#entete,
#content,
#footer{
/* max-width:1280px; */
width:100%;
margin:auto;
}
#corps{
padding-top:146px;
}
#smart-icon{
cursor:pointer;
}
#smart-menu{
display:none;
}

.page{
/* padding-bottom:40px;	 */
}

.intro-n-slide{
display:flex;	
max-width:1280px;
width:100%;
margin:auto;
position:relative;
overflow:hidden;
}
.intro{
max-width:320px;
text-align:left;
align-self:center;
height:100%;
padding:30px 50px 30px 30px;
}
.intro p, .intro li, .intro strong{color:white;} 
.intro h2,.intro h3,.intro h4{color:var(--jaune);} 



.slideshow{
width:100%;
display:inline-block;
position:relative;
/* height:380px; */
float:left;
}
.slideshow .diaporama{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
list-style:none;
padding:0;
margin:0;
z-index:1;
}
.slideshow .txtSlide{
position:absolute;
top:-1px;
left:-1px;	
z-index:2;
height:101%;
width:100%;
padding-top:60px;
/* padding:60px 100px 0 0;
clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
background:var(--gris); */
}
.slideshow .txtSlide::after{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(/images/bloc-bkg-slide2.svg);
background-repeat:no-repeat;
background-size:contain;
background-position:top left;
z-index:-1;	
}
.slideshow .txtSlide p{
color:var(--gris2);
font-weight:800;
font-size:1.5em;
line-height:1.1em;
display:flex;
align-items:center;	
margin-right:20px;
}
.slideshow .txtSlide p::before{
content:'';
width:30px;
height:60px;
background-image:url(/images/slide-chevron.svg);
background-repeat:no-repeat;
background-size:contain;
background-position:center left;
margin-right:5px;
}

