@charset "UTF-8";
/* CSS Document */

* { margin:0px; padding:0px; }


body {
  margin:17px 0 0 0;
  background:#ffffff url(bg.jpg) repeat-x;
  /*
  font-family: sans-serif;
  font-family: verdana;
  font-family: Tahoma,sans-serif;
  font-family: Helvetica;
  */
  font-family: Arial;
  font-size:13px;
  font-weight: normal; 
  color: #062034; 
}

a:link , a:visited, a:active{
  font-weight:bold;
	color: #6699cc; 
} 

a:hover {
  font-weight:bold;
  color: #ff6600;
}


ul {
  float:left;
  padding:0 0 0 18px !important;
  padding:0 0 0 19px;
}

ol {
  float:left;
  padding:0 0 0 23px !important;
  padding:0 0 0 27px;
}

img {
  float:left; 
  padding:1px;
  border:3px solid #7FC181;
}

hr {
  margin:10px 4px 10px 4px !important;
  margin:0px 4px 0px 4px;
  border-width:2px 0 0 0; 
  border-style:solid; 
  border-color: #009AFA; 
}


table {
  font-family: Arial;
  font-size:13px;
  font-weight: normal; 
  color: #062034; 
}

h2 {
  font-family: Arial;
  font-size:17px;
  font-weight: bold; 
  color: #062034; 
  margin:0 3px 0 3px;
}


.GotoTop {
  float:right;
}
.GotoTop a {
  float:left;
  text-decoration:none;
  background:#ffffff url(dotgotop.gif) no-repeat;
  margin:0 5px 0 0px;
  width:9px;
  height:16px;
  /*border:1px solid #000000; */
}

/*------ Montage -------*/ 
  
#ArrierePlan {
  text-align:center;
  background: transparent; 
}

#Page  {
  margin:0px auto 0px auto; 
  width:821px;  
  text-align:left; 
  /*border:1px solid #000000; */
}

#EntetePage  {
  background:#ffffff url(entetepage01.jpg) no-repeat;
  height:150px;
}

#CorpsPage  {
  /*display:-moz-inline-block;*/   /*FF1.5+2.11 permet d'ajuster la hauteur en fonction du contenu mais ne marche pas sur FF2.0 et Mozilla1.7.3*/ 
  /*display:-moz-inline-box;*/  /*FF2  permet d'ajuster la hauteur en fonction du contenu*/ 
  /*display: inline-block;*/       /*FF3 et IE6+7 permet d'ajuster la hauteur en fonction du contenu*/
  display:table-cell; /* finalement cette solution est la meilleure car marche avec FF2.0.0 et Mozilla1.7.3*/
  
  
  background:transparent url(corpspage01b.jpg) repeat-y;
  width:825px;  /*4 pixels de plus sinon passage à la ligne du FiletHautDroit sur IE6+7*/
  text-align:left; 
  
  /* les 4 lignes suivantes permettent de prendre en compte la hauteur display:-moz-inline-block; uniquement pour FF1bug*/
  /* pour corriger un sacré bug de firefox 1 ou il faut au moins une bordure pour que ca marche*/
  /* voir en complément les lignes avec FF1bug en remarque*/
  /* finalement les 4 lignes suivantes ne sont plus nécessaires car résolu par le display:table-cell;
  border-width:0 0 1px 0; 
  border-style:dashed ; 
  border-color: transparent !important;
  border-color: #ffffff; 
  */
}

#ColonneGauche  {
  float:left; 
  width:188px !important;
  width:204px;
  padding:0 0 0 16px; 
  /*border:1px solid #000000;*/
}

#MenuGauche  {
  float:left;
  background:transparent url(xxx.jpg) no-repeat;
  width:180px;  
  text-align:left; 
  /*border:1px solid #000000; */
}

#ColonneMilieu  {
  float:left; 
  width:596px !important; /* et oui, ici il faut quand meme les 2 lignes */
  width:596px; /* a cause d'un probleme d'héritage... */
  vertical-align:top;
  /*border:1px solid #000000; */
}

#Contenu  {
  float:left; 
  width:578px;
  vertical-align:top;
  /*border:1px solid #000000; */
}

#Contenu p {
  margin:0 3px 0 3px;
}

#ColonneMilieu3colonnes  {
  float:left; 
  width:405px !important; /* et oui, ici il faut quand meme les 2 lignes */
  width:405px; /* a cause d'un probleme d'héritage... */
  vertical-align:top;
  /*border:1px solid #000000; */
}

#Contenu3colonnes  {
  float:left;
  width:401px !important;  
  width:403px;
  vertical-align:top;
  border-right: 1px dashed #009AFA;
  /*border:1px solid #ff0000; */
}

#Contenu3colonnes p {
  margin:0 3px 0 3px;
}



#ColonneDroite  {
  float:left; 
  width:191px;
  padding:0 0 0 0px; 
  /*border:1px solid #000000; */
}

#FiletHautGauche  {
  float:left; 
  background:transparent url(filethautgauche.gif) no-repeat;
  width:9px; 
  height:200px;
  /*border:1px solid #000000; */
}

