*{
direction: ltr;
}

body{display:none; }

@keyframes fadeIn {
  50% { opacity: 0; }
  100% { opacity: 1; }
}


.img.fadeIn{ opacity:0; animation: fadeIn 3s forwards; }

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

.smart,
#MenuSmart,
#slidepanels,
#social2{
display:none;
}
#MenuSmart{
height:auto;
top:60px;
padding-top:0;
position:fixed;
z-index:999;
background:var(--page_grey2);
width:100%;
box-sizing:border-box;
padding:0 80px;
float:left;
text-align:center;
}
#MenuSmart ul{
margin:0;
padding:0;
position:relative;
}
#MenuSmart ul li{
display:inline-block;
padding:0;
margin:0;
}
#MenuSmart ul li:after{
content:'|';
color:#ffffff55;
height:60px;
line-height:60px;
}
#MenuSmart ul li:last-child:after{
color:#ffffff00;
}

#MenuSmart ul li a{
text-decoration:none;
color:white;
/* height:70px;
line-height:70px; */
height:32px;
line-height:32px;
padding:0 8px;
margin:16px 0 12px 0;
font-size:.9em;
font-weight:500;
transition:all ease 0.2s;
display:inline-block;
float:left;
margin-left:-4px;
border-radius:0;
}
#MenuSmart ul li a:hover{
background:var(--home);
color:var(--page_grey);
/* border-radius:10px 0 10px 0 */
}
.smartIcon{
z-index:1;
position:absolute;
top:0;
right:0;
width:61px;
height:61px;
z-index:999;
display:block;
cursor:pointer;
transition: all ease 0.3s;
}
#MenuBtn img{
width:100%;
height:auto;
transition: all ease 0.3s;
}
#MenuBtn:hover img{
transform: scale(1.2);
}


.breadcrumb{
display:block;
margin-bottom:10px;
}
.breadcrumb img{
width:auto !important;
/* height:11px !important; */
display:inline-block !important;
margin-right:3px !important;
}
.breadcrumb a{
text-decoration:none;
font-size:.9em;
transition:all ease 0.3s;
border-bottom:1px solid transparent;
}
.breadcrumb a:hover{
border-bottom:1px solid var(--noir);
}
#linksP{
position:relative;
display:block;  
max-width:1280px;
margin:auto;
top:50px;
}
#links{
position:absolute;
width:60px;
right:45px;
list-style-type:none;  
margin:0;
padding:0;
z-index:9999;
}
#links li{
cursor:pointer;
width:50px;
height:50px;
margin-bottom:10px;  
}
#links li:hover svg .cls-1{
fill:black;  
}


.nextPage{
position:absolute;
display:inline-block;
width:100%;
height:35px;
text-align:center;
bottom:30px;
}
.nextPage img{
height:35px;
width:auto;
transition:all ease .5s;
}
.nextPage img:hover{
transform:scale(1.2);
}

.full{
width:100%;
box-sizing:border-box;
text-align:center;
}

.full .demi{
width:45% !important;
display:inline-block;
box-sizing:border-box;
margin:0 20px !important;
}

#corps{
margin:auto;
width:100%;
padding-top:120px;
background-color:var(--beton);
/* background-image:url(/images/background-light.jpg); */
/* background-attachment:fixed; */
/* background-position:center; */
/* background-size:cover; */
transition: all ease 0.5s;
}
/* #corps.toper{padding-top:215px;} */


.bkgLightGrey h2{color:var(--gris)}

.bkgBleu{
background:var(--bleu);
}
.bkgBleu *{color:white}
.bkgBleu h3 a,
.bkgBleu h5 a{
background:white;
color:var(--text);
box-shadow:0 1px 2px rgba(0,0,0,0.4);
}
.bkgBleu h3 a:hover,
.bkgBleu h5 a:hover{
background:black;
color:white;
}

.bkgVert{
background:var(--vert);
}
.bkgVert *{color:white}
.bkgVert h3 a,
.bkgVert h5 a{
background:white;
color:var(--text);
box-shadow:0 1px 2px rgba(0,0,0,0.4);
}
.bkgVert h3 a:hover,
.bkgVert h5 a:hover{
background:black;
color:white;
}


#corps .noMargin{margin:0 auto !important;}
#corps .noPadding{padding:0 !important;}
#corps .marginTopOnly{margin-top:60px !important;}
#corps .center *{text-align:center !important;}
#corps .noBackground{background:none;}
#corps .full{width:100% !important;}
#corps .removeNextMarginBottom{margin-bottom:-60px!important;}
#corps .addMargin{padding:30px 30px 15px 30px !important}
#corps .addBigMargin{margin:60px auto!important}

#corps .full.confiance{
background:white;
padding:30px 0;
}
#corps .full.confiance h2{
color:var(--gris); 
}
#carousel_box {
max-width: 100%;
margin:30px 0;
box-sizing:border-box;
}
.carousel {
display: none;
}
.carousel img {
vertical-align: middle;
margin: 0 30px;
max-height: 60px;
}
.reservation{
max-width:1280px; 
background:var(--grisclair);
padding:60px;
box-sizing:border-box;
margin:auto;
text-align:center;
}
.reservation .half{
width:49%;
display:inline-block;
text-align:left;
vertical-align:top;
box-sizing:border-box;
padding:32px;
}
.formulaireResa .nbp{
margin-bottom:10px;
display:block;
padding:8px 16px; 
text-align:center;
font-size:1.2em;   
}
.formulaireResa .nbp div{
display:inline-block;
}
.formulaireResa .nbp select{
border-radius:1.4em;    
padding:6px 10px;
border:none;
width:140px;
font-size:1.1em;
box-sizing:border-box;
margin:4px 4px;
background: white !important;
background-color: white !important;
}

.formulaireResa input,
.formulaireResa textarea{
width:100%;
box-sizing:border-box; 
border:none;
padding:8px 16px;
margin-bottom:10px;
border-radius:1.4em;
transition:all ease .1s;
font-size:1.2em;
}
.formulaireResa textarea{
min-height:194px; 
padding:16px;
}
.formulaireResa input:hover,
.formulaireResa textarea:hover,
.formulaireResa input:focus,
.formulaireResa textarea:focus{
background:var(--vertc);
color:black; 
}
.disponibilites h3{
font-weight:600;
font-size:1.8em; 
color:var(--bleu); 
text-align:center;     
}
.myResa{
background:var(--bleu);
display:block;
border-radius:1.4em;
padding:16px;
color:white; 
font-size:1.2em;
text-align:center;
margin-top:30px;
}
.myResa h3{
color:white; 
font-weight:600;
font-size:1.6em;   
}
.myResa div{
display:block;
margin-top:10px;
}
.myResa span{
color:white;    
font-size:1.2em;
width:120px;
display:inline-block;
}
.myResa input{
border-radius:1.4em;    
padding:6px 16px;
border:none;
width:120px;
margin-left:10px;
font-size:1.1em; 
font-weight:500;   
}


