@charset "UTF-8";
/***!  /templates/lescercles/css/xl.css?a065d1  !***/

@media all {html, body{
width:100%;
font-family: 'Raleway', sans-serif;
font-size:18px;
background-color:#00414B;
margin:0;
padding:0;
min-height:100vh;
}

#debug{
position:fixed;
bottom:20px;
right:20px;
background-color:rgba(0, 0, 0, 0.5);
padding:20px;
color:#fff;
z-index:2000;
}

#site{

}


a{
color:#E0AC39;
}

a:hover{
text-decoration:none;
}

.sitecontainer{
max-width:1700px;
margin:0 auto;
}

.nopadding{
padding:0;
}

#mod-custom116{
position:relative;
width:100%;
height:100%;
}

#sitescreen{
//display:none;
}

#loadingscreen{
display:block;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}





header{
position:fixed;
top:0;
left:0;
width:100%;
z-index:1000;
transition:all 0.2s;
}

.headercontainer{
max-width:1660px;
width:100%;
margin:0 auto;
padding-left:15px;
padding-right:15px;
position:relative;
}


header.small{
background-color:#FBF9EC;
height:84px;
box-shadow:0 0 10px #333;
}

header .logo{
position:absolute;
top:0;
left:0;
width:245px;
height:209px;
z-index:2000;
transition:all 0.2s;
}

header .logo .version1{
position:absolute;
//background:url(https://lescercles.fr/templates/lescercles/images/les_cercles_version_1.png) no-repeat center !important;
width:100%;
height:100%;
top:18px !important;
left:0px !important;
pointer-events:none;
cursor:none;
opacity:1;
transition:all 0.2s;
background-size:cover;
z-index:2000;
}

header .logo .version2{
position:absolute;
width:29px;
height:236px;
top:18px !important;
left:40px !important;
transition:0.2s;
pointer-events:none;
cursor:none;
opacity:0;
transition:all 0.2s;
background-size:100%;
z-index:2000;
}

header .logo .version3{
position:absolute;
background:url(https://lescercles.fr/templates/lescercles/images/les_cercles_version_3.png) no-repeat center !important;
width:55px;
height:55px;
top:18px !important;
left:20px !important;
pointer-events:none;
cursor:none;
opacity:0;
transition:all 0.2s;
background-size:100%;
}

header .logo.small .version1{
opacity:0;
}

header .logo.small .version2{
opacity:0;
}

header .logo.small .version3{
opacity:1;
}

header .logo.small{
width:55px;
height:55px;
}




header .mainmenubutton{
font-size:11px;
width:44px;
height:44px;
background-color:#00414B;
border-radius:22px;
text-align:center;
line-height:44px;
color:#fff;
font-weight:600;
position:absolute;
top:20px;
right:20px;
cursor:pointer;
transition:all 0.2s;
z-index:1010;
}

header .mainmenu .background{
display:block;
position:absolute;
top:0;
right:-20px;
width:0;
background-color:#FBF9EC;
z-index:1001;
height:100%;
box-shadow:0 0 5px #333;
transition:width 0.3s;
}


header .mainmenubutton:hover{
background-color:#E68B43;	
}

header.small .mainmenu{
background-color:#f00;
}

header .mainmenu div.menu{
position:absolute;
top:-10000px;
right:0;
z-index:1005;
}

header .mainmenu div.menu ul{
margin:0;
padding:0;
display:block;
width:220px;
overflow:hidden;
}

header .mainmenu div.menu ul li{
margin:0;
padding:0;
display:block;
position:relative;
left:100%;
opacity:0;
letter-spacing:1px;
}

header .mainmenu div.menu ul li a{
text-transform:uppercase;
font-size:13px;
font-weight:800;
color:#00414B;
transition:all 0.2s;
display:inline-block;
padding:4px 0;
}

header .mainmenu div.menu ul li a:hover{
color:#73CBEB;
text-decoration:none;
}

header .mainmenu div.menu li.active a{
background:url(https://lescercles.fr/templates/lescercles/images/menu_bullet.png) no-repeat left center;
padding-left:13px;
color:#73CBEB;
}










header .mainmenu .iconsmenu{
position:absolute;
right:70px;
top:25px;
z-index:1005;
}

header .mainmenu .iconsmenu ul{
display:block;	
}

header .mainmenu .iconsmenu ul li{
display:inline-block;
padding-right:20px;
position:relative;
}

header .mainmenu .iconsmenu .facebook{
display:block;
width:30px;
height:30px;
text-indent:1000px;
overflow:hidden;
background:url(https://lescercles.fr/templates/lescercles/images/menu_icon_facebook.png) no-repeat center;
}

header .mainmenu .iconsmenu .instagram{
display:block;
width:30px;
height:30px;
text-indent:1000px;
overflow:hidden;
background:url(https://lescercles.fr/templates/lescercles/images/menu_icon_instagram.png) no-repeat center;
}

header .mainmenu .iconsmenu .fricon{
display:block;
width:30px;
height:30px;
text-indent:1000px;
overflow:hidden;
background:url(https://lescercles.fr/templates/lescercles/images/fr_icon.png) no-repeat center;
background-size:cover;
}

header .mainmenu .iconsmenu .enicon{
display:block;
width:30px;
height:30px;
text-indent:1000px;
overflow:hidden;
background:url(https://lescercles.fr/templates/lescercles/images/en_icon.png) no-repeat center;
background-size:cover;
}










.fullscreen{
width:100%;
height:100%;
}

.whitebackground{
background-color:#fff;
}




#fullscreenhero{
background-color:rgba(251, 249, 236, 1.00);
}

#fullscreenhero .moduletable, #fullscreenhero .moduletable .custom{
width:100%;
height:100%;
position:relative;
}


#fullscreenhero .fullscreen{
width:100%;
}

#fullscreenhero .introimage{
width:96%;
margin:0 2%;
height:100%;
text-align:center;
position:relative;
}

#fullscreenhero .introimage img{
position:absolute;
top:50%;
left:50%;
width:auto;
max-width:100%;
height:auto;
max-height:80%;
transform:translateX(-50%) translateY(-57%);
}

#fullscreenhero h1{
position:absolute;
bottom:40px;
width:100%;
text-align:center;
font-size:60px;
font-weight:200;
z-index:50;
}