#FiletHautDroit  {
  float:left; 
  background:transparent url(filethautdroit.gif) no-repeat;
  width:12px; 
  height:200px;
  /*border:1px solid #000000; */
}

#PiedPage  {
  background:#ffffff url(pm.jpg) no-repeat;
  height:31px;
  width:821px;
  /* finalement les 2 lignes suivantes ne sont plus nécessaires car résolu par le display:table-cell;*/
  /* margin:0 0 0 0 !important;*/ /*FF1bug*/
  /* margin:-1px 0 0 0;*/ /*FF1bug*/
  /*border:1px solid #000000; */
}


/*------- contenu Cadre Bloc Gauche Txt/Bloc Droit ----------*/
.CadreBlocGaucheTxtDroit  {
  clear:both;
  float:left;
  background:transparent;
  padding:0 5px 0 7px !important;
  padding:0 3px 0 3px;
  margin:0 0 0 -2px !important;
  margin:0 0 0 -1px ;
  /*border:1px solid #000000; */
}

.CadreBlocGaucheBlocDroit  {
  clear:both;
  float:left;
  background:transparent;
  padding:0 3px 0 3px;
  margin:0 0 0 -3px !important;
  margin:0 0 0 -1px ;
  /*border:1px solid #000000; */
}

.BlocGauche {
  clear:both;
  float:left;
  background:transparent;
  margin:0 6px 0 0px !important;
  margin:0 6px 0 -1px;
  text-align:left;
  /*border:1px solid #000000; */
}

.BlocDroit {
  /* surtout pas de clear:both; ici, sinon décalage vers le bas */
  float:right;
  background:transparent;
  margin:0 -1px 0 0px;
  text-align:left;
  /*border:1px solid #000000; */
}

.BlocMilieu {
  /* surtout pas de clear:both; ici, sinon décalage vers le bas */
  float:left;
  background:transparent;
  /*margin:0 0px 0 16px !important;*/ /* à laisser en remarque, car dépend de la largeur du BlocGauche */
  /*margin:0 0px 0 19px;*/ /* à laisser en remarque, car dépend de la largeur du BlocGauche */
  /*border:1px solid #000000; */
}

.CadreBlocCentre  {
  clear:both;
  float:left;
  background:transparent;
  padding:0 3px 0 3px;
  width:100%; 
  text-align:center;
  /*border:1px solid #000000; */
}

.BlocCentre {
  /* width:200px; */ /* à laisser en remarque, car dépend de la largeur de l'image */
  text-align:left;
  margin:0px auto 0px auto;
  /*border:1px solid #000000; */
}

.CadreBlocDroit  {
  clear:both;
  float:left;
  background:transparent;
  /*padding:0 3px 0 3px;*/
  width:100%; 
  text-align:right;
  /*border:1px solid #000000; */
  /*border:1px solid #000000; */
}

.BlocDroit2 {
  /* surtout pas de clear:both; ici, sinon décalage vers le bas */
  float:right;
  background:transparent;
  margin:0 2px 0 0 !important; 
  margin:0 1px 0 0px;
  text-align:left;
  /*border:1px solid #000000; */
}




/*------- contenu CadreGrand01 ----------*/
.CadreGrand01  {
  clear:both;
  float:left;
  background:transparent;
  width:578px;
  /*border:1px solid #000000; */
}

.CadreGrandEntete01  {
  background:transparent url(cadregrandentete01.png) no-repeat;
  width:578px;
  height:40px;
  /*border:1px solid #000000; */
}

.CadreGrandCorps01  {
  background:transparent url(cadregrandcorps01.png) repeat-y;
  width:578px;
  display:table-cell;
  /*border:1px solid #000000; */
}

.CadreGrandPied01  {
  background:transparent url(cadregrandpied01.png) no-repeat;
  width:578px;
  height:18px;
  /*border:1px solid #000000; */
}

.CadreGrandEntete01 p  {
  padding:8px 5px 0 30px;
  font-weight:bold;
}

.CadreGrandCorps01 p  {
  padding:0px 5px 0 10px;
}

/*------- contenu CadreMoyenPlus01 ----------*/
.CadreMoyenPlus01  {
  clear:both;
  float:left;
  background:transparent;
  width:400px;
  /*border:1px solid #000000; */
}

.CadreMoyenPlusEntete01  {
  background:transparent url(cadremoyenplusentete01.png) no-repeat;
  width:400px;
  height:40px;
  /*border:1px solid #000000; */
}

.CadreMoyenPlusCorps01  {
  background:transparent url(cadremoyenpluscorps01.png) repeat-y;
  width:400px;
  display:table-cell;
  /*border:1px solid #000000; */
}

.CadreMoyenPlusPied01  {
  background:transparent url(cadremoyenpluspied01.png) no-repeat;
  width:400px;
  height:18px;
  /*border:1px solid #000000; */
}

.CadreMoyenPlusEntete01 p  {
  padding:8px 5px 0 30px;
  font-weight:bold;
}

.CadreMoyenPlusCorps01 p  {
  padding:0px 5px 0 10px;
}


/*------- contenu CadreMoyen01 ----------*/
.CadreMoyen01  {
  clear:both;
  float:left;
  background:transparent;
  width:285px;
  /*border:1px solid #000000; */
}

