body {font-family:"Comic Sans MS", serif ;font-size: 0.9em;margin: 0;padding: 0;background-image: url(images/background_general.jpg);}

acronym {  border-bottom: 1px dashed black;}

#header {height: 88px;background-image: url(images/background_bandeau.jpg);}

#haut {height: 20px;background-image: url(images/barre_titre.jpg);border-color:black;border-style:solid;border-width:2px;color: #ffcc66; }
#haut .menubarre {font-size: 1em; font-weight: bold;margin: 0 0 0 160px;}
#haut .menubarre a {margin: 0px 5px 0px 5px;}
#haut .menubarre a:link {color: white; text-decoration: none}
#haut .menubarre a:visited {color:white; text-decoration: none}
#haut .menubarre a:hover {color: white; text-decoration:none}
#haut .menubarre a:active {color: white; text-decoration: none}
#haut .menu {font-size: 0.8em; color:black;background-image: url(images/background_general.jpg);border:1px solid black;
position: absolute;visibility:hidden;z-index: 101;font-weight: normal;}
#haut .menu a {display: block;margin: 2px 5px 2px 5px;}
#haut .menu a:link {color: black; text-decoration: none}
#haut .menu a:visited {color:black; text-decoration: none}
#haut .menu a:hover {color: black; text-decoration:none;background-color: #E8F7FD;}
#haut .menu a:active {color: black; text-decoration: none}
#haut .fleche{margin: 0px 5px 0px 15px; font-size: 0.9em;font-weight: bold;}

#centre {background-image: url(images/background_menu.jpg);margin-left: 160px;margin-right: 160px;margin-top: 10px;border-color:black;border-style:solid;border-width:2px;}
#centre h1{font-size: 1.1em;font-weight: bold;color: yellow; text-decoration: none;margin: 0px 0px 0px 0px;}
#centre h2{font-size: 1.0em;color: yellow; text-decoration: none;margin: 0px 0px 0px 5px;}
#centre h3{font-size: 0.9em;color: yellow; text-decoration: none;margin: 0px 0px 0px 10px;font-style:italic;}
#centre img{border-width:1px; border-color:black;border-style:solid;}
#centre ul{ list-style-image: url(images/puce3.gif); margin:0px 0px 0px 20px; padding:0;}
#centre ul ul{list-style-image: url(images/plus.gif);margin:0px 0px 0px 20px; padding:0;}
#centre ul ul ul{list-style-image: url(images/puce2.gif);margin:0px 0px 0px 20px; padding:0;}
#centre ul ul ul ul{list-style-image: url(images/puce.gif);margin:0px 0px 0px 20px; padding:0;}
#centre ul ul ul ul{list-style-image: url(images/puce4.gif);margin:0px 0px 0px 20px; padding:0;}
#centre li{margin-top:4px; padding:0;}
#centre a:link {color: #ffcc66; text-decoration: none;}
#centre a:visited {color: #ffcc66; text-decoration: none;}
#centre a:hover {color: white; text-decoration:none;}
#centre a:active {color: white; text-decoration: none; }
#centre .genre {font-style:italic;} /*lien vers un genre ou une espèce de dinosaure*/
#centre .genre a:link {text-decoration: none;color: silver;}
#centre .genre a:visited {text-decoration: none;color: silver;}
#centre .genre a:hover {color: blue; text-decoration:none;font-style:normal;}
#centre .genre a:active {color: blue; text-decoration: none}
#centre .classification {color:white} /*lien vers un groupe de dinosaures*/
#centre .classification a:link {color: white; text-decoration: none}
#centre .classification a:visited {color:white; text-decoration: none}
#centre .classification a:hover {color: blue; text-decoration:none;font-style:normal;}
#centre .classification a:active {color: white; text-decoration: none}
#centre .image_fiche{max-width:100%;max-height:100%;}
#centre .image_vignette{width:15%;height:15%; margin: 5px 5px 5px 5px;}
#centre table.fiche {width: 100%;border-style:none;}
#centre table.fiche td {width: 50%;}
#centre table.fiche td.titre{background-image: url(images/barre_titre.jpg);color:yellow;font-weight: bold;border-style:solid; border-color:black;border-bottom-width:1px;border-top-width:1px;border-right-width:1px;border-left-width:1px;}
#centre .onglet_regle {margin :5px 0px 0px 10px;}
#centre .onglet {border-color:black;border-style:solid;border-bottom-width:1px;border-top-width:1px;border-right-width:1px;border-left-width:1px;font-size:1.2em;padding:2px 2px 1px 2px;background-image: url(images/background_tableau2.jpg);}
#centre .onglet_select {border-color:black;border-style:solid;border-bottom-width:0px;border-top-width:1px;border-right-width:1px;border-left-width:1px;font-size:1.2em;padding:2px 2px 1px 2px;background-image: url(images/background_menu.jpg);}
#centre table.liste{width: 100%; border-collapse:collapse}
#centre table.liste td {width: 100%;}
#centre table.liste tr.paire{background-image: url(images/barre_titre.jpg);height:25px;}
#centre table.liste tr.impaire{height:25px;}
#centre .news ul{list-style-type:none;margin:0px 0px 0px 20px; padding:0;list-style-image:none;}
#centre .news img{width:20px;height:20px;margin: 0px 5px -5px 0px;}


