/*
Theme Name: Boutique a plans
Author: Agence Ceasy
Author URI: http://www.ceasy.fr
*/

html,
button,
input,
select,
textarea {
    color: #222;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


body {
    margin: 0;
	background: #efefef;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

@font-face {
	font-family: 'flexslider-icon';
	src: url('css/fonts/flexslider-icon.eot');
	src: url('css/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('css/fonts/flexslider-icon.woff') format('woff'), url('css/fonts/flexslider-icon.ttf') format('truetype'), url('css/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: 400;
	font-style: normal
}

@font-face {
  font-family: 'conthrax-sb';
  src: url('css/fonts/conthrax-sb.eot');
  src: url('css/fonts/conthrax-sb.eot?#iefix') format('embedded-opentype'), url('css/fonts/conthrax-sb.woff') format('woff'), url('css/fonts/conthrax-sb.ttf') format('truetype'), url('css/fonts/conthrax-sb.svg#flexslider-icon') format('svg');
  font-weight: 400;
  font-style: normal
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

#pre-results{
	margin-left : 290px;
	margin-top : 40px;
}
	
.hidden {
    display: none !important;
    visibility: hidden;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.left{
	float: left;
}

.right{
	float: right;
}

.center{
	text-align: center,
}

.clear{
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	margin: 0;
}

.wrapper{
	position: relative;
	width: 100%;
	margin: 0 auto;
}

/* ==========================================================================
   Styles generaux
   ========================================================================== */
body {
		opacity:1;
		
		-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */

		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
   }
   
body.not-loaded {
	opacity:0;
}

body aside {
	left: 0;
	opacity: 1;
	
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */

	-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
body.not-loaded aside {
	opacity: 0;
	left: -100px;
}

body header {
	top: 0;
	opacity: 1;
	
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.500) 0.3s;
	-moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.500) 0.3s;
	-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.500) 0.3s;
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.500) 0.3s; /* easeOutCubic */

	-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.500) 0.3s;
	-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.500) 0.3s;
	-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.500) 0.3s;
	transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.500) 0.3s; /* easeOutCubic */
}
body.not-loaded header {
	opacity: 0;
	top: 50px;
}
   
/* CONNEXION */
body.page-template-connexion section#content{
	position: initial;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	height: calc(100vh - 55px);
		background: rgba(35,39,43,0.8) url(./img/bg-header.png) no-repeat;
	background-size: cover;
}  
body.page-template-connexion section#content div.wrapper{
	height: initial;
	position: initial;
	width: initial;
	min-height: initial;
	background: initial;
}

.wrapper.content.content-profil.clearfix{
	background : transparent url("img/bg-header.png") repeat-x scroll 0px 0px
}

body.page-template-connexion div#main-content{
	padding: initial;
	width: initial;
	
}

.connexion-h1{
	display : block; 
	width: 100%;
	text-align: center;
	text-transform : uppercase;
	color: white;
	font-family: "conthrax-sb";
}

.bloc-connexion{
	width : auto; 
	height: 385px;
	background : #fff;
	text-transform : uppercase;
	font-weight : bold;
	text-align : center;
	-webkit-box-shadow: 0px 3px 4px 0px rgba(255, 255, 255, 0.3);
	-moz-box-shadow:    0px 3px 4px 0px rgba(255, 255, 255, 0.3);
	box-shadow:         0px 3px 4px 0px rgba(255, 255, 255, 0.3);
	position : relative;
}
.bloc-connexion .title{
	background : #313131;
	height : 50px;
	width : 100%;
	color : #fff; 
	padding-top : 15px;
}
.bloc-connexion label{
	width : 100%;
	display : block;
}
.bloc-connexion a.forgot_password{
	text-transform : none !important;
	font-weight : normal; 
	color: #313131; 
	font-size : 12px;
	position : absolute; 
	bottom : 40px;
	left : 172px;
}
.bloc-connexion .login-username, 
.bloc-connexion .login-password {
	width : 245px;
	margin : auto;
	text-align : left;
	margin-top : 30px;
}
.bloc-connexion .login-remember{
	width : 245px;
	margin : auto;
	text-align : left;
	margin-top : 10px;
	text-transform : none;
	font-weight : normal; 
}
.bloc-connexion .login-username input, 
.bloc-connexion .login-password input {
	width : 100%; 
	height : 42px; 
	padding : 5px 10px; 
	border-radius : 5px;
	border : solid 1px #e5e5e6;
}
.bloc-connexion input[type=submit]{
	background : #fccd00;
	color : #fff; 
	text-transform : uppercase;
	width : 150px; 
	height : 40px;
	border : none;
}
 
