:root {
    --orange:#ff7319;
    --oranget:#ff7319e0;
    --text:#274045;
    --grisclair:#e8f0f2;
    --gris:#689dab;
    --comnambules: #e85251;
    --myradius:0px;
}

*{
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);
}



.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;
padding:60px 15%;
text-align:center;
}

@media screen and (max-width: 1920px){.full{padding:60px 10%;}}
@media screen and (max-width: 1600px){.full{padding:60px 8%;}}
@media screen and (max-width: 1280px){.full{padding:60px 5%;}}


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

#corps{
margin:auto;
width:100%;
padding-top:100px;
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 !important;}
#corps .noPadding{padding:0 !important;}
#corps .marginTopOnly{margin-top:60px !important;}
#corps .center{text-align:center !important;}
#corps .full{width:100% !important;}
#corps .removeNextMarginBottom{margin-bottom:-60px!important;}

#corps .articlePop{
position:relative;
width:100%;
display:inline-block;
margin:60px 0;
text-align:center;
}

#corps .article_pop,
#corps .article_intro{
position:relative;
max-width:1280px;
display:inline-block;
margin:auto;
}
.articlePop .img{
border-radius:200px 0 0 200px;    
}


.article_pop .bloc,
.article_intro .bloc{
width:55%!important;
background:var(--oranget);
padding:30px 80px 30px 80px;
box-sizing:border-box;
position:relative;
z-index:1;
margin:30px 0;
border-radius: 0 128px 128px 0;
}
.article_intro .bloc{
width:50%!important;
}
.article_intro .bloc,
.article_pop.droite .bloc,
.article_intro.droite .bloc{
float:right;
}
.article_pop.gauche .bloc,
.article_intro.gauche .bloc{
float:left; 
}

.article_pop .img,
.article_intro .img{
width:50% !important;
height:100%!important;
display:block!important;
opacity:1!important;
position:absolute;
background-size:cover;
display:none;
}
.article_intro .img{
width:55% !important;
height:100%!important;
display:block!important;
opacity:1!important;
position:absolute;
background-size:cover;
}
.article_pop .img img,
.article_intro .img img{
display:none;
}
.article_pop.droite .img,
.article_intro.droite .img{
left:0; 
}
.article_pop.gauche .img,
.article_intro.gauche .img{
right:0; 
}

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; 
}
.actualite .actu_details{
background:var(--gris);
box-sizing:border-box;
padding:30px; 
position:relative;
}
.actualite .actu_details::after{
content:'';
display:block;
height:32px;
width:32px;
background-image:url(images/angle-orange-bottom.svg); 
background-size:cover;
position:absolute;
bottom:0;
right:0;
}

.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-weight:700;
font-size:130%; 
}
.actu_details .resume{
margin-bottom:10px; 
}
h5.retActu{
text-align:center;
margin:50px 0; 
}

/* ANNUAIRE */
#annuaireFilters{
text-align:center;
margin:60px 0 20px 0; 
}

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


#retBoxAnnuaire{
max-width:1280px;
margin:0px auto 60px auto;
}
#retBoxAnnuaire .anElem{
position:relative;
display:inline-block;
background:var(--gris);
box-sizing:border-box;
padding:20px;
margin:20px;
width:45%;
transition:all ease 0.3s;
border-left:8px solid transparent; 
border-right:8px solid transparent; 
cursor:pointer;
}

#retBoxAnnuaire .anElem:hover{
border-left:8px solid var(--orange); 
border-right:8px solid var(--orange); 
box-shadow:8px 8px 0px rgba(0,0,0,0.3); 
}

/* #retBoxAnnuaire .anElem::after{
content:'';
display:block;
height:32px;
width:32px;
background-image:url(images/angle-orange-bottom.svg); 
background-size:cover;
position:absolute;
bottom:0;
right:0;
} */

#retBoxAnnuaire .elem{
display:inline-block;
vertical-align:top;
}
#retBoxAnnuaire .anElem .img{
width:150px;
height:150px; 
display:inline-block;
margin-right:10px;
background-size:80%;
background-position:center;
background-repeat:no-repeat;
background-color:white;
}

