/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  html {font-size: 100%;}
  
  body { background-attachment: fixed;
    background-image: url(_gris_blanc);
    }

  #conteneur { padding: 1px;
    width: 90%;
    margin-left: 5%;
    }

  #entete { border-top: 1px solid #cccccc;
    width: 100%;
    margin-bottom: 20px;
    line-height: 18px;
    padding-right: 5px;
    padding-bottom: 5px;
    }

  h1 { font-family: Arial,Helvetica,sans-serif;
	color: #0080FF;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	line-height: 0em;
	list-style-type: disc;
	list-style-position: outside;
    }

  h2 { font-family: Arial,Helvetica,sans-serif;
	color: #333399;
	font-weight: normal;
	text-align: left;
	line-height: 0em;
	margin-left: 10%;
	list-style-type: disc;
    }

  h3 { font-family: Arial,Helvetica,sans-serif;
    color: #8000FF;
	font-weight: normal;
	line-height: 0em;
	text-align: left;
	text-decoration: underline;
	margin-left: 15%;
    }

  h4 { font-family: Arial,Helvetica,sans-serif;
	text-align: left;
	font-weight: normal;
	line-height: 0em;
	margin-left: 20%;
	text-decoration: underline;
	list-style-type: square;
	color: #6633ff;
    }

  h5 { font-family: Arial,Helvetica,sans-serif;
    color: #6666cc;
	font-weight: normal;
	font-weight: bold;
	line-height: 0em;
	text-align: left;
	text-decoration: underline;
	margin-left: 25%;
	list-style-type: circle;
	list-style-position: outside;
    }

  h6 { font-family: Arial,Helvetica,sans-serif;
	color: #8000FF;
	font-weight: normal;
	font-weight: bolder;
	line-height: 0em;
	text-align: left;
	text-decoration: underline;
	margin-left: 30%;
	list-style-type: disc;
	list-style-position: inside;
    }

#menu { border-right: 1px solid #cccccc;
    float: left;
    width: 150px;
    margin-top: 20px;
    clear: right;
    padding-top: 5px;
    padding-right: 10px;
    }

  #introduction { border-bottom: 1px solid #cccccc;
    padding: 1px;
    font-style: italic;
    font-weight: normal;
    margin-left: 180px;
    }

  #menu2 { margin-left: 20px;
    float: left;
    }

  .ici { font-weight: bold;
    color: #cccccc;
    }

  p { border-top: 1px solid #cccccc;
    font-family: Arial,Helvetica,sans-serif;
    font-style: italic;
    margin-left: 20px;
    margin-right: 10px;
    padding-top: 20px;
    font-size: 13px;
    text-align: justify;
    }

  strong { font-style: italic;
    color: #FF8000;
    }

  #textecorps { padding-left: 30px;
    margin-left: 150px;
    margin-right: 250px;
    }

  #annonces { padding: 1px;
    float: right;
    clear: none;
    }

  .textecorps { border-right: 1px solid #cccccc;
    float: left;
    margin-top: 20px;
    padding-left: 30px;
    margin-right: 10px;
    width: 51%;
    padding-right: 30px;
    padding-top: 10px;
    }

  .annonces { border-right: 1px solid #cccccc;
    padding: 1px 10px 1px 20px;
    margin-left: 75%;
    margin-top: 20px;
    }

  #google { width: 50%;
    float: right;
    }

  #pied-de-page { padding: 1px;
    clear: both;
    }

  #télescopage { border: 1px solid #cccccc;
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 10px;
    margin-left: 30%;
    text-align: right;
    margin-right: 5%;
    }

  span { font-style: italic;
    font-family: Arial,Helvetica,sans-serif;
    text-align: justify;
    font-weight: bold;
    color: #8000FF;
    font-size: small;
    }

  #copyright { float: left;
    }

  #googleR { float: none;
    }

  #news { border-right: 1px solid #cc0000;
    padding-left: 20px;
    padding-right: 10px;
    margin-top: 20px;
    float: right;
    margin-left: 75%;
    }

  #echo { border: 1px solid #999900;
    padding: 10px;
    }

  #image { width: 100%;
    padding-top: 5px;
    }
	
  j { border-top: 1px solid #cccccc;
    }
	
 #pubplan { border: 1px solid #ddccbb;
    margin: 15px 300px;
    padding: 15px;text-align: center;
    }

	/*ermettre à IE d'afficher*/
