body {background :url("feuille.jpg") fixed #006400 no-repeat; background-size:100% 100%; -moz-background-size:100% 100%;
      margin:0;color : #ffffff; font-family : Arial, Sans-serif; font-size : 16px ;} 
img {margin : 4px; border : 1px solid; width: auto; height:auto;}

#tete{position:fixed;background:rgb(0,51,0);z-index:3;left:10%;padding-top:0.5em;padding:0;width:80%;margin:0;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;-moz-border-radius-bottomright: 20px;-moz-border-radius-bottomleft: 20px;}
#corp{position:relative;top:12em;padding:3%;line-height:3em;width:74%; max-width:1000px;margin:auto;background:rgba(40,0,11,0.8); background-color: #32140E\9 ;border-radius: 20px;-moz-border-radius: 20px;}
#titre{line-height:1.1em;}
h1,h2,h3,h4,h5 {text-align : center;}
/*p {text-align : justify; line-height : 23px;text-indent: 1em;}*/
div.texte {text-align : justify; line-height : 1.5em;text-indent: 1em;}
dt{text-align:center;}
a{color :#FFFF99;text-decoration: none; font-weight: bold;}
a:hover{color : #FFFF55; text-decoration : underline;}
a:visited{color :#FFBD5C;}

a.image{position:relative;z-index:1}
a.image img.gros{display:none;height:300px;width:400px;}
a.image:hover{z-index:2}
a.image:hover img.gros{display:block;position:absolute;top:150px;left:10px;}

span.image{position:relative;z-index:1;font-weight:bold;color:#FFFF99;}
span.image img{display:none;}
span.image:hover{z-index:2;}
span.image:hover img{display:block;position:absolute;top:1em;right:1em}

img {margin : 4px; border : 1px solid; width: auto; height:auto;}
form {font-weight:bold; border:1px dotted white; padding: 2%;}

.liste{text-align:center; font-size: 14px;}
img.list{position: relative; top: 8px; border:1px; width: auto; height:auto;}
img.ban{margin : 0px; border : 1px solid; width: auto; height:auto;}
#noms{text-align:center;text-indent:0px;}
tr{text-align:center;}

.menu{font-size:12px;}
p.menu{text-align:center; text-indent:0px;}
div.menu{line-height:1.1em;}
* html .cell {display:inline;height:100%;}

#titremenu{font-size: 16px; font-weight:bold;}
#fichemenu{font-size: 14px; color: #ffd700; font-weight: bold;}


#famille ul{list-style-image:url("images/mar.gif");}

span.bulle{font-weight:bold;position:relative;z-index:1;text-indent:0px;color :#FFFF99;}
span.bulle span{display:none;border: 3px double white; border-radius:20px; -moz-border-radius:20px;background-color:rgba(0,60,0,0.9);background-color: #005000\9;width:20em; padding:1em; text-align:justify;  line-height:1em;font-size:14px; font-variant:small-caps; color:#FFFFFF;}
span.bulle div{display:none;border: 3px double white;background-color:rgba(0,60,0,0.9); background-color: #005000\9;width:20em; padding:1em; text-align:justify;  line-height:1em;font-size:14px; font-variant:small-caps; color:#FFFFFF;}
span.bulle:hover{z-index:3;text-decoration:none;}
span.bulle:hover span{display:block;position:absolute;top:0px;right:0px;font-weight:normal;}
span.bulle:hover div{display:block; position:absolute;top:0px;right:0px;font-weight:normal;}

li{border-radius:10px;-moz-border-radius:10px}

ul.menu{list-style: none;position:relative;color :#FFFF99;text-decoration: none; font-weight: bold;padding:0;text-align:center;vertical-align:middle;}
ul.menu li{display: table-cell;width:1%;height:3em;vertical-align:middle;}
ul.selecteur{list-style: none;position:relative;color :#FFFF99;text-decoration: none; font-weight: bold;padding:0;text-align:center;vertical-align:middle;}
ul.selecteur li{display: table-cell;width:10.6%;height:3em;vertical-align:middle; background:rgba(0,100,0,0.5);cursor:pointer;}
ul.menu li:hover {background-color:rgba(0,100,0,1); }

li ul.sousmenu{display:none;position:absolute;top:3em; z-index:10;margin:0;padding:0;}

ul.sousmenu li{display:table-row;}
ul.sousmenu li:hover{background:none;}
ul.sousmenu a,ul.sousmenu span{display:table-cell;width:12em;vertical-align:middle;background-color: rgba(0,50, 0,0.8);background-color:#003200\9; border-radius:10px;-moz-border-radius:10px;}
ul.sousmenu a:hover {background-color: #006400;}
ul.sousmenu span:hover {background-color: #006400;}

ul.sousmenu p{font-size:10px;line-height:1em;font-variant:small-caps;margin:0.5em;}
ul.menu li:hover ul.sousmenu{display:block;}

li ul.sousmenu2{display:none;position:absolute;top:-1em;z-index:1;left:12em;margin:0;padding:0;width:12em;}
ul.sousmenu2 li{display:table-row;}
ul.sousmenu2 a{display:table-cell;}
ul.sousmenu li:hover ul.sousmenu2{display:block;}

li ul.sousmenu3{display:none;position:absolute;top:-1em;z-index:1;left:12em;margin:0;padding:0;width:12em;}
ul.sousmenu3 li{display:table-row;}
ul.sousmenu3 a{display:table-cell;}
ul.sousmenu2 li:hover ul.sousmenu3{display:block;}

#tooltip{display:block;position:absolute; z-index:4;top:2.5em;left:90%; font-size:12px; color:rgba(255,255,255,0.8)}
#banniere:hover #tooltip{color:#FFF}