:root {
    --cl-blanc: #fff;
    --cl-bleu-clair: #ECF3F5;
    --cl-bleu-fonce: #297889;
    --cl-gris-clair: #71776E;
    --cl-gris-fonce: #3A4335;
	--cl-noir: #000;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	font-family:"Poppins";
	line-height:1.2;
}
strong{font-weight:600;}

html{background-color:var(--cl-blanc);}

body{font-size:16px;}
.container{width:1260px; max-width:100%; padding:0 30px; margin:0 auto;}

.gap__8{gap:8em;}

.alignfull, .alignwide{margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);}

.wp-block-group.has-background{padding:15px;}
.arrondi{border-radius:25px;}
.wp-block-group.has-background.arrondi{padding:60px;}

.has-xlarge-font-size{font-size:200%; line-height:1.2;}
.has-xxlarge-font-size{font-size:250%; line-height:1.2;}
.has-xxxlarge-font-size{font-size:300%; line-height:1.3;}

.banniere-int img{height:380px; object-fit:cover;}
.message-video{display:none;}
.is-content-justification-space-between{justify-content:space-between;}
.page-int h1.bg-green span{background-color:var(--cl-bleu-fonce); border-radius:15px; color:var(--cl-blanc)}
.title-parent span{background-color:var(--cl-bleu-fonce); border-radius:15px; color:var(--cl-blanc)}

/*####################
##### COLORS ########
######################*/

.wp-block-image.arrondi img{border-radius:20px;}

/* Text colors */
.has-blanc-color {
	color: var(--cl-blanc);
}

.has-new-bleu-clair-color {
	color: var(--cl-bleu-clair);
}

.has-new-bleu-fonce-color {
	color: var(--cl-bleu-fonce);
}

.has-gris-fonce-color {
	color: var(--cl-gris-fonce);
}

.has-noir-color {
	color: var(--cl-noir);
}


/* background colors */
.has-blanc-background-color {
	background-color: var(--cl-blanc);
}

.has-new-bleu-clair-background-color {
	background-color: var(--cl-bleu-clair);
}

.has-new-bleu-fonce-background-color {
	background-color: var(--cl-bleu-fonce);
}

.has-gris-fonce-background-color {
	background-color: var(--cl-gris-fonce);
}

.has-noir-background-color {
	background-color: var(--cl-noir);
}

/*####################
##### HOME ####
######################*/

.home2025 a{color:var(--cl-bleu-fonce);}

header{display:flex; justify-content:space-between; align-items:center; padding:0 40px;}

.custom-logo{width:170px;}

.menu-opener, .menu-closer{display:none;}

#menu_principal > div > ul{display:flex; gap:1em;}
#menu_principal li a{padding:10px; text-transform:inherit; text-decoration:none; font-size:95%;}
#menu_principal li a br{display:none;}

#menu_principal > div > ul > li.menu-item-has-children > a:after{content:""; background:url(../images/arrow_down.svg) scroll no-repeat center; height:5px; width:10px; margin-left:8px; display:inline-block; vertical-align:middle;}

