body{background-color:black;text-align: left;}

* {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30;
}
#contenu {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width:1000px;
	height:750px;
	background-image: url(Images/Arriere_Plan.jpg);}
	
#zone {position:absolute;top:90px;left:200px;width:750px;font: bold 18px comic sans ms;color: black;height: 200px;} 
#validation {position:absolute;top:526px;left:39px;height: 52px;}
#titre {
	position:absolute;
	top:5px;
	left:300px;
	width:830px;
	text-align:center;
	height:150px;
	color:#FF0;
}
#survol {
	position:absolute;
	top:5px;
	left:1170px;
	width:200px;
	text-align:center;
	height:150px;
	color:#FF0;
}
#texte1 {
	position:absolute;
	top:190px;
	left:260px;
	width:1140px;
	height:120px;
}
#texte2 {
	overflow-y:scroll;
	height:470px;
	position:absolute;
	top:350px;
	left:260px;
	width:1141px;
	text-align:center;
}
#photo {
	position:absolute;
	top:10px;
	left:75px;
	border:3px ridge;
}
.bordureimage{border: 3px ridge; }
p {padding:5px 10px 0px 10px;margin-top: 5px;font: 16px "comic sans ms";text-align: center;}
h1 { font: 40px comic sans ms;color: yellow;text-align: center;}
h2 { font: 30px comic sans ms; color:#ff5500;}
h3 { font: bold 23px comic sans ms; color: black;}
h4 { font: 15px comic sans ms; color:black; text-align:justify; padding:5px 10px 5px 5px;}
h5 { font: bold 12px comic sans ms;	color:black; text-align: center;}
#email {
	position:absolute;
	top:480px;
	left:30px;
	width: 190px;
}
#bouton0 {
	position:absolute;
	top:170px;
	left:40px;
}
#bouton01 {	position:absolute;	top:430px;	left:40px;}
#bouton02 {	position:absolute;	top:365px;	left:40px;}
#bouton03 {	position:absolute;	top:300px;	left:40px;}
#bouton04 {	position:absolute;	top:235px;	left:40px;}

#bouton1 {
	position:absolute;
	top:240px;
	left:50px;
}
#bouton2 {
	position:absolute;
	top:300px;
	left:50px;
}
#bouton3 {
	position:absolute;
	top:360px;
	left:50px;
}
#bouton4 {
	position:absolute;
	top:420px;
	left:50px;
}
#bouton5 {
	position:absolute;
	top:480px;
	left:50px;
}
  
ul#nav-box { width:755px; padding : 2px 0px 5px 0px; list-style-type : none; background: url("images/texture1.jpg"); color: #4b4b69;  font-size : 0.9em; text-align: center; }
ul#nav-box li { display: inline;}
ul#nav-box li a { padding : 2px 6px 5px 6px; color: black; font: 17px "comic sans ms"; text-decoration: none; border-left: 1px solid #fff; }
ul#nav-box li a:hover { background: url("images/texture.jpg"); color: blue; border-left: 1px solid #fff;}

ul#nav-box2 { width:293px; padding : 2px 0px 5px 0px; list-style-type : none; background: url("images/texture1.jpg"); color: #4b4b69; font-size : 0.9em; text-align: center; }
ul#nav-box2 li { display: inline;}
ul#nav-box2 li a { padding : 2px 6px 5px 6px; color: black; font: 17px "comic sans ms"; text-decoration: none; border-left: 1px solid #fff; }
ul#nav-box2 li a:hover { background: url("images/texture.jpg"); color: blue; border-left: 1px solid #fff;}

a.liens { font: bold 13px "comic sans ms", sans-serif; color: blue; text-decoration:underline;}
a.liens:visited { color: blue; }  
a.liens:hover { color: red; }

a {
	font: bold 12px comic sans ms, sans-serif;
	color: blue;
	text-decoration:none;
	text-align:center;
}
a:visited {
	color: blue;
	text-align:center;
}  
a:hover {color: red;text-align:center;}
#zone center p {
	text-align: center;
	color: #FFF;
}
#contenu #zone center p a {text-align: center;}
#contenu #titre h3 b {
	text-align: center;
	color: #FF0;
}
#contenu #titre h1 b {text-align: center;}
#contenu #titre h1 b {text-align: center;}
#contenu #zone center p {
}
#contenu #zone center p br {
	color: #000;
}
#contenu #zone p {
	text-align: center;
}
#contenu #zone p {
	text-align: center;
}