/* -------------------------------------- */
/*             Menu horizontal  du haut   */
/* -------------------------------------- */
#Hnavcontainer {
	/* height:40px; */
}

#Hnavcontainer ul {
	margin-top: 0px;
	margin-left:0px;
	list-style-type: none;
	background-color: transparent;   
	color: #FFF; 	
	width: 100%;
    height: 40px; 
	font: bold 12px  Arial, Helvetica, sans-serif; 
	text-align: center;
	line-height : 30px;
}

#Hnavcontainer li { 
	display: inline; 
	padding-top : 5px;  
	padding-bottom : 5px; 
	vertical-align: top;
}

#Hnavcontainer li a {
	background:url("courrier_image/design/left_bluesky.gif") no-repeat left top;
	text-decoration: none;
	padding: 0px 0.1em 0.7em ;   
	color: blue;
    /* white-space:nowrap; */
}

#Hnavcontainer li a span {
	background:url("courrier_image/design/right_bluesky.gif") no-repeat right top;
	text-decoration: none;
	padding: 0px 1em 0.7em ;  
	color: blue; 
}

#Hnavcontainer li#on a {
	background:url("courrier_image/design/left_active.gif") no-repeat left top;
	text-decoration: none;
	padding: .0em 0.1em 0.6em;  
	color: yellow;  
}   

#Hnavcontainer li#on a span {
	background:url("courrier_image/design/right_active.gif") no-repeat right top;
	text-decoration: none;
	padding: .0em 1em 0.6em;  
	color: yellow;
}

#Hnavcontainer li a:hover {
	padding: .0em 0.1em 0.6em;  
	background:url("courrier_image/design/left_bluesky_hover.gif") no-repeat left top;
	text-decoration: none;
	color : blue
 }
 
 #Hnavcontainer li a:hover span {
	padding: .0em 1em 0.6em;  
	background:url("courrier_image/design/right_bluesky_hover.gif") no-repeat right top;
	text-decoration: none;
	color : blue; 
 }
 
/* --------------------------------------------- */
/*             Menu vertical de navigation       */
/* --------------------------------------------- */
.Vnavcontainer {
	font: 11px Arial, Helvetica, sans-serif;   
	display: block; 
	width: 180px;
}

#Vnavlist {
	padding: 0;
	margin: 0; 
	position: absolute;
    list-style: none; 
	width: 80px; /*on enleve les icones de liste */
                /* border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
}

#Vnavlist ul {position: absolute;}

ul#Vnavlist li a {
	display: block;  
	color: navy; 
	/* background: #cce9fc; */  
	text-align: left;
	text-decoration: none;
	border : 0px ridge #4284ff; 
	padding: 2px 4px 2px 4px;  
	width: 100%; 
	/* extend the sensible area to the maximum with IE5 */
}

ul#Vnavlist  li a:hover  /* , ul#Vnavlist li a:focus  */ { 
    color : navy; 
    background: #fbe637;
} 

ul#Vnavlist li a:active {
	border-left: solid #aaa;
	border-top: solid #aaa;
	border-right: solid #eee;
	border-bottom: solid #eee;
	border-width: 2px;
	padding: 2px 5px 2px 5px; 
}

ul#Vnavlist li#VNav_on a {
	color: yellow;
	background: #fbc637; /*#bbb; */
	border: 2px outset #fb8637;
}

/* ul#Vnavlist li ul#Vsubnavlist li a
{
	display: block;
	color: navy; 
	background: transparent; 
	text-align: left;
	text-decoration: none;
	margin-left: 10px;
	width: 150px;
	border : 0px;
	padding: 2px 4px 2px 4px; 
				position:relative;
                list-style: none;  
} */

/* ul#Vnavlist li ul#Vsubnavlist li a:hover, ul#Vnavlist li ul#Vsubnavlist li a:focus { 
	background: #fbe637 ; 
} */

/* ul#Vnavlist li#VNav_on ul#Vsubnavlist li#VSubNav_on a {
	color: yellow;
	background: #fbc637; 
} */

/* --------------------------- */
/* Sous menu pour les articles */
/* --------------------------- */

#Vnavlist .VsousMenu
{
 display: none; 
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 1px solid red;
 			position: relative;
 			top: -20px;
 			left: 170px; 
}

ul#Vnavlist .VsousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 color: navy;
}

ul#Vnavlist li:hover > .VsousMenu {display: block; } 



ul#Vnavlist li .VsousMenu li a:link,
ul#Vnavlist li .VsousMenu li a:visited
{
 display: block;
 color: navy;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("fondTR.png") repeat;
}
ul#Vnavlist li .VsousMenu li a:hover
{
 background-image: none;
 background-color: #F2462E;
}
/* ----------------------------------------------------------------- */
/* Menu vertical de gauche avec sous menu à droite                   */
/* ----------------------------------------------------------------- */