/* HEADER */
header {
	background: #fccd00 none repeat scroll 0 0;
	border-bottom: 3px solid #fccd00;
	font-family: "Source Sans Pro",sans-serif;
	height: 55px;
	padding: 5px 20px;
	z-index: 2;
	position: relative;
	
	-webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 3px 4px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 3px 4px 0px rgba(0, 0, 0, 0.3);
}
header a{    
	border: none;
	text-decoration: none;
}
header > a:first-child{
	line-height: 40px;
}
header .logo-cdb {
	border-right: 1px solid #595959;
	padding: 0 10px 0 0;
	width: 110px;
}
header .accroche {
	color: #23272B;
	font-size: 20px;
	font-weight: 300;
	padding: 0 0 0 10px;
	vertical-align: middle;
	font-family: "conthrax-sb";
}
header a.logout {
	background: rgba(0, 0, 0, 0) url("img/logout.png") no-repeat scroll 100% 8px; /* 50% = impression logo trop bas */
	color: #23272B;
	font-size: 12px;
	font-weight: 300;
	height: 100%;
	line-height: 45px;
	padding: 0 40px 0 0;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "conthrax-sb";
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
header a.logout:hover {
	background: rgba(0, 0, 0, 0) url("img/logout.png") no-repeat scroll 100% -38px;
	color: #fff;
}

header .link_header a:hover{
	color : #fff;
}
header .link_header:after{content : "";}
header .link_header:before {
	content : "";
	position : absolute;
	left : 0; top : 25%;
	width : 25px; 
	height : 25px;
	background : url('img/dl.png') no-repeat scroll 100% 0;
}
header .link_header {
	position: absolute; !important;
	right: 216px;
	text-align: right;
	border-right : solid 2px #3B3B3B;
}
header .link_header a{
	color: #23272B;
	font-size: 16px;
	padding: 10px 40px 10px; 0;
	font-family: "Source Sans Pro",sans-serif;
	text-decoration : none;
	display : inline-block;
	transition: all 0.3s ease-in-out 0s;
}
/* LISTE PDF */

#list-pdf{
	width : auto;
	float : right;
	position : relative;
	height : auto;
	margin-bottom : 20px;
	font-family : source sans pro;
	padding-left : 60px;
}

#list-pdf-title{
	border-bottom : dotted 1px #c9c9c9;
	margin : 20px;
	position : relative;
}
#list-pdf-title h1{
	text-transform : uppercase;
	
	font-size : 30px;
}
#list-pdf-title a{
	position : absolute;
	right : 0; top : 0;
	text-decoration : none;
	color : #3b3b3b;
	cursor : pointer;
}
a .accroche {text-decoration : none !important;}
#list-pdf-title a div{
	width : 110px; height : 40px; 
	background-color : #fccd00;
	border-radius : 2px;
	text-transform : uppercase;
	font-weight : bold;
	font-size : 14px;
	display : table;
}
#list-pdf-title a div span{
	display : table-cell;
	vertical-align : middle;
	text-align : right;
	padding-right : 20px;
	position : relative;
}
#list-pdf-title a div span:before{
	content : "";
	position : absolute; left : 10px;
	background : url('img/arrow_l_black.png') no-repeat 0 0;
	width : 20px; height : 20px;
}

