body {font:10px verdana, arial, sans-serif;}

/* css pour le menu deroulant */
body {behavior: url(csshover.htc);} /* WinIE behavior call */
div#nav {float: left; margin: 0 0 0 0;
  background: white; width: 800px;}
div#nav ul {margin: 0; padding: 0;}
div#nav li {position: relative; list-style: none;
  float: left; width: 7em; line-height: 1em;}
div#nav li:hover {}
div#nav li.submenu {width: 113px; text-align: center;}
div#nav li.submenu:hover {width:113px; color:white}
div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 6.5em;}
div#nav>ul a {width: 113px;}
div#nav ul ul {position: absolute; width: 7em;
  display: none;}
div#nav ul ul li {}
div#nav li.submenu li.submenu {width:113px;}
div#nav li.submenu li.submenu:hover {width:113px; color:white}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block; width:113px}
div#nav ul.level2 {top: 1.5em; left: 0px; text-align:left; width:113px;}
div#nav ul.level3 {top: -1px; left: 7em;}




/* css pour la page article */
.article .surtitre {}
.article .titre  {font:bold 30px arial}
.article .soustitre {}
.article .renseignements{color: gray; font:10px arial; float: left}
.article .renseignements .lesauteurs{color: black; font:10px arial}
.article .renseignements a.lesauteurs:hover{color: orange;}
.article .chapo{padding:20px; font:italic 14px arial; color: darkred}
.article .textearticle{font: 12px verdana;}

/* css pour la page rubrique */
#pagerubrique
table, tr, td{text-align:left; valign:top}
#pagerubrique .titreurl {font:bold 24px arial}
#pagerubrique a.articleurl{font: 16px arial}

/* css pour l entete de la page */
a.inc-entete-titre {color: gray; font:bold 14px arial;line-height: 1.5em }
a.inc-entete-titre:link {color: black ;}
a.inc-entete-titre:visited {color:gray}
a.inc-entete-titre:hover {color: orange; text_decoration:none}

/* css pour le menu de navigation des fonctionalit?s A FAIRE c'est le petit menu dans l'entete pour s'incrire ? la mailing liste... */
a.menunav {font: bold 14px arial; color: gray; }
a.menunav:hover {color:orange}

/* css pour la barre de navigation des rubriques - menu deroulant ? construire*/
a.navigationrubrique {font:bold 10px verdana}
a.navigationrubrique:link {}
a.navigationrubrique:visited {}
a.navigationrubrique:hover {}

/* pour les petites puces carre qui sont parfois sur le site */
.carreRouge {background: red; width: 10px; height: 10px; float:left ; border: 1px black solid;margin-right:5px}
.carreBleu	{background: blue; width: 10px; height: 10px; float:left ; border: 1px black solid;margin-right:5px}			


/* css pour la zone_0*/
#slogan {border: 1px black solid; width:800px ; margin-bottom:4px; font: 14px verdana }

/* css pour la zone_1 */
#zone_1 {}
.zone_1_surtitre {font: bold 12px arial; color: red}
.zone_1_titre {font: bold 16px arial}
.zone_1_texte {font: 12px arial}
// a.zone_1_suite {font:8px verdana;color:orange} // suite = lire la suite

/* css pour zone_2 video et titre a la une */
#zone_2 {}
.zone_2_video {font:bold 16px arial}
.zone_2_articles_titrerub {font:12px arial;color:orange}
a.zone_2_articles_titre {font:bold 12px arial; text-decoration:none}
a.zone_2_articles_titre:hover {font:bold 12px arial; color:gray; text-decoration:none}
a.zone_2_articles_descriptif {font:normal 10px arial}
a.zone_2_articles_descriptif:hover {color:gray}

/* css pour zone_3 le reseau */
#zone_3 {}
.zone_3_titre {color: black;font:bold 14px arial}

/* css pour zone 4 autre articles de une*/
#zone_4 {}
a.zone_4_surtitre:link {color: orange;font:bold 24px arial}
a:link .zone_4_titre {font:bold 33px arial}
a.zone_4_texte:link {color:red}
a.zone_4_surtitre:hover, a.zone_4_titre:hover, a.zone_4_texte:hover {color:gray}

/* css pour zone 5 autre articles de une*/
#zone_5 {} 
.zone_5_surtitre {color: black; font:bold 12px arial}
.zone_5_titre {font: bold 16px arial}
.zone_5_texte {font: 12px arial}

/* css pour la deuxieme colonne*/
.col2_titre {font:bold 16px arial}
.col2_texte {font:12px arial}