@charset "utf-8";
* 

{

margin: 0px;

padding: 0px;

border: 0;

color: white;

font-family: inherit;

font-size: 100%;

list-style: none;

text-decoration: none;

}
body {
	width:100%;
	background-image: url(../fond3.jpg);
	background-repeat: repeat;
}
#corps{
	width:1372px;
	margin:0 auto;

}

#banniere{
	width:1300px;
	height:180px;
	
	background-image: url(../images/squel/banniere.jpg);
	background-repeat: no-repeat;	
}


/*////////////////////////////
			Menu
////////////////////////////*/

#menu{
	width:1300px;
	height:33px;
	background-image: url(../images/squel/menu.jpg);
	background-repeat: no-repeat;	

}
#menuelement{
	width:600px;
	height:33px;
	margin-left:500px;
	font-family: Tahoma;
	color: #FFFFFF;
	font-size: 15px;
	padding-top:5px;

}

#menu ul{
	
	display:inline;
	


}
#menu ul li{
	list-style:none;
	float:left;
	margin-left:13px;
	padding:0;
}


/*////////////////////////////
			Contenu
////////////////////////////*/

#contenu{
	width:1300px;
	height:547px;
	
	background-image: url(../images/squel/contenu.jpg);
	background-repeat: no-repeat;	
}

/*////////////////////////////
		Presentation
////////////////////////////*/

#presentation{
	width:600px;
	margin-left:400px;
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;	
}


#film{
	margin:100px 600px;
	width:300px;
	font-family: Tahoma;
	font-size: 18px;
}
#film{
	text-align:center;
	font-family: Tahoma;
	font-size: 18px;

}
/*////////////////////////////
		Infographie
////////////////////////////*/

#infographie{
	margin-left: 300px;
	width:800px;
	height: 60px;
	border:1px dotted white;


}

#info-intro{
	width:600px;
	margin-left:100px;
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;	
	
}

.vignette{
	float:left;
	padding:10px;
	background-image: url(../images/vignette.png);
	background-repeat: no-repeat;
	margin-top:50px;
	width:84px;
	height:85px;
}
.vignette img{
margin-top:-6px;
margin-left:-5px;

}


/*////////////////////////////
		Webdesign
////////////////////////////*/
#webdesign{
height:540px;
width:1100px;

}

#webdesign-gauche{
float:left;
margin-left:230px;
width:250px;
border:1px dotted white;
padding:7px;
}
#webdesign-droite{

margin-left:10px;
float:left;
}
#webdesign-ombre-g{
	position:absolute;
	margin-top:10px;
	
	width:12px;
	height:500px;
	background-image: url(../images/webdesign_ombre_g.png);
	background-repeat: no-repeat;
}
#webdesign-ombre-d{
	position:absolute;
	margin-top:10px;
	margin-left:489px;
	width:11px;
	height:500px;
	background-image: url(../images/webdesign_ombre_d.png);
	background-repeat: no-repeat;
}
#webdesign-ombre-h{
	position:absolute;
	margin-top:10px;
	
	width:500px;
	height:11px;
	background-image: url(../images/webdesign_ombre_h.png);
	background-repeat: no-repeat;
}
#webdesign-fond{
	position:absolute;
	margin-top:10px;
	
	width:500px;
	height:500px;
	/*background-image: url(../webdesign_fond.jpg);
	background-repeat: no-repeat;*/
}
#webdesign-ascenseur{
	
	width:499px;
	height:500px;
	float:left;
	overflow: auto;

}
#webdesign-site{
height:483px;
width:3000px;
background-image: url(../webdesign_fond.jpg);
	


}

#webdesign-site table{

}
#webdesign-site td{
text-align:center;


}

 
#webdesign-site img{

padding:10px 55px 10px 55px;
}


/*////////////////////////////
		Footer
////////////////////////////*/



#footer{
	width:1300px;
	height:139px;
	
	background-image: url(../images/squel/footer.jpg);
	background-repeat: no-repeat;	

}