.header ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#96ba48;}
.header li{float:left;padding:5px;padding-left:0;}
.header li a{display:block;color:white;text-align:center;padding:8px 16px;text-decoration:none;}
.header li a:hover{background-color:#111;}
.header{background-color:#96ba48;width:100%;margin:0;position:absolute;}
.logo{width:20%;float:left;}
.logo img{width:90%;padding:1em;margin-left:1em;}
.form form{margin-bottom:0;}
.input{background-color:rgba(250, 235, 215, 0);border:1px solid #26415e;border-radius:6px;width:37%;height:1.5em;padding:5px;}
.confirmer{color:white;background-color:#26415e;border:1px solid #26415e;border-radius:6px;height:20px;width:24%;float:right;padding:1px;}
.form a{color:#26415e;font-size:0.8em;text-decoration:none;margin-left:40%;}
.banner img{margin-top:1em;}
@media (max-width:1366px){}
@media (max-width:1280px){}
@media (max-width:1366px){}
@media (max-width:1024px){}
@media (max-width:991px){}
@media (max-width:800px){}
@media (max-width:768px){.header{height:15%;}
.logo img{width:264%;padding:1em;margin-left:1em;}
.form form{display:none;}
.banner img{margin-top:4em;width:100%;}
.lien{display:none;}
}
@media (max-width:640px){.header{height:15%;}
.logo img{width:264%;padding:1em;margin-left:1em;}
.form form{display:none;}
.banner img{margin-top:0em;width:100%;}
.navhed{margin-top:0em;margin-right:0em;}
}
@media (max-width:480px){.header{height:15%;}
.logo img{width:264%;padding:1em;margin-left:1em;}
.form form{display:none;}
.banner img{margin-top:2.8em;width:100%;}
}
}
@media (max-width:320px){}
.user{display:inline-flex;width:100%;padding-top:1.5%;padding-bottom:0.5%;background-color:#98BBAA;position:fixed;z-index:100;}
.username{color:white;margin-left:1%;font-size:134%;}
.user-logo{width:85%;MARGIN-TOP:-0.5em;}
.user-logo img{border-radius:50%;width:54px;border:3px solid #96ba48;}
.user-logo p{margin-bottom:0;margin-left:8%;}
.param{display:none;position:absolute;background-color:white;padding:1%;}
.user-panel p{margin-bottom:0;margin-top:0.5%;}
#param{cursor:pointer;}
#mob{margin-top:3.5em;}
@media (max-width:800px){}
@media (max-width:768px){.user-logo img{border-radius:50%;width:54px;margin-top:1em;border:3px solid #96ba48;}
}
@media (max-width:640px){.user-logo{width:85%;MARGIN-TOP:1.5em;}
.user-logo img{margin-top:-0.6em;}
#param{cursor:pointer;margin-top:1em;width:30px;float:right;}
.immg{float:left;margin-top:-2.5em;margin-left:10px;}
.user-panel{width:0%;}
#mob{margin-top:5em;}
.user{height:5em;}
}
@media (max-width:480px){.user-logo img{border-radius:50%;width:54px;margin-top:-0.5em;border:3px solid #96ba48;}
.user{height:5em;}
.user-logo{width:85%;MARGIN-TOP:1.5em;}
.user-logo img{margin-top:-0.6em;}
}
@media (max-width:320px){.user-logo img{border-radius:50%;width:54px;border:3px solid #96ba48;}
.user-logo{width:85%;MARGIN-TOP:1.5em;}
.user-logo img{margin-top:-0.6em;}
}
body{font-family:'exo', sans-serif;}
#nav{padding:0;margin:0;text-align:center;width:100%;margin-top:-3em;margin-bottom:7em;}
#nav li{display:inline;list-style:none;border-style:solid;color:rgba(38, 65, 94, 0);padding:12px;border-radius:13px;background:rgba(38, 65, 94, 0.89);margin-left:3em;}
#nav a{display:inline-block;margin:0 30px;text-decoration:none;}
a{color:#000;text-decoration:blink;}
.titre{BACKGROUND:#96ba48;text-align:center;margin:0 auto;color:#fff;padding:8px;}
h3{font-size:80px;color:#fff;}
#bot{margin-bottom:5%;}
#container{width:80%;}
.det{float:right;margin-left:1em;margin-bottom:5em;width:26%;height:26%;background:#ddd;}
.active{BACKGROUND:#96ba48;color:#f1f1f1;}
.navhed{margin-top:-4em;margin-right:-18em;}
.imag{width:250px;height:50px;}
.identifiant{width:111%;margin:0 auto;float:left;margin-left:-29%;margin-top:2%;}
.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);}
.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%;}
.close{color:#aaaaaa;float:right;font-size:28px;font-weight:bold;}
.close:hover,
.close:focus{color:#000;text-decoration:none;cursor:pointer;}
.mybt{width:33px;height:27px;margin-top:0em;padding:0em;border:1px solid rgba(154, 205, 50, 0);}
.modl{display:none;}
@media (max-width:1366px){}
@media (max-width:1280px){}
@media (max-width:1366px){}
@media (max-width:1024px){#nav li{display:table-cell;}
#nav{width:78%;margin:auto;}
}
@media (max-width:991px){}
@media (max-width:800px){}
@media (max-width:768px){.det{width:90%;margin-right:-1em;margin-top:2em;}
}
@media (max-width:640px){.det{width:90%;margin-top:2em;}
.navhed{margin-top:0em;margin-right:0em;}
.imag{width:150px;height:30px;}
.banner img{margin-top:0.6em;width:100%;}
.modl{display:block;}
}
@media (max-width:480px){.det{width:90%;margin-right:-1em;margin-top:2em;}
}
@media (max-width:320px){.det{width:90%;margin-right:-1em;margin-top:2em;}
.modl{display:block;}
}
#nav a{display:inline-block;margin:0 30px;text-decoration:none;}
a{color:#000;}
.deta1{border:1px solid #96ba48;BACKGROUND:#fff;width:20%;margin-left:9em;margin-bottom:2em;position:absolute;}
#deta2{width:55%;margin-top:0em;float:right;margin-right:9%;background:#fff;box-shadow:6px 6px 36px #859f9f;margin-bottom:4em;}
.deta3{border:1px solid #96ba48;BACKGROUND:#fff;width:20%;margin-left:9em;display:block;position:absolute;margin-top:7em;}
.le{text-align:left;font-size:20px;BACKGROUND:#96ba48;margin:0 auto;color:#fff;padding:8px;}
p.bordure_verticale{height:100%;padding-right:50px;border-right:1px solid #ddd;float:left;}
.padd{padding:0 10px;line-height:2em;}
button.accordion{border:solid;border-color:rgb(150, 186, 72);border-radius:19px;background-color:#EBECEC;color:#000;width:10%;text-align:center;font-size:18px;display:none;}
button.accordion.active, button.accordion:hover{background-color:#ddd;}
div.panel{padding:0 18px;display:none;background-color:white;}
.mob{margin-top:4.5;}
@media (max-width:800px){}
@media (max-width:768px){.deta1{}
#deta2{width:78%;}
#nav li{display:table-cell;}
#nav{width:78%;margin:auto;display:none;}
}
@media (max-width:640px){.deta1{width:70%;float:right;margin-right:17%;display:none;}
.deta3{display:none;}
.detail{width:70%;float:right;margin-right:17%;}
#deta2{margin-top:-4em;margin-right:5%;background:#fff;box-shadow:6px 6px 36px #859f9f;margin-bottom:5em;width:90%;display:block;}
#nav li{display:block;width:82%;margin:auto;}
button.accordion{border:solid;border-color:rgb(150, 186, 72);border-radius:19px;background-color:#EBECEC;color:#000;width:54%;text-align:center;font-size:18px;display:block;margin:auto;}
.mob{margin-top:6em;}
}
@media (max-width:480px){.deta1{width:70%;}
#deta2{width:80%;}
#nav li{display:block;width:80%;margin:auto;}
}
@media (max-width:320px){.deta1{width:70%;}
#deta2{width:70%;}
#nav li{display:block;width:70%;margin:auto;}
}
.deta{border:1px solid #96ba48;margin:auto;padding:1em;line-height:0.8em;}
.d{width:60%;margin:auto;margin-top:5em;}
.image{width:100;height:100;}
.images{width:60%;}
@media (max-width:800px){}
@media (max-width:768px){.d{width:100%;}
.deta{width:95%;padding:0 10px;}
.image{width:30%;height:20%;}
.images{width:98%;margin-left:-1em;}
}
}
@media (max-width:640px){.d{width:100%;}
.deta{width:95%;padding:0 10px;}
.image{width:30%;height:20%;}
.images{width:98%;margin-left:-1em;}
p{line-height:1.3em;padding:0.5em;}
}
@media (max-width:480px){.d{width:100%;}
.deta{width:95%;padding:0 10px;}
.image{width:30%;height:20%;}
.images{width:98%;margin-left:-1em;}
}
@media (max-width:320px){.d{width:100%;}
.deta{width:80%;padding:0 10px;}
.image{width:30%;height:20%;}
.images{width:98%;margin-left:-1em;}
}
.total{width:100%;}
.fav{width:70%;margin:auto;border-spacing:6px;margin-bottom:4em;}
.ttd{background:#96ba48;width:50%;padding:1em;color:#f1f1f1;}
.ttd1{background:#FFF;width:50%;padding:1em;}
span{font-weight:normal;}
@media (max-width:800px){}
@media (max-width:768px){.fav{width:95%;}
}
@media (max-width:640px){.fav{width:95%;}
}
@media (max-width:480px){.fav{width:95%;}
}
@media (max-width:320px){.fav{width:95%;}
}
form{width:70%;margin:0 auto;float:left;margin-left:14%;margin-top:5%;}
label{display:block;margin-top:20px;letter-spacing:2px;}
input{width:100%;height:40px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid yellowgreen;padding:10px;margin-top:0.5em;font-size:0.9em;color:#3a3a3a;}
select{width:100%;height:40px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid yellowgreen;padding:10px;margin-top:3px;font-size:0.9em;color:#3a3a3a;}
.checkbox{width:15px;}
input:focus, textarea:focus{border:1px solid #97d6eb;}
.sec1{float:left;}
#submit{width:19%;height:38px;background:#96ba48;margin-top:8px;cursor:pointer;color:#fff;float:right;margin-left:1em;}
#res{width:19%;height:38px;background:#96ba48;color:#fff;float:right;}
#submit:hover{opacity:0.9;}
.td1{WIDTH:52%;}
.insc{width:83%;margin:0 auto;}
@media (max-width:800px){}
@media (max-width:768px){form{width:90%;}
.insc{width:95%;margin-left:2em;}
}
@media (max-width:640px){form{width:100%;}
.insc{width:95%;margin-left:2em;}
}
@media (max-width:480px){form{width:90%;margin:0 auto;}
.insc{width:95%;margin-left:2em;}
}
@media (max-width:320px){form{width:90%;margin:0 auto;}
}
.modif{width:48%;margin:0 auto;float:left;margin-left:26%;}
h4{width:66%;height:64px;font-family:bebas;padding:17px 0px 0px 78px;letter-spacing:1px;font-size:2.2em;margin:0 auto;}
@media (max-width:800px){}
@media (max-width:768px){.modif{width:85%;}
h4{font-size:1em;padding:0px 0px 0px 78px;float:left;width:100%;margin-left:-4em;}
}
@media (max-width:640px){.modif{width:85%;margin:auto;margin-left:1.6em;}
h4{font-size:1em;padding:0px 0px 0px 78px;float:left;width:100%;margin-left:-4em;}
}
@media (max-width:480px){.modif{width:85%;}
h4{font-size:1em;padding:0px 0px 0px 78px;float:left;width:100%;margin-left:-4em;}
}
}
@media (max-width:320px){.modif{width:85%;}
h4{font-size:1.2em;float:left;width:80%;margin-left:-2em;}
}
.avan{width:78%;margin:auto;background:#fff;padding:3% 5%;;margin-top:5em;box-shadow:3px 3px 10px 5px rgba(40, 68, 98, 0.48);border-radius:15px;}
.parag{padding:1em;margin-left:3em;}
titre1{color:rgb(39, 67, 97);}
@media (max-width:800px){}
@media (max-width:768px){}
@media (max-width:640px){.avan{width:80%;margin:auto;background:#fff;padding:3% 5%;;margin-top:2em;box-shadow:3px 3px 10px 5px rgba(40, 68, 98, 0.48);border-radius:15px;}
.parag{padding:0em;margin-left:3em;}
titre1{color:rgb(39, 67, 97);font-size:16px;}
}
@media (max-width:480px){}
@media (max-width:320px){}
#uploadFile{width:39%;padding:10px;border:2px solid rgba(150, 186, 72, 0.45);text-align:center;margin-left:-11em;margin-top:0.5em;border-radius:17px;float:left;}
.camera{background:url('../img1.png')no-repeat;;height:150px;width:150px;display:block;cursor:pointer;}
input[type="file"]{display:block;width:150px;height:150px;display:none;}
.submitI{padding:5px 10px 5px 10px;background:#0000ff;color:white;width:120px;margin:auto;cursor:pointer;}
#website{padding:5px 10px 5px 10px;background:#ff0000;color:white;width:120px;margin:auto;text-decoration:none;cursor:pointer;}
#imageReader{max-height:150px;max-width:150px;}
.data{width:63%;height:67%;margin-left:16em;margin-top:-2em;margin-bottom:3em;box-shadow:10px 10px 5px #888888;border:1px solid #96ba48;BACKGROUND:#fff;display:block;position:absolute;}
#const{width:61%;margin-top:0em;float:right;margin-right:9%;background:#fff;box-shadow:6px 6px 36px #859f9f;margin-bottom:2em;margin-top:-10em;}
.consultation{font-size:18px;margin-top:15em;text-align:center;margin-left:2em;margin-bottom:10em;BACKGROUND:#fff;}
.formulaire{width:51%;margin:0 auto;float:right;margin-right:20%;margin-top:-13.5em;}
.sub{margin-top:7px;float:right;margin-right:-6em;width:36%;height:38px;background:#96ba48;cursor:pointer;color:#fff;}
.annuler{margin-right:4px;float:righ}
}
@media (max-width:800px){}
@media (max-width:768px){}
@media (max-width:640px){#uploadFile{padding:10px;border:2px solid rgba(150, 186, 72, 0.45);text-align:center;margin-left:2em;width:86%;margin-top:-13em;border-radius:17px;}
.data{width:84%;height:125%;margin-left:2em;margin-top:-4em;margin-bottom:3em;box-shadow:10px 10px 5px #888888;border:1px solid #96ba48;BACKGROUND:#fff;display:block;position:absolute;}
.formulaire{width:83%;margin:0 auto;float:right;margin-top:-0.5em;margin-right:3.5em;}
.sub{margin-top:7px;width:36%;height:38px;background:#96ba48;cursor:pointer;color:#fff;margin-right:0.5em;}
.annuler{margin-right:4px;}
}
@media (max-width:480px){}
@media (max-width:320px){}
.map1{width:79%;height:65%;margin-left:5em;margin-top:4em;margin-bottom:6em;}
@media (max-width:768px){.map1{width:87%;height:59%;margin-left:1em;margin-top:4em;margin-bottom:6em;float:left;}
.form1{width:108%;margin:0 auto;}
}
@media (max-width:640px){.map1{width:87%;height:59%;margin-left:1em;margin-top:4em;margin-bottom:6em;}
.form1{width:108%;margin:0 auto;}
}
header{background:#96ba48;width:100%;height:12%;position:fixed;top:0;left:0;z-index:100;}
navig{float:right;padding:20px;}
ul{list-style:none;}
li{display:inline-block;}
.current{color:#2262AD;}
section{margin:80px auto 40px;max-width:980px;position:relative;padding:20px}