@charset "iso-8859-1";
/* CSS Document */
@import url("cadres.css");

/* 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:#000000;
font: 13px Trebuchet MS, Helvetica, Arial, sans-serif, Verdana;
background-repeat:repeat;background-position:top left;background-attachment: scroll;
background-image: url("/design/font.png");
background-color: ;
}
 
/* liens par défaut */
a{ 
color:#0034B7;
text-decoration:underline;
}

a:hover{
text-decoration:none;
}
 

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


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


/* BLOC HEADER (entete) AVEC TITRE DU SITE EN TEXTE */
#header
{
height:269px; /* la hauteur est égale à :  hauteur - padding-top */
padding:0px 0px 0 0px;
width:969px;color:#FFFFFF;background-color:#0034B7;
background-image: url("/design/banniere.jpg");
background-repeat:repeat;background-position:top left;text-align:center;
font-weight:bold;}

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

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

/* 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:969px;    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:Trebuchet MS; 
width:969px;
text-align:left;
margin-top:0px;
overflow:hidden;
padding:0 0 0 0; 

background-color:#FFFFFF;
background-image: url("/design/corp.png");
background-repeat:repeat;background-position:top left;border-top:none;}

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



/* BLOC DU CONTENU */

#contenant #contenu
{ 
color:#000000;
width:687px;
line-height: 150%;
margin: 2px 10px 0 242px;
}

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


#contenu div, #contenu span{
margin: 0;
padding: 0;
}

#contenant #contenu li.formulaire { list-style-type:none; }

/* FIN DU BLOC DU CONTENU */


/* MENU HAUT HORIZONTAL */
#menuh
{ 
font-size:12px;
padding:auto 0 auto 0;
background-color:#7795E1;background-repeat:repeat;background-position:top left;background-image: url("/design/menuhaut.png");
text-align:center;
color:;
margin-bottom:20px;
font-size:12px;
height:40px;
overflow:hidden;
}

/* Style des liens dans le menu haut horizontal*/
#menuh a 
{
color:#FFFFFF;
line-height:38px;
padding:9px;
margin:2px;
text-decoration:none;
font-weight:bold;
font-variant:small-caps;
position:relative;
z-index:;
}

/* Style des liens dans le menu haut horizontale, une fois survolé*/
#menuh a:hover
{
border:1px solid #2D40AF;
background-color:#FFFFFF;
color:#2D40AF;
}
/* FIN DU MENU HAUT HORIZONTAL */


/*MENU HORIZONTAL EN BAS DU SITE */
#menub
{ 
font-size:12px;
padding:auto 0 2px auto;
background-repeat:repeat;background-position:top left;background-image: url("/design/menubas.jpg");
text-align:center;
color:;
font-size:12px;
height:217px;
overflow:hidden;
}

#menub a 
{ 
color:;
font-size:12px;
font-weight:bold;
text-decoration:none;
height:120px;
line-height:120px;
padding:4px 10px 4px 10px;
position:relative;
z-index:100;
}

/* Style des liens dans le menu haut horizontale, une fois survolé*/
#menub a:hover
{ 
color:;
text-decoration:underline;
padding:4px 10px 4px 10px;

}

/*FIN DU MENU HORIZONTAL EN BAS DU SITE */



/*

MENU DE GAUCHE VERTICAL 

/!\ !!!!!!!
Si la disposition "1 seul menu à droite" est choisie c'est ce style qui s'applique (ne pas tenir compte de l'indication menu de gauche)

*/


/* Bloc des rubrique/catégorie des menus gauche  */
#menug .categorieg
{
text-align:right;
padding:0;
margin:0 0 20px 0;
}


#menug
{
text-align:right;
font-size:13px;
margin:2px 15px 20px 5px;
-margin:2px 8px 20px 3px; /* Pour IE6 */

/* 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 */
text-align:right;
background-repeat:repeat;background-position:top left;background-image: url("/design/colone.png");
width:217px;
}



#menug ul {
text-align:right;
list-style: right;
margin: 0px;
padding: 0 0 0px 0;
z-index:100;
}

#menug ul li {
text-align:right;
margin: 0px;
padding: 0 0 0 0;
}

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

#menug ul li a:hover, #menug ul li a:focus {
text-align:right;
color: #0034B7;
background-color: #D0DAFF;
text-decoration: none;
}


#menug span
{
text-align:right;
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; }
text-align:right;

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

/* CATEGORIES DU MENU DE GAUCHE */
#menug h3 {
text-align:right;
display:block;
text-align:right;
font-size:13px;
padding:0 3px 0 3px;
margin:0;
overflow:hidden;
}

#menug h3 a {
text-align:right;
color:#000000;
text-decoration:none;
}

#menug h3 a:hover
{
text-align:right;
color:#000000;
text-decoration:underline;
}
/* FIN CATEGORIES */


#menug a {
text-align:right;
color:#000000;
text-decoration:none;
}

#menug a:hover{
text-align:right;
color:#0034B7;
text-decoration:underline;
}

div.menuhaut {
    text-align:right;
	width:173px;
	height:21px;
	background-image:url(/design/menu_01.png);
	font-weight:bold;
	color:#FFFFFF;
	cursor:pointer;
	padding-top:6px;
}

div.menubas {
	width:173px;
	height:26px;
	background-image:url(/design/menu_03.png);
	cursor:pointer;
}

div.menubouton {
	width:173px;
	color:#FFFFFF;
	background-image:url(/design/menu_02.png);
}

div.menubouton a {
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	height:21px;
	padding-top:6px;
}

div.menubouton:hover {
	background-image:url(/design/menu_02_hover.png);
}
/* Style des liens des titre des rubriques du menus gauche*/


#troisColonnes ul li h2{
	padding:0 0 15px 0;
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	margin:0;
	text-align:center;
	display:block;
}

#troisColonnes ul li.one{
	padding:7px 16px 16px 26px;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#131313;
	float:left;
	border:#FFFFFF dashed 1px;
	display:block;
	width:560px;
	height:130px;
	margin:5px;
}

#troisColonnes ul li.one span{
	background:url(images/flecheviolette.gif) 0 4px no-repeat;
	padding:0 0 5px 30px;
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	margin:0;
	display:block;
}
#troisColonnes ul li.one a:hover{
	color:#528B00;
	background-color:#F8F8FF;
	text-decoration:none;
}

.cadre_haut_gauche
{
background-image:url("/design/haut gauche.gif");
}
.cadre_haut
{
background-image:url("/design/haut centre.gif");
width:100%;
height:100%;
color: #FFFFFF;
font-weight:bold;
vertical-align:middle;
}
.cadre_haut_droite
{
background-image:url("/design/haut droite.gif");
}
.cadre_gauche
{
background-image:url("/design/coter gauche.gif");
}
.cadre_droite
{
background-image:url("/design/coter droite.gif");
}
.cadre_bas_gauche
{
background-image:url("/design/bas gauche.png");
}
.cadre_bas
{
background-image:url("/design/bas centre.png");
}
.cadre_bas_droite
{
background-image:url("/design/bas droite.png");
}
.tr_valign_top_cadres
{
vertical-align:middle;
}
.td_avant_txt_milieu_cadre_normal
{
width:100%;
background-color:#bbdeff;
}
.colone_bas
{
background-image:url("/design/colone bas.png");
}