/* base.css */

@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Raleway:ital,wght@0,400;0,500;0,600;0,800;1,400;1,500;1,600;1,800&display=swap');

html .cwHlYw svg path {fill: #000}
html .cwHlYw svg path:last-child {fill: rgb(255,255,255);}
body .ax-widget-container,
body .ax-widget-container span,
body .ax-widget-container small,
body .ax-widgdemenagement_international.jpget-container i,
body .ax-widget-container strong{font-family:arial !important;}
html #axeptio_btn_acceptAll{color:#1aa0e0 !important;}



html, body {
height: 100%;
border: 0px solid transparent;
font-size: 0.65em;
margin: 0px 0px 0px 0px;
min-height: 100%;
padding: 0px 0px 0px 0px;
width: 100%;
-webkit-font-smoothing: antialiased;
}

*{
margin:0;
font-family:'Raleway',arial;
color:#212b54;
font-size:1.6rem;
font-weight:500;
}

img, object, embed, canvas, video, audio, picture {
max-width: 100%;
height: auto;
_width: 100%; /* IE6 seulement */
}

#Contents{
background:none;
width:100%;
/* max-width:1280px; */
margin:auto;
height:100%;
}

#isDev{
  position:fixed;
  top:0;
  right:0;
  background:red;
  color:white;
  font-weight:600;
  font-size:12px;
  padding:4px 15px;
  opacity:.8;
  border-radius:0 0 0 14px;
}

/* css.css */
:root {
--text:#212b54;
--bleu:#212b54;
--rose:#eb4443;
--orange:#f39200;
--rose50:#e6007e80;
--orange50:#f3920080;
}

body{display:none;}

@keyframes fadeIn {
  50% { opacity: 0; }
  100% { opacity: 1; }
}
.img.fadeIn{
 opacity:0;
 animation: fadeIn 3s forwards;
}

.full{
width:100%;
}

.limited{
/* max-width:1360px; */
margin:auto;
text-align:center;
}

.actuwall{
text-align:center;
max-width:1280px;
margin:60px auto;
}
.actuwall .elem{
width:320px !important;
}
.actuwall .elem .img{
width:100% !important;
position:relative;
}
.actuwall .elem .img img{
border-radius:16px;
position:relative;
left:50%;
transform:translateX(-50%) translateY(-50%);
width:100%;
height:auto;
}

.page .matomoConsent {
    width: 100%;
    border: none;
    background: #463f3f17;
    height: auto;
    border-radius: 10px;
}

#carousel_box {
display: block;
width: 100%;
margin:60px 0;
}

.carousel img {
vertical-align: middle;
margin: 0 30px;
max-height: 64px
}

#carousel_box h2{
font-family:'Raleway',arial;
font-weight: 600;
color: var(--bleu);
font-size: 2em;
line-height: 1.1em;
margin-bottom: 15px;
text-align: center;
}

#corps .panoramique .txt{
background:white;
display:inline-block;
width:50%;
padding:5%;
margin:0;
border-radius:15px;
box-sizing:border-box;
}

.smart,#MenuSmart,
#MenuSmart ul{
display:none;
}

#Wrapper{
/*background:white;*/
}

#corps .offset{
display:inline-block;
box-sizing:border-box;
width:55%;
vertical-align:middle;
}

#global-entete{
position:fixed;
background: white;
width:100%;
z-index:992;
display:block;
padding:0;
left:0;
top:0;
margin:0;
height:240px;
transition:all ease 0.5s;
}


#blog{
position:relative;
padding:80px 0 30px 0;
width:100%;
box-sizing:border-box;
}

#blog h2.entite{
position:absolute;
top:25px;
width:100%;
text-align:center;
margin:0;
padding:0;
}
#blog h2.entite span{
font-size:2.4rem;
font-weight:800;
width:auto;
margin:auto;
border:1px solid #56aebf;
color:#56aebf;
padding:4px 8px;
}

.blog{
vertical-align:top;
display:inline-block;
width:40%;
margin:30px 2.5% 30px 7.5%;
box-sizing:border-box;
}
.blog:last-child{
display:inline-block;
width:40%;
margin:30px 7.5% 30px 2.5%;
box-sizing:border-box;
}

.blog h3.titre{
color:#118292;
font-size:2.4rem;
margin-bottom:5px;
}
.blog h4.theme{
display:inline-block;
color:white;
background:#56aebf;
font-size:1.2rem;
font-weight: 600;
padding:4px 8px;
border-radius: 3px;
text-transform:uppercase;
line-height:1em;
margin-bottom:8px;
}
.blog p{
font-size:1.4rem;
margin-bottom:8px;
}


#global-entete.reduce {
top:0;
height:140px;
background: white;
}
#global-entete.reduce #entete .logo{top:5px;}
#global-entete.reduce #entete .follow{top:28px;}
#global-entete.reduce #entete .logo img{max-height:85px;}
/* #global-entete.reduce .global-menu{top:65px;} */
#global-entete.reduce #entete #Menu li a{font-size:1.2em;}
#global-entete.reduce #entete .logo .big{display:none;}
#global-entete.reduce #entete .logo .small{display:block;}


