/* CSS Document skin NOEL */

/* -------- pour TUTOR ----------------------- */
/* .titre { }  - pour ... class="titre" ... */
/* #titre { }  - pour ... id= "titre" ..... */
/*---------------------------------------------*/

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


/* ******************************************** */
/* ** COULEURS DE BASE :                     ** */
/* **                                        ** */
/* **                                        ** */
/* **  #006 -> body.color,                   ** */ /* couleur n°1 */
/* **             couleur du .SWF            ** */
/* **                                        ** */
/* **  #14BE76 -> couleur foncée des .PNG    ** */
/* **                                        ** */
/* **  #BAD7D2    couleur claire des .PNG    ** */
/* **                                        ** */
/* **  #FF0000 -> 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:#006;                         /* couleur n°1 */
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}
a {
	color:#00D2D2;
}
a:hover { 
	color:#fff;
}
h1, h2, h3, h4, h5 {
	line-height:normal
}
h1 { font-size:28px;color:#006;}          /* couleur n°1 */
h2 { font-size:24px;color:#006;}
h3 { font-size:20px;color:#006;}
h4 { font-size:18px;color:#006;}
h5 { font-size:16px;color:#006;}




#slogan {
	font-weight:bold;
	color:#FFF;
	font-size:14px;
	background-color:#039;
}

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

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


/**********************************/
/* pour 'options' page rechercher */
/**********************************/
select { 
	scrollbar-face-color: #BDCBEE; /* le plat du scroll et extrémités */
	scrollbar-arrow-color: #fff ; 
	scrollbar-track-color: buttonhighlight ;
	scrollbar-3dlight-color: buttonhighlight ;
	scrollbar-darkshadow-color: #345EC9 ; /*cotés droite et haut */  /*buttonhighlight ; */
	scrollbar-shadow-color: buttonshadow ;
	scrollbar-highlight-color: #C0CDEF; /*cotés gauche et bas; */
	outline-color: buttonhighlight ;
	outline-style: buttonhighlight ; 
	/* outline-width: #f00 ; ? ? */
	inherit: #000000 ;
}
optgroup {
	color : #0000FF;
}

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


/***************************/
/* pour les menus à gauche */
/***************************/
#colonne1 {
	display:block;
	font-size:10px;
	position: absolute;
	/*      top, right, bottom, left */
	margin: 0px 0px 0px 8px;
	padding: 5px 5px 5px 5px;
	top: 170px;/* offset par rapport au haut du document complet */
	left: 99px;
}
/*
/*#colonne1 a {
/*	color:#0066BB; /* #FF0080; */
/*	text-decoration:none;
/*}
/*#colonne1 a:hover {
/*	color:#FFFFFF;
/*	/*margin-left:8px; pour décaler sur la gauche */
/*	background-color:#069;
/*}
/*#colonne1 a:hover img{
/*	background-color:#FF9; /* la couleur doit être répétée pour firefox
/*	                           (même si pareil que colonne1 hover) */
/*}
*/


/***************************/
/* 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:#D1E1FB;
	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;
	padding: 10px 0px 0px 10px; /* marges du texte dans le centre de page */
	/*font-weight:bold; */
	/*line-height: 24px;*/
}
#corps a {
	color: #003C84;
	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:#0066FF;
	color:#fff;
	font-weight:bold;
}
#corps b {
	color:#660033;
}

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



/***************************************************/
/* pour le menus à mettre dans colonne 1 de droite */
/***************************************************/

/* **************************** */
/* ** menus deroulant CSS    ** */
/* **                        ** */
/* **     pré-établi         ** */
/* **        pour            ** */
/* **                        ** */
/* **       8 menus          ** */
/* **                        ** */
/****************************** */

/*--------------------------------------------------*/
/* --- Le DIV qui encadre le menu principal         */
/*--------------------------------------------------*/
#mainMenu1, #mainMenu2, #mainMenu3, #mainMenu4, #mainMenu5  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;                 /* taille caractères dans les menu et sous-menus */
	/*background-color: #EEE; /* couleur n1 - #EEE fond cadre menu */
	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 */
	left: -99px;
	position: absolute;
}

#mainMenu6, #mainMenu7, #mainMenu8 {
  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;
}


#mainMenu1 { background:url(menu_boosterlavie160.gif) no-repeat; top: 70px;}
#mainMenu2 { background:url(menu_boosterlavie80.gif) no-repeat;  top: 236px;}
#mainMenu3 { background:url(menu_boosterlavie80.gif) no-repeat;  top: 323px;}
#mainMenu4 { background:url(menu_boosterlavie160.gif) no-repeat; top: 410px;}
#mainMenu5 { background:url(menu_boosterlavie160.gif) no-repeat; top: 575px;}
/* colonne 2 = droite */
#mainMenu6 { background:url(menu_boosterlavie80_2.gif) no-repeat; top: 240px; right:8px}
#mainMenu7 { /* comprend des images */  top: 330px;}
#mainMenu8 { background:url(menu_boosterlavie80.gif) no-repeat;  top: 0px;}




/*--------------------------------*/
/* --- pour menu principal        */
/* ---                            */
/* -------------------------------*/
#menuList1, #menuList2, #menuList3, #menuList4,
#menuList5, #menuList6, #menuList7, #menuList8 {
  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
   */
}

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

