.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}

/******************************
*
* CSS général
*
******************************/
h1, h2, h3, h4, h5, h6, p { font-family: 'Lora', serif; margin: 0 0 0.5vw 0; padding: 0; }
p, div, cite, dt, dl, th, td, caption, pre { font-family: 'Poppins', 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: 3vw;
line-height: 4.35vw;
margin-top: 0vw;
margin-bottom: 0vw;
font-weight: 500;
}
h2 {
font-size: 2vw;
line-height: 2.9vw;
margin-top: 2vw;
margin-bottom: 1vw;
font-weight: 400;
}
h3 {
font-size: 1.5vw;
line-height: 2.175vw;
margin-top: 1vw;
margin-bottom: 0.5vw;
font-weight: 400;
}
h4 {
font-size: 1.3vw;
line-height: 1.885vw;
margin-top: 0vw;
margin-bottom: 0.5vw;
}
h5 {
font-size: 1.15vw;
line-height: 1.66vw;
margin-top: 0vw;
}
h6 {
font-size: 1.0vw;
line-height: 1.45vw;
margin-top:0vw;
}
@media (max-width: 767px) {
h1 { font-size: 30px; line-height: 36px; margin-bottom: 16px; margin-top: 16px; }
h2 { font-size: 24px; line-height: 29px; margin-bottom: 16px; margin-top: 16px; }
h3 { font-size: 20px; line-height: 25px; margin-bottom: 16px; margin-top: 16px; }
h4 { font-size: 18px; line-height: 22px; margin-bottom: 16px; margin-top: 16px; }
h5 { font-size: 16px; line-height: 20px; margin-bottom: 16px; margin-top: 16px; }
h6 { font-size: 14px; line-height: 18px; margin-bottom: 16px; margin-top: 16px; }
p, div, cite, dt, dl, th, td, caption, pre { font-size: 14px; line-height: 18px; margin-bottom: 19px; }
li { font-size: 14px; 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: 'Poppins', sans-serif !important; }
/******************************
*
* Menu principal
*
******************************/
@media screen and (min-width:768px){
.top-bar { height:6vw !important; }
.top-bar ul li { height: 4vw !important; }
.top-bar ul li a { font-size: 1vw !important; padding: 1.4vw 1.5vw 0vw 1.5vw !important; text-transform:uppercase; }
#lienRechercheHeader, #lienFacebookHeader { padding:0 0.75vw 0 0.75vw !important; transition:color 200ms ease; }
#lienRechercheHeader:hover, #lienFacebookHeader:hover { color: #11a9e5 !important; }
ul.dropdown.menu li ul li a { font-size: 1vw !important; }
/* si on veut cacher les fleches de sous menu => */
/*.dropdown.menu > li > ul > li.is-dropdown-submenu-parent > a:before { display:none; }*/
}
@media screen and (min-width:768px) {
.top-bar ul li ul li { height: auto !important; }
.top-bar ul li ul li a { padding: 0.7vw 2.2vw 0.7vw 2.2vw !important; }
}
.is-dropdown-submenu>li {
width: 27vw;
}
.texteSEO {
text-align: center;
}
.backgroundFonce .menu .active, .backgroundFonce .menu .hover:hover { background-color: unset !important; }
.backgroundFonce .menu > a, .backgroundFonce .menu .hover > a { transition:color 200ms ease; font-family:'Poppins'; }
.backgroundFonce .menu .active > a, .backgroundFonce .menu .hover:hover > a { color:#11a9e5 !important; }
.dropdown.menu>li.opens-right>.is-dropdown-submenu { top: 124%; }
ul.dropdown.menu li ul li a { text-transform:none !important; }
/******************************
*
* Calendrier
*
******************************/
#calendrier h2 { color:#000001; }
.fc-list-empty { color:#000001; }
.fc-button-primary {
background: #000001;
border-color: #000001;
color: #ffffff;
}
.fc-button-primary:hover {
background: #678a94 !important;
border-color: #678a94 !important;
color: #ffffff !important;
}
.fc-toolbar h2 {
font-size: 34px;
font-weight:normal;
}
.fc-unthemed .fc-list-table td {
background-color: #ffffff;
color: #000000;
font-size: 15px;
font-family: 'Poppins', sans-serif;
}
.­fc-unthemed td {
border-color: #ffffff;
background: #ffffff;
border-width: 10px;
}
.fc-unthemed .fc-list-table .fc-list-heading td {
color: #000000;
background-color: #ffffff;
font-size: 20px;
font-family: 'Poppins', sans-serif;
}
.fc-unthemed .fc-list-table .fc-list-item:hover td {
background-color: #ffffff;
}
.fc-dayGridMonth-view .fc-head td {
background: #000001;
color: #ffffff;
}
.fc-dayGridMonth-view .fc-day {
background: #ffffff;
border-color: #000001;
}
.fc-dayGridMonth-view .fc-day-number {
color: #000000;;
}
.fc-unthemed td.fc-today {
background: #e5e5e5;
}
#page_calendrier{ background: #ffffff;}
.alerte { padding: 0.3vw 0 0.45vw 0; margin-top: 0vw; }
@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:'Poppins'; 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 (min-width:768px){
h1:before { content:'› '; }
}
@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; }
}