@import url(https://fonts.googleapis.com/css?family=Lato:400,900italic,900,700italic,700,400italic,300italic,300,100italic,100);

html {
	font-family:"Lato",sans-serif;
	font-weight:300;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f4+0,dbe5ea+50,9ebfd2+100 */
	background: #1B3A59; /* Old browsers */
	background: -moz-linear-gradient(40deg,  #1B3A59 0%, #26527D 50%, #1B3A59 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#1B3A59), color-stop(50%,#dbe5ea), color-stop(100%,#1B3A59)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(40deg,  #1B3A59 0%,#26527D 50%,#1B3A59 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(40deg,  #1B3A59 0%,#26527D 50%,#1B3A59 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(40deg,  #1B3A59 0%,#26527D 50%,#1B3A59 100%); /* IE10+ */
	background: linear-gradient(40deg,  #1B3A59 0%,#26527D 50%,#1B3A59 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B3A59', endColorstr='#1B3A59',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-attachment:fixed
}

/*section#main {
	background:url('https://source.mamarbrerie.com/images/bg.png') no-repeat center center;
}*/

body {
	background:url('https://dev.source.mamarbrerie.com/images/bg-rocher.jpg') center bottom no-repeat #1C3B5A;
	/* background:#1B3A59; */
}


header {
    border-bottom: 1px solid rgba(255,255,255,0.5);
    background: #172838;
	color:#fff;
}

header#header .login a {
    border: 1px solid #fff;
    color: #fff;
}
header#header .login a::before {
    color: #fff;
}

section#main h1 span {
	/* color:#fff; */
}

/*************************
		CONNEXION
*************************/
body.index form#formulaire input[type="text"], body.index form#formulaire input[type="password"] {
	border: 0 none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background:#fff;
	border-color: -moz-use-text-color -moz-use-text-color rgba(0, 0, 0, 0);
	border-image: none;
	border-style: none none solid;
	border-width: 0 0 2px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-webkit-border-radius:4rem;
	border-radius:4rem;
}


form input[type="submit"] {
	/* border:2px solid rgba(194,13,66,0); */
}

form input[type="submit"]:hover {
	/* border-color:rgba(194,13,66,1); */
	opacity:0.9;
}


/* ==========================================================================
Shortcodes
========================================================================== */