.CadreMoyenEntete01  {
  background:transparent url(cadremoyenentete01.png) no-repeat;
  width:285px;
  height:40px;
  /*border:1px solid #000000; */
}

.CadreMoyenCorps01  {
  background:transparent url(cadremoyencorps01.png) repeat-y;
  width:285px;
  display:table-cell;
  /*border:1px solid #000000; */
}

.CadreMoyenPied01  {
  background:transparent url(cadremoyenpied01.png) no-repeat;
  width:285px;
  height:18px;
  /*border:1px solid #000000; */
}

.CadreMoyenEntete01 p  {
  padding:8px 5px 0 30px;
  font-weight:bold;
}

.CadreMoyenCorps01 p  {
  padding:0px 5px 0 10px;
}

/*------- contenu CadrePetit01 ----------*/
.CadrePetit01  {
  clear:both;
  float:left;
  background:transparent;
  width:175px;
  /*border:1px solid #000000; */
}

.CadrePetitEntete01  {
  background:transparent url(cadrepetitentete01.png) no-repeat;
  width:175px;
  height:40px;
  /*border:1px solid #000000; */
}

.CadrePetitCorps01  {
  background:transparent url(cadrepetitcorps01.png) repeat-y;
  width:175px;
  display:table-cell;
  /*border:1px solid #000000; */
}

.CadrePetitPied01  {
  background:transparent url(cadrepetitpied01.png) no-repeat;
  width:175px;
  height:18px;
  /*border:1px solid #000000; */
}

.CadrePetitEntete01 p  {
  padding:8px 5px 0 30px;
  font-weight:bold;
}

.CadrePetitCorps01 p  {
  padding:0px 5px 0 10px;
}


/*-------*/
/*------- contenu CadreGrand02 ----------*/
.CadreGrand02  {
  clear:both;
  float:left;
  background:transparent;
  width:578px;
  /*border:1px solid #000000; */
}

.CadreGrandEntete02  {
  background:transparent url(cadregrandentete02.png) no-repeat;
  width:578px;
  height:15px;
  font-size:1px; /*IE6+7 sinon hauteur minimale de la fonte*/
  /*border:1px solid #000000; */
}

.CadreGrandCorps02  {
  background:transparent url(cadregrandcorps02.png) repeat-y;
  width:578px;
  display:table-cell;
  /*border:1px solid #000000; */
}

.CadreGrandPied02  {
  background:transparent url(cadregrandpied02.png) no-repeat;
  width:578px;
  height:18px;
  /*border:1px solid #000000; */
}

.CadreGrandEntete02 p  {
  padding:8px 5px 0 30px;
  font-weight:bold;
  font-size:1px; /*IE6+7 sinon hauteur minimale de la fonte*/
}

.CadreGrandCorps02 p  {
  padding:0px 5px 0 10px;
}

/*------- contenu CadreMoyenPlus02 ----------*/
.CadreMoyenPlus02  {
  clear:both;
  float:left;
  background:transparent;
  width:400px;
  /*border:1px solid #000000; */
}

.CadreMoyenPlusEntete02  {
  background:transparent url(cadremoyenplusentete02.png) no-repeat;
  width:400px;
  height:15px;
  font-size:1px; /*IE6+7 sinon hauteur minimale de la fonte*/
  /*border:1px solid #000000; */
}

.CadreMoyenPlusCorps02  {
  background:transparent url(cadremoyenpluscorps02.png) repeat-y;
  width:400px;
  display:table-cell;
  /*border:1px solid #000000; */
}

.CadreMoyenPlusPied02  {
  background:transparent url(cadremoyenpluspied02.png) no-repeat;
  width:400px;
  height:18px;
  /*border:1px solid #000000; */
}

.CadreMoyenPlusEntete02 p  {
  padding:8px 5px 0 30px;
  font-weight:bold;
  font-size:1px; /*IE6+7 sinon hauteur minimale de la fonte*/
}

.CadreMoyenPlusCorps02 p  {
  padding:0px 5px 0 10px;
}


/*------- contenu CadreMoyen02 ----------*/
.CadreMoyen02  {
  clear:both;
  float:left;
  background:transparent;
  width:285px;
  /*border:1px solid #000000; */
}

.CadreMoyenEntete02  {
  background:transparent url(cadremoyenentete02.png) no-repeat;
  width:285px;
  height:15px;
  font-size:1px; /*IE6+7 sinon hauteur minimale de la fonte*/
  /*border:1px solid #000000; */
}

.CadreMoyenCorps02  {
  background:transparent url(cadremoyencorps02.png) repeat-y;
  width:285px;
  display:table-cell;
  /*border:1px solid #000000; */
}

.CadreMoyenPied02  {
  background:transparent url(cadremoyenpied02.png) no-repeat;
  width:285px;
  height:18px;
  /*border:1px solid #000000; */
}

.CadreMoyenEntete02 p  {
  padding:8px 5px 0 30px;
  font-weight:bold;
  font-size:1px; /*IE6+7 sinon hauteur minimale de la fonte*/
}

.CadreMoyenCorps02 p  {
  padding:0px 5px 0 10px;
}

