/*COULEURS
	black : #292929
	gray  : #d4d3d3
	gray bar : #e3e3e3
/*

/*RESET*/
html,body,input,textarea,div,ul,ol,li,h1,h2,h3,h4,p,form{margin:0px;padding:0px;}
table{border-collapse:collapse;}
*:focus{outline: none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #f3f3f3 inset;-webkit-text-fill-color:#343434 !important;}
*, *:before, *:after{box-sizing: border-box;}

/*SELECTION*/
::selection {background:black;color:white;opacity:1;}
::-moz-selection {background:black;color:white;opacity:1;}

/*BODY*/
body, input, textarea,input{font-family: 'Montserrat', Arial, Serif;font-size: 12px;font-weight:400;text-align:left;margin-top:0px;color:#292929;letter-spacing:0px;background-color:white;}
body{width:100%;background-color:white;overflow:auto;-webkit-touch-callout: none;}
body a{text-decoration: none;color:#ff0000;}
body a:hover{text-decoration:none;color:#94440a;}
body a img{border:none;}

/*P*/
p{margin-top:10px;line-height:30px;}

/*PAGES*/
.page{width:100%;}

/*PAGES IN*/
.page_in{width:900px;margin:auto;}

/*MENU*/
#menu{margin-top:72px;}
#menu a{color:#292929;text-decoration:none;}
#menu a:hover{color:#d4d3d3;text-decoration:none;}
#menu_logo{height:35px;font-size:20px;letter-spacing:5px;float:left;}
#menu_logo a:hover{color:#292929;}
#menu_items{float:right;width:470px;margin-top:13px;font-size:10px;letter-spacing:1px;}
.menu_item{float:right;margin-left:17px;}
#menu .menu_item_selected{color:#d4d3d3;}
.menu_bar{width:100%;height:8px;background-color:#e3e3e3;}
.menu_bar2{width:100%;height:8px;background-color:#e3e3e3;}
.menu_bar3{margin-left:150px;width:calc(100% - 150px);height:8px;background-color:#e3e3e3;}


/*REALISATIONS*/
#realisations{margin-top:85px;position:relative;}
#realisations .page_in .project_item{width:283px;margin-right:25px;float:left;height:230px;margin-bottom:25px;position:relative;overflow:hidden;}
#realisations .page_in .project_item:nth-child(3n+1){margin-right:0px;}
#realisations .page_in a{color:#292929;text-decoration:none;}
#realisations .page_in a:hover{color:#292929;text-decoration:none;}
.project_item_text{opacity:0;visibility:hidden;position:absolute;top:200px;text-align:center;width:100%;height:100%;padding-top:88px;background-color:rgba(255,255,255,0.90);}
.project_item_text2{padding-top:48px !important;}
.project_item_text3{padding-top:28px !important;}
.project_item:hover .project_item_text,.hover_ios{opacity:1;visibility:visible;-webkit-transform:translateY(-200px);-ms-transform:translateY(-200px);transform:translateY(-200px);}
.project_item:hover{}
.project_item_text h1{text-transform:uppercase;}
.project_item img{height:100%;text-align:center;}
.project_item h1{font-size:30px;font-weight:bold;letter-spacing:5px;}
.project_item_text p{letter-spacing:1px;margin-top:0px;}
#more_realisations{margin-top:80px;margin-bottom:65px;text-align:center;}

/*REALISATIONS EACH*/
#realisation_pictures{float:left;width:490px;margin-right:50px;}
#realisation_pictures img{width:490px;height:auto;margin-bottom:22px;cursor:pointer;}
#realisation_description{float:right;margin-top:55px;width:360px;letter-spacing:1px;}
#realisation_description a{color:#ff0000 !important;}
#realisation_description h1{font-size:30px;font-weight:bold;letter-spacing:5px;}
#realisation_description p{margin-top:0px;line-height:25px;}
.realisation_description_fixed{position:fixed;left:calc(50% - 450px + 540px);bottom:180px;}
.realisation_description_fixed2{position:fixed;left:calc(50% - 450px + 540px);top:200px;}
.full_width #realisation_pictures{width:100% !important;float:none;}
.full_width #realisation_description{width:100% !important;float:none;position:relative;left:0;bottom:auto;top:0;margin-top:0px;margin-bottom:100px;}
.full_width #realisation_pictures img{width:100% !important;}
.full_width .realisation_description_fixed{width:100% !important;float:none;position:relative;left:0;bottom:auto;margin:0;padding-top:40px;}
.full_width .realisation_description_fixed2{width:100% !important;float:none;position:relative;left:0;bottom:auto;margin:0;padding-top:40px;}
.hidden{display:none;}
.h1_locationvente{font-size:14px;color:#d4d3d3;}
.prix{font-size:25px;padding:10px;border:3px solid black;text-align:center;max-width:360px;}
.preload_img{width:100%;/* background:url('../img/loader/ring.gif') no-repeat center center; */}
.preload_img img{/* display:none; */}

/*FILTER INDEX*/
#filter_index{text-align:right;margin-top:-20px;margin-bottom:20px;font-size:10px;}

/*CONTACT*/
#contact{margin-top:50px;margin-bottom:50px;line-height:20px;}
#contact h1{font-size:20px;font-weight:bold;letter-spacing:5px;margin-bottom:15px;}
#contact_info{width:360px;float:right;}
.full_name{width:calc(100% - 130px);}

/*REFERENCES*/
#ref_names{width:600px;float:right;}
#ref_pictures{width:250px;float:right;margin-right:50px;}
#ref_pictures img{width:100%;margin-bottom:10px;}

/*BOTTOM*/
#bottom{line-height:25px;}
#bottom .page_in{border-top:8px solid #e3e3e3;padding-top:28px;padding-bottom:40px;}
#bottom_logo{float:left;letter-spacing:2px;width:150px;}
#bottom_contact{float:left;}
#bottom_admin{float:right;}
#bottom_admin a{color:white;}
#bottom_admin a:hover{color:#e3e3e3;}

/*TITLE*/
h1{font-size:30px;font-weight:400;}

/*MAP*/
#map{height:500px;width:calc(100% - 410px);float:left;margin-right:50px;margin-top:20px;}


/*ADMIN*/
#admin{margin-top:30px;margin-bottom:100px;}
#admin input,#admin textarea{border:none;background-color:#e3e3e3;}
#admin textarea{width:100%;height:150px;line-height:15px;padding:5px;}
#admin td{height:20px;line-height:25px;padding-right:20px;}
#admin input{height:20px;line-height:20px;padding:5px;box-sizing: content-box;}
#admin td:nth-child(1){width:200px;}
#admin td:nth-child(2) input{width:400px;}
#admin input[type="submit"]{padding:10px;background-color:black;color:white;cursor:pointer;height:auto;}
#admin input[type="file"]{padding:7px;color:black;cursor:pointer;height:17px !important;}
#admin .td_first td,#admin .table_hover td{border-bottom: 1px solid #e3e3e3;}
#admin .td_first td{color:gray;}
#sortable-1 {}
#sortable-1 div,#sortable-4 div {float:left; margin-right:10px;margin-bottom:10px;}
#sortable-1 div img,#sortable-4 div img{cursor:move;}
.default { }
.progress{font-size:30px;float:right;margin-right:30px;margin-top:5px;display:none;}
.progress_bar{height:8px;background-color:#ff0000;width:0px;}
.tr_hidden{display:none;}
.table{display:table;}
.table_tr{display:table-row;cursor:move;}
.table_td{display:table-cell;padding:10px;}

/*ERROR*/
#error{height:300px;padding-top:60px;}


/*TRANFORMATION*/
.transition{-webkit-transition: all 0.4s;transition: all 0.4s;/*-webkit-transition-delay: 0.2s;transition-delay: 0.2s;*/}

/*RESPONSIVE*/
@media (min-width: 1248px){
	.page_in{width:1208px;margin:auto;}
	#realisations .page_in .project_item:nth-child(3n+1){margin-right:25px;}
	#realisations .page_in .project_item:nth-child(4n+1){margin-right:0px !important;}
	#realisation_pictures{float:none;width:798px;}
	#realisation_pictures img{width:100%;}
	.realisation_description_fixed{position:fixed;left:calc(50% - 604px + 848px);bottom:180px;}
	.realisation_description_fixed2{position:fixed;left:calc(50% - 604px + 848px);top:200px;}
	#ref_names{width:900px;float:right;}
	#ref_pictures{width:250px;float:right;margin-right:50px;}
}
@media (max-width: 940px){
	.page_in{width:592px;margin:auto;}
	#realisations .page_in .project_item:nth-child(3n+1){margin-right:25px;}
	#realisations .page_in .project_item:nth-child(2n+1){margin-right:0px;}
	#realisation_description{float:none;width:100%;margin-bottom:100px;}
	#realisation_pictures{float:none;width:100%;}
	#realisation_pictures img{width:100%;cursor:default;}
	.realisation_description_fixed{position:relative;left:auto;bottom:0px;padding-top:0px !important;}
	.realisation_description_fixed2{position:relative;left:auto;top:0px;padding-top:0px !important;}
	#ref_names{width:400px;float:right;}
	#ref_pictures{width:142px;float:right;margin-right:50px;}
}
@media (max-width: 632px){
	#menu{margin-top:42px;}
	#menu_logo{float:left;}
	#menu_items{float:right;width:140px;text-align:right;}
	.menu_item{float:none;margin-bottom:10px;}
	.page_in{width:calc(100% - 40px);margin:auto;}
	#realisations .page_in .project_item:nth-child(3n+1){margin-right:0px;}
	#realisations .page_in .project_item:nth-child(1n+1){margin-right:0px;}
	#realisations .page_in .project_item:nth-child(2n+1){margin-right:0px;}
	#realisations .page_in .project_item:nth-child(4n+1){margin-right:0px;}
	#realisations .page_in .project_item{width:283px;float:none;margin:auto !important;margin-bottom:25px !important;text-align:center;}
	#map{float:none;width:100%;height:300px;}
	#contact_info{width:100%;float:none;}
	#ref_names{width:100%;float:none;}
	#ref_pictures{width:100%;float:none;margin-right:50px;}
}