#entete{
/* max-width:1280px; */
/* margin:auto; */
position:relative;
text-align:left;
transition:all ease 0.5s;
left:0;
top:0;
height:100%;
}

#entete .logo{
position:absolute;
top:15px;
left:10vw;
width:290px;
text-align:left;
margin: auto;
cursor:pointer;
text-align:center;
transition:all ease 0.5s;
}
#entete .logo img{
width:100%;
height:100%;
/*max-width:440px;*/
transition:all ease 0.5s;
}
#entete .logo .big{display:block;}
#entete .logo .small{display:none;}


#entete .follow{
position:absolute;
top:30px;
right:10vw;
width:auto;
text-align:left;
margin: auto;
cursor:pointer;
text-align:center;
transition:all ease 0.5s;
}
.social li{
list-style-type:none;
display:inline-block;
margin:0 5px;
vertical-align:middle;
position: relative;
}
.social li.youtube{
padding:0;
height: auto;
overflow:visible;
}
.social li svg{
width:40px;
height:40px;
}
.social .fillMe{ /*circle*/
fill: var(--bleu);
transition:all ease 0.3s;
}
#entete .social .filleMe2{ /*path*/
fill: white;
}
.social .fillMe.pictoContact{
fill: var(--rose);
}
.social li:hover .fillMe{
fill: var(--orange);
}
.social li.btnGradient{
background:linear-gradient(90deg, var(--text) 0%, var(--text) 45%, var(--rose) 55%, var(--orange) 100%);
background-size:250% 32px;
background-position:100%;
padding:0px 20px;
border-radius:32px;
line-height:40px;
height:40px;
cursor:pointer;
transition:all ease 0.5s;
}
 .social li.btnGradient:hover{
background-position:0%;
}

.social li.btnGradient a{
text-decoration:none;
color:white;
font-weight:600;
font-size:1.2em;
}

.social .lang{display: none;}

.social .lang select{
background:black;
color:#efe7de;
font-weight:600;
font-size:16px;
padding:2px;
border:none;
text-transform:uppercase;
display:inline-block;
float:left;
border-radius:4px;
}

#menuBtn{
margin-top:30px;
float:left;
font-size:16px;
text-transform:uppercase;
padding:10px 10px 10px 30px;
cursor:pointer;
height:40px;
margin-right:30px;
}


#corps{
/*background-color:rgba(255, 255, 255, 0.9);*/
margin:220px 0 0 0;
padding:20px 0 0 0;
width:100%;
position:relative;
display:inline-block;
}

.video{
width:100%;
background:#4a4643;
text-align:center;
height:450px;
}

.video video{
height:450px;
}

.actualites{
width:100%;
box-sizing:border-box;
background:linear-gradient(90deg, var(--orange) 0%, var(--rose) 100%);
display:block;
position:relative;
padding:5rem;
text-align:center;
}

.actu.elem{
background:white;
display:inline-block;
padding:20px;
border-radius:24px;
box-sizing:border-box;
width:320px;
vertical-align:top;
text-align:left;
margin:0 20px;
}
.actu.elem .img{
border-radius:10px;
height:180px;
width:100%;
margin-bottom:8px;
overflow:hidden;
position:relative;
}
.actu.elem img{
/* display:none; */
position:absolute;
top:50%;
transform:translateY(-50%);
}
.actu.elem h4{
color:var(--rose);
font-size:1.6em;
margin-bottom:5px;
font-weight:600;
}
#corps .actu.elem h5{
margin-top:10px;
margin-bottom:-8px;
}
#corps .actu.elem h5 a{
 font-size:1em;
}

.txt{
width:80%;
margin:auto;
}
.txt.centre{
text-align:center;
}

.txt.centre h1,
.txt.centre h3,
.txt.centre h4{
color:var(--rose) !important;
/* margin:0 0 15px 0; */
}
.txt.centre h2{
color:black;
}

.click{
cursor:pointer;
}

.link.noclick a:hover{
text-decoration:underline;
}
#actu{text-align:center;}

.g-recaptcha>div{
width: 100% !important;
height: 78px;
transform:scale(0.77);
webkit-transform:scale(0.77);
text-align: center;
position: relative;
}


.page{
width:100%;
padding:0;
background:#white;
text-align:left;
}


.page .txt{
width:100%;
margin-bottom:30px;
display:inline-block;
box-sizing:border-box;
max-width:1360px;
text-align:center;
}

.home{
margin-bottom:30px;
}

.squarlink{
width: 100%;
display:inline-block;
transition:all ease 0.5s;
/* padding:0 30px;  */
text-align:center;
box-sizing:border-box;
margin:20px 0;
}



#corps .squarlink.chiffres .tiers,
#corps .squarlink.chiffres h3,
#corps .squarlink.chiffres p{
text-align:center !important;
color:inherit;
}
#corps .squarlink.chiffres span.counter{
font-size:inherit;
font-weight:inherit;
color:inherit;
}