#fullscreenhero h1 strong{
font-weight:500;
}




#animation_container{
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
}



#hero{
width:100%;
background-color:#FBF9EC;
position:relative;
}

#hero .introimage{
text-align:center;
height:100%;
}

#hero .introimage img{
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
height:95%;
width:auto;
max-height:100%;
margin:0 auto;
padding:2% 7% 7% 7%;
}

#hero h1{
position:absolute;
bottom:50px;
left:0;
display:block;
width:100%;
text-align:center;
margin:0;
padding:0;
font-weight:300;
font-size:50px;
z-index:100;
}

#hero h1 strong{
font-weight:600;
}

#animation_container{
margin:0 auto;
}

#animation_container canvas{
}

.homeoverlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(https://lescercles.fr/images/cercles_overlay_home.png) no-repeat;
background-position:right 95%;
}

.homeoverlay2{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(https://lescercles.fr/images/cercles_overlay_home2.png) no-repeat;
background-position:left 100%;
}

.connaitreoverlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(https://lescercles.fr/images/cercles_overlay_connaitre.png) no-repeat;
background-position:right 80%;
background-size:300px;
pointer-events:none;
}

.servicesoverlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(https://lescercles.fr/images/cercles_overlay_services.png) no-repeat;
background-position:right 90%;
}

.selectionoverlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(https://lescercles.fr/images/cercles_overlay_selection.png) no-repeat;
background-position:right 90%;
}

.temoignagesoverlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(https://lescercles.fr/images/cercles_overlay_temoignages.png) no-repeat;
background-position:right 90%;
}






.morearrow{
position:absolute;
bottom:0px;
left:50%;
transform:translateX(-50%);
z-index:50;
width:26px;
}



#menulevel2{
height:100px;
position:relative;	
}

#menulevel2.vendu{
background-color:#0097CD;
}

#menulevel2.avendre{
background-color:#173449;
}

#menulevel2 ul{
position:absolute;
top:60%;
left:20px;
transform:translateX(0%) translateY(-50%);
}

#menulevel2 ul a{
font-size:22px;
color:#FBF9EC;
padding:10px 20px;
border-radius:4px;
margin:0 10px;
text-transform:uppercase;
}

#menulevel2 ul li.active a{
border:solid 1px #FBF9EC;
}




.innerpage.introduction{
margin:0;
padding:30px 10%;
color:#fff;
text-align:center;
font-size:30px;
}

.innerpage.introduction p{
margin:0;
padding:0;
}

.squareblock{
width:100%;
position:relative;
padding-bottom:100%;
}