.list-column{
	float : left; 
	width : 30%;
}
.list-wrapper {
	/*display : none;*/
	overflow : hidden;
}
#list-pdf .project-item{
	margin : 20px 20px 0 20px;
	width : 90%;
	display : block;
	position : relative;
	float : left;
}
#list-pdf .project-item ul{
	list-style : inside none;
	padding : 0; margin : 0; 
	width : 100%; 
	
}
#list-pdf .project-item ul li:hover{
	background-color : #ffffff;
}
#list-pdf .project-item ul li{
	border : solid #c9c9c9 1px;
	border-top : none;
	/*height : 48px;*/
	padding : 0px;
	background-color : #EFEFEF;
	text-align : center;
	text-transform : uppercase;
	/*font-weight : bold;*/
	padding-left : 20px; 
	display : table;
	width : 100%;
	transition : background 0.5s;
	-webkit-transition : background 0.5s;
}
#list-pdf .project-item ul li a, #list-pdf .project-item ul li span{
	color : #000; text-decoration : none;
	display : table-cell;
	vertical-align : center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#list-pdf .project-item img{
	width : 30px;
	max-height : 30px;
	margin-right : 20px;
}
#list-pdf .project-title:hover{ background-color : #515151; }
#list-pdf .project-title{
	padding : 7px; 
	background-color : #313131;
	color : #fff; 
	text-align : center; 
	font-weight : bold;
	margin : 0;
	height : 35px;
	text-transform : uppercase;
	cursor : pointer;
	transition : background 0.5s;
	-webkit-transition : background 0.5s;
}
#list-pdf .project-title:after{
	position : absolute;
	right : 20px; top : 10px;
	content:" ";
	background : url('img/arrow_sprite_rb_white.png') no-repeat 0 -19px;
	width : 17px ; height : 17px ;
}

#list-pdf .list-active:after{
	background : url('img/arrow_sprite_rb_white.png') no-repeat 0 -0px;
}
.file-pdf, .file-xls, .file-doc, .doc, .img, .pdf, .xls{position : relative; }
.file-pdf:after{
	position : absolute;
	left : -15px; top : 5px;
	content:" ";
	background : url('img/pdf_ico.png') no-repeat 0 0;
	width : 24px ; height : 31px ;
	background-size : 16px 20px;
}
.file-doc:after{
	position : absolute;
	left : -15px; top : 5px;
	content:" ";
	background : url('img/doc_ico.png') no-repeat 0 0;
	width : 24px ; height : 31px ;
	background-size : 16px 20px;
}
.file-xls:after{
	position : absolute;
	left : -15px; top : 5px;
	content:" ";
	background : url('img/xls_ico.png') no-repeat 0 0;
	width : 24px ; height : 31px ;
	background-size : 16px 20px;
}

/* SINGLE-PROJETS */
.xls:after{content:"";}
.xls:before{
	content:"";
	background-image : url('img/xls_ico.png') !important;
}
.img:after{content:"";}
.img:before{
	content:"";
	background-image : url('img/img_ico.png') !important;
}
.doc:after{content:"";}
.doc:before{
	content:"";
	background-image : url('img/doc_ico.png') !important;
}
.pdf:after{content:"";}
.pdf:before{
	content:"";
	background-image : url('img/pdf_ico.png') !important;
}

.single-projets .sf-filter{display : none;}

/* CONTENT */
#content {
	background: #23272B;
	color: white;
	min-height:calc(100vh - 55px);
}
#content .wrapper {
	min-height: 90%;
	position: absolute;
}

aside {
	background: #23272B none repeat scroll 0 0;
	left: 0;
	border-right: 1px solid #ffffff;
	min-height : 100%;
	padding: 55px 0 0;
	position: fixed;
	top: 0;
	width: 280px;
	font-family: "Source Sans Pro",sans-serif;
	/*position : fixed;*/
	z-index:1;
}
aside img.logo-cdb{
	position: absolute;
	top: 25px;
	left: 80px;
}
body.single-projets aside img.logo-cdb, body.page-template-liste-pdfs aside img.logo-cdb{
	display: none;
}
aside a {
	color: #fff;
	text-decoration: none;
	z-index:1;
}
aside .logo-bap {
	border-bottom: 1px solid #fccd00;
	padding: 20px 0 15px;
	text-align: center;
}
aside .logo-bap a {
	display: block;
	margin: 10px 0 0;
	color: #fff;
	font-size: 13px;
	font-weight: 300;
	font-family: "conthrax-sb";
	/* z-index:1; */
}

aside .sf-element {
	width : 100%;
	border-top : solid #4a4a4a 1px;
	padding-bottom : 10px ;
}

aside .sf-element legend{
	color : #ffffff;
	cursor : pointer;
	width : 100%; 
	display : inline-block;
	font-size : 16px;
	padding-top : 10px;
	padding-left : 40px;
	padding-bottom : 10px;
	border : 0 !important;
	position : absolute; 
	top : 0px;
}

aside .sf-element legend:before{ 
	content:" "; 
	position : absolute; 
	left : 10px; 
	width : 22px; 
	height : 22px;
}

