:root {
    --rouge:#e52729;
    --noir:#232424;
    --ecru:#F2EBE5;
    --beton:#EDEDF1;
    --violet: #5D337D; /*spec patrimoine*/
    --comnambules: #e85251;
    --myradius:0px;
}

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:50px;
}
.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;
}

/*metiers*/
.metiers{
position:relative;
width:100%;
text-align:center !important;
top:-64px;
left:0;
z-index:9;
}
.metier{
width:130px;
height:260px;
display:inline-block;
vertical-align:top;
margin:0 40px;
position:relative;
}
.metier p{
font-size:1.3em;
text-align:center;
line-height:.9em;
padding:0 ;
margin:0 !important;
}
.metier a{
font-family: 'Ashemore',arial;
text-decoration:none;
font-size:inherit;
font-weight:500;
}
.metier .img{
height:128px;
width:128px;
background-size:contain;
background-repeat:no-repeat;
margin-bottom:10px;
}
.metier .truelle{
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
display:block;
content:'';
width:36px;
height:36px;
background-color:var(--rouge);
background-repeat:no-repeat;
background-position:center;
background-image:url(/images/truelle.svg);
background-size:28px 28px;
}


/*urgence*/
#confBox{
position:fixed;
z-index:999;
bottom:0px;
padding:8px;
left:0;
width:100%;
box-sizing:border-box;
}
#confButton{
font-size:1.4em;
background:#e52729ee !important;
color:white;
font-weight:700;
padding:0px 12px;
line-height:40px;
text-transform:uppercase;cursor:pointer;
transition:background ease 0.3s;
display:inline-block;
cursor:pointer;
}
#confBox .confDetails{
background:#e52729ee !important;
padding:30px;
width:100%;
max-width:100%;
position:relative;
}
 .confDetails *{
 color:white;
text-align:center;
 }
.closeMyPopConf{
 position:absolute;
right:-8px;
top:-8px;
width:40px;
height:40px;
cursor:pointer;
transition:all ease 1s;

}
.closeMyPopConf:hover{
  transform:rotateZ(180deg);
}


#corps{
margin:auto;
width:100%;
padding-top:200px;
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;
}


/*SEARCH BOX*/

#accroche{
position:absolute;
z-index:997;
max-width:600px;
background:#000000bb;
border-radius:var(--myradius);
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%);
box-sizing:border-box;
padding:30px;
text-align:center;
}
#accroche .aLogo{
position:absolute;
top:-73px;
left:50%;
height:128px;
width:128px;
transform:translateX(-50%);
}

#accroche h1{
font-size:2em;
color:white;
margin-bottom:0px;
}
#accroche h1 i{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
font-style:normal;
color:inherit;
}

/* .entete{
max-width:1280px;
margin:auto;
position:relative;
} */

#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-image:url(/images/background-light.jpg);
box-shadow:0px 10px 50px #00000022;
}


.recrute{
position:absolute;
top:-4px;
right:80px;
z-index:998;
text-align:left;
}
.recrute a{
text-decoration:none;
font-size:1em;
font-weight:600;
text-transform:uppercase;
background:var(--dore);
transition: all ease 0.5s;
padding:16px 24px;
border-radius:0 0 20px 0;
position:relative;
top:5px;
}
.recrute a:hover{
background:var(--noir);
color:white;
padding:16px 32px;
font-weight:700;
}
.recrute::after{
content:'';
background-image:url(/images/barre-oblique.svg);
background-repeat:no-repeat;
background-size:contain;
height:64px;
width:38px;
position:absolute;
display:block;
z-index:999;
right:-19px;
top:-20px;
}

/*entete*/
.certifs{
position:absolute;
z-index:999;
top:30px;
left:30px;
display:block;
}
.certifs img,
.certifsPied img{
height:56px;
margin-right:30px;
}
/*pied*/
.certifsPied{
position:absolute;
z-index:990;
top:30px;
right:0px; /*as margin 30px elem*/
display:block;
}

#entete.reduce .vesta {
left:30px;
}
#entete.reduce .vesta img{
width:auto;
height:150px;
}