.squareblock .content{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.block .content{
width:80%;
margin:40px 10%;
text-align:left;
}

.block h1{
font-size:40px;
margin:0;
padding:0 0 40px 0;
font-weight:300;
}

.centerblock{
position:relative;
}

.centerblock .content{
position:absolute;
top:50%;
left:50%;
width:80%;
//margin:0 10%;
text-align:center;
transform:translateY(-50%) translateX(-50%);
color:#F9F8ED;
}

.centerblock h1{
font-size:40px;
margin:0;
padding:0 0 40px 0;
font-weight:300;
}

.centerblock h1 strong{
font-weight:600;
}

.centerblock p{
font-size:20px;
}

.centerblock p.introduction{
font-size:25px;
}



.centerblock .anim{
height:100%;
}

.centerblock .leftalign{
text-align:left;
}

.fullblockbutton{
font-family:'Raleway';
font-size:80px;
font-weight:600;
display:block;
margin:0 !important;
padding:0 !important;
width:100%;
height::100%;
background-color:transparent !important;
color:#F9F8ED !important;
transition:all 0.4s;
opacity:0.8;
}

.fullblockbutton:hover{
transform:scale(1.03);
opacity:1;
text-decoration:none;
}

.cerclesmask{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(https://lescercles.fr/images/cercles_mask.png) no-repeat center;
background-size:cover;
}



.block1{
background-color:#E68B43;
}

.block1 a{
color:#D44783;
}


.block2{
background-color:#8A459C;
}

.block2 a{
color:#4AB7DF;
}

.block3{
background-color:#0097CD;
}

.block3 a{
color:#8A459C;
}

.block4{
background-color:#D44783;
}

.block4 a{
color:#E78B43;
}

.block5{
background-color:#439A50;
}

.block5 a{
color:#439A50;
}

.block7{
background-color:#C7691E;
color:#FBF9EC;
}

.block8{
background-color:#FBF9EC;
}

.block8 h1{
color:#E68B43;	
}

.block8 p{
color:#5E5E5E;
}

.block9{
background-color:#EBA620;
}

.block10{
background-color:#AB034B;
}

.block11{
background-color:#70397F;
}

.block12{
background-color:#8E2751;
}

.block13{
background-color:#E0AC39;
}

.block14{
background-color:#256B7B;
}

.block15{
background-color:#FBF9EC;
}

.block15 p{
color:#5E5E5E;
}


.item-pageconcept h1{
color:#E68B43;
}

.item-pagevaleurs h1{
color:#8A459C;
}



.signature{
font-size:120%;
}






.backgroundimage{
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}

.squareimage{
position:relative;
width:100%;
background-size:cover !important;
background-position:center center !important;
transition:background-size 0.4s;
}

.doublesquareimage{
position:relative;
width:100%;
background-size:cover !important;
background-position:center center !important;
transition:background-size 0.4s;
}

.squareimage .squareimagecontent, .doublesquareimage .squareimagecontent{
display:block;
position:absolute;
width:100%;
top:50%;
left:0;
transform:translateY(-50%);
}

.squareimage .squareimagecontent h1{
width:450px;
margin:0 auto;
text-align:center;
font-weight:300;
font-size:40px;
}

.squareimage .squareimagecontent h1 strong{
font-weight:600;
}

.squareimageparallax{
width:100%;
transition:background-size 0.4s;
}

.squareimage:hover, .squareimageparallax:hover{
//background-size:110.5% !important;
}

.squareimage .squareimagecontainer, .squareimageparallax .squareimagecontainer{
padding-top:calc(100% + 30px);
}

.doublesquareimage .squareimagecontainer, .doublesquareimageparallax .squareimagecontainer{
padding-top:200%;
}


.image1{
background:url(https://lescercles.fr/images/femme_avec_cercle.webp) no-repeat;
}

.image2{
background:url(https://lescercles.fr/images/bulle.webp) no-repeat;
}

.image3{
background:url(https://lescercles.fr/images/cercle_escaliers.webp) no-repeat;
}

.image4{
background:url(https://lescercles.fr/images/cercle_bouton.webp) no-repeat;
}

.image5{
background:url(https://lescercles.fr/images/cercle_chemin_foret.jpg) no-repeat;
}

.image6{
background:url(https://lescercles.fr/images/cercle_foret_aerien.jpg) no-repeat;
}

.image7{
background:url(https://lescercles.fr/images/objectif.jpg) no-repeat;
}

.image8{
background:url(https://lescercles.fr/images/tasse_cafe.jpg) no-repeat;
}

.image9{
background:url(https://lescercles.fr/images/corde.jpg) no-repeat;
}

.image10{
background:url(https://lescercles.fr/images/equipe_lancer.jpg) no-repeat;
}

.image11{
background:url(https://lescercles.fr/images/fond_cercle_orange.png) no-repeat;
}

.image12{
background:url(https://lescercles.fr/images/fond_cercle_jaune.png) no-repeat;
}

.image13{
background:url(https://lescercles.fr/images/cercle_hublot.jpg) no-repeat;
}

.image14{
background:url(https://lescercles.fr/images/cercle_serrure.jpg) no-repeat;
}

.image15{
background:url(https://lescercles.fr/images/cercle_bouton.jpg) no-repeat;
}

.image16{
background:url(https://lescercles.fr/images/fond_cercle_rose.png) no-repeat;
}

.image17{
background:url(https://lescercles.fr/images/fond_cercle_bleu.png) no-repeat;
}

.image18{
background:url(https://lescercles.fr/images/fond_cercle_contact.png) no-repeat;
}

.image19{
background:url(https://lescercles.fr/images/fond_cercle_galerie.png) no-repeat;
}

.image20{
background:url(https://lescercles.fr/images/ville_bulle.webp) no-repeat;
}

.image_galerie{
background:url(https://lescercles.fr/images/concept_galerie.jpg) no-repeat;
}

.image_galerie_rizand{
background:url(https://lescercles.fr/images/2023_Sylvine/rizand_1.jpg) no-repeat;
}

.image_intro{
background:url(https://lescercles.fr/images/concept_intro.jpg) no-repeat;
}

.image_vente{
background:url(https://lescercles.fr/images/concept_vente.jpg) no-repeat;
}

.image_financement{
background:url(https://lescercles.fr/images/concept_financement.jpg) no-repeat;
}

.image_chasse{
background:url(https://lescercles.fr/images/concept_chasse.jpg) no-repeat;
}

.image_gestion{
background:url(https://lescercles.fr/images/concept_gestion_locative.jpg) no-repeat;
}

.image_diagnostics{
background:url(https://lescercles.fr/images/concept_diagnostics.jpg) no-repeat;
}

.image_diagnostic{
background:url(https://lescercles.fr/images/concept_diagnostic.jpg) no-repeat;
}

.image_photographie{
background:url(https://lescercles.fr/images/concept_photographie.jpg) no-repeat;
}

.image_homestaging{
background:url(https://lescercles.fr/images/concept_homestaging.jpg) no-repeat;
}

.image_batiment{
background:url(https://lescercles.fr/images/concept_batiment.jpg) no-repeat;
}

.image_architecture{
background:url(https://lescercles.fr/images/concept_architecture.jpg) no-repeat;
}

.image_permis{
background:url(https://lescercles.fr/images/concept_permis.jpg) no-repeat;
}

.image_droit{
background:url(https://lescercles.fr/images/concept_droit_immobilier.jpg) no-repeat;
}

.image_demenagement{
background:url(https://lescercles.fr/images/concept_demenagement.jpg) no-repeat;
}

.image_fiscalite{
background:url(https://lescercles.fr/images/concept_fiscalite.jpg) no-repeat;
}

.image_assurance{
background:url(https://lescercles.fr/images/concept_assurance.jpg) no-repeat;
}

.image_communication{
background:url(https://lescercles.fr/images/concept_communication.jpg) no-repeat;
}

.image_mailing{
background:url(https://lescercles.fr/images/concept_mailing.jpg) no-repeat;
}

.image_contact_plan{
background:url(https://lescercles.fr/images/contact_plan.png) no-repeat;
background-color:#FBF9EC;
}

.image_coach_demenagement{
background:url(https://lescercles.fr/images/coach_demenagement.jpg) no-repeat;
}

.image_homestaging_exterieur{
background:url(https://lescercles.fr/images/homestaging_exterieur.jpg) no-repeat;
}

.image_couverture{
background:url(https://lescercles.fr/images/image_couverture.jpg) no-repeat;
}

.image_feng_shui{
background:url(https://lescercles.fr/images/cercle_feng_shui.jpg) no-repeat;
}

.valeurs_bulle{
background:url(https://lescercles.fr/images/valeurs_bulle.jpg) no-repeat;
}

.valeurs_rondin{
background:url(https://lescercles.fr/images/valeurs_rondin.jpg) no-repeat;
}

.valeurs_place{
background:url(https://lescercles.fr/images/valeurs_place.jpg) no-repeat;
}

.valeurs_paysage{
background:url(https://lescercles.fr/images/valeurs_paysage.jpg) no-repeat;
}

.valeurs_fleur{
background:url(https://lescercles.fr/images/valeurs_fleur.jpg) no-repeat;
}

.valeurs_foot{
background:url(https://lescercles.fr/images/valeurs_foot.jpg) no-repeat center;
background-size:cover;
}

.tableau_1{
background:url(https://lescercles.fr/images/tableau.jpg) no-repeat;
}

.tableau_2{
background:url(https://lescercles.fr/images/tableau.jpg) no-repeat;
}









.content .link{
text-transform:uppercase;
font-size:20px;
font-weight:400;
margin:30px 0 0 0;
padding-left:40px;
background:url(https://lescercles.fr/templates/lescercles/images/details_white_link.png) no-repeat left center;
transition:all 0.2s;
}


.flaps{
overflow:hidden;
}

.squareimage.coordination .flap1 .content{
background-color:#973D62;
}

.squareimage.coordination .bigcircle{
position:absolute;
top:5%;
left:5%;
width:90%;
height:90%;
background-color:#FBF9EC;
border-radius:50%;
}




.flaps .flap1, .flaps .flap2, .flaps .flap1bis, .flaps .flap2bis{
cursor:pointer;
height:100%;
width:100%;
transition:transform 0.4s;
}

.flaps .flap1, .flaps .flap1 .content{
z-index:201;
}

.flaps .flap1bis, .flaps .flap1bis .content{
z-index:200;
}


.paintings{
color:#FBF9EC;
border:solid 20px #FBF9EC;
}

.paintings .row{
border:solid 20px #FBF9EC;
border-bottom:none;
}

.paintings .description{
padding:30px 30px 20px 30px;
}

.paintings img{
width:100%;
height:100%;
margin:0;
padding:0;
display:block;
}

.paintings h2{
display:block;
width:100%;
text-transform:uppercase;
}

.paintings p{
display:block;
width:100%;
}

.paintings .col-sm-6{
padding-left:0;
padding-right:0;
position:relative;
}

.paintings .smalldescription .content{
position:absolute;
left:30px;
padding-right:30px;
bottom:10px;
}

.paintings .row .col-sm-6:first-child{
border-right:solid 10px #FBF9EC;
}

.paintings .row .col-sm-6:last-child{
border-left:solid 10px #FBF9EC;
}



.avis{
background-color:#FBF9EC;
padding:90px;
font-size:18px;
color:#5E5E5E;
column-count:2;
column-gap:90px;
}

.avis .avisfacebook, .avis .avisgoogle, .avispagesjaunes{
break-inside: avoid-column;
padding-left:50px;
}

.avis .avisgoogle{
background:url(https://lescercles.fr/templates/lescercles/images/avis_google.png) no-repeat left 10px;
margin-bottom:40px;
}

.avis .avisfacebook{
background:url(https://lescercles.fr/templates/lescercles/images/avis_facebook.png) no-repeat left 10px;
margin-bottom:40px;
}

.avis .avispagesjaunes{
background:url(https://lescercles.fr/templates/lescercles/images/avis_pages_jaunes.png) no-repeat left 10px;
margin-bottom:40px;
}

.avis .nom{
font-size:32px;
color:#D44783;
display:block;
margin-bottom:20px;
}









#adsearchbar{
background-color:#0097CD;
height:80px;
}

#adsearchbarsell{
background-color:#173449;
height:80px;
}


#adlisting{
background-color:#FBF9EC;
}

#adlistingsell{
background-color:#FBF9EC;
}

#adlisting .listingimage, #adlistingsell .listingimage{
position:relative;
width:100%;
padding-top:100%;
background-size:cover !important;
background-position:center center !important;
background-repeat:no-repeat !important;
overflow:hidden;
}

#adlisting .listingimage .circlemask{
display:block;
position:absolute;
top:50%;
left:50%;
width:100%;
height:100%;
transform:translateX(-50%) translateY(-50%) scale(1);
background:url(https://lescercles.fr/templates/lescercles/images/circle_mask.png) no-repeat center;
background-size:cover;
transition:all 1s;
}

#adlistingsell .listingimage .circlemask{
display:block;
position:absolute;
top:50%;
left:50%;
width:100%;
height:100%;
transform:translateX(-50%) translateY(-50%) scale(1);
background:url(https://lescercles.fr/templates/lescercles/images/circle_mask_sell.png) no-repeat center;
background-size:cover;
transition:all 1s;
}

#adlisting .listingimage .circlemask.onscreen, #adlistingsell .listingimage .circlemask.onscreen{
transform:translateX(-50%) translateY(-50%) scale(1.8);
}

.svg-container {
display: inline-block;
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow: hidden;
}


#adsearchbarsell, #adsearchbar{
position:relative;
}

#adsearchbarsell form, #adsearchbar form{
z-index:900;
position:absolute;
top:40%;
transform:translateY(-50%);
margin-left:50px;
}

#adsearchbarsell form .title, #adsearchbar form .title{
display:inline-block;
color:#fff;
padding-right:20px;
} 

#adsearchbarsell form .filter, #adsearchbar form .filter{
display:inline-block;
padding-right:20px;
}

#adsearchbarsell form .filter input[type="submit"], #adsearchbar form input[type="submit"]{
border:0;
background-color:#FBF9EC;
border-radius:5px;
padding:4px 10px;
color:#000;
}


#adlisting .listinginfo a, #adlistingsell .listinginfo a{
display:block;
position:relative;
width:100%;
height:100%;
}

#adlisting .listinginfo .content, #adlistingsell .listinginfo .content{
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
color:#474747;
font-size:25px;
line-height:150%;
min-width:70%;
}

#adlisting .listinginfo .content h1{
font-size:50px;
color:#0097CD;
text-transform:uppercase;
margin:0;
padding:0 0 20px 0;
line-height:150%;
}

#adlistingsell .listinginfo .content h1{
font-size:50px;
color:#173449;
text-transform:uppercase;
margin:0;
padding:0 0 20px 0;
line-height:150%;
}

#adlisting .listinginfo .content h2, #adlistingsell .listinginfo .content h2{
font-size:25px;
color:#474747;
font-weight:400;
margin:0;
padding:0;
line-height:150%;
}

#adlisting .listinginfo .content label{
margin:0;
padding:0;
color:#0097CD;
line-height:150%;
}

#adlistingsell .listinginfo .content label{
margin:0;
padding:0;
color:#173449;
line-height:150%;
}

#adlisting .listinginfo .content .link, #adlistingsell .listinginfo .content .link{
text-transform:uppercase;
font-size:20px;
font-weight:800;
margin:30px 0 0 0;
padding-left:40px;
background:url(https://lescercles.fr/templates/lescercles/images/details_link.png) no-repeat left center;
transition:all 0.2s;
}

#adlisting .listinginfo:hover .content .link{
background-position:5px center;
color:#0097CD;
}

#adlistingsell .listinginfo:hover .content .link{
background-position:5px center;
color:#173449;
}

#adlisting .loadmore, #adlistingsell .loadmore{
height:160px;
background-color:#EFEBDF;
}

#adlisting .loadmore .loadmoretext, #adlistingsell .loadmore .loadmoretext{
cursor:pointer;
height:160px;
text-align:center;
background:url(https://lescercles.fr/templates/lescercles/images/down_arrow.png) no-repeat center 65%;
background-color:#EFEBDF;
text-transform:uppercase;
font-size:22;
font-weight:700;
color:#00414B;
}

#adlisting .loadmore span, #adlistingsell .loadmore span{
display:inline-block;
padding-top:45px;
font-size:28px;
}


#propertydetails .reference{
font-size:56px;
padding-bottom:20px;
}

#propertydetails .propertyintro{
position:relative;
}

#propertydetails .propertyreference{
position:absolute;
left:0;
bottom:130px;
background-color:#173449;
padding:20px 70px;
font-size:50px;
color:#FAF6EC;
text-transform:uppercase;
font-weight:300;
}

#propertydetails .propertyinfo{
background-color:#173449;
padding:60px 200px 120px 200px;
color:#FBF9EC;
font-size:28px;
}

#propertydetails .propertyinfo h1{
display:block;
margin:0;
padding:2px 0;
font-size:30px;
font-weight:400;
}

#propertydetails .propertyinfo h2{
display:block;
margin:0;
padding:2px 0;
font-size:30px;
font-weight:400;
text-transform:lowercase capitalize;
}

#propertydetails .propertyinfo h3{
display:block;
margin:0;
padding:2px 0;
font-size:30px;
font-weight:400;
}

#propertydetails .propertyinfo .description{
margin:50px 0 100px 0;
padding:0;
font-size:22px;
}


#propertydetails .propertydata{
font-size:18px;
column-count:2;
column-gap:60px;
margin-bottom:40px;
}

#propertydetails .propertydata .data{
display:inline-block;
width:100%;
text-align:right;
clear:both;
border-top:solid 1px #007587;
padding:5px 0;

}

#propertydetails .propertydata .data:first-child{
//border-top:solid 1px #007587;
}

#propertydetails .propertydata label{
color:#4AB7DF;
float:left;
margin:0;
padding:0 20px 0 0;
}

#propertydetails .images .image{
position:relative;
overflow:hidden;
}

#propertydetails .images .image img{
width:100%;
}

#propertydetails .images .image .circlemask2{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(https://lescercles.fr/templates/lescercles/images/circle_mask2.png) no-repeat center;
background-size:cover;
transition:transform 1s;
}

#propertydetails .images .image .circlemask2.onscreen{
transform:scale(2.5);
}

#propertydetails .imagesnavigatorcontainer{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:900;
}

#propertydetails .imagesnavigator{
position:relative;
width:100%;
max-width:1700px;
height:100%;
margin:0 auto;
//display:none;
}

#propertydetails .imagesnavigator.showdots{
display:block;
//-moz-animation: showdots 0.5s forwards;
//-webkit-animation: showdots 0.5s forwards;
//animation: showdots 0.5s forwards;
}

#propertydetails .imagesnavigator.hidedots{
display:block;
//-moz-animation: hidedots 0.5s forwards;
//-webkit-animation: hidedots 0.5s forwards;
//animation: hidedots 0.5s forwards;
}

#propertydetails .imagesnavigator .dots{
position:absolute;
right:20px;
top:50%;
display:inline-block;
transform:translateY(-50%);
}

#propertydetails .imagesnavigator .dots .dot{
//padding:5px 0;
}

#propertydetails .imagesnavigator .dots .dot a i{
font-size:14px;
color:#fff;
opacity:0.5;
transition:opacity 0.3s;
}

#propertydetails .imagesnavigator .dots .dot i.current{
opacity:1;
}





#propertydetails .container.share{
position:relative;
z-index:950;
text-align:center;
padding:40px 0;
}

#propertydetails .container.video{
position:relative;
z-index:950;
}

#propertydetails .container.share a{
font-family:'Raleway', sans-serif;
font-size:28px;
font-weight:400;
color:#fff;
text-transform:uppercase;
border:solid 1px #0097CD;
display:block;
line-height:60px;
transition:all 0.2s;
}

#propertydetails .container.share a:hover{
background-color:#0097CD;
text-decoration:none;
}

.shareicon{
display:inline-block;
margin:20px;
padding:0;
width:64px;
height:64px;
cursor:pointer;
}

.shareicon:hover{
background-position:0 -64px !important;
}

.shareicon.facebook{
background:url(https://lescercles.fr/images/share_facebook.png) no-repeat top center;
}

.shareicon.twitter{
background:url(https://lescercles.fr/images/share_twitter.png) no-repeat top center;
}

.bottominfo{
width:60%;
text-align:center;
margin:0 20%;
font-size:70%;
}











#bottombanner{
position:relative;
height:500px;
}

#bottombannertall{
position:relative;
height:650px;
}

#bottombanner .backgroundimage, #bottombannertall .backgroundimage{
background-position:center center !important;
background-size:cover !important;
}

#bottombanner .content, #bottombannertall .content{
position:absolute;
width:100%;
top:50%;
left:0;
text-align:center;
transform:translateY(-50%);
}

#bottombanner .content h1, #bottombannertall .content h1{
width:80%;
margin:0;
padding:0;
color:#fff;
font-weight:300;
margin:0 auto;
font-size:50px;
}

#bottombanner .content h1 strong, #bottombannertall .content h1 strong{
font-weight:600;	
}

#bottombanner .content a, #bottombannertall .content a{
font-family:"Roboto", sans-serif;
background-color:#E68B43;
color:#F9F8ED;
padding:15px 30px;
border-radius:5px;
font-size:20px;
text-transform:uppercase;
font-weight:400;
display:inline-block;
transition:all 0.2s;
margin-top:40px;
transition:all 0.2s;
}

#bottombanner .content a:hover, #bottombannertall .content a:hover{
background-color:#F9F8ED;
color:#E68B43;
text-decoration:none;
}






#letemps{
background-color:#F9F8ED;
margin-top:-20px;
padding-top:80px;
padding-left:100px;
padding-right:100px;
}

#letempsarticle img{
max-width:100%;
}

#letemps .overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(https://lescercles.fr/templates/lescercles/images/le_temps_overlay.png) no-repeat center;
background-size:cover;
z-index:1;
transition:transform 0.5s;
}