#corps .squarlink.chiffres h5{
font-size:1.2em;
color:var(--rose);
margin-bottom:10px;
font-weight:600;
}
#corps .squarlink.chiffres h3{
margin-bottom:20px !important;
}
#corps .squarlink.chiffres h3 strong{
font-size:2.7em !important;
color:var(--rose) !important;
font-weight:800 !important;
}

.page .squarlink{
/* background:#56aebf; */
margin-bottom:30px;
max-width:1360px;
position:relative;
/* left:50%;
transform:translateX(-50%); */
}

#corps .squarlink h3,
#corps .squarlink h3{
}
.page .squarlink h4{
background:none;
margin:8px 0;
padding:0;
font-weight:800;
text-transform:uppercase;
}

#corps .squarlink h2{
color:white;
font-weight:800;
font-size:1.8em;
line-height:1em;
margin-bottom:10px;
}

.blog.txt.tiers h3{
color:black !important;
font-size:1.3em !important;
}
.blog.txt.tiers p{
font-size:.9em !important;
}
.blog.txt.tiers h5 a{
border:1px solid #59aebe;
}
.blog.txt.tiers h5 a:hover{
border:inherit;
}

.txt.demi{
text-align:left;
position:relative;
width:calc(49% - 60px);
margin: 0 30px;
transition:background ease-in 0.2s;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
border-top:1px solid black;
padding-top:10px;
/*background:red;*/
/*
padding-top:15px;*/
}
 .txt.tiers{
text-align:left;
position:relative;
width:calc(33% - 60px);
margin: 30px;
transition:background ease-in 0.2s;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
/*border-top:1px solid #4e468e;
padding-top:15px;*/
/**/
}
.home .txt.tiers{
text-align:center !important;
position:relative;
width:calc(33% - 60px);
margin: 0px 20px 20px 20px;
transition:all ease-in-out 0.5s;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
border-radius:32px;
padding:30px;
transform:scale(0.95);
}
.home .txt.tiers:hover{
transform:scale(1);
}

.home .txt.tiers.n0{background:var(--rose); }
.home .txt.tiers.n1{background:var(--orange); }
.home .txt.tiers.n2{background:var(--bleu); }

.home .txt.tiers.n0 h5 a{
background:white;
color:var(--rose);
}
.home .txt.tiers.n1 h5 a{
background:white;
color:var(--orange);
}
.home .txt.tiers.n2 h5 a{
background:white;
color:var(--bleu);
}

.home .txt.tiers h3{
text-align:center !important;
margin-bottom:20px;
}

.txt.quart{
text-align:left;
position:relative;
width:calc(25% - 60px);
margin: 20px;
transition:background ease-in 0.2s;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
/*border-top:1px solid #4e468e;
padding-top:15px;*/
/**/
}


.blogResume h5 a{
}

.blogResume h5 a:hover{
border:1px solid black
}

.home .txt.tiers p{
text-align:center;
}
.txt.demi .img{
width:100%;
height:240px;
overflow:hidden;
margin-bottom:20px;
background-size:100%;
background-position:center center;
background-repeat:no-repeat;
/*background-color:#ebebeb;*/
position:relative;
transition: background ease 0.8s;
border-radius:8px;
}
.txt.tiers .img,
.txt.quart .img{
width:100%;
height:200px;
overflow:hidden;
margin-bottom:10px;
background-image:none !important;
background-size: cover;
background-position:center center;
background-repeat:no-repeat;
position:relative;
transition: background ease 0.8s;
}
.txt.quart .img{
height:160px;
}

.home .txt.tiers .img{
height:100px;
width:100%;
}

.txt.demi .img img,
.txt.tiers .img img,
.txt.quart .img img{
position:absolute;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%);
height:85%;
width:auto;
}
.txt.tiers .img.etape{
background-size:cover;
}


/* CORPS */

.bloc{
width:95%;
padding:30px 0%;
margin:0 2.5%;
display:inline-block;
}

.page img{
height: 130px;
margin-bottom:10px;
}

#corps .txt.droite,
#corps .txt.gauche{
/* padding:30px 0; */
position:relative;
box-sizing:border-box;
display:block;
width:100%;
max-width:1360px;
margin:30px auto;
/* left:50%;
transform:translateX(-50%); */
padding:30px;
}
#corps .txt.complet{
margin:0;
padding:0;
background: linear-gradient(90deg, var(--orange50) 0%, var(--rose50) 100%);
padding: 60px 7.5% 60px 7.5%;
width:100% !important;
max-width:none;
}
#corps .txt.complet.actu{
margin:0;
padding:0;
background: none;
padding: 60px 7.5%;
width:100% !important;
max-width:none;
text-align:left !important;
max-width:1280px;
left:50%;
transform:translateX(-50%);
 position:relative;

}
#corps .txt.complet.actu *{
text-align:left !important;
}
#corps .txt.complet.actu .galerie{
text-align:center !important;
}

