*{
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:80px;
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;} */

#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 .noBackground h2{color:black!important;margin-bottom:0!important;}
#corps .noBackground h2 em{color:var(--rouge)!important}

.article_intro h1{
font-size:4em;
font-weight:800;
font-style:italic; 
text-transform:none;
line-height:1em;
}

h2.entRef span{
display:inline-block;
font-size:inherit;    
font-weight:inherit;    
vertical-align:middle; 
}
h2.entRef img{
margin-right:12px;
display:inline-block;
vertical-align:middle; 
}

.orangeLinks{
top:-48px;
z-index:9999;
text-align:right;
position:absolute;
right:0;
}
.orangeLinks h5{
display:inline-block; 
}
.orangeLinks h5 a{
background:white;
color:var(--text);
font-size:15px !important;
text-transform:normal !important; 
border-radius:16px;
padding:4px 16px;
margin:8px;
}
.orangeLinks h5 a:hover{
background:var(--text);
color:white; 
}
#corps .picto .img{
width:150px!important; 
height:150px!important; 
}
#corps .picto *{
line-height:1.2em; 
}

.page .greyBkg .img{

}


.antennesSlick{
padding:30px;
background:var(--gris);
box-sizing:border-box;
width:100%;
}
.antennes{
max-width:1280px;
box-sizing:border-box;
margin:auto;
}
.antenne{
background:white;
margin:0 20px;
padding:20px;
text-align:left; 
}
.antenne .img{
background-size:cover;
background-position:center center;
/* background:red; */
height:180px;
margin-bottom:5px;
}
.antenne .oeil{
float:right;
transition:all ease .5s;
}

#filterExpertsAntenne{
margin:20px 0;
border-radius:32px;
border:1px solid var(--text);
height:28px;
box-sizing:border-box; 
padding:2px 16px;
text-align:left!important;
font-weight: 600;
}

.actualite{
max-width:800px;
margin:auto; 
}
.actualite .img{
height:380px;
background-size:cover;
background-position:center center;
border-radius:16px; 
}
.actualite .actu_details{
box-sizing:border-box;
padding:30px; 
position:relative;
}
.actu_details .date{
background:var(--orange);
padding:2px 8px;
color:white;
margin-bottom:5px;
display:inline-block; 
}
.actu_details h2{
font-weight:700;
font-size:2em; 
}
.actu_details .resume *{
font-size:1.4em;
font-weight:800;
}
.actu_details .resume{
margin-bottom:10px; 
}
h5.retActu{
text-align:center;
margin:50px 0; 
}

.yellowBackground{
background-image:url(/images/AdobeStock_422314818_Preview2.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
padding:30px 0;
text-align:center;
}
.redBackground{
background-image:url(/images/AdobeStock_1515211163_Preview2.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
padding:30px 0;
text-align:center;
}
.alaune img,
.partagez img{
max-width:280px; 
}
.partagez img{
max-width:560px; 
padding:0 30px;
}

.alaune .actu{
border-radius:10px; 
}
.partagez{
padding:30px 0;
}


.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;
/* margin-bottom:10px; */
/* box-shadow:0 5px 50px 50px #F1ECE6 */
}
#entete .entete{
max-width:1280px!important; 
display:block;
position:relative;
height:80px;
margin:auto;
transition:all ease 0.5s;
}

#entete .logo{
width:220px;
height:100%;
z-index:999;
cursor:pointer;
transition:all ease 0.5s;
position:absolute;
box-sizing:border-box;
left:30px;
}
#entete .logo img{
width:auto;
height:70px;
margin-top:5px;
transition:all ease 0.5s;
}
#entete.reduce .logo{
width:180px !important;
height:80px;
}
#entete.reduce .entete{
/* height:90px; */
}
.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.complet{background:var(--jaune);}
.txt.droite,.txt.gauche{background:var(--parm);} 
#corps .offset{
display:inline-block;    
width:50%;
}

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

.agendaEntry{
margin-top:15px; 
padding-top:5px;
border-top:1px solid var(--text);
}
.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; */
}
.wall{
max-width:1280px;
margin:auto;
text-align:center;
}