.slideshow .diaporama > li{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.slideshow .diaporama > li picture,
.slideshow .diaporama > li img{
display:block;
width:100%;
height:100%;
}
.slideshow .diaporama > li img{
object-fit:cover;
object-position:center;
}

.gris{
padding:50px;
position:relative;
background:var(--gris2);
}
.article_intro{
background:none;	
}
.page .gris .complet{
display:flex;
max-width:1280px;
margin:auto;	
direction:rtl;
}
.page .gris .complet.noFlex{
display:block;
max-width:1280px;
margin:auto;	
direction:rtl;
}

.page .gris .complet .img2,
.page .gris .complet .txt{
width:50%;	
}
.page .gris .complet .txt{
padding:50px;	
direction:ltr;
}
.page .txt.noMedia{
width:100%!important;	
}
.page .gris .complet.noFlex .txt{padding:0;}

.jaune{
background:var(--jaune);
}

#raccourcis{padding:10px 0 30px 0}

.gris.complet{
background:var(--gris2);
}
.gris.complet .txt{
background:none;	
}

.gris.complet:has(.formulaire){
background:linear-gradient(To right, var(--bleu3), var(--bleu))!important;	
}
.gris.complet:has(.formulaire) *{
color:white;
}
.formulaire{
max-width:720px;	
margin:15px auto 0 auto;
text-align:left;
}
.formulaire .eForm{
margin-bottom:16px;
}
.formulaire label{
display:block;
margin-top:16px;
}
.formulaire input,
.formulaire textarea{
width:100%;
display:block;
/* border-radius:1em; */
border:none;
padding:12px;
text-align:left;
}
.formulaire input{
padding:8px 12px;	
}
.formulaire textarea{
height:120px;	
}
.formulaire p{
max-width:720px;	
width:100%;	
margin:auto;
}
.formulaire .no-eForm p{
font-size:.8em;	
}

.formulaire input[type="submit"]{
width:auto;
background:var(--jaune);
display:block;
margin:30px auto 0 auto;
font-weight:800;
font-size:1.2em;
text-transform:uppercase;
padding:6px 20px;	
transition:all ease 0.5s;
}
.formulaire input[type="submit"]:hover{
box-shadow:0 0 50px var(--jaune);
padding:6px 36px;		
}

.center{
text-align:center;
}


.squarelinks{
max-width:1280px;
/* padding:30px; */
text-align:center;
margin:30px auto;
position:relative;
display:flex;
flex-wrap:wrap;
justify-content:center;
/* gap:30px; */
}
.picto .img2{
width:96px;
height:96px;
margin:10px auto;	
transition:all ease .5s;
}
.center{
text-align:center!important;	
}
.picto:hover .img2{
transform:scale(1.2);
}
.picto:hover{
/*a animer avec background-position:*/
background:linear-gradient(#ffffff87, #ffffff00 70%);	
}


.demi{
width:50%;	
text-align:left;
/* padding-top:15px; */
/* margin:auto; */
}
.demi *{color:white;}

.demi.map{
background-image:url(/images/bkg-map.svg);
background-repeat:no-repeat;

}

.demi .img2{
width:50%;
margin:30px auto 0 auto;	
}
.demi .txt{padding:30px;}

.tiers{
width:320px;
display:inline-block;
vertical-align:top;
margin:20px;
padding:10px 10px 40px 10px;
border-radius:4px;
transition:all ease 0.5s;
cursor:pointer;
position:relative;
text-align:left;
}

.rea h3{
color:var(--jaune);	
}

.quart{
width:280px;
display:inline-block;
vertical-align:top;
margin:20px;
padding:10px 10px 40px 10px;
border-radius:4px;
transition:all ease 0.5s;
cursor:pointer;
position:relative;
text-align:left;
}

.cinquieme{
width:192px;
display:inline-block;
vertical-align:top;
margin:20px;
padding:10px 10px 40px 10px;
border-radius:14px;
transition:all ease 0.5s;
cursor:pointer;
position:relative;
text-align:left;
}
.squarelinks h5{
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
width:100%;	
}
.page .demi .bloc,
.page .tiers .bloc,
.page .quart .bloc,
.page .cinquieme .bloc{
display:inline-block;
}
.page .tiers .img2,
.page .quart .img2,
.page .cinquieme .img2{
margin-bottom:10px;	
}
.page .demi .img2{
width:calc(100% - 60px);
margin-bottom:0px;	
}
.page .tiers *,
.page .quart *,
.page .cinquieme *{
color:white;	
}



.tiers .theme{
background:linear-gradient(to right, var(--bleu3), var(--bleu));
text-align:left;
color:white;
font-weight:600;
padding:8px 10px;
border-radius:8px;
margin-bottom:6px;
font-weight:700;
}
.tiers .theme::before{
content:'';
background-image:url(images/pZig.svg);
background-repeat:no-repeat;
background-size:contain;
background-position:center;
width:1.2em;
height:1.2em;
display:inline-block;
vertical-align:bottom;
margin-right:5px;
}
.tiers .img2{
width:100%;
margin-bottom:12px;
border-radius:8px;
height:180px;
overflow:hidden;
transition:all ease 0.5s;    
}
.tiers .img2 img{
transition:all ease 0.5s;    
object-fit:cover;
height:180px;
width:100%;
}
.tiers:hover .img2 img{
transform:scale(110%);
}

p a{
color:inherit;  
text-decoration:none;  
}
/* standard */

.tiers h3,
.quart h3,
.cinquieme h3{
color:var(--gris);
font-weight:800;
}

.none{
padding:50px;
}

.article_intro .complet{display:flex;max-width:1280px;margin:auto;}
.article_intro .img2{width:50%;margin:auto;}
.article_intro .txt{width:50%;padding:50px;}
.article_intro .txt *{color:white}
.article_intro .txt h5 a{color:var(--gris);}
.article_intro .txt h1{color:var(--jaune);}

.droite,
.gauche{
width:100%;
max-width:1280px;
margin:auto;
/* background:red;    */
position:relative;
align-content:center;
}

.gauche,
.droite{
text-align:right;
display:flex;
background:white;
position:relative;
}
.bloc{
position:relative;
display:flex;	
}
.gauche{
text-align:left;
direction:rtl;
}
.gauche .img2,
.droite .img2{
width:30%;
position:relative;
}
.gauche .img2::after,
.droite .img2::after{
content:'';
position:absolute;
width:180px;
height:180px;
bottom:0;
background-image:url(/images/coin-image.svg?);
background-position:bottom;
background-repeat:no-repeat;
}
.page .gauche .img2::after,
.page .droite .img2::after{
/* display:none;	 */
}
.page .gauche,
.page .droite{
margin-bottom:50px;	
}

.droite .img2::after{
right:0;
}
.gauche .img2::after{
left:0;
transform:rotateY(180deg)	
}

.gauche .img2 picture,
.droite .img2 picture{
position:absolute;
inset:0; /* top/right/bottom/left = 0 */
width:100%;
height:100%;
}
.gauche img,
.droite img{
width:100%;
height:100%;
object-fit:cover;
}

.droite .txt,
.gauche .txt{
padding:30px;
width:70%;
display:inline-block;
text-align:left;
position:relative;
vertical-align:top;
align-content:center;
direction:ltr;
}

strong{
font-weight:800;
}
.tiers p{
line-height:1.1em;
}
.tiers:hover{
background:white;
transform:translateY(-10px);
}
.page .tiers:hover{
background:none;
transform:none;	
}
.page .tiers:not(:has(h5)) {
padding: 10px;
}
.article_intro:has(.txt.noMedia){
padding:0;	
}

h1,
h2,
h3{
line-height:1.2em;
margin-bottom:10px;
}  
h1{
font-size:2em; 
font-weight:800; 
color:var(--jaune);  
}
h2{
font-size:1.7em; 
font-weight:800;   
}
h3{
font-size:1.3em;    
font-weight:700;   
}
p{
margin-bottom:10px;	
}
h5{transition:all ease 0.5s;}
h5:hover,
.picto:hover h5{
filter:drop-shadow(0px 4px 8px rgba(0,0,0,0.2));	
}
h5 a{
display:inline-block;
background:var(--jaune);
color:var(--gris);
padding:4px 8px 4px 16px;
text-decoration:none;
font-size:1em;
margin:5px 0;
font-weight:700;
transition:all ease 0.3s;
border:2px solid transparent;
clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 85%, 10px 50%, 0 15%);
}
h5 a:hover{
transform:translateY(4px);
}
.gris h5 a{
background:white;
}
.gris h5:hover a,
.picto:hover h5 a {
transform:translateY(4px);
background:var(--jaune);
color:var(--gris);
}



h4{
color:var(--gris)!important;
font-weight:700;	
}
.depliable-divs{
margin-bottom:50px;	
display:block;
}
.depliable{
background:white;
max-width:1024px;
border-radius:1em;	
margin:0 auto 10px auto;
align-content:center;
padding:6px;
}

.page .diaporama li{
list-style-type:none;
padding:0;
margin:0;	
}
.page .diaporama{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:15px;
padding:15px;
}
.page .diaporama li{
width:160px;
height:160px;	
background:red;
align-content:center;
overflow:hidden;
object-fit:fill;
}
.page .diaporama li img{
transition:all ease .5s;	
height:100%;
object-fit:cover;
}
.page .diaporama li:hover img{
transform:scale(1.1);	
}



.slideDiaporama{
position:relative;
list-style:none;
padding:0;
margin:0;
overflow:hidden;
flex:0 0 40%; 
aspect-ratio:4 / 3;
align-self:flex-start;
}
.slideDiaporama > li{
position:absolute;
top:0;
left:0;
width:100%;
height:calc(100% - 60px);
opacity:0;
pointer-events:none;
}
.slideDiaporama > li.active{
opacity:1;
pointer-events:auto;
}
.slideDiaporama > li picture,
.slideDiaporama > li img{
display:block;
width:100%;
height:100%;
}
.slideDiaporama > li img{
object-fit:cover;
object-position:center;
}
/* Pastilles */
.slideDiaporama .slides-dots,
.slideDiaporama .slides-dots{
position:absolute;
bottom:22px;
left:50%;
transform:translateX(-50%);
list-style:none;
padding:0;
margin:0;
display:flex;
gap:10px;
z-index:10;
}
.slideDiaporama .slides-dots > li{
width:16px;
height:16px;
border-radius:50%;
background:var(--gris2);
cursor:pointer;
transition:background 0.3s ease, transform 0.3s ease;
}
.slideDiaporama .slides-dots > li:hover{
background:var(--gris2);
}
.slideDiaporama .slides-dots > li.active{
background:var(--jaune);
/* transform:scale(1.3); */
} 




/*accordeon */
.faq{
background-image:url(/images/faq-bkg.svg);
background-repeat:no-repeat;
background-size:100% auto;
background-position:center 100px;
padding:50px;	
}
.faq .txt{
max-width:800px;
margin:auto;	
}
.faq h2{
color:var(--jaune);
}

.accordeon{
background:white;
margin-bottom:10px;
padding:10px 20px;
border-radius:1.3em;  
box-sizing:border-box;
}
.accordeon p{
color:var(--text)!important;
font-size:90%;	
}

.accordeon .accordeon-toggle{
cursor:pointer;
margin-bottom:0;   
position:relative;
padding-right:30px;
line-height:1em; 
position:relative;
transition:all ease .3s;
}

.accordeon .accordeon-toggle::after{
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23373536' fill-rule='evenodd' d='m22.535 16.88-5.656 5.66c-.391.39-1.024.39-1.414 0-.391-.39-.391-1.03 0-1.42l4.121-4.12H8.999c-.553 0-1-.45-1-1s.447-1 1-1h10.587l-4.121-4.12c-.391-.39-.391-1.02 0-1.42.39-.39 1.023-.39 1.414 0l5.656 5.66c.24.24.315.57.26.88.055.31-.02.64-.26.88zM16 0C7.163 0 0 7.16 0 16s7.163 16 16 16 16-7.16 16-16S24.837 0 16 0z'/></svg>");
background-repeat:no-repeat;
background-position:center;
background-size:contain;
width:26px;
height:26px;
content:'';
display:block;
position:absolute;
top:50%;
right:-11px;
transition:all ease .5s;
transform:translateY(-50%);
}
.accordeon .accordeon-toggle.open::after,
.accordeon .accordeon-toggle:hover::after{
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23f2e52e' fill-rule='evenodd' d='m22.535 16.88-5.656 5.66c-.391.39-1.024.39-1.414 0-.391-.39-.391-1.03 0-1.42l4.121-4.12H8.999c-.553 0-1-.45-1-1s.447-1 1-1h10.587l-4.121-4.12c-.391-.39-.391-1.02 0-1.42.39-.39 1.023-.39 1.414 0l5.656 5.66c.24.24.315.57.26.88.055.31-.02.64-.26.88zM16 0C7.163 0 0 7.16 0 16s7.163 16 16 16 16-7.16 16-16S24.837 0 16 0z'/></svg>");
transform:translateY(-50%) rotate(90deg);
}
.accordeon .accordeon-toggle.open{
/* padding-bottom:.5em;    */
}
.accordeon .accordeon-content{
display: none; 
}
.accordeon .accordeon-content[style*="display: block"]{
padding-top:.5em;	
}

#backToTop{
position:fixed;
bottom:55px;
right:20px;
width:35px;
height:35px;
z-index:999;
cursor:pointer;
}
#backToTop img{
width:100%;
height:100%;    
}
#backToTop:hover{
opacity:.8;    
}

