/* CSS Document */

* {
	margin: 0;
	padding: 0;
}


/* BALISES HTML */
html, body {
	background-color: #667a94;
	
	background-image: url(images/bg_body.jpg);
	background-repeat: repeat-x;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #AD6674;
	
	margin: 0; padding: 0;
	text-align: center; /* pour corriger le bug de centrage IE */
	height: 100%;
	width: 100%;
	
	
}
html {
	overflow: auto;
}

a img {
	border: none;
}


/* CONTENEUR GLOBAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#tableau{
	height: 100%;
	width: 1012px;      /* ici la largeur fixe de l'element a center */
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* on rétablit l'alignement normal du texte */

}
#tableau-td {
	vertical-align: middle;

}
#conteneur {
	position: relative;
	/*
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -297px;
	*/
	margin-left: auto;
	margin-right: auto;
	
	background-image: url(images/bg_conteneur.jpg);
	background-repeat: repeat-y;
	background-position: 1003px 283px;
	
	width: 1012px;
	height: 587px;
	
	background-color: #fff;
	
	z-index: 1;
}

/* HAUT */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* TITRE */
h1 {
	background-image: url(images/bg_logo.jpg);
	background-repeat: no-repeat;
	
	width:1012 px;
	height: 283px;
}


/* NAVIGATION PRINCIPALE */
ul#nav_principale {
	position: absolute;
	top: 250px;
	left: 417px;
	
	list-style-type: none;
	
	z-index: 100;
}
ul#nav_principale li {
	display: inline;
}


/* NAVIGATION VIVRE A CHORGES */
ul#nav_vivre {
	position: absolute;
	top: 291px;
	left: 722px;
	
	width: 264px;
	height: 137px;
	
	background-image: url(images/bg_nav_vivre.jpg);
	background-repeat: no-repeat;
	
	padding: 31px 0px 0px 0px;
	
	list-style-type: none;
}
ul#nav_vivre li {
	display: inline;
}
ul#nav_vivre li a, ul#nav_vivre li.vivre {
	display: block;
	
	width: 224px;
	height: 18px;
	
	color: #9caecf;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	
	background-image: url(images/bg_nav_vivre.gif);
	background-repeat: no-repeat;
	background-position: 19px;
	
	padding: 0px 0px 0px 40px;
}
ul#nav_vivre li a:hover {
	background-image: url(images/bg_nav_vivre-over.gif);
	background-position: 0px;
	
	color: #FFFFFF;
}

/* CARTE */
#carte {
	position: absolute;
	top: 283px;
	left: 0px;
	
	width: 193px;
	height: 138px;
	
	background-image: url(images/bg_carte.jpg);
	background-repeat: no-repeat;
	
	
}
#carte img {
	float: right;
}


/* RECHERCHE */
#recherche {
	position: absolute;
	top:543px;
	left: 15px;
	
	z-index: 90;

}
#recherche img, #recherche input {
	vertical-align: middle;

}
#recherche input {
	color: #ff8200;
	border: 1px solid #5f7140;
	width: 130px;

}

/* NAVIGATION FONCTIONNELLE */
ul#nav_fonctionnelle {
	position: absolute;
	top: 421px;
	left: 0px;
	
	width: 193px;
	height: 108px;
	
	padding: 30px 0px 0px 13px;
	
	list-style-type: none;
	
	font-size: 12px;
}
ul#nav_fonctionnelle li {
	display: inline;
}
ul#nav_fonctionnelle li a {
	display: block;
	
	text-transform: uppercase;
	text-decoration: none;
	color: #004d01;
	
	background-image: url(images/bg_navfonctionnelle.gif);
	background-repeat: no-repeat;
	background-position: 0em;
	
	padding: 2px 0px 2px 20px;
	
	
}

ul#nav_fonctionnelle li a:hover {
	background-image: url(images/bg_navfonctionnelle-over.gif);
	background-position: 0.5em;
	color: #284944;
	
	
}

/* ACTUS */

#actus {
	position: absolute;
	top: 283px;
	left: 193px;
	
	width: 220px;
	height: 260px;
	
	padding: 39px 0px 0px 54px;
	
	background-image: url(images/bg_actus.jpg);
	background-repeat: no-repeat;
	
	overflow: hidden;
	
	z-index: 90;
}
.block_actu {
	margin: 5px 0px 1px 0px;
}	
#actus p.date_actu {
	color: #8eacd8;
	font-size: 11px;
}
/* Mise en forme textes actus et une */
#actus p.texte_actu a, #une p.texte_une a {
	color: #898081;
	text-decoration: none;
}
#actus p.texte_actu a:hover, #une p.texte_une a:hover {
	text-decoration: underline;
}

/* Mise en forme titres actus et une */
#actus h3, #une h3 {
	background-image: url(images/bg_h3.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
	
	padding: 0em 0em 0em 1em;
	
	font-size: 11px;
}
#actus h3 a, #une h3 a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
#actus h3 a:hover, #une h3 a:hover {
	text-decoration: underline;
}
/* Alignement des dates, textes, images, actus et une */
#actus p.date_actu, #actus p.texte_actu, #une p.date_une, #une p.texte_une, #une p img {
	padding: 0em 0em 0em 1em;
	font-size: 11px;
}

/* Toutes les breves et animations */
ul#toutes {
	position: absolute;
	top: 542px;
	left: 247px;
	
	list-style-type: none;
	
	z-index: 90;
}

ul#toutes li {
	display: inline;
}
ul#toutes li a {
	display: block;
	float: left;
	
	background-image: url(images/bg_toutes.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	
	color: #8eacd8;
	font-size: 10px;
	text-decoration: none;
	
	width: 70px;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 0px 15px;
}

ul#toutes li a:hover {
	text-decoration: underline;
}

/* SEPARATION */
#separation {
	position: absolute;
	top: 327px;
	left: 466px;
}

/* A LA UNE */
#une {
	position: absolute;
	top: 322px;
	left: 468px;
	
	width: 199px;
	height: 260px;
	
	padding: 0px 0px 0px 21px;
}

.block_une {
	margin: 15px 0px 0px 0px;
}
#une p.date_une {
	color: #c38810;
	font-size: 11px;
}
/* Pour le titre de la une et le texte regarder plus haut  : mise en forme actus */
#une p img {
	margin: 7px 0px 7px 0px;
}

/* TOURISME */
#tourisme {
	position: absolute;
	top: 483px;
	left: 722px;
}


/* FOOTER */
#footer {
	position: absolute;
	top: 556px;
	left: 0px;
	
	width: 1012px;
	height: 31px;
	
	background-image: url(images/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	
	z-index: 50;
}

/* LIEN BAS DE PAGE */
ul#nav_baspage {
	position: absolute;
	top: 0px;
	left: 620px;
	
	width: 383px;
	height: 16px;
}
ul#nav_baspage li {
	display: inline;	
}

ul#nav_baspage li a {
	display: block;
	float: left;
	text-decoration: none;
	color: #435963;
	font-size: 11px;
}
ul#nav_baspage li a:hover {
	color: #000000;
}
ul#nav_baspage li a img {
	vertical-align: middle;
}

ul#nav_baspage li a.contact {
	width: 81px;
}
ul#nav_baspage li a.mentions_legales {
	width: 115px;
}
ul#nav_baspage li a.plan {
	width: 93px;
}ul#nav_baspage li a.accessibilite {
	width: 82px;
}