#menuList1 li a, #menuList2 li a, #menuList3 li a, #menuList4 li a,
#menuList5 li a {
  background-color: transparent;
  color: #00f;
  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: 5px;
  padding-left: 20px;

  /* always set margin to '0' */
  /* Win/IE5.0 will ignore border and padding if display is 'inline' */
  text-decoration: none;
}

/* ATTENTION ci-dessous, menuList7 n'a pas de 'li' */
#menuList6 li a, #menuList7 a, #menuList8 li 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, #menuList8 li a {
  text-decoration: none;
  color:#F03;
}


/*--------------------------------------------------*/
/* --- pour items de menu principal ou secondaire   */
/* --- ayant des liens                              */
/* --- donc qui ne mènent pas vers un sous-menu     */
/*--------------------------------------------------*/
#menuList1 li a:hover, #menuList1 li a:focus, #menuList2 li a:hover, #menuList2 li a:focus,
#menuList3 li a:hover, #menuList3 li a:focus, #menuList4 li a:hover, #menuList4 li a:focus,
#menuList5 li a:hover, #menuList5 li a:focus, 
#menuList7 a:hover, #menuList7 a:focus, /* comprend des images */
#menuList8 li a:hover, #menuList8 li a:focus {
  /*background-color: #C4ECFD;*/
  /* couleur n3 - #f8f8f8; hover sur option cliquable*/
  color: #00a;
  border-color: #ff0; /* couleur n2 - #CCC; hover bord sur option cliquable de menu*/
  font-weight:bold;
}
#menuList6 li a:hover, #menuList6 li a:focus {
  /*background-color: #C4ECFD;*/
  /* couleur n3 - #f8f8f8; hover sur option cliquable*/
  color:#C00;
  border-color: #ff0; /* couleur n2 - #CCC; hover bord sur option cliquable de menu*/
  font-weight:bold;
}
#menuList7 a:hover, #menuList7 a:focus { /* comprend des images */
  background-color: #C4ECFD;
}


/*--------------------------------------------------*/
/* --- pour mettre la flêche aus items de menu      */
/* --- principal ou secondaire                      */
/* --- qui mènent à des sous-menus                  */
/*--------------------------------------------------*/
#menuList1 li a.actuator, #menuList2 li a.actuator,
#menuList3 li a.actuator, #menuList4 li a.actuator,
#menuList5 li a.actuator, #menuList6 li a.actuator,
/* menu7 = des images */
#menuList8 li a.actuator {
  background:  url("sousMenu.gif") no-repeat 100% 50%;
  margin-right: -20px;
  padding-left: 25px;

}

/*--------------------------------------------------*/
/* --- pour items de menu principal ou secondaire   */
/* --- qui mènent à des sous-menus  : état hover    */
/*--------------------------------------------------*/
#menuList1 li a.actuator:hover, #menuList1 li a.actuator:focus,
#menuList2 li a.actuator:hover, #menuList2 li a.actuator:focus,
#menuList3 li a.actuator:hover, #menuList3 li a.actuator:focus,
#menuList4 li a.actuator:hover, #menuList4 li a.actuator:focus,
#menuList5 li a.actuator:hover, #menuList5 li a.actuator:focus,
#menuList6 li a.actuator:hover, #menuList6 li a.actuator:focus,
#menuList7 li a.actuator:hover, #menuList7 li a.actuator:focus,
#menuList8 li a.actuator:hover, #menuList8 li a.actuator:focus {
  /* ci-dessous :  couleur n1 - #f8f8f8; hover fond option contenant un sous-menu */
  /*color: #0ff; */
  /* pas de : background-color:#ffa8a8;*/
  font-weight:bold;
}


/*--------------------------------------------------*/
/* --- pour le cadre sous-menus                     */
/* --- on spécifie couleur de fond et couleur       */
/*--------------------------------------------------*/
#menuList1 .menu, #menuList2 .menu,
#menuList3 .menu, #menuList4 .menu,
#menuList5 .menu, #menuList6 .menu,
#menuList7 .menu, #menuList8 .menu {
  background-color: #EEE; /* couleur n1 - #EEE; fond cadre sous-menu*/
  background:  url("fond_sous_menu.jpg"); /* image de fond sous-menu*/
  color: #00f;
  border: #0880F5 solid 4px;    /* sub-menu borders - bord cadre sous-menu*/
  margin: 0;
  padding: 2px;
  /* only set '0' or negative margin */
  /* border  width must be the same on the four sides (in 'px' units) */
  /* padding width must be the same on the four sides (in 'px' units) */
  position: absolute;
  visibility: hidden;
  /* always set position to 'absolute' and visibility to 'hidden' */
}

#menuList1 .menu .menu, #menuList2 .menu .menu,
#menuList3 .menu .menu, #menuList4 .menu .menu,
#menuList5 .menu .menu, #menuList6 .menu .menu,
#menuList7 .menu .menu, #menuList8 .menu .menu {
  margin-left: 2px;
  /* if a non-zero padding is set on .menu, set margin-left to margin-left + padding */
}




/* ******* fin menu droulant CSS****** */
/* ***************************** */