#corps .txt.complet.actu .img.big{
width:100%;
height:100%;
max-width:960px;
max-height:320px;
margin:auto;
position:relative;
left:50%;
transform:translateX(-50%);
text-align:center !important;
margin-bottom:30px;
}
#corps .txt.complet.actu .img.big img{
width:auto;
height:auto;
max-width:960px;
max-height:320px;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

#corps .txt.complet p{
text-align:center;
}
#corps .txt.droite,
#corps .txt.gauche,
#corps .txt.centre{
text-align:center;
}

/* #corps .txt.droite h2{
color:var(--rose);
} */
#corps .txt.centre p{
text-align:center;
}

#corps .txt.article_intro{
margin-top:-30px;
/* background:#ddeff2; */
}
.article_intro{
text-align:left !important;
}

#corps .txt.article_intro.actu{
margin:0;
padding:0;
background: linear-gradient(90deg, var(--orange50) 0%, var(--rose50) 100%);
padding: 30px 7.5%;
width:100% !important;
max-width:none;
text-align:center !important;
}
#corps .txt.article_intro.actu *{
text-align:center !important;
}

.img.big{
width:40%;
height:auto;
/* max-height:100%; */
position:relative;
box-sizing:border-box;
display:inline-block;
transform:scale(1);
vertical-align:middle;
}
.gauche .img.big{margin-right:40px;}
.droite .img.big{margin-left:40px;}

.img.big img{
width:100%;
height:auto;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.img.big img *{
margin: 0;
padding: 0;
box-sizing: border-box;
}
.img.big:hover img{
transform:scale(1.05);
}

/*bloc interne*/
.page .txt.droite,
.page .txt.gauche{
width:80%;
margin:20px 10% 30px 10%;
}
.page .txt.droite .img.big{
width:40%;
display:inline-block;
float:right;
margin-left:50px;

}
.page .txt.gauche .img.big{
width:40%;
display:inline-block;
float:left;
margin-right:50px;
margin-left:0;
}

.galerie{
width:100%;
max-width:1360px;
display:block;
box-sizing:border-box;
padding:30px 0;
text-align:center !important;
margin:30px auto;
}

.galerie .galimg{
height:180px;
width:260px;
margin:20px;
transition:all ease-in 0.2s;
display:inline-block;
vertical-align:top;
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
cursor:pointer;
position:relative;
box-sizing: border-box;
border-radius:0px;
box-sizing:border-box;
}
.galerie .galimg:hover{
opacity:0.7;
}
.galerie .galimg img{display:none;}

.googlemap{
margin:0px 5%;
width:90%;
}

.youtube{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.youtube iframe,
.youtube object,
.youtube embed{
position: absolute;
top: 0;
left: 0;
width: 90%;
height: 90%;
margin:0 5%;
}

#formulaire{
position:relative;
border-collapse:collapse;
font-weight: 300;
font-size:14px;
width:100%;
max-width:1360px;
box-sizing:border-box;
margin: auto;

}
#formulaire td{
padding:5px 5px;
}
/* #formulaire td:first-child{
width:20%;
} */

#formulaire input,
#formulaire textarea{
font-weight: 300;
width:100%;
border:1px solid var(--bleu);
padding:2px 8px;
border-radius:5px;
transition:background ease-in 0.2s;
box-sizing:border-box;
}
#formulaire textarea{
height:110px;
resize: vertical;
}
#formulaire select{
font-weight: 300;
border:1px solid var(--bleu);
border-radius:5px;
width:100px;
padding:2px 8px;
text-align:center;
}

#formulaire input.radio{
width:auto;
margin-right:5px;
margin-left:20px;
padding:0;
}
#formulaire .date_radio{
text-align:left;
}
#formulaire input#datepicker{
background-image:url(/images/calendar.png);
background-repeat:no-repeat;
background-position:center right;
background-size:contain;
}

#formulaire td.news input{width:auto;margin-right:5px;}

#formulaire input:hover,#formulaire textarea:hover{
background:#eee;
}
#formulaire input:focus,#formulaire textarea:focus{
background:var(--bleu)
color:white;
}
#formulaire td a.BtnReset,#formulaire td a.BtnSubmit{
border-bottom:none;
}
#formulaire input.Btn,a.Btn{
width:auto;
cursor:pointer;
border-radius:32px;
padding:8px 24px;
background:var(--bleu);
color:white;
border:none;
text-transform:uppercase;
font-weight: 300;
margin-bottom:30px;
transition:background ease-in 0.2s;
border:1px solid var(--bleu)
}

#formulaire input.Btn:hover,a.Btn:hover{
background:#fff;
color:var(--bleu);
}
a.Btn{
text-align:center;
float:none;
padding:3px 20px;
margin:0;
}

#corps .Error{
float:left;
width:100%;
border-bottom:none;
}
#corps .Error ul{
padding:10px;
width:90%;
margin:auto;
border-radius:7px;
border:1px solid #4a4643;
}
#corps .Error ul li{
list-style-type:none;
font-weight: 300;
margin-bottom:3px;
}
#corps .Error ul li b{
  font-weight: 700;
