/* CSS Document */

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

body {
	text-align: center;
	background: url(images/bg_body.jpg) repeat-x #2a737a;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	margin: 	0; 
	padding: 	5px 0px 10px 0px;
	text-align: center; /* pour corriger le bug de centrage IE */
	height: 	100%;
	font-size: 	100%;
	color: 		#313131;
}

a img {
	border: none;
}

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

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

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* STRUCTURE DE LA PAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#conteneur { /* Conteneur global */
	width: 		967px;
	position: 	relative;
	margin: 	0 auto;
	text-align: left;
	background: url(images/bg_conteneur.png) repeat-y;
}

#conteneur_bottom{
	background:url(images/bas_conteneur.png) no-repeat bottom;
	
	
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HAUT DE PAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#bandeau{
	width:	967px;
	height:	237px;
}

#bandeau .masque{
	position: 	absolute;
	left: 		0;
	top:		0;
	z-index: 	5;
}

#bandeau #photo{
	width:		662px;
	height:		167px;
	position:	absolute;
	left:		207px;
	top:		1px;
	z-index:	2;
	background:	url(images/bandeau_defaut.jpg) no-repeat;
}

#bandeau h1{
	position: absolute;
	left:		43px;
	top:		16px;
	z-index:	6;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MENU PRINCIPAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#menu{
	width: 727px;
	height: 172px;
	position: relative;
	top: 38px;
	left:240px;
	z-index: 10;
}

ul#nav_principale {
	background: url(images/bg_menu_int.png) no-repeat;
	list-style: none;
	width: 		727px;
	height: 	172px;
}

ul#nav_principale li {
	display: 	block;
	position: 	absolute;
}
ul#nav_principale li a {
	color: 			#fff;
	font-weight:	 bold;
}
	ul#nav_principale li#rub_1{
		left:	55px;
		top:	102px;
	}
	ul#nav_principale li#rub_4{
		left:	152px;
		top:	124px;
	}
	ul#nav_principale li#rub_19{
		left:	248px;
		top:	134px;
	}
	ul#nav_principale li#rub_25{
		left:	371px;
		top:	125px;
	}
	ul#nav_principale li#rub_26{
		left:	466px;
		top:	101px;
	}
	ul#nav_principale li#rub_28{
		left:	557px;
		top:	61px;
	}
	ul#nav_principale li#rub_31{
		left:	646px;
		top:	23px;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MENU DE GAUCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#colonne_gauche_top{
	width: 		254px;
	float:		left;
	z-index: 	5;
	position: 	relative;
	margin: 	-35px 0 0 0;
	padding: 	41px 0 0 0;
	_padding: 	40px 0 0 0;
	min-height: 41px;
	_height: 	41px;
	background: url(images/int_top_gauche.png) no-repeat top left;	
}

#colonne_gauche{
	background: url(images/int_middle_gauche.png) repeat-y;
}

#colonne_gauche_bottom{
	min-height: 382px;
	_height: 	382px;
	background: url(images/int_bottom_gauche.png) no-repeat bottom left;
	padding:	0 0 70px 0;
}

h2.gauche{
	width: 	222px;
	text-align: center;
	float:left;
	position: relative;
	z-index: 15;
	margin:	-85px 0 0 0;
}
h2.rub26{
	/*
	width: 	222px;
	text-align: center;
	float:left;
	position: relative;
	z-index: 15;
	margin:	-105px 0 0 0;
	*/
}

.ombre{
	width: 	222px;
	text-align: center;
	position:relative;
	z-index: 14;
	float: left;
	margin:	-86px 0 0 -2px;
	/margin: -86px 0 0 -222px;
}
div.rub26{
	width: 	222px;
	text-align: center;
	position:relative;
	z-index: 14;
	float: left;
	margin:	-105px 0 0 0;
	/margin: -105px 0 0 -220px;
}

