/* css à nettoyer et optimiser*/

body{
border : 0;
margin : 0;
background : #000f23 url(images/fond.gif);
}
div#index{
position : absolute;
width : 100%;
height : 470px;
margin-top : -235px;
top : 50%;
text-align : center;
background : #f4f4f4 url(images/fond_index.gif);
}
div#contener{
position : absolute;
width : 100%;
height : 569px;
margin-top : -284px;
top : 50%;
border : 0px solid #000;
background-color : red;
text-align : center;
background : url(images/fond_contener.gif);
}
div#fenetre{
background-color : #fff;
width : 980px;
height : 569px;
margin-left : auto;
margin-right : auto;
}
div#head{
border-top : 1px solid #79818b; 
border-bottom : 1px solid #39393e;
}
div#page{
background : url(images/fond_page.jpg);
height : 459px;
text-align : left;
}
div#footer{
background : url(images/fond_footer.jpg) no-repeat;
height : 15px;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #fff;
text-align : right;
padding-top : 2px;
}
div#footer a{
color : #fff;
font-size : 10px;
}
div#footer a:hover{
color : #ffcc00;
}
.i{
font-style : italic;
}
#menu{
margin : 0;
padding : 0;
height : 31px;
}

#ulmenu{
list-style-type : none;
width : 100%;
margin : 0;
padding : 0;
height : 31px;
}
#ulmenu li{
float : left;
margin : 0;
padding : 0;
height : 31px;
overflow : hidden;
}
a{
color : black;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	text-decoration : none;
}
 .anoir{
		border : 1px #000 solid;
		padding : 2px 5px 2px 5px;
		text-align : center;
}
.no{
		border : 1px #909090 solid;
		padding : 2px 5px 2px 5px;
		text-align : center;
		color : #909090;
}
a:hover{
	color : #FDA800;
	text-decoration : none;
}
.avertic{
position : absolute;
    top : 8px;
	right : 15px;
}
.descr{
	font-family : Arial, Helvetica, sans-serif;
	color : #fff;
	font-size : 11px;
	padding-left : 3px;
}
.gali{
	color : white;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	text-decoration : none;
}
.descrgi{
padding-left : 15px;
padding-right : 10px;
padding-top : 5px;
background : #000 url(images/fond_galindex.jpg);
}
<!-- 
div#galerie,div#galeriev{
width:941px; 
height:402px;
overflow : hidden;
padding : 0px;
margin-top : 0;
margin-left : 20px;
}
div#galerie{
background: url(images/fond_galerie.gif);
}
div#galeriev{
background: url(images/fond_galeriev.gif);
text-align : left;
}
div.thumbs,div.thumbsv {
position : relative;
width:435px; 
height:300px; 
}
div.thumbsv {
position : relative;
width:435px; 
height:300px; 
}
div.thumbs a,div.thumbsv a{
display:block; 
display:inline-block; 
color:#000; 
text-decoration:none; 
border:1px solid #000; 
float:left;  
z-index:50;
}
div.thumbs a{
width:125px; 
height:82px; 
margin:8px;
}
div.thumbsv a{
width:82px; 
height:125px;
margin:12px;
}
div.thumbs a:hover {
border:1px solid #fff;
}
div#grande,div#grandev{
width:419px; 
position : relative;
left : 480px;
}
div#grande{
top : -320px;
margin-top : 20px;
}
div#grandev{
top : -321px;
margin-top : 0px;
}
div#grande img,div#grandev img{
border:2px solid #fff; 
}
.galtitre{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	padding-left : 20px;
	margin-top : 10px;
	height : 20px;
	width : 300px;
	display : bloc;
}
.titre,.titrev{
	position : relative;
	font-family : Arial, Helvetica, sans-serif;
	color : #fff;
	font-size : 16px;
	font-weight : bold;
	padding-left : 10px;
	height : 20px;
}
.titre{
	top : 12px;
}
.titrev{
	top : -300px;
	left : 260px;
}
.sstitre,.sstitrev{
	position : relative;
	font-family : Arial, Helvetica, sans-serif;
	color : #fff;
	font-size : 11px;
	padding-left : 10px;
	height : 30px;
}
.sstitre{
	top : 11px;
}
.sstitrev{
	top : -300px;
	left : 260px;
}
.pages,.pagesv{
	position : relative;
	color : #5d5d5d;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	text-align : right;
}
#galerie .pages,#galeriev .pagesv{
	padding-left : 10px;
	left : -520px;
}
#galerie .pages{
	top : -340px;
}
#galeriev .pagesv{
	top : -410px;
}
#galerieindex .pages{
	left : -80px;
	top : 10px;
}
div#charge{
	position : relative;
	left : 20px;
	top : -50px;
}
 -->
 div#galerieindex{
