/*****************/
/***** FONTS *****/
/*****************/
@font-face{
font-family:'Gotham-Bold';
src:url('../fonts/Gotham-Bold.eot');
src:url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gotham-Bold.woff') format('woff'),
url('../fonts/Gotham-Bold.ttf') format('truetype');
}

@font-face{
font-family:'Gotham-Light';
src:url('../fonts/Gotham-Light.eot');
src:url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gotham-Light.woff') format('woff'),
url('../fonts/Gotham-Light.ttf') format('truetype');
}

@font-face{
font-family:'GothamBook-Italic';
src:url('../fonts/GothamBook-Italic.eot');
src:url('../fonts/GothamBook-Italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/GothamBook-Italic.woff') format('woff'),
url('../fonts/GothamBook-Italic.ttf') format('truetype');
}


@font-face{
font-family:'GothamBook';
src:url('../fonts/GothamBook.eot');
src:url('../fonts/GothamBook.eot?#iefix') format('embedded-opentype'),
url('../fonts/GothamBook.woff') format('woff'),
url('../fonts/GothamBook.ttf') format('truetype');
}

@font-face{
font-family:'Gotham-XLight';
src:url('../fonts/Gotham-XLight.eot');
src:url('../fonts/Gotham-XLight.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gotham-XLight.woff') format('woff'),
url('../fonts/Gotham-XLight.ttf') format('truetype');
}


/*****************/
/**** GENERAL ****/
/*****************/

*{
box-sizing:border-box;
margin:0;
padding:0;
outline:none;
}

html, body{min-height:100%;}

html{overflow-x:hidden;}

.disable_scroll{
position:fixed;
width:100%;
overflow-y:hidden;
}

body{
font-family:"GothamBook", sans-serif;
font-size:13px;
line-height:130%;
background-color:#fff;
width:100%;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-text-size-adjust:100%;
font-weight:300;
color:#003559;
overflow:hidden;
}

input{
-webkit-appearance:none;
border-radius:0;
}

textarea{
resize:none;
overflow:auto;
}

::-webkit-input-placeholder{
color:#989898;
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
}

:-moz-placeholder{
color:#989898;
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
}

::-moz-placeholder{
color:#989898;
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
}

:-ms-input-placeholder{
color:#989898;
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
}

::-moz-selection{
background:#000000; /* WebKit/Blink Browsers */
color:white;
}

::selection{
background:#000000; /* WebKit/Blink Browsers */
color:white;
}
::-moz-selection{
background:#000000; /* Gecko Browsers */
color:white;
}

button{
background:transparent;
border:none;
cursor:pointer;
}

a{
border:none;
text-decoration:none;
color:inherit;
font-weight:inherit;
}

video{
max-width:100%;
height:auto;
}

table{border-collapse:collapse;}

img{
border:none;
max-width:100%;
}

ul{list-style-type:none;}

ul, ol{list-style-position:inside;}

label{display:block;}

canvas{-ms-touch-action:double-tap-zoom;}

h1, h2, h3, h4, h5{
font-weight:normal;
display:block;
}

header, nav, footer, section, article, aside, figure, figcaption, mark, time{display:block;}

sup, sub{text-transform:none;}

.clrb{clear:both;}

.noselect{
-webkit-touch-callout:none; /* iOS Safari */
-webkit-user-select:none; /* Safari */ /* Konqueror HTML */
-moz-user-select:none; /* Firefox */
-ms-user-select:none; /* Internet Explorer/Edge */
user-select:none; /* Non-prefixed version, currently
supported by Chrome and Opera */
}

strong, p strong, .paragraphe strong{
font-family:'Gotham-Bold';
font-weight:normal;
}

::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
color:#989898;
letter-spacing:1.2px;
}

::-moz-placeholder{ /* Firefox 19+ */
color:#989898;
letter-spacing:1.2px;
}

:-ms-input-placeholder{ /* IE 10+ */
color:#989898;
letter-spacing:1.2px;
}

:-moz-placeholder{ /* Firefox 18- */
color:#989898;
letter-spacing:1.2px;
}

.editor em, .editor i{
font-family:'GothamBook-Italic';
font-style:normal;
}

.editor b, .editor strong{
font-family:'Gotham-Bold';
font-weight:normal;
}

.editor em strong, .editor i strong, .editor em b, .editor i b, .editor b i, .editor strong i, .editor b em, .editor strong em{
font-family:'Gotham-Bold';
font-style:italic;
}

.editor a{
color:#003559;
text-decoration:underline;
}

.editor .maj{
letter-spacing:3px;
text-transform:uppercase;
font-size:19px;
}

.editor .grandgras{
font-family:'Gotham-Bold';
font-size:25px;
}

#contenu_all{
transition:all 0.5s;
opacity:1;
}

#contenu_all.is_loading{
transition:all 0.5s;
opacity:0;
}


/************/
/***GLOBAL***/
/************/

.beauty_scroll::-webkit-scrollbar{width:3px;}