@media screen and (max-width: 1400px){
#entete .vesta{left:30px;}
#entete .vesta img{height:180px;}
}
@media screen and (max-width: 1280px){
#entete .vesta{left:20px;top:20px;}
#entete .vesta img{height:120px;}
}

/* @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:.9em !important;
}
}
@media screen and (max-width: 980px){
#menu li a{
letter-spacing:0em !important;
font-size:.8em !important;
}
}
@media screen and (max-width: 860px){
#entete .vesta{left:15px !important;}
#entete .vesta img{height:90px !important;}
#entete .logo{margin:53px auto -40px auto !important;}
 #social {display:none !important}
.txt.bread{display:none;}
}
@media screen and (max-width: 640px){
#entete .vesta{left:5px !important; top:5px !important;}
#entete .vesta img{height:50px !important;}
}
/*
#social{
z-index:999;
position:fixed;
right:0;
background:#232424;
width:48px;
border-radius:20px 0 0 20px;
text-align:center;
padding:9px 0;
box-shadow:-2px 0 3px rgba(0,0,0,0.2);
top:33%;
transform:translateY(-50%);
}
#social a{
width:32px;
height:auto;
display:inline-block;
margin-bottom:7px;
}
#social a:last-child{
margin-bottom:0;
}

*/

#entete .logo{
width:280px;
margin:35px auto 0 auto;
height:130px;
z-index:999;
cursor:pointer;
transition:all ease 0.5s;
display:block;
}
#entete .logo img{
width:100%;
height:auto;
transition:all ease 0.5s;
}
#entete.reduce .logo{
height:110px;
width:240px !important;
margin:25px auto 0 auto;
}


#searchBiens{
width:100%;
padding:5px 0 30px 0;
}
#searchBiens p{
text-align:center;
text-transform:uppercase;
font-weight:600;
}
#searchBiens .inp{
vertical-align:top;
text-transform:uppercase;
border-radius:var(--myradius);
font-size:0.8em;
height:28px;
padding:0 4px;
border:1px solid var(--dore);
background:white;
width:180px;
margin-bottom:5px;
}
#searchBiens input.inp{
height:26px;
white;
}
#searchBiens .inp::placeholder{
color:var(--noir);
}


#searchBiens .sub{
background:var(--noir);
border:none;
color:white;
text-transform:uppercase;
border-radius:var(--myradius);
font-weight:500;
font-size:1em;
height:28px;
padding:0 8px;
transition:all ease 0.3s;
}
#searchBiens .sub:hover{
background:var(--dore);
}


/* LISTE BIENS */
.liste-biens{
box-sizing:border-box;
width:100%;
padding:30px;
text-align:center;
background:var(--ecru);
}
.liste-biens .preview{
box-sizing:border-box;
display:inline-block;
vertical-align:top;
width:380px;
margin:20px;
}
/* .liste-biens .preview.vendu > *{
filter:grayscale(100%);
transition:all ease 0.5s;
}
.liste-biens .preview.vendu:hover > *{
filter:grayscale(0%);
} */
.page .liste-biens.complet.fond{
width:100%;
padding:60px 8% !important;
}
.liste-biens.complet.fond .preview{
width:30% !important;
margin:0 10px;
}



.liste-biens .preview h4{
font-size:1.2em;
}
.liste-biens .preview .localisation{
font-size:1.1em;
margin-top:3px;
}
.imageBien{
height:240px;
width:100%;
position:relative;
margin-bottom:8px;
position:relative;
overflow:hidden;
border-radius:var(--myradius);
}

.imageBien:hover .picto{
opacity:0.5;
bottom:-45px;
}
.imageBien .picto{
position:absolute;
bottom:-4px;
left:0;
z-index:5;
width:100%;
transition: 0.8s all ease 0.5s;
}

