/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}


/* BALISES HTML */
body {

	background-color: #fff;
	
	font-size: 0.72em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	
	
}

a img {
	border: none;
}
h1 {
	font-size: 24px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	
	margin-top: 25px;
}
h2 {
	font-size: 10px;
	font-weight: bold;
	
	margin-top: 10px;

}
p {
	font-size: 10px;
}

#fond_degrade {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 570px;
	
	background-image: url(images/fond_degrade.jpg);
	background-repeat: repeat-x;
	background-position: 50%;
	
	margin-left: -50%;
	margin-top: -275px;
	
	background-color: #B3C3CB;
	z-index: 20;
}
#fondviolet {
	position: absolute;
	height: 400px;
	width: 100%;
	bottom: 0px;
	
	background-image: url(images/fond_degrade.jpg);
	background-repeat: no-repeat;
	background-position: 100% 50%;

	background-color: #A99FC4;
	z-index: 10;
}

/* CONTENEUR GLOBAL */

#conteneur {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 950px;
	height: 500px;
	
	margin-left: -475px;
	margin-top: -250px;
	
	z-index: 30;
}

/* Logo */
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 201px;
	height: 207px;
}


/* Gande photo */
#photo {
	position: absolute;
	top: 0px;
	left: 201px;
	width: 749px;
	height: 246px;
	background-image: url(images/accueil_photo.jpg);
}
#fondphoto {
	position: absolute;
	top: 207px;
	left: 0px;
	width: 950px;
	height: 39px;
	background-image: url(images/accueil_fondphoto.jpg);
}

/* Menu */
#menu_flash {
	position: absolute;
	top: 246px;
	left: 0px;
	
	z-index: 10;

}

/* Carte */
#carte {
	position: absolute;
	top: 294px;
	left: 0px;
	
	width: 237px;
	height: 143px;
	
	background-image: url(images/accueil_fondcarte.jpg);
	
	padding-left: 44px;
	
	z-index: 60;

}
/* Avant Apres */
h2.effacement {
	position: absolute;
	top: -12px;
	left: 135px;
	color: #000000;
	font-weight: bold;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#avant_apres {
	position: absolute;
	top: 294px;
	left: 237px;
	width: 394px;
	height: 143px;
	
	background-image: url(images/accueil_fondavantapres.jpg);
	
	z-index: 70;
	
	color: #fff;
	font-family: Helvetica, Verdana, Arial,  sans-serif;
}
#photo_avantapres {
	position: absolute;
	top: -3px;
	left: 133px;
	/* width: 178px;
	height: 126px; */
	
}

#photo_avantapres img {
	position: absolute;
	bottom: 0px;
	right: 0px;
	
}


#legende {
	position: absolute;
	top: 127px;
	right: 113px;
	
	text-align: right;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	
	
}



/* Actus */
#actus {
	position: absolute;
	top: 294px;
	left: 631px;
	width: 319px;
	height: 206px;
	background-image: url(images/accueil_fondactus.jpg);
}
.savoirplus {
	font-style: italic;
	text-decoration: underline;
	color: #000;
}
.savoirplus:hover {
	text-decoration: none;
}
#lienactus {
	position: absolute;
	top: 158px;
	left: 0px;
}
#lienactus a {
	color: #000;
	text-decoration: underline;
}
#lienactus a:hover {
	text-decoration: none;
}
/* Pied de page */
#footer {
	position: absolute;
	top: 437px;
	left: 0px;
	width: 631px;
	height: 63px;
	background-image: url(images/accueil_footer.jpg);
}


/* Menu bas avec roll over */
#menubas {
	position: absolute;
	top: 0px;
	left: 34px;
	width: 597px;
	height: 63px;
}
#accueil-menumarches {
	position:absolute;
	left:96px;
	top:2px;
	width:90px;
	height:16px;
}

#accueil-menu-documentation {
	position:absolute;
	left:198px;
	top:2px;
	width:84px;
	height:14px;
}

#accueil-menu-revuepresse {
	position:absolute;
	left:292px;
	top:3px;
	width:93px;
	height:20px;
}
#accueil-menu-photos {
	position:absolute;
	left:4px;
	top:9px;
	width:80px;
	height:20px;
}
#accueil-menu-partenaires {
	position:absolute;
	left:396px;
	top:11px;
	width:93px;
	height:24px;
}
#accueil-menu-faq {
	position:absolute;
	left:499px;
	top:24px;
	width:27px;
	height:16px;
}

/* Recherche */
#recherche {
	position: absolute;
	top: 36px;
	left: 80px;
	
	width: 175px;
	
	
	color: #000;
	font-size: 10px;
	
}
#recherche input {
	border: 1px solid #7C7C7C;
	width: 135px;
	height: 15px;
	
	font-size: 10px;
	display: inline;
	text-align: center;
	
	margin-bottom: 5px;
	
	
}


/* Lien bas */
#bas {
	position: absolute;
	top: 30px;
	left: 280px;
	
	
	
	
	color: #fff;
	font-size: 9px;
	line-height: 29px;
	
}

#bas a {

	color: #fff;
	text-decoration: none;
}
#bas a:hover {
text-decoration: underline;
	
}

#coordonnees {
	position: absolute;
	top: 535px;
	left: 0px;
	
	width: 100%;
	height: 30px;
	
	line-height: 35px;
	text-align: center;
	font-size: 10px;
	color: #000884;

}
#coordonnees a {
	text-decoration: none;
	color: #000884;

}
#coordonnees a:hover {
	text-decoration: underline;

}

noscript ul {
	list-style: none;
}
noscript ul li {
	display: inline;
}