a .new {
	background: linear-gradient(270deg, #c20d42, #de2a5f);
}

.btn {
	-webkit-border-radius:.5rem;
	border-radius:.5rem;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#12202b+0,d41156+100 */
	background: #12202b;
    background: -moz-linear-gradient(left, #12202b 0%, #163146 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#12202b), color-stop(100%,#163146));
	background: -webkit-linear-gradient(left,  #12202b 0%,#163146 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #12202b 0%,#163146 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #12202b 0%,#163146 100%); /* IE10+ */
	background: linear-gradient(to right,  #12202b 0%,#163146 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12202b', endColorstr='#163146',GradientType=1 ); /* IE6-9 */
	color:#fff;
}
.btn.btnWhite {
	-webkit-border-radius:.5rem;
	border-radius:.5rem;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#12202b+0,d41156+100 */
	background: #fff;
    border:1px solid #12202b;
	color:#12202b;
}

.btn.sub {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#12202b+0,d41156+100 */
	background: #12202b;
    background: -moz-linear-gradient(left, #12202b 0%, #163146 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#12202b), color-stop(100%,#163146));
	background: -webkit-linear-gradient(left,  #12202b 0%,#163146 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #12202b 0%,#163146 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #12202b 0%,#163146 100%); /* IE10+ */
	background: linear-gradient(to right,  #12202b 0%,#163146 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12202b', endColorstr='#163146',GradientType=1 ); /* IE6-9 */
	color:#fff;
}
.btn.icon-arrow-alt-right {
	background:#C70B46;
	color:#fff
}
.btn.icon-arrow-alt-right:before {
	color:#fff
}


.btn.liensimulateur {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0086b2+0,00abc9+100 */
	/* background: #0086b2; /* Old browsers */ 
	/* background: -moz-linear-gradient(left,  #0086b2 0%, #00abc9 100%); /* FF3.6+ */ 
	/* background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0086b2), color-stop(100%,#00abc9)); /* Chrome,Safari4+ */ 
	/* background: -webkit-linear-gradient(left,  #0086b2 0%,#00abc9 100%); /* Chrome10+,Safari5.1+ */ 
	/* background: -o-linear-gradient(left,  #0086b2 0%,#00abc9 100%); /* Opera 11.10+ */ 
	/* background: -ms-linear-gradient(left,  #0086b2 0%,#00abc9 100%); /* IE10+ */ 
	/* background: linear-gradient(to right,  #0086b2 0%,#00abc9 100%); /* W3C */ 
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0086b2', endColorstr='#00abc9',GradientType=1 ); /* IE6-9 */ 
}

.btn.icon::after, .btn.validate:after {
	-webkit-border-radius:4rem;
	border-radius:4rem;
}

section#head .login a:hover {
	border:1px solid #ccc;
	/* background:#ccc; */
	/* -webkit-box-shadow: 0 0 0 1px rgba(196,4,63,1); */
	/* box-shadow: 0 0 0 1px rgba(196,4,63,1); */
}

section#head .accueil > a, section#main .en-cours a, section#main .annulees a {
	font-family: "Lato",sans-serif;
}


footer .help > span {
	font-family:"Lato",sans-serif;
}

footer .help p , footer .help a{
	font-family:"Lato",sans-serif;
}
a.lien_demo{
	display:none;
}

/*	ENCART GENERATION	*/
div.generation_active{border: 2px #c20d42 solid;}

section#main h2{
	color:#ffffff;
}

#monument form#tri {
    background: #F2F2F2;
}

a.menu:hover, #head a.menu:hover {
    border-color: #c20d42;
    background: #c20d42;
}


body.menu-open a.menu {
	border-color:#c20d42;
}

body.menu-open a.menu span {
	background: #c20d42;
}
/* OVERLAY */

#overlay span.title {
	border-bottom: 5px solid #c20d42;
    color: #c20d42;
}


a.menu:hover,
#head a.menu:hover {
    border-color: #c20d42;
    background: #c20d42;
}
header nav li a:hover span,
header nav li.active a span{
	color:#E3A5B2
}
header nav li a:hover,
header nav li.active a {
    /* border-bottom: 4px solid #c30d42; */
	background:#C70B46;
	
}
header nav li a:hover::after,
header nav li.active a::after {
    border-left-color:#C70B46;
}


header {
    border-bottom: 1px solid rgba(255,255,255,0.5);
    background: #172838;
	color:#fff;
}
header#header .login a::before {
	color: #fff;
}

header#header .login a {
	border: 1px solid #fff;
	color: #fff;
}

header#header .login a:hover {
	border: 1px solid #c4043f;
	background: #c4043f;
	-webkit-box-shadow: 0 0 0 1px rgba(196, 4, 63, 1);
	box-shadow: 0 0 0 1px rgba(196, 4, 63, 1);
}
header#header .login a.icon-ico-home span{
	background:#155089
}
header#header .login a.icon-ico-home span:after{
	border-color:transparent transparent transparent #155089;
}


.sod_select,
button#granit,
input[type="text"].btn,
input[type="search"].btn,
input[type="text"].btn {
	border: 1px solid #B2B2B2;
	color: #323232;
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	/* easeOutCubic */
}

input[type="text"].btn,
input[type="search"].btn {
	color: #fff;
}

::placeholder {
	color: #fff;
}

input[type="search"]::placeholder {
	color: lightgrey;
}

::-webkit-input-placeholder {
	color: #fff;
}

::-moz-placeholder {
	color: #fff;
}

:-ms-input-placeholder {
	color: #fff;
}

:-moz-placeholder {
	color: #fff;
}

.sod_select.focus {
	color: #323232;
}


.sod_select,
button#granit,
input[type="text"].btn,
input[type="search"].btn,
input[type="text"].btn {
	border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
}

.table .switch input[type="checkbox"]:checked + label:before {
    background-color: #C20D42;
}