body {font-family:Didact Gothic, sans-serif;;}
a:link, a:visited {color:#1e9ad6;;}
.template-footer {background-color:#282f5d;;}
.nom-page {float:none;text-align:center;;}
.nom-page .nom-page-text {color:#282e5b;font-weight:bold;;}
.bloc-top {background-color:transparent;;}
.mce-content-body {;}
#responsive-container-12  {display:none;;}
.bleu {color:#1e9ad6;;}
.current-horizontal-item {background-color:#ffffff00;;}
.current-horizontal-item > a.menu-principal-horizontal-item-titre {border-left:0px;color:#f47920;border-top:0px;border-bottom:5px solid #f47920;border-right:0px;;}
.intranet {float:none !important;padding:10px;text-align:center !important;;}
.intranet-btn-login::after {content:"Connexion";padding:10px 30px;display:inline-block;background:#dfdfdf;border-radius:30px;color:#282e5b;;}
.intranet-form-login {width:60%;;}
.jaune {color:#fcaf17;;}
.menu-principal-horizontal {display:block;margin-top:-14px;margin-left:109px;;}
.menu-principal-horizontal::after {background-color:#ffffff00;;}
.menu-topscreen {display:block;opacity:1;background-color:#223770;color:white !important;;}
.template-footer {background-color:#606060color:#ffffff;;}
.un-article-colonne-titre {color:#1e9ad6;;}
.un-article-detail-popup-header {background-color:#4daede;color:white;;}
.un-article-slick-suite::after {background:#cfcdcd;color:white;padding:10px 25px;;}
.un-article-slick-titre {font-size:17px;text-align:center;font-weight:bold;color:#54afdc;;}
a.bouton-bleu {color:white !important;background:#3465aa;padding:10px 20px;;}
a.bouton-bleu:hover {color:white !importantbackground:#3563a8;padding:10px 20px;;}
a.menu-principal-horizontal-item-titre {max-width:272px;font-family:Didact Gothic, sans-serif;text-transform:uppercase;font-size:15px;letter-spacing:0.2em;color:#223770;border-bottom:5px solid #f5b31c;margin-left:5px;;}
a.menu-topscreen-item-titre, a.menu-topscreen-submenu-item-titre {color:#ffffff;;}

@media screen and (max-width: 470px) {
.logo-essentiel img {width:60%;;}

}

@media screen and (min-width: 470px) and (max-width: 980px) {
.logo-essentiel img {width:60%;;}

}

@media screen and (min-width: 980px) {
.logo-essentiel img {width:60%;;}

}

@media screen and (min-width: 1200px) {
.logo-essentiel img {width:60%;;}

}

@media screen and (min-width: 1600px) {
.logo-essentiel img {height:100%;width:auto;margin-left:-1032px;margin-top:6px;margin-bottom:-68px;;}

}

@media screen and (min-width: 1920px) {
.logo-essentiel img {height:100%;width:auto;margin-left:-1032px;margin-top:6px;margin-bottom:-68px;;}

}