aside .sf-element:nth-child(2)  legend:before{background : url('img/ico-search/mots-clefs.png') no-repeat 0 0;}
aside .sf-element:nth-child(3)  legend:before{background : url('img/ico-search/budget.png') no-repeat 0 0;}

aside .sf-element:nth-child(5)  legend:before{background : url('img/ico-search/surface.png') no-repeat 0 0;}
aside .sf-element:nth-child(6)  legend:before{background : url('img/ico-search/chambre.png') no-repeat 0 0;}
aside .sf-element:nth-child(7)  legend:before{background : url('img/ico-search/garage.png') no-repeat 0 0;}
aside .sf-element:nth-child(8)  legend:before{background : url('img/ico-search/toiture.png') no-repeat 0 0;}
aside .sf-element:nth-child(9)  legend:before{background : url('img/ico-search/maison.png') no-repeat 0 0;}
aside .sf-element:nth-child(10) legend:before{background : url('img/ico-search/crea.png') no-repeat 0 0;}
aside .sf-element:nth-child(11)  legend:before{background : url('img/ico-search/entree.png') no-repeat 0 0;}
/*
aside .sf-element:nth-child(10) legend:before{background : url('img/ico-search/vente.png') no-repeat 0 0;}*/

aside .sf-element {
	padding-top : 30px;
	position : relative;
}

#form{
	width : 100%; 
	margin : auto;
}
.sf-checkbox-wrapper, .sf-radiobox-wrapper{
	padding-left : 25px;
}
.sf-checkbox-wrapper label, .sf-radiobox-wrapper label{
	width: 100%;
	display: inline-block;
	float : left;
	text-align : left;
	color : #a1a1a1;
}

.sf-element fieldset[data-id="17"]{
	display: none !important;
}

.focused{
	color : #fff !important;
}
.sf-element div{
	display : none;
	padding-top : 20px;
}

aside .option-element legend{
	left : 0px !important;
}
aside .option-element fieldset{
	display : none;
}

aside .sf-element.fulltext.surface input,
aside .sf-element.fulltext.budget input{ 
	width : 80px; 
	height : 40px;
	margin : auto 0 0 5px;
	border-radius : 3px;
	padding : 0 15px 0 10px;
	position : relative;
	right:inherit
}
aside .sf-element.fulltext input{ 
	width : 240px; 
	height : 40px;
	margin : auto 0 0 20px;
	border-radius : 3px;
	padding : 0 55px 0 10px;
	position : relative;
}
.option-element .option-radio-item{
	border-top : none !important;
	padding-bottom : 0;
	
}
.option-element .option-radio-item legend{
	color : #fff; font-weight : bold;
	left : -30px !important;cursor : default !important;
	
}
.option-radio-item legend:before{
	content : none !important;
}
.option-radiobox{
	display : inline-block !important; 
	padding-top : 5px !important; 
	width : 100% !important;
}
.option-radiobox label{
	width : 30% !important;
	display : inline-block !important;
}

aside .fulltext .sf-fulltext-wrapper .fulltext-input-submit:hover {background-color : #4F4F4F;}
aside .fulltext .sf-fulltext-wrapper .fulltext-input-submit { 
	position : absolute; 
	width : 50px; 
	right : 19px;  
	font-size : 20px; 
	font-weight : bold;
	/*color : #FCCD00; */
	color : #fff;
	background-color : #3B3B3B;
	border-top-left-radius : 0;
	border-bottom-left-radius : 0;
	border : solid 1px #fff;
	padding : 0 0 4px 0 !important;
	transition : all 0.3s ease-in-out 0s;
	-moz-transition : all 0.3s ease-in-out 0s;
	-webkit-transition : all 0.3s ease-in-out 0s;
}

aside .sf-element.select select{
	width : 240px; 
	height : 40px;
	margin : auto 0 0 20px;
	border-radius : 5px;
}
aside .sf-element input{border : none; }

.sf-radiobox-wrapper label input,
.sf-checkbox-wrapper label input{
	margin-right : 8px;
}
.sf-radiobox-wrapper label{
	margin-bottom : -5px;
	cursor : pointer;
}
.sf-checkbox-wrapper label{
	margin-bottom : 10px;
	cursor : pointer;
}

.checkbox_custom, .radiobox_custom{
	position : relative;
}
.checkbox_custom:before{
	content:"";
	width : 20px; 
	height : 20px; 
	position : absolute;
	background : #fff;
	top : 1px;
	left : 0px;
	border : solid 2px #4c4c4c; 
}
.checkbox_custom:after{

}
.radiobox_custom:before{
	content:"";
	width : 20px; 
	height : 20px; 
	position : absolute;
	background : #fff;
	top : 0px;
	left : -2px;
	border : solid 2px #4c4c4c; 
	border-radius : 50%;
}

.tick:before{
	content : "\2714" !important;
	color : #000;
	font-size : 18px;
	padding : 1px 0 0 1px; 
	margin : 0;
	line-height : 14px
}

.rtick:before{
	content : "\2714" !important;
	color : #000;
	font-size : 18px;
	padding : 1px 0 0 1px;  
	margin : 0;
	line-height : 14px
}

.is_modified{
	display : none;
}

#noresult{
	width : 500px; 
	height : auto; 
	display : inline-block;
	
	
	 -moz-column-count:1;
    -moz-column-gap: 3%;
    -moz-column-width: 100%;
    -webkit-column-count:1;
    -webkit-column-gap: 3%;
    -webkit-column-width: 100%;
    column-count: 1;
    column-gap: 3%;
    column-width: 100%;
	
}
#noresult a{
	display : inline-block;
	cursor : pointer; 
	padding : 10px; 
	color : #FCCD00;
	background-color : #3B3B3B;
	border-radius : 5px;
	margin : 15px 0;
}