#retBoxAnnuaire .anElem h2{
font-family:'Poppins',arial;
color:var(--orange);
font-weight:700;
font-size:1.4em;
margin-bottom:5px;
}
#corps .anElem h3{
font-weight:700;
font-family:'Poppins',arial;
color:var(--text);
font-size:1.6em;
margin-bottom:5px;

}
#retBoxAnnuaire .anElem h4{
margin-bottom:5px;
font-weight:400;
text-transform:uppercase;
font-size:1.2em; 
}
#retBoxAnnuaire .anElem p{
font-size:1.2em; 
}
#retBoxAnnuaire .anElem strong{
display:block;
font-weight:700; 
font-size:1.2em; 
}
/* #retBoxViewDetailsAnnuaire{
z-index:999; 
background:white;
max-width:960px;
min-width:320px;
min-height:500px;
position:fixed;
top:0;
}
#retBoxViewDetailsAnnuaireBackground{
background:#ea573eba;
position:fixed;
height:100%;
width:100%;
z-index:998;
top:0;
} */

#retBoxViewDetailsAnnuaire{
max-width:960px;
margin:60px auto;    
position:relative
}
#retBoxViewDetailsAnnuaire .closeElemDetails{
position:absolute;
right:0;   
}
#retBoxViewDetailsAnnuaire .img{
width:250px;
height:250px; 
display:inline-block;
margin-right:20px;
background-size:90%;
background-position:center;
background-repeat:no-repeat;
background-color:white;
border:1px solid grey;
}
#retBoxViewDetailsAnnuaire .elem{
display:inline-block;
width:calc(100% - 300px); 
vertical-align:top; 
margin-bottom:40px;  
}

#retBoxViewDetailsAnnuaire .anElemDetails h2{
font-family:'Poppins',arial;
color:var(--orange);
font-weight:400;
font-size:1.8em;
margin-bottom:0px;
}
#retBoxViewDetailsAnnuaire .anElemDetails h3{
font-weight:700;
font-family:'Poppins',arial;
color:var(--text);
font-size:2.3em;
margin-bottom:8px;
}
#retBoxViewDetailsAnnuaire .anElemDetails h4{
margin-bottom:0px;
font-weight:400;
text-transform:uppercase;
font-size:1.4em; 
}

#retBoxViewDetailsAnnuaire .anElemDetails .ville{
display:block;
font-size:1.3em;
font-weight:600; 
}
#retBoxViewDetailsAnnuaire .anElemDetails .quartier{
display:block;
font-size:1.2em; 
    
margin-bottom:10px;
}

#retBoxViewDetailsAnnuaire p{
font-size:1.2em; 
}
#retBoxViewDetailsAnnuaire .anElemDetails strong{
display:block;
font-weight:700; 
font-size:inherit; 
}
#retBoxViewDetailsAnnuaire .ficheBtn{
display:block;
margin-top:20px;    
}
#retBoxViewDetailsAnnuaire .ficheBtn h5{
display:inline;
width:auto;    
margin:0 5px;
}
#retBoxViewDetailsAnnuaire .souhait input{
width:20px;
height:20px;   
vertical-align:center;
display:inline-block; 
position:relative;
top:4px;
}
#retBoxViewDetailsAnnuaire .souhait i{
font-family:inherit;
font-size:inherit;    
font-style:inherit;    
font-weight:inherit;
color:var(--orange);    
}

#retBoxViewDetailsAnnuaire form{
max-width:80%;
margin:auto;    
box-sizing:border-box;
}
#retBoxViewDetailsAnnuaire .demiCol{
width:100%;
display:flex;   
box-sizing:border-box;  
}
#retBoxViewDetailsAnnuaire input,
#retBoxViewDetailsAnnuaire textarea{
display:inline-block;
box-sizing:border-box; 
margin:0 8px 15px 0;
border-radius:14px;
border:1px solid var(--text);
height:28px;
padding:2px 16px;
text-align:left!important;
width:100%;
}
#retBoxViewDetailsAnnuaire .demiCol input:last-child{
margin-right:0;
margin-left:8px;    
}

#retBoxViewDetailsAnnuaire textarea{
width:100%;
height:150px;
padding:6px 10px; 
margin-bottom:5px;
}
#retBoxViewDetailsAnnuaire input::placeholder,
#retBoxViewDetailsAnnuaire textarea::placeholder{
font-style:italic;   
color:#aaa
}
#retBoxViewDetailsAnnuaire .btn{
display:block;
width:auto;
margin-left:90%;
background:var(--text);
border:none;
color:white;
transition:all ease 0.3s;
cursor:pointer;
margin-top:15px;
}
#retBoxViewDetailsAnnuaire .btn:hover{
background:var(--orange);
}
#retBoxViewDetailsAnnuaire small *{
font-size:12px!important;    
}