font-weight:normal;
}
#corps .cnil{width:100%;margin:auto;max-width:1360px;}
#corps .cnil input{
float:left;
width:auto;
height:auto
height:10;
line-height:auto;
padding:0;
margin:3px 3px 0 0;
}
#corps .cnil p,
#corps .cnil p em,
#corps .cnil p strong{
font-size:12px;
}

.fichiers{
list-style-type:none;
display:inline-block;
width:100%;
text-align:center;
margin:30px 0;
box-sizing:border-box;
}
.file{
display:inline-block;
}
.fichiers h5 a{
}
.fichiers h5 a:hover{
}
.fichiers h5 a img{
display:none;}

.files li .titre,
.files li .descriptif{
float:left;
clear:left;
}

#Pied{
width:100%;
text-align:center;
position: relative;
padding:30px;
box-sizing:border-box;
background:var(--bleu);
}

#Pied .logo{
left:30px;
position:absolute;
width:195px;
height:auto;
}

#Pied  p{
width:100%;
text-align:center;
font-size:0.9em !important;
color:white !important;
}
#Pied p a{
color:white !important;
font-size:inherit;
text-decoration:none;
}
#Pied p a:hover{
color:var(--rose) !important;
}
#Pied h5 a{
background-position:100%;
color:white !important;
}
#Pied h5 a:hover{
color:white !important;
}

#Pied .social{
margin:20px;
display:block;
}
#Pied .social .fillMe{
fill: white;
}
#Pied .social .fillMe2{
fill: var(--bleu) !important;
}
#Pied .social li:hover .fillMe{
fill: var(--rose);
}


/* RESPONSIV */

#MenuSmartphone,#MenuBtn,#smartinfos{display:none;}


@media screen and (max-width: 1360px) {
#global-entete #entete .logo{left:30px;}
#global-entete #entete .follow{right:30px;}
#Menu li a,#Menu li p{font-size:1.8rem !important;}
#Menu li{padding:0 1.7vw !important;}
}
@media screen and (max-width: 1200px) {
.social li.btnGradient a{font-size:1em; }
#Menu li a,#Menu li p{font-size:1.7rem !important;}
#Menu li{padding:0 1.6vw !important;}
}


@media screen and (max-width: 1080px) {
.bloc.txt{width:90%;margin:0 5%;}
#Menu li a,#Menu li p{font-size:1.5rem !important;}
#Menu li{padding:0 1vw !important;}
}

@media screen and (max-width: 1080px) {
.social li.btnGradient{
display:block;
}
.social li{
margin-top:10px !important;
}
.social li.btnGradient{
margin:0px !important;
}
}

@media screen and (max-width: 860px) {
.rslides{height:360px;}
.ordi, .global-menu{display:none;}
.smart{display:block;}

#corps .txt.complet.actu .img.big *{
width:100% !important;
height:auto !important;
margin:0 !important;
left:0;
transform:none;
}


html, body {background:none;}

#logo_slide{margin:10px 5%}
#global-entete {height:120px;width:100% !important;}
#global-entete .logo{width:100%; left:0px !important; top:8px;}
#global-entete.reduce #entete .logo{top:8px;}
#global-entete.reduce {height:120px;width:100%;}
#entete .logo img{max-height:110px;}
#global-entete.reduce #entete .logo img{max-height:110px;}
#global-entete.reduce #entete .logo .big{display:block;}
#global-entete.reduce #entete .logo .small{display:none;}


#corps{margin:140px 0 0 0;}

/* #slideshow{display:none;} */

#Menu,
.follow{
display:none !important;
}

#corps .page .txt .img.big,
#corps .page .txt .img.big img,
#corps .offset{
width:100%;
display:inline-block;
float:none;
margin:0;
padding:0;
transform:none;
}
#corps .page .txt .img.big img{
width:100%;
height:auto;
margin:0;
padding:0;
}

#menuBtn, #facebook_twitter{display:none;}
#MenuBtn{
position:absolute;
width:40px;
height:40px;
z-index:999;
display:block;
right:16px;
top:12px;
cursor:pointer;
transition:all ease 0.5s;
}
#MenuBtn .fillMe{fill:var(--bleu); transition:all ease 0.3s; }
#MenuBtn .fillMe2{fill:white; }
#MenuBtn:hover .fillMe{fill:var(--rose);}
#MenuBtn:hover{transform:rotateZ(180deg);}

#MenuSmart{
position:relative;
z-index:998;
background:white;
box-shadow: 0px 80px 80px rgba(0,0,0,0.1);
width:100%;
float:left;
margin-top:0px;
top:10px;
text-align: center;
}
#MenuSmart ul{
display:block;
margin:0;
padding:0;
list-style-type:none;
}