.slider-range{display : block !important;}


/*slider*/

.sf-slider{
	position : relative;
	height : 100px;
	width: 97%;
	margin: auto;
}

.slider-wrapper{
	padding : 0 8px !important;
	border-radius : 20px !important;
	background-color : #262626; 
	margin : auto;
	width : 85%;
	display : block !important;
}
.slider-range{
	height : 27px;
	width: 93%;
	margin: auto;
}
.slider_values{
	display: block;
	position: absolute;
	height: 38px;
	width: 280px;
	left: -6px;
	top: -5px;
}
.slider-leg{
	color : #494949;
	display: inline-block !important;
	top: 25px !important;
	position: absolute;
	font-size : 11px; 
	font-weight : normal;
	padding-top : 5px !important;
}
.slider-leg label{
	margin-left : -50%;
}

.white{color : #fff;}

.active{
	background-color : #313131;
}
.active legend:after{
	background : url('img/arrow_sprite_rb.png') no-repeat 0 -13px;
	right : 23px;
}
.sf-element:nth-child(2) .arrow:after{content:""; width : 0 !important; height : 0 !important;}

.arrow:after{
	position : absolute;
	right : 20px; top : 15px;
	content:" ";
	background : url('img/arrow_sprite_rb.png') no-repeat 0 0;
	width : 13px ; height : 13px ;
}
.arrow:before {
}

.ui-widget-header{
	background-color : #fccd00;
}
.ui-slider-horizontal .ui-slider-handle{
	top : 0!important;
	margin-left : -14px;
}
.ui-slider .ui-slider-handle{
	width:27px;
	height:27px; 
	border-radius : 50%;
	border : solid 2px #fccd00;
}
.amount{
	text-align : center;
	position : absolute; 
	border:0; 
	color : #fff;
	background-color : transparent; 
	text-align : left;
	bottom: 3px;
	width: 60%;
	left: 32%;
	font-size : 16px; 
	letter-spacing : 0.04em;
}

.single-projets aside {
	width: 50px;
}
.single-projets aside a {
	display: none;
}
.single-projets aside .logo-bap {
	padding: 20px 0 20px;
}
.list-pdf-page aside {
	width: 50px;
}
.list-pdf-page aside a {
	display: none;
}
.list-pdf-page aside fieldset {
	display : none;
}
.list-pdf-page aside .logo-bap {
	padding: 20px 0 20px;
}
.list-pdf-page{width : 100%;}

.main-content { 
	
	font-family: "Source Sans Pro",sans-serif;
	padding: 20px 20px 0 300px;
	background: #23272B;
}
.sf-result{
	display: flex;
	-webkit-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-flex-direction : row; 
	flex-direction : row; 
	-webkit-justify-content: space-around;
	justify-content: space-around;
/*	-webkit-column-break-inside:avoid;
		-moz-column-break-inside:avoid;
		-o-column-break-inside:avoid;
		-ms-column-break-inside:avoid;
		column-break-inside:avoid;
		-webkit-backface-visibility:hidden;
		-moz-column-count:3;
    -moz-column-gap: 3%;
    -moz-column-width: 150px;
    -webkit-column-count:3;
    -webkit-column-gap: 3%;
    -webkit-column-width: 150px;
    column-count: 3;
    column-gap: 3%;
    column-width: 150px;*/
}
#front-page-request{
	display: flex;
	-webkit-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-flex-direction : row; 
	flex-direction : row; 
	-webkit-justify-content: space-around;
	justify-content: space-around;
	/*-moz-column-count:3;
    -moz-column-gap: 3%;
    -moz-column-width: 150px;
    -webkit-column-count:3;
    -webkit-column-gap: 3%;
    -webkit-column-width: 150px;
    column-count: 3;
    column-gap: 3%;
    column-width: 150px;*/
	 
	 -webkit-column-break-inside:avoid;
		-moz-column-break-inside:avoid;
		-o-column-break-inside:avoid;
		-ms-column-break-inside:avoid;
		column-break-inside:avoid;
		-webkit-backface-visibility:hidden;
}
.home .main-content {
	
	
}
.single-projets .main-content {
	padding: 20px 20px 0 70px;
	width: 100%;
	display: flex;
	flex-wrap : wrap;
}
.single-projets .main-content .single{
	width: 100%
}
.projet {
	display : flex-item;
	
	margin: 0 5px 10px;
	position: relative;
	width: 24%
	/*width: 32%;
	/*overflow : hidden;*/
	/*-webkit-column-break-inside:avoid;
		-moz-column-break-inside:avoid;
		-o-column-break-inside:avoid;
		-ms-column-break-inside:avoid;
		column-break-inside:avoid;
		-webkit-backface-visibility:hidden;
		page-break-inside: avoid;
               break-inside: avoid;*/
	/*float : left !important;*/
	
}
.projet span{
	display: block;
	height: auto;
	position: relative;
}
.projet img {
	width: 100%;
	height: auto;
	/*-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 3px 1px rgba(0, 0, 0, 0.3);*/
}
.projet img.rdc {
	margin-top:5px
}

