/* CSS Document */

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


/* BALISES HTML */
body {

	/* background-color: #FFFDF7; */
	background-color: #DDB775;
	font-size: 0.72em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	
	
}

a img {
	border: none;
}
h1 {
	display: inline;
}

/* CONTENEUR GLOBAL */

#conteneur {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1020px;
	height: 570px;
	
	margin-left: -510px;
	margin-top: -285px;
	
	z-index: 1;
	
	background-image: url(images/accueil_fond_conteneur.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}


#logo {
	position: absolute;
	top: 28px;
	right: 24px;
	width: 194px;
	height: 134px;
	
	
	z-index: 20;
}

#carte {
	position: absolute;
	top: 169px;
	right: 39px;
	width: 101px;
	height: 121px;
	
	
	z-index: 20;
}

/* ZONE INTRO */
#zone_intro {
	position: absolute;
	top: 33px;
	left: 0px;
	width: 784px;
	height: 152px;
	
	background-image: url(images/accueil_zone_intro.jpg);
	background-repeat: no-repeat;
	
	z-index: 10;

}
#intro {
	position: absolute;
	top: 22px;
	left: 18px;
	width: 383px;
	height: 116px;
	
	overflow: hidden;
	
	z-index: 50;
}
#zone_titre {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 784px;
	height: 33px;
	
	background-image: url(images/accueil_fond_titre.jpg);
	background-repeat: repeat-x;
	
	z-index: 11;

}

#recherche {
	position: absolute;
	top: 2px;
	left: 373px;
	
}
#recherche input {
	width: 100px;
	
	font-size: 14px;
	
	border-top: 2px solid #000000;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	
	vertical-align: middle;		
	
}
#recherche img {
	vertical-align: middle;		
}

/* BANDEAU */
#zone_bandeau {
	position: absolute;
	top: 185px;
	left: 0px;
	width: 784px;
	height: 119px;
	
	background-image: url(images/accueil_bandeau.jpg);
	background-repeat: repeat-x;
	
	z-index: 10;

}
#zone_bandeau_clocher {
	position: absolute;
	top: 129px;
	left: 428px;
	width: 40px;
	height: 56px;
	
	background-image: url(images/accueil_bandeau_clocher.jpg);
	background-repeat: no-repeat;
	
	z-index: 10;

}

/* MENU */
#zone_menu {
	position: absolute;
	top: 38px;
	left: 492px;
	width: 292px;
	height: 117px;
	
	z-index: 50;
}

/* ACTUALITES */
#zone_titre_actu {
	position: absolute;
	top: 303px;
	left: 0px;
	width: 784px;
	height: 37px;
	
	background-image: url(images/accueil_titre_actu.jpg);
	background-repeat: no-repeat;
	
	z-index: 10;

}

#zone_actu {
	position: absolute;
	top: 340px;
	left: 0px;
	width: 784px;
	height: 195px;
	
	background-image: url(images/accueil_zone_actu.jpg);
	background-repeat: no-repeat;
	
	z-index: 10;

}
#actu {
	position: absolute;
	top: 7px;
	left: 16px;
	width: 396px;
	height: 113px;
	
	overflow: hidden;
	
	z-index: 50;
	
	font-size: 11px;
}
#actu h2 {
	font-weight: bold;
	font-size: 11px;

}
#actu h2 span {
	color: #FF6C00;

}
.suite {
	text-align:left;
	margin: 0px 0px 0px 200px;
}
.suite a, #toute_actu a  {
	color: #D55E1D;
	font-weight: bold;

}
.suite a:hover, #toute_actu a:hover  {
	text-decoration: none;

}
#toute_actu {
	position: absolute;
	top: 126px;
	left: 15px;
	
	font-size: 11px;
}
/* SOUS MENU */
#zone_sousmenu {
	position: absolute;
	top: 375px;
	left: 524px;
	width: 203px;
	height: 98px;
	
	z-index: 50;
}

/* PHOTO */
#zone_photo {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 309px;
	height: 280px;
	
	background-image: url(images/accueil_zone_photo.jpg);
	background-repeat: no-repeat;
	
	z-index: 9;

}
#photo {
	position: absolute;
	bottom: 17px;
	right: 18px;
	width: 195px;
	height: 133px;
}
#legende {
	position: absolute;
	bottom: 158px;
	right: 20px;
	width: 192px;
	height: 28px;
	
	overflow: hidden;
	
	text-align: right;
	font-size: 11px;
}

/* LIENS DIVERS */
#zone_liens_divers {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 784px;
	height: 35px;
	
	background-image: url(images/accueil_liens_divers.jpg);
	background-repeat: repeat-y;
	
	z-index: 10;

}
#zone_liens_divers p {
	margin-left: 211px;
	margin-top: 10px;
	
}
#zone_liens_divers a {
	color: #000000;
}
#zone_liens_divers a:hover {
	text-decoration: none;
}



#zone_trajet {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 398px;
	height: 570px;
	
	background-image: url(images/accueil_trajet.gif);
	background-repeat: no-repeat;
	
	z-index: 15;

}