/* CSS Document skin vert */

/*--------- pour TUTOR ---------------------*/
/*                                          */
/* .titre { }  - pour ... class="titre" ... */
/* #titre { }  - pour ... id= "titre" ..... */
/*                                          */
/*------------------------------------------*/
/*          top,   right, bottom,  left     */
/*	margin: 0px    0px     0px     8px;     */
/*------------------------------------------*/
/*         (top & bottom)   (left & right)  */
/*	margin:     0px            8px;         */
/*------------------------------------------*/

/* ************************************************ */
/*       VERSION POUR NAVIGATEURS                   */
/*                                                  */
/* **************************************************/


/* ******************************************** */
/* ** COULEURS DE BASE :                     ** */
/* **                                        ** */
/* **                                        ** */
/* **  #119C62 -> body.color,                ** */ /* couleur n°1 */
/* **             couleur du .SWF            ** */
/* **                                        ** */
/* **  #14BE76 -> couleur foncée des .PNG    ** */
/* **                                        ** */
/* **  #BAD7D2    couleur claire des .PNG    ** */
/* **                                        ** */
/* **  #FCE8CC -> body.background-color      ** */ /* couleur n°2 : idem color image fond - si fond blanc => clignote au load */
/* **                                        ** */
/* **  #2E7C5F -> b(gras)                    ** */ /* couleur n°3 */
/* **             corps.border-color         ** */
/* **             h1 à h4                    ** */
/* **                                        ** */
/* **                                        ** */
/* ******************************************** */



body {
	background-image: url("bg_body.jpg");
	color: #004F00;                         /* couleur n°1 */
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}
a {
 color:#005E00;
}
a:hover {
 color: #6D6B12;
}
h1, h2, h3, h4, h5 {
	line-height:normal
}
h1 { font-size:28px;color:#060;}
h2 { font-size:24px;color:#060;}
h3 { font-size:20px;color:#060;}
h4 { font-size:18px;color:#060;}
h5 { font-size:16px;color:#060;}




#slogan {
	font-weight:bold;
	color:#FFF;
	font-size:12px;
	background-color:#006699;
	margin-left:158px;
}

#mentions { /* légales */
	font-size:10px;
}

#mentions a { /* légales */
	text-decoration:none;
}


/**********************************/
/* pour 'options' page rechercher */
/**********************************/
select { 
	scrollbar-face-color: #9F9;/*#d0e4c8 ;*/
	scrollbar-arrow-color: #fff ; 
	scrollbar-track-color: buttonhighlight ;
	scrollbar-3dlight-color: buttonhighlight ;
	scrollbar-darkshadow-color: #363 ; /*cotés droite et haut */  /*buttonhighlight ; */
	scrollbar-shadow-color: buttonshadow ;
	scrollbar-highlight-color: #360; /*cotés gauche et bas; */
	outline-color: buttonhighlight ;
	outline-style: buttonhighlight ; 
	outline-width: #994D00 ; 
	inherit: #000000 ;
}
optgroup {
	color : #009797;
}

/***********************************************/
/* pour style de lien 'pavé' encadrant un lien de partenaire */
/***********************************************/
.pave {
	display:block;	
	background-color:#C5FCE6;
	border:solid;
	border-color:#009900;
	border-width:1px;
	text-align:center;
}
.pave a {
	display:block;	
	color:#00994D000;
	text-decoration: none;
}	


/***************************/
/* pour les menus à gauche */
/***************************/
#colonne1 {
	display:block;
	font-size:10px;
	position: absolute;
	/*      top, right, bottom, left */
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	top: 240px;/* offset par rapport au haut du document complet */
	left: 0px;
}
#colonne1 a:hover {
	color:#900;
}


/***************************/
/* pour les menus à droite */
/***************************/
#colonne2 {
	float:right;
	/*display:block;*/
	font-size:10px;

	/*      top, right, bottom, left */
	margin: -20px 0px 0px 0px;
	padding: 5px 5px 5px 8px;
	/*top: 235px;/* offset par rapport au haut du document complet */
	
}



/*****************************/
/* pour le corps de la page */
/*****************************/
#corps {
	background-image: url("bg_corps.jpg");
	background-color:#C5FCE6;
	line-height:1.5em;
	/*border-color:#2E7C5F; border-width:1px; border-style:dashed;
	 c'est la 'margin-top' qui donne l'offset par rapport à l'entête */
	/*    top, right, bottom, left */
	margin: 0px 144px 5px 144px; /* 20px de plus pour right que la largeur d'une box (voir plus bas)*/
	padding: 10px 0px 0px 10px; /* marges du texte dans le centre de page */
}
#corps a {
	color: #004F00;
	font-style: italic;
}
#corps a:hover img { /* liens en image quand souris hover */
	background-color:#fff;
}

#corps a:hover { /* liens normaux quand souris hover */
	background-color:#1BFE01;
	color:#fff;
	font-weight:bold;
}
#corps b {
	color:#0D6D05;
}

/*****************************/
/* pour le centre de la page */
/*****************************/
#centre {
	overflow:hidden;
	min-width:800px; /* OK FF, OP */
}



/********************************************************/
/* pour le menu en images : qui remplace celui en flash */
/********************************************************/
div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 150px; /* hauteur du menu visible */
	width: 500px; /* largeur du menu visible */
	overflow: auto;
}
ul.sc_menu {
	display: block;
	height: 100px; /* hauteur si on alignait en vertical : ici, 1 seul niveau de vertical */
	/* max width here, for users without javascript */	
	width: 1500px;	 /* largeur du menu en mettant toutes les images bout à bout */
	padding: 15px 0 0 15px; 
	/* removing default styling */
	margin: 0;
	background: url('navigation.png');		
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 4px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: none;
	margin-top: 3px;
	
	text-align: center;
	font-size: 12px;	
	color: #1c1;
}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border: 0px; /* pas de bords */
	/* pour coins arrondis : 
	border: 3px #fff solid;	
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px; */
}
.sc_menu a img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}

