/* Created by Wikiwi.be - Raphael De Naeyer */
/* ozdeco  */

/* General style */

	html, body {
		font-family: 'Roboto', Verdana, Arial, sans-serif;
		color: #dadada;
		height: 100%;
		
		
background: #000000; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #000000 0%, #282828 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #000000 0%,#282828 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #000000 0%,#282828 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#282828',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



	}
	a {
		color: #ffffff;
	text-decoration: underline;
		transition: font-size .50s ease-out, color .50s ease-in-out, background-color .50s ease-in-out, letter-spacing .50s ease-in-out;
		-moz-transition: font-size .50s ease-out, color .50s ease-in-out, background-color .50s ease-in-out, letter-spacing .50s ease-in-out;
		-webkit-transition: font-size .50s ease-out, color .50s ease-in-, background-color .50s ease-in-out, letter-spacing .50s ease-in-out;
	}
	a:hover,a:active {
		color: #8BBB31;
	}
	HR {
		color: #fafafa;
	}
	B, strong  {
		font-weight: bold;
		color: #fafafa;
		font-size: 16px;
	}
	h1 {
		color: #fafafa;
		margin: 0px 0px 20px 0px;
		border-bottom: 1px solid #ffffff;
		text-align: left;
		font-size: 35px;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
	}
	h2 {
		color: #8BBB31;
		text-align: center;
		font-size: 35px;
		margin: 10px 0px 10px 0px;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		border-bottom: 1px dashed #8BBB31;
	}
	h3 {
		color: #fafafa;
		text-align: center;
		font-size: 26px;
		margin: 10px 0px 0px 0px;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
	}
	h4 {
		color: #8BBB31;
		text-align: left;
		font-size: 26px;
		margin: 10px 0px 0px 0px;
		font-family: 'Roboto', sans-serif;
		border-bottom: 1px dashed #8BBB31;
		font-weight: 400;
	}
	@media screen and (max-width: 768px) { 
		h1 {  font-size: 26px;}
	 }
	blockquote {
		font-size: 12px;
		color: #4c4c4c;
	}
/* content style */


body {
	background-image: url("/images/logo_bg.png");
	background-repeat: no-repeat;
	background-position: left top;
}
div#zone_header {
	margin: 20px 0px 20px 0px;
	text-align: center;
	z-index: 10;
}
div#zone_header_menu {
	text-align: center;
	z-index: 10;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
div#zone_header_slide {
	text-align: center;
	margin-top: 20px;
	z-index: 10;
	padding: 0px;
	max-width: 1920px;
} 

div#slide {
	min-height: 230px;
}
div#zone_header_menu .container, 
div#zone_header_slide .container,
div#zone_separ_large  { padding: 0px;}
div#block_top_menu{
	margin: 0px;
	padding: 0px;
}
div#zone_separ_large div.separ {
	background-color: #a2b909;
	height: 2px;
	margin: 2px 0px 10px 0px;
}
div#zone_middle {
	padding: 0px;
	margin-top: 20px;
	min-height: 150px;
	z-index: 10;
	min-height: 500px;
	max-width: 1920px;
}
div#zone_bg {
	margin-top: 20px;
	background-position: bottom;
	background-repeat: no-repeat;
	min-height: 50px;
}
div#zone_footer {	
	background: #000000; 
	background-size: 100%;
	box-shadow: 0px 0px 20px #000000;
}
.navbar-toggle {
	background: #080808;
	border: 1px solid #545454;
}
.toogleicone {
	margin-top: 3px;
}
.icon-bar {
	background-color: #ffffff;
}

img#Logo_JDconstructetfrere {
	width: 100%;
	max-width: 500px;
	margin: 15px 0px 0px 0px;
}
img.home {
	margin: 50px 0px 50px 0px;
}
div.bg_devis img{
	width: 100%;
}

img.slide_xs, img.slide_md  {
	display: none;
}
@media screen and (max-width: 1200px) {
}


@media screen and (max-width: 768px) {
	div#zone_header_slide {	background-image: none; }
	h1 { padding: 0px 30px 0px 0px; }
	h2{ font-size: 20px;}
}


div#zone_video_1{ margin: 0px 0px 20px 0px; min-height: 400px;}
div#zone_video_2{ margin: 20px 0px 0px 0px; min-height: 400px; }

div#zone_alert {
	text-align: center;
	background-color: #8BBB31;
	color: #ffffff;
	line-height: 40px;
	margin-bottom: 10px;
	font-size: 24px;
}


