/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px             0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur IE
 */

/*  -------------------------------------------------------
/*  Correction des styles HTML par defaut et trucs divers
/*  ----------------------------------------------------- */
body {
	background: #FFFFF;
	margin: 0em;
	text-align: center;
	font-family: Verdana;
	font-size: 8pt;
	color: #000000;
	background-color: #A6B2BC;
	background-image: url(diago.gif);
}

img, table { margin: 0; padding: 0; border: 0; }
h1, h2,  h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
h1 { text-shadow: 3px 3px 5px grey; }

/* intertitre correspondant à la typo {{{  }}} */ 
h3.spip {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color:#006898; 
	text-align: left;
}

/*la gestion des espaces*/
.espace {
	height: 5px;
	font-size:2px;
}
.invisible { position: absolute; top: -3000em; height: 1%; }
.nettoyeur { clear: both; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; overflow: hidden; }



/*-------------------------------*/
/*        Les liens 
/*-------------------------------*/
a:link.lien{
	color: #8B0000;
}
a:visited.lien{
	color: Maroon;
}
a:hover.lien{
	color: Purple;
	font-style: oblique;
}
/*------------lien menu-------------------*/
a:link.lienmenu{
	color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 6pt;
}
a:visited.lienmenu{
	color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: smaller;
}
a:hover.lienmenu{
	color: White;
	font-size: 8pxt;
	font-style: oblique;
}
/*modif style liens menu accueil*/
a:link.lienbarre{
	color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
a:visited.lienbarre{
	color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: smaller;
}
a:hover.lienbarre{
	color: White;
	font-size: 8pt;
	font-style: oblique;
}
a:link.sousrub{
	color: #940000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 6pt;
	font-weight: bolder;
}
.MN1{
	padding-left: 5px;
	font-size: 9pt;
	margin-top: 4px;
}
.IMN{
	margin-top: 4px;
}
.MN2{
	padding-left: 15px;
	list-style-type: circle;
	list-style-position: inside;
	margin-top: 3px;
}
a:visited.sousrub{
	color: #940000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bolder;
}
a:link.lienmenu{
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a:visited.lienmenu{
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a:hover.sousrub{
	color: #940000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: oblique;
	font-weight: bolder;
}
a:link {
	COLOR: #940000;
	text-decoration: none;
}

a:visited {
  COLOR: #940000;
  text-decoration: none;
}

a:hover {
  COLOR: #940000;
  text-decoration: none;
}
.sousrubrouge{
	width: 100%;
	background-image: url(../images/traitrouge.gif);
}
.sousrubbleu{
	width: 100%;
	background-image: url(../images/traitbleu.gif);
}
.cadretrait{
	border-bottom: solid #940000;
	border-bottom-width: 2px;
}
/*  ------------------------------------------
/*  Disposition a l'écran des blocs principaux
/*  ------------------------------------------ */


/*  conteneur le plus grand */
#page {
	position:relative;
	width: 98%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: White;
	border: 1px solid #1B546F;
	margin: 15px 15px;
	}
/*  conteneur du bandeau d'en-tête */
#entete{
        height: 148px;
    width:100%;
	background-color: #1B546F; /* couleur de fond pour IE */
	}

/* Formulaire de recherche */
/* pour masquer le "Rechercher" affiché par défaut à gauche du champ de recherche */
.formulaire_recherche label {display:none;}
#rechercher {
  position:absolute;
  top:100px;  /* position depuis le haut de l'en-tête */
  right:10px; /* position depuis la droite de l'en-tête */
}

/*  les trois colonnes*/
#gauche {
background-color:transparent;
width: 120px;
padding:0em;
float: left;
  background-repeat: no-repeat;
}

#centre {
border-top:0.2em;
float:left;
 padding-top: 25px;
 margin: 0px;
 width: 60%;
 }

#droite {
float: right; /* left->right : modif version 0.8.0.8 - a tester*/
width: 154px;
    margin-top: 20px;
    margin-right: 10px;
    font-size: 120%;
 }
