@import 'icomoon/style.css';
@import 'fonts/lietome/stylesheet.css';

html {font-size: 62.5%;}
body{font-family: 'Lato', sans-serif;font-weight:400;color:#050D2E;font-size:1.8rem;}
.lietome{font-family: 'Lie to Me';text-transform:inherit;font-weight:400!important}

h1,.h1,h2,.h2,h3,.h3,h4,.h4{font-weight:700;font-size:5rem;}
h1,.h1{letter-spacing:-1px;text-transform:uppercase;}
h2,.h2{font-size:4rem;}
h3,.h3{font-size:3rem;font-style:italic;font-weight:700;text-transform:inherit}
h4,.h4{font-size:2.6rem;text-transform:inherit}
h5,.h5{font-size:2.4rem;text-transform:inherit}
.blue{color:#050D2E}
.lblue{color:#283a87}
.orange{color:#E26E41}
.white{color:#fff}
.grey{color:#E3E3E3}
.bg_blue{background-color:#050D2E}
.bg_orange{background-color:#E26E41}
.bg_white{background-color:#fff}
.bg_grey{background-color:#E3E3E3}
.bg_lblue{background-color:#283a87}
.bold{font-weight:700;}
.italic{font-style:italic}
.motif{position:relative}
.motif:before{content:"";position:absolute;background:url(motif2.png) no-repeat center center;height:101px;width:132px;top:-101px;left:50%;transform:translateX(-50%)}
.motif.motif_bottom{padding-bottom:130px!important}
.motif.motif_bottom:before{top:inherit;bottom:0;}
.icon-phone{width:32px;height:24px;display:inline-block;margin-right:10px;background:url(sprite.png) no-repeat 0 0;}
.icon-envelope{width:31px;height:24px;display:inline-block;background:url(sprite.png) no-repeat -255px 0;}
.icon-facebook{width:25px;height:25px;display:inline-block;background:url(sprite.png) no-repeat -189px 0}

#main_navbar{/*background:#333*/}
#main_navbar .navbar-brand img{width:auto;transition:all 0.2s ease}
#main_navbar.smaller .navbar-brand img{width:200px;}



a{color:inherit;}
a:hover{color:inherit;text-decoration:none}

.btn{/*background:#fff;color:#050D2E;*/border:0px solid #050D2E;transition:all 0.2s ease;font-size:2rem;font-weight:700;padding:7px 21px;border-radius:12px}
.btn:hover{background:#050D2E;color:#fff;border-color:#fff}
.btn .icon-arrow-right{display:inline-block;height:20px;width:13px;background:url(sprite.png) no-repeat 0 -217px;margin-left:15px}
.btn:hover .icon-arrow-right{background-position:-13px -217px}
.btn.bg_blue .icon-arrow-right{background-position:-13px -217px}
.btn.bg_blue:hover .icon-arrow-right{background-position:0 -217px}
.to_bg_orange:hover{background:#E26E41}
.to_bg_white:hover{background:#fff}
.to_bg_blue:hover{background:#050D2E}
.btn.bg_blue.to_bg_orange .icon-arrow-right{background-position:-13px -217px}
.small, small {
    font-size: 90%;
    font-weight: 400;
}

#main_navbar {top:45px;}
.contact_bar{top:0px}
.admin-bar  .contact_bar{top:32px}

.admin-bar #main_navbar {top:77px;}


#main_navbar.smaller{transition:all 0.2s ease;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.2)}
.navbar-nav > li > a{padding:10px 15px;color:#050D2E;font-size:1.5rem;font-weight:700;text-transform:uppercase;transition:all 0.2s ease}
.navbar-nav > li > a:hover{color:#E26E41;}


#main_navbar.smaller .navbar-nav > li > a{color:#050D2E}

/*contact_bar*/
.contact_bar{padding:10px 15px}
.contact_bar a{font-size:2rem;line-height:24px;min-height:24px;margin:0 15px;display:inline-block}
.contact_bar a .icon-phone{margin-bottom:-4px}
.contact_bar a .icon-envelope{margin-bottom:-4px}
.contact_bar a:hover{color:#fff}
.contact_bar a:hover .icon-phone{background-position:-32px 0}
.contact_bar a:hover .icon-envelope{background-position:-32px 0}

/*banner*/
.banner{height:500px;position:relative;margin-top:150px}
.banner_txt{max-width:600px;position:absolute;bottom:5%;left:50%;transform:translateX(-50%)}

.page-template-page-tarif .banner{height:250px}

/*index*/
.edito_txt p{font-style:italic;font-size:1.8rem;}
.edito_title h1{letter-spacing:inherit;}
.edito_title h1 strong{color:#E26E41}
.bloc h2{text-transform:inherit;font-size:3.6rem;margin:20px 0}
.bloc p{font-size:1.8rem;line-height:1.1}
.bloc_img{display:block;height:200px;position:relative;width:100%}
.bloc_img img{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}
.who_txt{position:relative}
.who_txt .smiley{position:absolute;bottom:0;right:0;height:52px;width:67px;background:url(sprite.png) no-repeat 0 -246px}
.service{padding:20px 15px}
.service h2{font-size:1.8rem;}
.service_img{display:block;height:140px;position:relative;width:100%}
.service_img img{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}
.part5 {padding-bottom:80px!important}
.part5 .why_txt{font-size:1.8rem}

/*post_content*/
.post_content p{font-size:1.8rem}
.post_content a:not(.btn){color:#f5866f}
.post_content a:not(.btn):hover{text-decoration:underline}
.post_content ul{padding-left:22px}
.post_content ul li,.puced li{list-style-type:none;position:relative}
.post_content ul li:before,.puced li:before{position:absolute;top:9px;left:-18px;height:6px;width:6px;border-radius:50%;background:#f5866f;content:""}
.post_content img{display:inline-block;max-width:100%;height:auto}
.post_content ul li{font-size:1.8rem}
.post_content blockquote{color:#9b9b9b;font-weight:300;font-size:3rem;text-align:center;}
.post_content blockquote *{font-size:2rem;}
.post_content.horaire_txt p{font-size:2rem}

.post_content h2{font-weight:700;text-transform:uppercase;font-size:2.4rem;margin-top:10px}
.post_content h3{font-weight:700;font-size:2rem;color:#e36f41;margin-bottom:0;margin-top:10px}
/*footer*/
.footer{padding-bottom:120px!important;background-image:url(frise.png);background-position:bottom left;background-repeat:repeat-x}
.logo_footer{margin-top:-59px}
.footer_link a{display:inline-block;padding:0 7px;position:relative}
.footer_link a:after{position:absolute;right:-5px;content:"";top:50%;height:7px;width:7px;border-radius:50%;background:#e36f41;transform:translateY(-50%)}
.footer_link a:last-child:after{display:none}
.footer_link a:hover{text-decoration:underline}
.footer .contact_link{margin-top:-88px}
.footer .contact_link li{display:inline-block;padding:15px}
.footer .contact_link li a{display:block;height:68px;width:68px;border-radius:50%;position:relative}
.footer .contact_link li a i{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}
.footer .contact_link li a i.icon-phone{background-position:-32px 0}
.footer .contact_link li a i.icon-envelope{background-position:-255px 0}
.footer .contact_link li a:hover i.icon-phone{background-position:0 0}
.footer .contact_link li a:hover i.icon-envelope{background-position:-288px 0}
.footer .contact_link li a:hover{background:#fff}
.footer .facebook_link i{margin-bottom:-9px;margin-left:9px}
.footer .facebook_link:hover i{background-position:-214px 0}

/*toggler*/
.navbar-toggler{margin-right:15px;border-color:#fff}
.navbar-toggler-icon{border-color:#fff;}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
#main_navbar .navbar-toggler{border-color:#f5866f}
#main_navbar .navbar-toggler-icon{border-color:#f5866f}
#main_navbar  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(245,134,111, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/*page qui sommes-nous*/
.icon img{max-height:68px}

/*page services*/
.presta_bloc{height:100%;}
.presta_bloc_header h2{font-size:3.2rem}
.presta_bloc_header img{max-height:140px;margin-bottom:20px}

/*page tarif*/
/*.page-template-page-tarif .part1 {margin-top:150px;}*/
.page-template-page-tarif .part1 .serv_img{margin-top:-200px;z-index:200;position:relative}
.page-template-page-tarif .banner_txt{bottom:20%}
.tarif_part .post_content h3,.tarif_part .post_content h2{color:#E26E41;font-size:3.2rem}
.tarif_part .post_content blockquote{color:#9c9c9c;font-weight:300;font-size:2.4rem;text-align:left}

/*page contact*/


#map{height:600px;width:100%;position:relative;display:block;}
#map .mapboxgl-marker, .mapboxgl-marker {
    height: 67px;
    width: 43px;
    background: url(marker.png) no-repeat;
}
.wpcf7-form .form-control{padding:7px 14px;font-size:1.6rem;}







@media (min-width: 992px) {
	.edito_txt{border-right:2px solid #fff}
	.bloc{position:relative}
	.bloc:after{content:"";position:absolute;top:20%;right:-4.5px;width:9px;height:143px;background:url(sprite.png) 0 -30px;}
	.bloc:last-child:after{display:none}
}
@media (max-width: 1200px) {
#main_navbar .navbar-brand img{max-width:210px}
#main_navbar.smaller .navbar-brand img{width:210px;}
.banner{margin-top:115px}
}
@media (max-width: 1100px) {
	.navbar-nav > li > a{padding:10px 7px}	
}
/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {
#main_navbar .navbar-brand img{max-width:180px}
#main_navbar.smaller .navbar-brand img{width:180px;}
.navbar-nav > li > a{padding:10px 5px}
.logo_footer {margin-top: -54px;}	

}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
#main_navbar .navbar-brand img {max-width: 280px;}
.banner {margin-top: 90px;}
.navbar-collapse.show{background:#fff}
.navbar-collapse.show #menu-menu li a:hover{color:#E26E41}
#main_navbar .navbar-collapse.show .navbar-nav > li > a{display:block;color:#050D2E;padding:20px 15px;text-align:center;position:relative}
#main_navbar .navbar-collapse.show .navbar-nav > li > a:after{position:absolute;bottom:0;content:"";height:1px;width:16px;left:50%;margin-left:-8px;background:#333}
#main_navbar .navbar-collapse.show .navbar-nav > li > a:hover{color:#E26E41;}
#main_navbar .navbar-collapse.show .navbar-nav > li:last-child > a:after{display:none}
.who_img{display:none}
.logo_footer {margin-top: -47px;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4{font-size:3rem}
h2, .h2, h3, .h3, h4, .h4{font-size:2.6rem}
h3, .h3, h4, .h4{font-size:2.2rem}
.service h2 {font-size: 2.6rem;}
.btn{font-size:2.1rem}
.footer .contact_link{margin-top:0;}
}



@media (max-width: 767px) {

}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
	#main_navbar .navbar-brand img {max-width: 240px;}
	.btn {font-size: 1.8rem;}
	.footer_link a::after{display:none}
	.edito_txt,.edito_title{padding:0!important}
}