.reservation input[type="submit"]{
width:auto;
box-sizing:border-box; 
border:none;
padding:12px 18px;
margin-bottom:10px;
border-radius:1.4em;
transition:all ease .5s;
font-size:1.4em;
background:var(--vert);
color:white;
cursor:pointer;
font-weight:700;
}
.reservation input[type="submit"]:hover{
padding:12px 36px;
background:var(--bleu);
color:white; 
}

#calendar {
    box-sizing: border-box;
    padding: 24px 30px;
    width: 100%;
    display: block;
    overflow: hidden!important;
    background:white;
    border-radius:1.4em;
}

.calendar .mois {
    border-collapse: collapse;
    margin: auto;
}

.calendar h4 {
    color: var(--bleu);
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0 0 5px;
    text-transform:uppercase;
    font-family:'Outfit';
    font-size:1em;
font-weight:500;
}

.calendar .mois td,
.calendar .mois th {
    width: 26px;
    height: 26px;
    border: 1px solid var(--text);
    color: var(--text);
    font-weight: 500;
    font-size: 1em;
}

.calendar .mois th {
    background: var(--jaune);
    color: #blak
}

.calendar .mois .free{
background:transparent;    
}
.calendar .mois .reserved{
background:var(--bleu);
color:white;    
}
.calendar .mois .passed{
background:#ccc; 
color:#666;
}

.calendar .mois .curDate {
    background: var(--jaune);
    color:black;
    font-weight: 800;
    font-size: 1.2em
}
.txt.calHoraires{
 text-align: center;  
margin-top:20px; 
}
.txt.calHoraires .horText {
display: inline-block!important;
width: auto;
margin: 0 20px;
font-size: 1.1em;
line-height: 26px;
}

.horText span {
width: 26px;
height: 26px;
vertical-align: middle;
margin-right: 5px;
border: 1px solid var(--text);
display: inline-block;
}
.horText span.free{ background:white;}
.horText span.reserved{background:var(--bleu)}

@media screen and (max-width: 860px){
.reservation{padding:30px}
.reservation .half{width:100%;padding:15px 0 0 0;}
.reservation input[type="submit"]{margin-top:30px;}
}


#corps .full.wallArticles{
background:white;
text-align:center;
/* padding:30px;  */
box-sizing:border-box;
width:100%;
margin-top:60px;
}
#corps .full.wallArticles .wall{
width:100%;
max-width:1280px;
margin:auto;
position:relative;
}
#corps .full.wallArticles .wall .bkgSquare{
padding:60px; 
box-sizing:border-box;
text-align:left;
}
#corps .full.wallArticles .wall .halfWidth{
width:50%;
min-height:450px;
align-content:center;
}
#corps .full.wallArticles .wall .fullWidth{
 width:100%;
 min-height:450px;
 align-content:center;
}
#corps .full.wallArticles .wall .slideshow{
 top:0;
 width:50%;
 height:100%;
 position:absolute;
 display:inline-block;
 background-position:center; 
 background-size:cover;
 background-color:#ff000033;
}
#corps .full.wallArticles .gauche{direction:rtl;}
#corps .full.wallArticles .droite{direction:ltr;}
#corps .full.wallArticles .droite .slideshow{right:0;}
#corps .full.wallArticles .gauche .slideshow{left:0;}

#corps .full.wallArticles .pictoSvg{
width:128px;
height:65px;
margin-right:10px;
position:relative;
display:inline-block;
vertical-align:top;
}
#corps .full.wallArticles .pictoSvg svg{
width:128px;
max-height:65px;
}
#corps .full.wallArticles .pictoSvg svg .color{fill:var(--bleu); }

#corps .full.wallArticles .bkgBleu .pictoSvg svg .color,
#corps .full.wallArticles .bkgVert .pictoSvg svg .color{fill:white; }
#corps .full.wallArticles h2{
display:flex;
align-items: center;
margin-bottom:15px;
}

#corps .full.faq{
background:var(--vertc);
padding:60px; 
}
#corps .full.faq h2{
color:var(--vert);
font-size:3.2em;
margin-bottom:20px; 
}
#corps .full.faq .item{
background:white;
border-radius:2em;
padding:10px;
max-width:860px;
margin:0 auto 10px auto; 
}
#corps .full.faq .item span{
font-size:1.3em;
font-weight:600;
color:var(--gris);
background-image:url(/images/faqPlus.svg?);
background-repeat:no-repeat;
background-position:right center;
background-size:24px 24px;
display:block;
cursor:pointer;
padding-right:36px;
}
.accordionToggle{
line-height:1.7em; 
}
#corps .full.faq .item span:hover{color:var(--vert); }
#corps .full.faq .item span.opened{
background-image:url(/images/faqMoins.svg?); 
color:var(--vert); 
}
#corps .full.faq .item {font-size:1em;}
#corps .full.faq .item .accordionDetails{margin:10px; }
#corps .full.faq h5 a{margin-top:15px;background:var(--orange);}
#corps .full.faq h5 a:hover{background:var(--gris);}
.accordionDetails{display:none}

#corps .noBackground h2{color:black!important;margin-bottom:0!important;}
#corps .noBackground h2 em{color:var(--rouge)!important}

/* points forts */
#corps .pointsForts{
padding:20px 0;
position:relative;
margin-bottom:30px;
}

#corps .pointsForts .squarelinks, #corps .chiffres .squarelinks{margin:0 auto; }
#corps .pointsForts *{color:var(--gris2) }
#corps .pointsForts h5{
/* z-index:2;
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%) translateY(50%); */
}
#corps .pointsForts img{
margin-bottom:10px; 
}
#corps .pointsForts:after{
content:'';
position:absolute;
bottom:15%;
left:0;width:100%;
background-image:url(/images/vagues.svg);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
height:50px; 
height:180px;
}

.bandeauPicto{
max-width:1280px;
margin:100px auto 0 auto; 
display:block;
}

