html,body
{
background-color:white;
background-image:url(fondbody.bmp);
background-position:left top;
background-repeat:repeat;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
}

/* initialisations */
*{margin:0; padding:0; border-style:none;}
*{list-style-type:none;}
*{color:black}
*{font-style:normal;font-weight:normal;font-size:100%;}
*{text-indent:0%;}

.italique
{
font-style:italic;
}

/* définition du conteneur */
#page
{
background-color:white;
background-image:url(back.gif);
background-position:left top;
background-repeat:no-repeat;
position:relative;
float:left;
width:100%;
height:auto;
border-style:solid;
border-width:1px;
border-color:#CFCFCF;
}

/* définition des zones de la page */
#bandeau
{
background-color:white;
background-image:url(fondbandeau.bmp);
background-position:left top;
background-repeat:repeat-x;
width:100%;
height:20px;
position:relative;
top:0px;
left:0px;
}


#commentaire
{
text-align:right;
font-size:80%;
font-style:italic;
background-color:transparent;
font-family:arial;
width:auto;
height:auto;
position:absolute;
top:25px;
right:15px;
}

#logo
{
background-image:url(logo.gif);
background-position:left top;
background-repeat:no-repeat;
font-family:arial;
width:60px;
height:69px;
position:absolute;
top:30px;
left:20px;
}

#entete
{
background-image:url(head.gif);
background-position:center center;
background-repeat:no-repeat;
font-family:arial;
width:100%;
height:80px;
position:relative;
top:0px;
left:0px;
}

#menu
{
background-color:white;
background-image:url(fondmenu.gif);
background-position:left top;
background-repeat:repeat;
font-family:arial;
width:20%;
height:auto;
float:left;
margin:1.4%;
border-style:dotted;
border-width:1px;
border-color:#CC9966;
}

#contenu
{
background-image:url(fondcontenu.gif);
background-position:left top;
background-repeat:repeat-x;
bacground-color:white;
font-family:georgia;
height:auto;
width:74%;
position:relative;
float:right;
margin:1.4%;
}

#coinhg
{
background-image:url(coinhg.gif);
background-position:left top;
background-repeat:no-repeat;
width:30px;
height:30px;
position:absolute;
top:0px;
left:0px;
}

#coinhd
{
background-image:url(coinhd.gif);
background-position:right top;
background-repeat:no-repeat;
width:30px;
height:30px;
float:right;
}

#coinbg
{
background-image:url(coinbg.gif);
background-position:left top;
background-repeat:no-repeat;
width:30px;
height:30px;
position:absolute;
bottom:0px;
left:0px;
}

#coinbd
{
background-image:url(coinbd.gif);
background-position:left top;
background-repeat:no-repeat;
width:30px;
height:30px;
float:right;
}

#contenu ul
{
margin-left:1em;
margin-right:1em;
margin-bottom:1em;
margin-top:1em;
padding: 0;
list-style-type: none;
}

#contenu ul li 
{
margin: 0; 
padding: 0;
line-height: 32px;
}

#contenu ul li:before
{
content:url(puce.gif);
margin-right:5px;
}

#contenu a img
{
height: 32px;
width: 32px;
vertical-align: middle;
border: none;
}

#contenu h1
{
text-align:left;
font-family:comic sans ms, arial;
font-size:130%;
font-weight:normal;
color:#996633;
margin-left:1em;
margin-right:1em;
margin-bottom:1em;
margin-top:1em;
}

#contenu h2
{
display:block;
text-align:left;
font-family:comic sans ms, arial;
font-style:italic;
font-size:120%;
font-weight:normal;
color:#996633;
margin-left:1em;
margin-right:1em;
margin-bottom:1em;
margin-top:1em;
}

#contenu h2:before
{
content: url(lhl.gif);
margin-right:5px;
}

#contenu h2:after
{
content: url(rhl.gif);
margin-left:5px;
}

#contenu hr {
color:#CC9966;border-color:#CC9966;background-color:#996633;
border-width:0px;
margin:2px;
height:1px;
width:100%;
}

#menu h1,h2,h3
{
text-align:left;
font-family:verdana, arial;
font-style:normal;
font-weight:normal;
color:#0000FF;
}

#menu hr {
color:#CC9966;border-color:#CC9966;background-color:#CC9966;
border-width:0px;
margin:4px;
height:1px;
width:90%;
}

#menu h1 {font-size:110%;margin-left:1em;}
#menu h2 {font-size:90%;margin-left:2em;}
#menu h3 {font-size:70%;margin-left:3.4em;}

#menu a:link{color:#0000FF;text-decoration:none;}
#menu a:visited{color:#0000FF;text-decoration:none;}
#menu a:hover{color:#0000FF;text-decoration:underline;}
#menu a:active{color:#0000FF;text-decoration:underline;}

#contenu p
{
text-indent:2em;
line-height:1.5em;
text-align:justify;
margin-left:1em;
margin-right:1em;
margin-bottom:1em;
margin-top:1em;
}

#contenu a:link{font-family:arial;color:#996633;text-decoration:none;font-weight:bold}
#contenu a:visited{font-family:arial;color:#996633;text-decoration:none;font-weight:bold}
#contenu a:hover{font-family:arial;color:#996633;text-decoration:underline;font-weight:bold}
#contenu a:active{font-family:arial;color:#996633;text-decoration:underline;font-weight:bold}

/* définition des onglets */
ul#onglets
{
padding:0;
list-style-type:none;
margin-left:1em;
margin-right:1em;
margin-bottom:1em;
margin-top:1em;
font-size:80%;
margin-bottom:6em;
}

ul#onglets li 
{
padding:0;
line-height:0px;
float:left;
height:2em; 
margin:3px;
border: 1px dotted #996633;
}

ul#onglets li:before
{
content:none;
margin-right:0px;
}

ul#onglets li.active{border: 1px solid #996633;}

ul#onglets li a{float:left;padding:1em}

ul#onglets li.active a{text-decoration:none}