#menu_principal li.current-menu-item:hover{background-color:transparent;}
#menu_principal li.menu-item-has-children:hover, #menu_principal ul li ul li{background-color:inherit;}
#menu_principal > div > ul > li > ul.sub-menu{position:fixed; top:100px; left:0; width:100%; height:100vh; background-color:var(--cl-bleu-clair); padding:calc(8vh + 40px) 15vw 8vh 15vw; }
#menu_principal > div > ul > li:hover > ul.sub-menu{display:none;}
#menu_principal .custom-mega-menu{display:flex; gap:3em; flex-wrap:wrap; align-items:flex-start; justify-content:flex-start; max-height:100%; overflow-y:scroll;}
#menu_principal .custom-mega-menu > li{flex-basis:calc(25% - 3em);}
#menu_principal .custom-mega-menu > li:hover > a, #menu_principal .custom-mega-menu > li > a{background-color:var(--cl-bleu-fonce); color:var(--cl-blanc); display:block; width:max-content; padding:2px 6px; border-radius:5px; letter-spacing:0.7px; margin-bottom:5px;}
#menu_principal li.current-menu-ancestor:hover ul .custom-mega-menu > li > a{color:var(--cl-blanc);}
#menu_principal .custom-mega-menu > li a:not([href]){cursor:default;}
#menu_principal .custom-mega-menu > li a:not([href]):hover{background-color:var(--cl-bleu-fonce);}
#menu_principal .custom-mega-menu > li > a:hover{background-color:var(--cl-gris-fonce); color:var(--cl-blanc); text-decoration:none;}
#menu_principal .custom-mega-menu > li > ul.sub-menu{display:block; position:relative; top:auto; left:auto; background-color:transparent;}
#menu_principal ul li ul li a{padding:0; text-align:left; color:var(--cl-gris-fonce); margin-bottom:10px; font-size:90%;}
#menu_principal ul li ul li a, #menu_principal ul li ul li:first-child a{border:none;}
#menu_principal ul li ul li:hover{background-color:transparent;}
#menu_principal li.menu-item-has-children.current-menu-ancestor{background-color:transparent;}
#menu_principal ul li ul li a:hover{text-decoration:underline; color:var(--cl-noir);}
#menu_principal ul li ul .current-menu-item{background-color:transparent;}
#menu_principal ul li ul .current-menu-item a{color:var(--cl-noir); text-decoration:underline;}

.megamenu-close{position:absolute; top:20px; right:50%; font-style:inherit; font-size:120%; translate:-50% 0; cursor:pointer;}

#content{display:none;}

/* Banner */
.home-banner{z-index:2;}
.home-banner:after{content:""; position:absolute; bottom:-1px; left:0; width:100%; aspect-ratio:2; clip-path:polygon(0 91%, 0% 100%, 100% 100%); background:var(--cl-bleu-clair); z-index:2;}

.search-form{position:relative; margin:0 auto; width:max-content; width:480px; max-width:100%;}
.search-form:before{content:""; position:absolute; top:50%; left:10px; translate:0 -50%; background:url(../images/icon_search.svg) scroll no-repeat center / contain; width:16px; height:16px;}
#s{padding:15px 80px 15px 50px; width:100%; border-radius:20px; border:none; margin:0; outline:none;}
#go{position:absolute; top:50%; right:10px; translate:0 -50%; background-color:var(--cl-gris-fonce); padding:8px 15px; color:var(--cl-blanc); border-radius:20px; border:1px solid var(--cl-gris-fonce); cursor:pointer;}
#go:hover{background-color:var(--cl-blanc); color:var(--cl-gris-fonce);}

#menu_rs{position:absolute; top:50%; right:50px; translate:0 -50%; width:max-content; z-index:1;}
#menu_rs ul{width:max-content;}
#menu_rs li{display:block; margin-bottom:10px;}
#menu_rs li a{display:block; width:40px; height:40px; background-color:var(--cl-blanc); border-radius:50%; text-decoration:none;}
#menu_rs li a:hover{background-color:var(--cl-bleu-fonce);}
#menu_rs li a:before{content:""; display:block; width:100%; height:100%; background:scroll no-repeat center;}
#menu_rs li a:hover:before{filter:brightness(100);}
#menu_rs li.facebook a:before{background-image:url(https://www.hautesterres.fr/wp-content/uploads/2025/03/facebook.svg);}
#menu_rs li.instagram a:before{background-image:url(https://www.hautesterres.fr/wp-content/uploads/2025/03/instagram.svg);}
#menu_rs li.linkedin a:before{background-image:url(https://www.hautesterres.fr/wp-content/uploads/2025/03/linkedin.svg);}
#menu_rs li.youtube a:before{background-image:url(https://www.hautesterres.fr/wp-content/uploads/2025/03/youtube.svg);}