width:941px; 
height:402px; 
overflow : hidden;
padding : 0px;
margin-left : 20px;

}
div.thumbsgi {
position : relative;
width:900px; 
height:310px; 
padding-top : 0px;
padding-left : 15px;

}
div#titrerub{
margin-top : 5px;
margin-left : 95px;
width : 298px;
height : 30px;
background : url(images/fond_titre.jpg);
}
div.thumbsgi li{
display:block; 
display:inline-block; 
color:#000; 
text-decoration:none; 
border:0px solid #000; 
width:389px; 
height:79px; 
float:left; 
margin:12px; 
z-index:50;
}

#auteur, #contact{
width:850px; 
height:402px;
overflow : hidden;
padding : 0px;
margin-top : 0;
margin-left : 95px;
}
#auteurcontact{
float : left;
width : 525px;
height : 275px;
border:1px solid #000; 
margin-left : 25px;
padding-left : 10px;
padding-right : 10px;
color : #000;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
text-align : justify;
line-height : 21px;
}
#imgauteurcontact{
float : left;
}
#form{
margin-left : 35px;
}
#form input, #form textarea{
background-color:#f9f9f9; border-color : #fcfcfc; border-width : 0;
}
.descrliens{
	color : #000;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
}

.titreliens{
	color : #000;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
	padding-left : 20px;
}
#liens{
float : left;
width : 525px;
height : 275px;
border:1px solid #000; 
margin-left : 25px;
padding-left : 10px;
padding-right : 10px;
line-height : 15px;

}

div#video{
width:941px; 
height:402px;
overflow : hidden;
padding : 0px;
margin-top : 0;
background: url(images/fond_video.gif);
margin-left : 25px;
}
div.thumbsvideo{
position : relative;
width:450px; 
height:300px; 
}
div.thumbsvideo a{
display : bloc;
width:125px; 
height:80px; 
border:0px solid #000;
float:left;
margin-right : 15px;
margin-left : 20px;
}
div.thumbsvideo .tx{
display : bloc;
width:260px; 
height:80px; 
border:1px solid #000; 
overflow : hidden;
padding-left : 10px;

padding-right : 10px;
text-align : justify;
}
div.thumbsvideo a:hover {
border:0px solid #fff;
width:125px; 
height:80px;
}
div#gdvideo{
width:420px; 
height : 336px;
position : relative;
left : 490px;
top : -380px;
margin-top : 20px;
}

#video .pages{
	padding-left : 10px;
	left : -520px;
	top : 10px;
}
.descrvideo{
	color : #000;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
}
.titrevideo{
	color : #000;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	line-height : 25px;
}

div#crea{
width:935px; 
height:418px;
overflow : hidden;
padding : 0px;
margin-top : -15px;
margin-left : 20px;
background : url(images/fond_crea.gif);
}
div.thumbscrea {
position : relative;
width:370px; 
height:351px; 
}
div.thumbscrea a{
display:block; 
display:inline-block; 
color:#000; 
text-decoration:none; 
border: 0; 
float:left;  
z-index:50;
width:170px; 
height:105px; 
margin:5px;
}

div.thumbscrea a:hover {
border:0;
}
div#grandecrea{
width:535px; 
position : relative;
left : 380px;
top : -350px;
}
div#chargecrea{
	position : relative;
	left : 20px;
	top : -25px;
}

.titrecrea{
	position : relative;
	font-family : Arial, Helvetica, sans-serif;
	color : #fff;
	font-size : 12px;
	font-weight : bold;
	padding-top : 1px;
	padding-left : 30px;
	height : 20px;
}
#crea .pages{
	padding-left : 10px;
	left : -580px;
	top : -350px;
}