.selAntenne{
border-radius:32px; 
padding:1px 12px;
border:1px solid var(--text)
}
#corps .vousEtes{
margin-top:-15px;
display:block; 
}
.vousEtes h3{
font-family:'Poppins',arial;
color:var(--text);
font-size:1.8em;
font-weight:400; 
}
.vousEtes h3 strong{
font-weight:700;
font-size:inherit; 
}

#corps .greyBkg{
background:var(--grisclair);
text-align:left;
width:100%;
max-width:100%;
padding:40px 5%;
box-sizing:border-box;
display:inline-block;
}
.greyBkg h2{
color:var(--text)!important; 
font-weight:700;   
}
.greyBkg h3{
color:var(--orange)!important; 
font-weight:600; 
text-transform:none;
font-size:1.4em;
}

#corps .dark.greyBkg{
background:var(--text);
}
#corps .dark.greyBkg h5 a{
background:var(--orange);    
}
#corps .dark.greyBkg h5 a:hover{
background:var(--gris); 
color:var(--text);   
}

#corps .greyBkg.Form{
max-width:1280px!important;
margin:auto auto 60px auto;
display:block;
}

.limited{
max-width:1280px; 
margin:auto;
}
.greyBkg h5{
display:inline-block;
margin-right:20px;
}

.expertsWall{
text-align:center;
width:100%;    
}
.expertsWall img{
width:100%;
height:100%;
max-height:120px;    
max-width:120px;  
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
}
.expertsWall .imgWall{
background:white;
width:140px;
height:140px;  
position:relative;  
display:inline-block;
}


#corps .inscriptionSoloBig h5 a{
border:2px solid var(--orange);
background:white; 
color:var(--orange);
font-size:28px;
font-weight:400;
border-radius:64px;
padding:4px 32px;
cursor:pointer;
}
#corps .inscriptionSoloBig h5 a:hover{
padding:4px 48px;
background:var(--orange);
color:white;
}

.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(50% - 65px);
display:inline-block;
vertical-align:middle; 
box-sizing:border-box;
direction:ltr;
margin:0 30px;
}
.greyBkg em{
color:var(--orange);
font-style:normal; 
}
.liZig li{
list-style-type:none !important; 
}
.liZig li::before{
content:'';
width:16px;
height:16px;
display:block;
position:absolute;
background-image:url(/images/zig.svg);
background-repeat:no-repeat;
left:-20px;
top:2px;
}
#corps .orangeBkg{
background:var(--orange) !important; 
padding:20px 0 !important;
}
#corps .orangeBkg *{
color:white; 
}
.notH3{
font-family:'poppins',arial;
font-size:24px;
font-weight:700; 
vertical-align:center;
}

.full.txt.center{
margin:30px 0; 
}

.ActuExperts .demi{
height:500px;
box-sizing:border-box;
padding:40px;
position:relative;
}
.ActuExperts .demi *{
line-height:1.2em;
color:var(--text); 
}

.ActuExperts .demi.actu{
background-image:url(/images/demi-actu.png);
background-size:cover;
background-repeat:no-repeat;
background-color:var(--orange); 
background-image:url(/images/actu-titre.svg);
background-size:240px 100px;
background-position:5px 10px; 
}
.ActuExperts .slickActus{
display:block;
width:100%;
height:395px;
margin-bottom:20px; 
}
.ActuExperts .slickActu{
width:80%;
background:white;
margin:auto; 
box-sizing:border-box;
}
.ActuExperts .imgSlickActu{
width:100%;
background-size:cover;
background-position:center center;
height:175px;
display:block; 
}
.slickActu .text{
padding:20px;
height:220px;
box-sizing:border-box; 
}
.slickActu h4{
font-size:1.6em!important; 
line-height:1.2em!important;
font-weight:700!important; 
color:var(--text)!important; 
text-transform:none!important;
}
.slickActu p{
font-size:1.2em!important; 
}
.ActuExperts .demi.actu h5{
text-align:center; 
}
.ActuExperts .demi h5 a{   
display:inline-block;
padding:4px 16px;
color:white;
text-decoration:none;    
font-size:14px;
font-weight:600;
transition:all ease 0.5s;
box-sizing:border-box;
background:var(--text);
border-radius:16px;
}
.ActuExperts .demi.actu h5 a:hover{
border-radius:4px;
background:white;
color:var(--text);
}
.ActuExperts .demi.expert h5 a:hover{
border-radius:4px;
background:var(--orange);
color:white;
}

