body {
	background-color: #EADBBB;
	margin: 0px;

}

#conteneur { 
	position: absolute;
	width: 800px; 
	height: 600px; 
	background-image: url(../images/salvert.jpg); 
	margin-left: -400px; 
	margin-top: -300px; 
	top: 50%; 
	left: 50%; 
	z-index: 0;
	

	}
	
#conteneurintro { 
	position: absolute;
	width: 566px; 
	height: 566px; 
	background-image: url(../salvert-intro.gif); 
	margin-left: -283px; 
	margin-top: -300px; 
	top: 50%; 
	left: 50%; 
	z-index: 0;
	

	}
	
#imagetitre {
	position: absolute;
	background-image: url(../images/coccinelle.gif);
	width: 50px;
	height: 49px;
   margin-left: -382px;
	margin-top: -284px;
	top: 50%; 
	left: 50%; 
	z-index: 1;
	
}
.testdutruc {
	position: absolute;
	background-image: url(../images/titre2.gif) ;
	background-color: #E3DBCB;
	width: 430px;
	height: 160px;
	margin-top: 50px;  /* pour avoir 10px de marge des                     */
	margin-left: 54px; /* deux cotés : haut et gauche il faut 50px et 54px */
	
}

.video {
	position:absolute;
	margin-top: 33px;
	margin-left: 35px;
	}

.imagedroite {
	position: absolute;
	background-color: #F0ECE3;
	background-image: url(../images/pic1.jpg);
	width: 260px;
	height: 490px;
	margin-top: 50px;
	margin-left: 495px;
		
}

.imagetextegauche {
	position: absolute;
	background-color: #716C61;
	width: 340px;
	height: 230px;
	margin-top: 220px;
	margin-left: 54px;
}
.bienvenue {
	position: absolute;
	background-color: #716C61;
	background-image: url(../bienvenue.jpg);
	width: 500px;
	height: 86px;
	margin-top: 270px;
	margin-left: 35px;
}
.flags {
	position: absolute;
	background-color: #FFFFFF;
	width: 500px;
	height: 86px;
	margin-top: 400px;
	margin-left: 35px;
}

#bas {
	position: absolute;
	background-color: #F0ECE3;
	background-image: url(../images/bas.jpg);
	width: 340px;
	height: 80px;
	margin-top: 460px;
	margin-left: 54px;

}
.coteg {
	position: absolute;
	background-color: #FF00FF;
	width: 80px;
	height: 490px;
	margin-top: 460px;
	margin-left: 54px;
	left: 10px;
	top: 106px;

}

.selecteurimg {
	position: absolute;
	background-color: #D5CAB4;
	width: 80px;
	height: 320px;
	margin-top: 220px;
	margin-left: 405px;
	
}

.pourthumbs1 {

	border-width: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	
}
.pourthumbs {

	border-width: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
	
}

#imagevisite {
	position: absolute;
	background-image: url(../images/visite.jpg);
	width: 340px;
	height: 80px;
   /*margin-left: -450px;
	margin-top: -330px;
	top: 50%; 
	left: 50%; */
	z-index: 10;}

ul, li {	/* utilisation de liste pour le menu */
list-style-type: circle;   /* suppression des puces de liste */
margin:0;
padding:0;
}
ul {
position: absolute;	/* positionnement pour IE5 et IE5.5 */
width: 150px;
padding-top: 80px;
text-align: left;
margin-left: 50px;

}
li {display: inline;}	/* correction pour IE5 et IE5.5 */

li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 30px;
width: 340px;
color: #E1D9C9;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
overflow: hidden;
line-height: 20px;	/* hauteur de ligne pour éviter les paddings */
}
li a:hover {
color: #fff;
}