/*DOWNLOAD POLICE*//*DOWNLOAD POLICE*//*DOWNLOAD POLICE*//*DOWNLOAD POLICE*//*DOWNLOAD POLICE*//*DOWNLOAD POLICE*//*DOWNLOAD POLICE*/
@font-face {
    font-family: 'Raleway';
    src:url('fonts/Raleway-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Raleway-Thin';
    src:url('fonts/Raleway-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'journal';
    src:url('fonts/journal.ttf') format('truetype');
}

/*BASE*//*BASE*//*BASE*//*BASE*//*BASE*//*BASE*//*BASE*//*BASE*//*BASE*//*BASE*//*BASE*//*BASE*//*BASE*//*BASE*//*BASE*//*BASE*//*BASE*/
html, body{
	font-family: 'Raleway', Verdena, Arial, Serif;
	font-size:16px;
	line-height:1.4;
	height:100%;
	margin:0;
	padding:0;
}

h1{margin-top:7px;font-family:'Raleway-Thin';font-weight:bold;}
h2{font-family:'Raleway';font-size:20px; margin-top:30px;margin-left:30px;}
h3{font-family:'Raleway';font-weight:bold;font-size:20px; text-align:center; color:#fff;}
h4{font-family:'Raleway';font-size:16px; margin-top:40px;margin-left:40px;margin-bottom:10px;}
p{text-align:justify}
a{text-decoration:none; color:#3c3c3c;}
a:hover{text-decoration:underline;}
a img{ border: none; }
em{font-weight:bold; font-style: normal;}
hr{border-color:#c8eeff;margin: 0 auto;padding: 15px auto;}
.bold{font-weight:bold;}
.avis_fix{position:fixed; left:0; bottom:-6px;z-index:99;margin:0 0;}
/*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*/
.header{
	left:0;
	right:0;
	height:70px;
	line-height:70px;
	color:#fff;
	background-color:#fff;
	-moz-box-shadow: 0px 5px 10px #c6c6c6; 
	-webkit-box-shadow: 0px 5px 10px #c6c6c6; 
	box-shadow: 0px 5px 10px #c6c6c6;
}

.header__logo{
	margin: 10px 0 0 20px;
	height:50px;
	float:left;
}
.menu{
	transform: rotate(0deg);
	font-size:10px;
	color:#3c3c3c;
	float:right;
	height:5px;
	margin: 2px 8px 0 0;
}
/*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*/
.menu_verti{
	font-size:14px;
	float:left;
	position:absolute;
	right:0;
}

.menu_hori{
	margin-right:10px;
	font-size:14px;
	line-height:22px;
	height:70px;
	display:flex;
	justify-content: flex-end;
	align-items:center;
	text-align:center;
}

.lien_hori{margin:0 14px;}

.lien{
	width:250px;
	height:40px;
	padding: 0 0px;
}
a.lien:hover{text-decoration:underline; color:#383838;}

/*BOUTON BACKTOTOP*//*BOUTON BACKTOTOP*//*BOUTON BACKTOTOP*//*BOUTON BACKTOTOP*//*BOUTON BACKTOTOP*//*BOUTON BACKTOTOP*//*BOUTON BACKTOTOP*//*BOUTON BACKTOTOP*/
#btn-up{
position:fixed;
cursor:pointer;
width:40px; height:40px;
right:15px;
bottom:15px;
opacity:0.45;
display:none;
z-index:1;
 }
#btn-up:hover{
background-image: url("theme/up_button2.png");
opacity:0.6;
}

/*CONTENU DU SITE*//*CONTENU DU SITE*//*CONTENU DU SITE*//*CONTENU DU SITE*//*CONTENU DU SITE*//*CONTENU DU SITE*//*CONTENU DU SITE*//*CONTENU DU SITE*/
.back_milli{
	background:url("theme/fond_milli.jpg") repeat;
}

.container{
	max-width:1150px;
	width:95%;
	margin:0px auto;
	padding: 10px 0;
}

.container_galerie{
	width:100%;
}

.presentation{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-around;
	align-items: top;
}

.text_forte{
	font-size:18px;
	text-align:right;
	padding-top:30px;
	margin-right:100px;
}

.text_gagnez{
	font-size:22px;
	text-align:left;
	font-weight:bold;	
}

.text_po{
	font-size:40px;
	text-align:center;
	font-weight:bold;
	color:#de2c25;
}

.text_date{font-size:22px;font-weight:bold; text-align:center;}

.maison3d{
	width: 100%;
	height:auto;
}
.pod2{
	width: 100%;
	height:100%;
}
.pod{
	width: 100%;
	height:100%;
}
.comble{
	width: 100%;
	height:auto;
}
.maison3d2{
	width: 110%;
	height:auto;
}
.comble2{
	width: 100%;
	height:auto;
}
.list{
	font-size:16px;
	line-height:35px;
	list-style-type:none;
	background-image: url(theme/puce.png);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding-left: 30px;
}

.element:nth-child(1)
{
    flex: 2;
	margin-right:30px;
}
.element:nth-child(2)
{
    flex: 1;
	margin-top:30px;
}

.galerie{text-align:center; margin:35px 0 20px 0; font-weight:bold;}
.picto_photo{display:inline-block; width:25px; height:auto; vertical-align:middle;}
.lien_photos{display:inline-block;margin:0 0 0 20px; vertical-align:middle;}



/*AVIS*//*AVIS*//*AVIS*//*AVIS*//*AVIS*//*AVIS*//*AVIS*//*AVIS*//*AVIS*//*AVIS*//*AVIS*//*AVIS*//*AVIS*//*AVIS*//*AVIS*//*AVIS*//*AVIS*//*AVIS*/
.c6eeff{background-color:#ececec;}
.avis{
	margin: 15px auto;
	width:90%;
	display:flex;
	flex-wrap: wrap-reverse;
	justify-content: space-around;
}
.text_soucieux{text-align:justify;}
.text_decouvrez{text-align:center;}
.logo_avis{margin:0 30px;transform : rotate(10deg);}
.column:nth-child(1)
{
    flex-basis: 600px;
}

/*HISTOIRE*//*HISTOIRE*//*HISTOIRE*//*HISTOIRE*//*HISTOIRE*//*HISTOIRE*//*HISTOIRE*//*HISTOIRE*//*HISTOIRE*//*HISTOIRE*//*HISTOIRE*//*HISTOIRE*/
.f4f4f4{background-image: url("theme/fond_history.jpg"); padding-bottom:20px;}
.year{font-size:30px; color:#4a4a4c;}
.savoir{text-align:center;font-family:'journal';font-size:29px;letter-spacing: 2px;}

/*RGE*//*RGE*//*RGE*//*RGE*//*RGE*//*RGE*//*RGE*//*RGE*//*RGE*//*RGE*//*RGE*//*RGE*//*RGE*//*RGE*//*RGE*//*RGE*//*RGE*//*RGE*//*RGE*/*RGE*/
.RGE,.velux{text-decoration:underline;}
.Logo_rge,.Logo_velux{width:150px; height:auto;margin:0 auto;}
.video-container {position:relative; padding-bottom:48%; padding-top:15px; height:0; overflow:hidden;margin-left:15%;margin-bottom:-50px;}
.video-container iframe, .video-container object, .video-container embed {width:80%; height:80%; position:absolute; top:0; left:0;}

/*COMBLES*//*COMBLES*//*COMBLES*//*COMBLES*//*COMBLES*//*COMBLES*//*COMBLES*//*COMBLES*//*COMBLES*//*COMBLES*//*COMBLES*//*COMBLES*//*COMBLES*/
.fond_avantages{background: #e8342c; padding-bottom:20px;}
.troiscombles{display:flex; flex-wrap: wrap; justify-content: space-around;}
.charpente{max-width:330px; margin:10px 10px;}
.img_charpente{width:90%; width:100%;}
#fermettes_bois{text-align:center;}
.fermettes_bois{width:90%;}
#fermettes_metal{text-align:center;}
.fermettes_metal{width:90%;}
#charpente_tradi{text-align:center;}
.charpente_tradi{width:90%;}
.troiscols{color:#fff; display:flex; flex-wrap: wrap; justify-content: space-around;}
.part{flex-basis:330px; margin:10px 20px}
.icon{float:left;margin: 10px 15px 0 0}
.item{width:95%; padding: 10px 10px 10px 10px; background-color: #f5f5f5; border:dashed #c7c6c6 1px;}
.etape{max-width:70%; background-color:#f0a811; padding: 5px 20px; margin: 15px 0px 15px 0px; border-radius:10px;color:#fff;}
.etape2{max-width:70%; background-color:#377bbd; padding: 5px 20px; margin: 15px auto; border-radius:10px;color:#fff;}
.etape3{max-width:70%; background-color:#29257a; padding: 5px 20px; margin: 15px 0px 15px 0px; border-radius:10px;color:#fff;}
.etape4{max-width:70%; background-color:#89c540; padding: 5px 20px; margin: 15px auto; border-radius:10px;color:#fff;}
.etape5{max-width:70%; background-color:#f15a22; padding: 5px 20px; margin: 15px 0px 15px 0px; border-radius:10px;color:#fff;}
.etape6{max-width:70%; background-color:#ee2945; padding: 5px 20px; margin: 15px auto; border-radius:10px;color:#fff;}
.etape7{max-width:70%; background-color:#f0a811; padding: 5px 20px; margin: 15px 0px 15px 0px; border-radius:10px;color:#fff;}
.arrow{display:inline; vertical-align: middle; margin-right:10px; font-size:35px; font-weight: bold; color:#fff;}
.23d{display:flex; flex-wrap: wrap;}
.vueplan{display:flex; flex-wrap: wrap; justify-content: space-around; align-items: center;}
.vueplan_item:nth-child(1){max-width:375px; width:100%;}
.vueplan_item:nth-child(2){max-width:425px; width:100%;}
.color_avis{color:#377bbd;}
.lien_avis{text-align:center; margin: 25px 0;}
.lien_avis_text{display:inline-block;vertical-align:middle;text-align:right;margin-right:20px;color:#377bbd;margin-bottom:20px;}
.lien_avis_text a:hover{}
.lien_avis_logo{display:inline-block;vertical-align:middle;margin-left:20px;}

/*MAISONS*//*MAISONS*//*MAISONS*//*MAISONS*//*MAISONS*//*MAISONS*//*MAISONS*//*MAISONS*//*MAISONS*//*MAISONS*//*MAISONS*//*MAISONS*//*MAISONS*/
#bbox{width:100%; display:flex; flex-wrap: wrap;justify-content: space-around;}
.box{
	flex-basis:330px;
	background-color:#fff;
	border: #a5a5a5 1px dashed ;
	margin:10px 10px;
	padding:10px 10px;
	}
.sizepic{max-width:100%; height:auto;}
.description{margin-bottom:15px; text-align:center;}
.info{display:inline-block; vertical-align:middle; margin: 0 25px 0 0; color:#36a7de; font-weight:bold;}
.icons{display:inline-block; vertical-align:middle; margin:0 15px 0 15px;}
.surface{display:inline-block; width:25px; height:auto; vertical-align:middle;}
.chambre{display:inline-block; width:25px; height:auto; vertical-align:middle;}
.me_contacter{text-align:center;margin-top:20px;}
.me_contacter a{border:1px solid #36a7de; padding:5px 10px;text-decoration:none;background-color:#36a7de; color:#fff;font-weight:bold;}
.underline{text-decoration:underline;}
.galerie_photos_maisons{display:flex;flex-wrap:wrap;justify-content:space-around;}
.maisons-thunbail{max-width:180px; height:auto;margin:0 8px 20px 8px;}

/*MENUISERIES*//*MENUISERIES*//*MENUISERIES*//*MENUISERIES*//*MENUISERIES*//*MENUISERIES*//*MENUISERIES*//*MENUISERIES*//*MENUISERIES*//*MENUISERIES*/
.menuiserie{display:flex; flex-wrap:wrap;}
.flex1:nth-child(1){flex: 1;max-width:330px;margin-right:20px;}
.flex1:nth-child(2){flex: 2;align-self: center; flex-basis:320px;}
.logo_menuiseries{text-align:center;}
.logos_men{margin:10px 5px 0 5px;}
.logo_rge{display:block; text-align:center;}
.rge{max-width:200px;}
.velux{display:flex; flex-wrap:wrap;}
.flex2:nth-child(1){flex: 2; flex-basis:320px;}
.flex2:nth-child(2){flex: 1; margin-top:10px; justify-content:flex-end;text-align:right;}
.photos_velux{text-align:right;}
.op_velux{width:95%; height: auto;}
.op_vr{text-align:center;}

/*----Lien / Animation pour découvrir les descriptions de maison-----*/
.less.active .button-read-more, .button-read-less  {display: none; color:#36a7de;}
.less.active .button-read-less {display: block; width:200px; color:#36a7de;}
.less a {color:#36a7de;}
.more {margin-top: 10px; margin-bottom:20px; line-height:24px;}
.more p {margin: 0;padding: 0}

/*EXTENSION*//*EXTENSION*//*EXTENSION*//*EXTENSION*//*EXTENSION*//*EXTENSION*//*EXTENSION*//*EXTENSION*//*EXTENSION*//*EXTENSION*//*EXTENSION*/
.item2{max-width:70%;margin:0 auto;}

/*ESCALIERS*//*ESCALIERS*//*ESCALIERS*//*ESCALIERS*//*ESCALIERS*//*ESCALIERS*//*ESCALIERS*//*ESCALIERS*//*ESCALIERS*//*ESCALIERS*//*ESCALIERS*/
.white{color:#fff;}
.italic{font-style:italic;}

/*RENOVATION*//*RENOVATION*//*RENOVATION*//*RENOVATION*//*RENOVATION*//*RENOVATION*//*RENOVATION*//*RENOVATION*//*RENOVATION*//*RENOVATION*/
.galerie_photos_reno{display:flex;flex-wrap:wrap;justify-content:center;}
.reno-thumbnail{margin:0 5px 20px 5px; width:200px; height:auto;}
.photos_a_decouvrir{text-align:right;margin-right:15%;margin-top:-20px;}
.picto_photo_reno{display:inline-block; width:15px; height:auto;vertical-align:middle;}

/*ISOLATION*//*ISOLATION*//*ISOLATION*//*ISOLATION*//*ISOLATION*//*ISOLATION*//*ISOLATION*//*ISOLATION*//*ISOLATION*//*ISOLATION*//*ISOLATION*/
.deux_cols{display:flex; flex-wrap: wrap; justify-content: space-around;}
.ite{flex-basis:400px; margin: 0 10px;text-align:center;margin:25px 0 0 0; padding:10px 10px; background-color: #f7f7f7; border: #7fc1ff 1px dashed;}
.img_iso{width:60%; height:auto;margin:0 auto;}
.iso-thumbnail{width:95%;height:auto;}
.iso-thumbnail2{width:200px;height:auto;margin:0 5px 5px 5px;}
.iso-thumbnail3{width:120px;height:auto;margin:0 5px 5px 5px;}
.iso-thumbnail4{width:auto;height:133px;margin:0 5px 5px 5px;}
.avap{text-align:center; margin:20px 0 5px 0;}

/*FOOTER*//*FOOTER*//*FOOTER*//*FOOTER*//*FOOTER*//*FOOTER*//*FOOTER*//*FOOTER*//*FOOTER*//*FOOTER*//*FOOTER*//*FOOTER*//*FOOTER*//*FOOTER*/
.footer_background{
	background-color:#e8342c;
	padding-bottom:20px;
	margin-top:0px;
	-moz-box-shadow: 0px -8px 30px #aaaaaa; 
	-webkit-box-shadow: 0px -8px 30px #aaaaaa; 
	box-shadow: 0px -8px 30px #aaaaaa;
}
.footer{
	color:#fff;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.column_footer:nth-child(1)
{
    flex-basis:600px;
}
.column_footer:nth-child(2)
{
    flex-basis:450px;
}
.list_footer{
	font-size:16px;
	line-height:35px;
	list-style-type:none;
	background-image: url(theme/puce_footer.png);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding-left: 30px;
}
.container_footer{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
	max-width:1200px;
	width:85%;
	margin:7px auto;
	padding-top: 10px;
}
.column_footer{
}
.item_footer{
	margin:10px 15px;
}
.contact{font-size:18px;}
.avantages{font-size:18px;}
.hrblanc{border-color:#fff;margin: -10px 0 0 0;}
.tel{font-size:20px;}
.formulaire{color:#fff;}
a.formulaire hover{color:#fff; text-decoration:underline;}

/*FORMULAIRE*//*FORMULAIRE*//*FORMULAIRE*//*FORMULAIRE*//*FORMULAIRE*//*FORMULAIRE*//*FORMULAIRE*//*FORMULAIRE*//*FORMULAIRE*//*FORMULAIRE*/
.width_formulaire{width:250px; border:1px solid #656565;}
.width_textarea{width:80%; border:1px solid #656565;}
p.titre{
	font-size:18px;
	text-decoration:underline;
}
fieldset{
	border:none;
	line-height:30px;
}
form{
	margin-bottom:30px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
	border:none;
}
.column_formulaire{flex-basis:380px;}
textarea{width:100%;}
label{	padding:0 10px;}
.type_travaux{margin-top:25px;}
input.formulaire{
	width:100%;
	border:1px solid #c2c2c2;
	background-color:#e4e4e4;
	color:#000;
}
input[type=submit]{
	width:140px;
	height:30px;
	border-radius:7px;
	border:none;

	background-color:#737373;
	color:#fff;
	cursor:pointer;
}
.center{text-align:center;}
.adresse{
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	margin-top:30px;
	height:350px;
	background-image:url(theme/background_carte.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	line-height:15px;
}
.column_rencontrer{
	padding:0 45px 0 45px;
}
.tel_adresse{margin-top:15px;font-size:20px;}
.nGY2GThumbnailAlbumTitle{background-color:#000;}
/*RESPONSIVE*//*RESPONSIVE*//*RESPONSIVE*//*RESPONSIVE*//*RESPONSIVE*//*RESPONSIVE*//*RESPONSIVE*//*RESPONSIVE*//*RESPONSIVE*//*RESPONSIVE*/
/*RESPONSIVE*//*RESPONSIVE*//*RESPONSIVE*//*RESPONSIVE*//*RESPONSIVE*//*RESPONSIVE*//*RESPONSIVE*//*RESPONSIVE*//*RESPONSIVE*//*RESPONSIVE*/

/*INFERIEUR A 1024 PX*/
@media only screen and (max-width:1203px){
/* FONCTIONNEMENT DU HAMBUGER*/
	.site-pusher .site-container{height:100%;}
	.site-container{overflow:hidden;}
	.site-pusher{
		transition-duration:0.3s;
		transform:translateX(0px);
	}
	.site-content{
		-webkit-overflow-scrolling:touch;
	}
	.header__icon{
		position:relative;
		display:block;
		float:right;
		width:35px;
		height:35px;
		top:19px;
		right:10px;
		cursor:pointer;
	}
	.header__icon:after{
		content:'';
		position:absolute;
		display:block;
		width:16px;
		left:9px;
		height:0;
		box-shadow: 0 10px 0 1px #383838, 0 16px 0 1px #383838, 0 22px 0 1px #383838;
	}
	
	.menu_verti{
		position:absolute;
		right:0;
		top:0;
		bottom:0;
		background-color:#f9f9f9;
		width:250px;
		transform: translateX(250px);
	}
	
	.menu_verti a{
		display:block;
		height:40px;
		text-align:center;
		line-height:40px;
		border-bottom:1px solid #e7e7e7;
	}
	
	.menu_hori{display:none;}
	
	.with--sidebar .site-pusher{
		transform: translateX(-250px);
	}
	.with--sidebar .site-cache{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:rgba(0,0,0,0.6);
	}
/*FIN DE FONCTIONNEMENT DU HAMBURGER*/
.text_forte{display:none;}
.text_forte2{
	font-size:18px;
	text-align:justify;
	padding-top:30px;
	margin-right:0;
}
.element{display:none;}
.element_list:{flex: 1;padding-top:0;}
.element_list_comble:{flex: 1;padding-top:0;}
ul{margin:0 15px 0 0;}
.maison3d{display:none;}
.container_footer{justify-content: flex-start; flex-wrap:wrap-reverse;}
.adresse{background-size:50%;}
.charpente{max-width:none; width:80%;}
.combles_3d{display:none;}
}



@media only screen and (max-width:550px){
	html, body{font-size:16px;}
	h1{font-size:19px; text-align:justify;}
	h2{font-size:16px;}
	p{font-size:16px;}
	.item2{width:100%;margin:0 auto;}
	.reno-thumbnail{margin:0 5px 20px 5px; width:160px; height:auto;}
	.img_iso{width:70%; height:auto;margin:0 auto;}
	.width_formulaire{width:100%;}
	.width_textarea{width:100%;}
	.pod{display:none;}
}

@media only screen and (min-width:1204px){
	.menu{display:none;}
	.menu_verti{display:none;}
	.text_forte2{display:none;}
	.maison3d2{display:none;}
	.comble2{display:none;}
	.element_list{display:none;}
	.element_list_comble{display:none;}
	.charpente{flex-basis:none;}
	.vueplan_item{display:none;}
	.pod{display:none;}
}