.hover {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	height: 100%;
	opacity: 0;
	padding: 5px 20px 0;
	position: absolute;
	top: 0;
	left : 0;
	-webkit-transition : all 0.3s ease-in-out;
	-o-transition : all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
/*	
	-webkit-column-break-inside:avoid;
		-moz-column-break-inside:avoid;
		-o-column-break-inside:avoid;
		-ms-column-break-inside:avoid;
		column-break-inside:avoid;
		-webkit-backface-visibility:hidden;
		page-break-inside: avoid;
               break-inside: avoid;*/
	
	width: 100%;
}
.projet:hover .hover {
	opacity: 1;
	background: rgba(0, 0, 0, 0.9);
	
/*	-webkit-column-break-inside:avoid;
		-moz-column-break-inside:avoid;
		-o-column-break-inside:avoid;
		-ms-column-break-inside:avoid;
		column-break-inside:avoid;
		-webkit-backface-visibility:hidden;*/
}

.projet .hover h3 {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
	bottom: 10px;
	opacity: 0;
	position: relative;
}
.projet:hover .hover h3 {
	opacity: 1;
	bottom:0;
}
.projet .hover .caracteristique {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	bottom: 10px;
	opacity: 0;
	padding: 0 0 3px;
	position: relative;
	transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
}
.projet:hover .hover .caracteristique {
	opacity: 1;
	bottom:0;
}
.projet .hover p {
	color: #fccd00;
	font-size: 14px;
	margin: 5px 0 0;
	padding: 0 0 0 25px;
}
.projet .hover p.budget {
	background: rgba(0, 0, 0, 0) url("img/picto-budget.png") no-repeat scroll 0 50%;
}
.projet .hover p.surface {
	background: rgba(0, 0, 0, 0) url("img/picto-surface.png") no-repeat scroll 0 50%;
}
.projet .hover p.chambre {
	background: rgba(0, 0, 0, 0) url("img/picto-chambre.png") no-repeat scroll 0 50%;
}

