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

html {
	font-family:"Calibri",sans-serif;
	font-weight:300;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f4+0,dbe5ea+50,9ebfd2+100 */
	
}
body.login{
    /* background: url(https://source.mamarbrerie.com/images/bg-rocher.jpg) center bottom no-repeat #1C3B5A; */
    background:#012E4D;
}


/**
 * HEADER
 *
 */
 header {
    border-bottom: 1px solid rgba(255,255,255,0.5);
    background: #002C4D;
    color: #fff;
}

section#main h2{
	color: #ffffff;
}

/**
 * HOME
 *
 */
html body.home{
	background: #002D4E; /* Old browsers */
}
section#main .chapeau{
	position:relative;
}
.home section#main .sub-menu a:hover{
	background:#006A71;
}


/* LOGO ET TITRE */

section#main h1 span {
	color: #1C677E;
}

/*	ETAPES INDEX	*/
body.etapes section#main .chapeau{
	max-width:310px;
}
body.etapes section#main h1:before {
	content: "LE ";
}
body.etapes section#main h1 span {
	display:none;
}

/*************************
		CONNEXION
*************************/
form input[type="text"], form input[type="password"] {
	border: 2px solid #1C677E;
	background:#002D4E;
	color: #fff;
}

form input[type="submit"] {
	border:2px solid rgba(11,113,127,0);
}

form input[type="submit"]:hover {
	border-color:rgba(11,113,127,1);
}

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

a.lien_demo{
	color:#fff;
}
/*
form input[type="text"]:-webkit-input-placeholder {
	color:red;
}
 
input:-moz-placeholder {
	color:red;
}*/

/* Change the white to any color ;) */
form input[type="password"]:-webkit-autofill, form input[type="text"]:-webkit-autofill{
	-webkit-box-shadow: 0 0 0 30px #002D4E inset;
	-webkit-text-fill-color: #fff !important;
}

.btn{
   /* padding: 1.7rem 3rem; */
}
.btn.sub {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007680+0,d41156+100 */
	background: #007680; /* Old browsers */
	background: -moz-linear-gradient(left,  #007680 0%, #00636A 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#007680), color-stop(100%,#00636A)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #007680 0%,#00636A 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #007680 0%,#00636A 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #007680 0%,#00636A 100%); /* IE10+ */
	background: linear-gradient(to right,  #007680 0%,#00636A 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007680', endColorstr='#00636A',GradientType=1 ); /* IE6-9 */
	text-align:center;
	color:#fff;
}
.btn.icon::after, .btn.validate:after{
	line-height:54px
}
body.login .overlay form legend{
	color:#FFFFFF;
}
body.login .overlay form{
	background: #002D4E;
}


/* FOOTER */

footer {
	z-index: 0;
	color: #333;
	background: #172838;
}

footer .conditions a,
footer .help span {
	color: rgba(173,173,173,1);
}

footer .conditions a:hover,
footer .help span:hover {
	color: rgb(196,196,196);
}

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


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

footer .help p , footer .help a{
	font-family:"Calibri",sans-serif;
}
footer .help span.icon-ico-help::before {
	color: rgba(173,173,173,1);
	border: 1px solid rgba(173,173,173,1);
}

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

/*===Background ALBAE===*/

/*Nouveaute*/

p#monument_categorie_nouveaute{
background: url(../images/albae_bouton_monument_nouveaute.png) no-repeat center;
background-size: cover;
transition: all ease-out 0.5s;
}

p#monument_categorie_nouveaute.actif,p#monument_categorie_nouveaute:hover{
background: url(../images/albae_bouton_monument_nouveaute_blanc.png) no-repeat center;
background-size: cover;
transition: all ease 0.5s;
}

/*Hors sol*/

p#monument_categorie_Hors-Sol{
background: url(../images/albae_bouton_monument_hors_sol.png) no-repeat center;
background-size: cover;
transition: all ease-out 0.5s;
}

p#monument_categorie_Hors-Sol.actif,p#monument_categorie_Hors-Sol:hover{
background: url(../images/albae_bouton_monument_hors_sol_blanc.png) no-repeat center;
background-size: cover;
transition: all ease 0.5s;
}

/*Sans stele*/

p#monument_categorie_Sans-Stele{
background: url(../images/albae_bouton_monument_sans_stele.png) no-repeat center;
background-size: cover;
transition: all ease-out 0.5s;
}

p#monument_categorie_Sans-Stele.actif,p#monument_categorie_Sans-Stele:hover{
background: url(../images/albae_bouton_monument_sans_stele_blanc.png) no-repeat center;
background-size: cover;
transition: all ease 0.5s;
}

/*Coeur*/

p#monument_categorie_Coeur{
background: url(../images/albae_bouton_monument_coeur.png) no-repeat center;
background-size: cover;
transition: all ease-out 0.5s;
}