.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: rtl;
margin:auto!important;
}
.page .txt.complet.ads{
width:80%;
max-width:80%;
background:none;
text-align:center!important;
margin:60px auto!important;
}
.txt.complet.ads .imgStd{
width:80%;
}
.txt.article_intro.complet.fullEntete{
width:100%!important;
max-width:100%!important; 
display:block!important;
height:350px!important;
}
#corps .p695 .txt.article_intro.complet.fullEntete:before{
content:'';
width:280px;
height:160px;
position:absolute;
top:50%;
left:33%;
transform:translate(-50%, -50%);
background-image:url(/images/a-la-une-title.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
z-index:1;
transition:all ease 0.5s;
}
@media screen and (max-width: 1080px) {
 #corps .p695 .txt.article_intro.complet.fullEntete:before{left:25%;}
}
@media screen and (max-width: 860px) {
 #corps .p695 .txt.article_intro.complet.fullEntete:before{width:150px;height:160px;left:80%;}
}
#corps .txt.article_intro.complet.fullEntete .img{
left:0!important;;
width:100%!important;
border-radius:0!important;
}
#corps .actuDetails.txt.complet.fullEntete{
width:100%!important;
max-width:100%!important; 
display:block!important;
height:180px!important;
background-color:var(--jaune);
background-image:url(/images/virgule-jaune.svg);
background-size:auto 80%;
background-position:center;
background-repeat:no-repeat;
text-align:center;
margin-bottom:30px!important;
position:relative;
}
#corps .actuDetails.txt.complet.fullEntete h1{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%); 
font-size:2.4em;
line-height:1em;
color:var(--text);
font-weight:800;
width:90%;
text-align:center;
}
#corps .actuDetails.txt.complet.fullEntete h5{
position:absolute; 
top:50%;
left:50%;
transform:translate(-50%,-50%); 
}
#corps .actuDetails.txt.complet.fullEntete h5 a{
background:var(--rouge);
color:white; 
}
#corps .actuDetails.txt.complet.fullEntete h5 a:hover{
background:var(--text);
}

.page .txt.complet.intro{
/* padding:60px 0 !important; */
text-align:center !important;
}
.page .txt.complet.intro .img{
max-width:320px !important;
height:320px;
box-sizing:border-box;
/* background-color:blue !important; */
background-size:contain !important;
background-repeat:no-repeat !important;
background-position:center !important;
display:inline-block !important;
margin:0;
}
#corps .page .txt.complet.intro .offset{
float:none !important;
width:calc(100% - 350px) !important;
max-width:800px !important;
box-sizing:border-box;
/* background-color:red; */
display:inline-block !important;
vertical-align:middle;
text-align:left;
}


.page .txt.Contact{
box-sizing:border-box;
position:relative !important;
padding:60px !important;
width:80%;
margin:auto;
}
.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%;
}



/* ACTUALITES */
.actuliste{
padding:30px;
text-align:center;
background:var(--ecru);
}
.actu{
width:280px;
margin:20px;
padding:15px;
box-sizing:border-box;
display:inline-block;
vertical-align:top;
text-align:left;
transition:all ease 0.5s;
position:relative;
cursor:pointer;
background:#fff;  
}
.actuElem{
max-width:280px;
margin:15px;
padding:15px;
box-sizing:border-box;
display:inline-grid;
vertical-align:top;
text-align:left;
transition:all ease 0.5s;
position:relative;
background:var(--jaune);
cursor:pointer;
border-radius:16px; 
}
@media screen and (max-width: 860px) {
.actu, .actuElem{width:90%;box-sizing:border-box;margin:10px 0}
.grandsaxes{width:90%!important;margin:15px auto!important;}
}
.actuElem h2{
font-size:1.8em;
margin-bottom:5px!important; 
}
.actu:hover{
transform:scale(1.025);
}
.actu .imgActu{
width:calc(100% + 30px);
height:180px !important;
position:relative;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
margin:0 !important;
padding:0 !important;
left:-15px;
top:-15px;
box-sizing:border-box;
border:3px solid var(--rouge);
}
.actu .date{
/* background:var(--orange); */
padding:2px 8px;
color:white;
margin-bottom:5px;
display:inline-block; 
}

