.alerte{padding:.3vw 6vw .45vw}.alerte h1,.alerte h2,.alerte h3,.alerte h4,.alerte h5,.alerte h6,.alerte p{margin:0!important;padding:0!important}.iframe-calendrier iframe{min-height:400px}

@media screen and (max-width:767px){
 .bloc_image.new_bloc .bloc_background_image { background:none !important; }
}
@media screen and (max-width:767px){
 .actualite-container { margin-top:25px; padding-bottom:21px; border-bottom:1px solid #e0e0e0; }
 .evenement-container { margin-top:18px; padding-bottom:30px; }
 .evenement-container hr, .actualite-container hr { display:none; }
 .evenement-container .item .inner, .actualite-container .item .inner { padding-top:8px !important; padding-bottom:40px !important; }

 .actualite-evenement-container-vertical { padding:0; margin-bottom:29px !important; }

 .boutonFixed { font-size:15px !important; right:15px !important; }
 header.modern #mmenu { right: 16px !important; }
 header.modern .menu-right ul { margin: 0 31px 13px 0; }

 div { transform:unset !important; }

.rollover-fix1, .rollover-fix2, .rollover-fix3, .rollover-fix4 {
 transform:unset !important; margin-left: 15px; margin-bottom:5px; width: calc(100% - 30px) !important;
}
.rollover-fix4 { margin-bottom:31px; }

.rollover-fix1 a, .rollover-fix2 a, .rollover-fix3 a, .rollover-fix4 a { display:flex !important; gap:15px !important; align-items: center !important; justify-content: flex-start !important; }
.rollover-fix1 h3, .rollover-fix2 h3, .rollover-fix3 h3, .rollover-fix4 h3 { margin-bottom: 9px; margin-top: 9px; }
.rollover-fix1 a img, .rollover-fix2 a img, .rollover-fix3 a img, .rollover-fix4 a img { width:40px !important; }
.rollover-fix1 .bloc, .rollover-fix2 .bloc, .rollover-fix3 .bloc, .rollover-fix4 .bloc { margin-bottom:0 !important; } 
#rechercherHautDePage #rechercheInput { margin-right:0 !important; }

.news-mobile-adjust .grid-stack-item-content .bloc { background:#dfdfdf !important; padding-top:10px !important; }
.news-mobile-adjust { margin-bottom:35px; padding-top: 22px; }

.mobile-two-col { float:left; margin:0; width:33% !important; height:24.15vw; }
.mobile-two-col img { width:90% !important; }
.mobile-two-col div.bloc { display:flex; align-items:center;}

#sopfeu-widget-container { margin-top:15px; }

}

.button[href="javascript:history.back();"] {
 margin-top: 2vw;
 margin-left: 4vw;
 border-radius: 0.7vw;
}

.module-element-new .inner span.presentation-check { 
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
}

.module-element-new > p:first-child { margin-bottom:0; }

ul.liste_accordeon li { border-radius:0.7vw; }
ul.liste_accordeon li.active { border-radius:0.7vw 0.7vw 0 0; }

.module-element-new { border-radius:0.7vw 0.7vw 0.7vw 0.7vw !important; overflow:hidden; }

.rollover-fix1 { background:#23608f !important; }
.rollover-fix2 { background:#94b10f !important; }
.rollover-fix3 { background:#211b1d !important; }
.rollover-fix4 { background:#e79913 !important; }

.rollover-fix1.rollover:hover,
.rollover-fix2.rollover:hover,
.rollover-fix3.rollover:hover,
.rollover-fix4.rollover:hover
{ opacity:1 !important; }

.rollover-fix1.rollover .bloc,
.rollover-fix2.rollover .bloc,
.rollover-fix3.rollover .bloc,
.rollover-fix4.rollover .bloc
{ opacity:1 !important; transition: all ease 250ms; }

.rollover-fix1.rollover:hover .bloc,
.rollover-fix2.rollover:hover .bloc,
.rollover-fix3.rollover:hover .bloc,
.rollover-fix4.rollover:hover .bloc
{ opacity:1 !important; background:none !important; }

.chatbox .body .welcome p,
.chatbox .foot form input,
.chatbox .foot form input::placeholder { font-weight:300 !important; }
/******************************
*
* Menu - Alignement du menu
*
******************************/
@media screen and (min-width:768px){
ul.main-menu > li:nth-child(1) > div { width: 47vw; left:0; }
ul.main-menu > li:nth-child(2) > div { width: 47vw; left:0; }
ul.main-menu > li:nth-child(3) > div { width: 47vw; left:0; }
ul.main-menu > li:nth-child(4) > div { width: 47vw; right:0; }
ul.main-menu > li:nth-child(5) > div { width: 47vw; right:0; }
ul.main-menu > li:nth-child(6) > div { width: 47vw; right:0; }
ul.main-menu > li:nth-child(7) > div { width: 47vw; right:0; }
}
header.modern .menu-right > ul > li > a { border-bottom:0 !important; }

.actualite-evenement-container-vertical .img,
.actualite-evenement-container-vertical .button,
.button.boutonFixed
{
 border-radius: 0.7vw 0.7vw 0.7vw 0.7vw !important;
}

.desktop a:hover, #grid-footer a:hover {
 color:#e79913;
}

.button { font-family:'Lato', sans-serif !important; }
.actualite-container * { font-family:'Lato', sans-serif !important; }
.actualite-container h2 { color:#423b3d; margin-top: -0.7vw; font-family:'Oswald', sans-serif !important; font-weight:400 !important; }
.evenement-container * { font-family:'Lato', sans-serif !important; }
.evenement-container h2 { color:#423b3d; font-family:'Oswald', sans-serif !important; font-weight:400 !important; }
.actualite-evenement-container-vertical .item .inner p.presentation { color:#423b3d; }
.actualite-evenement-container-vertical .item .inner > p:first-child { color:#423b3d !important; margin-bottom:0 !important; }
.actualite-evenement-container-vertical .item .inner > p:first-child span { color:#423b3d !important; font-size:75% !important; font-weight:400; }
.actualite-evenement-container-vertical .item .inner .title:hover { color:#e79913; }

/******************************
*
* Menu principal
*
******************************/
@media screen and (min-width:768px){
header.modern #logo { max-height: 3.5vw !important; }
}
header.modern .menu-right input { font-family: 'Lato', sans-serif; }
/**/
/* MENU PRINCIPAL LIEN */
header.modern ul.main-menu > li > a { font-size: 0.9vw; padding: 2.5vw 1.1vw; font-family: 'Lato', sans-serif;}
/**/
/* MENU DROITE LIEN*/
header.modern .menu-right > ul > li > a { font-size: 0.9vw !important; padding: 2.02vw 0.5vw !important; font-family: 'Lato', sans-serif;}
@media screen and (max-width:767px){
header.modern .menu-right > ul > li > a { font-size: 16px !important; padding: 10px !important; }
}
/**/
/* MENU 2E NIVEAU LIEN */
ul.main-menu > li > div > ul > li > a { font-weight: bold; font-size: 0.85vw !important; padding: 0.5vw 0 0.6vw 0 !important; font-family: 'Lato', sans-serif !important; }
/**/
/* MENU 3E NIVEAU LIEN */
ul.main-menu > li > div > ul > li > ul > li >a { font-weight: bold; font-size: 0.85vw !important; padding: 0.5vw 0 0.6vw 0 !important; font-family: 'Lato', sans-serif !important; }
/******************************
*
* CSS général
*
******************************/
h1, h2, h3, h4, h5, h6, p { font-family: "Oswald", sans-serif; margin: 0 0 0.5vw 0; padding: 0; }
p, div, cite, dt, dl, th, td, caption, pre { font-family: 'Lato', sans-serif; font-size: 1vw; line-height: 1.45vw; }
p { margin-bottom: 1vw; }
li { font-size: 1vw; line-height: 1.45vw; margin-bottom: 0vw; }
@media screen and (min-width:768px){
.grid-stack-item-content ul { margin-left: 1.2vw; }
}
.accordion { margin-left:0 !important; }
h1 {
font-size: 3.5vw;
line-height: 4.2vw;
margin-top: 1vw;
margin-bottom: 0vw;
font-weight: 400;
}
h2 {
font-size: 2.5vw;
line-height: 3vw;
margin-top: 2vw;
margin-bottom: 1vw;
font-weight: 350;
}
h3 {
font-size: 1.5vw;
line-height: 1.8vw;
margin-top: 1.3vw;
margin-bottom: 0.6vw;
font-weight: 350;
}
h4 {
font-size: 1.25vw;
line-height: 1.5vw;
margin-top: 0.5vw;
font-weight: 350;
margin-bottom: 0.5vw;
}
h5 {
font-size: 1.15vw;
line-height: 1.3vw;
margin-top: 0vw;
}
h6 {
font-size: 1.0vw;
line-height: 1.25vw;
margin-top:0vw;
}
@media (max-width: 767px) {
h1 { font-size: 30px; line-height: 37px; margin-bottom: 16px; margin-top: 16px; }
h2 { font-size: 24px; line-height: 30px; margin-bottom: 16px; margin-top: 16px; }
h3 { font-size: 20px; line-height: 25px; margin-bottom: 16px; margin-top: 16px; }
h4 { font-size: 18.5px; line-height: 22.5px; margin-bottom: 16px; margin-top: 16px; }
h5 { font-size: 17px; line-height: 20px; margin-bottom: 16px; margin-top: 16px; }
h6 { font-size: 15px; line-height: 18px; margin-bottom: 16px; margin-top: 16px; }
p, div, cite, dt, dl, th, td, caption, pre { font-size: 15px; line-height: 18px; margin-bottom: 19px; }
li { font-size: 15px; line-height: 18px; margin-bottom: 5px; }
div { margin-bottom: 0; }
}
.accordion li a{ border:0; }
.accordion { margin-bottom:0; }
.accordion-title{ line-height: 1.5; }
.accordion li a { font-family: 'Lato', sans-serif !important; }
/******************************
*
* Menu VW
*
******************************/
@media screen and (min-width:768px){
.top-bar { height:4vw !important; }
.top-bar ul li { height: 4vw !important; }
.top-bar ul li a { font-size: 1.3vw !important; padding: 1.3vw 1.8vw 1.2vw 1.8vw !important; }
ul.dropdown.menu li ul li a { font-size: 1.2vw !important; }
}
@media screen and (min-width:768px) {
.top-bar ul li ul li { height: auto !important; }
.top-bar ul li ul li a { padding: 0.9vw 2.2vw 1vw 2.2vw !important; }
}
.is-dropdown-submenu >li {
width: 27vw;
}
.texteSEO {
text-align: center;
}

@media screen and (min-width:768px) {
.iconeAccueil { margin: -0.3em 1em 0 1em; }
}
@media (max-width: 767px) {
.iconeAccueil { margin: -0.5em 1em 0 1em; }
}
/******************************
*
* Moteur de recherche
*
******************************/
.resultatRecherche {
padding: 3vw 8vw 3vw 8.5vw;
}
.resultatRecherche h2 {
}
.resultatRecherche ul li {
}
.resultatRecherche ul li a {
}
#news-list h2 { padding-bottom:0.9vw !important; }
@media screen and (max-width:767px){
.boiteLienRapideMobile2 { width: 50% !important; float: left; padding:0vw !important; }
.boiteLienRapideMobile2 .grid-stack-item-content { padding:6vw 0vw 6vw 0vw !important; }
.boiteLienRapideMobile2 h4 { font-size: 4.5vw; line-height: 5.5vw; margin: 0; }
.grid-stack-item.bloc.clearfix { clear:both; }
#news-list { padding:0; }
#news-list .news.first { margin-top:0 !important; }
#news-list .news img { margin-bottom: 5vw !important; }
#news-list .news .inner { padding: 6vw 6vw 2vw 6vw; }
.boutonIconeAccueil { margin-top:3px; }
.boutonIconeAccueil h3 { line-height:37px; font-size: 26px; }
.boutonIconeAccueil img { width: 48px; margin: -5px 20px 11px 7px; }
}
div#boiteFormulaire input, div#boiteFormulaire .checkbox { border: 1px solid #cdcdcd; }
div#boiteFormulaire h4 { margin-top:3.7vw; }
@media screen and (max-width:767px){
.year-container .document-container { padding:15px !important; }
.year-container .date-group { float: none; width: 100%; }
.year-container .document-container .document { padding:10px 0px !important; width:100% !important; }
.boiteLienRapideMobile2 .grid-stack-item-content { padding:0px !important; }
.liste_accordeon { margin: 0px 15px 0px 15px !important; }
.liste_accordeon .titre { padding: 15px !important; }
.liste_accordeon .reponse { padding:15px !important; }
.liste_accordeon>li .plus { font-size: 10px !important; margin-top: -4px !important; right: 15px !important; }
}
form.formModern .group-checkbox .checkbox {
border: 1px solid #b6b6b6;
background: #ffffff;
}
#lienFacebookHeader {
font-family: 'Font Awesome 6 Brands' !important;
font-weight:100 !important;
}
.cky-switch input { display:block; }
.cky-modal p { font-size:15px !important; line-height:22px !important; }
.cky-cookie-des-table li div, .cky-cookie-des-table li, .cky-cookie-des-table { font-size:15px !important; line-height:22px !important; }
.cky-notice-des p { font-size:15px !important; line-height:22px !important; }
@media screen and (max-width:767px){
.liste_accordeon { margin: 15px !important; }
.liste_accordeon>li>span.titre { padding:15px !important; font-size:15px !important; }
.liste_accordeon>li>.reponse { padding: 15px !important; }
.liste_accordeon>li .plus { font-size: 9px; margin-top: -4px; pointer-events: none; position: absolute; right: 10px; top: 50%; }
}
.header.modern.standard .main-menu>li>ul>li>a, .header.modern.standard .main-menu>li>ul>li>ul>li>a {
color:#ffffff; font-family:'Lato'; font-size:0.9vw;
}
.header.modern.standard .main-menu>li>ul>li>a:hover, .header.modern.standard .main-menu>li>ul>li>ul>li>a:hover {
color: #00ff00;
}
.header.modern.standard .main-menu>li>ul, .header.modern.standard .main-menu>li>ul>li>ul {
background:#073b65;
}
@media screen and (max-width:767px){
.liste_accordeon>li>div p { margin-bottom: 25px; }
.liste_accordeon>li>div p:last-child { margin-bottom: 0px; }
}
@media screen and (max-width:767px){
#news-list .bouton-mobile { margin-top:20px; }
#news-list .bouton-mobile a { font-size:15px !important; }
}
.customForm .field textarea:focus+label, .customForm .field textarea:not(:placeholder-shown)+label { width: calc(100% - 20px) !important; }
form.formModern .field textarea { overflow: visible; }
@media screen and (max-width: 767px) {
.slick-dots {
display: none !important;
}
}
form.formModern .group-checkbox .checkbox { border: 2px solid #232323; }
.customForm .group-checkbox>div>label { display: flex; flex-direction: row-reverse !important; justify-content: flex-end; }
form.formModern .group-checkbox .checkbox { flex-shrink:0; }
#sopfeu_widget_iframe { height:8.2vw; }
@media screen and (max-width: 767px) {
#sopfeu_widget_iframe { height:151px; }
}
#news-list.cinq .news:hover { background:#073b65 !important; }
/******************************
*
* Classes cacherDesktop et cacherMobile
*
******************************/
@media screen and (min-width:768px){
.cacherDesktop {
display: none;
}
#app_blocs .cacherDesktop {
display: block !important;
}
}
@media screen and (max-width:767px){
.cacherMobile {
display: none;
}
#app_blocs .cacherMobile {
display: block !important;
}
}
.button{
display:inline-block;
background:#5e8435;
padding:18px 25px;
font-size:1.5vw;
color:#ffffff;
text-decoration:none;
transition:all 150ms linear;
font-family:'Figtree', sans-serif;
border-radius: 0px;
}
.button:hover{
background:#1b485f;
color:#ffffff;
}
.themeAlternatif h2 { color:#404040; }
.themeAlternatif .actualite-evenement-container-vertical .item .inner .title { color:#404040; }
@media screen and (min-width:768px){
.themeAlternatif .actualite-evenement-container-vertical { padding-top: 0vw !important; }
.themeAlternatif h2 { margin-bottom:2vw; }
.themeAlternatif hr { margin-top:1.5vw; margin-bottom:1.5vw; }
.themeAlternatif hr.special { display:none; }
}
@media screen and (max-width:767px){
.mobile-background-right > div { background-position: right !important; }
.mobile-background-left > div { background-position: left !important; }
.fix-mobile-infolettre { display:flex; align-items:center; justify-content:flex-start; }
}
/* actualité */
.actualite-evenement-container .actualite-container { background:#eef4f9; }
.actualite-evenement-container .actualite-container h2 { color:#021c4d; }
.actualite-evenement-container .actualite-container .inner a { color:#11a9e5; }
.actualite-evenement-container .actualite-container .inner a:hover { color:#906f32; }
.actualite-evenement-container .actualite-container .inner p { color:#021c4d; }
/* événement */
.actualite-evenement-container .evenement-container { background:#021c4d; }
.actualite-evenement-container .evenement-container h2 { color:#ffffff; }
.actualite-evenement-container .evenement-container .inner a { color:#11a9e5; }
.actualite-evenement-container .evenement-container .inner a:hover { color:#906f32; }
.actualite-evenement-container .evenement-container .inner p { color:#ffffff; }
/* ACCUEIL LIENS RAPIDES */
.container-liens-rapides { display: flex; flex-wrap: wrap; justify-content:space-between; margin-top:2.2vw; }
.container-liens-rapides > a { transition:color 250ms ease; display:block; color:#a8c6e1; width:50%; text-align:center; margin: 0.77vw 0; }
.container-liens-rapides > a:hover { color:#ffffff; }
.container-liens-rapides > a > img { transition:transform 250ms ease; display:block; width:3.98vw; margin:0 auto; }
.container-liens-rapides > a:hover > img { transform: scale(1.12); }
@media screen and (max-width:767px){
.container-liens-rapides { margin-top:14px; }
.container-liens-rapides > a > img { width:64px; }
.container-liens-rapides > a { margin:14px 0 25px 0; }
}
@media screen and (max-width:767px){
header.modern #logo { max-height: 70px !important; height: auto !important; width: auto !important; max-width: 178px !important; }
}


.coin-inferieur-rond .bloc { border-radius: 0 0 0.7vw 0.7vw; }
.coin-superieur-rond .bloc { border-radius: 0.7vw 0.7vw 0 0; }
.coin-inferieur-rond-droit .bloc { border-radius: 0vw 0vw 0.7vw 0vw; }
.coin-inferieur-rond-gauche .bloc { border-radius: 0vw 0vw 0vw 0.7vw; }
.coin-superieur-rond-droit .bloc { border-radius: 0vw 0.7vw 0vw 0vw; }
.coin-superieur-rond-gauche .bloc { border-radius: 0.7vw 0vw 0vw 0vw; }
.coin-rond-droit .bloc { border-radius: 0vw 0.7vw 0.7vw 0vw; }
.coin-rond-gauche .bloc { border-radius: 0.7vw 0vw 0vw 0.7vw; }
.coin-rond .bloc { border-radius: 0.7vw; }
.sansCoinRond { border-radius:0 !important; }
.grid-stack-item.coin-rond { border-radius:0.7vw; }
.bloc-alerte.coin-rond { border-radius:0.7vw; }

@media screen and (max-width:767px){
 .button.rounded { border-radius:7px; }
 .coin-inferieur-rond .bloc { margin-bottom:15px; margin-left:15px; width: calc(100% - 30px); border-radius: 0 0 7px 7px; margin-bottom:15px; }
 .coin-superieur-rond .bloc { margin-bottom:0 !important; margin-left:15px; width: calc(100% - 30px); border-radius: 7px 7px 0 0; }
 .coin-inferieur-rond-droit .bloc { border-radius: 0vw 0vw 7px 0vw; }
 .coin-inferieur-rond-gauche .bloc { border-radius: 0vw 0vw 0vw 7px; }
 .coin-superieur-rond-droit .bloc { border-radius: 0vw 7px 0vw 0vw; }
 .coin-superieur-rond-gauche .bloc { border-radius: 7px 0vw 0vw 0vw; }
 .coin-rond-droit .bloc { border-radius: 0vw 7px 7px 0vw; }
 .coin-rond-gauche .bloc { border-radius: 7px 0vw 0vw 7px; }
 .coin-rond .bloc { margin-bottom:15px; border-radius: 7px; }
 .sansCoinRond { border-radius:0 !important; }
 .grid-stack-item.coin-rond { border-radius:7px; margin-left:15px; width: calc(100% - 30px); }
 .coin-rond .grid-stack-item-content { border-radius:7px; }
 .bloc-alerte.coin-rond { border-radius:7px; }
 .actualite-evenement-container-vertical .img, .actualite-evenement-container-vertical .button { border-radius:7px !important; } 
 ul.liste_accordeon li { border-radius:6px; }
 ul.liste_accordeon li.active { border-radius:6px 6px 0 0; }

 .boutonFixed {
 width: 104%;
 bottom: 0;
 top: unset;
 left: -2%;
 right:unset;
 border-radius: 0px !important;
 padding: 12px;
 }

 .chatbox, .chatbox-btn { bottom: 51px; }
}