#footer{
/* margin-top:30px; */
padding:40px;
text-align:center;
position:relative;
}
#footer .img2{
max-width:180px;
margin:0 auto 30px auto;
}
#footer .infos{
max-width:640px;
margin:auto;
}
#footer .infos *{
color:white;
}
.copyright{
display:block;
height:30px;
bottom:0;
left:0;
width:100%;
background:linear-gradient(to right, var(--bleu3), var(--bleu));
align-content:center;
text-align:center;
}
.lastLinks{
display:block;
margin-top:30px;	
}
.lastLinks a{
color:white;	
font-size:0.8em;
opacity:.5;
}

.copyright *{
color:white;
font-size:.9em;
}

#footer .social{
position:relative;
display:block;
}
#footer .social p{
color:white;
font-size:.9em;
}
#footer .social ul{
list-style-type:none;
height:32px;
margin-top:4px;
}
#footer .social ul li{
display:inline;
}
#footer .social ul li a{
background:white;
color:white;
height:26px;
width:26px;
margin:0 2px;
display:inline-block;
align-content:center;
text-align:center;
border-radius:2em;
text-decoration:none;
transition:all ease 0.3s;
position:relative;
}
#footer .social ul li a:hover{
background:var(--rose);
}
#footer .social ul li a svg{
width:60%;
height:60%;
fill:black;
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
}


