/* CSS Document
bleu #114986
vert #44ac35
bleu foncé bg #252939
noir gris bg #222
*/

body{color:#222222;background:#fff;font-family: "lato", sans-serif;font-weight: 400;font-style: normal;}

h1,h2,h3,h4,h5,h6,p,li,span{font-family: "lato", sans-serif;font-weight: normal!important;color:#222222;}
h1{font-size: 50px;}
h2{font-size: 45px;}
h3{font-size: 30px;}
h4{font-size: 25px;}
h5{font-size: 20px;}
h6{font-size: 20px;}

@media all and (max-width:1024px){
h1{font-size: 40px;}
h2{font-size: 30px;}	
h3{font-size: 25px;}
h4{font-size: 25px;}
h5{font-size: 25px;}
h6{font-size: 25px;}	
}
@media all and (max-width:720px){
h1{font-size: 30px;}
h2{font-size: 25px;}	
h3{font-size: 20px;}
h4{font-size: 20px;}
h5{font-size: 20px;}
h6{font-size: 20px;}	
}

.bg_dark h1,
.bg_dark h2,
.bg_dark h3,
.bg_dark h4,
.bg_dark h5,
.bg_dark h6,
.bg_dark p,
.bg_dark li,
.bg_dark span{color:#fefefe!important;}

a{-webkit-transition:ease-in-out .5s;}

/*pour que le menu soit visible*/
.section_un{margin-top:-120px;padding-top:120px!important;}


/*cta*/
.sp-button span,.bg_dark .sp-button:hover span{background:#252939!important;padding:10px 30px;border:solid 1px #fefefe!important;color:#fefefe!important;border-radius:5px;}
.bg_dark .sp-button span,.sp-button:hover span{background:#fefefe!important;border-color:#252939;color:#252939!important;border:solid 1px #252939!important}
.sp-button,.sp-button:hover{background:none!important;padding:0!important;}
@media all and (max-width:720px) {.sp-button span{font-size: 14px}}


/*menu*/
.nav-bar{align-items: flex-end;}
a{color:#114986;}
a:hover{color:#44AC35;}

.header{z-index: 999}
.header li a{color:white;font-size: 20px;font-weight: 500;letter-spacing: 1px;}
.header li:hover{color:#114986;background:rgba(255,255,255,0.4);}
.header li.current-menu-item{background:rgba(255,255,255,0.5);}
.header li.current-menu-item  a {color:#222;font-weight: 800;}

.mob-menu-logo-holder {    display: flex;    align-items: center;}
.mobmenu-panel{}
.mobmenu-panel li{}
.mobmenu-panel li.current-menu-item a{color:#222;font-weight: 800}
.mobmenu-content li a {padding: 10px!important	;font-size: 17px!important;}
.mobmenu-right-panel li, .rightmbottom, .rightmtop {padding-left: 5%;padding-right: 5%;  }
.mobmenu-panel li{margin:15px 0;padding:0!important;background:rgba(0,0,0,0.05)}

/*formulaire*/
.form_separateur {border-top:solid 2px #222!important;margin-top:25px!important;}
.form_separateur h3{background:#eee;margin-top:25px!important;padding:10px 0!important}
.wpforms-confirmation-container-full.wpforms-confirmation-scroll{background:#44ac35!important}
.wpforms-confirmation-container-full.wpforms-confirmation-scroll p{color:white!important;text-align: center!important;font-size: 20px!important}


.footer p{color:#222}
.footer a{color:#114986}
.footer .current-menu-item a{color:#114986;font-weight: 700}

.joindre .sp-icon-feature-content{}
.joindre .sp-icon-feature-content h4,
.joindre .sp-icon-feature-content h4 a{margin:0!important;padding:0!important;line-height: 0.4}
.joindre .sp-icon-feature-content p{display: none!important}

.copyright p{font-size: 11px!important;color:#222}
.copyright p a{font-size: 11px!important;color:#114986}

/*mobile menu*/
.mobmenu{display: flex;    align-items: center;justify-content: space-between;}
.mobmenu .mob-menu-logo-holder{margin:0!important;padding:5px 10px!important;}
.mobmenu .mobmenur-container{margin:5px 10px!important;padding:0!important;position: relative!important;top:auto!important}