#droite_article {
float: right; /* left->right : modif version 0.8.0.8 - a tester*/
width: 154px; 
    margin: 0px;
  border-top: 1px solid Black;
    margin-top: 20px;
    margin-right: 10px;
 }
 #ref3AC{
	border: 1px solid #940000;
	font-family: Verdana;
	font-size: smaller;
	border-bottom: 1px solid #940000;
	border-left: 1px solid #940000;
	background-color: #E7E7E7;
	width: 100%;
	
	}
#fond_menu{
	background-color: #940000;
	height: 10px;
	line-height: 5px;
}
/* Pied de page */
#pied {
clear: both;
font-family:Verdana;
font-size:10px;
width: 100%;
margin-top: 0em;
text-align: center;
background-color: #1B546F;
}
#pied small {font-size:x-small; color:#000;}
#pied img   {vertical-align:bottom;}

/*  ------------------------------------------
/*             Divers
/*  ------------------------------------------ */
/*  Affichage des statistiques dans les pages inc-top-10-xx 
*/
#stat{
    font-weight:normal;
	font-family:Verdana;
    padding-left:13em;
}

/*  ------------------------------------------
/*             les cadres de couleur
/*  ------------------------------------------ */

/*  ------------------------------------------
/*               Les derniers articles
/*  ------------------------------------------ */
.last-articles {background: transparent; width:100%; margin:0 auto;}
.last-articles .top, .last-articles .bottom {display:block; background:transparent; font-size:1px;}
/* pour les bords arrondis du cadre, ce sont des couleurs de fond donc elle ne sortent pas à l'impression*/
.last-articles .b1, .last-articles .b2, .last-articles .b3, .last-articles .b4, .last-articles .b1b, .last-articles .b2b, .last-articles .b3b, .last-articles .b4b {display:block; overflow:hidden;}
.last-articles .b1, .last-articles .b2, .last-articles .b3, .last-articles .b1b, .last-articles .b2b, .last-articles .b3b {height:1px;}
/*border left et border right servent à créer une illusion d'ombre, attention a bien les modifier si on change la couleur de fond du site*/
.last-articles .b2 {background:#82ADE2; border-left:1px solid #fff; border-right:1px solid #eee;}
.last-articles .b3 {background:#82ADE2; border-left:1px solid #fff; border-right:1px solid #ddd;}
.last-articles .b4 {background:#82ADE2; border-left:1px solid #fff; border-right:1px solid #aaa;}
.last-articles .b4b {background:#E5EFF8; border-left:1px solid #eee; border-right:1px solid #999;}
.last-articles .b3b {background:#E5EFF8; border-left:1px solid #ddd; border-right:1px solid #999;}
.last-articles .b2b {background:#E5EFF8; border-left:1px solid #aaa; border-right:1px solid #999;}
.last-articles .b1 {margin:0 5px; background:#fff;}
.last-articles .b2, .last-articles .b2b {margin:0 3px; border-width:0 2px;}
.last-articles .b3, .last-articles .b3b {margin:0 2px;}
.last-articles .b4, .last-articles .b4b {height:2px; margin:0 1px;}
.last-articles .b1b {margin:0 5px; background:#999;}
/* cadre dans lequel on affiche la liste des articles*/
.last-articles .boxcontent {display:block;  background:#E5EFF8; border-left:1px solid #fff; border-right:1px solid #999;}
/* Titre du cadre */
.last-articles .boxcontent .cadre-titre{display:block;  background:#82ADE2; border-left:1px solid #fff; border-right:1px solid #999;
text-align:center;
font-size: 10px;
font-weight:bold;
}
/* liste dans le cadre*/
.last-articles .boxcontent ul {
 margin: 0;
 list-style-type: none;
 text-align: left;
 padding-left:0.3em           /* modifier cette valeur pour déplacer la position de la puce */
 }
 /* minicadre pour afficher le texte et la puce qui change au survol par la souris*/
.last-articles .boxcontent ul .minicadre {
 margin-top: 3px;             /* pour espacer un peu avec l'item de liste précédent*/
 background: transparent url(../images/puce-off.png) left center no-repeat; /*puce au repos*/
 background-position: 0% 15%; /* position de la puce au repos dans le minicadre*/
 padding-left: 1.5em;         /* modifier cette valeur pour déplacer le texte latéralement*/
 text-align: left;            /* pour que le texte soit aligné à gauche*/
 font-size: 11px;             /* taille du texte*/
 text-decoration: none;       /* on n'habille pas le texte*/
 }
/* pour afficher la date de publication et le nom de l'auteur */ 
.last-articles .boxcontent ul .minicadre small{color: black; display:block;}
.last-articles .boxcontent ul .minicadre:hover {
	background: transparent url(../images/puce-on.png) left center no-repeat; /*pour changer la puce au survol*/
	background-position: 0% 15%;/*position de la puce au survol*/
}

/*les commentaires précédents valent pour les classes suivantes.*/

/*  ------------------------------------------
/*               Les brèves
/*  ------------------------------------------ */
.breve {background: transparent; width:100%; margin:0 auto;}
.breve p {margin:0 0.65em;}
.breve p {padding:2em;}
.breve .top, .breve .bottom {display:block; background:transparent; font-size:1px;}
.breve .b1, .breve .b2, .breve .b3, .breve .b4, .breve .b1b, .breve .b2b, .breve .b3b, .breve .b4b {display:block; overflow:hidden;}
.breve .b1, .breve .b2, .breve .b3, .breve .b1b, .breve .b2b, .breve .b3b {height:1px;}
.breve .b2 {background:#82ADE2; border-left:1px solid #fff; border-right:1px solid #eee;}
.breve .b3 {background:#82ADE2; border-left:1px solid #fff; border-right:1px solid #ddd;}
.breve .b4 {background:#82ADE2; border-left:1px solid #fff; border-right:1px solid #aaa;}
.breve .b4b {background:#E5EFF8; border-left:1px solid #eee; border-right:1px solid #999;}
.breve .b3b {background:#E5EFF8; border-left:1px solid #ddd; border-right:1px solid #999;}
.breve .b2b {background:#E5EFF8; border-left:1px solid #aaa; border-right:1px solid #999;}
.breve .b1 {margin:0 5px; background:#fff;}
.breve .b2, .breve .b2b {margin:0 3px; border-width:0 2px;}
.breve .b3, .breve .b3b {margin:0 2px;}
.breve .b4, .breve .b4b {height:2px; margin:0 1px;}
.breve .b1b {margin:0 5px; background:#999;}
.breve .boxcontent {display:block;  background:#E5EFF8; border-left:1px solid #fff; border-right:1px solid #999;padding-left:0em;}
.breve .boxcontent .cadre-titre{display:block;  background:#82ADE2; border-left:1px solid #fff; border-right:1px solid #999;padding-bottom: 0.2em;
text-align:center;
font-size: 10px;
font-weight:bold;}
/* liste dans le cadre */
.breve ul {
 list-style-type: none; /* pas de puce pour gagner de la place */
 margin:0;              /* marge à zéro */
 text-align: left;
 padding-top:0;
 padding-left:0.0em;   /* modifier cette valeur pour déplacer la position de la puce */
 }
.ref3AC{
	font-size: xx-small;
}
.ref3AC p{
	font-size: xx-small;
}
/*  ------------------------------------------
/*               Edito
/*  ------------------------------------------ */
.edito {background: transparent; width:100%; margin:0 auto;}
.edito p {margin:0 0.65em;}
.edito p {padding-bottom:0.5em;}
.edito .top, .edito .bottom {display:block; background:transparent; font-size:1px;}
.edito .b1, .edito .b2, .edito .b3, .edito .b4, .edito .b1b, .edito .b2b, .edito .b3b, .edito .b4b {display:block; overflow:hidden;}
.edito .b1, .edito .b2, .edito .b3, .edito .b1b, .edito .b2b, .edito .b3b {height:1px;}
.edito .b2 {background:#FFED00; border-left:1px solid #fff; border-right:1px solid #eee;}
.edito .b3 {background:#FFED00; border-left:1px solid #fff; border-right:1px solid #ddd;}
.edito .b4 {background:#FFED00; border-left:1px solid #fff; border-right:1px solid #aaa;}
.edito .b4b {background:#FFF8AC; border-left:1px solid #eee; border-right:1px solid #999;}
.edito .b3b {background:#FFF8AC; border-left:1px solid #ddd; border-right:1px solid #999;}
.edito .b2b {background:#FFF8AC; border-left:1px solid #aaa; border-right:1px solid #999;}
.edito .b1 {margin:0 5px; background:#fff;}
.edito .b2, .edito .b2b {margin:0 3px; border-width:0 2px;}
.edito .b3, .edito .b3b {margin:0 2px;}
.edito .b4, .edito .b4b {height:2px; margin:0 1px;}
.edito .b1b {margin:0 5px; background:#999;}
.edito .boxcontent {display:block;  background:#FFF8AC; border-left:1px solid #fff; border-right:1px solid #999;}
.edito .boxcontent .cadre-titre{display:block;  background:#FFED00; border-left:1px solid #fff; border-right:0px solid #999;padding-bottom: 0.2em;
text-align:center;
font-size: 10px;
font-weight:bold;}

/*  ------------------------------------------
/*               Accès direct
/*  ------------------------------------------ */
.acces-direct {background: transparent; width:100%; margin:0 auto;}
.acces-direct p {margin:0 0.65em;}
.acces-direct p {padding-bottom:0.5em;}
.acces-direct .top, .acces-direct .bottom {display:block; background:transparent; font-size:1px;}
.acces-direct .b1, .acces-direct .b2, .acces-direct .b3, .acces-direct .b4, .acces-direct .b1b, .acces-direct .b2b, .acces-direct .b3b, .acces-direct .b4b {display:block; overflow:hidden;}
.acces-direct .b1, .acces-direct .b2, .acces-direct .b3, .acces-direct .b1b, .acces-direct .b2b, .acces-direct .b3b {height:1px;}
.acces-direct .b2 {background:#51B169; border-left:1px solid #fff; border-right:1px solid #eee;}
.acces-direct .b3 {background:#51B169; border-left:1px solid #fff; border-right:1px solid #ddd;}
.acces-direct .b4 {background:#51B169; border-left:1px solid #fff; border-right:1px solid #aaa;}
.acces-direct .b4b {background:#D6EACA; border-left:1px solid #eee; border-right:1px solid #999;}
.acces-direct .b3b {background:#D6EACA; border-left:1px solid #ddd; border-right:1px solid #999;}
.acces-direct .b2b {background:#D6EACA; border-left:1px solid #aaa; border-right:1px solid #999;}
.acces-direct .b1 {margin:0 5px; background:#fff;}
.acces-direct .b2, .acces-direct .b2b {margin:0 3px; border-width:0 2px;}
.acces-direct .b3, .acces-direct .b3b {margin:0 2px;}
.acces-direct .b4, .acces-direct .b4b {height:2px; margin:0 1px;}
.acces-direct .b1b {margin:0 5px; background:#999;}
.acces-direct .boxcontent {display:block;  background:#D6EACA; border-left:1px solid #fff; border-right:1px solid #999;}
.acces-direct .boxcontent .cadre-titre{display:block;  background:#51B169; border-left:1px solid #fff; border-right:1px solid #999;padding-bottom: 0.2em;
text-align:center;
font-size: 10px;
font-weight:bold;
}
.acces-direct .boxcontent ul  {list-style-type: diamond;text-align: left;padding-left:1.5em;}

/*  ------------------------------------------
/*            Styles pour les articles
/*  ------------------------------------------ */

/* l'encadrement du texte */
.cadre {
	border: 0px solid #C4CCD4;
	border-radius:6px;
	text-align:left;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px;
	width: 100%;
}
.cadressr {
	border: 0px solid #C4CCD4;
	border-radius:6px;
	text-align:left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 7px 11px;
	width: 100%;
	background-image: url(../images/traitrouge.gif);
	margin-left: 18px;
}
/* Chemin de navigation et cadres de couleur */
.texte-cadre {
	text-align:left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0;
	margin-top: 0px;
}

/* En tête du l'article */
#article-cadre {
   border-style:solid; 
   border-width:0px;
    
   float:left;
   padding-left:0.5em; 
   width: 100%;
   }
/* Titre de l'article */
.cadre-titre-article {
	border: #C4CCD4;
    }
.titre-article {
    text-align:left;
	color: #940000;
	margin:0px 5px;
	font: 1em;
	font-weight: bold;
}
/* Description de l'article */
#descriptif-article {
	font-size:14px; 
	color: #336699;
	margin:0px 5px;
}
#introduction-article {
	font-size: 12px;
	margin:0px 24px;
}
/*  Texte de l'article  */
#texte-article {
	padding-left: 10px; /* petite marge à gauche */
	font-family: Verdana;
	font-size: 9pt;
	line-height: 15px;
	}
#laurent_traitbleu {
	 /* petite marge à gauche */
	background-image: url(../images/traitbleu.gif);
	}
/*  Portfolio  */
.documents_portfolio {
    float:left;
	border:1px solid #C4CCD4;
 background-color:#FFFFFF;
	color:#000000;
	width:125px; 
	width:120px; 
	height:150px;
	margin-left: 5px;
	padding-left:13px;
	padding-top:5px;
}
.separateur {
    clear:both;
	height:2px;
}
/* Téléchargement des fichiers joints*/
#cadre-telechargement {
    float:left;
	width:100%;
	_width:99%; /* pour IE6 */
	border:1px solid #C4CCD4;
   
  
	text-align:left;
	font-size: 10px;
}
#cadre-doc-telechargement{
	margin:0px 5px;
	height: 60px;
}

/* pour calendier mini et cadres de couleur */
.entete-cadre {
	/*position: relative;*/
	/*text-align:center;*/
	height: auto;
	/*text-indent: 5px;*/
	/*font-weight:bold;*/
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*text-shadow: 3px 3px 5px grey;*/
}


/* le cadre <QUOTE> ... </QUOTE> */
blockquote.spip {
	margin-left : 10px;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-right: 10px;
	border : solid 1px #aaaaaa;
	background-color: #FFFEEE;
	padding-left: 10px;
	padding-right: 10px;
}



/*  ----------------------------------------
/*          Style de la page rubrique
/*  ----------------------------------------*/
.descriptif-rubrique {
	font-size:14px; 
	color: #336699;
}
#texte-rubrique {
	font-size: 10pt; 
	color: #333333;
	margin-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
.titre-rubrique {
	text-align:left;
	color: #940000;
	font-size: 14pt;
	margin:0px 5px;
	font-weight: bold;
}
.titre-sous-rubrique {
	font-size: 14px;
	margin: 10px;
}
#vers-article {
	text-align: center;
}
.laur_plus h2{
	font-size: 12pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
}
.corp{
	font-size: 11pt;
}
.descriptif-sous-rubrique {
	font-size: 12px;
	margin:0px 25px;
}

#titre-article-rub {
	font-size: 12pt;
	margin-left: 5px;
	font-weight: bold;
	}

.bas-cadre {
text-align:right;
}

/*  ------------------------------------------
/*               Les tableaux
/*  ------------------------------------------ */
table.spip {
    margin: auto;
    margin-bottom: 1em;
    /*border: 1px solid;*/ /* A laisser si on veut un cadre autour du tableau */
    border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
    border: 1px solid;
	text-align: center;
    margin: auto;
    padding: 3px;
    font-weight: bold;
}
/* Style de la ligne d'en-tête */
table.spip tr.row_first {color:#003399;background-color: #82ADE2;text-align: center}
table.spip tr.row_odd { background-color: #E5EFF8;}
table.spip tr.row_even {background-color: #D6EACA }
table.spip th, table.spip td {padding: 3px;text-align: left;vertical-align: middle; }

/*  ------------------------------------------
/*      Habillage specifique du calendrier
/*  ------------------------------------------ */
#entete-calendar {
	text-align:center;
	height: auto;
	font-weight:bold;
	font-size: 0.71em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-shadow: 3px 3px 5px grey;
}
.calcell.today {border:1px solid #ffff00 ; background-color :#ffff00 ;}
#calendar th { background-color: #82ADE2;}
td.occupe {font-weight:bold;border:1px solid #666 ; background-color :#FFFFCC ;} /* quand il y a un article */
td.horsperiode {background:e0e0e0;color:#878787;} /* les jours qui ne sont pas dans le mois */
td.today{background:#B1C3D9;font-weight:bold;}    /* comme son nom l'indique */

/*  -----------------------------------------------
/*            Logos, documents et images
/*  ---------------------------------------------- */

img, .spip_logos { margin: 0; padding: 0; border: none; }
.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left:auto; margin-right:auto;}
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left:auto; margin-right:auto;}

/*  ------------------------------------------
/*  Habillage specifique pour le plan du site
/*  ------------------------------------------ */
#plan ul{list-style: circle;padding-left:2.6em;}
#plan ul ul{list-style: square;padding-left:2.6em;}
#plan h2{font-size: 1.5em;text-shadow: 3px 3px 5px grey;}/*attention, text-shadow est en css3 et empeche le site d'être validé*/
#plan h3{font-size: 1em;}
#plan ul{list-style: circle;} /*des cercle au premier niveau du plan*/
#plan ul ul{list-style: square;} /*des carrés après*/
#Contenant_Menu{
	border-left: 1px solid #940000;
	border-right: 1px solid #940000;
	border-bottom: 1px solid #940000;
}
#corporate {
list-style:none;
margin: 0;
padding:0;
 border: 1px solid #990000;
 padding-left: 8px;
 color: White;
 background-color: #940000;
 font-variant: small-caps;
 font-weight: bolder;
 }
 /*  conteneur du menu*/

#rubriques1 {
position:absolute;
top:170px;
width: 150px;
 /* couleur de fond du rubriques */
 /* ajout version 0.8.0.8 - a tester */

 font: Verdana;
 border: 1px solid #940000;
 border-bottom: 1px solid #940000;
 border-bottom-width: 1px;
}

ul.rubriques li ul{
  display:none;
}

ul.rubriques li:hover>ul{
  display:block;
}
/* rubriques racine */
ul.rubriques{
  margin:0px;
  padding:0px;
  list-style:none;
  float:left;
  font: 6pt Verdana;
  text-align:left;
}
/* style du trait de séparation */
ul.rubriques hr{
 margin-right: 2px;
 margin-left: 2px;
 font-family: Verdana;
 font-size: 8pt;
}
ul.rubriques li{
  float:left;
  display:block;
  padding:2px 1px; /* espace entre les entêtes des rubriquess */
  font-family: verdana;
  font-size: 8pt;
  font-weight: normal;
  }
/* cadre autour d'une entrée de rubriques */
ul.rubriques li a{
  display:block;
  padding:0px 10px; /* laisser le 1er paramètre à 0 pour ne pas déformer le tableau d'accueil
                       et jouer sur le second pour centrer le rubriques dans le cadre d'accueil
					   (j'ai pas trouvé d'autre moyen...) */
  border: 0px solid;
  color: #940000;
  text-decoration:none;
					font-family: Verdana;
					font-size: 120%;
					}
/* état lors du survol d'une entrée de rubriques */
ul.rubriques li a:hover{
  border-top-color:#F0F0F0;
  border-left-color:#F0F0F0;
  border-right-color:#999999;
  border-bottom-color:#999999;
  font-family: Verdana;
  font-size: 120%
  font-weight: bolder;
  }

/* Les sous rubriques */
ul.rubriques ul{
	position:absolute;
	border: 0px solid #CCCCCC;
	background: #1b546f;
	font: 8pt arial;
	list-style:none;
	margin:0px;
	padding:0px;
	width:160px;
	z-index:1;
	vertical-align: middle;
}

/* état d'un sous rubriques survolé */
ul.rubriques ul a:hover{

	background:#E5EFF8;
}
/* les sous sous rubriques */
ul.rubriques ul ul{
  top:-2px;
  left:158px;
  z-index:2;
  background-color: #1b546f;
}

ul.rubriques ul li{
  position:relative;
 
  float:none;
  margin:0px;
  padding:0px;
  _display:inline;
}

ul.rubriques ul li a{
  display:block;
  margin:0px;
  padding:0px;
  width:160px;
  border:none;
}
/*  conteneur du menu*/

#menu {
position:absolute;
top:148px;
width: 100%;
background-color: #940000; /* couleur de fond du menu */
float:left; /* ajout version 0.8.0.8 - a tester */

 font: Verdana;
}

ul.menu li ul{
  display:none;
}

ul.menu li:hover>ul{
  display:block;
}
/* menu racine */
ul.menu{
  margin:0px;
  padding:0px;
  list-style:none;
  float:left;
  font: 6pt Verdana;
  text-align:left;
}
/* style du trait de séparation */
ul.menu hr{
 margin-right: 2px;
 margin-left: 2px;
 font-family: Verdana;
 font-size: 8pt;
}
ul.menu li{
  float:left;
  display:block;
  padding:2px 1px; /* espace entre les entêtes des menus */
  font-family: verdana;
  font-size: 8pt;
  font-weight: normal;
  }
/* cadre autour d'une entrée de menu */
ul.menu li a{
  display:block;
  padding:0px 10px; /* laisser le 1er paramètre à 0 pour ne pas déformer le tableau d'accueil
                       et jouer sur le second pour centrer le menu dans le cadre d'accueil
					   (j'ai pas trouvé d'autre moyen...) */
  border: 0px solid;
  color: White;
  text-decoration:none;
					background-color: #990000;
					
					font-family: Verdana;
					font-size: 120%;
					}
/* état lors du survol d'une entrée de menu */
ul.menu li a:hover{
  border-top-color:#F0F0F0;
  border-left-color:#F0F0F0;
  border-right-color:#999999;
  border-bottom-color:#999999;
  font-family: Verdana;
  font-size: 120%
  font-weight: bolder;
  }

/* Les sous menu */
ul.menu ul{
	position:absolute;
	border: 0px solid #CCCCCC;
	background: #1b546f;
	font: 8pt arial;
	list-style:none;
	margin:0px;
	padding:0px;
	width:160px;
	z-index:1;
	vertical-align: middle;
}

/* état d'un sous menu survolé */
ul.menu ul a:hover{

	background:#E5EFF8;
}
/* les sous sous menu */
ul.menu ul ul{
  top:-2px;
  left:158px;
  z-index:2;
  background-color: #1b546f;
}

ul.menu ul li{
  position:relative;
 
  float:none;
  margin:0px;
  padding:0px;
  _display:inline;
}

ul.menu ul li a{
  display:block;
  margin:0px;
  padding:0px;
  width:160px;
  border:none;
}
.fleche {
  position: relative;
  float:right;
  margin:-10px 3px 0px 0px;
  _margin:-15px 3px 0px 0px;
}