.slideBien{
width:100%;
height:inherit;
border-radius:var(--myradius);
margin:auto;
position:relative;
transition:all ease 0.75s;
overflow:hidden;
}
.slideBien:hover{
scale:1.1;
}
.slideBien li{
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.liste-biens .preview h5{
margin-top:0px;
}
.liste-biens .preview h5 a{
font-size:1em;
}
.liste-biens.complet.fond .preview h5 a{
background:var(--ecru) !important;
}
.liste-biens.complet.fond .preview h5 a:hover{
background:var(--noir) !important;
color:var(--ecru) !important;
}

.liste-biens.complet.fond .preview .localisation img{
height:20px;
vertical-align:center;
top:3px;
}
.bienDetails:last-child h5{
text-align:center;
margin:30px 0;
}


/* BIEN DETAILS */

.page.bienDetail{
margin-top:30px;
}
.page.bienDetail .bread{
margin:15px 15% 30px 15%;
text-align:left;
width:auto;
}
.page.bienDetail .breadcrumb{
margin:0 0 5px 0;
}

.bienDetails{
background:var(--ecru);
box-sizing:border-box;
padding:30px 15%;
}

@media screen and (max-width: 1440px) {
.bienDetails{
padding:30px;
}
}

@media screen and (max-width: 1080px) {
.bienDetails .img,
.bienDetails .infosDetails{
width:100%;
margin:0;
}
}


.bienDetails h1{text-align:center;}
.bienDetails h1 sup{font-weight:600;font-size:0.5em;font-family:inherit;}
.bienDetails h2{font-size:inherit; text-align:center;margin:30px 0 !important;text-transform:none;}
.bienDetails h2 span{font-size:1.5em;}
.bienDetails h2 span::after{content:' | ';color:var(--dore);}
.bienDetails h2 span:last-child::after{content:'';}
.bienDetails h2 sup{font-weight:600;font-size:0.6em;}
.bienDetails .infos{
display:inline-block;
box-sizing:border-box;
width:100%;
}
.bienDetails .img{
display:inline-block;
box-sizing:border-box;
vertical-align:top;
width:60%;
margin-right:10px;
position:relative;
border-radius:var(--myradius);
overflow:hidden;
cursor:pointer;
}
.bienDetails .img img{
width:100%;
height:auto;
float:left;
}
.bienDetails .img .picto{
position:absolute;
bottom:0;
z-index:5;
width:100%;
left:0;
transition:all ease 0.5s;
}
.bienDetails .img:hover .picto{
opacity:0;
bottom:-80px;
}

.bienDetails .infosDetails{
width:35%;
vertical-align:top;
background:white;
display:inline-block;
box-sizing:border-box;
padding:20px;
border-radius:var(--myradius);
margin-left:10px;
}
.bienDetails .info{
border-bottom:1px solid #ccc;
line-height:32px;
width:100%;
font-weight:600;
}
.bienDetails .info .intitule{
width:50%;
font-weight:400;
display:inline-block;
}

.bienDetails .classeEnergie{
list-style-type:none;
display:inline-block;
padding-left:0;
}
.bienDetails .classeEnergie li{
display:inline-block;
width:20px !important;
height:20px !important;
text-align:center;
line-height:20px;
font-weight:500;
font-size:1em;
}
.classeEnergie.conso .A{background:#3d983c;color:white;}
.classeEnergie.conso .B{background:#5aaf3e;color:white;}
.classeEnergie.conso .C{background:#c9d22f;}
.classeEnergie.conso .D{background:#fbe95a;}
.classeEnergie.conso .E{background:#fbcc44;}
.classeEnergie.conso .F{background:#f29944;color:white;}
.classeEnergie.conso .G{background:#e32f33;color:white;}
.classeEnergie.conso .note,
.classeEnergie.ges .note{
margin:4px;
width:26px !important;
height:26px !important;
line-height:26px;
border-radius:var(--myradius);
font-weight:700;
font-size:1.4em;
position:relative;
top:3px;
}
.classeEnergie.ges .A{background:#f5ecf6;}
.classeEnergie.ges .B{background:#dac6e0;}
.classeEnergie.ges .C{background:#c6acd2;}
.classeEnergie.ges .D{background:#b89bc8;}
.classeEnergie.ges .E{background:#9c7db5;color:white;}
.classeEnergie.ges .F{background:#7f60a3;color:white;}
.classeEnergie.ges .G{background:#664994;color:white;}


.bienDetails .info sup{
font-weight:600;
font-size:0.7em;
}
.bienDetails .bienContact{
background:var(--dore);
display:inline-block;
box-sizing:border-box;
padding:15px;
border-radius:var(--myradius);
margin-top:40px;
text-align:center;
width:100%;
font-weight:600;
}
.bienContact .agent{
font-size:1.3em;
font-weight:600;
display:block;
margin-top:8px;
}
.bienContact .tel{
font-size:1.7em;
font-weight:400;
}
.bienDetails .galerie{
width:calc(100% - 60px) !important;
margin:50px 30px !important;
/* .galerie{
width:80%;
margin:5px 10% 30px 10%;
text-align:center;
} */

}
.bienDetails .galerie img{
width:auto;
height:280px;
border-radius:var(--myradius);;
cursor:pointer;
margin:0 10px;
}
.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;
}


/*WALL*/
.wall{
display:flex;
max-width:1280px;
margin:30px auto 30px auto;
position:relative;
}
.wall .demi{
text-align:center !important;
position:relative;
}
.previews{
width:70% !important;
margin:auto;
text-align:center;
position:relative;
}
.wall .preview{
position:relative;
top:0;
margin-bottom:20px;
}

.wall .preview .imgPreview{
width:100% !important;
height:250px !important;
/* padding:30px; */
overflow:hidden;
position:relative;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
/* background:red; */
background-color:white;
/* padding:5px 0 5px 0; */
/* margin-top:5px; */
/* margin-bottom:-10px; */
border-top:10px solid white;
border-bottom:10px solid white;
margin-bottom:10px;
}

.wall h3,
#temoignages h3{
background:none;
display:block;
}
.preview .img img{
display:none;
}
.preview h4{
font-weight:600;
font-size:1.4em;
}
.preview h4 sup{
font-weight:inherit;
font-size:0.6em;
}
.preview .localisation{
display:block;
margin-bottom:5px;
font-size:1.2em;
}
.preview .localisation img{
vertical-align:center;
margin-right:5px;
position:relative;
top:1px;
}
.preview .prix{
display:inline-block;
border-radius:var(--myradius);
/* border:1px solid var(--noir); */
padding:4px 8px;
font-size:1.4em;
}

.experts .img{
width:50% !important;
heigt:auto;
display:inline-block;
vertical-align:top;
position:relative;
background-size:contain !important;
margin-right:20px;
height:300px !important
}
.experts .img{ /*rst img demi*/
left: 0 !important;
transform:none !important;
margin-bottom:0px !important;
}
.experts .bloc{
width:45%;
display:inline-block;
vertical-align:middle;
text-align:left;
}
.experts .bloc p{
font-size:1em;
}


/* ENGAGEMENTS */
.engagements{
display:inline-block;
background:var(--ecru);
padding:60px 0;
margin:60px 0 0 0;
width:100%;
text-align:center;
}
.engagements .tiers{
display:inline-block;
margin-bottom:30px;}
.engagements .squarlink{
max-width:1280px;
margin:auto;
}
.engagements .tiers .img{
background-size:80% auto;
background-repeat:no-repeat;
background-position:45px center;
}
.engagements .img{
width:230px;
height:165px;
position:relative;
transform:none;
left:0;
}
.engagements .img img{
height:100% !important;
border:none;
}
.engagements .tiers h6{ /*citation*/
color:var(--noir) !important;
margin:0 0 5px 0;
font-size:1.2em;
font-weight:600;
}
.engagements .tiers p{
font-size:1em;
width:70%;
margin:auto;
}

/* BLOC VENDRE-PATRIMOINE*/
.SellOrStat{
position:relative;
background-color:var(--dore);
background-image:url(/images/background-sellorstat.jpg);
background-repeat:no-repeat;
background-position:bottom center;
background-size:contain;
background-attachment: fixed;
text-align:center;
padding:60px 0;
width:100%;
}
.SellOrStat .chien{
position:absolute;
bottom:-28px;
left:calc(50% - 650px);
z-index:1;
}
.SellOrStat .bloc{
margin:auto;
width:500px;
display:inline-block;
position:relative;
margin:0 60px;
padding:50px 90px;
box-sizing:border-box;
background-image:url(/images/sellorstart-bloc.svg);
background-size:100% 100%;
min-height:240px;
vertical-align:top;
text-align:center;
}
.SellOrStat h2{
font-size:1.5em;
text-transform:uppercase;
margin-bottom:5px;
}
.SellOrStat h2 strong{
font-size:inherit;
font-weight:800;
color:var(--noir);
}
.SellOrStat p{
font-size:.95em;
text-align:center;
}
.SellOrStat h5{
position:absolute;
bottom:-15px;
right:0;
width:auto;
}
.SellOrStat h5 a{
border:none !important;
background:var(--noir) !important;
display:inline-block;
padding:8px 12px 8px 20px;
margin:0px;
color:white;
text-decoration:none;
font-size:2rem;
border-radius:18px 0px 0px 0px;
position:relative;
}
.SellOrStat h5 a:hover{
background:white !important;
color:var(--noir);
padding:8px 12px 8px 20px;
border-radius:18px 0px 0px 0px;
border:none !important;
}
.SellOrStat h5 a::before{
content:'';
background-image:url(/images/barre-obliquew.svg);
background-repeat:no-repeat;
background-size:contain;
height:60px;
width:30px;
position:absolute;
display:block;
z-index:3;
left:-13px;
top:-15px;
transition:all ease .5s;
}
.SellOrStat h5 a:hover::before{
background-image:url(/images/barre-obliquew.svg);
}

.aisLogoViolet{
text-align:center;
text-transform:uppercase;
font-weight:400;
}
.aisLogoViolet::before{
content:'';
height:128px;
width:100%;
background-image:url(/images/ais-patrimoine-immo-logo-violet.svg);
background-repeat:no-repeat;
background-size:contain;
background-position:center center;
margin-bottom:20px;
display:block;
}

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

.txt.complet,
.txt.droite,
.txt.gauche{
text-align:left;
width:100%;
padding:60px 15%;
box-sizing:border-box;
/* background:white url(/images/border-left-right.png) repeat-x top center; */
position:relative;
display:inline-block;
/* margin-bottom:-4px; */
}


.filterRealisations{
text-align:center;
display:block;
padding:30px;
}
.filterRealisations select,
.filterRealisations input{
padding:4px 8px;
border:none;
background:black;
color:white;
font-weight:500;
height:32px;
transition:background ease .5s;
cursor:pointer;
margin:0 8px;
}
.filterRealisations input:hover{
background:var(--rouge);
}

.realisations{
width:100%;
padding:30px 60px;
box-sizing:border-box;
display:block;
background:white;
text-align:center;
}
.realisations .rea{
width:280px;
display:inline-table;
vertical-align:top;
margin:30px 15px;
position:relative;
}
.realisations .rea .date{
/* position:absolute;
z-index:2;
background:white;
padding:4px 8px 4px 8px;
top:8px;
right:0; */
font-size:0.8em;
text-align:right;
display:block;

}
.realisations .rea .cats{
font-size:0.8em;
text-align:left;
font-weight:600;
margin-top:10px;}
.realisations .imgPreview{
width:100% !important;
height:180px !important;
/* padding:30px; */
overflow:hidden;
position:relative;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
/* background:red; */
margin-bottom:10px;
cursor:pointer;
}
.realisations .rea *{
font-size:.98em;
}
.realisations .rea h4{
text-align:left;
font-weight:500;
margin-bottom:0;
font-size:1.2em;
}


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

/* .txt.droite h1,
.txt.droite h2,
.txt.droite h3,
.txt.droite h4{
color:white !important;
} */

.txt .bloc{
width:50%;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
padding-right:5%;
text-align:left;
}
.txt .img{
width:40%;
display:inline-block;
vertical-align:top;
margin-bottom:30px;
}
.txt img.fun{
display:block;
}

.gridky iframe{
width:100%;
min-height:600px;
border:1px solid var(--noir);
border-radius:var(--myradius);
}


#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 */
.pictoAmbition{
height:56px;
display:block;
/* background:red;  */
text-align:center !important;
margin-bottom:10px;
}


.pictoAmbition img{
display:inline-block !important;
height:100%;
width:auto;
}


.page{
width:100%;
box-sizing:border-box;
display:inline-block;
/* background:#f1f1f1; */
}
.page .squarlink{
width:100%;
text-align:center;
box-sizing:border-box;
padding:60px 10% 80px 10%;
background:var(--ecru);
display:inline-block;
margin:0;
}

.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%;
padding:60px 20%;
box-sizing:border-box;
text-align:left;
background:white !important;
}
.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 .complet.fond{
position:relative !important;
background-color:var(--dore) !important;
background-image:url(/images/background-sellorstat.jpg) !important;
background-repeat:no-repeat !important;
background-position:bottom center !important;
background-size:contain !important;
background-attachment: fixed !important;
padding:80px 10% !important;
width:100%;
}
.page .txt.complet.fond.head{
padding:30px 15% !important;
}
.page .txt.complet.fond.head h5 a{
background:var(--noir) !important;
color:white !important;
}
.page .complet.fond h5 a{
background:white!important;
color:var(--noir)  !important;
}


.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:360px;
margin:20px 10px 20px 10px;
box-sizing:border-box;
display:inline-block;
vertical-align:top;
text-align:left;
transition:all ease 0.5s;
position:relative;

}
.actu .img{
width:100%;
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);
}
.actu h2{
font-size:1.4em !important;
margin-bottom:8px !important;
font-weight:600;
text-transform:uppercase;
letter-spacing:0px;
font-family: inherit;
}
.actu h3{
font-size:1.4em !important;
margin-bottom:10px !important;
margin-top:5px;
}
.actu h4{
font-weight:500;
font-size:0.9em;
text-transform:uppercase;
margin:10px 0 5px 0;
}
.actu p{
font-size:1em;
margin-bottom:5px;
}
.actu h5 a{
font-size:.9em;
font-weight:500;
}


.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(40% - 30px);
height:320px;
min-height:100%;
box-sizing:border-box;
display:inline-block;
vertical-align:middle;
animation-fill-mode: forwards;
position:relative;
/* opacity:0; */
border-radius:var(--myradius);
background-size:150%;
background-position:center center;
background-repeat:no-repeat;
transition:all ease 1s;
}
#corps .txt.complet .img:hover{
background-size:200%;
}
#corps .txt.complet .img img{display:none;}


#corps .txt.complet .offset{
width:60%;
float:right !important;
margin-left:30px;
box-sizing:border-box;
}
#corps .txt.droite .offset{
width:60%;
float:left !important;
}
#corps .txt.gauche .offset{
width:60%;
float:right !important;
}

#corps .txt.droite .img,
#corps .txt.gauche .img{
top:0;
width:40%;
opacity:0;
min-height: 100%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
clip-path:polygon(0 0, 100% 0, 74% 100%, 0 100%);
position:absolute;
animation-fill-mode: forwards;
background-color:var(--ecru);
}
.fromLeft{
animation:2s ease .8s fadeLeftImg;
left:0;
}
.fromRight{
animation:1s ease .8s fadeRightImg;
right:0;
}


#corps .txt.gauche .img{}
#corps .txt.droite .img{
clip-path:polygon(26% 0, 100% 0, 100% 100%, 0 100%);
}
.droite img,
.gauche img{
display:none;
height:100%;
width:auto;
margin:0;
}

.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;
}
.demi,
.tiers{vertical-align:top;}

.home .squarelinks{
max-width:1280px;
margin:30px auto;
}
.home .tiers,
.home .tiers p{
text-align:center;
}
.home .tiers h3{
color:white;
font-weight:800;
}


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


.page .demi .img,
.page .tiers .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;
}

/* .page .tiers .img{
height:260px;
} */
.squarlink.part .tiers .img{
background-size:contain;
}
.page .demi img,
.page .tiers 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{
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 40px 0;
margin:0 !important;
position:relative;
background-image:url(/images/background.jpg);
background-size:cover;
background-position:center;
background-attachment:fixed;
}

#Pied *{
color:white;
}

