/*******************
** style.css
** Crée le 18/10/07 par Aurélien FAUVET
** Feuille de style
*******************/

@charset "utf-8";

/****************
*** 1. Generique
****************/

body {
	font-family: Arial, Tahoma;
	font-size: 12px;
	padding : 0px;
	margin: 0px;
	border: 0px;
	background-color: White;
}

table, td, tr {
	padding : 0px;
	margin: 0px;
	border: 0px;
}

div {
	padding : 0px;
	margin: 0px;
	border: 0px;
}

img {
	padding : 0px;
	margin: 0px;
	border: 0px;
}

h4 {
	padding :0px;
	margin: 5px;
}

li, ul {
	padding : 0px;
	margin: 0px 0px 0px 10px;
	border: 0px;
}

a, a:hover, a:visited, a:active
{
	text-decoration:none;
}


/****************
*** 2 . Div 
****************/

/* 2.1 Style pour pages standards */
#header {
  width:950px;
  height:76px;
  padding : 0px 0px 1px 0px;
  margin: 0px;
}

#central {
  width:950px;
  height: 360px;
  position: relative;
}

#selection {
  width: 220px;
  float:left; 
}

/* mise en forme menu selection */
#selection ul, #b_selection_1 ul, #b_selection_2 ul, #b_selection_3 ul, #b_selection_4 ul
{
	list-style:none;
	margin-left:-1px;
	text-decoration:none;
	text-align:left;
	width:219px;
}

#content {
	float:right;	
	width: 720px;
	height: 470px;
	overflow:auto;
}


#zero {
	width: 500px;
	height: 370px;
	overflow:none;
	/*text-align: center;*/
}/*
#zero td {
	text-align: center;
}*/

#footer {
	clear:both;
	padding : 0px;
	margin: 0px;
	width: 950px;
}

/* 2.2 Style pour boussole */

#b_central {
  position: relative;
  background-image:url(images/fond.jpg);
  background-repeat:no-repeat;
  background-position:center;
  margin: 0 auto;
  padding : 0px;
  width:950px;
  height: 603px;
}

#b_selection_1 {
  position: absolute;
  left:0;
  width: 240px;
  padding : 0px;
}

#b_selection_2 {
  position: absolute;
  left:240;
  width: 240px;
  padding : 0px;
}

#b_selection_3 {
  position: absolute;
  left:480;
  width: 240px;
  padding : 0px;
}

#b_selection_4 {

  position: absolute;
  left:720;
  width: 240px;
  padding : 0px;
}
/* Style pour votre_avis */
#votre_avis {

  position: absolute;
  left: 0px;
  width: 420px;
  padding : 0px;
}

#votre_avis_formulaire {

  position: absolute;
  left: 420px;
  padding : 30px;
}

/* Menu sur la gauche */
#selection ul li, #b_selection_1 ul li, #b_selection_2 ul li, #b_selection_3 ul li, #b_selection_4 ul li
{
	line-height:15px;
}

#selection ul li a, #b_selection_1 ul li a, #b_selection_2 ul li a, #b_selection_3 ul li a, #b_selection_4 ul li a
{
	font-size:12px;
	padding-top:5px
}

/*MENU ORANGE*/

/* Gros menu */
#selection ul li.o_menu_header, #selection ul li.o_menu_header_on , 
#selection ul li.o_menu_header_top, #selection ul li.o_menu_header_top_on,
#selection ul li.o_menu_header_bottom, #selection ul li.o_menu_header_bottom_on
{
	height:40px;
	margin-left:-1px;
	background-repeat:no-repeat;
	background-image:url(images/o_selection.gif);
}

/* entete */
#selection ul li.o_menu_header_top, #selection ul li.o_menu_header_top_on
{
	height:50px;
	background-image:url(images/o_selection_header.gif);
	background-repeat:no-repeat;
}

#selection ul li.o_menu_header_top a:hover, #selection ul li.o_menu_header_top_on
{
	background-image:url(images/o_selection_header_on.gif);
	background-repeat:no-repeat;
}

#selection ul li.o_menu_header_top a, #selection ul li.o_menu_header_top_on a
{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	height:100%;
	padding-left:43px;
	padding-top:12px;
	
}


/* pied */
#selection ul li.o_menu_header_bottom 
{
	background-image:url(images/o_selection_bottom.gif);
	background-repeat:no-repeat;
}
#selection ul li.o_menu_header_bottom a:hover, #selection ul li.o_menu_header_bottom_on
{
	background-image:url(images/o_selection_bottom_on.gif);
	background-repeat:no-repeat;
}