/*------- contenu CadrePetit02 ----------*/
.CadrePetit02  {
  clear:both;
  float:left;
  background:transparent;
  width:175px;
  /*border:1px solid #000000; */
}

.CadrePetitEntete02  {
  background:transparent url(cadrepetitentete02.png) no-repeat;
  width:175px;
  height:15px;
  font-size:1px; /*IE6+7 sinon hauteur minimale de la fonte*/
  /*border:1px solid #000000; */
}

.CadrePetitCorps02  {
  background:transparent url(cadrepetitcorps02.png) repeat-y;
  width:175px;
  display:table-cell;
  /*border:1px solid #000000; */
}

.CadrePetitPied02  {
  background:transparent url(cadrepetitpied02.png) no-repeat;
  width:175px;
  height:18px;
  /*border:1px solid #000000; */
}

.CadrePetitEntete02 p  {
  padding:8px 5px 0 30px;
  font-weight:bold;
  font-size:1px; /*IE6+7 sinon hauteur minimale de la fonte*/
}

.CadrePetitCorps02 p  {
  padding:0px 5px 0 10px;
}



/*------- Cadre pointillé ----------*/
.CadrePointilleGrand  {
  border:1px dashed #CCCCCC;
  width:558px !important;
  width:568px;
  padding:5px 0px 5px 9px !important; /* et oui, ici il faut quand meme les 2 lignes */
  padding:5px 0px 5px 9px; /* a cause d'un probleme d'héritage... */
  margin:0 3px 0 3px;
  /*display:table-cell;*/
}

.CadrePointilleMoyenPlus  {
  width:382px !important;
  width:394px;
  border:1px dashed #CCCCCC;
  padding:5px 0px 5px 9px !important; /* et oui, ici il faut quand meme les 2 lignes */
  padding:5px 0px 5px 9px; /* a cause d'un probleme d'héritage... */
  margin:0 3px 0 3px;
  display:table-cell;
}

.CadrePointilleMoyen  {
  width:267px !important;
  width:279px;
  border:1px dashed #CCCCCC;
  padding:5px 0px 5px 9px !important; /* et oui, ici il faut quand meme les 2 lignes */
  padding:5px 0px 5px 9px; /* a cause d'un probleme d'héritage... */
  margin:0 3px 0 3px;
  display:table-cell;
}

.CadrePointillePetit  {
  width:157px !important;
  width:169px;
  border:1px dashed #CCCCCC;
  padding:5px 0px 5px 9px !important; /* et oui, ici il faut quand meme les 2 lignes */
  padding:5px 0px 5px 9px; /* a cause d'un probleme d'héritage... */
  margin:0 3px 0 3px;
  display:table-cell;
}

 table.TableauPointille td    {
/*
  width:157px !important;
  width:169px;
*/
  border:1px dashed #CCCCCC;
}

.CadreRouge  {
  border:2px solid #ff6666;
  width:558px !important;
  width:568px;
  background-color:#ffcccc;
  padding:5px 0px 5px 9px !important; /* et oui, ici il faut quand meme les 2 lignes */
  padding:5px 0px 5px 9px; /* a cause d'un probleme d'héritage... */
  margin:0 3px 0 3px;
  /*display:table-cell;*/
}

/*------ FullPath -------*/ 

#FullPath  {
  width:578px;
  height:18px;
  font-family:Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: normal; 
  text-decoration: none;
  /*border:1px solid #000000; */
}

#FullPath3colonnes  {
  width:398px;
  height:18px;
  font-family:Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: normal; 
  text-decoration: none;
  /*border:1px solid #000000; */
}


.fpsep {
  font-family:Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: normal; 
  text-decoration: none
}


.fp{
  font-size: 12px;
  text-decoration: none ;
  font-weight: normal; 
  color: #ff6600;
}

.fphome, .fphome:link , .fphome:visited ,.fphome:active {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #6699cc; 
} 

.fphome:hover {
  font-weight: bold; 
  color: #ff6600;
	text-decoration:underline;
}

.fp:link , .fp:visited, .fp:active{
  font-size: 12px;
  text-decoration: none ;
  font-weight: normal; 
	color: #6699cc; 
} 

.fp:hover {
  font-weight: normal; 
  color: #ff6600;
	text-decoration:underline;
}

/*------ Langues -------*/ 

#Langues  {
  visibility:hidden;
  float:right;
  position:relative ;
  top:105px;
  width:130px;
  height:15px;
  /*border:1px solid #000000; */
}

#Langue01  {
  float:left;
  text-decoration:none;
  background:#ffffff url(fr.gif) no-repeat;
  margin:0 0 0 10px;
  width:23px;
  height:15px;
  /*border:1px solid #000000; */
}

#Langue02  {
  float:left;
  text-decoration:none;
  background:#ffffff url(uk.gif) no-repeat;
  margin:0 0 0 10px;
  width:23px;
  height:15px;
  /*border:1px solid #000000; */
}

#Langue03  {
  float:left;
  text-decoration:none;
  background:#ffffff url(de.gif) no-repeat;
  margin:0 0 0 10px;
  width:23px;
  height:15px;
  /*border:1px solid #000000; */
}


/*------ Choix Taille du Texte -------*/ 