#letemps .introimage{
position:relative;
width:100%;
padding-top:100%;
overflow:hidden;
}

#letemps .introimage img{
height:100%;
}

#letemps .introimage .content{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
overflow:hidden;
}

#letemps .introimage img{
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
}

#letemps .articles .article{
background-color:#fff;
height:100%;
transition:all 0.2s;
}

#letemps .articles .article:hover{
box-shadow:0 0 10px #aaa;
}

#letemps .articles .article:hover .overlay{
transform:scale(1.6);
}

#letemps .articles .articlerow{
margin-bottom:40px;
}

#letemps .articles .article .texts{
padding:20px;
}

#letemps .articles h1,
#letemps .articles h2{
color:#EE443A;
font-size:24px;
font-weight:400;
margin:0;
padding:20px 0;
}

#letemps .articles .articlerow a{
color:#5e5e5e;
}

#letemps .articles .articlerow a:hover{
color:#5e5e5e;
text-decoration:none;
}

#letemps .articlesloader{
text-align:center;
padding-bottom:40px;
}

#letemps .articlesloader a{
color:#EE443A;
}


#letempsarticle{
background-color:#FBF9EC;
padding-bottom:80px;
}

#letempsarticle .introimage{
width:100%;
height:700px;
background-size:cover !important;
}