.beauty_scroll::-webkit-scrollbar-track{background-color:#efefef;}

.beauty_scroll::-webkit-scrollbar-thumb{
border-radius:3px;
background-color:#003559;
}

.beauty_scroll::-webkit-scrollbar-thumb:hover{background-color:#003559;}

.vcenter{
position:relative;
top:50%;
transform:translateY(-50%);
display:block;
}

.center_txt{text-align:center;}

.inline_top{
display:inline-block;
vertical-align:top;
}

.inline_middle{
display:inline-block;
vertical-align:middle;
}

.after:after{
position:absolute;
content:'';
}

.before:before{
position:absolute;
content:'';
}

.blue_bg{background:#0a2131;}

.grey_bg{background:#f0f0f0;}

.blue_color{color:#003559;}


/**********/
/**HEADER**/
/**********/

.header{
background:#fff;
display:block;
position:relative;
transition:all 0.3s;
}

.left_notaires{
position:absolute;
left:100px;
top:80px;
width:80px;
display:block;
}

header .logo{
margin:0 auto;
padding-top:100px;
display:block;
width:570px;
transition:none;
}

header .logo img{
display:block;
width:100%;
}

.right_header_link{
position:absolute;
right:90px;
top:120px;
}

.right_header_link a{
width:21px;
display:inline-block;
vertical-align:middle;
margin:0 14px;
}

.right_header_link a.off{opacity:0.2;}

.right_header_link a img{
display:block;
width:100%;
}

.menu{
display:block;
text-align:center;
padding:50px 0;
position:relative;
}

.menu a{
display:inline-block;
vertical-align:middle;
padding:0 20px;
text-transform:uppercase;
font-size:12px;
letter-spacing:4px;
position:relative;
padding-left:20px;
}

.menu a.selected_link, .menu a:hover{font-family:'Gotham-Bold';}

.right_header_link a:after{
content:attr(title);
position:absolute;
background:#003559;
left:50%;
transform:translateX(-50%);
padding:8px 12px;
color:white;
font-size:9px;
letter-spacing:2px;
top:-50px;
transition:all 0.3s;
opacity:0;
white-space:nowrap;
text-transform:uppercase;
pointer-events:none;
}

.right_header_link a:hover:after{
transition-delay:0.1s;
opacity:1;
top:-45px;
}

.menu a:after{
position:absolute;
content:'';
width:1px;
height:100%;
right:0;
top:0;
background:#003559;
}

.menu a:last-child:after{display:none;}

.header.fixed{
position:fixed;
top:0;
left:0;
width:100%;
z-index:1000;
padding:40px 60px;
transition:none;
}

.header.fixed .left_notaires, body.annonces .header .left_notaires{display:none;}

.header.fixed .logo{
padding-top:0;
display:inline-block;
vertical-align:middle;
width:15%;
}

.header.fixed .right_header_link{
top:40px;
right:60px;
}

.header.fixed .menu{
display:inline-block;
vertical-align:middle;
margin:0;
padding:0;
width:73%;
}

.header.fixed{
position:fixed;
background-color:rgba(255, 255, 255, 0.9);
padding-bottom:0;
font-size:12px;
display:none;
border-bottom:1px solid #f2f2f2;
}

/*************************************NEW HEADER*******************************/
.new_header.pop{
opacity:1;
top:0;
}

.new_header{
display:block;
opacity:0;
transition:opacity 0.5s, top 0.5s;
position:fixed;
background-color:white;
padding:40px 60px;
font-size:12px;
top:-98px;
width:100%;
z-index:4000;
box-shadow:0px 2px 5px 0px #d1d1d1;
}

.new_header > a img{width:100%;}

.new_header > a{
padding-top:0;
display:inline-block;
vertical-align:middle;
width:15%;
text-align:center;
margin:0 auto;
}

.new_header .nav{
display:inline-block;
vertical-align:middle;
text-align:center;
position:relative;
margin:0;
padding:0;
width:73%;
}

.new_header .nav a{
display:inline-block;
vertical-align:middle;
padding:0 20px;
text-transform:uppercase;
font-size:12px;
letter-spacing:4px;
position:relative;
}

.new_header .nav a:hover{font-weight:bold;}

.new_header .nav a:after{
position:absolute;
content:'';
width:1px;
height:100%;
right:0;
top:0;
background:#003559;
}

.new_header .nav a:last-child:after{display:none;}

.new_header .right a{
width:21px;
display:inline-block;
vertical-align:middle;
margin:0 14px;
}

.new_header .right a img{
display:block;
width:100%;
}

.new_header .right{
position:absolute;
top:40px;
right:60px;
}

.new_header .right a:after{
content:attr(title);
position:absolute;
background:#003559;
left:50%;
transform:translateX(-50%);
padding:8px 12px;
color:white;
font-size:9px;
letter-spacing:2px;
top:-50px;
transition:all 0.3s;
opacity:0;
white-space:nowrap;
text-transform:uppercase;
pointer-events:none;
}

.new_header .right a:hover:after{
transition-delay:0.1s;
opacity:1;
top:-45px;
}

.new_header .back_btn{
display:none;
position:absolute;
left:100px;
top:115px;
margin:0;
padding-left:25px;
}

.new_header .back_btn.btn:after{width:14px;}

.new_header .menu_responsive{
width:28px;
height:28px;
display:none;
position:absolute;
top:30px;
right:20px;
cursor:pointer;
background:url(../img/menu_responsive.svg) no-repeat center center;
background-size:100% 100%;
}

/********************************************************************************/
.header .back_btn{
display:none;
position:absolute;
left:100px;
top:115px;
margin:0;
padding-left:25px;
}

.header .back_btn.btn:after{width:14px;}

.header .menu_responsive{
width:28px;
height:28px;
display:none;
position:absolute;
top:30px;
right:20px;
cursor:pointer;
background:url(../img/menu_responsive.svg) no-repeat center center;
background-size:100% 100%;
}

.header .icon_mobile{
position:absolute;
display:none;
bottom:0;
right:100px;
}

.header .icon_mobile.hidden, .new_header .icon_mobile.hidden{display:none;}

.header .icon_mobile span{
display:inline-block;
width:25px;
height:25px;
vertical-align:middle;
background-size:100% 100%;
background-repeat:no-repeat;
background-position:center center;
margin:0 10px;
cursor:pointer;
}

.header .icon_mobile span.phone{background-image:url(../img/icons/phone.svg);}

.header .icon_mobile span.map{background-image:url(../img/icons/marker.svg);}

.header.fixed .icon_mobile{
bottom:-12px;
text-align:center;
}

body > .menu_responsive{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(10, 33, 49, 0.95);
text-align:center;
padding:100px 30px 0 30px;
opacity:0;
transition:all 0.5s;
}

body > .menu_responsive a{
color:#fff;
text-transform:uppercase;
font-size:18px;
font-family:'Gotham-Bold';
display:block;
}

body > .menu_responsive.over{
display:block;
z-index:5000;
opacity:1;
}

body > .menu_responsive a + a{margin-top:25px;}

body > .menu_responsive .close{
width:15px;
height:15px;
display:block;
position:absolute;
top:30px;
right:30px;
cursor:pointer;
background:url(../img/close.svg) no-repeat center center;
background-size:100% 100%;
}

body.annonces .header.fixed .logo{width:35%;}

body.annonces .header .back_btn{display:inline-block;}

body.annonces .header .menu{display:none;}

body.annonces .header{padding-bottom:55px;}

body.annonces .header.fixed .back_btn{top:45px;}

body.annonces .header.fixed{padding-left:300px;}

body.annonces footer{border-top:none;}


/**********/
/*HOMEPAGE*/
/**********/

.classic_section{padding:100px;}

.banner{
position:relative;
padding:0 100px;
margin-bottom:100px;
height:800px;
}

.wrapper_img_banner{
position:relative;
overflow:hidden;
width:100%;
height:100%;
}

.wrapper_img_banner img{
position:absolute;
min-width:102%;
min-height:102%;
max-width:none;
top:50%;
left:50%;
display:block;
transform:translate(-50%,-50%);
z-index:100;
}

.banner.global .news{
position:absolute;
bottom:-20px;
left:0;
width:100%;
text-align:center;
z-index:150;
display:block;
}

.banner.global .news.hidden{display:none;}

.banner.global .news a{
display:inline-block;
padding:15px 70px 15px 30px;
border:1px solid #003559;
font-size:14px;
text-transform:uppercase;
letter-spacing:3px;
background:url(../img/icons/arrow_btn_blue.svg) no-repeat right 30px center;
background-size:21px 17px;
background-color:#fff;
}

.banner.global .news a > span{
display:inline-block;
vertical-align:top;
font-size:10px;
margin:0 15px;
font-family:'Gotham-Bold';
font-weight:bold;
}

.title_page{
position:absolute;
top:50%;
display:block;
left:0;
text-align:center;
color:white;
font-size:45px;
line-height:45px;
width:100%;
letter-spacing:3px;
text-transform:uppercase;
z-index:150;
}

.banner_home{
position:relative;
margin:0 100px 100px 100px;
}

.banner_home > img{
display:block;
width:100%;
}

.banner_home .title_page{
left:65px;
text-align:left;
max-width:calc(100% - 130px);
width:800px;
font-size:50px;
line-height:50px;
padding:0;
}

.fullpage{
width:100%;
height:100vh;
position:relative;
overflow:hidden;
}

.fullpage.hidden{display:none;}

.bloc_chiffres{
max-width:24%;
display:inline-block;
vertical-align:top;
padding:0 60px;
text-align:center;
color:white;
text-transform:uppercase;
font-family:'Gotham-Bold';
line-height:100%;
text-align:justify-all;
}

.outils_num{
position:relative;
height:auto !important;
padding:100px 0 !important;
}

.stc_limg_rtxt{position:relative;}

.stc_limg_rtxt > img{display:block;}

.outils_num .vcenter{
display:flex;
width:100%;
flex-flow:row wrap;
justify-content:center;
align-items:center;
height:auto;
transform:none;
top:initial;
}

.outils_num .vcenter .bt{
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
}

.outils_num .bloc_chiffres .chiffre_sz_2{
font-size:26px;
height:325px;
}

.outils_num .title_section{
text-align:center;
padding:40px 20px 100px;
max-width:800px;
margin:0 auto;
font-size:25px;
}

.fullpage.evol .bg_left{position:relative;}

.bloc_chiffres span{
display:block;
white-space:nowrap;
}

.content_chiffres{text-align:center;}

.content_chiffres .bt{margin-top:140px;}

.chiffre_sz_1{
font-size:22px;
line-height:110%;
letter-spacing:0.7px
}

.chiffre_sz_2{
font-size:35px;
line-height:110%;
}

.chiffre_sz_3{
font-size:42px;
line-height:110%;
letter-spacing:2px;
}

.chiffre_sz_4{
font-size:72px;
line-height:110%;
}

.chiffre_big{
font-family:'Gotham-XLight';
font-size:150px;
line-height:110%;
}

.more_spacing_2{letter-spacing:2px;}

.little_spacing_2{letter-spacing:0.3px;}

.content_chiffres > div:last-child .chiffre_sz_3{letter-spacing:-0.5px;}

.images_wrapper{
height:75%;
position:relative;
}

.half_image_wrapper{
display:inline-block;
vertical-align:top;
width:50%;
overflow:hidden;
height:100%;
position:relative;
}

.half_image_wrapper > img{
max-width:110%;
min-height:100%;
display:block;
transform:translate(-50%,-50%);
top:50%;
left:50%;
position:relative;
}

.content_block{
position:absolute;
bottom:0px;
padding:70px 70px 150px;
background:white;
text-transform:uppercase;
letter-spacing:2px;
right:12%;
width:490px;
font-size:15px;
line-height:160%;
}

.wrapper_poles{
display:block;
text-align:center;
}

.pole{
width:320px;
height:320px;
background:white;
border-radius:50%;
position:relative;
display:inline-block;
vertical-align:top;
margin:40px;
font-size:26px;
letter-spacing:1.2px;
line-height:110%;
}

.pole:before{
position:absolute;
content:"";
width:100px;
left:10px;
top:50%;
transform:translateY(-50%) translateX(-100%);
height:2px;
background:#003559;
}

.pole > h3{
width:100%;
padding:0 15px;
}

.wrapper_poles > div:first-child:before{display:none;}

.title_section{
font-size:35px;
text-transform:uppercase;
line-height:120%;
letter-spacing:1.2px;
display:block;
}

.content_poles_act{
width:1200px;
margin:0 auto;
text-transform:uppercase;
max-width:100%;
}

.content_poles_act .title_section{color:white;}

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

.bg_left img{
width:auto;
min-height:100%;
}

.right_content{
position:absolute;
right:200px;
width:500px;
}

.right_content .title_section{margin-bottom:30px;}

.upper_pragraphe{
text-transform:uppercase;
display:block;
font-size:14px;
line-height:21px;
letter-spacing:2px;
padding-right:95px;
}

.vignette{
width:calc((100% - 75px) / 4);
margin-right:25px;
height:550px;
color:white;
text-align:center;
font-size:28px;
line-height:110%;
text-transform:uppercase;
position:relative;
overflow:hidden;
transform:scale(1);
transition:all 0.5s;
}

.three_vignettes .vignette{width:calc((100% - 50px) / 3);}

.vignette:after{
position:absolute;
content:"";
width:100%;
height:100%;
left:0;
top:0;
background:rgba(0,0,0,0.3);
z-index:0;
transition:all 0.3s;
}

.open_vignette.vignette{
position:fixed;
width:100vw;
height:100vh;
top:0;
left:0;
transition:all 0.3s;
}

.open_vignette.vignette > img{min-width:100%;}

.open_vignette.vignette:hover:after{background:rgba(0,0,0,0.25)}

.vignette .vcenter{
z-index:1;
letter-spacing:2px;
}

.section_vignettes > a:last-child{margin-right:0px;}

.vignette > img{
height:100%;
transform:translateX(-50%) scale(1.05);
position:absolute;
left:50%;
max-width:none;
transition:all 0.5s;
}

.vignette:hover{transform:scale(1.05);}

.vignette:hover > img{transform:scale(1) translateX(-50%);}

.vignette:hover:after{background:rgba(12,39,58,0.8);}

.sct_annonces{
background:url(../img/bg_annonces.jpg);
padding:90px 120px;
color:white;
width:calc(100% - 200px);
margin:0 auto;
margin-bottom:100px;
}

.page_annonces .sct_annonces{margin-bottom:0;}

.title_annonces{
text-align:center;
font-size:28px;
line-height:32px;
font-family:'Gotham-Bold';
text-transform:uppercase;
letter-spacing:2px;
display:block;
margin-bottom:20px;
}

.classic_input, .input_budget, .selector{
display:inline-block;
width:calc((100% / 3) - (220px / 3));
background:white;
text-transform:uppercase;
font-size:11px;
letter-spacing:1.2px;
color:#989898;
font-family:'Gotham-Bold';
position:relative;
vertical-align:top;
margin:0 20px 10px 0;
}

.classic_input, .input_budget{color:#003559;}

.selector:after{
position:absolute;
content:'';
width:10px;
height:10px;
background:url('../img/icons/arrow_bottom.svg');
background-size:contain;
background-repeat:no-repeat;
background-position:center;
right:20px;
top:50%;
transition:all 0.45s;
transform:translateY(-50%);
}

.liste_selector{
position:absolute;
bottom:1px;
transform:translateY(100%);
width:100%;
background:white;
padding:0 20px;
max-height:0px;
overflow:auto;
transition:all 0.3s;
color:#003559;
left:0;
border-right:solid 0px white;
border-bottom:solid 0px white;
}

.open_liste .liste_selector{
max-height:230px;
padding:20px;
border-right:solid 3px white;
border-bottom:solid 3px white;
}

.open_liste.selector:after{transform:translateY(-50%) rotate(180deg);}

.liste_selector:before{
position:absolute;
content:'';
width:0%;
height:1px;
background:#003559;
top:0;
left:50%;
transition:all 0.3s;
transform:translateX(-50%);
}

.open_liste .liste_selector:before{width:90%;}

.champs_annonces{
margin-top:70px;
position:relative;
z-index:2;
}

.placeholder_selector{
cursor:pointer;
white-space:nowrap;
overflow:hidden;
width:calc(100% - 20px);
padding:20px;
overflow:hidden;
height:56px;
text-overflow:ellipsis;
}

.liste_selector label{
text-transform:uppercase;
font-size:10px;
letter-spacing:1.2px;
cursor:pointer;
padding:4px 0px;
display:block;
background:white;
position:relative;
}

.liste_selector label:after{
position:absolute;
content:'';
top:0;
left:-10px;
width:calc(100% + 20px);
height:100%;
transition:all 0.2s;
opacity:0;
background:#e5eff6;
z-index:0;
}

.liste_selector label:hover:after{opacity:1;}

.sct_annonces .open_liste .liste_selector{
max-height:170px;
overflow:auto;
}

.liste_selector label span{
position:relative;
z-index:1;
}

.liste_selector label input{
width:12px;
height:12px;
position:relative;
float:right;
cursor:pointer;
z-index:1;
}

.liste_selector label input:before{
position:absolute;
content:'';
width:10px;
height:10px;
left:0;
top:50%;
border:solid 1px #003559;
transition:all 0.3s;
transform:scale(1) translateY(-50%) rotate(0deg);
opacity:1;
}

.liste_selector label input:checked:before{transform:scale(0) translateY(-50%) rotate(90deg);}

.liste_selector label input:after{
position:absolute;
content:'';
width:100%;
height:100%;
left:0;
top:50%;
transition:all 0.3s;
transform:scale(0) translateY(-20%) rotate(-90deg);
background:url(../img/icons/check.svg);
background-size:contain;
background-repeat:no-repeat;
}

.liste_selector label input:checked:after{
transform:scale(1) translateY(-20%) rotate(0deg);
opacity:1;
}

.placeholder_selector > span{
display:inline-block;
vertical-align:top;
font-size:9px;
background:#003559;
color:white;
padding:3px 5px;
margin:0 2px;
text-overflow:ellipsis;
position:relative;
top:-2px;
}

.search_more{margin-top:10px;}

.search_more_btn{
position:relative;
text-transform:uppercase;
font-family:'Gotham-Bold';
letter-spacing:2px;
cursor:pointer;
font-size:12px;
padding-right:20px;
}

.search_more_btn:after{
position:absolute;
content:'';
width:8px;
height:8px;
border-right:solid 1px white;
border-bottom:solid 1px white;
right:0px;
transition:all 0.35s;
top:50%;
transform:rotate(45deg) translateY(-110%);
}

.classic_input input{
padding:20px;
background:white;
border:none;
font-family:'Gotham-Bold';
text-transform:uppercase;
font-size:11px;
display:inline-block;
vertical-align:middle;
color:#003559;
width:calc(100% - 35px);
-webkit-appearance:none;
height:56px;
}

.input_budget span{
font-size:18px;
font-family:"GothamBook", sans-serif;
display:inline-block;
vertical-align:middle;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{
-webkit-appearance:none;
margin:0;
}

.implantations_home{
position:relative;
padding:65px 45px 40px 45px;
}

.implantations_home .editor{
position:relative;
display:block;
background-color:#fff;
padding:70px;
text-transform:uppercase;
letter-spacing:2px;
width:505px;
font-size:15px;
line-height:21px;
top:-105px;
right:-55%;
}

.implantations_home .editor a.btn{
display:inline-block;
text-decoration:none;
margin:30px 0 0 0;
width:auto;
padding:10px 40px 10px 20px;
}

.two_images_sct{background:#fff;}

.wrapper_search_more{
border-top:solid 1px white;
margin-top:30px;
margin-bottom:30px;
padding-top:30px;
position:relative;
padding:30px 10px;
max-height:80px;
transition:all 0.5s;
}

.search_more_btn{
position:relative;
z-index:1;
padding-left:10px;
}

.wrapper_search_more:after{
width:100%;
content:"";
position:absolute;
height:0%;
background:#0a2131;
top:0;
left:0;
transition:all 0.3s;
z-index:0;
}

.search_more{
max-height:0px;
overflow:hidden;
position:relative;
z-index:1;
transition:all 0.3s;
}

.show_search_more.wrapper_search_more, .show_search_more .search_more{
overflow:visible;
max-height:800px;
}

.show_search_more.wrapper_search_more:after{height:100%;}

.show_search_more .search_more_btn:after{transform:rotate(225deg) translateY(40%) translateX(-40%);}

.search_more .selector, .search_more .classic_input{
width:calc((100% / 4) - 20px);
margin:10px;
vertical-align:top;
}

.btn{
padding:18px;
text-transform:uppercase;
font-size:11px;
font-family:'Gotham-Bold';
letter-spacing:1.6px;
color:white;
border:solid 1px white;
display:inline-block;
position:relative;
vertical-align:top;
padding-right:35px;
cursor:pointer;
text-align:left;
}

.btn button{
text-transform:uppercase;
font-size:11px;
font-family:'Gotham-Bold';
letter-spacing:1.6px;
color:white;
}

.btn:after{
position:absolute;
content:'';
width:40px;
height:100%;
right:0;
top:0;
background:url(../img/icons/arrow_btn.svg);
background-repeat:no-repeat;
background-size:15px;
background-position:center;
}

.btn:before{
position:absolute;
content:'';
background:#0a2131;
height:100%;
width:0%;
transition:all 0.3s;
left:0;
top:0;
z-index:0;
}

.btn:hover:before{width:100%;}

.btn_seach_annonces{
width:160px;
height:56px;
}

.btn span, .btn button{
position:relative;
z-index:1;
color:#fff;
}

.blue_btn{
border:solid 1px #003559;
color:#003559;
display:block;
margin:30px auto;
width:190px;
}

.blue_btn.btn span, .blue_btn.btn button{color:#003559;}

.blue_btn.btn:hover span, .blue_btn.btn:hover button{color:#fff;}

.blue_btn:after{
background:url(../img/icons/arrow_btn_blue.svg);
background-repeat:no-repeat;
background-size:15px;
background-position:center;
}

.blue_btn:hover{color:white;}

.blue_btn:hover:after{
background:url(../img/icons/arrow_btn.svg);
background-repeat:no-repeat;
background-size:15px;
background-position:center;
transition-delay:0.5s;
transition:all 0.1s;
}


/********/
/*FOOTER*/
/********/

footer{
position:relative;
margin:100px 100px 0 100px;
padding:70px 0;
border-top:solid 1px #003559;
font-family:'Gotham-Bold';
text-transform:uppercase;
font-size:11px;
letter-spacing:3px;
line-height:21px;
}

footer .logo{
position:absolute;
top:140px;
left:50%;
width:570px;
margin-left:-285px;
z-index:200;
}

footer .logo a{
max-width:570px;
margin:0 auto;
}

footer .logo a, footer .logo a img{
display:block;
width:100%;
}

footer .col{
width:50%;
display:inline-block;
vertical-align:top;
position:relative;
z-index:150;
}

footer .col.right{text-align:right;}

footer .col a, footer .col span{display:inline-block;}

footer .col a.mtop{margin-top:80px;}

footer div.col{margin-top:30px;}

footer .col span{margin-right:10px;}

footer .col a img{display:block;}

footer .col a.linkedin{
width:14px;
height:13px;
}

footer .col a.ny{
width:104px;
height:10px;
}

footer .footerMention{
font-size:9px;
font-family:'Gotham-Light';
text-transform:initial;
}

/***************/
/*PAGE NOTARIAT*/
/***************/

.sct_full_img{position:relative;}

.bg_div{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
transition:all 0.1s;
background-size:cover;
background-position:center;
}

.content_left_on_img{
position:absolute;
left:215px;
top:20%;
width:485px;
max-width:90%;
color:white;
padding-left:30px;
font-size:18px;
line-height:21px;
font-family:'Gotham-Light';
}

.content_left_on_img.static{
position:relative;
top:0;
left:0;
margin:30px 0 0 30px;
}

.paragraphe, p, .editor{
/*font-size:15px;*/
font-size:16px;
line-height:130%;
font-family:'Gotham-Light';
}

.liste li, .editor li{
position:relative;
margin-bottom:5px;
}

.liste li:before, .editor li:before{
width:30px;
left:-40px;
height:1px;
top:9px;
background:#003559;
position:absolute;
content:'';
}

.sct_full_img .liste li:before, .blue_bg .liste li:before, .blue_bg .editor li:before, .sct_full_img .editor li:before{background:white;}

.table{
display:table;
margin:0 auto;
}

.bg_notariat{background-color:#b6cfe8;}

.bg_patrimoine{background-color:#7098c2;}

.bg_affaires{background-color:#26335a;}

.bg_immobilier{background-color:#bdbdbd;}

.bg_immobilier .titles_notaires, .bg_affaires .titles_notaires, .bg_patrimoine .titles_notaires{color:white;}

.titles_notaires{
text-align:center;
padding-bottom:100px;
}

.pages_prestations h3{margin-bottom:55px;}

.pages_prestations .editor{
max-width:690px;
margin:0 auto;
}

.slider_notaires{
display:flex;
flex-flow:row wrap;
}

.notaires_sct{
padding:100px 200px;
position:relative;
}

.subtitle_section{
font-size:14px;
letter-spacing:2px;
text-transform:uppercase;
display:block;
margin-top:10px;
}

.notaire{
width:calc(25% - 20px);
background:white;
position:relative;
margin:10px;
}

.notaire.inline_top{display:block;}

.img_notaire{position:relative;}

.img_notaire .icon{
position:absolute;
display:block;
bottom:20px;
left:0;
width:100%;
padding-right:20px;
z-index:50;
text-align:right;
}

.img_notaire .icon a, .img_notaire .icon span, .img_notaire .close{
display:inline-block;
vertical-align:middle;
width:33px;
height:33px;
background-repeat:no-repeat;
background-position:center center;
background-size:100% 100%;
}

.img_notaire .close{
position:absolute;
display:none;
bottom:20px;
right:20px;
z-index:150;
cursor:pointer;
}

.img_notaire .icon a{background-image:url(../img/icons/linkedin_notaire.svg);}

.img_notaire .close{background-image:url(../img/icons/close_notaire.svg);}

.img_notaire .icon span{
background-image:url(../img/icons/plus_notaire.svg);
cursor:pointer;
}

.img_notaire a + span{margin-left:10px;}

.img_notaire .editor{
position:absolute;
display:none;
bottom:0;
left:0;
right:0;
top:0;
width:100%;
height:100%;
padding:50px 40px;
background-color:#f0f0f0;
z-index:100;
font-size:13px;
color:#003559;
}

.img_notaire.aff .editor, .img_notaire.aff .close{display:block;}

.img_notaire.aff .icon span{display:none;}

.img_notaire.aff .icon{
bottom:0;
top:20px;
}

.content_notaire{
padding:30px;
text-align:left;
}

.name_notaire{
text-transform:uppercase;
font-family:'Gotham-Bold';
letter-spacing:1.2px;
display:block;
font-size:19px;
line-height:22px;
margin-bottom:5px;
}

.poste_notaire{
line-height:110%;
text-transform:uppercase;
letter-spacing:1.2px;
display:block;
margin-bottom:20px;
font-size:13px;
}

.img_notaire img{
width:100%;
display:block;
}

.encart_notaires{
width:400px;
background:#f0f0f0;
padding:50px 45px;
position:absolute;
bottom:0;
right:150px;
color:#003559;
}

.encart_notaires .btn{
display:block;
margin:30px auto;
width:190px;
}

.grey_bg .encart_notaires{
background:#0a2131;
color:#fff;
}

.blue_bg .content_notaire{color:#003559;}

.logo_notaire{
width:117px;
height:105px;
background:url(../img/notaire_bluebg.png) no-repeat center center;
display:block;
margin:0 auto 20px;
}

.grey_bg .logo_notaire{background:url(../img/notaire_greybg.png) no-repeat center center;}

.subtitle{
font-size:18px;
display:block;
letter-spacing:2px;
text-transform:uppercase;
}

.liste{max-width:850px;}

.liste .title_section{
display:block;
text-align:center;
margin-bottom:40px;
font-family:"GothamBook";
}

.liste p, .liste li{
max-width:700px;
margin:0 auto;
display:block;
}

.blue_bg{color:white;}

.content_sides > div{
width:500px;
margin-left:270px;
padding-right:120px;
}

.content_sides > div + div{margin-left:0;}

.content_sides > div.hidden{display:none;}

.content_sides > div.hidden + div{
padding-right:0;
margin-left:270px;
}

.nb_annonces{
font-size:80px;
font-family:'Gotham-XLight';
display:block;
text-align:center;
line-height:130%;
}

.btns_bottom_annonces{
display:table;
text-align:center;
margin:0 auto;
}

.btns_bottom_annonces .btn{
background:rgba(255,255,255,0.2);
border:none;
display:inline-block;
margin:0 10px;
letter-spacing:4px;
}

.bt_page{
margin-top:100px;
width:100%;
display:block;
text-align:center;
}


/***********************/
/*ANNONCES IMMOBILIERES*/
/***********************/

.open_liste{z-index:2;}

.main_resultats{padding:0 100px;}

.main_resultats h1, .page_annonces h1{
text-align:center;
font-size:20px;
letter-spacing:4px;
display:block;
margin-bottom:50px;
}

.filtres_annonces{
display:inline-block;
vertical-align:top;
width:23%;
position:relative;
padding:60px 20px;
}

.main_resultats .classic_input, .main_resultats .input_budget, .main_resultats .selector{
width:100%;
position:relative;
margin:10px 0;
}

.nb_biens, .filtres_annonces .title_filtres{
display:block;
text-align:center;
font-size:25px;
text-transform:uppercase;
letter-spacing:2px;
font-family:'Gotham-Light';
margin-bottom:40px;
line-height:120%;
}

.filtres_annonces .title_filtres.open{
display:none;
font-size:20px;
padding-right:20px;
cursor:pointer;
}

.filtres_annonces .title_filtres.open span{
display:inline-block;
width:13px;
height:9px;
background:url(../img/icons/arrow_bottom_blanc.svg) no-repeat right center;
background-size:100% 100%;
margin-left:10px;
vertical-align:middle;
}

.filtres_annonces .title_filtres.open.aff span{background-image:url(../img/icons/arrow_top_blanc.svg);}

.nb_biens{text-align:left;}

.delete_filters{
text-transform:uppercase;
display:block;
margin-bottom:20px;
letter-spacing:3px;
font-size:13px;
text-align:center;
}

.delete_filters img{
width:14px;
display:inline-block;
vertical-align:sub;
transform:rotate(0deg);
transition:all 0.5s;
}

.delete_filters:hover img{transform:rotate(-380deg);}

.main_resultats .btns_bottom_annonces{
display:block;
text-align:left;
margin:0px auto;
width:100%;
}

.main_resultats .btns_bottom_annonces .btn{
background:rgba(255,255,255,0.2);
border:none;
display:block;
margin:10px 0;
width:100%;
letter-spacing:4px;
}

.main_resultats .btns_bottom_annonces .btn:before{background:rgba(255,255,255,0.2);}

.main_resultats .btn_seach_annonces:before{background:rgba(255,255,255,0.1);}

.main_resultats .btns_bottom_annonces .btn{
background:rgba(255,255,255,0.2);
border:none;
display:block;
margin:10px 0;
width:100%;
letter-spacing:4px;
}

.main_resultats .btn_seach_annonces{
display:block;
width:100%;
margin:15px 0 20px;
}

.liste_biens{
background:#e8e8e8;
padding:60px 45px;
display:inline-block;
vertical-align:top;
width:77%;
}

.liste_biens.dtl_bien{
padding:45px 50px;
position:relative;
}

.dtl_bien .back_btn:first-child{margin-top:0;}

.bien{
width:100%;
margin-bottom:40px;
position:relative;
background:white;
}

.img_bien{
width:400px;
position:relative;
overflow:hidden;
}

.img_bien > img{
display:block;
position:relative;
left:50%;
top:50%;
transform:translate(-50%,-50%);
max-width:none;
}

.img_bien > img.width{width:100%;}

.img_bien > img.height{height:100%;}

.infos_bien{width:calc(100% - 400px);}

.all_infos_bien{
padding:35px 0 35px 35px;
width:calc(100% - 240px);
}

.infos_localisation_bien{width:calc(100% - 120px);}

.infos_top_bien{padding-right:35px;}

.type_bien{
display:block;
font-size:17px;
text-transform:uppercase;
}

.ville_bien{
display:block;
font-family:'Gotham-Bold';
font-size:28px;
line-height:30px;
text-transform:uppercase;
}

.superficie_bien{
vertical-align:bottom;
font-size:29px;
line-height:30px;
font-family:'Gotham-Light';
text-align:right;
width:120px;
}

.content_bien{
width:calc(100% - 240px);
padding:0 30px 0 35px;
margin-top:20px;
}

.content_bien p{
font-family:'GothamBook';
font-size:13px;
line-height:18px;
}

.bottoms_info_bien{
padding:20px 0px;
margin-top:40px;
}

.title_ref{
text-transform:uppercase;
font-size:12px;
display:inline-block;
vertical-align:sub;
padding-left:40px;
}

.strong_ref{
font-family:'Gotham-Bold';
text-transform:uppercase;
font-size:18px;
display:inline-block;
vertical-align:sub;
margin-left:5px;
}

.reference_bien{
display:inline-block;
height:100%;
width:calc(100% - 240px);
border-right:solid 1px white;
}

.detail_bien{
border-left:solid 1px #003559;
width:240px;
padding-left:30px;
}

.detail_bien.hidden{display:none;}

.detail_bien ul li img{
max-width:23px;
max-height:19px;
display:inline-block;
vertical-align:middle;
margin-right:15px;
}

.detail_bien ul li{
display:block;
margin-bottom:10px;
}

.prix_bien{
font-family:'Gotham-Bold';
font-size:24px;
text-align:right;
float:right;
padding-right:30px;
}

.prix_bien span{font-family:"GothamBook", sans-serif;}

.prix_bien span.consult{font-size:14px;}

.etiquette_bien{
position:absolute;
background:#8cabc1;
padding:12px 30px;
color:white;
letter-spacing:2px;
text-transform:uppercase;
font-size:11px;
right:-10px;
font-family:'Gotham-Bold';
top:30px;
}

.etiquette_bien img{
width:15px;
display:inline-block;
vertical-align:sub;
margin-left:4px;
}

.all_infos_bien .btn, .content_bien .btn{
color:#003559;
padding:0px;
padding-right:51px;
margin-top:25px;
text-transform:none;
letter-spacing:0px;
font-size:13px;
}

.all_infos_bien .btn:after, .content_bien .btn:after{
background:url(../img/icons/arrow_btn_blue.svg);
background-repeat:no-repeat;
background-size:15px;
background-position-y:center;
}

.back_btn{
color:#003559;
padding:0px;
padding-right:0px;
padding-left:51px;
margin:20px 0;
border:none;
}

.back_btn:after{
background:url(../img/icons/arrow_btn_blue.svg);
background-repeat:no-repeat;
background-size:13px;
background-position-y:center;
right:auto;
left:0;
transform:rotate(180deg);
}

.back_btn:hover:before{display:none;}

.all_infos_bien .btn:before, .content_bien .btn:before{display:none;}

.pagination{
display:block;
margin-top:60px;
text-align:center;
}

.pagination.hidden{display:none;}

.pagination a{
display:inline-block;
padding:0 22px;
position:relative;
vertical-align:top;
line-height:11px;
}

.pagination a.page_selected{font-family:'Gotham-Bold';}

.pagination a:after{
width:1px;
height:100%;
background:#003559;
position:absolute;
content:'';
right:0;
}

.pagination a:last-child:after{display:none;}

.dtl_bien .back_btn{
text-transform:none;
letter-spacing:0px;
font-size:13px;
padding-left:26px;
margin-bottom:30px;
margin-top:65px;
}

.dtl_bien .back_btn:after{width:16px;}

.titles_bien_dtl{display:block;}

.main_resultats .type_bien_dtl{
text-transform:uppercase;
font-size:28px;
display:block;
letter-spacing:2px;
line-height:30px;
text-align:left;
letter-spacing:0;
margin-bottom:0px;
font-family:'Gotham-XLight';
}

.ref_dtl{
float:right;
text-align:right;
text-transform:uppercase;
transform:translateY(-150%);
display:block;
}

.title_bien_dtl{
text-transform:uppercase;
font-size:32px;
line-height:35px;
font-family:'Gotham-Bold';
letter-spacing:2px;
}

.ref_dtl span{
font-family:'Gotham-Bold';
font-size:18px;
}

.bloc_dtl_bien{
background:white;
display:inline-block;
vertical-align:top;
padding:42px;
}

.wrapper_bloc_bien{margin-top:30px;}

.biggest_dtl{
width:100%;
display:block;
padding:0;
}

.gallery_dtl_bien{
width:50%;
padding:0 43px;
}

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

.slides_dtl_bien span.img{
width:100%;
display:inline-block;
float:left;
}

.slides_dtl_bien span.img img{
display:block;
margin:0 auto;
}

.slick-arrow{
width:40px;
height:100%;
position:absolute;
left:-40px;
top:0;
cursor:pointer;
z-index:1;
}

.slick-prev{
background:url(../img/icons/arrow_left.svg);
background-position:center;
background-repeat:no-repeat;
background-size:10px;
}

.slick-next{
left:auto;
right:-40px;
background:url(../img/icons/arrow_right.svg);
background-position:center;
background-repeat:no-repeat;
background-size:10px;
}

.slick-list{
width:100%;
position:relative;
overflow:hidden;
}

.page_slider{
position:absolute;
left:-40px;
bottom:15px;
width:40px;
text-align:center;
}

.page_slider li{
display:block;
margin:5px auto;
width:7px;
height:7px;
border-radius:50%;
background:#003559;
opacity:0.2;
}

.page_slider li.slick-active{opacity:1;}

.page_slider li button{display:none;}

.content_dtl_bien{
width:50%;
padding:0 32px 45px;
}

.dtl_surface{
padding:80px 12px 20px;
text-align:center;
max-width:120px;
}

.dtl_surface > span.surface{
font-size:20px;
display:block;
line-height:25px;
font-family:'Gotham-XLight';
}

.dtl_surface > span.pieces{
font-size:13px;
display:block;
}

.top_infos_bien{
width:calc(100% - 120px);
text-align:right;
float:right;
padding-top:30px;
}

.dtl_price{
display:block;
font-size:30px;
font-family:'Gotham-Bold';
line-height:35px;
}

.dtl_price span{
font-family:'Gotham-Light', sans-serif;
font-size:25px;
}

.dtl_sub_price{
font-size:20px;
font-family:'GothamBook', sans-serif;
display:block;
margin-top:10px;
letter-spacing:0px;
}

.top_infos_bien i{
font-family:'GothamBook', sans-serif;
display:block;
margin-top:5px;
}

.dtl_surface.hidden, .dtl_surface > span.surface.hidden, .dtl_surface > span.pieces.hidden, .top_infos_bien.hidden .dtl_sub_price, .top_infos_bien.hidden i{display:none;}

.dtl_content_bien{
font-family:'GothamBook', sans-serif;
margin-top:30px;
font-size:12px;
}

.dtl_contact_immo{margin-top:50px;}

.dtl_contact_immo .coords{
display:inline-block;
vertical-align:bottom;
width:55%;
padding-right:30px;
line-height:21px;
}

.dtl_contact_immo .coords strong{
font-size:15px;
letter-spacing:1px;
}

.dtl_contact_immo .coords span{
font-size:10px;
letter-spacing:2px;
text-transform:uppercase;
}

.dtl_contact_immo .blue_btn{
display:inline-block;
vertical-align:bottom;
width:45%;
margin:0;
}

.dtl_details_loc{margin-top:20px;}

.dtl_details_loc .dtl_details_energie, .dtl_details_loc .dtl_loc{
display:inline-block;
vertical-align:top;
}

.dtl_details_loc .dtl_details_energie{
width:365px;
background-color:#fff;
padding:35px 40px;
}

.dtl_details_loc .ti{
font-size:20px;
font-family:'Gotham-Bold';
text-transform:uppercase;
margin-bottom:35px;
}

.dtl_details_loc .details li{
display:block;
margin-bottom:10px;
}

.dtl_details_loc .details li span{
display:inline-block;
vertical-align:middle;
}

.dtl_details_loc .details li span:first-child{width:35px;}

.dtl_details_loc .details li span + span{width:calc(100% - 35px);}

.dtl_details_loc .details li span img{
display:block;
margin:0 auto;
max-width:23px;
max-height:23px;
}

.dtl_details_loc .energie{margin-top:105px;}

.dtl_details_loc .energie .diapo{
position:relative;
width:285px;
}

.dtl_details_loc .energie ul{
position:relative;
overflow:hidden;
width:246px;
margin:0 auto;
}

.dtl_details_loc .energie .diapo span.prev, .dtl_details_loc .energie .diapo span.next{
position:absolute;
top:50%;
margin-top:-8px;
background-repeat:no-repeat;
background-position:center center;
background-size:100% 100%;
width:9px;
height:16px;
cursor:pointer;
display:none;
}

.dtl_details_loc .energie .diapo span.prev{
background-image:url(../img/icons/arrow_left.svg);
left:0;
}

.dtl_details_loc .energie .diapo span.next{
background-image:url(../img/icons/arrow_right.svg);
right:0;
}

.dtl_details_loc .energie li{
display:inline-block;
vertical-align:center;
width:100%;
height:246px;
position:relative;
background-repeat:no-repeat;
}

.dtl_details_loc .energie li.move{
position:absolute;
left:100%;
}

.dtl_details_loc .energie li.dpe{background-image:url(../img/dpe.jpg);}

.dtl_details_loc .energie li.ges{background-image:url(../img/ges.jpg);}

.dtl_details_loc .energie li span{
display:block;
position:absolute;
width:40px;
height:15px;
line-height:15px;
font-size:10px;
color:#fff;
text-align:center;
right:5px;
}

.dtl_details_loc .energie li.a{background-position:0 0;}
.dtl_details_loc .energie li.b{background-position:0 -246px;}
.dtl_details_loc .energie li.c{background-position:0 -492px;}
.dtl_details_loc .energie li.d{background-position:0 -738px;}
.dtl_details_loc .energie li.e{background-position:0 -984px;}
.dtl_details_loc .energie li.f{background-position:0 -1230px;}
.dtl_details_loc .energie li.g{background-position:0 -1476px;}

.dtl_details_loc .energie li.a span{top:56px;}
.dtl_details_loc .energie li.b span{top:79px;}
.dtl_details_loc .energie li.c span{top:102px;}
.dtl_details_loc .energie li.d span{top:126px;}
.dtl_details_loc .energie li.e span{top:150px;}
.dtl_details_loc .energie li.f span{top:173px;}
.dtl_details_loc .energie li.g span{top:197px;}

.dtl_details_loc .dtl_loc .ti{
background-color:#fff;
padding:35px 40px;
margin-bottom:0;
}

.dtl_details_loc.hidden_details .energie{margin-top:0;}

.dtl_details_loc .dtl_loc{
width:calc(100% - 365px);
padding-left:20px;
}

.dtl_details_loc .dtl_loc #gmap{
width:100%;
height:640px;
}

.dtl_details_loc.hidden_loc .dtl_details_energie, .dtl_details_loc.hidden_details.hidden_energie .dtl_loc{width:100%;}

.dtl_details_loc.hidden_details.hidden_energie .dtl_loc{padding-left:0;}

.dtl_details_loc.hidden_details.hidden_energie .dtl_loc #gmap{height:400px;}

.dtl_details_loc.hidden_loc .dtl_loc, .dtl_details_loc.hidden_energie .energie, .dtl_details_loc.hidden_details .details, .dtl_details_loc.hidden_details.hidden_energie .dtl_details_energie, .dtl_details_loc.hidden_details.hidden_energie.hidden_loc{display:none;}

.grey_infos{
display:block;
margin-top:20px;
color:#a6a6a6;
line-height:16px;
font-size:12px;
}

.navigator{
position:fixed;
right:25px;
background:rgba(150,150,150,0.15);
padding:28px 0;
width:45px;
border-radius:45px;
z-index:999;
top:50%;
transform:translateY(-50%);
}

.puce{
width:6px;
height:6px;
margin:17px auto;
background:rgb(150,150,150);
display:block;
border-radius:50%;
cursor:pointer;
position:relative;
}

.active_puce{
width:14px;
height:14px;
border-radius:50%;
position:absolute;
border:solid 1px rgb(150,150,150);
left:50%;
top:48px;
transform:translate(-50%,-50%);
}

.page_contenu{padding:55px 20px 20px 20px;}

.page_contenu h1{
font-size:47px;
text-transform:uppercase;
line-height:57px;
letter-spacing:1.2px;
display:block;
text-align:center;
padding-bottom:60px;
}

.page_contenu .editor{
width:850px;
max-width:100%;
margin:0 auto;
font-size:18px;
line-height:21px;
}

.page_contenu.plan .editor{
text-align:center;
line-height:31px;
}

.page_contenu.plan .editor a{text-decoration:none;}

.contact{
padding:130px 70px 70px 70px;
text-align:center;
}

.recrutement{text-align:center;}

.contact .coords{
display:inline-block;
vertical-align:top;
padding:0 70px;
width:470px;
text-transform:uppercase;
margin-bottom:70px;
font-size:13px;
line-height:21px;
letter-spacing:2px;
font-family:'Gotham-Bold';
position:relative
}

.contact .details_coord{
max-width:90%;
color:white;
text-align:center;
display:block;
margin:0 auto 60px;
letter-spacing:1px;
font-family:'Gotham-Bold', sans-serif;
text-transform:uppercase;
font-size:13px;
}

.contact .coords.gmap{
padding:0;
height:300px;
}

.gm-style .gm-style-cc span, .gm-style .gm-style-cc a, .gm-style .gm-style-mtc div{font-size:6px !important;}

.contact .coords + .coords{border-left:1px solid #fff;}

.contact .coords.gmap + .coords.gmap{border-left:3px solid #0a2131;}

.contact .coords h2{
margin-bottom:30px;
font-size:25px;
}

.contact .coords em{
font-style:normal;
color:#1d435d;
display:block;
margin-top:20px;
}

.contact .visioPart, .pages_prestations .ncePresents{
display:flex;
flex-flow:row wrap;
justify-content:center;
align-items:center;
}

.pages_prestations .ncePresents{
max-width:600px;
margin-top:30px;
}

.contact .visioPart > a{
display:block;
width:75px;
}

.pages_prestations .ncePresents > a{width:20%;}

.contact .visioPart > p{
width:-moz-max-content;
width:max-content;
padding:0 0 0 30px;
text-align:left;
}

.pages_prestations .ncePresents > p{
max-width:80%;
text-align:left;
padding-left:30px;
}

.contact .visioPart > p a, .pages_prestations .ncePresents > p a{
text-decoration:underline;
}

.contact form, .recrutement form{
display:block;
width:1040px;
max-width:100%;
margin:0 auto;
}

.contact form input, .recrutement form input{
display:inline-block;
vertical-align:middle;
width:calc((100% - 40px) / 3);
margin-bottom:20px;
}

.contact form input + input, .recrutement form input + input{margin-left:20px;}

.contact form textarea, .recrutement form textarea{
width:100%;
height:220px;
}

.contact form textarea{margin-bottom:55px;}

.recrutement form textarea{margin-bottom:20px;}

.contact form input, .contact form textarea, .recrutement form input, .recrutement form textarea{
background-color:#fff;
padding:20px;
font-family:'Gotham-Bold';
font-size:13px;
color:#003559;
border:none;
text-align:left;
}

.contact form input.erreur_champ, .contact form textarea.erreur_champ, .recrutement form input.erreur_champ, .recrutement form textarea.erreur_champ, .recrutement form .input_file.erreur_champ{outline:1px solid #ff0000;}

.contact form .erreur, .recrutement form .erreur{
font-size:15px;
display:none;
font-family:'Gotham-Bold';
margin-bottom:20px;
color:#fff;
background-color:#003559;
padding:10px;
}

.contact form::-webkit-input-placeholder, .recrutement form::-webkit-input-placeholder{
color:#999;
text-transform:uppercase;
font-size:12px;
letter-spacing:2px;
font-family:'Gotham-Bold';
}

.contact form:-moz-placeholder, .recrutement form:-moz-placeholder{
color:#999;
text-transform:uppercase;
font-size:12px;
letter-spacing:2px;
font-family:'Gotham-Bold';
}

.contact form::-moz-placeholder, .recrutement form::-moz-placeholder{
color:#999;
text-transform:uppercase;
font-size:12px;
letter-spacing:2px;
font-family:'Gotham-Bold';
}

.contact form:-ms-input-placeholder, .recrutement form:-ms-input-placeholder{
color:#999;
text-transform:uppercase;
font-size:12px;
letter-spacing:2px;
font-family:'Gotham-Bold';
}

.contact form button, .recrutement form button{
position:relative;
display:inline-block;
padding:15px 60px 15px 20px;
border:1px solid #fff;
color:#fff;
text-transform:uppercase;
font-size:12px;
letter-spacing:3px;
font-family:'Gotham-Bold';
transition:all 0.3s;
}

.contact form button span, .recrutement form button span{
position:relative;
z-index:1;
}

.contact form button:after, .recrutement form button:after{
position:absolute;
content:'';
background:url(../img/icons/arrow_btn.svg) no-repeat center center;
height:16px;
width:19px;
transition:all 0.8s;
right:20px;
top:50%;
z-index:1;
margin-top:-8px;
}

.contact form button:hover:after, .recrutement form button:hover:after{background-image:url(../img/icons/arrow_btn_blue.svg);}

.contact form button:hover, .recrutement form button:hover{color:#0a2131;}

.contact form button:before, .recrutement form button:before{
position:absolute;
content:'';
background:#fff;
height:100%;
width:0%;
transition:all 0.3s;
left:0;
top:0;
z-index:0;
}

.contact form button:hover:before, .recrutement form button:hover:before{width:100%;}

.contact .envoye, .recrutement .envoye{
text-transform:uppercase;
font-size:15px;
letter-spacing:3px;
font-family:'Gotham-Bold';
display:none;
}

.recrutement form .texte{
padding-bottom:100px;
text-align:left;
}

.recrutement form .texte h2, .recrutement form .texte .editor{
display:inline-block;
vertical-align:top;
}

.recrutement form .texte h2{
width:360px;
text-transform:uppercase;
font-size:47px;
line-height:57px;
letter-spacing:3px;
}

.recrutement form .texte .editor{
font-family:'Gotham-XLight';
width:400px;
padding-top:10px;
}

.recrutement form .input_file{
display:inline-block;
vertical-align:middle;
width:calc((100% - 20px) / 2);
margin-bottom:15px;
padding:20px 55px 20px 20px;
text-align:left;
position:relative;
color:#999;
text-transform:uppercase;
font-size:12px;
letter-spacing:2px;
font-family:'Gotham-Bold';
background:url(../img/icons/input_file.svg) no-repeat right 25px center;
background-size:19px 21px;
background-color:#fff;
}

.recrutement form .input_file + .input_file{margin-left:20px;}

.recrutement form .input_file.select{
color:#003559;
text-transform:none;
font-size:13px;
letter-spacing:0;
}

.recrutement form .input_file span{
display:block;
overflow:hidden;
white-space:nowrap;
}

.recrutement form .input_file input{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
opacity:0;
filter:alpha(opacity=0);
cursor:pointer;
z-index:500;
margin:0;
padding:0;
}

.recrutement form .mention{
text-transform:uppercase;
font-size:8px;
letter-spacing:3px;
margin-bottom:40px;
text-align:left;
}

/* rgpd */
.rgpdContainer{
position:fixed;
bottom:0;
left:0;
width:100%;
height:70px;
background-color:rgba(242, 242, 242, 0.95);
z-index:1000;
}

.rgpdContainer img{
position:absolute;
top:20px;
right:35px;
cursor:pointer;
}

.rgpdContainer .rgpdDisplay{
width:100%;
margin:0 auto;
padding:15px 0;
display:flex;
flex-flow:row wrap;
justify-content:center;
overflow:hidden;
font-family:'Avenir LT 45 Book';
color:#003559;
font-size:14px;
}

.rgpdDisplay p{
letter-spacing:1px;
padding:10px 0;
margin:0 25px 0 0;
}

.rgpdContainer .rgpdDisplay .generalButton{
font-size:12px;
cursor:pointer;
letter-spacing:1px;
position:relative;
background-color:white;
font-family:'Gotham-Bold';
text-transform:uppercase;
color:#003559;
cursor:pointer;
padding:10px;
}

.rgpdContainer .rgpdDisplay .generalButton:nth-child(2){margin:0 15px 0 0;}

.rgpdContainer .rgpdDisplay .generalButton:nth-child(3){margin:0 25px 0 0;}

.rgpdDisplay a{
border-bottom:0.5px solid #003559;
padding:10px 0 0;
letter-spacing:1px;
height:32px;
font-family:'Gotham-Bold';
color:#003559;
cursor:pointer;
}

.popin{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.8);
z-index:5000;
display:none;
padding:50px;
}

.popin .bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0.6);
cursor:pointer;
}

.popin .content.gd{width:1200px;}

.popin .content{
position:relative;
margin:0 auto;
width:725px;
max-width:100%;
top:50%;
transform:translateY(-50%);
background-color:#fff;
padding:30px;
}

.popin .content > span{
margin-bottom:20px;
font-size:15px;
display:block;
font-family:'Gotham-Bold';
}

.popin .content .pop_phone{
display:flex;
flex-flow:row nowrap;
justify-content:center;
}

.popin .content .pop_phone .btn{
background-color:#003559;
width:150px;
}

.contact .coords .btn::before{display:none;}

.popin .content .pop_phone .btn:first-of-type{margin-right:15px;}

.popin .content .pop_phone .btn:hover{
color:#fff;
background-color:#003559;
}

.popin .content .pop_phone .btn::before{display:none;}

.popin .content .bgimg.close{
width:20px;
height:20px;
background-image:url(../img/icons/close_notaire.svg);
}

.popin .content .bgimg{
position:absolute;
right:15px;
top:15px;
display:inline-block;
background-repeat:no-repeat;
background-position:center center;
background-size:100% auto;
cursor:pointer;
}
/***********RECRUTEMENT***************/
section.recrutement_texte figure{
 position:relative;
 z-index:10;
 overflow:hidden;
}
section.recrutement_texte .textes{
 display:flex;
 padding:0 100px;
}
section.recrutement_texte .textes article{
 background-color:#fff;
 width:50%;
}
section.recrutement_texte .textes .up_article{
 padding: 100px;
 position: relative;
 transform: translateY(-38%);
 z-index: 20;
}
section.recrutement_texte .textes .up_article > *{
 max-width:475px;
}
section.recrutement_texte .textes .up_article .title_section{
 margin-bottom:100px;
}
section.recrutement_texte .textes .texte_2{
 padding:75px 75px 0 75px;
}
section.recrutement_texte .textes .texte_2 .editor{
 max-width:525px;
}

.rgpd {
	color: white !important;
	max-width: 1000px;
	margin: auto;
}