/* centre */
#selection ul li.o_menu_header a:hover, #selection ul li.o_menu_header_on 
{
	background-image:url(images/o_selection_on.gif);
	background-repeat:no-repeat;
}


#selection ul li.o_menu_header_on a, .o_menu_header a,
#selection ul li.o_menu_header_bottom a, #selection ul li.o_menu_header_bottom_on a
{
	display:block;
	color:#FFFFFF;
	font-weight:bold;	
	height:100%;
	overflow:hidden;
	padding-left:43px;
}


/* petit menu */
#selection ul li.o_menu_bottom, #selection ul li.o_menu_bottom_on
{
	margin-left:20px;
	min-height:20px;
	background-color:#F5CEB3;
	border-bottom:1px solid gray;
	border-left:1px solid gray;
	border-right:1px solid gray;
}

#selection ul li.o_menu, #selection ul li.o_menu_on
{
	margin-left:20px;
	min-height:20px;
	background-color:#F5CEB3;
	border-bottom:1px dashed gray;
	border-left:1px solid gray;
	border-right:1px solid gray;
}

#selection ul li.o_menu a:hover, #selection ul li.o_menu_on, #selection ul li.o_menu_bottom a:hover, #selection ul li.o_menu_bottom_on
{
	background-image:url(images/d.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:black;
}


#selection ul li.o_menu a, #selection ul li.o_menu_on a, #selection ul li.o_menu_bottom a, #selection ul li.o_menu_bottom_on a
{
	padding-left:25px;
	display:block;
	color:black;
	font-weight:bold;
	font-size:11px;

}

/* MENU ROSE */



/* Gros menu */
#selection ul li.r_menu_header, #selection ul li.r_menu_header_on , 
#selection ul li.r_menu_header_top, #selection ul li.r_menu_header_top_on,
#selection ul li.r_menu_header_bottom, #selection ul li.r_menu_header_bottom_on
{
	height:40px;
	margin-left:-1px;
	background-repeat:no-repeat;
	background-image:url(images/r_selection.gif);
}

/* entete */
#selection ul li.r_menu_header_top, #selection ul li.r_menu_header_top_on
{
	height:50px;
	background-image:url(images/r_selection_header.gif);
	background-repeat:no-repeat;
}

#selection ul li.r_menu_header_top a:hover, #selection ul li.r_menu_header_top_on
{
	background-image:url(images/r_selection_header_on.gif);
	background-repeat:no-repeat;
}

#selection ul li.r_menu_header_top a, #selection ul li.r_menu_header_top_on a
{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	height:50px;
	overflow:hidden;
	padding-left:43px;
	padding-top:12px;
	
}


/* pied */
#selection ul li.r_menu_header_bottom 
{
	background-image:url(images/r_selection_bottom.gif);
	background-repeat:no-repeat;
}
#selection ul li.r_menu_header_bottom a:hover, #selection ul li.r_menu_header_bottom_on
{
	background-image:url(images/r_selection_bottom_on.gif);
	background-repeat:no-repeat;
}

/* centre */
#selection ul li.r_menu_header a:hover, #selection ul li.r_menu_header_on 
{
	background-image:url(images/r_selection_on.gif);
	background-repeat:no-repeat;
}


#selection ul li.r_menu_header_on a, .r_menu_header a,
#selection ul li.r_menu_header_bottom a, #selection ul li.r_menu_header_bottom_on a
{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	height:100%;
	overflow:hidden;
	padding-left:43px;
	padding-top:5px;
}


/* petit menu */
#selection ul li.r_menu, #selection ul li.r_menu_on
{
	margin-left:20px;
	min-height:20px;
	background-color:#F6DEEB;
	border-bottom:1px dashed gray;
	border-left:1px solid gray;
	border-right:1px solid gray;
}

#selection ul li.r_menu a:hover, #selection ul li.r_menu_on
{
	background-image:url(images/d.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:black;
}


#selection ul li.r_menu a, #selection ul li.r_menu_on a
{
	padding-left:25px;
	display:block;
	color:black;
	font-weight:bold;
	font-size:11px;


}

/* MENU VERT */

/* Gros menu */
#selection ul li.v_menu_header, #selection ul li.v_menu_header_on , 
#selection ul li.v_menu_header_top, #selection ul li.v_menu_header_top_on,
#selection ul li.v_menu_header_bottom, #selection ul li.v_menu_header_bottom_on
{
	height:40px;
	margin-left:-1px;
	background-repeat:no-repeat;
	background-image:url(images/v_selection.gif);
}

/* entete */
#selection ul li.v_menu_header_top, #selection ul li.v_menu_header_top_on
{
	height:50px;
	background-image:url(images/v_selection_header.gif);
	background-repeat:no-repeat;
}

#selection ul li.v_menu_header_top a:hover, #selection ul li.v_menu_header_top_on
{
	background-image:url(images/v_selection_header_on.gif);
	background-repeat:no-repeat;
}

#selection ul li.v_menu_header_top a, #selection ul li.v_menu_header_top_on a
{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	height:100%;
	overflow:hidden;
	padding-left:43px;
	padding-top:12px;
	
}


/* pied */
#selection ul li.v_menu_header_bottom 
{
	background-image:url(images/v_selection_bottom.gif);
	background-repeat:no-repeat;
}
#selection ul li.v_menu_header_bottom a:hover, #selection ul li.v_menu_header_bottom_on
{
	background-image:url(images/v_selection_bottom_on.gif);
	background-repeat:no-repeat;
}

/* centre */
#selection ul li.v_menu_header a:hover, #selection ul li.v_menu_header_on 
{
	background-image:url(images/v_selection_on.gif);
	background-repeat:no-repeat;
}


#selection ul li.v_menu_header_on a, .v_menu_header a,
#selection ul li.v_menu_header_bottom a, #selection ul li.v_menu_header_bottom_on a
{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	height:100%;
	overflow:hidden;
	padding-left:43px;
	padding-top:5px;
}


/* petit menu */
#selection ul li.v_menu, #selection ul li.v_menu_on
{
	margin-left:20px;
	height:20px;
	background-color:#E2E7AD;
	border-bottom:1px dashed gray;
	border-left:1px solid gray;
	border-right:1px solid gray;
}

#selection ul li.v_menu a:hover, #selection ul li.v_menu_on
{
	background-image:url(images/d.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:black;
}


#selection ul li.v_menu a, #selection ul li.v_menu_on a
{
	padding-left:25px;
	display:block;
	color:black;
	font-weight:bold;
	font-size:11px;
	height:100%;

}

/* MENU BLEU */



/* Gros menu */
#selection ul li.b_menu_header, #selection ul li.b_menu_header_on , 
#selection ul li.b_menu_header_top, #selection ul li.b_menu_header_top_on,
#selection ul li.b_menu_header_bottom, #selection ul li.b_menu_header_bottom_on
{
	height:40px;
	margin-left:-1px;
	background-repeat:no-repeat;
	background-image:url(images/b_selection.gif);
}

/* entete */
#selection ul li.b_menu_header_top, #selection ul li.b_menu_header_top_on
{
	height:50px;
	background-image:url(images/b_selection_header.gif);
	background-repeat:no-repeat;
}

#selection ul li.b_menu_header_top a:hover, #selection ul li.b_menu_header_top_on
{
	background-image:url(images/b_selection_header_on.gif);
	background-repeat:no-repeat;
}

#selection ul li.b_menu_header_top a, #selection ul li.b_menu_header_top_on a
{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	height:100%;
	overflow:hidden;
	padding-left:43px;
	padding-top:12px;
	
}


/* pied */
#selection ul li.b_menu_header_bottom 
{
	background-image:url(images/b_selection_bottom.gif);
	background-repeat:no-repeat;
}
#selection ul li.b_menu_header_bottom a:hover, #selection ul li.b_menu_header_bottom_on
{
	background-image:url(images/b_selection_bottom_on.gif);
	background-repeat:no-repeat;
}

/* centre */
#selection ul li.b_menu_header a:hover, #selection ul li.b_menu_header_on 
{
	background-image:url(images/b_selection_on.gif);
	background-repeat:no-repeat;
}


#selection ul li.b_menu_header_on a, .b_menu_header a,
#selection ul li.b_menu_header_bottom a, #selection ul li.b_menu_header_bottom_on a
{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	height:100%;
	overflow:hidden;
	padding-left:43px;
	padding-top:5px;
}


/* petit menu */
#selection ul li.b_menu, #selection ul li.b_menu_on
{
	margin-left:20px;
	height:20px;
	background-color:#E3F1F8;
	border-bottom:1px dashed gray;
	border-left:1px solid gray;
	border-right:1px solid gray;
}

#selection ul li.b_menu a:hover, #selection ul li.b_menu_on 
{
	background-image:url(images/d.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:black;
}


#selection ul li.b_menu a, #selection ul li.b_menu_on a
{
	padding-left:25px;
	display:block;
	color:black;
	font-weight:bold;
	font-size:11px;
	height:100%;

}


/* 2.3 Style pour Mentions Legales */

#mention_selection {
  position: absolute;
  left:0;
  width: 245px;
  height: 350px;
  padding : 0px;
}

#mention_content {
  margin-left: 245px;
  width: 700px;
  height: 350px;
  padding: 0px 5px 0px 0px;
/*	overflow: scroll;*/
scrollbar-face-color: #f6ceb4;
	text-align:justify;
}

/****************
*** 3 . Class générique
****************/

span.chapitre_content {
  font-size: 12px;
  font-weight: normal;
  color : Black;
  background-color: White;
  margin: 1px 1px 1px 5px;
}

span.chapitre_content_puce {
  font-size: 12px;
  font-weight: normal;
  color : Black;
  background-color: White;
  margin: 1px;
}

td.paragraphe_colonne {
  width: 100%;/*352px;*/
  text-align:justify;
  padding: 0px 5px 0px 5px;
}

/****************
*** 4 . Class precises
****************/

/* 4.1 : Partie Rose */

a.passer_intro {
  text-decoration: none;
  font-size: 10px;
  font-weight: normal;
  color: #d13189;
}

div.r_chapitre {
	width: 705px;
	height: 280px;
	/*overflow: scroll;*/
	padding : 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
	border: 0px 0px 0px 0px;
	scrollbar-face-color: #F6DEEC;
}

div.r_chapitre_entete {
	width: 705px;
	height: 100px;
	/*overflow: scroll;*/
	padding : 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	scrollbar-face-color: #F6DEEC;
}


td.r_paragraphe_colonne {
  width: 352px;
  text-align:justify;
  padding: 0px 5px 0px 5px;
  border-right:2px solid;
  border-color: #d13189;
}

table.r_xml_ct {
	width: 100%;
	height: 100%;
  margin-right : 10px;
  margin-left : 0px;
  margin-top: 0px;
  margin-bottom: 5px;
  color: #d13189;
}

span.r_xml_titre {
  padding : 5px;
  font-size: 14px;
  font-weight: bold;
  color: #d13189;
}

span.r_xml_entete {
  padding : 5px;
  font-size: 12px;
  font-weight: normal;
  color: #d13189;
}

span.r_chapitre_titre {
  background-image: url(images/r_fleche.gif);
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 14px;
  font-weight: bold;
  background-color: #d13189;
  color : White;
  padding: 1px 4px 4px 20px;
  margin: 10px 4px 10px 0px;
  line-height:20pt;
}


a.r_lien {
  color: #d13189;
  text-decoration:none;
}

a.r_lien:hover {
  color: #d13189;
  text-decoration:underline;
}

li.r_puce, ul.r_puce {
	padding : 0px;
	margin: 0px 0px 0px 10px;
	border: 0px;
	color: #d13189;
}

/* 4.2 : Partie Verte */

div.v_chapitre {
	width: 705px;
	height: 280px;
	/*overflow: scroll;*/
	padding : 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	scrollbar-face-color: #e2e7ad;
}

div.v_chapitre_entete {
	width: 705px;
	height: 100px;
	/*overflow: scroll;*/
	padding : 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	scrollbar-face-color: #e2e7ad;
}

td.v_paragraphe_colonne {
  width: 352px;
  text-align:justify;
  padding: 0px 5px 0px 5px;
  border-right:2px solid;
  border-color: #76ac22;
}

table.v_xml_ct {
	width: 100%;
	height: 100%;
  margin-right : 10px;
  margin-left : 0px;
  margin-top: 0px;
  margin-bottom: 5px;
  color: #76ac22;
}

span.v_xml_titre {
  padding : 5px;
  font-size: 14px;
  font-weight: bold;
  color: #76ac22;
}

span.v_xml_entete {
  padding : 5px;
  font-size: 12px;
  font-weight: normal;
  color: #76ac22;
}

span.v_chapitre_titre {
  background-image: url(images/v_fleche.gif);
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 14px;
  font-weight: bold;
  background-color: #76ac22;
  color : White;
  padding: 1px 4px 4px 20px;
  margin: 1px 4px 4px 0px;
  line-height:18pt;
}


a.v_lien {
  color: #76ac22;
  text-decoration:none;
}

a.v_lien:hover {
  color: #76ac22;
  text-decoration:underline;
}

li.v_puce, ul.v_puce {
	padding : 0px;
	margin: 0px 0px 0px 10px;
	border: 0px;
	color: #76ac22;
}

/* 4.3 : Partie Orange */

div.o_chapitre {
	width: 700px;
	height: 280px;
	/*overflow: scroll;*/
	padding : 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	border: 0px 0px 0px 0px;
	scrollbar-face-color: #f6ceb4;
}

div.o_chapitre_entete {
	width: 700px;
	height: 100px;
	/*overflow: scroll;*/
	padding : 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	scrollbar-face-color: #f6ceb4;
}

td.o_paragraphe_colonne {
  width: 352px;
  text-align:justify;
  padding: 0px 5px 0px 5px;
  border-right:2px solid;
  border-color: #e56f0b;
}

table.o_xml_ct {
	width: 100%;
	height: 100%;
  margin-right : 10px;
  margin-left : 0px;
  margin-top: 0px;
  margin-bottom: 5px;
  color: #e56f0b;
}

span.o_xml_titre {
  padding : 5px;
  font-size: 14px;
  font-weight: bold;
  color: #e56f0b;
}

span.o_xml_entete {
  padding : 5px;
  font-size: 12px;
  font-weight: normal;
  color: #e56f0b;
}

span.o_chapitre_titre {
  background-image: url(images/o_fleche.gif);
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 14px;
  font-weight: bold;
  background-color: #e56f0b;
  color : White;
  padding: 1px 4px 4px 20px;
  margin: 1px 4px 4px 0px;
  line-height:18pt;
}

a.o_lien {
  color: #e56f0b;
  text-decoration:none;
}

a.o_lien:hover {
  color: #e56f0b;
  text-decoration:underline;
}

li.o_puce, ul.o_puce {
	padding : 0px;
	margin: 0px 0px 0px 10px;
	border: 0px;
	color: #e56f0b;
}

/* 4.4 : Partie Bleu */

div.b_chapitre {
	width: 705px;
	height: 280px;
	/*overflow: scroll;*/
	padding : 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	scrollbar-face-color: #e4f1f9;
}

div.b_chapitre_entete {
	width: 705px;
	height: 100px;
	/*overflow: scroll;*/
	padding : 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	scrollbar-face-color: #e4f1f9;
}

td.b_paragraphe_colonne {
  width: 352px;
  text-align:justify;
  padding: 0px 5px 0px 5px;
  border-right:2px solid;
  border-color: #19a0d7;
}

table.b_xml_ct {
	width: 100%;
	height: 100%;
  margin-right : 10px;
  margin-left : 0px;
  margin-top: 0px;
  margin-bottom: 5px;
  color: #19a0d7;
}

span.b_xml_titre {
  padding : 5px;
  font-size: 14px;
  font-weight: bold;
  color: #19a0d7;
}

span.b_xml_entete {
  padding : 5px;
  font-size: 12px;
  font-weight: normal;
  color: #19a0d7;
}

span.b_chapitre_titre {
  background-image: url(images/b_fleche.gif);
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 14px;
  font-weight: bold;
  background-color: #19a0d7;
  color : White;
  padding: 1px 4px 4px 20px;
  margin: 1px 4px 4px 0px;
  line-height:18pt;
}

a.b_lien {
  color: #19a0d7;
  text-decoration:none;
}

a.b_lien:hover {
  color: #19a0d7;
  text-decoration:underline;
}

li.b_puce, ul.b_puce {
	padding : 0px;
	margin: 0px 0px 0px 10px;
	border: 0px;
	color: #19a0d7;
}

/* 4.5 : Votre avis */

input.avis {
  padding : 0px;
  margin : 0px 5px 10px 5px;
  border: 2px solid black;
  height: 20px;
  font-size: 12px;
  font-weight: normal;
}

textarea.avis {
  padding : 0px;
  margin : 0px 5px 10px 5px;
  border: 2px solid black;
  font-size: 12px;
  font-weight: normal;
}

input.submit {
  padding : 2px 5px 2px 5px;
  margin : 1px;
  background-color: black;
  color: white;
  font-size: 12px;
  font-weight: bold;
}

input.retour {
  background-image: url(images/avis_fleche.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding : 2px 5px 2px 15px;
  margin : 1px;
  background-color: black;
  color: white;
  font-size: 12px;
  font-weight: bold;
}

span.avis {
  padding : 5px;
  font-size: 12px;
  font-weight: bold;
  color: black;
}

/* 4.6 : Mentions Legales*/

input.mention_retour {
  background-image: url(images/mention_fleche.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding : 2px 5px 2px 15px;
  margin : 1px;
  background-color: #e56f0b;
  color: white;
  font-size: 12px;
  font-weight: bold;
}




/* MENU ROSE BOUSSOLE */



/* Gros menu */
#b_selection_1 ul li.r_menu_header, #b_selection_1 ul li.r_menu_header_on , 
#b_selection_1 ul li.r_menu_header_top, #b_selection_1 ul li.r_menu_header_top_on,
#b_selection_1 ul li.r_menu_header_bottom, #b_selection_1 ul li.r_menu_header_bottom_on
{
	height:40px;
	margin-left:-1px;
	background-repeat:no-repeat;
	background-image:url(images/r_selection.gif);
}

/* entete */
#b_selection_1 ul li.r_menu_header_top, #b_selection_1 ul li.r_menu_header_top_on
{
	height:50px;
	background-image:url(images/r_selection_header.gif);
	background-repeat:no-repeat;
}

#b_selection_1 ul li.r_menu_header_top a:hover, #b_selection_1 ul li.r_menu_header_top_on
{
	background-image:url(images/r_selection_header_on.gif);
	background-repeat:no-repeat;
}

#b_selection_1 ul li.r_menu_header_top a, #b_selection_1 ul li.r_menu_header_top_on a
{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	height:50px;
	overflow:hidden;
	padding-left:43px;
	padding-top:12px;
	
}


/* pied */
#b_selection_1 ul li.r_menu_header_bottom 
{
	background-image:url(images/r_selection_bottom.gif);
	background-repeat:no-repeat;
}
#b_selection_1 ul li.r_menu_header_bottom a:hover, #b_selection_1 ul li.r_menu_header_bottom_on
{
	background-image:url(images/r_selection_bottom_on.gif);
	background-repeat:no-repeat;
}

/* centre */
#b_selection_1 ul li.r_menu_header a:hover, #b_selection_1 ul li.r_menu_header_on 
{
	background-image:url(images/r_selection_on.gif);
	background-repeat:no-repeat;
}


#b_selection_1 ul li.r_menu_header_on a, .r_menu_header a,
#b_selection_1 ul li.r_menu_header_bottom a, #b_selection_1 ul li.r_menu_header_bottom_on a
{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	height:100%;
	overflow:hidden;
	padding-left:43px;
	padding-top:5px;
}


/* petit menu */
#b_selection_1 ul li.r_menu, #b_selection_1 ul li.r_menu_on
{
	margin-left:20px;
	min-height:20px;
	background-color:#F6DEEB;
	border-bottom:1px dashed gray;
	border-left:1px solid gray;
	border-right:1px solid gray;
}

#b_selection_1 ul li.r_menu a:hover, #b_selection_1 ul li.r_menu_on
{
	background-image:url(images/d.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:black;
}


#b_selection_1 ul li.r_menu a, #b_selection_1 ul li.r_menu_on a
{
	padding-left:25px;
	display:block;
	color:black;
	font-weight:bold;
	font-size:11px;


}


/*MENU ORANGE BOUSSOLE */

/* Gros menu */
#b_selection_2 ul li.o_menu_header, #b_selection_2 ul li.o_menu_header_on , 
#b_selection_2 ul li.o_menu_header_top, #b_selection_2 ul li.o_menu_header_top_on,
#b_selection_2 ul li.o_menu_header_bottom, #b_selection_2 ul li.o_menu_header_bottom_on
{
	height:40px;
	margin-left:-1px;
	background-repeat:no-repeat;
	background-image:url(images/o_selection.gif);
}

/* entete */
#b_selection_2 ul li.o_menu_header_top, #b_selection_2 ul li.o_menu_header_top_on
{
	height:50px;
	background-image:url(images/o_selection_header.gif);
	background-repeat:no-repeat;
}

#b_selection_2 ul li.o_menu_header_top a:hover, #b_selection_2 ul li.o_menu_header_top_on
{
	background-image:url(images/o_selection_header_on.gif);
	background-repeat:no-repeat;
}

#b_selection_2 ul li.o_menu_header_top a, #b_selection_2 ul li.o_menu_header_top_on a
{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	height:100%;
	padding-left:43px;
	padding-top:12px;
	
}


/* pied */
#b_selection_2 ul li.o_menu_header_bottom 
{
	background-image:url(images/o_selection_bottom.gif);
	background-repeat:no-repeat;
}
#b_selection_2 ul li.o_menu_header_bottom a:hover, #b_selection_2 ul li.o_menu_header_bottom_on
{
	background-image:url(images/o_selection_bottom_on.gif);
	background-repeat:no-repeat;
}

/* centre */
#b_selection_2 ul li.o_menu_header a:hover, #b_selection_2 ul li.o_menu_header_on 
{
	background-image:url(images/o_selection_on.gif);
	background-repeat:no-repeat;
}


#b_selection_2 ul li.o_menu_header_on a, .o_menu_header a,
#b_selection_2 ul li.o_menu_header_bottom a, #b_selection_2 ul li.o_menu_header_bottom_on a
{
	display:block;
	color:#FFFFFF;
	font-weight:bold;	
	height:100%;
	overflow:hidden;
	padding-left:43px;
}


/* petit menu */
#b_selection_2 ul li.o_menu_bottom, #b_selection_2 ul li.o_menu_bottom_on
{
	margin-left:20px;
	min-height:20px;
	background-color:#F5CEB3;
	border-bottom:1px solid gray;
	border-left:1px solid gray;
	border-right:1px solid gray;
}

#b_selection_2 ul li.o_menu, #b_selection_2 ul li.o_menu_on
{
	margin-left:20px;
	min-height:20px;
	background-color:#F5CEB3;
	border-bottom:1px dashed gray;
	border-left:1px solid gray;
	border-right:1px solid gray;
}


#b_selection_2 ul li.o_menu a:hover, #b_selection_2 ul li.o_menu_on, #b_selection_2 ul li.o_menu_bottom a:hover, #b_selection_2 ul li.o_menu_bottom_on
{
	background-image:url(images/d.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:black;
}


#b_selection_2 ul li.o_menu a, #b_selection_2 ul li.o_menu_on a, #b_selection_2 ul li.o_menu_bottom a, #b_selection_2 ul li.o_menu_bottom_on a
{
	padding-left:25px;
	display:block;
	color:black;
	font-weight:bold;
	font-size:11px;

}


/* MENU VERT BOUSSOLE */

/* Gros menu */
#b_selection_4 ul li.v_menu_header, #b_selection_4 ul li.v_menu_header_on , 
#b_selection_4 ul li.v_menu_header_top, #b_selection_4 ul li.v_menu_header_top_on,
#b_selection_4 ul li.v_menu_header_bottom, #b_selection_4 ul li.v_menu_header_bottom_on
{
	height:40px;
	margin-left:-1px;
	background-repeat:no-repeat;
	background-image:url(images/v_selection.gif);
}

/* entete */
#b_selection_4 ul li.v_menu_header_top, #b_selection_4 ul li.v_menu_header_top_on
{
	height:50px;
	background-image:url(images/v_selection_header.gif);
	background-repeat:no-repeat;
}

#b_selection_4 ul li.v_menu_header_top a:hover, #b_selection_4 ul li.v_menu_header_top_on
{
	background-image:url(images/v_selection_header_on.gif);
	background-repeat:no-repeat;
}

#b_selection_4 ul li.v_menu_header_top a, #b_selection_4 ul li.v_menu_header_top_on a
{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	height:100%;
	overflow:hidden;
	padding-left:43px;
	padding-top:12px;
	
}


/* pied */
#b_selection_4 ul li.v_menu_header_bottom 
{
	background-image:url(images/v_selection_bottom.gif);
	background-repeat:no-repeat;
}
#b_selection_4 ul li.v_menu_header_bottom a:hover, #b_selection_4 ul li.v_menu_header_bottom_on
{
	background-image:url(images/v_selection_bottom_on.gif);
	background-repeat:no-repeat;
}

/* centre */
#b_selection_4 ul li.v_menu_header a:hover, #b_selection_4 ul li.v_menu_header_on 
{
	background-image:url(images/v_selection_on.gif);
	background-repeat:no-repeat;
}


#b_selection_4 ul li.v_menu_header_on a, .v_menu_header a,
#b_selection_4 ul li.v_menu_header_bottom a, #b_selection_4 ul li.v_menu_header_bottom_on a
{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	height:100%;
	overflow:hidden;
	padding-left:43px;
	padding-top:5px;
}


/* petit menu */
#b_selection_4 ul li.v_menu, #b_selection_4 ul li.v_menu_on
{
	margin-left:20px;
	height:20px;
	background-color:#E2E7AD;
	border-bottom:1px dashed gray;
	border-left:1px solid gray;
	border-right:1px solid gray;
}

#b_selection_4 ul li.v_menu a:hover, #b_selection_4 ul li.v_menu_on
{
	background-image:url(images/d.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:black;
}


#b_selection_4 ul li.v_menu a, #b_selection_4 ul li.v_menu_on a
{
	padding-left:25px;
	display:block;
	color:black;
	font-weight:bold;
	font-size:11px;
	height:100%;

}

/* MENU BLEU BOUSSOLE */



/* Gros menu */
#b_selection_3 ul li.b_menu_header, #b_selection_3 ul li.b_menu_header_on , 
#b_selection_3 ul li.b_menu_header_top, #b_selection_3 ul li.b_menu_header_top_on,
#b_selection_3 ul li.b_menu_header_bottom, #b_selection_3 ul li.b_menu_header_bottom_on
{
	height:40px;
	margin-left:-1px;
	background-repeat:no-repeat;
	background-image:url(images/b_selection.gif);
}

/* entete */
#b_selection_3 ul li.b_menu_header_top, #b_selection_3 ul li.b_menu_header_top_on
{
	height:50px;
	background-image:url(images/b_selection_header.gif);
	background-repeat:no-repeat;
}

#b_selection_3 ul li.b_menu_header_top a:hover, #b_selection_3 ul li.b_menu_header_top_on
{
	background-image:url(images/b_selection_header_on.gif);
	background-repeat:no-repeat;
}

#b_selection_3 ul li.b_menu_header_top a, #b_selection_3 ul li.b_menu_header_top_on a
{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	height:100%;
	overflow:hidden;
	padding-left:43px;
	padding-top:12px;
	
}


/* pied */
#b_selection_3 ul li.b_menu_header_bottom 
{
	background-image:url(images/b_selection_bottom.gif);
	background-repeat:no-repeat;
}
#b_selection_3 ul li.b_menu_header_bottom a:hover, #b_selection_3 ul li.b_menu_header_bottom_on
{
	background-image:url(images/b_selection_bottom_on.gif);
	background-repeat:no-repeat;
}

/* centre */
#b_selection_3 ul li.b_menu_header a:hover, #b_selection_3 ul li.b_menu_header_on 
{
	background-image:url(images/b_selection_on.gif);
	background-repeat:no-repeat;
}


#b_selection_3 ul li.b_menu_header_on a, .b_menu_header a,
#b_selection_3 ul li.b_menu_header_bottom a, #b_selection_3 ul li.b_menu_header_bottom_on a
{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	height:100%;
	overflow:hidden;
	padding-left:43px;
	padding-top:5px;
}


/* petit menu */
#b_selection_3 ul li.b_menu, #b_selection_3 ul li.b_menu_on
{
	margin-left:20px;
	height:20px;
	background-color:#E3F1F8;
	border-bottom:1px dashed gray;
	border-left:1px solid gray;
	border-right:1px solid gray;
}

#b_selection_3 ul li.b_menu a:hover, #b_selection_3 ul li.b_menu_on 
{
	background-image:url(images/d.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:black;
}


#b_selection_3 ul li.b_menu a, #b_selection_3 ul li.b_menu_on a
{
	padding-left:25px;
	display:block;
	color:black;
	font-weight:bold;
	font-size:11px;
	height:100%;

}


/* Page d'accueil */

#zero_central {
  width:950px;
  height: 360px;
  position: relative;
  text-align: left;
}

#zero_haut_gauche
{
	font-family: Arial;
	font-size: 22px;
	font-weight: bold;
	position: relative;
	top: 10px;
	left: 0px;
	line-height: 36px;
	width: 480px;
	text-align: right;	
}

#zero_haut_droite
{
	font-family: Arial;
	font-size: 22px;
	font-weight: normal;
	position: relative;
	top: 25px;
	left: 420px;
	width: 540px;
	text-align: left;
	padding-top: 20px;	
	
}

#zero_logo
{
	position: relative;
	top: 55px;
	left: 350px;
	width: 80px;
	height: 80px;
	text-align: center;
	display: inline;
	vertical-align: top;
	float: left;	
}

#zero_menu
{
	position: relative;
	top: 55px;
	left: 400px;
	width: 460px;
	text-align: left;
	display: inline;
	vertical-align: top;
	float: left;
	
}

#zero_menu_r
{	
	background-color: #d13189;
	width: 320px;
	text-align: left;	
	padding-left: 20px;
	margin-bottom: 8px;
}

#zero_menu_o
{	
	background-color: #e56f0b;
	width: 320px;
	text-align: left;	
	padding-left: 20px;
	margin-bottom: 8px;
}

#zero_menu_v
{
	background-color: #76ac22;
	width: 320px;
	text-align: left;	
	padding-left: 20px;	
	margin-bottom: 4px;
}

#zero_menu_tr
{
	background-color: #ccffcc;
	width: 320px;
	text-align: left;	
	position: relative;
	left: 40px;	
	padding-left: 20px;	
	margin-bottom: 8px;
}

#zero_menu_b
{
	background-color: #19a0d7;
	width: 320px;
	text-align: left;	
	padding-left: 20px;
}

#zero_menu_b a, #zero_menu_v a, #zero_menu_o a, #zero_menu_r a {
	color: white;
	text-decoration: none;	
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
}

#zero_menu_tr a {
	color: black;
	text-decoration: none;	
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}