#ChoixTailleTexte  {
  float:right;
  text-decoration:none;
  position:relative ;
  top:113px !important;
  top:126px;
  margin:0 0 0 0 !important;
  margin:0 69px 0 0;
  width:45px;
  /*border:1px solid #000000; */
}

#ChoixTailleTextePetit  {
  font-size:11px;
  text-decoration:none;
  font-weight: normal; 
}

#ChoixTailleTexteNormal  {
  font-size:13px;
  text-decoration:none;
  font-weight: normal; 
}

#ChoixTailleTexteGrand  {
  font-size:16px;
  text-decoration:none;
  font-weight: normal; 
}

/*------ Chercher -------*/ 

#Cherche  {
  clear:both; 
  float:right;
  position:relative ;
  top:113px !important;
  top:109px;
  width:200px;
  height:23px;
  /*border:1px solid #000000;*/
}

#ChercheTexte  {
  float:left;
  width:150px;
  height:20px;
  /*border:1px solid #000000; */
}

#ChercheBouton  {
  float:left;
  width:23px;
  height:23px;
  /*border:1px solid #000000; */
}

#TexteInputText{
  background-color:#ffffff;
  color:#9F6809;
  width:148px;
  height:18px;
  border:1px solid #6699cc;
  
}

#BoutonInputSubmit{
  background:#ffffff url(loupe.gif) no-repeat;
  width:23px;
  height:23px;
  border-width:0px;
}




/*------ Navigation  -------*/

.FiletSeparationNav {
  clear:both; 
  border-width:1px 0 0 0; 
  border-style:solid; 
  border-color: #009AFA; 
  margin:5px 0 0 0; 
  width:175px; 
  height:5px !important; /*FF*/ 
  height:6px; /*IE6+7*/
  line-height:0; /*IE6+7 sinon hauteur minimale de la fonte*/
  font-size:1px; /*IE6+7 sinon hauteur minimale de la fonte*/
}

.PuceNavCloseNiv1Test {
  /*padding:0 0 0 -8px !important;*/ /*FF mais malheureusement le padding négatif ne marche pas sur FF*/
  padding:0 0 0 0px; /*IE6+7*/
  margin:0 0 0 28px !important;  /*FF*/
  margin:0 0 0 20px; /*IE6+7*/ 
  list-style-type:none;
  list-style-position:outside;
  list-style-image:url(../imgs/dotmenu01f.gif);
}

.PuceNavCloseNiv1 {
  float:left;
  background:transparent url(../imgs/dotmenu01f.gif) no-repeat;
  width:20px;
  height:9px;
  line-height:0; /*IE6+7 sinon hauteur minimale de la fonte*/ 
  font-size:1px; /*IE6+7 sinon hauteur minimale de la fonte*/ 
  margin:4px 0 0 0;
}

.DivNavCloseNiv1 {
  position:relative ;
  margin:0 0 0 20px !important; /*FF*/
  margin:0 0 0 0; /*IE6+7*/ 
  left:auto !important; /*FF*/
  left:-3px; /*IE6+7*/ 
  width:155px;
}

.PuceNavCloseNiv2 {
  float:left;
  background:transparent url(../imgs/dotmenu02f.gif) no-repeat;
  width:40px;
  height:9px;
  line-height:0; /*IE6+7 sinon hauteur minimale de la fonte*/ 
  font-size:1px; /*IE6+7 sinon hauteur minimale de la fonte*/ 
  margin:4px 0 0 0;
}

.DivNavCloseNiv2 {
  position:relative ;
  margin:0 0 0 40px !important; /*FF*/
  margin:0 0 0 0; /*IE6+7*/ 
  left:auto !important; /*FF*/
  left:-3px; /*IE6+7*/ 
  width:135px;
}

.PuceNavCloseNiv3 {
  float:left;
  background:transparent url(../imgs/dotmenu03f.gif) no-repeat;
  width:58px;
  height:9px;
  line-height:0; /*IE6+7 sinon hauteur minimale de la fonte*/ 
  font-size:1px; /*IE6+7 sinon hauteur minimale de la fonte*/ 
  margin:4px 0 0 0;
}

.DivNavCloseNiv3 {
  position:relative ;
  margin:0 0 0 58px !important; /*FF*/
  margin:0 0 0 0; /*IE6+7*/ 
  left:auto !important; /*FF*/
  left:-3px; /*IE6+7*/ 
  width:117px;
}

.PuceNavCloseNiv4 {
  float:left;
  background:transparent url(../imgs/ghost.gif) no-repeat;
  width:65px;
  height:9px;
  line-height:0; /*IE6+7 sinon hauteur minimale de la fonte*/ 
  font-size:1px; /*IE6+7 sinon hauteur minimale de la fonte*/ 
  margin:4px 0 0 0;
}

.DivNavCloseNiv4 {
  position:relative ;
  margin:0 0 0 65px !important; /*FF*/
  margin:0 0 0 0; /*IE6+7*/ 
  left:auto !important; /*FF*/
  left:-3px; /*IE6+7*/ 
  width:110px;
}

/*-------------*/

