html, body {
	color: white;
	background-color: black;
	text-align: right;
	font-family: "Trebuchet MS", Arial, serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
object{
	float: right;
}

.centrer{
	text-align:center;
}
#header {
	width: 1000px;
	height: 499px;
	margin : auto;
	background: url(./images/Banniere.jpg);
	background-repeat: no-repeat;
	text-align: left;
}
#header h2 {
	margin: 0 0 0 730px;
	padding: 390px 0 0 0;
	color: #c9e8bf;
	font-size: 15px;
}

#menu {
	width: auto;
	height: auto;
	margin-top: 50px;
	font-size: 30px;
	color: #d7dabd;
	border-collapse: collapse;
	margin-right:2px;
	float: right;
	padding:0 0 0 0;
}
#menu tr, td{
	margin: 0 0 0 0;
	padding:0 0 0 0;
}
#menu a{
	display:block;
	background-repeat: no-repeat;
} 
#menu a:hover ,.actif{
	background-position:left bottom;
}

#top-contenu {
	width: 1000px;
	height: 10px;
	margin:auto;
	/*border: solid 1px white;*/
	background: url(./images/top-contenu.jpg);
}
#top2-contenu {
	width: 1000px;
	height: 10px;
	margin:auto;
	/*border: solid 1px white;*/
	background: url(./images/top2-contenu.jpg);
}
#top3-contenu {
	width: 1000px;
	height: 10px;
	margin:auto;
	/*border: solid 1px white;*/
	background: url(./images/top3-contenu.jpg);
}
#top4-contenu {
	width: 1000px;
	height: 10px;
	margin:auto;
	/*border: solid 1px white;*/
	background: url(./images/top4-contenu.jpg);
}

#contenu {
	width: 920px;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left:40px;
	padding-right:40px;
	font-family: "Comic sans ms", Arial;
	text-align: justify;
	font-size: 16px;
	color: black;
	background: url(./images/contenu.jpg);
}
#contenu h3 {
	color: red;
	font-size: 22px;
	font-weight:bold;
	margin-top : 0;
}
#contenu h5 a {
	color: gray;
	font-size: 20px;
	font-weight:bold;
	font-style:italic;
	width: 350px;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	border-top:ridge 1px black;
	float:left;
}
#contenu .titre h5 {
	color: gray;
	font-size: 20px;
	font-weight:bold;
	font-style:italic;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	border-top:ridge 1px black;
	float:left;
}
#contenu ul.liste {
	padding:50px 0 0 300px;
}
#contenu p {
	text-indent:50px;
}
p#error{
	background-color : white;
	color:red;
	font-size: 14px;
	font-weight : bold;
	text-align: center;
	margin:5px;
	padding:0px;
	text-indent:0px;
}
p#success{
	background-color : white;
	color:green;
	font-size: 14px;
	font-weight : bold;
	text-align: center;
	margin:5px;
	padding:0px;
	text-indent:0px;
}
p#sentMail{
	background-color : white;
	color:black;
	font-size: 12px;
	font-weight : bold;
	text-align: left;
	margin:5px;
	padding:0px;
	text-indent:0px;
}
#contenu a {
	font-weight: bold;
	color: purple;
	text-decoration: none;
}
#contenu a:hover {
	color: #CC66CC;
	text-decoration: underline;
}
input[type=submit] {
	border :none;
	background-image: url(./images/envoyer.jpg);
	height : 24px;
	width: 90px;
	cursor:pointer;
}
 input[type=reset]{
	border: none;
	background-image: url(./images/effacer.jpg);
	height : 24px;
	width: 90px;
	cursor:pointer;
 }
input[type=submit]:hover {
	background-position : left bottom;
}
input[type=reset]:hover{
	background-position : left bottom;
}
#contenu img {
	width : 400px;
	height : auto;
	border : none;
	padding : 0 0 0 0;
}

#contenu h5 {
	color:purple;
	font-size: 16px;
	font-weight:bold;
}

#contenu .legende {
	color: #545454;
	font-size: 12px;
	text-decoration:underline;
	text-align: center;
	display : block;
}

#contenu .right {
	float : right;
	margin : 5px 0px 20px 40px;
}
#contenu .left {
	float : left;
	margin : 5px 40px 20px 0px;
}
#contenu .album{
	margin-left: 300px;
	background-color: #4E555A;
	border: ridge 4px black;
	margin-bottom: 50px;
	width:580px; 
	height:200px;
}
#contenu div.album audio, #contenu div.album a{
	float: top;
	position:relative;
	padding:0px;
	margin:0px;
	border:none;
	width:380px;
	height:21px;
}
#contenu div.album ol {
	position: relative;
	margin-left: 200px;
	margin-top:0px;
	margin-bottom:10px;
	border: none;
	height:170px;
	font-size: 12px;
	font-family:arial;
	color:darkGray;	
	font-weight:normal;
	overflow: auto;
}
#contenu div.album ol li a {
	font-family:arial;
	font-weight:normal;
	color:LightGray;
}
#contenu div.album a {
	font-style:italic;
	font-size:14px;
	font-weight:bold;
}
#contenu div.album img{
	float:left
}
#contenu legend{
	border: solid 1px purple;
	color : purple;
	width : auto;
	height : auto;
}
#contenu fieldset{
	border: ridge 5px purple;
	width : 600px;
	height : auto;
	margin : auto;
}
#contenu form{
	font-family: "times new roman";
	color : black;
}
#bottom-contenu {
	width: 1000px;
	height: 10px;
	margin: auto;
	background: url(./images/bottom-contenu.jpg);
}

p#copyright {
	width: 500px;
	height: 180px;
	margin : 0 0 0 auto;
	padding: 0 0 0 0;  
	background: url(./images/fond_copyright.jpg); 
	background-position: bottom right;
	background-repeat: no-repeat;
	color: #ffffe1;
	font-size: 11px;
	text-align: right;
}
p#copyright span {
	position: relative;
	display: block;
	width: 100%;
	height: 30px;
	top: 150px;
	right: 20px;
	background: transparent;
}

p#copyright a, p#copyright a:visited {
	color: #ffffe1;
	font-weight: bold;
	font-style: oblique;
}
p#copyright a:hover{
	font-style: normal;
}