/* CSS Document */

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

body {
	background-color: #464646;
	background-image: url(images/bg_body.jpg);
	background-repeat: repeat-x;
	height: 100%;
	padding: 0px 0px 20px 0px;
	
	text-align: center;
}

a img {
	border: none;
}

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

#liensevitement { /* Block contenant les liens d'evitement */
	width: 946px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	color: #F4F4F4;
	
	font-size: 0.7em;
}

#liensevitement a { /* Les liens d'evitement */
	color: #F4F4F4;
}
#liensevitement a:hover, #liensevitement a:focus, #liensevitement a:active {  /* Rollover des liens d evitement */
	color: #505050;
}
h2.access {  /* Balise H2 masquee */
	position: absolute;
	color: #FFFFFF;
	top:-10000px;
	display: none;
}

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

#conteneur { /* Conteneur global */
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 946px;
	z-index: 1;
	text-align: left;
	background-image: url(images/int_bg_conteneur.gif);
	background-repeat: repeat-y;
}
#bas_conteneur { /* Conteneur global */
	background-image: url(images/int_bas_conteneur.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	/float: left;
}




/* COLONNE GAUCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#colonne_gauche { /* Colonne gauche */
	overflow-x: visible!important;
	overflow-x: hidden;
	
	float: left;
	width: 176px;
}


h1 {
	height: 118px;
	widows: 176px;
	z-index: 99;
	background-color:  #fff;
	background-image: url(images/int_bg_logo.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
h1 img {
	margin: 11px 0 0 47px;
}


/* FORMULAIRE DE RECHERCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#recherche {  /* Formulaire */
	z-index: 99;
	background-image: url(images/int_bg_recherche.jpg);
	background-repeat: no-repeat;
	height: 37px;

}
html>body #recherche {
	height: auto;
	min-height: 37px;
}
#recherche label { /* Label */
	display: none;
}

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

#recherche p {
	background-image: url(images/home_bg_recherche.gif);
	background-repeat: no-repeat;
	height: 15px;
	margin: 0 0 0 30px;
}
#recherche input { /* Champ de saisie */
	color: #62819e;
	background-color: transparent;
	border: none;
	font-size: 0.8em;
	width: 88px;
	height: 13px;
	text-align: center;
	color: #FFFFFF;
	padding: 0 2px 0 2px;
}
#recherche input.boutonok, input.boutonok  {
	width: 21px;
	height: 15px;
	
	background-image: url(images/bouton_ok.gif);
	border: medium none; 	/* NE PAS EFFACER CETTE LIGNE */
	background-repeat: no-repeat;
	background-position: 2px 0px;
	
	color: #FFFFFF;
	font-weight: bold;
	
	text-align: center;
	font-size: 0.7em;	
}

#recherche input.boutonok:hover, input.boutonok:hover {
	background-image:url(images/bouton_ok-over.gif);
}


#bg_ssmenu {
	background-image:url(images/bg_ssmenu.jpg);
	background-repeat: no-repeat;
	_position: relative;
}

/* LIENS SPECIFIQUES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#liens_specifiques {
	list-style-type: none;
	background-image: url(images/bg_marches.gif);
	background-repeat: no-repeat;
	margin: 5px 0 0 0;
	padding: 43px 0 310px 0;
}

#liens_specifiques li {
	display: inline;
}


/* COLONNE CONTENU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#colonne_contenu {	
	z-index: 50;	
	overflow-x: visible!important;
	overflow-x: hidden;
	float: left;
	width: 770px;
}



/* BANDEAU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#bandeau {
	z-index: 1;
	height: 282px;
	background-image: url(images/page_bandeau.jpg);
	background-repeat: no-repeat;
}


/* MENU PRINCIPAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul#nav_principale {
	list-style: none;
	width: 762px;
	height: 51px;
	position: absolute;
	top: 0;
	left: 184px;
}

ul#nav_principale li {
	float: left;
	text-align: center;
	height: 51px;
	margin: 10px 0 0 0;
}


/* COLONNE CENTRE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#colonne_centre {
	float: left;
	width: 487px;
	height: 300px;
	overflow-x: visible!important;
	overflow-x: hidden;
	padding: 0 36px 30px 38px;
	margin: -103px 0 0 0;
	position: relative;
	z-index: 99;
	font-size: 0.8em;
}
html>body #colonne_centre {
	height: auto;
	min-height: 300px;
}
/* COLONNE DROITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#colonne_droite {
	float: left;
	width: 209px;
	overflow-x: visible!important;
	overflow-x: hidden;
	padding: 0 0 30px 0;
	position: relative;
	z-index: 90;
}
* html #colonne_droite {
	margin: -3px 0 0 0;
}

/* MENU S'INFORMER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#informer {
	background-image: url(images/int_bg_informer.gif);
	 background-repeat: repeat-y;
}
#informer h2 {
	height: 29px;
}
#informer ul {
	background-image: url(images/int_bas_informer.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0 13px 12px 6px;
}

#informer ul li {
	background-image: url(images/int_filet_informer.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	border: 1px solid #ededed;
}
#informer ul li a {
	display: block;
	background-image: url(images/puce_informer.gif);
	background-position: 1.1em 0.6em;
	background-repeat: no-repeat;
	padding: 4px 0 4px 37px;
	margin: 0 0 2px 0;
	color: #535353;
	font-size: 0.8em;
	text-decoration: none;
}
#informer ul li a:hover, #informer ul li a.on {
	background-image: url(images/puce_informer-over.gif);
	color: #b4240b;
	text-decoration: underline;
	background-color: #ebebeb;
}

/* ACTUALITES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#actus {
	width: 204px;
	margin: 25px 0 0 5px;
	background-image: url(images/bg_actus.gif);
}
#haut_actus {
	background-image: url(images/haut_actus.gif);
	background-repeat: no-repeat;

}
#bas_actus {
	background-image: url(images/bas_actus.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0 0 30px 0;

}
#actus h2 {
	text-align: center;
	padding: 10px 0 25px 0;

}
#actus p {
	color: #949494;
	background-image: url(images/puce_actus.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.5em;
	margin: 0 35px 0 28px;
	padding: 0 0 0 10px;
	font-size: 0.7em;
}
#actus h3 {
	margin: 0 35px 0 28px;
}

#actus h3 a {
	color: #73b01a;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
}
#actus h3 a:hover {
	text-decoration: underline;
}
.separation {
	margin: 13px 0 13px 0;
}
/* FOOTER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { /* Block pied de page */
	text-align: center;
	clear: both;
	background-image: url(images/filet_footer.gif);
	background-repeat: repeat-x;
	padding: 0 0 0 0;
	font-size: 0.8em;
	color: #000;
	background-color: #ffffff;
	width: 946px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#footer a {
	color: #000;
	font-size: 0.8em;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer ul { /* Liste */
	list-style-type: none;

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

}

/* 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;
}
.clearliste {
	clear: both;
}

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

.imprimer { /* paragraphe bouton Imprimer */
	float: right;
	margin-top: 10px;
}
.siimprimer { /* masquage image bandeau imprimer */
	display: none;
}