.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.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 .img{
width:calc(50% - 30px);
box-sizing:border-box;
display:inline-block;
vertical-align:middle;
background-position:center center;
background-repeat:no-repeat;
position:relative;
text-align:center;
}
#corps .txt.complet .img img{
/* max-height:400px; */
}
#corps .txt.complet.ads .img{
width:100%;
background:none!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;
/* background:blue; */
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:44% !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(23% - 25px)!important;
margin:15px;
box-sizing:border-box;
display:inline-block;
text-align:left;
}
.cinquieme{
z-index:1;
position:relative;
width:calc(19% - 25px)!important;
margin:15px;
box-sizing:border-box;
display:inline-block;
text-align:left;
}

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

.home .squarelinks{
max-width:1280px;
margin:60px auto;
}
.home .tiers,
.home .tiers p,
.home .quart,
.home .quart p{
text-align:center;
transition:all ease .5s
}
.squarelinks .tiers:hover{
transform: translateY(-10px); 
}

.home .squarelinks .picto{
text-align:center;
margin-bottom:10px;
}
.home .squarelinks .picto img{
display:block!important;
height:110px;
width:auto;
margin:auto;
}
.grandsaxes{
width:80%;
max-width:1280px;
margin:60px auto;
 
}
.grandsaxes .squarelinks{
max-width:1280px;
margin:20px auto;
}
.grandsaxes .squarelinks *{
text-align:center;
}
.grandsaxes .squarelinks .demi:before,
.grandsaxes .squarelinks .tiers:before,
.grandsaxes .squarelinks .quart:before,
.grandsaxes .squarelinks .cinquieme:before{
content:'';
width:32px;
height:32px;
background-repeat:no-repeat;
background-image:url(/images/grand-axe.svg);
background-position:center;
backgorund-size:contain;
margin-bottom:10px; 
display:inline-block;
}

.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{
max-width:560px; 
margin:auto; 
padding-top:30px;
border-collapse:collapse;
}
#formulaire input,
#formulaire textarea,
#formulaire select{
width:100%;
box-sizing:border-box; 
margin-bottom:8px;
border-radius:4px;
font-weight:500;
display:inline-block;
vertical-align:top;
position:relative;
font-size:1.1em;
border:none;
padding:6px 8px!important;
}
#formulaire select{
padding:6px 4px!important;
}
#formulaire input::placeholder,
#formulaire textarea::placeholder{
font-style:italic; 
text-transform:none;
color:var(--text);
}
#formulaire .half{
width:calc(50% - 5px);
left:0; 
}
#formulaire .half:first-child{
margin-right:6px; 
}
#formulaire textarea{
height:110px;
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{
background:var(--jaune);
}
#formulaire input:focus,
#formulaire textarea:focus{
background:var(--jaune);
/* color:white; */
}
#formulaire input[type="submit"]{
width:auto;
right:0;
cursor:pointer;
padding:8px 12px!important;
background:white;
color:var(--rouge);
border:none;
margin-bottom:20px;
transition:all ease-in 0.3s;
}
#formulaire input[type="submit"]:hover{
background:var(--text);
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:50%;
margin:auto;
}

.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;
padding:30px 0 0px 0;
margin:auto!important;
position:relative;
background:var(--moutarde);
}
#Pied .blocPied{
max-width:460px;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
position:relative;
margin:20px;   
text-align:left !important; 
position:relative;
}

#Pied h5 a{
border:none;
background:white!important; 
color:var(--rouge);
font-size:1em;
margin-bottom:10px;
}
#Pied h5 a:hover{
background:#EECF7D !important;
}

#social2{
width:100%;
display:inline-block; 
margin-top:20px;
z-index:999;
}
#social2 a{
height:32px;
width:32px; 
display:inline-block; 
margin:3px;
}
#social2 strong{
font-size:1.1em!important;
font-weight:700; 
margin-bottom:5px;
display:inline-block; 
}
#social2 svg{
height:32px;
width:32px; 
transition:all ease 0.3s;
}
#social2 a svg .fill,
#social2 a #facebook path{
fill:var(--text)!important;
}
#social2 a:hover svg .fill,
#social2 a:hover #facebook path{
fill:var(--rouge)!important;
}

