/************************************************



************************************************/


/* Configuration générale du site (police de caractère et taille par défaut, fond d'écran (couleur ou image), etc.) */
body { 
margin:0px;
padding:0px;
text-align:center;
color:#FFFFFF;
font: 13px "Arial", Helvetica, Arial, sans-serif, Verdana;
background-color: #888888;
}
 
/* liens par défaut */
a{ 
color:#000000;
text-decoration : underline;
}

a:hover{
text-decoration:none;
}

a img {
border:0;
}
 


/* Titre du site dans le bloc header */ 
#header h1 { 
	margin:0 0 0 0; 
    padding:0 5px 0 5px; 
    font-size:10px; 
    line-height:normal; 
    font-family:Trebuchet MS; 
    color:#FDF3FC; 
    text-align:left;
    display:block; 
 }

/* Titre des rubriques et des modules dans le bloc contenu  */
#contenant #contenu h2 { 
    margin:0 0 20px 0; 
    padding:3px; 
  	text-align:left; 
    font-size:20px; 
    color:#000000; 
    font-weight:bold;      
	line-height: normal;
	
 }

/* Titre des rubriques dans le contenu avec un lien  */
#contenant #contenu h2 a { 
    color:#FFFFFF;
    text-decoration:none;
}
#contenant #contenu h2 a:hover { 
    text-decoration:underline;
}

/* Style à utiliser pour faire des sous-titres dans les pages */
#contenant #contenu h3 { 
    margin:20px 0 0 0;
    padding:0 0 0 0; 
    text-align:left; 
    font-size:16px; 
    font-weight:bold; 
    clear:both;
}
#contenant #contenu h3 a { 
	text-decoration:none; 
}

/* Barre se séparation dans le contenu */
#contenant #contenu hr {
	border: none 0;
    border-top: 1px solid #000000; 
    width: 100%; 
    height: 1px; 
}


/* BLOC LOGO */
#headerlogo
{
text-align:center;
}
/* FIN BLOC LOGO */


/* BLOC HEADER (ENTETE) AVEC TITRE DU SITE EN TEXTE */
#header
{
height:110px; /* la hauteur est égale à :  hauteur - padding-top */

width:960px;
color:#FDF3FC;
background-image: url(images/banniere2.png);
background-repeat:no-repeat;
background-position:top center;
text-align:left;
font-weight:bold;
}

#header a{
    color:#FDF3FC;
    text-decoration:none;
}

/* Bloc du sous-titre */
#header div.sstitre{
    font-size:25px;
    padding:0 5px 0 5px;
    margin:0;
    line-height:normal;
    display:block;
}

/* Uniquement pour la disposition menu horizontal en dessous de l'entete (pour que le menu ait la même largeur que l'entete) */
#headermenu {
	width:960px;    
	text-align:center;
    margin:auto;
}

/* FIN DU BLOCK HEADER  */



/* BLOC CONTENANT LES MENUS HAUT (selon emplacement), BAS (selon emplacement), DROITE, GAUCHE, CONTEN U*/
#contenant
{
font-family:Arial; 
width:960px;
text-align:left;
margin-top:0px;
overflow:hidden;
padding:0 0 10px 0; 


}

/* FIN DU BLOC CONTENANT LES MENUS HAUT, BAS, DROITE, GAUCHE, CONTENU */



/* BLOC DU CONTENU */

#contenant #contenu
{ 
color:#000000;
width:700px;  /* seulement pour ie6 */
line-height: 150%;
background-color:#FFFFFF;
text-align: left;
padding: 15px 15px 15px 15px;
border:10px solid #f8b600;
margin: 0px 5px 0 293px; /* seulement pour ie6 */
}

#contenant > #contenu
{ 
width:auto;
margin: 0px 0px 0 0px;
}


#contenu div, #contenu span{
margin: 0;
padding: 0;
}
/* FIN DU BLOC DU CONTENU */