#corps .pointsForts h5:before{
content:'';
display:block;
height:70px;
width:180px; 
margin:0 auto 8px auto;
}
#corps .pointsForts .t3 h5:before{
background:url(/images/fee-picto-lien-1.svg) no-repeat center bottom;
}
#corps .pointsForts .t4 h5:before{
background:url(/images/fee-picto-lien-2.svg) no-repeat center bottom;
}
#corps .pointsForts .t3t4 h5:before{
background:url(/images/fee-picto-lien-3.svg) no-repeat center bottom;
}

#corps .pointsForts .tiers::after{
content:'';
display:flex;
position:absolute;
height:100%;
background: linear-gradient(to top, #ffffff00 10%, #91af96 50%, #ffffff00 90%);
width:2px; 
top:0;
right:-52px;
}
#corps .pointsForts .tiers:last-child::after{
content:none;
}
/* .article_intro h1{
font-size:4em;
font-weight:800;
font-style:italic; 
text-transform:none;
line-height:1em;
} */

#corps .picto .img{
width:150px!important; 
height:150px!important; 
}
#corps .picto *{
line-height:1.2em; 
}

.txt .imgStd{
width:50%;
display:inline-block;
vertical-align:middle; 
box-sizing:border-box;
}
.full .imgStd{
width:50%;
max-height:480px;  
text-align:center;  
}
.full .imgStd img{
max-height:480px;
margin:auto;    
}
.blocTxt{
width:calc(55% - 64px);
display:inline-block;
vertical-align:middle; 
box-sizing:border-box;
direction:ltr;
margin:30px;
position:relative;
}
.gauche .blocTxt,
.droite .blocTxt{
width:calc(55% - 64px);  
}
.article_intro.gauche .blocTxt{
left:40%; 
}

.gauche .imgStd,
.droite .imgStd{
box-sizing:border-box;
width:45%;  
}
.gauche.article_intro .imgStd img{
border-radius:0 1000px 1000px 0!important; 
}

.droite .imgStd{
position:relative;
right:-1px; 
}
.greyBkg em{
color:var(--orange);
font-style:normal; 
}
.full.txt.center{
margin:30px 0; 
}



/* @media screen and (max-width: 1180px){
#social{ width:36px; border-radius:var(--myradius); padding:8px 0; top:50%; !important;}
#social a{width:28px;height:auto;margin-bottom:4px;}
} */

#entete{
top:0;
left: 50%;
position:fixed;
text-align:center;
transform: translateX(-50%);
transition:all ease 0.5s;
width:100%;
height:auto;
display:block;
z-index:998;
background-color:white;
}
#entete .entete{
max-width:1280px!important; 
display:block;
position:relative;
height:120px;
margin:auto;
transition:all ease 0.5s;
/* background:red; */
}

#entete .logo{
width:100px;
height:100%;
z-index:999;
cursor:pointer;
transition:all ease 0.5s;
position:absolute;
left:30px;
padding:14px 16px;
background:white;
border-radius:24px;
}
#entete .logo img{
width:auto;
height:100%;
transition:all ease 0.5s;
}

#entete .map{
transition:all ease 0.5s;
position:absolute;
right:55px;
top:10px; 
}
#entete .map img{
transition:all ease 0.5s;
height:100px;
width:100px;    
}
#entete .map .social{
transition:all ease 0.5s;
position:absolute;
right:-45px;
top:10px;    
}
#entete .map .social a{
transition:all ease 0.5s;
display:block;
width:36px;
height:36px;
margin-bottom:8px;
}
#entete .map .social svg{
width:98%;
height:98%;    
}
#entete .map .social a svg .color{
fill:var(--bleu);    
}
#entete .map .social a:hover svg .color{
fill:black;    
}

#entete.reduce .entete{
height:80px; 
}
#entete.reduce .logo{
width:70px;
height:80px;
}
#entete.reduce .map{
top:5px;    
}
#entete.reduce .map img{
height:70px;
width:70px;    
}
#entete.reduce .map .social{
top:0px;    
}
#entete.reduce .map .social a{
display:block;
width:32px;
height:32px;
margin-bottom:5px;
}

#entete.reduce #menu{
left:120px;
}
#entete.reduce #menu li a {
height:50px;
}

.description h2{
text-transform:uppercase;
}
.description p{
 border: 1px solid var(--dore);
 border-radius:var(--myradius);
 padding: 20px;
line-height:1.3em;
}
.description sup{
font-size:0.6em;
font-weight:600;
position:relative;
}


/* 
.txt{
width:95%;
margin:0 2.5%;
text-align:center;
margin:auto;
} 
*/

.txt.article_intro,
.txt.complet,
.txt.droite,
.txt.gauche{
text-align:left;
width:100%;
max-width:1280px;
/* padding:30px; */
box-sizing:border-box;
position:relative;
display:block;
margin:auto;
} 
.txt.droite,
.txt.gauche{
max-width:1080px;
}

.txt.droite,.txt.gauche{background:var(--parm);} 

.limited{
border-radius:16px;
margin-bottom:50px!important; ;
display:block!important; ;
}
.limited.jaune{
background:var(--moutarde)!important; 
}

.jaune h4{
color:white; 
}


.page .center *{text-align:center;}

.txt .img{
width:46%;
position:absolute;
display:inline-block;
vertical-align:top;
background-position:center;
}
.bloc h1 strong{
color:white!important;    
}
.gauche .img,
.droite .img{
left:0;
height:100%; 
background-size:cover;
}
.gauche .img{
left:54%; 
}
.gauche .img img,
.droite .img img{
display:none; 
}
.limited.gauche .img{
border-radius:0 16px 16px 0; 
}
.limited.droite .img{
border-radius:16px 0 0 16px; 
}
.droite .blocTxt{
left:46%; 
}

#entete .liens{
display:inline-block;
padding-right:70px;
position:relative;
z-index:999;
}
#entete .liens a{
text-transform:uppercase;
text-decoration:none;
padding:4px 12px;
font-weight:700;
font-size:1.2em;
text-align :center;
box-sizing:border-box;
transition:all ease 0.2s;
margin:0 4px;
}

.citation img{
width:80px;
height:auto;
}
.citation:first-child img{
margin-top:-10px;
}
.citation:last-child img{
margin-top:10px;
}
.txt.chapeau p{
text-align:center;
color:var(--violet);
font-weight:400;
font-size:1.2em;
margin-bottom:30px;
}
.txt.chapeau p strong{
color:var(--violet);
font-weight:700;
font-size:inherit;
}