.projet .hover .button {
	background: rgba(252, 205, 0, 1) none repeat scroll 0 0;
	padding: 3px 0;
	text-align: center;
	border-radius: 2px;
	margin: 5px 0 0;
	transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s;
	opacity: 0;
	position: relative;
	top: 10px;
}
.projet:hover .hover .button {
	opacity: 1;
	top: 0;
}
.projet .hover .button a {
	text-transform: uppercase;
	color: #3b3b3b;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	display: block;
	transition: all 0.3s ease-in-out;
}
.projet .hover .button a:hover {
	color: #fff;
}
#loader-wrap{width :1250px; height : 50px; clear : both; padding-left : 310px; margin-bottom : 20px;}
#loader{
	display : none; 
	color : #fff; 
	margin : auto; 
	font-size : 50px; 
	font-weight : bold; 
	line-height : 28px; 
	background : url('img/refresh-icon_white.png') #3b3b3b no-repeat 50% 50%; 
	border-radius : 50%; 
	width : 50px; height : 50px; 
	padding: 8px 8px 0 3px; 
	text-align : center;
	-moz-animation: spinoff 1s infinite ease-in-out;
	-webkit-animation: spinoff 1s infinite ease-in-out;
}
.slider-2 label{
	color: white;
	position: absolute;
	top: 34px;
	font-size: 12px;
	left: 93px;
}
.slider-2 label:first-child{
	left: 5px !important;
}
input{
	font-weight: bold;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    };
}

@-moz-keyframes spinoff {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(-360deg);
    };
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    };
}

@-webkit-keyframes spinoff {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    };
}

/* SINGLE PROJETS */
.single-projets .top {
	height: 60px;
	margin: 0 0 10px;
	position: relative;
	width: 100%;
}
.single-projets .top:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	background: url('img/sep.png');
	width: 100%;
	height: 2px;
}
.single-projets .top h1 {
	margin: 0;
	color: #ffffff;
	font-weight: 600;
	font-size: 30px;
	text-transform: uppercase;
}
.single-projets .top .retour {
	background: rgba(252, 205, 0, 1) none no-repeat scroll 0 0;
	padding: 3px 0;
	text-align: center;
	border-radius: 3px;
	position: relative;
}
.single-projets .top .retour:hover a {
	background: rgba(252, 205, 0, 0.5) url(img/retour.png) no-repeat scroll 8px 50%;
}

.single-projets .top .retour a{
	background: rgba(252, 205, 0, 1) url(img/retour.png) no-repeat scroll 15px 50%;
	border-radius: 3px;
	padding: 10px 15px 10px 35px;
	position: relative;
	text-align: center;
	display: block;
	font-size: 14px;
	color: #3b3b3b;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	z-index: 1;
	
	transition: all 0.3s ease-in-out;
}

.content .col_1_2:nth-child(2) {
	padding: 0 10px;
}
.image {
	margin: 0 0 20px;
	padding: 0 0 25px;
	border-bottom: 1px solid rgba(65, 65, 65, 0.15);
}
.image img {
	width: 100%;
	height: auto;
	
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 3px 1px rgba(0, 0, 0, 0.3);
}
.image-pdf {
	width : 210px; 
	height : 140px; 
	border : none;
	/*position : relative;*/
	overflow : hidden; 
}
.image-pdf img{
	position : relative; 
	top : 75%; 
	left : 25%;
	margin-left : -50%;
	margin-top : -50%;
	height : 140px;
	width : auto;
}
.button_fichier {
	border-bottom: 1px solid rgba(65, 65, 65, 0.15);
}
.fichier {
	text-align: center;
	background: rgba(65, 65, 65, 1);
	margin: 20px 0; 
	border-radius: 5px;
	/* border-bottom: 3px solid #171717; */
	position: relative;
	transition : all 0.5s linear;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(23, 23, 23, 1);
	-moz-box-shadow:    0px 2px 0px 0px rgba(23, 23, 23, 1);
	box-shadow:         0px 2px 0px 0px rgba(23, 23, 23, 1);
}
.fichier:hover{
	-webkit-box-shadow: 0px 2px 0px 0px rgba(23, 23, 23, 0.5);
	-moz-box-shadow:    0px 2px 0px 0px rgba(23, 23, 23, 0.5);
	box-shadow:         0px 2px 0px 0px rgba(23, 23, 23, 0.5);
	background: rgba(99, 99, 99, 1);
}
.fichier:hover:before{
	-webkit-box-shadow: 0px 2px 0px 0px rgba(224, 184, 5, 0.5);
	-moz-box-shadow:    0px 2px 0px 0px rgba(224, 184, 5, 0.5);
	box-shadow:         0px 2px 0px 0px rgba(224, 184, 5, 0.5);
}
.fichier:before {
	content: "";
	width: 55px;
	height: 100%;
	/* border-bottom: 3px solid #fccd00; */
	background: rgba(252, 205, 0, 1) no-repeat scroll 50% 50%;
	position: absolute;
	left: 0;
	top: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	
	transition : all 0.5s linear;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(224, 184, 5, 1);
	-moz-box-shadow:    0px 2px 0px 0px rgba(224, 184, 5, 1);
	box-shadow:         0px 2px 0px 0px rgba(224, 184, 5, 1);
}
.fichier a {
	color: #efefef;
	display: block;
	font-size: 16px;
	font-weight: 700;
	padding: 15px 0;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
}

