/* CSS Document skin printemps */

/* -------- 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-size:14px;
	font-family:Verdana, Geneva, sans-serif;
}
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:#139A0C;
	margin-left:158px;
}

.mentions { /* légales */
	margin-left:158px;
	font-size:10px;
	color:#006FDD;
}
.mentions a { /* légales */
	text-decoration:none;
	color:#006FDD;
}
.mentions a:hover { /* légales */
	color:#777700;
}


/**********************************/
/* pour 'options' page rechercher */
/**********************************/
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:#00994D;
	text-decoration: none;
}	




/*  organisation

|--------
|  id= colonne1 = contenu à gauche
|-------

|-----------
| centre = enveloppe 
|
| |---------
| |  id= corps = contenu à droite
| |---------
|
|------------

*/



#colonne1 a {
	color:#006699;
	text-decoration:none;
}
#colonne1 a:hover {
	color:#FF0080;
}
#colonne1 {
	display:block;
	font-size:10px;
	position: absolute;
	/*      top, right, bottom, left */
	margin: 0px 0px 0px 8px;
	padding: 5px 5px 5px 5px;
	top: 340px;/* offset par rapport au haut du document complet */
	left: 0;
}
#colonne1 a:hover img{
	background-color:#FFFF99; /* la couleur doit être répétée pour firefox (même si pareil que colonne1 hover) */
}



/*****************************/
/* 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 8px 5px 158px; /* 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;
}
#ul_sc_menu li {
	display: block;
	float: left;	
	padding: 0 4px;
}
#ul_sc_menu a {
	display: block;
	text-decoration: none;
}
#ul_sc_menu span {
	display: none;
	margin-top: 3px;
	
	text-align: center;
	font-size: 12px;	
	color: #006699;
}
#ul_sc_menu a:hover span {
	display: block;
}
#ul_sc_menu img {
	border: 0px; /* pas de bords */
	/* pour coins arrondis : 
	border: 3px #fff solid;	
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px; */
}
#ul_sc_menu a:hover img {
	opacity: 0.5;
}




/****************************************************/
/* 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; 

	}


	/* 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:#333333;
		/* height:23px; définit hauteur de ligne; donc espace entre 2 lignes */
	}



	.nav li a:hover {
		color:#990000; /* 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;
	}

	
	
	
	.clear {
	    clear:left;
	}


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