/* REVIEWS */
#temoignages{
width:100%;
max-width:1280px;
padding:60px;
height:350px;
display:inline-block;
text-align:center;
box-sizing:border-box;
position:relative;
background-image:url(/images/avis-background.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:center;
position:relative;
}
#temoignages:after{
content:'';
position:absolute;
background:#000000d9;
width:100%;
height:100%;
top:0;
left:0;
}
#temoignages .avis-google-global{
position:relative;
z-index:1; 
}
#temoignages .avis-google{
margin-bottom:20px; 
}
#temoignages .avis-google img{
margin-bottom:10px; 
}
#temoignages h3{
color:#EECF7D;
font-size:1.4em;
}
#temoignages img{
width:96px;
height:auto;
}
.temoignage{
max-width:600px;
margin:auto;
list-style-type:none;
padding-left:0;
margin-bottom:30px;
}
.temoignage h6{
font-weight:400;
font-size:1.1em;
text-transform:none;
margin-bottom:15px;
position:relative;
color: white;
}
.temoignage h4{
color:#EECF7D;
font-size:1.2em; 
font-weight:400;
text-align:center;
margin:0;
padding:0;
}
.temoignage p{
font-size:1.2em;
font-weight:500;
margin-bottom:0;
}
.temoignage p.date{
font-size:1em;
font-weight:400;
}
.slick-slide{
height:auto;
}

.page{
width:100%;
box-sizing:border-box;
display:inline-block;
/* background:#f1f1f1; */
}
#corps .contact{
padding:30px;
}
.page .squarlink{
width:100%;
max-width:1280px;
text-align:center;
box-sizing:border-box;
padding:0;
display:block;
margin:auto;
margin-bottom:30px;
}

.page .full.squarlink{
width:100%;
text-align:center;
box-sizing:border-box;
margin:0 0 60px 0;
position:relative;
display:inline-block;
}
.page .full.squarlink .demi{
margin:0 30px 0 30px;
}
.page .full .demi h1,
.page .full .demi h2,
.page .full .demi h3,
.page .full .demi h4,
.page .full .demi b,
.page .full .demi strong{
color:white !important;
}
.page .full.squarlink::before{
content:'';
border-left:1px solid white;
position:absolute;
height:calc(100% - 120px);
width:1px;
left:50%;
}

.page .txt.complet{
width:100%;
max-width:1280px;
box-sizing:border-box;
text-align:left;
direction: ltr;
margin:auto!important;
padding:60px 7%;
position:relative;
}
#corps .page .txt.complet.article *{color:inherit;}
#corps .page .txt.complet.article h1{color:var(--bleu);}

.imgBlocText{
position:relative;
width:100%; 
}

/* complet intro */
#corps .page .txt.complet.article_intro{
/* padding:60px 0 !important; */
text-align:center !important;
}
#corps .page .txt.complet.article_intro  .img{
width:220px!important;
height:220px;
box-sizing:border-box;
display:inline-block;
vertical-align:middle;
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
position:relative;
text-align:center;
margin-right:30px;
}
#corps .page .txt.complet.article_intro .offset{
float:none !important;
width:calc(100% - 280px) !important;
box-sizing:border-box;
display:inline-block !important;
vertical-align:middle;
text-align:left;
}
#corps .page .txt.complet.article_intro h2{
font-family:'outfit',arial; 
font-weight:600;
font-size:2.8em;   
}

/* complet simple */
#corps .txt.complet .img{
width:240px;
height:240px;
box-sizing:border-box;
display:inline-block;
vertical-align:middle;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
position:relative;
text-align:center;
}
#corps .txt.complet .img img{
display:none;
}
#corps .page .txt.complet .bloc{
width:calc(100% - 320px);
display:inline-block; 
vertical-align:middle;
position:relative;
margin-left:40px;
}


.page .txt.Contact{
box-sizing:border-box;
position:relative !important;
padding:50px !important;
width:100%;
margin:auto;
background:var(--grisclair)
}
.page .txt.Contact h5 a{
background:var(--noir) !important;
color:white !important;
}

.page .txt.complet .img{
margin-bottom:0;
display:none;
}

.txt .elem{
vertical-align:top;
display:inline-block;
width:100%;
}


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

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

#corps .txt.complet *{
color:white;  
}
#corps .txt.article_intro *{
color:var(--bleu); 
}
#corps .txt.article_intro::after{
content:'';
display:block;
position:absolute;
left:0;
background: linear-gradient(to right, #fff 0%, var(--vertc) 50%, #fff 100%);
width:100%;
height:2px; 
bottom:0;
}

#corps .txt.complet h5 a{
background:#EECF7D;
color:var(--rouge);  
}
#corps .txt.complet h5 a:hover{
background:var(--ecru);
}
#corps .noBackground h5 a{
background:var(--rouge)!important;
color:var(--ecru)!important;   
}
#corps .noBackground h5 a:hover{
background:black!important;
}

/*
#corps .txt.complet .offset,
#corps .txt.droite .offset,
#corps .txt.gauche .offset,
#corps .txt.article_intro .bloc{
width:calc(50% - 60px);
margin-left:30px!important;
margin-right:30px!important;
box-sizing:border-box;
display:inline-block;
vertical-align:middle;
direction: ltr; 
position:relative;
padding:60px 0;
} 
#corps .txt.article_intro .bloc{
width:calc(60% - 60px);
}


#corps .txt.droite .offset{
margin-left:0;
margin-right:30px;    
vertical-align:middle;
}
#corps .txt.article_intro .img,
#corps .txt.article.droite .img,
#corps .txt.article.gauche .img{
top:0;
height:100%;
width:50%;
position:absolute;
background-position:center center;
background-repeat:no-repeat;
display:inline-block;
vertical-align:middle;
background-size:cover;
vertical-align:middle;
}
#corps .txt.article_intro .img{
left:0; 
width:40%;
border-radius:0 1000px 1000px 0;
}
#corps .txt.article.droite .img{
left:50%; 
width:50%;
}
#corps .txt.article.gauche .offset{
left:50%; 
width:45%;
}
#corps .txt.article_intro .img img,
#corps .txt.article.gauche .img img,
#corps .txt.article.droite .img img{
opacity:0;
display:none;
}
*/
#corps .txt.droite{
direction: rtl;  
}
.demi{
width:42% !important;
margin:1.5% 2.5%;
box-sizing:border-box;
display:inline-block;
text-align:left !important;
}
.tiers{
z-index:1;
position:relative;
width:calc(33% - 100px) !important;
margin:50px;
box-sizing:border-box;
display:inline-block;
text-align:left;
}
.quart{
z-index:1;
position:relative;
width:calc(22% - 25px)!important;
margin:15px;
box-sizing:border-box;
display:inline-block;
text-align:left;
}
.cinquieme{
z-index:1;
position:relative;
width:calc(17% - 25px)!important;
margin:15px;
box-sizing:border-box;
display:inline-block;
text-align:left;
}