div#zone_marques_accueil {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 20px;
	border-radius: 10px;
}
div#zone_marques_accueil a {
	
}
div#zone_marques_accueil img {
	max-height: 180px;
	margin: 10px 15px 0px 15px;
	
}


div#zone_footer_content {
	min-height: 40px;
	color: #fff;
	text-align: justify;
		max-width: 1920px;
}
img.Logo_JDconstructetfrere_bottom{
	margin: 10px 10px 10px 0px;
	width: 100%;
}
div#zone_footer_content h4 {
	
		color: #8BBB31;
		text-align: left;
		font-size: 30px;
		margin: 10px 0px 0px 0px;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		border-bottom: 1px solid #ffffff;
}
div#zone_footer_content p {
	font-size: 16px;
	text-align: justify;
}
div#zone_footer_content img {
	max-width: 300px;
}
div#zone_footer_content strong, div#zone_footer_content b {
	color: fff;
}
div.footer_col  a {
	color: fff;
}
div#zone_footer_content  a.btn, div#zone_footer_content a.btn strong {
	color: #4e4d50;
	border-radius: 25px;
}
div.footer_col B, div.footer_col strong  {
	color: #fff;
	}
div.footer_col h4{
	color: #fff;
	}

div#zone_footer_content .footer_col  {
	padding: 10px 20px 10px 20px;
	
}

div#zone_footer_content .footer_col  div  {
	padding: 10px;
}
div#ConnectiveDocSignExtentionInstalled   {
	display: none;
}

div#zone_texte {
	text-align: justify;
	color: #fafafa;
	margin: 10px 0px 20px 0px;
	padding-left: 30px;
	z-index: 10;
	line-height: 20px;
}
div#zone_texte div { margin: 0px; }
div#zone_texte p { margin: 5px 0px 15px 0px; }
div#zone_texte li { 
	line-height: 20px;
	margin-bottom: 10px;
}
.listaccueil ul { 
	text-align: left;
	list-style-type: none;
	padding-left: 10px;
	margin: 5px 0px 15px 0px;
	border-left: 2px solid #8BBB31;
}
.listaccueil ul ul { 
	text-align: left;
	list-style-type: circle;
	padding-left: 30px;
	margin: 5px 0px 15px 0px;
	border-left: none;
}



p.text-accueil {
	font-size: 20px;
	line-height: 30px;
}
p.text-accueil b, p.text-accueil strong  {
	font-size: 20px;
	line-height: 30px;
}



div#block_contenu  {
	padding: 5px;
}
div#block_contenu a {
	text-decoration: underline;
}

	div#ch_lng {
		position: absolute;
		right:10px;
		top: 0px;
		width: 50px;
		
	}
	div#ch_lng a, div#ch_lng span{
		position: relative;
		float: left;
		display: block;
		width: 20px;
		height: 20px;
		font-size: 12px;
		color: #000000;
		text-align: center;
		text-decoration: none;
		margin: 0px 5px 0px 0px;
		background-color: #3f3f3f;
		-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, font-size 0.3s ease-in-out;
		-moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, font-size 0.3s ease-in-out;
		-o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, font-size 0.3s ease-in-out;
		-ms-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, font-size 0.3s ease-in-out;
		transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, font-size 0.3s ease-in-out;

	}
	div#ch_lng span{
		color: #3f3f3f;
		background-color: #38263d;
	}
	div#ch_lng a:hover{
		background-color: #68004D;
		width: 20px;
		font-size: 13px;
		color: #3f3f3f;
	}


 div.footer_menu div {
	 padding: 0px;
		margin: 0px;
 }
 div.footer_menu a {
	 display: block;
	 width: 100%;
	 color: #38263d;
	font-size: 13px;
	line-height: 20px;
	padding: 2px 2px 0px 5px;
	text-decoration: none;
	border-bottom: 1px solid white;
 }
 div.footer_menu a:hover {
	 color: #38263d;
	 background: white;
 }

@media screen and (max-width: 992px) {
	
	
}
@media screen and (max-width: 768px) { 
	div#zone_header {	margin-top: 0px; }
		
	div#zone_footer_content .footer_col  { padding: 0px 10px 10px 10px;}
	
	div#zone_texte { padding-left: 0px; 	}
		
}
div#copyright {
	position: relative;
	text-align: right;
	font-size: 9px;
	height: 40px;
	margin: 20px 0px 20px 0px;
}
div#copyright a, div#footer_note a {
	color: white;
}
div#copyright a:hover, div#footer_note a:hover {
	font-size: 14px;
}