#letempsarticle .overallcontent{
background-color:#fff;
padding:40px 80px;
margin:-180px 80px 0px 40px;
}

#letempsarticle .overallcontent .date{
font-family:'Raleway', sans-serif;
font-size:15px;
font-weight:600;
color:#B7B5AE;
}
#letempsarticle .overallcontent h1{
color:#EE443A;
font-size:30px;
margin:0;
padding:20px 0 40px 0;
}

#letempsarticle .overallcontent h2{
color:#EE443A;
font-size:26px;
margin:20px 0 10px 0;
}

#letempsarticle .overallcontent h3{
color:#EE443A;
font-size:20px;
}

#letempsarticle .overallcontent .content{
column-count:1;
column-gap:80px;
font-size:18px;
color:#5E5E5E;
}


.singlepagearticle{
background-color:#EFEBDF;
padding:40px;
margin-top:-20px;
}





footer{
height:350px;
background-color:#EFEBDF;
position:relative;
}

footer .copyright{
position:absolute;
bottom:40px;
left:0;
font-family:'Raleway', sans-serif;
color:#A39A93;
font-size:15px;
text-transform:uppercase;
width:100%;
text-align:center;
}


footer .footerlogo{
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
}


footer .footermenu{
position:absolute;
bottom:10px;
right:0;
width:100%;
text-align:center;
}