#backToTop{
position:fixed;
bottom:20px;
right:20px;
width:32px;
height:32px;
z-index:999;
}

#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;
}
 
#slideshow{ height:380px;border-radius:0;}

.entete .iconSmart{
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;
}

.full{
width:100%;
box-sizing:border-box;
/* padding:30px; */
}

.slick-next,
.slick-prev{display:none !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;
}


#SmartMenu{
background:#ffffffe6;
top:100px;
position:fixed;
z-index:999;
width:100%;
box-shadow:0 20px 20px rgba(0,0,0,0.25);
border-top:1px solid var(--rouge);
}
#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(--rouge);
}
#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:18px;
line-height:42px;
text-decoration:none;
font-weight:600;
color:var(--rouge);
/* text-transform:uppercase; */
/*border-top:1px solid white;*/
}
#SmartMenu ul li a:hover{
color:var(--text);
}

#entete{
height:105px;
}
#entete .logo {
width:190px!important;
position:relative !important;
top:0px !important;
left:10px;
height:80px;
text-align:left;
background-position:center left;
}
#entete .logo img{
height:80px;
}

#corps{
padding-top:105px;
margin-top:0px;
}
#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;
}
    
.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 0 auto;}
#formulaire p{text-align:left;}
#formulaire td {text-align:left;}
.cnil p,.cnil strong{font-size:12px !important;}
.cnil{width:80%;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 .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;
}

#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:calc(100% + 60px);
margin-left:-30px;
}
.actualite .img{
height:280px;
}

#retBoxAnnuaire .anElem{
padding:10px 0 10px 0;
margin:0 0 10px 0;
width:100%;
}
#retBoxAnnuaire .anElem .img{
width:80px;
height:80px; 
}
#annuaireFilters{
display:inline-block;
width:100%;
box-sizing:border-box;
margin:0px 0 10px 0; 
}
#annuaireFilters select{
margin:0;
width:90%;
margin-bottom:10px;
display:inline-block;
}
#retBoxViewDetailsAnnuaire{
display:inline-block;
width:100%;
box-sizing:border-box;    
}
#retBoxViewDetailsAnnuaire .img{
box-sizing:border-box;    
width:90%;
height:250px; 
display:inline-block;
margin:5%;
background-size:contain;
background-position:center;
background-repeat:no-repeat;
background-color:white;
border:1px solid grey;
}
#retBoxViewDetailsAnnuaire .elem{
box-sizing:border-box;    
display:inline-block;
width:100%; 
padding:0 20px 20px 20px;
margin-bottom:0px;  
}
#retBoxViewDetailsAnnuaire form{
max-width:90%;
margin:auto;    
box-sizing:border-box;
}
#retBoxViewDetailsAnnuaire .demiCol{
width:100%;
display:inline-block;   
box-sizing:border-box;  
}
#retBoxViewDetailsAnnuaire input,
#retBoxViewDetailsAnnuaire textarea{
display:inline-block;
box-sizing:border-box; 
margin:0 0 10px 0!important;
border-radius:14px;
border:1px solid var(--text);
height:28px;
padding:2px 16px;
text-align:left!important;
width:100%;
}
#retBoxViewDetailsAnnuaire textarea{
height:160px;
}
#retBoxViewDetailsAnnuaire p{
margin-bottom:10px;    
}
#retBoxViewDetailsAnnuaire .anElemDetails strong{
text-align:center;
}
}


@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;    
}
.ActuExperts .demi.expert{
background-image:url(/images/demi-expert.png);
background-size:450px auto;
background-repeat:no-repeat;
background-color:var(--gris);
background-position:bottom left; 
}
.placement{
width:75%;
margin-left:25%;
position:relative;
padding:40px;
box-sizing:border-box; 
}
}
@media screen and (max-width: 420px) {
.placement{
width:65%;
margin-left:35%;
position:relative;
padding:40px;
box-sizing:border-box; 
background:#eeeeeec7;
border-radius:64px;
}
}