.demi,
.tiers,
.quart,
.cinquieme{
vertical-align:top;
}

.squarelinks{
max-width:1280px;
margin:60px auto;
}

.tiers,
.tiers p,
.quart,
.quart p,
.cinquieme,
.cinquieme p{
text-align:center;
transition:all ease 1s
}
.squarelinks .tiers:hover{
transform: translateY(-24px); 
}
.squarelinks .tiers:hover h5 a{
background:var(--vert);
color:white;
padding:8px 24px; 
}

.squarelinks .picto{
text-align:center;
margin-bottom:10px;
}
.squarelinks .picto img{
display:block!important;
height:150px;
width:auto;
margin:auto;
}


.demi .img,
.tiers .img,
.quart .img,
.cinquieme .img{
left: 50%;
transform: translateX(-50%);
margin-bottom:15px;
border:3px solid var(--rouge);
}


.page .demi .img,
.page .tiers .img,
.page .quart .img,
.page .cinquieme .img{
position:relative;
height:280px;
width:100%;
margin-bottom:15px;
transition:all ease 1.5s;
text-align:center;
overflow:hidden;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
.page .quart .img{
height:240px;
}
.page .cinquieme .img{
height:200px;
}

.picto .img{
background-size:contain !important;
height:200px !important;
}
.tinyPicto .img{
background-size:contain !important;
height:48px !important;
}
.squarlink.part .tiers .img{
background-size:contain;
}
.page .demi img,
.page .tiers img,
.page .quart img,
.page .cinquieme img{
display:none;
}

.page .matomoConsent{
width:100%;
border:none;
background:#463f3f17;
height:auto;
border-radius:var(--myradius);
}

.demi .img img,
.tiers .img img{
height:100%;
width:auto;
}

.galerie{
width:80%;
margin:5px 10% 30px 10%;
text-align:center;
}

.galerie .galimg{
height:160px;
width:30%;
margin:10px;
transition:all ease-in 0.2s;
display:inline-block;
vertical-align:top;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
cursor:pointer;
position:relative;
box-sizing: border-box;
border-radius:var(--myradius);
}
.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:100%;
height:100%;
margin:0%;
}


.cnil input{
float:left;
margin-right:5px;
}
.cnil p,
.cnil strong{
font-size:1.5rem;
}

#formulaire{
width:100%;
max-width:640px; 
margin:auto; 
border-collapse:collapse;
/* margin-bottom:30px; */
text-align:center;
}
#formulaire input,
#formulaire textarea,
#formulaire select{
width:100%;
box-sizing:border-box; 
margin-bottom:8px;
border-radius:16px;
font-weight:500;
display:inline-block;
vertical-align:top;
position:relative;
font-size:1.2em;
border:none;
padding:6px 16px!important;
cursor:pointer;
}
#formulaire textarea{
padding:16px!important;   
}
#formulaire input::placeholder,
#formulaire textarea::placeholder{
font-style:italic; 
text-transform:none;
color:var(--gris);
font-weight:300;
}
#formulaire .midForm input{
width:calc(50% - 5px);
left:0; 
}
#formulaire .midForm input:first-child{
margin-right:6px; 
}
#formulaire textarea{
height:150px;
resize: vertical;
}
#formulaire input.radio{
width:auto;
margin-right:5px;
margin-left:20px;
padding:0;
}
#formulaire .date_radio{
text-align:left;
}
#formulaire input:hover,
#formulaire textarea:hover,
#formulaire input:hover::placeholder,
#formulaire textarea:hover::placeholder,
#formulaire input:focus,
#formulaire textarea:focus,
#formulaire input:focus::placeholder,
#formulaire textarea:focus::placeholder{
background:var(--vertc);
/* color:white; */
}
#formulaire input[type="submit"]{
font-size:1.4em;
width:auto;
right:0;
cursor:pointer;
padding:8px 24px!important;
background:white;
color:white;
border:none;
margin-bottom:20px;
transition:all ease-in 0.3s;
background:var(--bleu);
}
#formulaire input[type="submit"]:hover{
background:var(--vert);
color:white;
}
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:var(--myradius);
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 p.consent input{
float:left;
width:auto;
height:auto;
height:10;
line-height:auto;
padding:0;
margin:3px 3px 0 0;
}
.cnil{
width:100%;
margin:auto;
}
#formulaire .cnil input{
width:auto;
display:inline-block;
float:left;
padding:0;
margin:0 4px 0 0; 
}

.file,
.diaporama{
box-sizing:border-box;
width:100%;
max-width:1280px;
padding:0 30px;
display:inline-block;
text-align:center;
margin:15px auto;
}
.demi .file,
.demi .diaporama,
.tiers .file,
.tiers .diaporama{
margin:0 0 30px 0;
}

.forced_col .file,
.demi .file,
.tiers .file{
text-align:left;
}

.download{
margin:30px;
display:inline-block;
margin: 0 6px;
vertical-align:top;
}
.forced_col .download,
.demi .download,
.tiers .download{
display:block;
margin:0 0 10px 0;
}

.download a{
color:white;
display:inline-block;
text-decoration:none;
padding:6px 8px 6px 32px;
margin-bottom:3px;
text-transform:normal;;
font-size:1.1em;
font-weight:500;
transition:all ease 0.2s;
background-color:var(--rouge);
background-image:url(/images/downloadW.png?);
background-repeat:no-repeat;
background-position:10px center;
background-size:16px 16px;
border-radius:4px;
}
.download a:hover{
background-color:var(--text);
}
.diap{
display:inline-block;
vertical-align:top;
width:160px;
height:160px;
margin: 6px;
transition:all ease 0.32s;
}
.diap img{
width:100%;
height:auto;
/* border-radius:30px 0; */
display:block;
border-radius:10px;
}
.diap:hover{
opacity:0.75;
transform:scale(1.05);
}