#MenuSmart ul a{
font-weight: 600;
font-size:1.3em;
line-height:1.8em;
list-style-type:none;
float:left;
width:100%;
text-decoration:none;
color:var(--bleu);
border-top:1px solid var(--rose);
}
#MenuSmart ul a:hover{
color:var(--rose);
}
#MenuSmart ul.enfant a{
color:var(--rose);
float:left;
text-transform:none;
font-size:1.3em;
font-weight: 400;
}
#MenuSmart ul li a:first-child{padding:3px 5%;width:90%;}
#MenuSmart ul li p{
font-weight: 600;
font-size:1.3em;
list-style-type:none;
float:left;
width:100%;
text-decoration:none;
color:var(--rose);
border-top:1px solid var(--rose);
padding:3px 5%;
width:90%;
}

.page img{margin-bottom:0px;width:auto;height:auto;}

#Pied .bottom span{width:100%;display:block;}
#Pied .bottom span p{text-align:center;}
#Pied .bottom span.sub{float:none;}

.galimg{width:200px;height:200px;}

#formulaire{width:100%;margin:0%;}
#formulaire p{text-align:left;}
#formulaire td {text-align:left;}

.home .image{width:100%; height:450px;}
.home .bloc{width:95%;}
#Pied h3{font-size:20px;margin-bottom:10px}
.home .bloc{padding:5%;width:90%;margin:0;}

#newsletter,
#corps .txt.gauche,
#corps .txt.droite{
width:90%;
margin:0 5%;
margin-bottom:15px;
box-sizing:border-box;
}
#corps .txt.droite,
#corps .txt.gauche{
padding:30px;
width:100%;
margin:0px 0;
}
#corps .txt.droite .img.big,
#corps .txt.gauche .img.big{
margin:0 0 20px 0;
float:none;
width: 100%;
}

#Pied .logo {
width:90% !important;
margin:0 5%;
padding-top:15px;
margin-bottom:20px;
}
#corps .txt.demi,
#corps .txt.tiers,
#corps .txt.quart{
width:100% !important;
padding:30px;
margin:0;
}
#corps .txt.quart{
width:45% !important;
}
#corps .txt.article_intro{width:100%;margin:0;margin-bottom:30px;padding:30px;}

.galerie .galimg{width:160px;height:160px;}

.file h5 a{
display:block;
line-height:1em;
padding:10px 24px;
}
.file h5 a:hover{
padding:10px 24px;
}
.txt.tiers{
transform:scale(1) !important;
}
.home .txt.tiers.dark{
margin:10px 0!important;
border-radius:0 !important;
}
.home .txt.tiers:hover{
transform:none !important;
}
#slideshow{height:320px;}
#slideshow .arrondi{display:none;}
.slidetxt{width:90%;font-size:80%;padding:20px;}
.slidetxt::before,.slidetxt::after{content:'';display:none;}
a.centered-btns_nav.next,
a.centered-btns_nav.prev{width:30px!important}
}


@media screen and (max-width: 600px) {

#formulaire td, #formulaire td:first-child{float:left;width:95%;box-sizing:border-box;}
#formulaire td:first-child p{text-align:left;}

#formulaire td div.g-recaptcha{margin:auto;max-width:270px;}
.g-recaptcha>div{
max-width:0px;
transform:scale(0.85);
webkit-transform:scale(0.85);
}
}

@media screen and (max-width: 480px) {
#corps .txt.quart{width:100% !important;}
}

/* text.css */
.txt ul{
display : grid;
margin-bottom:10px;
padding-left:20px;
margin-left:10px;
list-style-type: disc;
}

.txt p,
.txt p strong,
.txt li,
.txt li strong{
text-align: left;
}

.panoramique .txt p{
 text-align : left;
}

.txt.tiers p{
text-align: left;
}

.txt p,
.txt p span{
margin-bottom:10px;
line-height: 1.4em;
}

.txt li,
.txt li span{
line-height: 1.4em;
margin-bottom: 5px;
}

.txt p strong{
font-size:inherit;
font-weight:800;
}

.txt p span{
color:inherit;
}
.txt p:last-child{
margin-bottom:0;
}
.txt p a, .txt li a{
font-size:inherit;
color: var(--rose);
font-weight:500;
}
.txt p a:hover, .txt li a:hover{
color:inherit;
}


.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark p,
.dark li{
color:white !important;
}

.txt li b,
.txt li strong{
font-weight: 700;
}
.txt h1,
.txt h1 a{
font-family:'Amatic SC',arial;
font-weight:700;
font-size:3.5em;
line-height:1em;
text-decoration:none;
margin-bottom:10px;
}
.txt h1 a{
text-decoration:underline;
}
.txt h1 a:hover{
}
.txt h1 b,
.txt h1 strong{
font-weight:800;
font-size:inherit;
}

.txt h2,
.txt h2 a{
font-weight:700;
color: var(--rose);
font-size:2.1em;
line-height:1em;
margin-bottom:15px;
text-align:left;
}
.txt h2 strong,
.txt h2 b{
font-weight: 600;
}
.page h2{
color:var(--bleu);
}

