/* CSS Document */
#flash {
	position: absolute;
	top: 0px;
	left: 0px;
}
* {
	margin: 0;
	padding: 0;
}


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

}
html {
	//overflow-x: hidden;
}
a img {
	border: none;
}
/* ACCESSIBILITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#liensevitement { /* Block contenant les liens d'evitement */
	position: relative;
	text-align:right;
	font-size: 9px;
	z-index: 1;
	color:#EFEFEF;
	
	text-align: right;
	margin: 0px 20px 0px 0px;
}

#liensevitement a { /* Les liens d'evitement */
	text-decoration: none;
	color: #EFEFEF;
    margin: 0px 0px 0px 7px;
}
#liensevitement a:hover, #liensevitement a:focus, #liensevitement a:active {  
/* Rollover des liens d evitement */
	text-decoration: underline;
	color: #000;
}




/* CONTENEUR GLOBAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#tableau{
	height: 100%;
	width: 1020px;      /* ici la largeur fixe de l'element a centrer */
	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: 1020px;
	height: 570px;
	
	background-color: #fff;
	background-image: url(images/home_footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	
	z-index: 1;
	
}


/* Bandeau haut */
#bandeau_haut {
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 1020px;
	height: 206px;
	
	background-image: url(images/home_bandeau_haut.jpg);
	background-repeat: no-repeat;
	
	z-index: 2;
}
h2.access {  /* Balise H2 masquee */
	position: absolute;
	color: #FFFFFF;
	z-index: 100;
	font-size: 100%;
	top:-1000px;
}
/* Bandeau bas */
#bandeau_bas {
	position: absolute;
	top: 206px;
	left: 0px;
	
	width: 1020px;
	height: 125px;
	
	background-image: url(images/home_bandeau_bas.gif);
	background-repeat: no-repeat;
	
	/* z-index: 2; */
}

/* MENU ET RECHERCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul#block_menu {
	position: absolute;
	top: 82px;
	left: 258px;
	list-style-type: none;
}
#rub_26 {
	position: absolute;
	top: 47px;
	left: 0px;
}
#rub_27 {
	position: absolute;
	top: 35px;
	left: 75px;
}
#art_12 {
	position: absolute;
	top: 14px;
	left: 151px;
}
#art_11 {
	position: absolute;
	top: 0px;
	left: 247px;
}
/* Recherche */
#recherche {
	position: absolute;
	top: 173px;
	left: 283px;
		
	z-index: 100;
}

#recherche label { /* Label */
	display: none;
}
#recherche img, #recherche input, #recherche label { 
	vertical-align: middle;
}
#recherche input {
	background-image: url(images/home_bg_recherche.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	
	text-align:center;
	
	width: 132px;
	height: 17px;
	
	border: 0px;
	color: #F77300;
	font-size: 11px;
	line-height: 17px;

}
html>body #recherche input {
	background-attachment: inherit;
}

input#Rechercher {
	margin-right: 2px;
}


/* MENU BAS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul#nav_principale {
	position: absolute;
	top: 233px;
	left: 0px;
	
	width: 264px;
	height: 308px;
	
	background-image: url(images/home_bg_menu.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	z-index: 100;
	
	list-style-type: none;
}
ul#nav_principale li {
	display: inline;
}
/* ACTUALITES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#actus {
	position: absolute;
	top: 232px;
	left: 262px;
	
	width: 264px;
	height: 313px;
	
	background-image: url(images/home_filet.gif);
	background-repeat: repeat-y;
	background-position: left;
	
	z-index: 90;
}
#actus h2 {
	margin: 0px 0px 0px 64px;
}
#actus p img, #agenda p img {
	border: 1px solid  #1A7A1C;
	margin: 2px 4px 0px 0px;
	float: left;
	
}
#actus h3, #agenda h3 {
	margin: 25px 0px 0px 22px;
	font-size: 11px;
	font-weight: bold;
	
	background-image: url(images/home_puce.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
	
	text-indent: 1.5em;
}
#actus h3 span, #agenda h3 span {
	color: #64BB3B;
}
#actus h3 a, #agenda h3 a {
	color: #115912 ; /*#E74848;*/
	text-decoration: underline;
}
#actus h3 a:hover, #agenda h3 a:hover {
	text-decoration: none;
}
#actus p, #agenda p {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 5px 0px 22px;
	font-size: 11px;
	text-align: justify;
}
#actus p a, #agenda p a {
	color: #6C6C6C;
	text-decoration: none;
}
#actus p a:hover, #agenda p a:hover {
	text-decoration: underline;
}
/* Filet */
#filet {
	position: absolute;
	top: 239px;
	left: 526px;
	
	width: 2px;
	height: 315px;
	
	background-image: url(images/home_filet.gif);
	background-repeat: repeat-y;
	
	z-index: 100;
}

/* AGENDA */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#agenda {
	position: absolute;
	top: 323px;
	left: 542px;
	
	width: 255px;
	height: 232px;
	
	background-image: url(images/home_filet.gif);
	background-repeat: repeat-y;
	background-position: right;
	
	z-index: 100;
}
#agenda h2 {
	margin: 0px 0px 0px 49px;
}

/* MENU 2 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#menu2 {
	position: absolute;
	top: 295px;
	left: 833px;
}
#menu2 a {
	display: block;
	width: 149px;
	height: 24px;
	line-height: 21px;
	background-image: url(images/home_bg_menu_droit.gif);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	
	padding: 0px 0px 0px 9px;
	
	text-decoration: none;
	color: #1A3A1A;
	font-style: italic;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#menu2 a:hover {
	background-image: url(images/home_bg_menu_droit-over.gif);
	
}

/* CARTE LOCALISATION */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#carte {
	position: absolute;
	top: 396px;
	left: 802px;
	
	z-index: 100;
}
img.localisation {
	margin: 15px 0px 0px 3px;
}


/* FOOTER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { /* Block pied de page */
	float: left;
	height: 17px;
	/*background-image: url(images/bg_footer.gif);*/
	background-repeat: no-repeat;
	background-position: bottom;
}

html>body #footer {
	height: auto;
	min-height: 17px;
}

#footer h2 { /* Balise H2 pied de page masquee */
	position:relative;
	color: #fff;
	z-index: 1;
	font-size: 100%;
	text-align: center;
	margin: -20px 0px 0px 200px;
}

#footer ul { /* Liste */
	position: absolute;
	top: 550px;
	left: 10px;
	list-style-type: none;
	color: #FFD60C;
	font-size: 10px;
}

html>body #footer ul {
	height: auto;
	min-height: 17px;
}

#footer ul li { /* Liste element */
	display: inline;
}

#footer a { /* Liste element lien */
	color: #FFD60C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	vertical-align: middle;
}

#footer a:hover { /* Liste element lien hover */
	text-decoration: underline;
}

#footer img { /* Liste element image */
	vertical-align: middle;
}

/* DIVERS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

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