body {
  behavior: url("csshover.htc");
  font-size:12pt;
  font-family: arial, verdana, helvetica, sans-serif, "lucida console";
}

/*mise en forme des liens*/
#menu_dynamique li a {
  display:block;
  height:23px;
  text-decoration:none;
  color:#696969;
  background-color:#FFFFFF;
}

/*Quelques bases*/
#menu_dynamique {
  width:auto;
  margin:10px 0px;
  padding:10px;
}

/*Menu sous forme de liste*/
#menu_dynamique ul {
  width:200px;
  list-style:none;
  padding:0px;
  margin:0px;
  border-right:1px solid silver;
}

/*La (grosse) bordure grise sur la gauche*/
#menu_dynamique ul li {
  width:auto;
  margin-left:5px;
  padding-left:25px;
  text-indent:5px;
  height:23px;
  background:url("bordure.jpg") no-repeat;
}

/*activation / Désactivation de l'affichage des sous-menus*/

/*cacher les zones "indésirables"*/
#menu_dynamique ul li ul {
  display:none;
}

/*afficher les zones au survol du lien et de les placer correctement*/
#menu_dynamique ul li:hover ul {
  display:block;
  position:relative;
  top:-24px;
  left:165px;
}

/*ajoute aux zones à cacher les sous-sous-menus et leurs descendants*/
#menu_dynamique ul li ul, #menu_dynamique ul li:hover ul li ul, #menu_dynamique ul li:hover ul li:hover ul li ul{
  display:none;
}

/*les zones à afficher*/
#menu_dynamique ul li:hover ul, #menu_dynamique ul li:hover ul li:hover ul, #menu_dynamique ul li:hover ul li:hover ul li:hover ul{
  display:block;
  position:relative;
  top:-24px;
  left:165px;
}

/*triangle noir en bout de ligne*/
#menu_dynamique ul li.extend a {
  background: url("suite.png") right no-repeat;
}

/*spécifier que chaque <li> de classe end des sous-menus ne possède pas d'image de fond (laflèche à droite)*/
#menu_dynamique ul li.extend:hover ul li.end a {
  background-image:none;
}

/*spécifier que chaque <li> de classe end des sous-menus ne possède pas d'image de fond (laflèche à droite)*/
#menu_dynamique ul li.end:hover ul li.end a {
  background-image:none;
}

/*ajouter une petite flèche dans la bordure gauche du menu*/
#menu_dynamique li:hover {
  background:url("fleche_survol.png") no-repeat;
}

/*Changer la couleur du texte et du fond du lien*/
#menu_dynamique li a:hover {
  color:#3300FF;
  background-color:#cccccc;
}

/*couleur de fond des lignes de classe extend*/
#menu_dynamique ul li.extend:hover a, #menu_dynamique ul li.extend:hover ul li:hover a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li:hover a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li.extend:hover ul li:hover a{
  background-color:#cccccc;
}

/*les sous-menus et leurs descendants ne se trouvent pas affublés de cette couleur de fond sans avoir été survolés*/
#menu_dynamique ul li.extend:hover ul li a, #menu_dynamique ul li.extend:hover ul li:hover ul li a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li:hover ul li a{
  background-color:#FFFFFF;
}

/*la première ligne de chaque liste possèdera une bordure haute et la dernière ligne de chaque ligne possèdera une bordure basse*/
#menu_dynamique li.first{
  border-top:1px solid silver;
}

#menu_dynamique li.last{
  border-bottom:1px solid silver;
}

/* la compatibilité avec IE Et position des triangles de droites*/
#menu_dynamique ul li.extend:hover {
  width:170px;
  height:23px;
  overflow:hidden;
}

.position{
 float: left;
 margin-left: 10%;
 margin-right: 10%;
}


html > body #menu_dynamique ul li.extend:hover {
  overflow:visible;
}