body{font-family:Arial, Times New Roman, serif;width:100%;margin:auto;padding:0px;background-repeat:no-repeat;background-position:top;background-size:100%;background-image:url(../img/bg.jpg);background-attachment:fixed;}
#leSite{width:100%;background-color:white;}
header{margin:0px;padding:0px;display:flex;align-items:center;position:fixed;top:0;width:100%;z-index:99;background-color:rgba(255,255,255,0.6);transition:0.6s ease;}
.logoEnteteDiv{margin:0px;margin-left:20px;margin-right:0px;margin-bottom:0px;padding:0px;display:flex;align-items:center;text-align:center;}
#logoImg{margin:0;}
#titreMenuEntete{width:100%;height:120px;display:flex;flex-direction:column;justify-content:space-between;}
#titreForm{flex:1;margin:0px;padding:0px;width:100%;display:flex;justify-content:space-around;align-items:center;border-bottom:1px solid rgba(255,255,255,0.2);transition:0.6s ease;}
#companyName{margin:0px;padding:0px;text-align:center;}
#companyName h1{margin:0px;text-align:center;color:darkgreen;font-family:Times New Roman, serif;font-style:oblique;}
#companyName span{margin:0px;color:rgba(12,65,49,0.7);font-size:12px;}
#leName{margin:0px;color:maroon;}
#titreForm form{margin:0px;padding:0px;background-color:rgba(0,0,0,0.1);display:flex;align-items:center;}
#titreForm img{display:block;}
#searchInput{height:30px;}
#searchImage{border:1px solid rgba(0,0,0,0.1);}
#enteteNav{flex:1;margin:0px;padding:0px;display:flex;justify-content:space-around;align-items:center;}
#enteteCategories{width:60%;display:flex;justify-content:center;align-items:flex-end;margin:0px;padding:0px;}
.categorie{list-style-type:none;width:24%;margin:0px;padding:0px;border-right:1px solid rgba(255,255,255,0.2);transition:0.6s ease;}
.categorieAdd{text-align:center;}
#maisonLi a{display:block;margin:0;padding:0;height:60px;display:flex;justify-content:center;align-items:center;text-align:center;}
.categorie:hover{background-color:white;color:rgba(12,65,49,1);box-shadow:0px 0px 4px #1c1a19;}
#maison1{margin:0;padding:0;}
.lastCategorie{list-style-type:none;width:24%;margin:0px;padding:0px;transition:0.6s ease;}
.lastCategorie:hover{background-color:white;box-shadow:0px 0px 4px #1c1a19;}
.categorieA{flex:1;text-decoration:none;margin:0px;padding:0px;color:rgba(12,65,49,1);transition:0.6s ease;}
.categorieA p{margin:0px;padding:0px;height:60px;display:flex;align-items:center;justify-content:center;text-align:center;transition:0.6s ease;}
.categorie:hover .categorieA p, .lastCategorie:hover .categorieA p{background-color:white;color:rgba(12,65,49,1);box-shadow:0px 0px 4px #1c1a19;}
.categorieUl{visibility:hidden;opacity:0;position:absolute;top:120px;margin:0;padding:0;width:20%;border-radius:0px 0px 20px 20px;transition:0.6s ease;}
.categorie:hover ul.categorieUl, .lastCategorie:hover ul.categorieUl{visibility:visible;opacity:1;box-shadow:0px 4px 4px #1c1a19;background-color:rgba(200,200,200,0.9);color:rgba(12,65,49,1);}
.sousCategorie{list-style-type:none;border-bottom:1px solid rgba(255,255,255,0.1);}
.sousCategorieA{display:flex;align-items:center;text-decoration:none;color:rgba(12,65,49,1);border-bottom:1px solid rgba(0,0,0,0.1);height:30px;padding-left:10px;word-wrap:break-word;transition:0.6s ease;}
.sousCategorieA:hover{background-color:rgba(255,255,255,1);box-shadow:0px 0px 4px #1c1a19;}
.cat34{border-radius:0px 0px 20px 20px}
.cat43{border-radius:20px 20px 0px 0px}
.contactLien{display:block;}
.contactLien{width:18%;display:flex;align-items:center;text-decoration:none;}
.contactInfo{margin:0px;}
.arobaseFigure{margin:0;padding:0;margin-right:5px;margin-bottom:0px;margin-top:0px;display:flex;justify-content:center;align-items:center;text-align:center;}
#seConnecter{text-decoration:none;color:rgba(12,65,49,1);font-size:14px;}
.monCompte{text-decoration:none;color:rgba(12,65,49,1);font-size:12px;}
.couleurOrange{color:rgba(12,65,49,1);font-size:14px;}
.couleurOrange:hover{text-decoration:underline;}
#seConnecter:hover{text-decoration:underline;}


.banniere{display:flex;align-items:center;justify-content: space-around; width:99%;margin:auto;margin-top:130px;}
.banniereAdd{margin-top:50px;}
.ban75Div{width:75%;margin:0px;padding:0px;overflow:hidden;}
.ban75DivAdd{width:99%;}
.divSlideElts{display:block;width:100%;margin:0px;padding:0px;border-radius:5px 5px 5px 5px;}
.mySlides{display:none;width:100%;margin:0px;padding:0px;border-radius:5px 5px 5px 5px;box-shadow:0px 0px 30px rgba(0,0,0,0.4);}
.mySlidesSpeech{display:none;margin:0px;padding:0px;height:50px;position:relative;bottom:50px;text-align:center;background-color:rgba(0,0,0,0.5);font-style:italic;border-radius:0px 0px 5px 5px;}
.mySlidesSpeech a{text-decoration:none;color:rgba(255,255,255,0.8);}
.noSlideImg{display:block;}
.fade {-webkit-animation-name:fade;-webkit-animation-duration:1s;animation-name:fade;animation-duration:1s;}
@-webkit-keyframes fade {
	from {opacity:0}
	to {opacity:1}
}
@keyframes fade {
	from {opacity:0}
	to {opacity:1}
}
.prev, .next {display:block;width:12%;display:flex;align-items:center;justify-content:center;text-align:center;margin:0px;padding:0px;cursor:pointer;width:auto;color:rgba(0,0,0,0.3);font-size:500%;transition:0.6s ease;}
.prev:hover, .next:hover {color:rgba(0,0,0,0.5);text-shadow:0px 4px 4px #1c1a19;}



.separateur{width:75%;background-image: url(../img/separateur.png);background-repeat: no-repeat;background-size: 100% 100%;margin:auto;margin-bottom:20px;margin-bottom:15%;display:flex;justify-content:center;align-items:center;}
.separateur2{position:relative;bottom:25px;}
.separateur3{width:98%;}
.separateur h1, .separateur h2{background-color:white;padding:0;padding-left:16px;padding-right:16px;margin:0;}

.sectionsElts, .sectionsEltsDir{width:75%;padding:0px;padding-bottom:10px;padding-top:10px;margin:auto;background: linear-gradient(rgba(240,240,240,0), rgba(240,240,240,0.1), rgba(240,240,240,0.2), rgba(240,240,240,0.2), rgba(240,240,240,0.4), rgba(240,240,240,0.5), rgba(240,240,240,0.5), rgba(240,240,240,0.5), rgba(240,240,240,0.5));display:flex;justify-content:space-around;}
.sectionsEltsAdd{box-shadow:0px 0px 4px rgba(0,0,0,0.4);border-radius:5px;}
.sectionsElt{display:block;width:30%;margin:0px;padding:0px;background-color:white;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-shadow:0px 30px 30px rgba(0,0,0,0.2);border-radius:5px;overflow:hidden;text-decoration:none;color:black;transition:0.6s ease;}
.sectionsEltReverse{width:30%;margin:0px;padding:0px;display:flex;flex-direction:column;align-items:center;border-radius:5px;overflow:hidden;}



.sectionsEltAdd{justify-content:flex-start;align-items:flex-start;}
.sectionsElt:hover{box-shadow:none;}
.sectionsElt aside, .sectionsElt div, .sectionsElt article{margin:0px;padding:0px;width:100%;}
.sectionsEltReverse aside{margin:0px;padding:0px;display:flex;justify-content:center;align-items:center;}

.asideImg{width:100%;margin:0px;padding:0px;}
.sectionsElt article ul{padding:0;margin-left:21px;margin-right:16px;}
.sectionsElt article h4{margin-left:5px;margin-right:5px;}
.sectionsElt span{display:block;background-color:rgba(0,153,224,1);color:white;padding:16px;margin:16px;border-radius: 5px;}
.sectionsEltReverse a{display:block;background-color:rgba(0,0,0,0.6);text-decoration:none;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:80px;width:100%;position:relative;bottom:80px;z-index:90;transition:0.6s ease;}
.sectionsEltReverse a span{color:rgba(153,222,255,1);transition:0.6s ease;}
.sectionsEltReverse a:hover{background-color:rgba(0,153,224,1);}
.sectionsEltReverse a:hover span{color:white;font-size:20px;text-decoration:underline;}
.sectionsEltsDir{align-content:space-around;flex-wrap:wrap;}
.sectionsEltsDirAdd{width:100%;}
.sectionsEltDir{width:30%;margin:0px;margin-bottom:40px;padding:0px;display:flex;flex-direction:column;align-items:center;box-shadow:0px 30px 30px rgba(0,0,0,0.2);border-radius:5px;overflow:hidden;transition:0.6s ease;}
.sectionsEltDirAdd{width:45%;}
.sectionsEltDirAdd2{display:block;text-decoration:none;color:black;}
.sectionsEltDirAdd2:hover{box-shadow:none;}
.sectionsEltDir h4, .sectionsEltDir h5{margin:0;text-align:center;margin-left:16px;margin-right:16px;}
.sectionsEltDir h5{color:rgba(0,0,0,0.6);margin-top:10px;}
.uneClass{text-decoration:none; color:rgba(0,0,0,0.7);transition:0.6s ease;}
.uneClass:hover{text-decoration:underline;color:rgba(0,0,0,1);}
.uneClass1{text-align:center;}

.accueil{width:75%;margin:auto;margin-bottom:50px;}
.accueil2{display:flex;justify-content:space-between;border-radius:5px;}
.accueil3{justify-content:space-around;width:99%;}
.accueil2Elt1{width:50%;}
.accueil2Elt1 aside{margin:0;display:flex;flex-direction:column;}
.accueil2Elt1 aside img{border-radius:5px 5px 0px 0px;box-shadow:0px 0px 15px rgba(0,0,0,0.4);}
.accueil2Elt1 article{position:relative;bottom:40px;}
.accueil2Elt1 h3{margin-top:0;color:white;background-color:rgba(0,0,0,0.3);height:40px;display:flex;align-items:center;}
.accueil2Elt1 h3 span{margin-left:20px;display:block;}
.accueil2Elt2{width:40%;padding:5px;}
.accueil2Elt2Div{overflow:hidden;}
.accueil2Elt2DivAdd{border-radius:5px 5px 0px 0px;width:75%;margin:auto;}
form.accueil2Elt2Div{text-align:center;}
form.accueil2Elt2Div h4{color:rgba(0,100,224,1);}
.accueil2Elt2 aside{margin:0;display:flex;flex-direction:column;}
.accueil2Elt2 aside img{display:block;flex:1;border-radius:5px 5px 0px 0px;box-shadow:0px 0px 15px rgba(0,0,0,0.4);}
.accueil2Elt2 article{height:200px;color:rgba(0,0,0,1);position:relative;bottom:30px;overflow:hidden;}
.accueil2Elt2DivAdd h4{margin:0;background-color:rgba(0,0,0,0.3);height:30px;display:flex;align-items:center;}
.accueil2Elt2DivAdd h4 span{margin-left:20px;}
.accueil2Elt2DivAdd h4 span a{text-decoration:none;color:white;}
.accueil2Elt2DivAdd h4 span a:hover{text-decoration:underline;}
#emailAsideForm{width:50%;}
.divGoogle div{margin:auto;}
.envoi{text-align:center;}
.flouElt{display:block;background: linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.5), rgba(255,255,255,0.7), rgba(255,255,255,0.7), rgba(255,255,255,0.9), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1));display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;position:relative;bottom:70px;height:70px;border-bottom:10px double rgba(0,153,224,0.1);padding-bottom:10px;margin:0;}
.flouElt a{display:block;text-decoration:none;background-color:rgba(0,153,224,0.8);color:white;padding:16px;border-radius:5px;box-shadow:0px 0px 15px rgba(0,0,0,0.5);margin-right:20px;transition:0.6s ease;}
.flouElt a:hover{box-shadow:0px 30px 30px rgba(0,0,0,0.2);background-color:rgba(0,153,224,1);}
#envoyer{font-size:16px;background-color:rgba(0,100,224,1);color:white;padding:16px;border-radius:5px;box-shadow:0px 0px 15px rgba(0,0,0,0.5);border:none;margin-right:20px;transition:0.6s ease;}
#envoyer:hover{box-shadow:0px 30px 30px rgba(0,0,0,0.2);background-color:rgba(0,153,224,0.8);}
.grpeSections{width:75%;margin:0px;padding:0px;margin:auto;display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid rgba(0,0,0,0.2);}
.sectionElt{width:40%;margin:0px;padding:0px;padding-right:5%;padding-left:5%}
.sectionEltAdd{border-right:1px solid rgba(0,0,0,0.1);}
.sectionElt article{margin:0px;padding:0px;width:100%;font-size:16px;}
#email{width:70%;}



.imprintBanner{width:75%;height:100%;border-radius:5px;}
.sectionsElt2{width:30%;margin:0px;padding:0px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px;overflow:hidden;}
.sectionsElt2 figure{text-align:center;margin:0;padding:0;}
.sectionsElt2 h5{margin:0;}
.sectionsElt2 h5 a{text-decoration:none;color:rgba(0,153,224,1);}
.sectionsElt2 h5 a:hover{text-decoration:underline;}
.asideImg2{width:20%;margin:0px;padding:0px;}



.contactOffice{width:99%;margin:auto;display:flex;justify-content:space-around;}
.officeMapAddress, .contactOffice form{width:45%;}
#modifier, #valider
{
	
	padding-top:10px;
	padding-bottom:10px;
	width:15%;
	color:white;
	box-shadow:0px 4px 4px #1c1a19;
	border:none;
	border-radius:5px;
	transition:0.6s ease;
}
#modifier
{
	margin-right:20%;
	background-color:maroon;
	
}
#valider
{
	background-color:rgba(0,125,0,1);
}
#modifier:hover, #valider:hover
{
	box-shadow:none;
}
{
	
}
.officeMapAddress{display:flex;flex-direction:column;}
.address{flex:1;display:flex;justify-content:center;align-items:center;}
.address p{background-color:rgba(240,240,240,0.5);padding:16px;box-shadow:0px 0px 4px #1c1a19;border-radius:5px;}
#map
{
	flex:1;
	width:100%;
}

#nom, #email, #phone
{
	width:100%;
	height:2em;
}
#comments
{
	width:100%;
	height:300px;
}
.couvreForm{display:flex;flex-direction:column;align-items:center;justify-content:center;}
#seconnecter, #passChange
{
	margin:20px;
	padding:10px;
	box-shadow:0px 0px 30px rgba(0,0,0,0.2);
	display:flex;
	flex-direction:column;
	align-items:center;
	margin-bottom:20px;
	border-radius:5px;
	transition:0.6s ease;
	
}
.divSousForm{display:flex;align-items:flex-end;flex-wrap:wrap;justify-content:space-around;width:100%;}
.divSousFormP{width:30%;}
.divSousFormP2{width:23%;}
.divSousFormBis{display:none; border-top:1px solid rgba(0,0,0,0.1);}
#retour{text-decoration:none;}
#connect, #retour, #modif, #ajoutParcours, #affinerTable, #connectBis{padding:10px;font-size:16px;color:white;box-shadow:0px 4px 4px #1c1a19;border:none;border-radius:5px;background-color:rgba(0,125,0,1);transition:0.6s ease;}
#retour, #ajoutParcours, #affinerTable{background-color:maroon;}
#connect:hover, #retour:hover, #modif:hover, #ajoutParcours:hover, #affinerTable:hover, #connectBis:hover{box-shadow:none;}




footer{margin-top:50px;background-color:rgba(0,0,0,0.1);}
#hautFooter{display:flex;justify-content:space-around;align-content:space-around;flex-wrap:wrap;font-size:14px;}
#hautFooterDiv{display:flex;flex-direction:column;justify-content:center;align-items:center;}
#hautFooter span{color:rgba(0,0,0,0.5);}
#hautFooter a{text-decoration:none;color:rgba(0,0,0,0.5);}
#hautFooterDiv a{color:rgb(20,108,83);}
#hautFooter a:hover{text-decoration:underline;color:black;}
#basFooter{background-color:rgba(255,255,255,1);display:flex;justify-content:space-around;align-items:center;color:black;box-shadow:0px -4px 4px rgba(0,0,0,0.2);}
.basFooterElt1{width:75%;display:flex;justify-content:center;align-items:center;}
.basFooterElt2{width:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
#basFooter figure, .copyright, .basFooterElt2P{margin:0;padding:0;}
.basFooterElt2P{margin-top:5px;font-size:10px;}
.copyright span{font-style:oblique;}
#logoPalmImg{cursor:pointer;}
.lesMatieres{display:none;}
.profil_table{width:75%; margin:auto;}
th, td{text-align:center;}
#logoImg{transition:0.6s ease;}