/* CSS Document */


/* BALISES HTML GLOBALE */
* {
	margin: 0;
	padding: 0;
}

/* BALISES HTML */
html, body {
	background-color: #f0deb6;
	font-family: Arial, Helvetica, sans-serif;	
	margin: 0; padding: 0;
	text-align: center; /* pour corriger le bug de centrage IE */
	height: 100%;
	font-size: 100%;
	color: #a96109;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ACCESSIBILITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#liensevitement { /* Block contenant les liens d'evitement */
	width: 900px;
	position: relative;
	margin: 0 auto 0 auto;
	text-align: right;
	color: #f0deb6;
	font-size: 0.6em;
}

#liensevitement a { /* Les liens d'evitement */
	color: #f0deb6;
}
#liensevitement a:hover, #liensevitement a:focus, #liensevitement a:active {  /* Rollover des liens d evitement */
	color: #a96109;
}
h2.access {  /* Balise H2 masquee */
	position: absolute;
	color: #FFFFFF;
	z-index: 100;
	top:-10000px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* STRUCTURE DE LA PAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENEUR GLOBAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#tableau{
	height: 100%;
	width: 900px;      /* 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;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	z-index: 1;
	text-align: left;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* BANDEAU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#bandeau {
	background: url(images/titre.jpg) no-repeat top left;
	min-height: 254px;
	_height: 254px;
}

#flash {
	position: absolute;
	top: 0;
	right: 0;
	width: 424px;
	height: 169px;
	z-index: 90;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORMULAIRE DE RECHERCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#recherche {  /* Formulaire */
	position: absolute;
	top: 144px;
	right: 13px;
	z-index: 99;
}

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

#formrecherche { /* Champ de saisie */
	color: #a96109;
	font-size: 0.7em;
	font-weight: bold;
	width: 146px;
	text-align: left;
	border: medium none; 	/* NE PAS EFFACER CETTE LIGNE */
	height: 20px;
}

#boutonok { /* Champ de saisie */
	width: 29px;
	height: 34px;
	margin: 3px 0 0 0;
	border: medium none; 	/* NE PAS EFFACER CETTE LIGNE */
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* BLOCK CONTENU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#block_contenu {
	background: url(images/bas_accueil.jpg) no-repeat top left;
	min-height: 247px;
	_height: 247px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MENU PRINCIPAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul#nav_principale {
	list-style: none;
	margin: 0 0 0 320px;
	width: 242px;
	float: left;
	display: inline;
}

ul#nav_principale li {
	display: inline;
}
ul#nav_principale li a {
	color: #fff;
	font-weight: bold;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* BLOCK ACTUS AGNEDA */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#actus_agenda {
	margin: 0 0 0 38px;
	width: 163px;
	float: left;
	display: inline;
}

.actu_bg {
	background: url(images/bg_block_actu.gif) repeat-y;
}

/* Actus */
.actu_bas.actus {
	background: url(images/bg_block_actubas.gif) no-repeat bottom;
	padding: 12px 15px 5px 20px;
	margin: 0 0 5px 0;
}
.actu_bas.actus h3 {
	background: url(images/picto_actus.gif) no-repeat 0 0.3em;
	padding: 0 0 6px 0;
	text-indent: 17px;
	color: #6f707a;
	font-size: 0.7em;	
	font-weight: normal;
}
.actu_bas.actus h3 a {
	color: #6f707a;	
}

.actu_bas.actus div {
	color: #a96109;
	font-size: 0.6em;
	margin: 0 0 3px 0;
}


/* Agenda */
.actu_bas.agenda {
	background: url(images/bg_block_actubas.gif) no-repeat bottom;
	padding: 4px 15px 5px 20px;
	margin: 0 0 5px 0;
}

.actu_bas.agenda h3 {
	background: url(images/picto_agenda.gif) no-repeat 0 0.3em;
	padding: 2px 0 0 0;
	text-indent: 17px;
	color: #636c39;
	font-size: 0.7em;
	font-weight: normal;
}
.actu_bas.agenda h3 a {
	color: #636c39;	
}
.actu_bas.agenda .date {
	color: #959c72;	
	margin: 0;
	background: url(images/picto_date.gif) no-repeat 0 0.5em;
	padding: 0 0 6px 8px;
}
.actu_bas.agenda div {
	color: #a96109;
	font-size: 0.6em;
	margin: 0 0 3px 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* lien et carto */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#carto {
	text-align: right;
	margin: 0;
	width: 124px;
	float: left;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#carto ul {
	list-style-type: none;
}
#carto ul li {
	display: inline;
}

#carto ul li a {
	color: #a96109;
	font-size: 0.6em;
	font-weight: bold;
	display: block;
}

#flash2 {
	background: url(images/bg_carto.gif) no-repeat right;
	/*
	height: 94px;
	width: 97px;
	*/
	margin: 25px 0 25px 0;
	float: right;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DIVERS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* pour "pousser" si presence de float */
/* penser ŕ placer un   pour eviter le bug sous netscape (page ŕ rallonge) */ 
.clear {
	clear: both;
	height: 0; /* correction page a rallonge sous netscape*/
	line-height: 1px;
	font-size: 0;
}

/* Pour affichage correct PNG */
.format_png { behavior: url(win_png.htc); }

/* Flottant ŕ gauche */
.float_left {
	float: left;
}
/* Flottant ŕ droite */
.float_droite {
	float: right;
}