/* CSS Document */
<style type="text/css">

html body {
font-size:10px;
margin: 0; padding: 0;
/*font-family:"Comic Sans MS", "Comic Sans", cursive;*/
background-color:#FFFFCC;
text-align:center;
}

#header {
height: 166px;
text-align:center;
margin:0;
padding:0;
background-color:#FAD887;
background-image:url(../images/banniere.gif);
background-position:top center;
background-repeat:no-repeat;
width:100%;
}

#header h1 {
margin:0;
/*font-family:"Comic Sans MS", "Comic Sans", cursive;*/
color:#000000; font-size:30px;
padding-top:80px;
padding-left:200px;}

.menu {padding:22px 0px 0px 170px; font-size:0.6em;}
.menu dt {display:none;}
.menu dd {float:left; padding:0; margin:0; text-align:center;}
.menu dd span.aa {display:block; width:12px; height:1.5em; height:auto; background:url(../images/taglft.gif); float:left; border-bottom:1px solid #888; padding:5px 0;}
.menu dd span.bb {height:1.5em; height:auto; background:url(../images/tagmid.gif); float:left; border-bottom:1px solid #888; padding:5px 0;}
.menu dd span.cc {display:block; width:12px; height:1.5em; height:auto; background:url(../images/tagrgt.gif); float:left; border-bottom:1px solid #888; padding:5px 0;}

.menu a, .menu a:visited {color:#888; text-decoration:none; font-size:1em; cursor:pointer;}
.menu a.selected, .menu a:hover {color:#000; background:#fff;}
.menu a.selected span, .menu a:hover span {background-position:0 150px; border-bottom:1px solid #f9f4ee;}

#conteneur {
margin: 0px;
padding: 0px;
background-color:#FFFFCC;
position: absolute;
width: 100%;
}

#gauche {
background:url(../images/vback.gif) repeat-y right bottom;	
position: absolute;
left: 0px;
width: 170px;
}

#centre {
margin-left: 170px;
background-color:#FFFFCC;
text-align:center;
min-height:530px;
}

#pied {
margin-top:-10px;
height: 45px;
font-size:11px;
line-height:15px;
vertical-align:middle;
background-color:#FAD887;
}

p {margin: 0 0 10px 0;}
a, a:visited {color:#0000FF;}
h1{font-size:20px; 
color:#000000; 
text-align:center;
font-family:"Comic Sans MS", "Comic Sans", cursive;
}
h2{font-size:16px;
color:#000000; 
text-align:center;
font-family:"Comic Sans MS", "Comic Sans", cursive;
}


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

.tabs {
   list-style:none; 
   padding:0px 0 11px 0; 
   margin:0px 10px 30px 0; 
   width:170px;}
.tabs li {
   display:block; 
   margin:0 0 2px 19px;}
.tabs li a, .tabs li a:visited {
   display:block; 
   width:150px; 
   height:26px; 
   text-decoration:none; 
   background:url(../images/vtab.gif) left top; 
   font-size:12px; 
   text-decoration:none; 
   color: #996633; 
   font-family:verdana; 
   line-height:24px; 
   text-indent:15px; 
   border-right:1px solid #888;}
.tabs li a:hover {
   background:url(../images/vtab.gif) left center; 
   color:#050; 
   border-color:#888;}
.tabs li a.selected, .tabs li a.selected:hover{
   background:url(../images/vtab.gif) left bottom; 
   color:#000; 
   border-color:#fff;
   cursor:default;}
.tabs li li {
   display:block; 
   margin:2px 0 0px 26px;
   background-image:none;
   line-height:12px; 
}

.tabs li li a, .tabs li li a:visited  {
   background-image:none;
   display:block; 
   width:124px; 
   height:12px; 
   text-decoration:none; 
   font-size:11px; 
   text-decoration:none; 
   color: #996633; 
   font-family:verdana; 
   line-height:12px; 
   text-indent:15px; 
   border-right:1px solid #888;}
.tabs li li a:hover {
   color:#050; 
   border-color:#888;
   background-image:none;}
.tabs li li a.selected, .tabs li li a.selected:hover{
   background-image:none;
   color:#000; 
   border-color:#fff;
   cursor:default; 
   font-style:italic; 
   border-right:1px solid #888;}

</style>