#access_opener{width:44px; height:44px; border-radius:50%; cursor:pointer;}
#access_opener:hover{background-color:var(--cl-bleu-fonce);}
#access_opener:before{content:""; display:block; width:100%; height:100%; background:url(../images/icon_access.svg) scroll no-repeat center / contain;}
#access_opener:hover:before{filter:brightness(100);}


#s.border-error{border:1px solid #842029; border-radius:25px 25px 0 0;}
.js-alert{position:absolute; top:100%; left:0; padding:10px 20px; background-color:#f8d7da; color:#842029; border-radius:0 0 8px 8px; width:100%;}


/* Quick nav */
.quick-nav{position:relative; width:1080px; max-width:75vw; padding:30px; border-radius:0 20px 20px 20px; background-color:var(--cl-blanc); margin:-100px auto 0; z-index:3; line-height:1;}
.quick-nav:before{content:"Accès rapides"; position:absolute; bottom:100%; left:0; padding:15px 30px; border-radius:20px 20px 0 0; background-color:var(--cl-blanc); color:var(--cl-bleu-fonce);}
.quick-nav .wp-block-group{height:100%; border-radius:20px; aspect-ratio:1; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.quick-nav .wp-block-group:hover{background-color:var(--cl-bleu-fonce) !important;}
.quick-nav .wp-block-group:hover *{color:var(--cl-blanc) !important;}
.quick-nav .wp-block-group:hover img{filter:brightness(100);}
.quick-nav .wp-block-group a{text-decoration:none;}

/* Actus */
.wp-block-group.alignwide > .wp-block-group__inner-container{width:1200px; max-width:100%; margin:0 auto;}
.biseau_bas_blanc{position:relative;}
.biseau_bas_blanc:after{content:""; position:absolute; bottom:-1px; left:0; width:100%; aspect-ratio:2; clip-path:polygon(0 91%, 0% 100%, 100% 100%); background:var(--cl-blanc); z-index:2;}

.biseau_haut_bleu_fonce{position:relative;}
.biseau_haut_bleu_fonce:before{content:""; position:absolute; bottom:calc(100% - 1px); left:0; width:100%; aspect-ratio:2; clip-path:polygon(0 91%, 0% 100%, 100% 100%); background:var(--cl-bleu-fonce); z-index:2;}

.biseau_haut_bleu_clair{position:relative;}
.biseau_haut_bleu_clair:before{content:""; position:absolute; bottom:calc(100% - 1px); left:0; width:100%; aspect-ratio:2; clip-path:polygon(0 91%, 0% 100%, 100% 100%); background:var(--cl-bleu-clair); z-index:2;}

h2{font-size:300%; font-weight:500;}


.carousel_controls{display:flex; justify-content:flex-end; gap:1em;}
.carousel_controls a{display:inline-block; height:44px; width:44px; border:1px solid var(--cl-gris-fonce); background:var(--cl-gris-fonce) url(../images/arrow_left_white.svg) scroll no-repeat center; border-radius:50%; cursor:pointer;}
.carousel_controls a:hover{background:var(--cl-blanc) url(../images/arrow_left.svg) scroll no-repeat center;}
.carousel_controls a.right{rotate:180deg;}
 

.carousel-inner{display:flex; flex-wrap:nowrap; gap:1.2rem; overflow-x:scroll; padding-right:1.2rem; transition:0.3s all ease 0s; scrollbar-width:none; -ms-overflow-style:none;}
.carousel-inner::-webkit-scrollbar {display:none;}

.carousel_wrapper.actu {position:relative; flex: 0 0 22%; background-color:var(--cl-blanc); border-radius:25px; overflow:hidden;}
.carousel_wrapper.actu:hover{background-color:var(--cl-bleu-fonce); color:var(--cl-blanc);}

.carousel_wrapper.actu>* {user-select: none;}

.actu a{text-decoration:none;}
.actu__visual{aspect-ratio:1.5; overflow:hidden;}
.actu__visual img{width:100%; height:100%; object-fit:cover; transition:0.3s all ease 0s;}
.actu__content{padding:30px;}
.actu__date{font-size:75%; font-style:italic; color:var(--cl-gris-fonce); margin-bottom:5px;}
.actu__content h3{font-size:150%; font-weight:500; margin:0 0 5px; line-height:1.2; color:var(--cl-gris-fonce);}
.actu__descr{font-size:90%; margin-bottom:30px; color:var(--cl-gris-clair); line-height:1.2;}
.actu__link{font-size:90%; color:var(--cl-bleu-fonce); border-bottom:1px solid var(--cl-bleu-fonce); width:max-content; max-width:100%; padding-bottom:5px; font-weight:500;}

.carousel_wrapper.actu:hover .actu__visual img{scale:1.2;}
.carousel_wrapper.actu:hover .actu__date, .carousel_wrapper.actu:hover h3, .carousel_wrapper.actu:hover .actu__descr, .carousel_wrapper.actu:hover .actu__link{color:var(--cl-blanc);}


/* Agenda */

#period_choice, #type_choice{display:inline-block; position:relative; padding:10px 20px; border:1px solid var(--cl-gris-fonce); background-color:var(--cl-blanc); color:var(--cl-gris-fonce); border-radius:25px; font-size:90%;}
#period_choice p, #type_choice p{color:var(--cl-gris-clair);}
#period_choice p:after, #type_choice p:after{content:""; background:url(../images/arrow_down.svg) scroll no-repeat center; height:5px; width:10px; margin-left:10px; display:inline-block; vertical-align:middle;}
#period_choice{margin-right:15px;}
.selector-list{display:none; position:absolute; top:100%; left:0; width:calc(100% + 2px); margin-left:-1px; border:1px solid var(--cl-gris-fonce); border-top:0; background-color:var(--cl-blanc); z-index:3; border-radius:0 0 25px 25px; padding-bottom:10px; overflow:hidden;}
.selector-list a, .selector-list span{display:block; padding:5px 10px; color:var(--cl-gris-fonce); text-decoration:none;}
.selector-list a:hover, .selector-list span:hover{background-color:var(--cl-bleu-fonce); color:var(--cl-blanc); text-decoration:none;}
#period_choice:hover .selector-list, #type_choice:hover .selector-list{display:block;}
#period_choice:hover, #type_choice:hover{border-radius:25px 25px 0 0;}


#period, #type{padding:10px 20px; border:1px solid var(--cl-gris-fonce); background-color:var(--cl-blanc); color:var(--cl-gris-fonce); border-radius:25px;}
#period{margin-right:15px;}

.agenda-container{display:flex; gap:2em; flex-wrap:wrap;}
.fiche-event{display:flex; gap:0; flex-basis:calc(33.333% - 1.333em); border:1px solid #D4DACE; border-radius:25px; cursor:pointer; transition:0.3s all ease 0s;}
.fiche-event:hover{background-color:var(--cl-bleu-clair);}

.left-col{padding:30px 15px}
.fiche-event__date.debut:after{content:""; display:block; background:url(../images/arrow_down.svg) scroll no-repeat center; height:5px; width:10px; margin:5px auto;}
.fiche-event__date span{display:block; padding:3px 0; font-size:120%; text-align:center;}
.fiche-event__date span:first-child{border-bottom:2px solid var(--cl-gris-clair);}

.right-col{padding:30px; border-left:1px solid #D4DACE;}
.fiche-event__cat{display:block; width:max-content; padding:2px 7px; color:var(--cl-blanc); font-size:80%; margin-bottom:10px; border-radius:5px;}
.fiche-event__title{font-size:120%; margin-bottom:5px; font-weight:500;}
.fiche-event__title a{color:var(--cl-gris-fonce); text-decoration:none;}
.fiche-event__descr{margin-bottom:15px; color:var(--cl-gris-clair); line-height:1.2; font-size:90%;}
.fiche-event__ville, .fiche-event__lieu, .fiche-event__jour, .fiche-event__heure, .fiche-event__tel, .fiche-event__mail{padding-left:15px; background:scroll no-repeat left 4px/ auto 11px; font-size:90%; color:var(--cl-gris-fonce);}
.fiche-event__ville{background-image:url(../images/picto_ville.svg);}
.fiche-event__lieu{background-image:url(../images/picto_lieu.svg);}
.fiche-event__tel{background-image:url(../images/picto_phone.svg);}
.fiche-event__mail{background-image:url(../images/picto_email.svg);}
.fiche-event__heure{background-image:url(../images/picto_heure.svg);}
.fiche-event__jour{background-image:url(../images/picto_calendar.svg);}

.single-agenda-int p{margin-bottom:10px; line-height:1.2;}
.single-agenda-int h5{margin:25px 0 7px; font-size:110%;}

.publications{width:995px; max-width:100%; margin:0 auto;}
.publications .wp-block-image, .publications p{margin-bottom:0;}
.publications img{border-radius:25px;}
.publications .wp-block-group.is-content-justification-center{gap:2em;}
.consultation{padding-left:20px; background:url(../images/icon_consultation.png) scroll no-repeat left / 15px;}
.telechargement{padding-left:20px; background:url(../images/icon_telechargement.svg) scroll no-repeat left / 15px;}

/* Mosaique */
.mosaique{position:relative; width:max-content; padding:0 100px; margin:0 auto;}
.mosaique .gallery-left, .mosaique .gallery-right{position:absolute; top:50%; translate:0 -50%; width:650px; gap:3em;}
.mosaique .gallery-left img, .mosaique .gallery-right img{border-radius:25px;}
.mosaique .gallery-left .wp-block-group, .mosaique .gallery-right .wp-block-group{flex-basis:100%; text-align:center;}
.mosaique .gallery-left{right:100%;}
.mosaique .gallery-right{left:100%;}



/* Newsletter */
.nl-rs strong{font-weight:500;}
.newsletter-container{position:relative; padding:60px 60px 40px; border:1px solid #D4DACE; border-radius:25px;}
.newsletter-container:before{content:""; position:absolute; top:-50px; left:60px; width:100px; height:100px; background:var(--cl-bleu-fonce) url(../images/icon_envelop.svg) scroll no-repeat center; border-radius:50%;}
.social-media-links{gap:2em;}

div#mailpoet_form_1 form.mailpoet_form{padding:0; display:flex; gap:1em; flex-wrap:wrap;}
#form_email_1{padding:10px 30px !important; border:1px solid var(--cl-gris-fonce) !important; border-radius:25px; outline:none;}
div#mailpoet_form_1 .mailpoet_paragraph{margin-bottom:0;}
div#mailpoet_form_1 .mailpoet_paragraph:not(.last){width:calc(100% - 140px - 1em);}
.mailpoet_submit{padding:10px 30px !important; border:1px solid var(--cl-gris-fonce) !important; border-radius:25px; background-color:var(--cl-gris-fonce); color:var(--cl-blanc); outline:none;}
.mailpoet_submit:hover{background-color:var(--cl-blanc); color:var(--cl-gris-fonce);}
.mailpoet_message{flex-basis:100%;}


.listing-communes-links{column-count:4; column-gap:2em;}
.listing-communes-links p{break-inside:avoid;}
.listing-communes strong{font-weight:500;}
.listing-communes p{margin-bottom:10px;}

.page-int h1.has-small-font-size{font-size:160% !important;}
.page-int h1.has-large-font-size{font-size:220% !important;}
.page-int h1.has-xlarge-font-size{font-size:260% !important;}
.page-int h1.has-xxlarge-font-size{font-size:300% !important;}

.page-int h2{color:var(--cl-bleu-fonce);}
.page-int h2.has-small-font-size{font-size:140% !important;}
.page-int h2.has-large-font-size{font-size:180% !important;}
.page-int h2.has-xlarge-font-size{font-size:200% !important;}
.page-int h2.has-xxlarge-font-size{font-size:250% !important;}

.page-int h3.has-small-font-size{font-size:110% !important;}
.page-int h3.has-large-font-size{font-size:150% !important;}
.page-int h3.has-xlarge-font-size{font-size:180% !important;}
.page-int h3.has-xxlarge-font-size{font-size:200% !important;}

.page-int h4.has-large-font-size{font-size:100% !important;}
.page-int h4.has-xlarge-font-size{font-size:130% !important;}
.page-int h4.has-xxlarge-font-size{font-size:180% !important;}

.page-int h5.has-large-font-size{font-size:100% !important;}
.page-int h5.has-xlarge-font-size{font-size:120% !important;}
.page-int h5.has-xxlarge-font-size{font-size:150% !important;}

.page-int h6{font-size:95%}
.page-int h6.has-large-font-size{font-size:100% !important;}
.page-int h6.has-xlarge-font-size{font-size:110% !important;}
.page-int h6.has-xxlarge-font-size{font-size:130% !important;}


.prefooter{font-size:90%;}
.prefooter strong{font-weight:500;}
.prefooter a{position:relative; display:block; color:var(--cl-bleu-fonce); border-bottom:1px solid var(--cl-bleu-fonce); text-decoration:none; margin-bottom:10px; width:max-content; max-width:100%; margin-left:20px;}
.prefooter a[href*="tel"]:before, .prefooter a[href*="mailto"]:before{content:""; position:absolute; top:50%; left:-20px; translate:0 -50%; height:15px; width:15px; background: scroll no-repeat left center / contain;}
.prefooter a[href*="tel"]:before{background-image:url(../images/icon_phone.svg);}
.prefooter a[href*="mailto"]:before{background-image:url(../images/icon_mail.svg);}

/* Footer */
footer{background-color:var(--cl-bleu-clair);}
footer span{display:inline-block;}
.footer-content{width:1200px; max-width:100%; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
footer nav{background:none;}
footer .imageurs{background:url(../images/imageurs-signature-site-noir.svg) scroll no-repeat center / contain; padding:13px 0;}
footer nav li{padding:0;}
footer nav li.imageurs{display:none;}
footer nav li a, footer nav li a:visited{color:var(--cl-gris-fonce); text-decoration:none; border:none; padding:15px;}

.darken{mix-blend-mode:darken;}


.childs-listing{gap:2em; flex-wrap:wrap;}
.flex-container .child-item{flex-basis:calc(33.333% - 1.333em); margin:0;}


@media all and (max-width:1399px){
	.quick-nav{gap:1em; font-size:90%;}
	
	.wp-block-group.has-background.arrondi{padding:40px;}
}

@media all and (max-width:1199px){
	.has-xlarge-font-size{font-size:180%;}
	.has-xxlarge-font-size{font-size:200%;}
	.has-xxxlarge-font-size{font-size:250%;}

	header{padding:0 15px;}
	
	.custom-logo{max-width:180px;}

	#access_opener{width:35px; height:35px;}

	/* Quick nav */
	.quick-nav{font-size:85%; padding:15px;}
	.quick-nav .wp-block-group.has-background{padding:10px;}

	/* Actus */
	.carousel_controls a{width:35px; height:35px;}
	.carousel_wrapper.actu{flex:0 0 25%;}

	/* Publications */
	.publications{gap:6em;}

	/* Mosaique */
	.mosaique{padding:0 50px;}

	/* Listing commune */
	.wp-block-group.has-background.listing-communes{font-size:80%;} 
	.wp-block-group.has-background.listing-communes .has-large-font-size{font-size:130% !important;} 
	.wp-block-group.has-background.listing-communes a.wp-block-advgb-button_link{font-size:100% !important;} 

	/* Newsletter */
	.newsletter-container{padding-top:40px;}
	.newsletter-container:before{top:-40px; width:80px; height:80px;}
}

@media all and (max-width:991px){
	.has-xlarge-font-size{font-size:160%;}
	.gap__8{gap:4em;}

	.custom-logo{max-width:150px;}

	/* Menus */
	#menu_principal{position:relative; top:auto; left:auto; background-color:transparent;}
	#menu_principal > div > ul{justify-content:center;}
	#menu_principal li a {padding:0 5px; font-size:75%; color:var(--cl-gris-fonce);}
	#menu_principal li:hover a{color:var(--cl-gris-fonce);}

	#menu_principal > div > ul > li > ul.sub-menu{display:none; padding:5vh 5vw;}
	#menu_principal .custom-mega-menu > li:hover > a, #menu_principal .custom-mega-menu > li > a{color:var(--cl-blanc);}
	#menu_principal ul li ul li:hover a{color:var(--cl-gris-fonce);}
	#menu_principal ul li ul li a:hover{text-decoration:underline; color:var(--cl-noir);}

	#menu_principal .custom-mega-menu > li{flex-basis:calc(33.333% - 2em);}

	/* Quick nav */
	.quick-nav{max-width:90vw; font-size:80%;}
	.quick-nav .wp-block-group img{max-height:18px;}

	/* Actus */
	.carousel_wrapper.actu{flex:0 0 30%;}

	/* Agenda */
	.fiche-event{flex-basis:calc(50% - 1em);}

	/* Publications */
	.publications{gap:4em;}

	/* Mosaique */
	.mosaique{padding:0 50px;}

	/* Newsletter */
	.newsletter-container{padding:20px; padding-top:40px;}
	.newsletter-container:before{width:60px; height:60px; top:-30px; left:40px;}
	#form_email_1{padding:10px !important; font-size:80% !important;}
	.mailpoet_submit{font-size:80% !important;}

	/* Listing commune */
	.wp-block-group.has-background.listing-communes{font-size:100%;} 
	.wp-block-group.has-background.listing-communes .wp-block-columns{flex-wrap:wrap !important;} 
	.wp-block-group.has-background.listing-communes .wp-block-column{flex-basis:100% !important;} 
}


@media all and (max-width:781px){
	.wp-block-spacer{max-height:70px;}

	/* Menus */
	#menu_principal{position:fixed; top:0; left:100%; background-color:var(--cl-bleu-clair); padding:40px;}
	#show-menu:checked + #menu_principal{left:0;}
	#menu_principal li a{font-size:100%; padding:15px;}
	#menu_principal > div > ul{display:block;}
	#menu_principal > div > ul > li.menu-item-has-children:hover{background-color:var(--cl-blanc);}

	#menu_principal > div > ul > li > ul.sub-menu{top:0; left:100%; transition:0.3s all ease 0s; display:block !important; padding:40px;}
	#menu_principal > div > ul > li > ul.sub-menu.active{left:0;}

	.menu-back{border-bottom:1px solid var(--cl-gris-fonce); padding-bottom:20px; flex-basis:100%; text-align:left; color:var(--cl-gris-fonce)}
	.menu-back:before{content:""; background:url(../images/arrow_down.svg) scroll no-repeat center; height:5px; width:10px; margin-right:8px; display:inline-block; vertical-align:middle; rotate:90deg;}

	.menu-opener, .menu-closer{display:block;}
	.menu-opener{margin:0 20px 0 auto; font-size:150%;}
	.menu-closer{color:var(--cl-gris-fonce); padding:0 15px 15px; border-bottom:1px solid var(--cl-gris-fonce);}
	#access_opener{height:30px; width:30px;}

	/* Quick access */
	.quick-nav-container{position:relative;}
	.quick-nav-container:before{content:"Accès rapides"; position:absolute; bottom:100%; left:0; padding:10px 15px; font-size:80%; border-radius:20px 20px 0 0; background-color:var(--cl-blanc); color:var(--cl-bleu-fonce); z-index:2;}
	.quick-nav-container:after{content:""; position:absolute; top:0; right:0; width:50px; height:100%; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%); z-index:3; border-radius:0 25px 25px 0;}
	.quick-nav{overflow-x:scroll; max-width:100%; padding-right:25px;}
	.quick-nav .wp-block-column{min-width:110px;}

	/* Actus */
	.carousel_controls a{width:30px; height:30px;}
	.carousel_wrapper.actu{min-width:240px;}
	.actu__content{padding:15px;}

	/* Agenda */
	.fiche-event{flex-basis:100%;}

	/* Publications */
	.publications .wp-block-column{max-width:300px; margin:0 auto;}

	/* Mosaique */
	.mosaique{width:100%; padding:0;}
	.mosaique .gallery-left, .mosaique .gallery-right{display:none;}
	/*
	.mosaique .gallery-left, .mosaique .gallery-right{position:relative; top:auto; right:auto; left:auto; translate:0; width:100%;}
	.mosaique .gallery-left{margin-bottom:50px;}
	.mosaique .gallery-right{margin-top:50px;}
	*/

	/* Listing communes */
	.wp-block-group.has-background.arrondi{padding:20px;}
	.listing-communes-links{column-count:2; column-gap:2em;}


	/* Préfooter */
	.prefooter .wp-block-column{text-align:center;}
	.prefooter .wp-block-group.is-layout-flex{justify-content:center; gap:2em;}

	.footer-content{justify-content:center; flex-wrap:wrap; padding-bottom:30px;}
	.prefooter a{margin:0 auto 20px;}
}


@media all and (max-width:767px){
	#menu_rs{display:none;}
	.wp-block-cover.home-banner{min-height:auto !important; height:250px; align-items:flex-start; padding-top:50px;}
}

@media all and (max-width:600px){
	.container{padding:0 15px;}

	#menu_principal .custom-mega-menu > li{flex-basis:calc(50% - 1.5em);}

	/* Agenda */
	#period_choice, #type_choice{font-size:85%;}
	#period_choice{margin-bottom:30px;}

	.page-int h1.has-small-font-size{font-size:150% !important;}
	.page-int h1.has-large-font-size{font-size:200% !important;}
	.page-int h1.has-xlarge-font-size{font-size:240% !important;}
	.page-int h1.has-xxlarge-font-size{font-size:280% !important;}

	.page-int h2{color:var(--cl-bleu-fonce);}
	.page-int h2.has-small-font-size{font-size:120% !important;}
	.page-int h2.has-large-font-size{font-size:160% !important;}
	.page-int h2.has-xlarge-font-size{font-size:180% !important;}
	.page-int h2.has-xxlarge-font-size{font-size:200% !important;}

	.page-int h3.has-small-font-size{font-size:100% !important;}
	.page-int h3.has-large-font-size{font-size:130% !important;}
	.page-int h3.has-xlarge-font-size{font-size:150% !important;}
	.page-int h3.has-xxlarge-font-size{font-size:180% !important;}

	.page-int h4.has-xlarge-font-size{font-size:120% !important;}
	.page-int h4.has-xxlarge-font-size{font-size:150% !important;}

	.page-int h5.has-xlarge-font-size{font-size:110% !important;}
	.page-int h5.has-xxlarge-font-size{font-size:130% !important;}

	.page-int h6.has-xlarge-font-size{font-size:105% !important;}
	.page-int h6.has-xxlarge-font-size{font-size:110% !important;}
}

@media all and (max-width:499px){
	/* Mosaique */
	.mosaique .has-medium-font-size{font-size:115% !important;}
	
	/* Newsletter */
	div#mailpoet_form_1 .mailpoet_paragraph:not(.last), div#mailpoet_form_1 .mailpoet_paragraph.last{width:100%;}

	/* Listing communes */
	.listing-communes-links{column-count:1;}
}

@media all and (max-width:400px){
	.custom-logo{max-width:120px;}

	/* Menus */
	#menu_principal{padding:20px;}
	#menu_principal > div > ul > li > ul.sub-menu{padding:20px;}
	#menu_principal .custom-mega-menu{gap:2em;}
	#menu_principal .custom-mega-menu > li{flex-basis:calc(100%);}

	/* Search */
	#s{padding:15px 40px 15px 35px; font-size:58%;}
	#go{padding:8px; right:5px;}

}