body {background-image : url(mandala.jpg); background-attachment : fixed;background-color : #006400; 
      padding-top : 3% ; color : #ffffff; font-family : Arial, Sans-serif; font-size : 16px ; margin-left:13%; margin-right:13%; } 



h1,h2,h3,h4,h5 {text-align : center;}
p {text-align : justify; line-height : 23px;text-indent: 1em;}

a{color :#FFFF99;text-decoration: none; font-weight: bold;}
a:hover{color : #FFFF55; text-decoration : underline;}
a:visited{color :#FF9147;}

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;}
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;}
tr{text-align:center;}
.menu{font-size:12px;}
p.menu{text-align:center; text-indent:0px;}
#titremenu{font-size: 16px; font-weight:bold;}
#fichemenu{font-size: 14px; color: #ffd700; font-weight: bold;}

span.bulle{font-weight:bold;position:relative;z-index:1;text-indent:0px;}
span.bulle span{display:none;border: 3px double white;background-color:#006400; background-image : url(mandala.jpg);padding:1em; text-align:justify; width:20em; font-size:14px; font-variant:small-caps;}
span.bulle:hover{z-index:2;text-decoration:none;}
span.bulle:hover span{display:block; position:absolute;top:1.5em;right:1em;font-weight:normal;}