footer .footermenu .nav{
display:initial;
}

footer .footermenu a{
font-family:'Raleway', sans-serif;
color:#A39A93;
font-size:15px;
text-transform:uppercase;
}

footer .block1{
position:absolute;
z-index:900;
width:400px;
top:50%;
left:47%;
transform:translateY(-50%) translateX(-100%);
margin-top:-20px;
text-align:center;
background-color:transparent;
}

footer .block2{
position:absolute;
z-index:900;
width:400px;
margin-left:3%;
top:50%;
left:52%;
transform:translateY(-50%);
margin-top:-20px;
text-align:center;
background-color:transparent;
}

footer .block1 a, footer .block2 a{
font-family:'Raleway', sans-serif;
text-transform:uppercase;
color:#00414B;
font-size:20px;
font-weight:600;
transition:color 0.2s;
}

footer .block1 a:hover, footer .block2 a:hover{
color:#73CBEB;
text-decoration:none;
}







.exc1{
margin:0 30%;
}








.loadercontainer{
position:relative;
height:200px;
}

.loader{
position:relative;
width:100%;
height:100%;
}

.loader img{
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
animation-name:lescerclesloader;
animation-duration:3s;
animation-iteration-count:infinite;
animation-timing-function: linear;
}








#backtotop{
position:fixed;
z-index:950;
bottom:20px;
right:120px;
font-size:40px;
opacity:0.5;
display:none;
}

