html,body{overflow-x:hidden;width:100%}
body{position:relative}
.bannerbottom{width:100%;color:#FFF;font-size:16px;text-align:center;display:block}
.bannerbottom h2{font-weight:700;font-size:20px}
.bannerbottom h3{font-weight:700;font-size:20px}
.bandeau{display:none}
header{padding:15px 0;background:#FFF;margin:0;position:relative;z-index:10}
.logo{width:20%;float:left}
.logo2{width:10%;float:left}
.logo img{max-width:100%;height:auto}
.logo2 img{max-width:100%;height:auto}
.banner{float:left;width:100%;margin:0;padding:0;background:url(../assets/img/bg-4.webp) no-repeat center top}
.banner .overlay{float:left;width:100%;margin:0;padding:75px 0}
.banner h1{text-align:center;font-size:32px;line-height:34px;font-weight:600;margin-bottom:10px;position:relative;color:#FFF;padding-left:5%;padding-right:5%}
.banner h2{text-align:center;font-size:28px;line-height:30px;font-weight:600;margin-bottom:40px;position:relative;color:#FFF;padding-left:5%;padding-right:5%}
.banner h3{text-align:center;font-size:25px;line-height:27px;font-weight:600;margin-bottom:40px;padding-top:40px;position:relative;color:#FFF;padding-left:5%;padding-right:5%}
.banner p{text-align:center;font-size:20px;line-height:22px;font-weight:300;margin-bottom:40px;padding-top:40px;position:relative;color:#FFF;display:block;padding-left:5%;padding-right:5%}
.banner .calloption{display:table;width:250px;height:40px;line-height:40px;padding:20px;margin:0 auto;text-align:center;font-size:32px;font-weight:600;position:relative;z-index:3;background-color:#71c23b;box-sizing:content-box;color:#FFF}
.banner .calloption .borderside{position:absolute;width:386px;height:96px;left:-6px;top:-6px;margin:0;content:'';z-index:-1}
.banner .calloption img{display:inline-table;margin-right:10px;margin-top:-5px;vertical-align:middle;height:36px;width:auto}
.container{margin:0 auto;width:1100px;position:relative}
.topbutton{position:fixed;right:25px;bottom:22px;width:34px;height:34px;text-align:center;line-height:34px;font-size:16px;color:#fff;text-decoration:none;z-index:9;cursor:pointer;box-shadow:0 0 5px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.4);transition:.3s;-webkit-transition:.3s;display:none}
.topbutton span{line-height:34px}
.txtlanding{position:relative;float:left;width:100%;padding:20px;color:#000;font-size:14px}
.txtlanding h3{font-size:15px;font-weight:700;margin-top:10px}
.txtlanding h4{font-size:15px;font-weight:700;margin-top:10px}
.txtlanding ul{list-style-type:disc;padding-top:10px;padding-bottom:20px;padding-left:20px}
.txtlanding ol{list-style-type:decimal;padding-top:10px;padding-bottom:20px;padding-left:20px}
.txtlanding strong{margin-top:10px}
.txtlanding p{margin-top:10px}
.depnoncouverts{text-align:center;font-size:12px}
.titlenav{width:100%;position:relative;float:left;background-color:#0667a4;font-weight:700;color:#FFF;font-size:18px;text-align:center;padding:20px}
.titleh1{color:#000;font-size:1.5rem;line-height:2rem;margin-bottom:10px;font-weight:700}
.formtext{font-weight:900;font-size:14px}
.bloc_text{text-align:left}
.bloc_text p{margin:0 0 10px;font-size:12px;line-height:18px;text-align:left}
.bloc_text h1{font-size:19px;font-weight:700;text-transform:uppercase;margin:5px 0}
.bloc_text h2{font-size:19px;font-weight:700;text-transform:uppercase;margin:5px 0}
.bloc_text h3{font-size:19px;font-weight:700;text-transform:uppercase;margin:5px 0}
#suggestions{border:1px solid #ddd;max-height:150px;overflow-y:auto;position:absolute;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,0.2);margin-top:-13px;display:none;z-index:10}
.suggestion-item{padding:5px;cursor:pointer}
.suggestion-item:hover{background-color:#f0f0f0}
#resultContent{text-align:center;font-weight:700;font-size:1.6rem;line-height:1.6rem; text-transform: uppercase;}
.textpharmacie{text-align:center;font-weight:700;font-size:32px;line-height:34px;display:block;color:#FFF}
.textpharmacie2{text-align:center;font-weight:700;font-size:28px;line-height:30px;display:block;color:#FFF}
.textpharmaciemobile{display:none}
.textpharmaciemobile2{display:none}
.textpharmacie h1{font-weight:700;font-size:32px;line-height:34px;color:#FFF}
.contacterpharmacie{text-align:center;font-size:28px;color:#71c23b;position:relative;float:left;width:100%;font-weight:700;padding-bottom:20px;line-height:30px}
#results{margin-top:20px}
#contactButton{margin-top:20px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;cursor:pointer}
#contactButton:hover{background-color:#0056b3}
#livewire-error{display:none}
.blockform{border:2px solid #CCC;border-radius:.75rem;height:40px;margin-bottom:10px;width:100%}
.btn-col{animation-name:col;animation-duration:2s;animation-iteration-count:infinite}
.btn-border{animation-name:bord-pop;animation-duration:2s;animation-iteration-count:infinite}
.btn-icon{animation-name:btn-icon;animation-duration:2s;animation-iteration-count:infinite}
.contactpharmacie{color:#FFF;font-weight:500;font-size:.9em}
.contactpharmacie2{color:#FFF;font-weight:900;font-size:1.2em;text-transform:uppercase}
.contactpharmacie3{color:#FFF;font-weight:900;font-size:1.5em;text-transform:uppercase}
.contactbutton{color:#FFF;padding:10px;font-weight:700;background:#2ba9ab;cursor:pointer}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1;clear:both}
.blackblock{background:#0548ca;width:100%;padding-bottom:30px;margin-top:50px;position:relative;float:left}
.serviceindextitre{width:100%;font-size:28px;color:#FFF;font-weight:700;text-align:center;margin-top:30px;text-transform:uppercase}
.serviceindex{width:31.33%;position:relative;float:left;text-align:center;margin-top:30px;margin-bottom:30px;padding-left:1%;padding-right:1%}
.serviceindeximg{width:100%;position:relative;float:left;text-align:center;margin-bottom:20px}
.serviceindex img{width:50px;height:auto;display:inline}
.serviceindextitle{font-size:16px;color:#FFF;font-weight:700;text-align:center;line-height:20px;margin-bottom:10px}
.serviceindextitle2{font-size:24px;color:#FFF;font-weight:700;text-align:center;margin-left:20px;margin-right:20px;line-height:26px;margin-top:20px}
.tel3240{font-size:28px;color:#FFF;font-weight:700;text-transform:uppercase;background:#3b9200;padding:5px}
.serviceindextext{font-size:14px;color:#FFF;text-align:center}
.whiteblock{background:#FFF;width:100%;padding-bottom:30px}
.wrap{width:95%;margin:0 auto;overflow:hidden}
nav.footer_menu{float:none}
nav.footer_menu ul{padding-left:0;text-align:center}
nav.footer_menu ul li a,nav.footer_menu ul li{color:#FFF}
.cartouche{float:right;text-align:right}
.cartouche img{display:inline}
.bloc_service .tarif{clear:both}
footer{margin-top:20px;margin-bottom:100px;padding:0 15px;background:#FFF}
nav.footer_menu{float:left}
nav.footer_menu ul{text-align:left;padding:0}
nav.footer_menu ul li a,nav.footer_menu ul li{font-size:16px;color:#535353}
nav.footer_menu ul li a{text-decoration:none}
nav.footer_menu ul li{display:inline-block;margin:10px 2px}
.bannerservice{padding:1rem;background-size:cover;background-position:center;}
.bannerservice2{margin-top:2rem;margin-bottom:2rem}
@keyframes bord-pop {
0%{opacity:.5}
50%{transform:scale(1.5);opacity:.05}
100%{transform:scale(1.5);opacity:0}
}
@keyframes col {
0%{transform:scale(1) translate(0,0)}
10%{transform:scale(1.1) translate(0,0)}
75%{transform:scale(1) translate(0,0)}
100%{transform:scale(1) translate(0,0)}
}
@keyframes btn-icon {
5%,15%{transform:rotate(25deg)}
10%,20%{transform:rotate(-25deg)}
25%{transform:rotate(0deg)}
100%{transform:rotate(0deg)}
}
@keyframes mmfadeIn {
from{opacity:0}
to{opacity:1}
}
@keyframes mmfadeOut {
from{opacity:1}
to{opacity:0}
}
@keyframes mmslideIn {
from{transform:translateY(15%)}
to{transform:translateY(0)}
}
@keyframes mmslideOut {
from{transform:translateY(0)}
to{transform:translateY(-10%)}
}
@media (max-width: 1024px) {
.topbutton{display:none!important;visibility:hidden}
.container{width:100%}
.banner h1{font-size:28px;line-height:30px}
.banner h2{font-size:24px;line-height:26px}
.banner h3{font-size:20px;line-height:22px}
}
@media (max-width : 480px) {
body{overflow-x:hidden}
*{max-width:100%;box-sizing:border-box}
.banner p{display:none}
.bannerbottom{font-size:12px;display:block}
header{padding:0;position:relative;z-index:10}
.logo{text-align:center;width:100%;float:none}
.logo2{text-align:center;width:100%;float:none}
.logo img{width:63%;padding-top:10px;padding-bottom:10px;margin:0 auto}
.logo2 img{width:28%;padding-top:10px;padding-bottom:10px;margin:0 auto}
.bandeau{display:block;width:100%;position:fixed;bottom:0;border-top:3px solid #FFF;z-index:1000}
.bandeau img{width:100%;border:0}
.bandeau a{border:0}
.textpharmaciemobile{text-align:center;font-weight:700;font-size:1.4rem;line-height:1.6rem;display:block}
.textpharmaciemobile2{text-align:center;font-weight:700;font-size:1rem;line-height:1.2rem;display:block}
}