.PuceNavOpenNiv1, .PuceNavOpen2Niv1 {
  float:left;
  background:transparent url(../imgs/dotmenu01o.gif) no-repeat;
  width:20px;
  height:9px;
  line-height:0; /*IE6+7 sinon hauteur minimale de la fonte*/ 
  font-size:1px; /*IE6+7 sinon hauteur minimale de la fonte*/ 
  margin:4px 0 0 0;
}

.DivNavOpenNiv1, .DivNavOpen2Niv1 {
  position:relative ;
  margin:0 0 0 20px !important; /*FF*/
  margin:0 0 0 0; /*IE6+7*/ 
  left:auto !important; /*FF*/
  left:-3px; /*IE6+7*/ 
  width:155px;
}

.PuceNavOpenNiv2, .PuceNavOpen2Niv2 {
  float:left;
  background:transparent url(../imgs/dotmenu02o.gif) no-repeat;
  width:40px;
  height:9px;
  line-height:0; /*IE6+7 sinon hauteur minimale de la fonte*/ 
  font-size:1px; /*IE6+7 sinon hauteur minimale de la fonte*/ 
  margin:4px 0 0 0;
}

.DivNavOpenNiv2, .DivNavOpen2Niv2 {
  position:relative ;
  margin:0 0 0 40px !important; /*FF*/
  margin:0 0 0 0; /*IE6+7*/ 
  left:auto !important; /*FF*/
  left:-3px; /*IE6+7*/ 
  width:135px;
}

.PuceNavOpenNiv3, .PuceNavOpen2Niv3 {
  float:left;
  background:transparent url(../imgs/dotmenu03o.gif) no-repeat;
  width:58px;
  height:9px;
  line-height:0; /*IE6+7 sinon hauteur minimale de la fonte*/ 
  font-size:1px; /*IE6+7 sinon hauteur minimale de la fonte*/ 
  margin:4px 0 0 0;
}

.DivNavOpenNiv3, .DivNavOpen2Niv3 {
  position:relative ;
  margin:0 0 0 58px !important; /*FF*/
  margin:0 0 0 0; /*IE6+7*/ 
  left:auto !important; /*FF*/
  left:-3px; /*IE6+7*/ 
  width:117px;
}

.PuceNavOpenNiv4, .PuceNavOpen2Niv4 {
  float:left;
  background:transparent url(../imgs/ghost.gif) no-repeat;
  width:65px;
  height:9px;
  line-height:0; /*IE6+7 sinon hauteur minimale de la fonte*/ 
  font-size:1px; /*IE6+7 sinon hauteur minimale de la fonte*/ 
  margin:4px 0 0 0;
}

.DivNavOpenNiv4, .DivNavOpen2Niv4 {
  position:relative ;
  margin:0 0 0 65px !important; /*FF*/
  margin:0 0 0 0; /*IE6+7*/ 
  left:auto !important; /*FF*/
  left:-3px; /*IE6+7*/ 
  width:110px;
}

/*-------------*/

a.LienNavCloseNiv1:link, a.LienNavCloseNiv1:visited { 
  text-decoration:none;
  font-family: Arial;
  font-size:14px;
  font-weight: bold; 
  color: #1A568C;
  border-style: solid;
  border-color: #F0F0F0;
  border-width: 0 1px 1px 0;
  display:block;
}

a.LienNavCloseNiv1:hover , a.LienNavCloseNiv1:active , a.LienNavCloseNiv1:focus { 
  text-decoration: none; 
  font-family: Arial;
  font-size:14px;
  font-weight: bold; 
  color: #1A568C; 
  background-color: #FFAE80; 
  border-style: solid;
  border-color: #1A568C;
  border-width: 0 1px 1px 0;
  display:block;
}

a.LienNavCloseNiv2:link, a.LienNavCloseNiv2:visited { 
  text-decoration:none;
  font-family: Arial;
  font-size:13px;
  font-weight: bold; 
  color: #1A568C;
  border-style: solid;
  border-color: #F0F0F0;
  border-width: 0 1px 1px 0;
  display:block;
}

a.LienNavCloseNiv2:hover , a.LienNavCloseNiv2:active , a.LienNavCloseNiv2:focus { 
  text-decoration: none; 
  font-family: Arial;
  font-size:13px;
  font-weight: bold; 
  color: #1A568C; 
  background-color: #FFAE80; 
  border-style: solid;
  border-color: #1A568C;
  border-width: 0 1px 1px 0;
  display:block;
}

a.LienNavCloseNiv3:link, a.LienNavCloseNiv3:visited{ 
  text-decoration:none;
  font-family: Arial;
  font-size:11px;
  font-weight: normal; 
  color: #1A568C;
  border-style: solid;
  border-color: #F0F0F0;
  border-width: 0 1px 1px 0;
  display:block;
}

a.LienNavCloseNiv3:hover , a.LienNavCloseNiv3:active , a.LienNavCloseNiv3:focus { 
  text-decoration: none; 
  font-family: Arial;
  font-size:11px;
  font-weight: normal; 
  color: #1A568C; 
  background-color: #FFAE80; 
  border-style: solid;
  border-color: #1A568C;
  border-width: 0 1px 1px 0;
  display:block;
}