/* ----------------------------------------------------------------- */
/* Ex-Menu vertical de gauche avec sous menu à droite                   */
/* ----------------------------------------------------------------- */
ul.makeMenu {
  width: 170px;                       /* sets the size of the menu blocks */
  border: 0px solid #000;      		  /* puts a black border around the menu blocks */
  background-color: #42b6ff;       /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
  padding-left: 5px;           		  /* stops the usual indent from ul */
  cursor: default;             		  /* gives an arrow cursor */
  margin-left: 0px;            		  /* Opera 7 final's margin and margin-box model cause problems */list-style: none;
	color: blue;
	position: absolute;
	z-index: 1;
}

ul.makeMenu ul{
  width: 200px;                       /* sets the size of the menu blocks */
  border: 0px solid #000;      		  /* puts a black border around the menu blocks */
  background-color: #42b6ff;          /* makes the menu blocks blue - a bg-color MUST be included for IE to work properly! */
  padding-left: 0px;           		  /* stops the usual indent from ul */
  cursor: default;             		  /* gives an arrow cursor */
  margin-left: 0px;            		  /* Opera 7 final's margin and margin-box model cause problems */
  list-style: none;
  color: blue;
  border-bottom: 1px solid blue;
  z-index: 500;
  display: none;
  position: relative;
}

ul.makeMenu ul li {					/* lignes du Sous menu */
  border-top: 1px solid blue;
  border-left: 1px solid blue;
  border-right: 1px solid blue;
  padding-left: 5px;
  background-color: #42b6ff;  		/* URL(courrier_image/Design/fond_ssmenu.png) repeat; */
  z-index: 500;
  opacity: 1;
  filter: alpha(opacity=100);
}

ul.makeMenu li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: navy;                 /* sets the default font colour to white */
  padding-bottom: 2px;
  padding-left: 5px;
}

ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 2px;                    /* position slightly lower than the parent menu item */
  left: 150px;                 /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */

}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  background-color: #fbe637;   /* gives the active menu items a yellow background */
  color: #000;                 /* makes the active menu item text black */ 
}
ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
ul.makeMenu li a { color: navy; /*#fff;*/ display: block; width: 100%; text-decoration: none; /* underline; */  }

ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #000; }
ul.makeMenu li:hover > a { color: #000; } /* supports links in branch headings - should not be display: block; */

.rubrique{
    text-align:center;
    font-weight:bold;
	color : blue; 
    background: #cce9fc;
	border: 1px solid #4284ff;
	z-index: 1;
} 
.rubriqueon{
	text-align: center;
	font-weight: bold;
	color: yellow;
	background: #fbc637; 
	border: 1px solid #fb8637;
}
.on {
	font-weight:normal;
	color: yellow;
	background: #fbc637;
}

/* --------------------------------------------- */
/*             Menu vertical des encarts         */
/* --------------------------------------------- */
.VENCcontainer {
	width:180px;
	padding-bottom: 10px;
	background: transparent url(courrier_image/design/milieu-bas.png) no-repeat;
	background-position: center bottom;
	font: 11px Arial, Helvetica, sans-serif; 
}

.VENCcontainer h2 {
	margin: 0px;
	font: 11px Arial, Helvetica, sans-serif; 
	font-weight: bold;
	padding: 15px 20px 5px 20px;
	background: transparent url(courrier_image/design/haut.png) no-repeat;
	background-position: center top;
	text-align: center;
	color: yellow; 
	text-decoration: none;
	text-transform: capitalize;
}

.VENCcontainer p{
	margin: 2px 10px;
	text-align: justify;
	text-decoration: none;
	color: navy;
	padding: 1px 5px;
}

.VENCcontainer p a{
	color: navy;
	text-decoration: none;
}

.VENCcontainer p a:hover{
	display: block;
	background: #fbe637 ; 
}

/* -------------------------------------- */
/*             Menu horizontal  du bas   */
/* -------------------------------------- */
#Bnavcontainer ul 
{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: transparent; /* #036; */
color: #FFF;
width: 100%;
font: normal 11px Arial, Helvetica, sans-serif;  /*"verdana",sans-serif, arial, helvetica, sans-serif;*/
text-align: center;
}

#Bnavcontainer li { display: inline; }

#Bnavcontainer li a
{
text-decoration: none;
padding: .2em 1em;
}

#Bnavcontainer li a:hover
{
background-color: #EFDAA4; 
color: #7DA437;
}

/* -------------------------------------- */
/*             Liste des articles           */
/* -------------------------------------- */
div#Anavcontainer {
	font: 12px Arial, Helvetica, sans-serif;   /* "verdana",sans-serif; */
	display: block;
	color: navy; 
	padding-top:5px;
	margin: 0;
	clear:left;
}