.ActuExperts .demi.expert{
background-image:url(/images/demi-expert.png);
background-size:cover;
background-repeat:no-repeat;
background-color:var(--gris); 
}
.ActuExperts .demi.expert::before{
content:'';
display:block;
height:32px;
width:32px;
background-image:url(images/angle-orange-top.svg); 
background-size:cover;
position:absolute;
top:0;
left:0;
}
.ActuExperts .demi.expert::after{
content:'';
display:block;
height:32px;
width:32px;
background-image:url(images/angle-orange-bottom.svg); 
background-size:cover;
position:absolute;
bottom:0;
right:0;
}
.placement{
width:68%;
position:relative;
margin-left:32%; 
}



/* @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;}
} */

@media screen and (max-width: 1080px){
#menu li a{
letter-spacing:0em !important;
font-size:1.2em !important;
}
}
@media screen and (max-width: 980px){
#menu li a{
letter-spacing:0em !important;
font-size:1em !important;
}
}

#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;
}
#entete .entete{
max-width:1280px!important; 
/* background-color:green; */
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;
background:white;
}
#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.complet,
.txt.droite,
.txt.gauche{
text-align:left;
width:100%;
max-width:1280px;
margin:80px auto;
box-sizing:border-box;
position:relative;
display:block;
} 

#corps .offset{
display:inline-block;    
width:50%;
}

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

.txt .bloc{
width:calc(40% - 40px);
display:inline-block;
vertical-align:middle; 
box-sizing:border-box;
text-align:left;
}
.txt .img{
width:40%;
display:inline-block;
vertical-align:top;
/* margin-bottom:30px; */
background-position:center;
}
.bloc h1 strong{
color:white!important;    
}


#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%;
display:inline-block;
padding:60px 15%;
text-align:center;
box-sizing:border-box;
background:var(--ecru);
position:relative;
}
#temoignages h3{
margin-bottom:0;
}
#temoignages img{
width:96px;
height:auto;
}
.temoignages{
max-width:920px;
margin:auto;
}

.temoignages .temoignage{
padding:30px;
text-align:center;
display:inline-block;
box-sizing:border-box;
}
.temoignage .img{
height:220px;
width:100%;
overflow:hidden;
margin:0 0 10px 0;
padding:0;
/* border-radius:0 32px 0 32px; */
display:block;
}
.temoignage .img img{
position:relative;
top:50%;
transform:translateY(-50%);
/* border-radius:0 32px 0 32px; */
}
.temoignage .stars{
margin-top:5px;
height:auto;
width:128px;
margin:8px auto 0 auto;
}

.temoignage h1,
.temoignage h2,
.temoignage h3,
.temoignage p{
color:var(--noir);
text-align:center;
}

.temoignage h6{
font-weight:400;
font-style:italic;
font-size:1.1em;
text-transform:none;
margin-bottom:15px;
position:relative;
 color: black;
}
.temoignage h6::before{
content:'';
height:20px;
width:30px;
background-image:url(/images/topBla.svg);
background-size:contain;
background-repeat:no-repeat;
position:absolute;
left:-24px;
top:-16px;
}
.temoignage h6::after{
content:'';
position:absolute;
height:20px;
width:30px;
background-image:url(/images/bottomBla.svg);
background-size:contain;
background-repeat:no-repeat;
right:-4px;
bottom:-16px;
}
.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:60px 0;
display:block;
margin:auto;
}

.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;
}
.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;
background-color:white !important;
padding:60px 15% !important;
width:100%;
}
.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:60px 15%;
text-align:center;
background:var(--ecru);
}
.actu{
width:370px;
margin:20px;
padding:20px;
box-sizing:border-box;
display:inline-block;
vertical-align:top;
text-align:left;
transition:all ease 0.5s;
position:relative;
background:var(--gris);
border:1px solid transparent;
cursor:pointer;
}
.actu .ant{
position:absolute;
z-index:99;
background:var(--orange);
padding:2px 8px;
color:white;
top:0;
right:0;
font-size:13px;    
font-style:inherit
}