#backtotop a{
color:#ccc;
transition:all 0.2s;
}

#backtotop a:hover{
color:#fff;
}



.arrow {
position: absolute;
bottom: 0;
left: 50%;
width: 26px;
height: 30px; /*change with size of arrow to make sit on bottom */
transform:translateX(-50%);
}

.arrow i {
 display: block;
 color: #ccc;
 font-size:28px;
// text-shadow:0 0 5px #333;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}











.customselectdiv select{
display:none;
}

.customselectdiv .selectedvalue{
display:inline-block;
background-color:#FBF9EC;
min-width:250px;
padding:4px 10px;
cursor:pointer;
}

.customselectdiv ul{
position:absolute;
max-height:200px;
overflow-y:scroll;
overflow-x:hidden;
margin:0;
padding:0;
z-index:900;
list-style-type:none;
display:none;
}

.customselectdiv ul.open{
display:block;
}

.customselectdiv ul li{
background-color:#FBF9EC;
border-bottom:solid 1px #ccc;
padding:4px 10px;
min-width:250px;
cursor:pointer;
position:relative;
opacity:0;
}

.customselectdiv ul li.list-item-placeholder{
background-color:#DBD9CC;
}





.chronoforms6_credits{
display:none;
}

.chronoforms{
padding-bottom:30px !important;
}


.chronoforms label{
font-family:'Raleway' !important;
color:#fff !important;
font-size:16px !important;
font-weight:400 !important;
padding-bottom:6px !important;
}

.chronoforms button{
background-color:transparent !important;
border:solid 1px #fff !important;
padding:10px 30px !important;
color:#fff !important;
text-transform:uppercase !important;
float:right !important;
transition:all 0.2s;
}

.chronoforms button:hover{
background-color:#fff !important;
color:#E0AC39 !important;
}

.ui.form .required.field>.checkbox:after, .ui.form .required.field>label:after, .ui.form .required.fields.grouped>label:after, .ui.form .required.fields:not(.grouped)>.field>.checkbox:after, .ui.form .required.fields:not(.grouped)>.field>label:after{
color:#fff !important;
}





.fancybox-stage a:focus{
border:0;
outline:none;
}





#letemps .pagination{
display:block;
text-align:center;
padding-bottom:20px;
width:100%;
}