ul#Anavlist {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul#Anavlist li ul#Asubnavlist
{
	list-style-type: none;	
	padding: 0;
	margin: 0;
}

ul#Anavlist li, ul#Anavlist li ul#Asubnavlist li 
{ display: inline; }

ul#Anavlist li a {
	display: block;
	color: navy; /* yellow; *//* #000; */
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 2px 3px 2px 3px;
}

ul#Anavlist li a:hover,ul#Anavlist li a:focus { 
    color : black; 
    background: #EFDAA4; 
} 

ul#Anavlist li a:active {
	color : navy;
	padding: 2px 5px 2px 5px;
}

ul#Anavlist li#ANav_on a {
	color: navy ; 
}
ul#Anavlist li ul#Asubnavlist{
	list-style-type: disc;
}	

ul#Anavlist li ul#Asubnavlist li a {
	display: block;
	color: navy; 
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
	list-style-type: disc;
}

ul#Anavlist li ul#Asubnavlist li a:hover, ul#Anavlist li ul#Asubnavlist li a:focus { 
	background: #EFDAA4 ; } 

ul#Anavlist li#Anav_on ul#Asubnavlist li#Asubnav_on a {}
/* ------------------------------------------------------------------------------ */
/* Boutons du menu                                                                            */
/* ------------------------------------------------------------------------------ */
a.btn_secteur {
    text-decoration:none ;   /* supprime le soulignement des liens */
    display:block ;              /* Crée un retour à la ligne à la fin de chaque bouton */
    margin-top:5px ;           /* Crée un marge de 5 pixels en haut des boutons */
    text-align:center;          /* centre le texte de chaque bouton */
    width:100px ;               /* fixe la largeur de chaque bouton à 100 pixel */
    border-style:solid ;        /* défini le style de l'encadrement des boutons */
    border-width:2px ;         /* fixe la largeur de l'encadrement des boutons à 3 px */
    padding:2px;                 /* défini la marge intérieur des boutons à 2px */
    color: lime;
    background-color:green;
    font-size:10px;
    border-bottom: 2px solid red;
} 
a.btn_secteuron {
    color: #FFCC00;
    background-color:red;
    border-top: 2px solid navy ;
    border-left:2px solid navy ;
    border-right:2px solid navy ;
    border-bottom: 2px solid red;
    text-decoration:none ;  /* supprime le soulignement des liens */
    display:block ;                 /* Crée un retour à la ligne à la fin de chaque bouton */
    margin-top:5px ;                /* Crée un marge de 5 pixels en haut des boutons */
    text-align:center;          /* centre le texte de chaque bouton */
    width:100px ;                   /* fixe la largeur de chaque bouton à 100 pixel */
    padding:2px;                    /* défini la marge intérieur des boutons à 2px */
    font-size:10;
}
a.btn_secteur:hover {
    border-color:green;
    color: green;
    background-color:lime;
    border: 2px solid  ;
    border-bottom: 2px solid red;
}

a.btn_bas_page {
    text-decoration:none ;  /* supprime le soulignement des liens */
    /* display:block ; */               /* Crée un retour à la ligne à la fin de chaque bouton */
    margin-top:0px ;                /* Crée un marge de 0 pixels en haut des boutons */
    text-align:center;          /* centre le texte de chaque bouton */
    width:150px ;       /* fixe la largeur de chaque bouton à 100 pixel */
    /* border-left-style:solid ; */ /* défini le style de l'encadrement des boutons */
    border-width:1px ;          /* fixe la largeur de l'encadrement des boutons à 1 px */
    padding:5px;                    /* défini la marge intérieur des boutons à 2px */
    font-family:Arial, Helvetica, sans-serif; /* Verdana, Arial, Helvetica, sans-serif; */
    font-size: 10px;
    height:30px;
}
/* -------------------------------------- */
/*             Bouton  du bas   */
/* -------------------------------------- */
#courrier_bouton {
{
    text-decoration: none;
    background-color: #2BAC62; /*#036; */
    color: yellow; /*  #FFF; */
    padding: .2em 1em;
    border-right: 2px solid #7DA437; 
    border-bottom : 2px solid #7DA437;
    border-left : 2px solid #B1E8C0;
    border-top : 2px solid #B1E8C0;
}

#courrier_bouton:hover
{
    background-color: #EFDAA4; /* #B1E8C0; *//* #369; */
    color: #7DA437;
}