#corps .actu span.oeil{
width:100%;
display:inline-block;
text-align:right; 
}
.actu span.oeil img{
display:inline-block;
}
.actu:hover{
background:#fff;  
border:1px solid var(--orange);
}


.actu .img{
width:calc(100% + 40px);
height:200px !important;
position:relative;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
margin:0 !important;
padding:0 !important;
border-radius:var(--myradius);
left:-20px;
top:-20px;
}
.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 */
@keyframes fadeInBigImg {
from {opacity:0;left:-50%;} to {opacity:1;left:0%;}
}
@keyframes fadeLeftImg {
from {
 left:-30%;
 opacity:0;
 } to {
 left:0%;
 opacity:1;
}
}
@keyframes fadeRightImg {
from {
 right:-30%;
 opacity:0;
 } to {
 right:0%;
 opacity:1;
}
}

/* .page img{
height: 130px;
} */

#corps .txt.complet .img{
width:calc(50% - 30px);
/* min-height:100%; */
box-sizing:border-box;
display:inline-block;
vertical-align:middle;
background-image:none!important;
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
position:relative;
/* background:red; */
/* background:red; */
text-align:center;
}
#corps .txt.complet .img img{
max-height:400px;
border-radius:200px 0 0 200px;
}

#corps .txt.complet .offset,
#corps .txt.droite .offset,
#corps .txt.gauche .offset{
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; 
margin-bottom:-20px;
}
#corps .txt.droite .offset{
margin-left:0;
margin-right:30px;    
}
/*
#corps .txt.droite .offset{
width:60%;
float:left !important;
}
#corps .txt.gauche .offset{
width:60%;
float:right !important;
} */

#corps .article_intro .img{
top:0;
width:50%;
/* background:none!important; */
background-position:center center;
background-repeat:no-repeat;
animation-fill-mode: forwards;
display:inline-block;
vertical-align:middle;
}
#corps .txt.article.droite .img,
#corps .txt.article.gauche .img{
top:0;
width:50%;
/* background:none!important; */
background-position:center center;
background-repeat:no-repeat;
animation-fill-mode: forwards;
display:inline-block;
vertical-align:top;
text-align:left;
background-size:cover;
max-height:380px;
position:relative;
}
#corps .txt.article.gauche .img{
border-radius:0 500px 500px 0;
animation: 2s ease-in-out 1s fadeLeftImg;
}
#corps .txt.article.droite .img{
text-align:right;
border-radius:500px 0 0 500px;
animation: 2s ease-in-out 1s fadeRightImg;
}

#corps .txt.article.gauche .img img,
#corps .txt.article.droite .img img{
/* display:none; */
opacity:0;
}
#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:30% !important;
margin:1.5%;
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(20% - 25px)!important;
margin:10px;
box-sizing:border-box;
display:inline-block;
text-align:left;
}

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

.home .squarelinks{
max-width:1280px;
margin:30px auto;
}
.home .tiers,
.home .tiers p,
.home .quart,
.home .quart p{
text-align:center;
}
.home .squarelinks .picto{
text-align:center;
margin-bottom:10px;
}
.home .squarelinks .picto img{
display:block!important;
height:110px;
width:auto;
margin:auto;
}


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


.page .demi .img,
.page .tiers .img,
.page .quart .img,
.page .cinquieme .img{
position:relative;
height:260px;
width:100%;
margin-bottom:20px;
transition:all ease 1.5s;
text-align:center;
overflow:hidden;
border-radius:var(--myradius);
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
.picto .img{
background-size:contain !important;
height:200px !important;
}
.tinyPicto .img{
background-size:contain !important;
height:48px !important;
}

.demi.greyBkg,
.tiers.greyBkg,
.quart.greyBkg,
.cinquieme.greyBkg{
padding:30px!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;

}


.formApee{
max-width:800px;
margin:auto; 
}
#corps .formApee select,
#corps .formApee input,
#corps .formApee textarea{
border-radius:32px;
border:1px solid var(--text);
height:28px;
box-sizing:border-box; 
width:100%;
padding:2px 10px;
text-align:left!important;
}
#corps .formApee textarea{
border-radius:16px;
height:160px; 
}
#corps .formApee input[type="file"]{
background:var(--text);
color:white;
font-weight:600; 
}
#corps .fullFormSel select{
width:70%;
margin:5px 0; 
}
#corps .fullFormSel select:last-child{
margin-bottom:10px;}