#colonne_gauche .ssmenu1{
	width: 	222px;
	margin: 0 0 0 1px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* PARTIE CENTRALE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#centre {	
	z-index: 50;	
	overflow-x: visible!important;
	overflow-x: hidden;
	float: left;
	width: 485px;
	margin: 0 ;
	padding: 0 35px 0 0;
	min-height : 640px;
	_height: 640px;
	font-size: 0.75em;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* COLONNE DROITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#colonne_droite {
	float: right;
	width: 193px;
	height: 60px;
	overflow-x: visible!important;
	overflow-x: hidden;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* AVOINE PRATIQUE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#pratique_top{
	width: 		193px;
	float:		left;
	z-index: 	5;
	position: 	relative;
	margin: 	-70px 2px 0 0px;
	padding: 	42px 0 0 0;
	min-height: 31px;
	_height: 	31px;
	background: url(images/int_top_pratique.png) no-repeat top left;	
}

#pratique{
	min-height: 292px;
	_height: 	292px;
	background: url(images/int_bottom_pratique.png) no-repeat bottom left;
	
}

#pratique h2{
	padding: 0 0 20px 25px;
}

#pratique ul{
	list-style-type: none;
	width: 			189px;
	padding: 		0 0 0 0px;
	font-size:		0.8em;
	margin:			0 0 0 3px;
}

#pratique ul a{
	display:	block;
	min-height: 19px;
	_height:	19px;
	padding:	1px 0 1px 40px;
	color: 		#ffffff;
	background: url(images/home_bg_pratique_a.gif) no-repeat 15px 4px;
	text-decoration: none;
}
#pratique ul a:hover, #pratique ul a.on{
	color: 		#09393c;
	background: url(images/int_bg_pratique_a_hover.jpg) repeat-y;
	text-decoration: underline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORMULAIRE DE RECHERCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#recherche {  /* Formulaire */
	margin:		14px 0 0 0;
	/margin:	10px 0 0 0;
	padding:	0 0 70px 0;
}

#recherche h2{
	margin:  0;
	padding: 0 0 3px 24px;
	/padding:0 0 0 24px;
}

#recherche p {
	height:		16px;
	margin:		0;
	padding:	0 0 0 20px;
	/margin:	-7px 0 0 0;
}
#recherche label { /* Label */
	display: none;
}

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

#recherche input { /* Champ de saisie */
	color: 		#2fb4af;
	height:		14px;
	background: #f1f1f1;
	border: 	none;
	font-size: 	0.7em;
	width: 		115px;
	text-align: left;
	padding: 	1px 5px 0 5px;
}
#recherche input.boutonok, input.boutonok  {
	width: 		24px;
	height: 	16px;
	border: 	medium none; 	/* NE PAS EFFACER CETTE LIGNE */
	padding:	0 0 0 5px;
	background: none;
	margin:     -1px 0 0 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* INFORMEZ VOUS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#informez_vous ul{
	list-style-type:none;
	width: 			110px;
	margin:			0 0 0 55px;
	font-size:		0.75em;
}

#informez_vous li{
	padding: 0 0 3px 0;
}

#informez_vous a{
	/*color: 			#555554;*/
	color:			#575757;
	font-weight:	bold;
	background: 	url(images/puce_home_informez_vous.gif) no-repeat 0em 0.4em;
	padding:		0 0 0 15px;
	text-decoration:none;
	word-wrap:		break-word;
	
}
#informez_vous a:hover,#informez_vous a.on{
	color: 			#de6800;
	text-decoration:underline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* BAS DE PAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer{
	clear: both;
	width: 967px;
	min-height: 31px;
	_height:   31px;	
	background: url(images/bas_page.png) no-repeat;
	margin: 0 auto;
	padding-top: 40px;
}

#footer #menu_divers{
	list-style-type: none;
	width: 967px;
	background: #ffffff;
	min-height: 17px;
	_height: 17px;
	font-size: 0.7em;
	padding: 3px 0 0 0;
}

#footer #menu_divers li{
	display: inline;
}
#footer #menu_divers li a{
	color: #4e4e4e;
	text-decoration: none;
	padding-right: 15px;
}
#footer #menu_divers li a:hover{
	color: #005f70;
	text-decoration: underline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 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: -30px;
}
.imprimer a{
	margin:		0 -19px 0 0;
	_margin:	0;
}

.siimprimer { /* masquage image bandeau imprimer */
	display: none;
}