.sc_menu a:hover img {
	filter:alpha(opacity=100);	
	opacity: 1.0;
}






/****************************************************/
/* pour les menus à mettre dans colonne 1 de gauche */
/****************************************************/

/* **************************** */
/* ** menus dropdown         ** */
/* **                        ** */
/* **     avec m_FW          ** */
/* **                        ** */
/****************************** */



	
	/* remove the list style */
	.nav, .nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	display:block; 
	}
	.nav {
	width:168px; /* si je ne mets pas la largeur du menu là,
		            ça déclenche le sous-menu comme si le menu parent
		             était large de poute une ligne.
		             là, ça s'arrête à cette largeur qui est comme
		             une marge 'left', donc = largeur menu + marge.*/
	}
	
	/* make the LI display inline */
	/* it's position relative so that position absolute can be used in submenu */
	.nav li {
		position:relative;
		/*float:left; */ /*sans le 'float:left' => rend menu vertical */
		display:block; 
		/*     top&bottom    left&right */
		top:15px;
		margin:    0px         25px; /* décalage à gauche de 25px à cause image */
		z-index:500; 

	}

	.nav li ul li {
		top:0;            /* sinon, ce sont les marges et le top de '.nav li' qui  */
		margin: 0  0;     /* se répercute sur menus suivants */
	}


	/* this is the parent menu */
	.nav li a {
		display:block; 
		/*         top,   right, bottom,  left     */
		padding:   0px    5px       0     5px; 
		font-weight:700;  
		text-decoration:none; 
		color:#333;
		/* height:23px; définit hauteur de ligne; donc espace entre 2 lignes */
	}



	.nav li a:hover {
		color:#900; /* couleur en hover souris pour tous les liens */
		/*background-color:#BDD9C6; /* couleur fond en hover souris pour tous les liens */
	}

	/* you can make a different style for default selected value */
	.nav a.selected {
		color:#ff0080;
	}

	/* .nav ul = submenu niveau 1, it's hidden by default */
	.nav ul {                       /* submenu niveau 1 */
		position:absolute;
		display:none;
		/* 115px = 140px (largeur image - marge gauche de 25px) */
		width:115px; /* si je ne mets pas la largeur du sous-menu là,
		                il n'y a pas d'effet de slide, ça arrive d'un coup.*/
		left:115px; /* à 100 px par rapport à menu parent */
		top: 0px; 
		background:#D6AD31; /* fond de cadre de sous-menu */
		border:2px ridge #f00;
	}
	
	
	/* submenu niveau 2, it's hidden by default */
	.nav ul ul{
		position:absolute; 
		left:115px; /* à 115 px par rapport à menu niveau 1 , si menu n°1 fait 115px */
		top: -0px; 
		display:none; 
		/*         top,   right, bottom,  left     */
		margin:     0       0       0     -1px; 
		padding:0; 
		list-style:none;
	}
	
	.nav ul li {
		width:116px; /* largeur sous-menu n°1 */
		float:left; 
		border-top:1px solid #fff;
	}
	
	/* display block will make the link fill the whole area of LI */
	.nav ul a {
		display:block;  
		/* height:15px; pour imposer hauteur au sous-menus */
		     /* top  left */
		padding: 5px 5px; 		
		text-decoration:none; 
	}
	
	.nav ul a:hover {
		color:#669;
	}
	
	.clear {
	    clear:left;
	}

	/* fix ie6 small issue */
	/* we should always avoid using hack like this */
	/* should put it into separate file : ) */
	*html .nav ul {
		margin:0 0 0 -2px;
	}


/* **** fin menu dropdown CSS*** */
/* ***************************** */




/****************************************************/
/* pour les liens à mettre dans colonne 2 de droite */
/****************************************************/

#menuList6, #menuList7 {
  margin: 0;
  padding: 10px;   /* This is for padding between menu items in the drop-downs */
  /* do not use a position other than 'static' here */
  /* if the menu is vertical:
   * margin-left + border-left-width + padding-left must be equal to
   * margin-right + border-right-width + padding-right
   */
}

#menuList6 li, #menuList7 {
  /* do not change these rules */
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
  /* do not change these rules */
}

/* ATTENTION ci-dessous, menuList7 n'a pas de 'li' */
#menuList6 li a, #menuList7 a {
  background-color: transparent;
  display: block;
  /* ci-dessous cadre pour chaque option de menu : pas beau.*/
  /*border: 1px solid #EEE; /* couleur n1 - #EEE; bord cadre d'option de menu et sous-menu */
  margin: 0;
  /* ordre : top - right - bottom - left  */
  padding: 6px 0px 6px 6px;
  /*******padding-left: 0px;*/

  /* always set margin to '0' */
  /* Win/IE5.0 will ignore border and padding if display is 'inline' */
  text-decoration: none;
}
#menuList6 li a {
  text-decoration: none;
  color:#F03;
}


#mainMenu6, #mainMenu7 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;                 /* taille caractères dans les menu et sous-menus */
  margin: 0;
  padding: 0;
  /* if the menu is vertical:
   * set border to 'none'
   * padding-left must be equal to padding-right
   */
  width: 140px;            /* largeur du menu principal */
  right: 12px;
  position: absolute;
}

#mainMenu6 { background:url(menu_boosterlavie80_2.gif) no-repeat; top: 240px; right:8px}
#mainMenu7 { /* comprend des images */  top: 330px;}