#corps .formApee .fullFormBigBtn input.Btn{
text-transform:none!important;
border:1px solid var(--orange) !important; 
border-radius:64px;
font-size:30px!important;
height:auto;
background:white;
color:var(--orange);
font-weight:300;
padding:12px 32px!important;
width:auto!important;
margin-top:20px;
transition:all ease 0.5s;
}
#corps .formApee .fullFormBigBtn input.Btn:hover{
background:var(--orange);
color:white; 
border-radius:8px;
}

#corps .formApee .midForm input,
#corps .formApee .midForm select{
width:calc(50% - 5px); 
}
#corps .formApee .midForm select:last-child,
#corps .formApee .midForm input:last-child{
float:right; 
}
#corps .formApee select{
font-weight:600; 
}

#corps .formApee input::placeholder,
#corps .formApee textarea::placeholder{
color:#999;
text-transform:none;
font-style:italic;
font-size:1em;
}

#formulaire{
border-collapse:collapse;
font-weight: 400;
font-size:14px;
}
#formulaire td{
padding:5px 5px;
text-align:left;
}
#formulaire td:first-child{
width:20%;
}
#formulaire td p{
font-weight:700;
color:var(--home);
margin-top:15px;
font-size:2rem;
}
#formulaire a.link{
text-align:left;
margin:0;
padding:0;
box-sizing:border-box;
width:100%;
cursor:pointer;
border-radius:var(--myradius);
padding:4px 12px;
color:white;
font-weight:600;
transition:all ease-in 0.2s;
background-color:var(--home);
background-position:5px center;
text-decoration:none;
cursor:pointer;
}
#formulaire a.link:hover{
background-color:var(--agence);
background-image:url(images/picto-doigt.svg);
background-repeat:no-repeat;
background-position:5px center;
background-size:26px auto;
padding:4px 12px 4px 38px;
}

#formulaire input,
#formulaire textarea{
font-weight: 400;
width:100%;
border:1px solid var(--noir);
padding:4px 8px;
border-radius:var(--myradius);
transition:background ease-in 0.2s;
box-sizing:border-box;
line-height:24px;
}
#formulaire textarea{
height:110px;
resize: vertical;
}
#formulaire select{
font-weight: 400;
border:1px solid #999;
border-radius:var(--myradius);
width:100%;
padding:2px 8px;
text-align:left;
box-sizing:border-box;
}

#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 input:hover,#formulaire textarea:hover{
background:#eee;
}
#formulaire input:focus,#formulaire textarea:focus{
background:#eee;
/* color:white; */
}
#formulaire td a.BtnReset,#formulaire td a.BtnSubmit{
border-bottom:none;
}
#formulaire input.Btn,a.Btn{
width:200px;
margin:0 5%;
cursor:pointer;
border-radius:var(--myradius);
padding:6px 6px;
background:var(--noir);
color:white;
font-weight:600;
font-size:1.2em;
border:none;
text-transform:uppercase;
margin-bottom:30px;
transition:all ease-in 0.3s;
}
#formulaire input.Btn:hover,a.Btn:hover{
width:240px;
background:var(--rouge);
}
a.Btn{
text-align:center;
float:none;
padding:3px 20px;
margin:0;
}

#formulaire input::placeholder,
#formulaire textarea::placeholder{
color:var(--noir);
text-transform:uppercase;
font-size:0.9em;
}

#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{
width:100%;
display:inline-block;
text-align:center;
margin:30px 0;
}
.file{
text-align:left;
}
.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-bottom:10px;
display:inline-block;
margin: 0 20px;
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:4px 16px 4px 32px;
margin-bottom:3px;
text-transform:normal;;
font-size:1.2em;
font-weight:500;
transition:all ease 0.2s;
background-color:#000;
background-image:url(/images/downloadW.png?);
background-repeat:no-repeat;
background-position:10px center;
background-size:16px 16px;
border-radius:var(--myradius);
}
.download a:hover{
background-color:#666;
}
.diap{
display:inline-block;
vertical-align:top;
width:160px;
height:160px;
margin: 10px;
transition:all ease 0.32s;
}
.diap img{
width:100%;
height:auto;
/* border-radius:30px 0; */
display:block;
}
.diap:hover{
opacity:0.75;
transform:scale(1.05);
}