a.LienNavCloseNiv4:link, a.LienNavCloseNiv4:visited{ 
  text-decoration:none;
  font-family: Arial;
  font-size:11px;
  font-weight: normal; 
  color: #1A568C;
  border-style: solid;
  border-color:#F0F0F0;
  border-width: 0 1px 1px 0;
  display:block;
}

a.LienNavCloseNiv4:hover , a.LienNavCloseNiv4:active , a.LienNavCloseNiv4:focus { 
  text-decoration: none; 
  font-family: Arial;
  font-size:11px;
  font-weight: normal; 
  color: #1A568C; 
  background-color: #FFAE80; 
  border-style: solid;
  border-color: #1A568C;
  border-width: 0 1px 1px 0;
  display:block;
}

/*-------------*/

a.LienNavOpenNiv1:link, a.LienNavOpenNiv1:visited, a.LienNavOpen2Niv1:link, a.LienNavOpen2Niv1:visited { 
  text-decoration:none;
  font-family: Arial;
  font-size:14px;
  font-weight: bold; 
  color: #1A568C;
  background-color: #FEFFBF; 
  border-style: solid;
  border-color: #1A568C;
  border-width: 0 1px 1px 0;
  display:block;
}

a.LienNavOpenNiv1:hover , a.LienNavOpenNiv1:active , a.LienNavOpenNiv1:focus, a.LienNavOpen2Niv1:hover , a.LienNavOpen2Niv1:active , a.LienNavOpen2Niv1:focus { 
  text-decoration: none; 
  font-family: Arial;
  font-size:14px;
  font-weight: bold; 
  color: #1A568C; 
  background-color: #FFAE80; 
  border-style: solid;
  border-color: #1A568C;
  border-width: 0 1px 1px 0;
  display:block;
}

a.LienNavOpenNiv2:link, a.LienNavOpenNiv2:visited, a.LienNavOpen2Niv2:link, a.LienNavOpen2Niv2:visited { 
  text-decoration:none;
  font-family: Arial;
  font-size:13px;
  font-weight: bold; 
  color: #1A568C;
  background-color: #FEFFBF; 
  border-style: solid;
  border-color: #1A568C;
  border-width: 0 1px 1px 0;
  display:block;
}

a.LienNavOpenNiv2:hover , a.LienNavOpenNiv2:active , a.LienNavOpenNiv2:focus, a.LienNavOpen2Niv2:hover , a.LienNavOpen2Niv2:active , a.LienNavOpen2Niv2:focus { 
  text-decoration: none; 
  font-family: Arial;
  font-size:13px;
  font-weight: bold; 
  color: #1A568C; 
  background-color: #FFAE80; 
  border-style: solid;
  border-color: #1A568C;
  border-width: 0 1px 1px 0;
  display:block;
}

a.LienNavOpenNiv3:link, a.LienNavOpenNiv3:visited, a.LienNavOpen2Niv3:link, a.LienNavOpen2Niv3:visited { 
  text-decoration:none;
  font-family: Arial;
  font-size:11px;
  font-weight: normal; 
  color: #1A568C;
  background-color: #FEFFBF; 
  border-style: solid;
  border-color: #1A568C;
  border-width: 0 1px 1px 0;
  display:block;
}

a.LienNavOpenNiv3:hover , a.LienNavOpenNiv3:active , a.LienNavOpenNiv3:focus, a.LienNavOpen2Niv3:hover , a.LienNavOpen2Niv3:active , a.LienNavOpen2Niv3:focus  { 
  text-decoration: none; 
  font-family: Arial;
  font-size:11px;
  font-weight: normal; 
  color: #1A568C; 
  background-color: #FFAE80; 
  border-style: solid;
  border-color: #1A568C;
  border-width: 0 1px 1px 0;
  display:block;
}

a.LienNavOpenNiv4:link, a.LienNavOpenNiv4:visited, a.LienNavOpen2Niv4:link, a.LienNavOpen2Niv4:visited { 
  text-decoration:none;
  font-family: Arial;
  font-size:11px;
  font-weight: normal; 
  color: #1A568C;
  background-color: #FEFFBF; 
  border-style: solid;
  border-color: #1A568C;
  border-width: 0 1px 1px 0;
  display:block;
}

a.LienNavOpenNiv4:hover , a.LienNavOpenNiv4:active , a.LienNavOpenNiv4:focus, a.LienNavOpen2Niv4:hover , a.LienNavOpen2Niv4:active , a.LienNavOpen2Niv4:focus { 
  text-decoration: none; 
  font-family: Arial;
  font-size:11px;
  font-weight: normal; 
  color: #1A568C; 
  background-color: #FFAE80; 
  border-style: solid;
  border-color: #1A568C;
  border-width: 0 1px 1px 0;
  display:block;
}