p#monument_categorie_Coeur.actif,p#monument_categorie_Coeur:hover{
background: url(../images/albae_bouton_monument_coeur_blanc.png) no-repeat center;
background-size: cover;
transition: all ease 0.5s;
}

/*Ouvragé*/

p#monument_categorie_Ouvrage{
background: url(../images/albae_bouton_monument_ouvrage.png) no-repeat center;
background-size: cover;
transition: all ease-out 0.5s;
}

p#monument_categorie_Ouvrage.actif,p#monument_categorie_Ouvrage:hover{
background: url(../images/albae_bouton_monument_ouvrage_blanc.png) no-repeat center;
background-size: cover;
transition: all ease 0.5s;
}

/*Contemporain*/

p#monument_categorie_Contemporain{
background: url(../images/albae_bouton_monument_contemporain.png) no-repeat center;
background-size: cover;
transition: all ease-out 0.5s;
}

p#monument_categorie_Contemporain.actif,p#monument_categorie_Contemporain:hover{
background: url(../images/albae_bouton_monument_contemporain_blanc.png) no-repeat center;
background-size: cover;
transition: all ease 0.5s;
}

/*Classique*/

p#monument_categorie_Classique{
background: url(../images/albae_bouton_monument_classique.png) no-repeat center;
background-size: cover;
transition: all ease-out 0.5s;
}

p#monument_categorie_Classique.actif,p#monument_categorie_Classique:hover{
background: url(../images/albae_bouton_monument_classique_blanc.png) no-repeat center;
background-size: cover;
transition: all ease 0.5s;
}

/*Chrétien*/

p.categorie_religion span#monument_categorie_Chrétien{
background: url(../images/albae_bouton_monument_catholique.png) no-repeat center;
background-size: cover;
transition: all ease-out 0.5s;
}

p.categorie_religion span#monument_categorie_Chrétien.actif,p.categorie_religion span#monument_categorie_Chrétien:hover{
background: url(../images/albae_bouton_monument_catholique_blanc.png) no-repeat center;
background-size: cover;
transition: all ease 0.5s;
}

/*Musulman*/

p.categorie_religion span#monument_categorie_Musulman{
background: url(../images/albae_bouton_monument_musulman.png) no-repeat center;
background-size: cover;
transition: all ease-out 0.5s;
}

p.categorie_religion span#monument_categorie_Musulman.actif,p.categorie_religion span#monument_categorie_Musulman:hover{
background: url(../images/albae_bouton_monument_musulman_blanc.png) no-repeat center;
background-size: cover;
transition: all ease 0.5s;
}

/*Israélite*/

p.categorie_religion span#monument_categorie_Israélite{
background: url(../images/albae_bouton_monument_juif.png) no-repeat center;
background-size: cover;
transition: all ease-out 0.5s;
}

p.categorie_religion span#monument_categorie_Israélite.actif,p.categorie_religion span#monument_categorie_Israélite:hover{
background: url(../images/albae_bouton_monument_juif_blanc.png) no-repeat center;
background-size: cover;
transition: all ease 0.5s;
}

#recapitulatif .right.alignRight #total{
display:inline-block;
vertical-align: -3px;
}

.recapitulatif .remodal.small label:after{
background: #007680 !important;
}

/*  Catalogue  */
.etape-4 .left{
position:relative !important;
/*width:100% !important;*/
}
.etape-4 .right{
float: none;
vertical-align: top;
}
/*RECAP TG*/
.tg_albae .etape-4 #titre_couverture_img{
top: 240px;
left: 50%;
transform: translate(-50%,-50%);
width: 350px;
text-align: center;
font-family: "Walkway Black", sans-serif;
color: white;
line-height: 1.3;
letter-spacing: unset;
margin: 0 auto;
position: absolute;
font-size:24px;
}
.tg_albae .etape-4 #titre_couverture_img:after {
content: "";
position: absolute;
width: 4px;
background: #007788;
height: 180px;
bottom: -220px;
left: 50%;
transform: translateX(-50%);
}
.tg_albae .etape-4 #titre_couverture_img:before{
content: "Valable jusqu'au 31 Mars 20xx";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -260px;
width: 100%;
font-size: 13px;
}
.tg_albae .etape-5 #titre_couverture_img{
top: 240px;
left: 50%;
transform: translate(-50%,-50%);
width: 350px;
text-align: center;
font-family: "Walkway Black", sans-serif;
color: white;
line-height: 1.3;
letter-spacing: unset;
margin: 0 auto;
position: absolute;
font-size:24px;
}
.tg_albae .etape-5 #titre_couverture_img:after {
content: "";
position: absolute;
width: 4px;
background: #007788;
height: 180px;
bottom: -220px;
left: 50%;
transform: translateX(-50%);
}
.tg_albae .etape-5 #titre_couverture_img:before{
content: "Valable jusqu'au 31 Mars 20xx";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -260px;
width: 100%;
font-size: 13px;
}