#Pied{
width:100%;
text-align:center;
padding:40px 0 0px 0;
margin:0 !important;
position:relative;
background-image:url(/images/bkg-pied.jpg);
background-size:cover;
background-position:center;
}

#Pied *{
color:white;
}

#Pied h2{
font-size:2.6em;
}
#Pied .antennesPied{
width:100%;
position:relative;
}
#Pied .antennePied{
width:280px;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
position:relative;
margin:20px;   
}
#Pied .antennePied *{
text-align:center !important; 
}
#Pied .antennePied strong{
font-weight:600;
font-size:1.1em; 
line-height:1.2em; 
margin-bottom:3px;  
position:relative;
top:0;
}
#Pied .antennePied strong:before{
content:'';
position:relative;
top:-10px;
left:50%;
transform:translateX(-50%);   
background-image:url(/images/location.svg);
background-repeat:no-repeat;
background-position:center center;
width:20px;
height:20px;
display:block;
}


#social2 {
display:block;
margin-bottom:20px;
}
#social2 a{
display:inline-block;
margin-right:5px;
}
#social svg{
height:40px;
width:40px;
transition:all ease 0.3s;
}
#social2 svg{
height:40px;
width:40px;
transition:all ease 0.3s;
}
#social2 svg .fillMe{
transition:fill ease 0.3s;
}
#social2 svg:hover .fillMe{
fill:#aaaaaa;
}

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

#Pied .logo{
width:260px !important;
margin:auto;
margin-bottom:15px;
}
#Pied .bloc{
width:240px;
display:inline-block;
vertical-align:top;
margin:0 30px;
}

.adresse{
width:100%;
margin:30px auto;
}
.adresse,
.adresse p,
.mentions{
text-align:center;
color:white;
}
.adresse img{
width:auto;
height:40px;
}
.adresse p{
color:white;
text-transform:none;
font-size:.9em !important;
font-weight:400 !important;
}
.adresse p strong{
color:white;
font-size:0.9em;
}
.adresse a{
text-decoration:none;
font-size:inherit;
}
.adresse a:hover{
color:var(--rouge1);
}
.mentions{font-size:.8em;padding-bottom:30px;}
.mentions a{color:inherit;font-size:inherit;}
.mentions a:hover{color:var(--dore);}
#Pied h5{
margin:20px 0 30px 0;
}
#Pied h5 a{
border:none;
background:var(--noir) !important;
color:white;
border-radius:var(--myradius);
font-size:1em;
}
#Pied h5 a:hover{
background:var(--dore) !important;
}




/* 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 .rslides{ opacity:.2; }
#slideshow{ background:var(--dore);height:380px;}

#searchBiens span{
display:block;
margin-bottom:5px;
}
#searchBiens .inp,
#searchBiens .sub{
width:40%;
box-sizing:border-box;
height:26px !important;
}


.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;
}

/* ENGAGEMENTS */
.engagements{margin:0;}

/* BLOC VENDRE-PATRIMOINE*/
.SellOrStat{
position:relative;
background:var(--dore) !important;
padding:30px 0;
width:100%;
}
.SellOrStat .chien{display:none;}
.SellOrStat .bloc{
margin:auto;
width:100%;
margin:0 0 30px 0;
padding:30px;
background-image:none;
min-height:auto;
}
.SellOrStat h5{
position:absolute;
bottom:0px;
left:0;
width:auto;
}

.slick-next,
.slick-prev{display:none !important}


/* REVIEWS */
#temoignages{padding:20px;}
.temoignages{width:100%;}
.temoignage{width:600px;}
.temoignage h6{font-size:1em;}
.temoignage p{font-size:1em;}