.sitemap1 {width:540px !important; width:558px;}
.sitemap1 ul {list-style-type:none; margin: 0; padding: 0;}
.sitemap1 ul li {margin: 20px 10px 0px 10px; border-top:2px solid #ffffff; background-image:none;padding: 0;border-bottom:2px solid #CCCCCC; background-image:none;padding: 0;}
.sitemap1 ul li { background-color: #D9DBDD ;color:#549ECE;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap1 ul li a {display: block; clear:left; width:540px !important; width:558px;}
.sitemap1 ul li a:link { background-color: #D9DBDD ;color:#004C81;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap1 ul li a:visited { background-color: #D9DBDD ;color:#004C81;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap1 ul li a:hover { background-color: #F1F1F1 ;color:#549ECE;font-weight:bold;text-decoration:underline;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap1 ul li a:active { background-color: #D9DBDD ;color:#004C81;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}

.sitemap2 {width:520px !important; width:538px;}
.sitemap2 ul {list-style-type:none; margin: 0; padding: 0;}
.sitemap2 ul li {margin: 0px 10px 0px 30px; border-top:2px solid #ffffff; background-image:none;padding: 0;border-bottom:2px solid #CCCCCC; background-image:none;padding: 0;}
.sitemap2 ul li { background-color: #ffffff ;color:#549ECE;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap2 ul li a {display: block; clear:left; width:520px !important; width:538px;}
.sitemap2 ul li a:link { background-color: #ffffff ;color:#004C81;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap2 ul li a:visited { background-color: #ffffff ;color:#004C81;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap2 ul li a:hover { background-color: #F1F1F1 ;color:#549ECE;font-weight:bold;text-decoration:underline;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap2 ul li a:active { background-color: #ffffff ;color:#004C81;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}

.sitemap3 {width:500px !important; width:518px;}
.sitemap3 ul {list-style-type:none; margin: 0; padding: 0;}
.sitemap3 ul li {margin: 0px 10px 0px 50px; border-top:2px solid #ffffff; background-image:none;padding: 0;;border-bottom:2px solid #CCCCCC; background-image:none;padding: 0;}
.sitemap3 ul li { background-color: #ffffff ;color:#549ECE;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap3 ul li a {display: block; clear:left; width:500px !important; width:518px;}
.sitemap3 ul li a:link { background-color: #ffffff ;color:#004C81;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap3 ul li a:visited { background-color: #ffffff ;color:#004C81;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap3 ul li a:hover { background-color: #F1F1F1 ;color:#549ECE;font-weight:bold;text-decoration:underline;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap3 ul li a:active { background-color: #ffffff ;color:#004C81;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}

.sitemap4 {width:480px !important; width:498px;}
.sitemap4 ul {list-style-type:none; margin: 0; padding: 0;}
.sitemap4 ul li {margin: 0px 10px 0px 70px; border-top:2px solid #ffffff; background-image:none;padding: 0;;border-bottom:2px solid #CCCCCC; background-image:none;padding: 0;}
.sitemap4 ul li { background-color: #ffffff ;color:#549ECE;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap4 ul li a {display: block; clear:left; width:480px !important; width:498px;}
.sitemap4 ul li a:link { background-color: #ffffff ;color:#004C81;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap4 ul li a:visited { background-color: #ffffff ;color:#004C81;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap4 ul li a:hover { background-color: #F1F1F1 ;color:#549ECE;font-weight:bold;text-decoration:underline;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap4 ul li a:active { background-color: #ffffff ;color:#004C81;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}

.sitemap5 {width:450px !important; width:468px;}
.sitemap5 ul {list-style-type:none; margin: 0; padding: 0;}
.sitemap5 ul li {margin: 0px 10px 0px 100px; border-top:2px solid #ffffff; background-image:none;padding: 0;;border-bottom:2px solid #CCCCCC; background-image:none;padding: 0;}
.sitemap5 ul li { background-color: #ffffff ;color:#549ECE;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap5 ul li a {display: block; clear:left; width:450px !important; width:468px;}
.sitemap5 ul li a:link { background-color: #ffffff ;color:#004C81;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap5 ul li a:visited { background-color: #ffffff ;color:#004C81;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap5 ul li a:hover { background-color: #F1F1F1 ;color:#549ECE;font-weight:bold;text-decoration:underline;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}
.sitemap5 ul li a:active { background-color: #ffffff ;color:#004C81;font-weight:bold;text-decoration:none;font-family:arial;font-size:13px;text-align:left;line-height:20px;border-collapse:collapse;}

#pagenav {
  text-align: center;  
  width:auto; 
  padding:0px 5px; 
  line-height:20px; 
  margin:1px;
  font-weight:bold; 
  font-size:11px; 
  font-family:Arial;
  text-decoration:none;
  color:#ff6600; 
  background:transparent;
}
a.pagenav  {text-align: center; border: 3px double #cccccc; width:auto; padding:0px 5px; line-height:20px; margin:1px;}
a.pagenav:link{font-weight:bold;font-size:11px;font-family:Arial;padding-left: 0px;padding-right: 5px;text-decoration: none;color: #1c7ebe;background: transparent;}
a.pagenav:visited{font-weight:bold;font-size:11px;font-family:Arial;padding-left: 0px;padding-right: 5px;text-decoration: none;color: #1c7ebe;background: transparent;}
a.pagenav:hover{font-weight:bold;font-size:11px;font-family:Arial;padding-left: 0px;padding-right: 5px;text-decoration: none;color: #ff6600;background: transparent;}
a.pagenav:active{font-weight:bold;font-size:11px;font-family:Arial;padding-left: 0px;padding-right: 5px;text-decoration: none;color: #1c7ebe;background: transparent;}