#Pied{
width:100%;
/* max-width:1280px; */
text-align:center;
/* margin:30px 0 0px 0; */
margin:auto!important;
position:relative;
background:var(--bleu);
text-align:center;
}
#Pied .full{
}
#Pied .full .img{
height:320px; 
background-size:cover;
background-position:center;
}
#Pied .full .img img{
display:none; 
}

#Pied *{
color:white; 
text-decoration:none;
}
#Pied .links,
#Pied .infos{
display:inline-block; 
vertical-align:top;
width:auto;
margin:auto;
}
#Pied .infos{
box-sizing:border-box;
text-align:left !important; 
position:relative;
margin:15px auto 0 auto;
max-width:1360px;
}
#Pied .infos .logo{
display:inline-block;
vertical-align:top;
width:150px; 
height:auto;
margin-right:30px;
}
#Pied .infos .bloc{
display:inline-block;
vertical-align:top;
position:relative;
}
#Pied .infos .bloc.demi,
#Pied .infos .bloc.quart{
margin:30px!important;
}
#Pied .infos .bloc::after{
content:'';
display:block;
position:absolute;
top:0;
right:-30px;
width:2px;
height:100%;
background: linear-gradient(to top, var(--bleu) 10%, #ffffff 50%, var(--bleu));
}
#Pied .infos .bloc:last-child::after{
content:none; 
}

#Pied .infos .bloc .obj{
width:25%;
display:inline-block;
vertical-align:middle;
margin-right:30px;
}

#Pied .infos .bloc .texte{
width:calc(70% - 30px);
display:inline-block; 
vertical-align:middle;
}

@media screen and (max-width: 1080px){
#Pied .infos .bloc.demi,
#Pied .infos .bloc.quart{
margin:15px!important;
}
#Pied .infos .bloc::after{
content:'';
display:block;
position:absolute;
top:0;
right:-5px;
width:2px;
height:100%;
background: linear-gradient(to top, var(--bleu) 10%, #ffffff 50%, var(--bleu));
}
}

#Pied ul{
list-style-type:none;
padding-left:0; 
}
#Pied ul a{
font-weight:500; 
font-size:.9em;
line-height:1em;
padding:5px;
display:block;
transition:all ease 0.3s;
text-transform:uppercase;
}
#Pied p a{
font-weight:500; 
font-size:.9em; 
}
#Pied a:hover{
color:var(--jaune);
text-decoration:underline;
}
#social2{
width:100%;
display:inline-block; 
}
#social2 a{
height:40px;
width:40px; 
display:inline-block; 
margin:0 5px;
}
#social2 strong{
font-size:1.1em!important;
font-weight:700; 
margin-bottom:5px;
display:inline-block; 
}
#social2 svg{
height:40px;
width:40px; 
transition:all ease 0.3s;
}
#social2 svg .color{
fill:white;    
}
#social2 svg:hover{
 transform:scale(1.1);
}

#backToTop{
position:fixed;
bottom:16px;
right:16px;
width:36px;
height:36px;
z-index:999;
}
#backToTop svg{
border-radius:4em; 
background:var(--vert);
border:2px solid var(--vert); 
box-shadow:0px 0px 20px rgba(0,0,0,0.3)  
}
#backToTop svg .color{
fill:#ffffff;
}

#Pied .logoPied{
width:280px !important;
margin:auto;
margin-bottom:30px;
}
#Pied .rendez-vous{
display:inline-block;
vertical-align:top;
margin:0 30px;
}
.mentions{margin-top:30px;padding-bottom:30px;text-align:center;}
.mentions a{color:inherit;font-size:inherit;font-weight:inherit;}
.mentions a:hover{color:var(--rouge);}


/* RESPONSIV */

#MenuSmartphone,
#smartinfos{display:none;}


@media screen and (max-width: 1280px) {
.certifs{width:220px;}
.certifs img,.certifsPied img{height:56px;margin-right:20px;margin-bottom:10px;}
}

@media screen and (max-width: 1080px) {
.certifsPied{
position:relative;
z-index:999;
top:0px;
right:0px; /*as margin 30px elem*/
display:block;
margin-bottom:20px;
}
}

@media screen and (max-width: 960px) {
#corps .blogArticleComplet{
margin-top:55px;
display:block;
}
#corps .blogArticle h1{
margin:0 auto 15px auto !important;
}

.blogChapeau{
position:relative;
background:var(--page_grey);
width:100%;
display:inline-block;
padding:30px;
/* border-radius:0 30px 0 30px; */
text-align:left;
margin-bottom:30px;
box-sizing:border-box;
}
.blogChapeauTexte{
position:relative;
top:0;
transform:none;
width:100%;
left:0;
}

.blogChapeau .img{
width:100%;
height:auto;
float:left;
margin:0 30px 0 0;
padding:0;
overflow:hidden;
}
.blogChapeau .img img{
height:auto;
width:100%;
margin:0;
padding:0;
/* border-radius:0 20px 0 20px; */
}
.blogChapeau h4{
font-size:2em !important;
font-weight:600 !important;
}
#corps .blogChapeau h2{
font-size:2.6em !important;
color:white !important;
margin-bottom:10px;
}
.blogChapeau p{
color:white;
font-size:1.4em;
}
.blogArticle{
width:90%;
margin:20px auto 0 auto;
}

.tiers{
z-index:1;
position:relative;
width:85% !important;
margin:0 auto 30px auto;
box-sizing:border-box;
display:inline-block;
text-align:left;
}
.liste-biens.complet.fond .preview{
width:100% !important;
margin:0 0 30px 0;
}
.liste-biens.complet.fond .preview:last-child{
margin-bottom:0;
}

}




@media screen and (max-width: 860px) {
.smart{display:block}
.ordi,
#menu,
#MenuSmart{
display:none !important;
}
.certifs,
#social{
display:none !important;
}

#corps .pointsForts .tiers::after,
#Pied .infos .bloc::after{
content:none;
display:none;   
}

    
#slideshow{ height:380px;border-radius:0;}
.formulaireResa .nbp div{margin-top:10px;}
.entete .iconSmart{
z-index:1;
position:absolute;
top:0;
right:50%;
transform:translatex(50%);
width:45px;
height:45px;
z-index:999;
display:block;
cursor:pointer;
transition: all ease 0.3s;
background:var(--jaune);
border-radius: 0 0 8px 8px;
}
.entete .iconSmart:hover{
background:var(--bleu);
}
#espaceClient:hover{
padding:0 40px 0 20px!important;
}
.full{
width:100%;
box-sizing:border-box;
/* padding:30px; */
}

 #corps .pointsForts{