.txt h3,
.txt h3 a,
.txt h3 strong,
.txt h3 b{
font-weight:400;
font-size:1.7em;
line-height:1em;
margin:0 0 10px 0;
color: var(--rose);
text-decoration : none;
text-align:left;
}
.txt h3 strong,
.txt h3 b{
font-weight:inherit;
font-size:120% !important;
color:inherit;
}

.txt h4,
.page h4,
.page h4 a,
.page h4 strong,
.page h4 b{
font-weight:500;
font-size:1.3em;
margin-bottom:10px;
border:none;
color: var(--rose);
text-align:left;
}



h5 a{ /* button */
background:linear-gradient(90deg, var(--text) 0%, var(--text) 45%, var(--rose) 55%, var(--orange) 100%);
background-size:250% 32px;
background-position:0;
color:white;
font-size:1.2em;
font-weight: 800;
padding:8px 16px;
cursor:pointer;
text-decoration:none;
text-align: left;
line-height: 3em;
transition: all ease 0.5s;
border-radius:32px;
}
h5 a:hover{
background-position:99%;
color:white;
text-align: left;
padding:8px 32px;
}
h5 a img{
height:16px !important;
width:auto;
vertical-align:middle;
position:relative;
top:3px;
margin-right:2px;
}

/* Citations */
h6{
/* background:#dbab58; */
font-family:'Domine',arial;
font-weight:400; /*semibold*/
font-size:1.6em;
position:relative;
padding:30px 60px;
border-radius:0 40px;
display:inline-block;
width:100%;
box-sizing:border-box;
text-align:center;
}
h6::before{
content:' ';
background: url(/images/slide_comtop.svg) no-repeat center center;
display:block;
width:40px;
height:40px;
position:absolute;
top:10px;
left:10px;
opacity:0.5;
}
h6::after{
content:' ';
background: url(/images/slide_combottom.svg) no-repeat center center;
display:block;
width:40px;
height:40px;
position:absolute;
bottom:10px;
right:10px;
opacity:0.5;
}


.txt hr{
margin: auto;
color:#c7c0bb;
margin-bottom :5px;
width: 70%;
}
.txt td hr{
width:100%;
}

#formulaire p{
text-align:left;
margin: 0;
}
.page small {
font-size:12px;
text-align:center;
}
.txt small input{
width:auto;
margin-right:3px;
}

#backToTop {
position:fixed;
bottom: 20px;
right: 20px;
width: 32px;
height: 32px;
cursor:pointer;
}

#Pied .logo{
top:0;
left:0;
position:relative;
width:100%;
display:block;
}
#Pied .logo img{
max-width:220px;
margin-top:20px;
margin-bottom:10px;
}
#Pied p{margin-bottom: 20px !important;color:black;}
#Pied a{color:black !important}
#Pied .contact{
margin-bottom:40px;
margin-top:-30px;
}
p.comnambules{font-size:12px !important;}

#Pied .contact a{
border:1px solid black;
padding:3px 8px;
text-transform:uppercase;
transition: all ease 0.3s;
font-size:1.1em;
}
#Pied .contact a:hover{
padding:3px 20px;
border:1px solid #59aebe;
background:#59aebe;
color:white !important;
}
#Pied a:hover{
color:#59aebe !important;
}

#Pied ul{display: inline; list-style-type: none; padding: 0px; }
#Pied li{display:inline; margin: 0px 0px 0px 5px; }

.page .galerie2{
width:90%;
margin:15px 5%;
border-spacing:0px;
text-align:center;
}

.galimg{
height:180px;
width:20%;
margin:2.25%;
padding:0%;
transition:background ease-in 0.2s;
display:inline-block;
vertical-align:top;
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
cursor:pointer;
position:relative;
}
.galimg a{left:0;position:absolute;width:100%;height:100%;}
.galimg img{display:none;}

@media screen and (max-width: 860px) {
/* .txt p,
.txt li{font-size:14px;}
.txt h1,.txt h1 a{font-size:24px;} */
.txt h1{font-size:3.4em;}
.txt h2{font-size:2em;}
.txt h3{font-size:1.6em;}
.txt h4{font-size:1.4em;}

}

/* menu.css */
.global-menu{
position:absolute;
height:40px;
line-height:40px;
width:100%;
left:0;
bottom:0;
transition:all ease 0.5s;
width:100%;
text-align:center;
border-top:1px solid var(--orange);
border-bottom:1px solid var(--orange);
}

#Menu{
z-index:994;
margin:auto;
display:inline;
}
#Menu li{
display:inline-block;
padding:0 1.8vw;
}


#Menu li a,
#Menu li p{
font-size:2.2rem;
font-weight:700;
text-decoration:none;
transition:all ease 0.2s;
}

#Menu li.active a,
#Menu li.active p,
#Menu li:hover p,
#Menu li:hover a{
cursor:pointer;
color:var(--orange);
}

#Menu li.actif a,
#Menu li.actif p{
color:var(--rose);
}



#Menu li.actif,
#Menu li.actif:hover,
#Menu li.actif:hover{
/* background:grey;    */
}