.plans-content{
	margin-left : 16px;
}

.plan-projet{
	margin-bottom : 22px;
	display : inline-block;
	width : 470px;
	float : left;
}
.plan-projet:nth-of-type(odd){
	margin-right : 30px;
}

.plans-content > div {
	height: 150px;
	padding: 0 0 25px 15px;
	position: relative;
	text-align: center;
	width: 50%;
}

.plans {
	clear: both;
	height: 100%;
	width: 100%;
	position: relative;
	
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 3px 1px rgba(0, 0, 0, 0.3);
}
.plans:nth-child(1), .plans:nth-child(2) {
	margin: 0 15px 15px 15px;
}
.plans img {
	
	
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 3px 1px rgba(0, 0, 0, 0.3);
}

/**
 * Favoris
 *
 */

.projet span.coeur{
	cursor:pointer;
	position:absolute;
	top:5px;
	right:14px;
	z-index: 1;
}
.projet span.coeur:after{    
	content:"\f487"; 
	font-family: dashicons;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: never;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 20px;
    font-size: 28px;
    vertical-align: top;
    text-align: center;
    transition: color .1s ease-in;
	-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .2));
	filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .2));
	
}
.projet span.coeur:hover,
.projet span.coeur.select:after{
	font-weight: bold;
	color: #FBD514;
	-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .4));
	filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .4));
}

#content > aside a.retour,
#content > aside a.coeur{
	color: #ffffff;
    cursor: pointer;
    width: 100%;
    display: inline-block;
    font-size: 16px;
    padding-top: 10px;
    padding-left: 40px;
    padding-bottom: 10px;
    border: 0 !important;
	position:relative
}
aside .sf-element:nth-child(4)  legend:before,
#content > aside a.coeur:before{
	content:"\f487"; 
	color: #FBD514;
	font-family: dashicons;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: never;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 20px;
    font-size: 28px;
    vertical-align: top;
    text-align: center;
    transition: color .1s ease-in;
	-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .2));
	filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .2));
	position:absolute;
	left: 8px;
    top: 7px;
}

.caracteristiques {
	width: 102%; 
	overflow : hidden;
}
.caracteristiques > div {
	height: 85px;
	padding: 0 10px 0px 0px;
	position: relative;
	text-align: center;
	width: 16.6%;
}
.caracteristiques .cara {
	background-color: #fccd00;
	background-position: 50% 25%;
	background-repeat: no-repeat;
	clear: both;
	height: 100%;
	width: 100%;
	position: relative;
	
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 0px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 3px 1px rgba(0, 0, 0, 0.15);
}
.cara.budget {
	background-image: url('img/budget.png');
}
.cara.surface {
	background-image: url('img/surface.png');
}
.cara.chambre {
	background-image: url('img/chambre.png');
}
.cara.projeteur {
	background-image: url('img/projeteur.png');
}
.cara.commercial {
	background-image: url('img/commercial.png');
}
.cara.vente {
	background-image: url('img/vente.png');
}
.cara span {
	bottom: 0;
	color: #3b3b3b;
	display: block;
	font-size: 12px;
	font-weight: 700;
	margin: 0 0 15px;
	position: absolute;
	width: 100%;
}

.plans-content > .no-doc, .button_fichier > .no-doc {
	height: auto;
	width: 100%;
	padding: 10px 0 30px 15px;
}

/* FOOTER */
   
   
/* SHORTCODES */
.col_1_2 {
	float: left;
	width: 50%;
}
.col_1_3 {
	float: left;
	width: 33.3%;
}

@media screen and (max-width: 1320px) {
.projet{
	width: 20%;
}
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }


}