#letemps .pagination p{
font-weight:bold;
}

#letemps .pagination ul{
list-style-type:none;
margin:0;
padding:0;
}

#letemps .pagination ul li{
display:inline-block;
padding:0 10px;
}

#letemps .pagination ul li.pagination-start span, #letemps .pagination ul li.pagination-prev span, #letemps .pagination ul li.pagination-next span, #letemps .pagination ul li.pagination-end span{
opacity:0;
display:inline-block;
width:34px;
height:34px;
}

#letemps .pagination ul li.pagination-prev span{
margin-right:40px;
}

#letemps .pagination ul li.pagination-next span{
margin-left:40px;
}

#letemps .pagination ul li.pagination-start a{
display:inline-block;
width:34px;
height:34px;
background:url(https://lescercles.fr/templates/lescercles/images/first.png) no-repeat center;
text-indent:-10000px;
}

#letemps .pagination ul li.pagination-prev a{
display:inline-block;
width:34px;
height:34px;
background:url(https://lescercles.fr/templates/lescercles/images/previous.png) no-repeat center;
text-indent:-10000px;
margin-right:40px;
}

#letemps .pagination ul li.pagination-next a{
display:inline-block;
width:34px;
height:34px;
background:url(https://lescercles.fr/templates/lescercles/images/next.png) no-repeat center;
text-indent:-10000px;
margin-left:40px;
}

#letemps .pagination ul li.pagination-end a{
display:inline-block;
width:34px;
height:34px;
background:url(https://lescercles.fr/templates/lescercles/images/last.png) no-repeat center;
text-indent:-10000px;
}

#hero ul.nav{
display:initial;
}







.noelimage{
width:300px;
}

.noelvideo{
width:500px;
margin-bottom:20px;
}

.noeltitre{
text-align:center;
padding-top:40px;
width:80%;
margin:0 10%;
color:#444;
}

.noeltext{
color:#444;
font-size:160%;
text-align:center;
}

li.item-193{
}

li.item-102{
display:none !important;
}





#hero .custom h2{
font-size:36px;
}




.letempsmodule{
background-color:#f9f8ed;
padding:40px;
}

.letempsmodule h2{
text-align:center;
text-transform:uppercase;
color:#EE443A;
margin:20px 0;
}

.letempsmodule .intro{
font-size:18px;
text-align:center;
width:70%;
margin:0 auto;
padding-bottom:30px;
}

.letempsmodule .tous{
text-align:center;
margin:40px 0 20px 0;
}

.letempsmodule .articles ul{
display:flex;
list-style-type:none;
margin:0;
padding:0;
}

.letempsmodule .articles ul li{
width:31.3%;
margin:0 1%;
background-color:#fff;
transition:all 0.2s;
}

.letempsmodule .articles ul li:hover{
box-shadow:0 0 10px #aaa;
}

.letempsmodule .articles ul li:hover .overlay{
transform:scale(1.6);
}

.letempsmodule .articles .overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(https://lescercles.fr/templates/lescercles/images/le_temps_overlay.png) no-repeat center;
background-size: cover;
z-index: 1;
transition: transform 0.5s;
}

.letempsmodule .articles .intro_image{
position:relative;
width:100%;
padding-top:100%;
overflow:hidden;
}

.letempsmodule .articles .intro_image img{
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
height:100%;
}

.letempsmodule .articles .texts{
padding:20px;
font-size:18px;
}

.letempsmodule .articles .texts h3{
color: #EE443A;
font-size: 24px;
font-weight: 400;
margin: 0;
padding: 20px 0;
}

.letempsmodule .articles a{
color:#5e5e5e;
}










.flex-row{
display:flex;
}

.flex-row .block{
width:50%;
}



.homearticle{
padding:60px;background-color:#f9f8ed;
}

.homearticle .content{
background-color:#fff;
padding:40px;
}

.homearticle img{
float:left;
width:40%;
padding:0 40px 20px 0;
}

.homearticle h2{
color: #EE443A;
font-size: 28px;
font-weight: 400;
margin: 0;
padding: 0 0 20px 0;
}

.homearticle h3{
color: #EE443A;
font-size: 24px;
font-weight: 400;
margin: 0;
padding: 20px 0;
}


.homearticle strong{
font-weight:600;
}






.columns3{
display:flex;
column-gap:60px;
}

.columns3>div{
width:33.3%;
}

#shortinfo .content h1{
color:#fff;
font-size:2rem;
font-weight:500;
line-height:1.2;
}

#shortinfo .content h2{
color:#fff;
}




.nui.form .field{
gap:0 !important;
}

.nui.form .field>label, .nui.form .fields>label{
font-weight:400 !important;
}

.nui.form .field input[type=date], .nui.form .field input[type=datetime-local], .nui.form .field input[type=email], .nui.form .field input[type=month], .nui.form .field input[type=number], .nui.form .field input[type=password], .nui.form .field input[type=time], .nui.form .field input[type=week], .nui.form .field textarea, .nui.form .field:not(.editor) input[type=text], input.check-selector{
padding:5px !important;
}

.nui.button{
font-weight:400 !important;
}

.chronocredits{
display:none;
}






#qx-video-4387{
max-width:600px;
margin:0 auto;
}}