/* Responsive */
@media (min-width: 980px){
.smart{display:none!important}
}
@media (max-width: 980px) {
.article_intro .complet{display:block;}	
.article_intro .img2{width:100%;margin:0 auto 20px auto;}
.article_intro .txt{width:100%;padding:0px;}
.none{padding:30px;}
.menu{display:none}
/* .entete{display:inline-flex!important} */
#smart-icon{
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23ffffff' d='m8 24h16v-4h-16zm0-5.984h16v-4h-16zm0-6.016h16v-4h-16z'/></svg>");
width:48px;
height:48px;	
/* background-color:var(--rose); */
position:absolute;
right:0px;
top:-2px;
border-radius:2px;
transition:all 0.6s ease;
}
#smart-icon.open,
#smart-icon:hover{
background-color:var(--rose);
/* transform:rotate(90deg) */
}
#smart-menu{
background:linear-gradient(#373536, 70%, #373536ed);
width:100%;	
position:fixed;
top:116px;
left:0;
padding-bottom:0px;
}
#smart-menu ul{
list-style-type:none;
margin-top:7px;	
}
#smart-menu ul li a{
display:block;
text-decoration:none;
padding:12px 0;
font-size:1.2em;
text-transform:uppercase;
color:white;
font-weight:700;
border-bottom:1px solid var(--jaune);	
}
#smart-menu ul li:first-child a{
border-top:1px solid var(--jaune);		
}
#smart-menu ul li a:hover{
color:var(--jaune);	
}
.gris,
.bleu,
.txtBleuBkg .txt,
.violet{
padding:30px;
}
	
