/* CSS Document skin noël */

/* -------- pour TUTOR -------------------- */
/* .titre { }  - pour ... class="titre" ... */
/* #titre { }  - pour ... id= "titre" ..... */
/*                                          */
/*          top, right, bottom, left        */
/*	margin: 0px 0px 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:#006600;}          /* couleur n°1 */
h2 { font-size:24px;color:#006600;}
h3 { font-size:20px;color:#006600;}
h4 { font-size:18px;color:#006600;}
h5 { font-size:16px;color:#006600;}



#slogan {                                   /* ... id= "slogan" ... */
	font-weight:bold;
	color:#FFFFF
	font-size:12px;
	background-color:#006699;
}

#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 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 centrer des ensembles de boutons CSS*/
/********************************************/

#conteneur { /* utiliser pour encadrer des boutons */
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}



/********************************************************/
/* 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 img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}

#ul_sc_menu a:hover img {
	filter:alpha(opacity=100);	
	opacity: 1.0;
}