/* PHOTOS */
div#block_carousel {
}
	.carousel-control.left, .carousel-control.right, .carousel-control:hover { 
		background: none;
	}
	div#monCarousel   {  max-height: 768px;	}
 
	div#monCarousel .carousel-caption h3  {  
		font-size: 40px;
		font-weight: 200;
		color: black;
		font-family: 'Roboto', Verdana, Arial, sans-serif;
		background-color: rgba(255,255,255,0.7);
	}
	
	@media screen and (max-width: 1400px) {  div#monCarousel .carousel-caption h3  {  font-size: 32px;	} }
	@media screen and (max-width: 1000px) {  div#monCarousel .carousel-caption h3  {  font-size: 25px;	} }
	
	
	div#monCarousel .carousel-caption   {  
	}
	div#monCarousel img  {  
		z-index: 10;
		margin: 10px;  
		/*box-shadow: 0px 0px 10px #dadada;*/
		margin-left: auto;
		margin-right: auto;
		max-height: 768px;
		min-width: auto;
	}
	div#monCarousel div.slideaccueil img  {  
		width: 100%;
	}
	
	div#zone_header_slide div#monCarousel img  {  border: none;}
	
	.carousel-indicators  {
		bottom:0px;
	}
	.carousel-indicators li {
		background-color: rgba(205,205,205,1);
	}
	.carousel-indicators li.active {
		background-color: #4e4e4f;
	}
	.carousel-control:hover span {
		color: #4e4e4f;
	}
	div#monCarousel .glyphicon {
		color: #87BC37;
	}
	
	.carousel-indicators li {
		margin: 1px;
		border-radius: 0px;
		width: 12px;
		height: 12px;
		background-color: #404040;
	}
	.carousel-indicators li:hover {
		width: 12px;
		height: 12px;
		background-color: #87BC37;
	}
	.carousel-indicators li.active {
		margin: 1px;
		background-color: #87BC37;
	}
	
	.glyphicon-menu-left, .glyphicon-menu-right{
			position:absolute;
			top:50%;
			z-index:5;
			display:inline-block;
			margin-top:-10px;
			font-size: 20px;
	}
	.carousel-control {
		
	}
	.carousel-control span {
		font-size:40px;
		color: #000;
	}
	
	
	
	
	div#monCarousel a { 
		margin: 0px; 	
	}

	div#zone_photos_mobile  {  display: none; }
	div#zone_photos_mobile ul {  list-style-type: none; margin:10px 2% 10px 2%; width: 96%; padding: 10px; }
	div#zone_photos_mobile img {  width: 100%; margin-bottom: 15px; }
	.textblanc { color: white; }
	
	div.carousel-phone { display: none; }
	
	@media screen and (max-width: 768px) { 
		div#monCarousel  {  display: none;  }
		div#zone_header_slide div#block_carousel  {  display: block;  }
		div#zone_photos_mobile  {  display: block;  }
		
		div.carousel-caption { display: none; }
		div.carousel-phone { position: relative; top: -10px; left: 0px;margin-bottom: 30px; text-align: center; }
		
	 }
 
 
input, textarea, select {
	color: #000000;
	
} 
 
 
 
 
 
 
div#zone_portfolio_detail{
	position: relative;
	margin: 20px 0px 0px 0px;
	width: 100%;
	text-align: left;

}
@media screen and (max-width: 800px) {
	div#zone_portfolio_detail {	margin-left:0px;}
	
	
}

div#zone_portfolio_texte {
	position: relative;
	margin: 20px 0px 0px 0px;
	margin-left: 300px;
	text-align: left;
}
div#zone_portfolio {
	position: relative;
	float: left;
	max-width: 100%;
	margin: 20px 0px 0px 0px;
	margin-left: 100px;
	text-align: left;
}
@media screen and (max-width: 800px) {
	div#zone_portfolio {	margin-left: 0px;}
}
div#zone_portfolio a {
	position: relative;
	float: left;
	display: block;
	width: 263px;
	height: 323px;
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	margin: 5px 5px 5px 5px;
	background-color: none;
	font-weight: 200;
	text-align: l;
	text-align: center;
	
	transition: background .50s ease-in-out;
	-moz-transition: background .50s ease-in-out;
	-webkit-transition: background .50s ease-in-out;
	
	transition-duration: 2s; 
	animation-delay: 2s;
	

	box-shadow: 0px 0px 2px #dadada;
	
	
		-webkit-transition: box-shadow 0.3s ease-in-out;
		-moz-transition: box-shadow 0.3s ease-in-out;
		-o-transition: box-shadow 0.3s ease-in-out;
		-ms-transition: box-shadow 0.3s ease-in-out;
		transition: box-shadow 0.3s ease-in-out;
}