#decount span{
display:inline-block;
width:75px;
text-align:center;
color:white;
position:relative;
margin:2px;
}
#decount span h2{
font-size:3em;
line-height:1em;
}
#decount span p{
font-size:1em;
line-height:1em;
}
#decount span::after{
right:-4px;
}
#decount span:first-child::before{
left:-4px;
}

.tiers{
width:90%;
margin:10px 0;
}
.gauche .bloc,
.droite .bloc{
width:100%;
display:block;	
}
.gauche .img2,
.droite .img2{
width:100%;
margin:0;
height:280px;
display:block;
position:relative;
object-fit:cover;
overflow:hidden;
}
.gauche .img2 img,
.droite .img2 img{
object-fit:cover;
width:100%;	
height:100%;
}

.droite .txt,
.gauche .txt{
width:100%;
margin-top:0px;
min-height:auto;
display:block;
}
.droite .txt,
.gauche .txt{
padding:30px;
}
h5 a{
/* padding:10px 20px; */
font-size:1.2em;
margin:10px 0;
}
#entete .adresse {
font-size:.8em!important;
}
.squarelinks{
padding:0;
margin:0;
}
.gauche,
.droite,
.intro-n-slide{
display:block;
}
.page .gauche,
.page .droite{
margin-bottom:0px;	
}
.intro{
max-width:100%;
width:100%;
padding:30px;
}
.demi,
.demi .img2{
width:100%;
padding:30px;
margin:0;	
}

.demi .txt {padding:0;}
.quart{
width:240px;
}
.page .tiers:not(:has(h5)),
.page .quart:not(:has(h5)){
padding:0px;
}
.page .gris .complet .txt{
padding:0px;	
}
.page .demi .img2,
.page .tiers .img2,
.page .quart .img2,
.page .cinquieme .img2{
width:100%;
height:100%;	
padding:0 0 0 0;
margin-bottom:15px;
}
.page .diaporama{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:0px;
padding:0px;

margin-top:20px;}
.page .diaporama li{
width:33%;
	
}
}