#Pied h2{
font-family:'Ashemore',arial;
font-size:2.6em;
}

#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:.9em;margin:40px auto;width:80%!important;}
.mentions a{color:inherit;font-size:inherit;text-decoration:none;line-height:1.4em;}
.mentions a:hover{color:var(--rouge)!important;}
#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:var(--ecru);
top:110px;
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(--noir);
}
#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:20px;
line-height:48px;
text-decoration:none;
font-weight:400;
color:var(--noir);
text-transform:uppercase;
/*border-top:1px solid white;*/
}
#SmartMenu ul li a:hover{
color:var(--dore);
}

#entete .vesta{left:10px;top:10px;}
#entete .vesta img{height:90px;}

#entete{
height:110px;
}
#entete .logo {
width:70% !important;
position:relative !important;
top:-40px !important;
height:80px;
}
#entete .logo img{
height:80px;
}
#entete.reduce .logo{
width:70% !important;
top:-40px !important;
}

/*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:-25px;
left:-30px;
width:calc(100% + 60px);
opacity:1;
height: 240px !important;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
clip-path:none;
position:relative;
animation-fill-mode: forwards;
background-color:var(--ecru);
margin-bottom:0px;
display:block;
}
.fromLeft{
animation:none;
left:0;
}
.fromRight{
animation:none;
right:0;
}




/* OFRES */
.actuliste{
text-align:center;
width:100%;
box-sizing:border-box;
padding:30px;
}
.actu{
width:100%;
margin:0 0 30px 0px;
height:auto;
}
.actu:last-child{
margin-bottom:0;
}
.actu h2{
margin-bottom:0 !important;
}
.actu h5{
position:relative;
top:0;
}