div#zone_portfolio a.t0  {   animation-delay: 0s;   }
div#zone_portfolio a.t1  {   animation-delay: 100ms;  }
div#zone_portfolio a.t2  {   animation-delay: 200ms; }
div#zone_portfolio a.t3  {   animation-delay: 300ms; }
div#zone_portfolio a.t4  {   animation-delay: 400ms; }
div#zone_portfolio a.t5  {   animation-delay: 500ms; }
div#zone_portfolio a.t6  {   animation-delay: 600ms; }
div#zone_portfolio a.t7  {   animation-delay: 700ms; }
div#zone_portfolio a.t8  {   animation-delay: 800ms; }
div#zone_portfolio a.t9  {   animation-delay: 900ms; }
div#zone_portfolio a.t10  {   animation-delay: 1s; }


div#zone_portfolio a:hover {
	/*background-color: #3f9c34;*/
	
	box-shadow: 0px 0px 20px #ffffff;
}
div#zone_portfolio a p {
	margin: -7px 7px 5px 7px;
}
div#zone_portfolio a img {
	position: relative;
	width: 257px;
	height: 257px;
	margin: 3px;
}
div#zone_portfolio a img#photoNB {
	position: absolute;
}

a img#photoCOUL {
	position: absolute;
	opacity: 0.0;
    filter: alpha(opacity=0);
	transition: opacity .80s ease-in-out;
	-moz-transition: opacity .80s ease-in-out;
	-webkit-transition: opacity .80s ease-in-out;
}
a:hover img#photoCOUL {
	opacity: 1.0;
    filter: alpha(opacity=100);
}
a img#loupe {
	position: absolute;
	width: 30%;
	height: 30%;
	opacity: 0.0;
    filter: alpha(opacity=0);
	transition: opacity .80s ease-in-out;
	-moz-transition: opacity .80s ease-in-out;
	-webkit-transition: opacity .80s ease-in-out;
	top: -15%;
	Margin-top: 50%;
	left: -15%;
	Margin-left: 50%;


}
a:hover img#loupe {
	opacity: 0.8;
    filter: alpha(opacity=80);
}
img#photolarge {
	width: 100%;
}
img#photodroite {
	position: relative;
	float: right;
	width: 50%;
	margin: 3px 0px 10px 20px;
}
img#photogauche {
	position: relative;
	float: left;
	width: 50%;
	margin: 3px 20px 10px 0px;
}

div#zone_portfolio a span#plus {
	position: absolute;
	width: 20px;
	height: 20px;
	z-index:100px;
	top: 140px;
	right: 7px;
	background: url('images/plus_off.jpg') no-repeat top left;
	transition: background .50s ease-in-out, width .50s ease-in-out, top .50s ease-in-out, left .50s ease-in-out;
	-moz-transition: background .50s ease-in-out, width .50s ease-in-out, top .50s ease-in-out, left .50s ease-in-out;
	-webkit-transition: background .50s ease-in-out, width .50s ease-in-out, top .50s ease-in-out, left .50s ease-in-out;
}
div#zone_portfolio a:hover span#plus {
	width: 40px;
	height: 40px;
	background: url('images/plus_on.jpg') no-repeat top left;
	top: 120px;
	right: 7px;
}

div#zone_portfolio a span#vert {
	position: absolute;
	width: 210px;
	height: 152px;
	z-index:99px;
	top: 7px;
	left: 7px;
	background: url('images/plus_off.png') no-repeat top left;
	transition: background .50s ease-in-out;
	-moz-transition: background .50s ease-in-out;
	-webkit-transition: background .50s ease-in-out;
}
div#zone_portfolio a:hover span#vert {
	background: url('images/plus_on.png') no-repeat top left;
}
a#boutretour, a#boutnextpage {
	position: relative;
	height: 20px;
	padding: 10px;
	margin-top: 40px;
	text-align: center;
	line-height: 20px;
	letter-spacing: 2px;
	text-decoration: none;
	transition: background .50s ease-in-out;
	-moz-transition: background .50s ease-in-out;
	-webkit-transition: background .50s ease-in-out;
	background-color: #333335;
	color: #8BBB31;
}
a#boutretour{
	width: 100px;
}
a#boutnextpage {
float: right;
	right:0px;
}
a#boutretour:hover, a#boutnextpage:hover  {
	background-color: #8BBB31;
	color: #333335;

}


 
 div.formcontact div{
	 padding: 3px;
	 
 }
 div.formcontact input:focus,  div.formcontact textarea:focus,  div.formcontact select:focus{
	 padding: 3px;
	background-color: #DBEFB1;
	 
 }