/* CSS Document */

* {
margin:0;
padding:0;
}

body {
	font-size:18px;
	font-family:"Trebuchet MS", arial;
	margin:0;
	padding:0;
	color:#000;
	background-color:#F3F3F3;
}

.liens_noir {font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration: none;}
a.liens_noir:hover {color: #000000; text-decoration: underline;}

#conteneur {
	width:980px;
	height:580px;
	margin:0 auto;
	margin-top:0px;
	position:relative;
	background-color:#FFF;
}
#logo {
	position:absolute;
	left: 50px;
	top: 50px;
}

/* --- ACCUEIL --- */

#photos_accueil {
	background: url(images/photos_accueil.jpg);
	position:absolute;
	width: 980px;
	height: 141px;
	left: 0;
	top: 100px;
	text-indent:-5000px;
}
#txt_accueil {
	position:absolute;
	width: 372px;
	height: 90px;
	left: 300px;
	top: 360px;
	font-size: 14px;
}

#conteneur.index{
	background:#9a9999 url(images/fd_accueil.jpg) no-repeat right top;
}

#conteneur.index #menu{
	width:300px;
	height:140px;
	left: 150px;
	top: 356px;
	position:absolute;
}

/* --- ACCUEIL --- */

/* --- PRESENTATION --- */
#conteneur.presentation #logo{
    left: 750px;
    top: 840px;
}

#conteneur.presentation #menu{
	top:450px;
}

#photos_presentation {
	position:absolute;
    left: 0;
    top: 30px;
	text-align:center;
}
#txt_presentation {
    font-size: 14px;
    height: 285px;
    left: 220px;
    position: absolute;
    top: 30px;
    width: 750px;
}
#txt_presentation2 {
	font-size: 14px;
    height: 285px;
    left: 220px;
    position: absolute;
    top: 465px;
    width: 750px;
	font-style:italic;
}
#fleches_presentation {
	background: url(images/fleches.gif);
	position:absolute;
	width: 44px;
	height: 13px;
	left: 256px;
	top: 280px;
}
/* --- PRESENTATION --- */

/* --- CONTACT --- */
#photos_contact{
	background: url(images/photos_contact.jpg) no-repeat;
	position:absolute;
	width: 980px;
	height: 141px;
	left: 0;
	top: 180px;
	text-indent:-5000px;
}

#txt_contact {
    height: 130px;
    left: 560px;
    position: absolute;
    top: 356px;
    width: 435px;
}
#fleches_contact {
	background: url(images/fleches.gif);
	position:absolute;
	width: 44px;
	height: 13px;
	left: 256px;
	top: 360px;
}
/* --- CONTACT --- */

#menu {
	width:300px;
	height:140px;
	left: 50px;
	top: 356px;
	position:absolute;
}
#menu ul li {
	float:left;
	list-style:square;
	width:300px;
}
#menu ul li a {
	display: block ;
	height:46px;
	text-decoration: none;
	color:black;
	text-transform:uppercase;
		}