#gauche {position: absolute;left:0;width: 150px;margin-top: 10px;background-image: url(images/background_menu.jpg);border-color:black;border-style:solid;border-bottom-width:2px;border-top-width:1px;border-right-width:2px;border-left-width:2px;}
#gauche ul{margin: 0px 0px 0px 20px; padding:0;list-style-image: url(images/puce.gif); list-style-position:outside;font-size: 0.8em;}
#gauche a:link {color: #ffcc66; text-decoration: none}
#gauche a:visited {color: #ffcc66; text-decoration: none}
#gauche a:hover {color: white; text-decoration:none}
#gauche a:active {color: white; text-decoration: none }

#droite {background-image: url(images/background_menu.jpg);position: absolute;right:0;width: 150px;margin-top: 10px;border-color:black;border-style:solid;border-bottom-width:2px;border-top-width:1px;border-right-width:2px;border-left-width:2px;}
#droite ul {margin: 0px 0px 0px 20px; padding:0;list-style-image: url(images/puce.gif); list-style-position:outside;font-size: 0.8em;}
#droite a:link {color: #ffcc66; text-decoration: none}
#droite a:visited {color: #ffcc66; text-decoration: none}
#droite a:hover {color: white; text-decoration:none}
#droite a:active {color: white; text-decoration: none }
#droite img{border-style:none;border-width:0px; }

#pied {height: 80px;margin-top: 10px;margin-left: 160px;margin-right: 160px;background-image: url(images/background_pied.jpg);border-style:solid;border-color:black;border-width:2px;text-align: center;color:white;}
#pied a {text-decoration: underline;}
#pied a:link {color: #ffcc66; }
#pied a:visited {color: #ffcc66; }
#pied a:hover {color: white; }
#pied a:active {color: white;  }
#pied li{display: inline;}
#pied ul{list-style-type: none; margin:0px 50px 0px 50px; padding:0;}
#pied img { border-width:0px; display:inline;}

.titremenu {color: white;font-weight: bold;}
.titremenucadre{background-image: url(images/barre_titre.jpg); border-style:solid;border-bottom-width:1px;
border-top-width:1px;border-right-width:0px;border-left-width:0px;}
.titretextecadre{background-image: url(images/barre_titre.jpg);border-style:solid; border-bottom-width:1px;
border-top-width:0px;border-right-width:0px;border-left-width:0px;}
.titretexte{color: white;font-weight: bold;font-size: 1.2em;}
.titretextenavigation {color: #ffcc66; }
.textecentre {color: white; margin: 10px 10px 10px 10px;} 
.latin {font-style:italic;}/*un mot latin*/
.citation {font-style:italic;}/*un mot latin*/
.definition{font-weight:bold;color:blue;border-bottom: 1px dashed blue;} /*un mot du dictionnaire qui n'est pas un genre ou une famille*/
.livre{color: white;font-weight: bold;}
.image{text-align: center;margin-top: 10px;}
.legende{font-size: 0.8em;font-style: italic;text-align: center;}
.bulle_carte{white-space:nowrap;color:black;}

/*.titrefichecadre{background-image: url(images/barre_titre.jpg);border-style:solid; border-color:black;border-bottom-width:1px;border-top-width:1px;border-right-width:1px;border-left-width:1px;}

.textefiche{color: white;margin: 2px 2px 2px 2px;}*/

 /* styles for the tree */
#TreeviewSpanArea img{border-style:none;}