#Menu li:hover,
#Menu li.active{
color:var(--orange);
}

#Menu .parent{
position:relative;
width:auto;
}

#Menu li ul{
line-height:30px;
left:0px;
margin: 0;
padding: 0;
position: absolute;
z-index:999;
visibility: hidden;
background: #f39200;
}

#Menu li.active ul li{
position:relative;
white-space: nowrap;
border-bottom:1px solid white;
padding:4px 16px!important;
text-align:left !important;
margin:0 !important;
width:100%;
box-sizing:border-box;
}
#Menu li.active ul li a{
color:white;
font-weight:500;
}
#Menu li.active ul li:hover{
background:#E94648;
}



@media screen and (max-width: 1080px) {
#Menu a, #Menu p{font-size:14px; }
#Menu td{padding:0 15px;}
}

@media screen and (max-width: 940px) {
#Menu td{padding:0 10px;}
}

/* Responsive slides */
#slideshow{
position:relative;
width: 100%;
margin:0;
display:inline-block;
transition:all ease 0.5s;
background:linear-gradient(90deg, var(--orange50) 0%, var(--rose50) 100%);
padding:60px 7.5% 60px 7.5%;
text-align:center;
box-sizing:border-box;
height:360px;
}

.arrondi{
position:absolute;
height:50%;
width:auto;
}
.arrondi.left{
bottom:-4px;
left:0;
width:300px;
height:auto;
}
.arrondi.right{
top:0;
right:0;
width:300px;
height:auto;
}

#slideshow h2.entite{
position:absolute;
top:25px;
width:85%;
text-align:center;
box-sizing:border-box;
}
#slideshow h2.entite span{
font-size:2.4rem;
font-weight:800;
width:auto;
margin:auto;
border:1px solid #ffffff;
color:#ffffff;
padding:4px 8px;
}

#slideshow a{
width:100%;
height:100%;
}

.slide{
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
height:100%;
padding: 0;
margin: 0;
transition:all ease 0.5s;
/* top: 50%;
transform: translateY(-50%); */
}

.slide li {
/* top:0; */
width:100%;
position:relative;
top: 50%;
transform: translateY(-50%);
}

.slide li:first-child {
position: relative;
display: block;
float: left;
}

a.centered-btns_nav.next,
a.centered-btns_nav.prev{
position:absolute;
top:0;
right:3%;
height:50%;
width:50px !important;
z-index:990;
background: url(/images/slide_next.svg?v=0) no-repeat center center;
display:block;
transition:all ease 0.5s;
cursor:pointer;
}

a.centered-btns_nav.prev{
left:3%;
background: url(/images/slide_prev.svg?v=0) no-repeat center center;
}

a.centered-btns_nav.next:hover{
right:4%;
transform: scale(1.3);
}
a.centered-btns_nav.prev:hover{
left:4%;
transform: scale(1.3);
}

.centered-btns_tabs{
z-index:990;
position:absolute;
bottom:20px;
text-align: center;
width:100%;
padding:0;
}

.centered-btns_tabs li{
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a{
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(255,255,255, 1);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.5);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.5);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.5);
  width: 10px;
  height: 10px;
  }

.centered-btns_here a{
  background: #222;
  background: rgba(0,0,0, .8);
  }

/* .slidetxt_global{
position: absolute;
top: 50%;
transform: translateY(-50%);
text-align:center;
width:100%;
} */

.slidetxt{
margin:auto;
padding:20px;
width:90%;
transition:all ease 0.5s;
position:relative;
text-align:center;
box-sizing:border-box;
/* top: 50%;
transform: translateY(-50%); */
}

.slidetxt::before{
content:' ';
background: url(/images/slide_comtop.svg) no-repeat center center;
display:block;
width:66px;
height:50px;
position:absolute;
top:10px;
left:-50px;
}
.slidetxt::after{
content:' ';
background: url(/images/slide_combottom.svg) no-repeat center center;
display:block;
width:66px;
height:50px;
position:absolute;
bottom:30px;
right:-50px;
}

.slidetxt p,
.slidetxt h1,
.slidetxt h2,
.slidetxt h3,
.slidetxt h4{
line-height:1.3em;
}
.slidetxt h3{
font-family:'Domine',arial;
font-weight:500; /*semibold*/
font-size:1.2em;
margin-bottom:10px;
}
.slidetxt p{
color:black;
font-size:1em;
line-height:1em;
font-weight:200;
}

.slidetxt p strong{
color:black;
font-size:inherit;
line-height:1em;
font-weight:600;
}
@media screen and (max-width: 480px) {
.slidetxt::before, .slidetxt::after{content:none;}
.slidetxt h3{font-size:1.1em}

/* Citations */
h6{
font-family:'Domine',arial;
font-size:1.3em !important;
padding:30px;
border-radius:0;
}
h6::before, h6::after{
width:30px;
height:30px;
}
#corps .cnil{width:100%;margin-left:0;}
.txt{width:90% !important;box-sizing:border-box;}
form{width:100%;box-sizing:border-box;}
}