@charset "utf-8";



/*Webfonts*/

@font-face {
font-family: 'Maximilien';
src: url('fonts/Maximilien.eot?') format('eot'),     
     url('fonts/Maximilien.woff') format('woff'),
	 url('fonts/Maximilien.otf') format('truetype'),
     url('fonts/Maximilien.svg#MaximilienRegular') format('svg');
	 
font-weight: normal;
font-style: normal;

}


@font-face {
font-family: 'Bebas';
src: url('fonts/Bebas.eot?') format('eot'),     
     url('fonts/Bebas.woff') format('woff'),
	 url('fonts/Bebas.otf') format('truetype'),
     url('fonts/Bebas.svg#Bebas') format('svg');
	 
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'Walkway';
src: url('fonts/Walkway.eot?') format('eot'),     
     url('fonts/Walkway.woff') format('woff'),
	 url('fonts/Walkway.otf') format('truetype'),
     url('fonts/Walkway.svg#Walkway') format('svg');
	 
font-weight: normal;
font-style: normal;

}



body {
     background-color: #3b3b3b;
	 
	  	 
	 font-family :'Walkway'; 

		 
}


 h1 {
     color: white;
}



.wrapper {
	
width:100%;


height:100%;


/*margin-left:75px;*/


}



.bando-logo {
	
width:150%;
height:71px;

background-image:url(images/BDN-logo.jpg);
background-repeat:no-repeat;	

}



.Nav-Bar {

 
background-image:url(images/Menu-Bar.jpg); 

width :150%;
height:76px;

margin-left:-25px;
/*margin-right:385px;*/

margin-top:35px;
padding-left:15px;
 letter-spacing:1px;

}


.Nav-bar  a {


padding-left:21px;

text-decoration: none;

}

.Nav-bar  div:hover {
 color: #17364d;
}

.Nav-bar  a {

 color: #3b3b3b;
 font-family: 'Bebas';
 font-size: 24px;
 font-weight: bold;
padding-left:24px;

text-decoration: none;

}



.Nav-bar  a:hover {

 color: white;
 font-family: 'Bebas';
 font-size: 24px;
 font-weight: bold;
padding-left:24px;

text-decoration: none;

}

div.flexitem:content2{
	height: 150px;
}

.btn{


	
	float:left;
margin-left:15px;
width : 25px;
height: 25px;

padding:15px;

color: #FFF;

border:1px dotted white;

font-size:15px;


}





.conteneur {
	
margin-left:415px;

}




.thumb {


float:left;
width:192px;
height:50px;

 color: #3b3b3b;
 font-family: 'Bebas';
 font-size: 21px;
 font-weight:400;
padding : 7px;
margin:2px;
border-left:1px solid #bbbbbb;
border-right: 1px solid #bbbbbb;


}

.thumb a {
 font-family: 'Bebas';
 font-weight:400;
 font-size: 17px;
color: #2d323c;
}



.thumb a:hover {
 font-family: 'Bebas';
  font-weight:400;
 font-size: 17px;
color: #344a64;
}





ul {
color: white;
padding-left: 17px;
list-style:square;

}


li {
	
    text-align:left;	
	padding-left:27px;
	list-style:none;
}



#bandeau {

	width:1250px;
	height:15px;

	/*padding :15px;*/

	background-color:#cecece;


	font-family:Arial;

	font-weight:bold;
	font-size:15px;

	z-index:3;
	letter-spacing:2px;


}


#Bloc-text1 {
	position:relative;


	margin-left:-650px ;
	margin-top:1px ;


	
width:450px;
height:1180px;


border: 1px dotted #FFFFFF;
display:inline-block;
padding:5px;
z-index: 6;


}



#Bloc-text2 {

	position:relative;


	margin-left:555px ;
	margin-top:-5px;


width:450px;
height:1180px;
display:inline-block;
padding:5px;
z-index: 5;
}


.btn {


}


section {
margin-left:10px;
margin-top:10px;
background-color: #333;
width: 50%;
height:35px;
display: inline-block;
}