padding:20px 0 20px 0;
}
.pointsForts .cinquieme{
width:35%!important; 
}
 
/* REVIEWS */
#temoignages{padding:20px;}
.temoignages{width:100%;}
.temoignage h6{font-size:1em;text-align:center!important;}
.temoignage p{font-size:1em;text-align:center!important;}

/*DEMI CHAP*/
.page .full.squarlink{margin:0 !important;width:100% !important;}
.page .full.squarlink .demi{margin:0;}
.page .full.squarlink::before{display:none;}

.page .txt.Contact{
padding:15px !important;
}

.wall{
display:block;
margin:30px 0 0 0;
}
.wall .demi{
margin-bottom:40px !important;
}
.wall .demi h5{
text-align:center;
position:relative;
top:0;
left:0;
transform:none;
display:inline-block;
}

 .page .txt.complet{
padding:30px 15px !important;
}
.page .complet.fond{
padding:30px 15px !important;
}

#entete.reduce .logo{
width:70px!important;
height:70px;
top:5px;
}

#entete.reduce #SmartMenu{
top:80px;
}

    
#SmartMenu{
background:#fffffff2;
top:120px;
position:fixed;
z-index:990;
width:100%;
box-shadow:0 20px 20px rgba(0,0,0,0.25);
border-top:1px solid var(--bleu);
display:none;
transition:all ease .5s;
}
#SmartMenu ul{
padding:0;
margin:0;
}
#SmartMenu ul li{
list-style-type:none;
margin:0;
line-height:1em;
text-align:center;
transition:all ease 0.2s;
}
#SmartMenu ul li{
border-bottom:1px solid var(--bleu);
}
#SmartMenu ul li ul li:last-child{
}
#SmartMenu ul li ul li a{
font-size:15zpx;
line-height:28px;
text-decoration:none;
font-weight:600;
color:white;
text-transform:none;
border:none;
}
#SmartMenu ul li a{
font-size:17px;
line-height:60px;
text-decoration:none;
font-weight:600;
color:var(--bleu);
text-transform:uppercase;
/*  */
/*border-top:1px solid white;*/
}
#SmartMenu ul li:hover a,
#SmartMenu ul li a:hover{
color:var(--orange);
}
#SmartMenu ul li:hover{
background:#eee;  
}

#slidenintro .text,
#missionmap .text {
width: 100%!important;
padding: 30px;
}
#entete .logo {
width:100px!important;
height:100px;
padding:0;
left:10px;
top:10px;
border-radius:0;
background:none;
}
#corps .txt.complet .img,
#corps .txt.complet .imgStd,
#corps .txt.droite .img,
#corps .txt.gauche .img,
#corps .txt.droite .imgStd,
#corps .txt.gauche .imgStd{
top:0px;
left:0px;
width:auto;
opacity:1;
background:none;
clip-path:none;
position:relative;
margin-bottom:0px;
display:block;
}
#corps .txt.complet .img img,
#corps .txt.complet .imgStd img,
#corps .txt.droite .img img,
#corps .txt.gauche .img img,
#corps .txt.droite .imgStd img,
#corps .txt.gauche .imgStd img
.page .txt.complet.ads{
width:100%;
display:block;
}
 
.article_pop .bloc,
.article_intro .bloc{
width:100%!important;
padding:30px;
margin:0;
border-radius: 0;
}

#Pied ul li{
text-align:center;
}
    
.fromLeft{
animation:none;
left:0;
}
.fromRight{
animation:none;
right:0;
}

.demi,
.tiers,
.quart,
.squarelink{
width:calc(100% - 60px)!important;
padding:0 !important;
display:block !important;
}
.txt.demi.actu{
padding:40px 0 0 0!important;    
}
.slickActu .text{
padding:20px;
height:auto;
box-sizing:border-box; 
}    
.page .demi .img,
.page .tiers .img,
.page .quart .img,
.page .cinquieme .img{margin-bottom:10px;}
.page,
.offset,
.page .txt.complet{
width:100% !important;
margin:0 !important;
text-align:left !important;
}
#corps .txt.complet .offset,
#corps .txt.droite .offset,
#corps .txt.gauche .offset{
width:100%;
margin-left:0px!important;
margin-right:0px!important;
margin-bottom:0px;
} 
.page .txt.complet{
padding:30px !important;
}
.page .txt.complet.bandeauAdr{
padding:0 10px !important;
box-sizing:border-box;
position:relative;
}
#corps .txt.droite .offset{
margin-left:0;
margin-right:30px;    
vertical-align:middle;
}
#corps .txt.article_intro .img,
#corps .txt.article.droite .img,
#corps .txt.article.gauche .img{
top:0;
height:auto;
width:100%;
position:relative;
background:none;
vertical-align:middle;
display:block;
}
#corps .txt.article_intro .img{
left:00%; 
width:100%;border-radius:16px;

}
#corps .txt.article.droite .img{
left:00%; 
width:100%;
}
#corps .txt.article.gauche .offset{
left:00%; 
width:100%;
}

.txt.complet.bandeauAdr{
width:100%;
padding:0; 
}
.txt.complet.bandeauAdr *{
line-height:30px;
display:inline-block;
vertical-align:top;
color:white;
}
.txt.complet.bandeauAdr .bloctxt{
/* background:red; */
position:relative;
box-sizing:border-box;
font-size:80%;
width:100%!important;
}
.txt.complet.bandeauAdr .bloctxt p{
max-width:320px;
line-height:1.1em; 
height:auto!important;
position:relative;
padding:2px 0 0 10px;
}
.txt .blocTxt{
margin-bottom:15px; 
left:0!important;
}
 
.txt.complet.bandeauAdr .bloctxt h5 a{
position:absolute;
right:0;
}
#Pied .blocPied{width:80%;margin:0 auto 30px auto;text-align:center!important; }
#Pied .blocPied *{text-align:center;}
#Pied .blocPied img{width:240px;}
.page .squarlink{
width:100% !important;
padding:30px;
margin:auto;
}
.txt{
width:100%;
margin:0;
display:block;
}
.full .imgStd{
width:100%;
}
.blocTxt{
width:100%!important;
display:inline-block;
vertical-align:middle; 
box-sizing:border-box;
direction:ltr;
margin:0px;
}
#corps .full .demi{
width:100% !important;
margin:0 0 30px 0 !important;
}
.home .squarelinks{
margin-top:30px !important;
}
#corps .page .txt .img.big,
#corps .page .txt .img.big img{
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;
}
#corps .actuDetails.txt.complet.fullEntete h1{
top:40%;
}
.txt h1{
font-size:2.6em !important;
}
.txt h2{
margin:15px 0 !important;
}
.txt h3{
margin:10px 0 !important;
}
.txt h4{
}