.actu p{ display:none;}
.offre .img{
width:100%;
height:120px !important;
position:relative;
background-repeat:no-repeat;
background-size:contain;
background-position:center center;
margin:0 !important;
padding:0 !important;
background-color:#f8f8f8;
border-radius:var(--myradius);
}
.actu .img{
height:160px !important;
}
.page .offre h2{font-size:1.2em !important;}

.demi,
.tiers,
.squarelink{
width:100% !important;
margin:0 0 30px 0!important;
padding:0 !important;
display:block !important;
}

.page .demi .img,
.page .tiers .img{
margin-bottom:10px;
}
.page,
.offset,
.page .txt.complet{
width:100% !important;
margin:0 !important;
text-align:left !important;
}
.page .txt.complet{
padding:30px !important;
}
.page .estimation{
}
.page .estimation input{
width:90% !important;
box-sizing:border-box;
margin-bottom:5px;
}
.page .estimation input[type=checkbox]{
width:auto !important;
}

.violette .fond.complet h5 a{
height:auto !important;
line-height:1em;
}

.page .squarlink{
width:100% !important;
padding:30px;
margin:auto;
}
.txt{
width:100%;
margin:0;
display:block;
}

#corps .full .demi{
width:100% !important;
margin:0 0 30px 0 !important;
}