#thumb-img1 {
		background-image:url(images/image-centraleb.jpg);
		width:1281px;
		height:284px;
}

#thumb-img2 {
		background-image:url(images/image-centrale2.jpg);
		width:1281px;
		height:284px;
}

#thumb-img3 {
		background-image:url(images/image-Case-3.jpg);
		width:1281px;
		height:284px;

}

#thumb-img4 {
		background-image:url(images/image-centrale3.jpg);
		width:1281px;
		height:284px;

}



#Div-Content {
	margin-top:-1px;
	
width:1281px;
height:480px;

background-image:url(images/image-panel.jpg);
border: 1px solid #fff;
width:1281px;
z-index:35;
}

#Div-Content-ter {
	margin-top:-1px;
	
width:1281px;
height:480px;

background-image:url(images/image-panel-4.jpg);
border: 1px solid #fff;
width:1281px;
z-index:35;
}

#Div-Content-bis {
	margin-top:-1px;
	
width:1281px;
height:480px;

background-image:url(images/image-panel2.jpg);
border: 1px solid #fff;
width:1281px;
z-index:35;
}

#Div-Content-3 {
	margin-top:-1px;
	
width:1281px;
height:480px;

background-image:url(images/image-panel-3.jpg);
border: 1px solid #fff;
width:1281px;
z-index:35;
}


#Div-content-2 {
margin-top:-1px;

width:1281px;
height:495px;
border: 1px solid #FFF;
}

#Main-text {
	position:absolute;
	color:#FFF;
/*margin-left:-5px;*/
/*margin-top:35px;*/
	width:571px;
	height:215px;
	border: 1px dotted #FFF; 
	padding:3px;
	
		}
		
		#Main-text-materiel {
	
	color:#FFF;
	font-size:18px;
margin-left:465px;
margin-top:55px;
	width:700px;
	height:415px;
	
	padding:27px;
	line-height:23px;
	letter-spacing:2px;
	font-weight:400;
	
		}
		
			#text-Services {
	
	background-color:rgba(255, 255, 255);
	color:#FFF;
margin-left:35px;
margin-top:75px;
	width:275px;
	height:215px;
	border: 1px dotted #FFF; 
	padding:27px;
			}

.Bloc-quote {
	z-index:1;
	float:right;
		top:-35px;
		left:510px;
	height:32px;
	width:725px;
	background-color:#415159;
	padding :5px;
 letter-spacing:2px;
 font-size:18px;
 
color:#fff;

}
.Bloc-quote h1 {
	font-size:16px;
	height :17px;
	letter-spacing :2px;
}

	#vignettes {
		margin-left:-725px;
margin-top:-345px;
	width:315px;
	height:75px;
	color:#fff;
	padding:27px;
	border: 1px dotted #FFF;
	background-color:#415159;
		font-size:17px;
	line-height:1.3em;
	letter-spacing:1px;
		
			}
			
			
			#vignettes-contact {
		margin-left:-725px;
margin-top:-425px;
	width:500px;
	height:285px;
	color:#fff;
	padding:27px;
	border: 1px dotted #FFF;
	background-color:#415159;
		font-size:17px;
	line-height:1.3em;
	letter-spacing:1px;
		
			}
		


.btn {
	
	margin: 125 225 135 0;
	border:1px solid #fff;
	width:95px;
	height:17px;
	font-size:14px;
	font-family:'Bebas';

}


.Footer {
	
	width:1273px;
	height:41px;
	
	background-color:#415159;
	
	padding :5px;
	 letter-spacing:1px;
	font-family:'Walkway';
	font-size :21px;
	color:#f8f7f7;
		
}


.info-news-1 {
	
	width:755px;
	height:17px;
	left:75px;

display:inline;
font-size:16px;
	
}


.info-news-2 {


margin:125 125 125 125; 
	width:650px;
	height:17px;
	left:755px;
	
	display:inline;
	font-size:16px;
	
}