#formulaire{width:90%;margin:30px auto}
#formulaire p{text-align:left;}
#formulaire td {text-align:left;}
.cnil p,.cnil strong{font-size:12px !important;}
.cnil{width:100%;margin-bottom:1px;}

#corps .txt.complet .img {
width: 100%;
max-height:280px;
overflow:hidden;
float: none;
margin: 0 0 0 0!important;
box-sizing: border-box;
}
.page .txt.complet.ads{
width:100%;
max-width:90%;
background:none;
text-align:center!important;
margin:15px auto!important;
}
#corps .txt.complet .offset,
#corps .txt.droite .offset,
#corps .txt.gauche .offset,
#corps .txt.article_intro .bloc{
width:100%!important;
margin:15px 0!important;
margin-left:0!important;
margin-right:0!important;
box-sizing:border-box;
/* background:blue; */
display:inline-block;
vertical-align:middle;
direction: ltr; 
position:relative;
padding:0;
}

#corps .page .txt.complet.article_intro  .img{
width:100%;
}
#corps .page .txt.complet.article_intro  .img img{
display:none;    
}
#corps .page .txt.complet.article_intro .offset{
width:100% !important;
}
    
#corps .txt.article_intro .bloc{
width:100%;
}
#corps .txt.article_intro .img img,
#corps .txt.article.gauche .img img,
#corps .txt.article.droite .img img{
opacity:1!important;
display:block;
border-radius:16px;
}
/* #corps .txt.article_intro .img,
#corps .txt.article.gauche .img,
#corps .txt.article.droite .img{
background:none!important; 
} */
#corps .txt.article_intro.complet.fullEntete{
padding:0!important;
margin:0!important; 
height:280px!important; 
}
#corps .txt.article_intro.complet.fullEntete .img img{
opacity:0!important;
display:none;
} 
#corps .txt.article_intro.complet.fullEntete .img{
left:0!important;
width:100%!important;
height:100%;
border-radius:0!important;
background-size:cover;
background-position:center;
} 

#corps .addBigMargin{margin:0px auto!important}
 
#newsletter,
#corps .txt.gauche,
#corps .txt.droite,
#corps .txt.complet{
margin-bottom:15px;
position:relative;
}

#corps .page .txt.complet .bloc {
    width: 100%;
    margin-left: 0px;
}
    
#corps .txt.droite,
#corps .txt.gauche{
padding:15px;
border-radius:0;
}
#corps .txt.demi,
#corps .txt.tiers,
#corps .txt.quart,
#corps .txt.cinquieme{
width:100% !important;
margin:0%;
padding-top:10px;
margin-bottom:20px;
}


.galerie .galimg{width:42.5%;}
#carousel_box{
width:100%;
}
.actualite .img{
height:280px;
}



#corps .full.wallArticles{padding:0px; }
#corps .full.wallArticles .wall{display:block;width:100%;}
 
#corps .full.wallArticles .wall .halfWidth{width:100%; padding:30px;}
#corps .full.wallArticles .wall .fullWidth{width:100%; padding:30px;}
#corps .full.wallArticles .wall .imgWall{
top:0;
left:0;
width:100%;
height:350px;
position:relative;
display:inline-block;
direction:ltr;
}
#corps .full.wallArticles .wall .slideshow{
 top:0;
 width:100%;
 height:350px;
 position:relative;
float:left;
}
    
/* .smartRightImg{display:block;}
.deskRightImg{display:none;} */
 
#corps .full.wallArticles .wall.gauche,
#corps .full.wallArticles .wall.droite{
padding:0; 
}
#corps .full.wallArticles .wall.droite{
direction:ltr!important; 
}
.dataApi::before,
.dataApi::after{
display:none;
}
#corps .full.faq{
background:var(--grisclair);
padding:15px!important; 
}
#corps .full.faq .item span{
font-size:1.1em;
line-height:1.1em;
min-height:25px;
align-content:center;
}   
#corps .full.faq .item .accordionDetails{
font-size:.9em;    
} 
#Pied .infos{margin-right:0;} 
#corps .chiffres{
background:white;
padding:20px;
position:relative;
}
#corps .chiffres .squarelinks{margin-top:0!important}
#corps .chiffres .tiers{margin:20px;width:40%!important;display:inline-block!important;}
    
#corps .pointsForts .tiers{margin-bottom:30px;}
.squarelinks .tiers:hover{
transform: translateY(0); 
}
#corps .pointsForts:after{content:none;}
.bandeauPicto{display:none;}

}


@media screen and (max-width: 640px) {
#social{display:none;}
#social2{
display:block;
/* z-index:999; */
/* position:fixed; */
/* right:50%; */
/* transform: translateX(50%); */
/* background:white; */
/* width:95%; */
margin:auto;
height:30px;
/* border-radius:20px 20px 0 0px; */
text-align:center;
padding:8px 0;
 margin:20px 0;
/* box-shadow:0 -2px 3px rgba(0,0,0,0.2); */
/* bottom:0; */
}
#social2 img{
height:33px;
width:auto;
transition:all ease 0.3s;
display:inline-block;
margin:0 2px;
}
.breadcrumb{margin-bottom:20px;}

.article_intro .bloc{
width:100%!important;
}
#corps .page .txt.complet.intro .offset{
width:100% !important;
}
#corps .formApee .midForm,
#corps .formApee .fullForm,
#corps .formApee .fullFormSel{
margin:0; 
padding:0; 
width:100% !important; 
}
#corps .formApee .midForm input,
#corps .formApee .midForm select,
#corps .formApee .fullForm input,
#corps .formApee .fullForm select,
#corps .formApee .fullFormSel select{
width:100%; 
margin:0 0 5px 0; 
}
#corps .formApee .midForm select,
#corps .formApee .midForm input{
float:none; 
}
#corps .formApee select,
#corps .formApee input,
#corps .formApee textarea{
margin-bottom:5px;   
}
#corps .formApee input.Btn{
margin-top:0px!important;    
}
}