/*Contenu Gauche */
#contenant .info
{ 
color:#000000;
width:200px;  /* seulement pour ie6 */
line-height: 150%;
background-color:#cacccb;
text-align:center;
padding: 2px 1px 5px 1px;
border-top:10px solid #FFFFFF;
border-left: 10px solid #FFFFFF;
border-right: 10px solid #FFFFFF;
border-bottom: 0px;



}

#contenant > .info
{ 
width:auto;
margin: 0px 0px 0 0px;
}


.info div, .info span{
margin: 0;
padding: 0;
}

#contenant .lien
{ 
color:#000000;
width:200px;  /* seulement pour ie6 */
line-height: 150%;
background-color:#f7b600;
text-align:center;
padding: 2px 1px 5px 1px;
border:10px solid #FFFFFF;

}

#contenant > .lien
{ 
width:auto;
margin: 0px 0px 0 0px;
}


.lien div, .lien span{
margin: 0;
padding: 0;
}

.recherche label
{
float:left;
	width:134px;
	text-align:right;
	margin-right:5px;
	color:#383838;
}
.recherche input
{
border:2px solid #fac840;
}
.recherche select {
	border:2px solid #fac840;
	width:158px;
}
.recherche #bouton_recherche {
	width:178px;
	height:27px;
	border:none;
	background-image:url(images/bt_recherche.gif);
	background-repeat:no-repeat;

	background-color:transparent;
	margin-left:95px;
	margin-top:10px;
	cursor:pointer;
}
.recherche p {
	margin-bottom:8px;
}



/* MENU HAUT HORIZONTAL */
#menuh
{ 
position:relative;
clear:both;
font-size:12px;
padding:auto 0;
background-color:#f8b600;
color:#000000;
margin-bottom:20px;
/*padding-left: 15%;*/
vertical-align: middle;
height:50px;
overflow:visible;
}


/* Style des liens dans le menu haut horizontal*/
#menuh a 
{
border:none;

border-right: #000000 1px dashed;
color:#000000;
line-height:50px;
padding:0 10px;
text-decoration:none;
font-weight:bold;
position:relative;
z-index:100;
float:left;

vertical-align: middle;
}

/* Style des liens dans le menu haut horizontale, une fois survolé*/
#menuh a:hover
{
background-color:#abacad;
color:#FFFFFF;
}
/*MENU DE GAUCHE VERTICAL */
#menug .categorieg
{
/* bordure arrondi sous firefox, sous safari, puis futur norme commune ---- mettre 15px  */
-moz-border-radius:15px;
-khtml-border-radius : 15px;
border-radius : 15px;
/* fin arrondi */

padding:0;
margin:0 0 20px 0;
}


#menug
{
font-size:14px;
margin:0px 15px 20px 0px;
-margin:0px 8px 20px 0px; /* Pour IE6 */

width:220px;

}



#menug ul {
list-style: none;
margin: 0px;
padding: 0 0 0 0;
border: none;
z-index:100;

}

#menug ul li {
margin: 0px;
padding: 0 0 0 0;
}

#menug li a {
display: block;
padding: 5px 0px 5px 3px;
text-decoration: none;
color: #000000;

border-bottom: 1px dashed #000000;

}

#menug li a:hover, #menug ul li a:focus {

background-color: #abacad;
text-decoration: none;
}


#menug span
{
text-align:left;
display:block;
padding:2px 2px 2px 2px;}

/* Affichage de formulaires dans le menu de gauche avec la classe "formulaire" */
#menug ul.formulaire {list-style-position: outside; list-style-type:none; margin:0; font-size:11px; }

/* Barre horizontale dans le menu de gauche */
#menug hr
{
border: none 0; border-top: 1px solid #F8EEF0; width: 100%; height: 1px; 
}


/* Style des liens des titre des rubriques du menus gauche*/



#menug a {
color:#F8EEF0;
text-decoration:none;
}

#menug a:hover{
color:#442C31;
text-decoration:underline;
}


/*FIN MENU DE GAUCHE VERTICAL */