/*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;
}
.experts .img{
width:50% !important;
heigt:auto;
display:none;
vertical-align:middle;
position:relative;
background:red;
background-size:contain !important;
}
.experts .bloc{
width:calc(100% - 40px);
display:inline-block;
vertical-align:middle;
}

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


#SmartMenu{
background:#fffffff2;
top:100px;
position:fixed;
z-index:999;
width:100%;
box-shadow:0 20px 20px rgba(0,0,0,0.15);
}
#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-top:1px solid var(--text);
}
#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(--text);
text-transform:uppercase;
/*border-top:1px solid white;*/
}
#SmartMenu ul li a:hover{
color:var(--orange);
}

#entete{
height:110px;
}
#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;
}

/*search*/
 #search{
position:absolute;
z-index:997;
width:90%;
background:none;
}
#search h1,
#search p,
#search input,
#search select{
width:100% !important;
}
#search input,
#search select{
background:white;
}
#search h1 strong{
display:block !important;
}
#search input.sub{
background:var(--noir);
color:white;
}

#corps{
padding-top:110px;
margin-top:0px;
}

#corps .ofr .offset{width:100%;}
#corps .txt.droite.ofr .img,
#corps .txt.gauche.ofr .img{width:100%;}

.droite img,
.gauche img{
/* border-radius:30px 0; */
}

#corps .txt.droite .img,
#corps .txt.gauche .img{
top:0px;
left:0px;
width:100%!important;
border-radius:16px 16px 0 0!important;
opacity:1;
height: 300px !important;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
clip-path:none;
position:relative;
margin-bottom:0px;
display:block;
}
.article_pop .bloc,
.article_intro .bloc{
width:100%!important;
padding:30px;
margin:0;
border-radius: 0 0 16px 16px;
}
    
.fromLeft{
animation:none;
left:0;
}
.fromRight{
animation:none;
right:0;
}

.demi,
.tiers,
.quart,
.squarelink{
width:calc(100% - 60px)!important;
margin:0 30px 50px 30px!important;
padding:0 !important;
display:block !important;
}
.txt.demi.actu{
padding:40px 0 0 0!important;    
}
.ActuExperts .slickActu{
width:90%;
background:white;
margin:auto; 
box-sizing:border-box;
margin-bottom:10px;
height:auto;
}
.ActuExperts .imgSlickActu{
height:155px!important; 
}
.ActuExperts .imgSlickActu .img{
height:155px!important; 
display:block;
top:0;
}
.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 .squarlink{
width:100% !important;
padding:30px;
margin:auto;
}
.txt{
width:100%;
margin:0;
display:block;
}
.full .imgStd{
width:100%;
}
.blocTxt{
width:calc(100% - 60px)!important;
display:inline-block;
vertical-align:middle; 
box-sizing:border-box;
direction:ltr;
margin:0 30px;
}
#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;
}

.txt h1{
font-size:1.8em !important;
}
.txt h2{
font-size:1.6em !important;
line-height:1.1em !important;
margin:15px 0 !important;
}
.txt h3{
font-size:1.5em !important;
margin-bottom:5px !important;
}
.txt h4{
font-size:1.3em !important;
}


#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:300px;
overflow:hidden;
float: left;
margin: 0 0 30px 0;
box-sizing: border-box;
border-radius:var(--myradius);
}
#corps .txt.complet .img img{
max-height:300px;
border-radius:16px;
}
#newsletter,
#corps .txt.gauche,
#corps .txt.droite,
#corps .txt.complet{
margin-bottom:15px;
}

#corps .txt.droite,
#corps .txt.gauche{
margin:30px auto;
padding:0px 30px 0px 30px;
}
#corps .txt.demi,
#corps .txt.tiers,
#corps .txt.quart,
#corps .txt.cinquieme{
width:100% !important;
margin:0%;
padding-top:10px;
margin-bottom:20px;
}
#corps .article_pop.txt{
padding:30px;
}
#corps .articlePop{
margin:0;    
}
.limited .blocTxt,
.limited .imgStd{
width:100%; 
margin:10px 0 !important;   
}
#corps .inscriptionSoloBig{
margin:30px 0!important;    
}
.ActuExperts .demi.expert{
background-image:url(/images/demi-expert.png);
background-size:490px auto;
background-repeat:no-repeat;
background-color:var(--gris);
background-position:bottom left; 
}
.placement{
width:80%;
margin-left:20%;
position:relative;
padding:40px;
box-sizing:border-box; 
}
.placement h5{
text-align:right;    
}

.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;
}
}