.home.agence  .left .img,
.home.agence .right .img{
display:none;
}
.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;
margin-bottom:10px !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);
}
#newsletter,
#corps .txt.gauche,
#corps .txt.droite,
#corps .txt.complet{
margin-bottom:15px;
}

#corps .txt.droite,
#corps .txt.gauche{
padding:60px 30px 30px 30px;
}
#corps .txt.demi,
#corps .txt.tiers{
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;
}
}


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

.recrute{
display:none;
}

.breadcrumb{margin-bottom:20px;}

.liste-biens{
box-sizing:border-box;
width:100%;
padding:15px 30px !important;
text-align:center;
background:var(--ecru);
}
.liste-biens .preview{
width:100%;
box-sizing:border-box;
margin:0 0 45px 0;
}


#searchBiens {
padding:15px 0;
}
#searchBiens input,
#searchBiens select{
width:80% !important;
padding:2px 8px !important;
box-sizing:border-box;
height:32px !important;
border-radius:var(--myradius) !important;
display:block;
margin:5px auto;
}


 #accroche{
width:100%;
}


.metier{
width:130px;
height:260px;
margin:0 20px 40px 20px;
}
#corps .page .txt.complet.intro .offset{
width:100% !important;
}
.realisations .rea{
width:100%;
margin:0 0 30px 0;
}
.realisations{
padding:30px;
}


}