BODY {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background : #993366;
}


h1 { font-size:11px; color:#000000; text-align: left;}
h2 { font-size:11px; color:#0000FF; font-weight: bold; text-align: left;}
h3 { font-size:15px; color:#008000;}
h4 { font-size:15px; color:#008000;text-align: center;}
h5 { font-size:9px; color:#00000;}

#top {
border: 0;
position: absolute;
height: 98px;
width: 900px;
top: 0px;
text-align: center ;
}

#bot {

border: 0 ;
position: absolute;
height: 176px;
width: 800px;
bottom: 0px;
right: 0px;
text-align: center ;

}

.main-navigation {
   font-size:11px;
   text-decoration: none;
   font-weight: bold;
   color: #000000;
   padding-right: 12px;
   padding-left: 12px;
   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #cbe6b3;
}

.main-navigation a:link, .main-navigation a:visited {
   font-size:11px;
   text-decoration: none;
   font-weight: bold;
   color: #000000;
      border: 0px;
}

.main-navigation a:hover, .main-navigation a:active {
   font-size:11px;
   text-decoration: underline;
   font-weight: bold;
   color: #cbe6b3;
      border: 0px;
}
.main-no-b {
   border: 0;
}

#centre {

border: solid LimeGreen 2px ;
position: absolute;
height: 600px;
width: 900px;
top: 5px;
background-color: MintCream;
}

#foot {

border: 0 ;
position: absolute;
height: 30px;
width: 750px;
top: 760px;
left : 20% ;
text-align: center ;
background-color: MintCream;
}


#texte {

overflow: auto;
position:absolute;
height:95%;
width: 75%;
top: 2.5%;
left : 2.5% ;
text-align: left;
background-color: MintCream;
}

#gauche {

position: absolute;
width: 5%;
height: 76%;
top: 17%;
left : 17%;

}


#droite {


position: absolute;
float: left;
top: 0%;
left: 80%;
height: 30%;
width: 20%;
background-color: #D9D9F3;
text-align: center;
}


#menusite {
display:block;
position:absolute;
float:left;
height:100%;
width: 20%;
top: 0%;
left : 80% ;
text-align: center;
background-color:#D4E5CE;
}

#liens {
background-position: top left ;
background-image:url("liens.jpg");
background-repeat: no-repeat ;
position:absolute;
height:20%;
width: 4%;
top: 40%;
left : 90% ;
vertical-align: top;
background-color:white;
}
    

.menu_box {
position:absolute;
height:5%;
width: 43%;
top: 7%;
left : 11% ;
vertical-align: bottom;
background-color:white;
}

a.menu {
   background-color: #ffffff;
   text-decoration: none;
   font-weight: bold;
   color:#49184b;
   padding: 1px;
   padding-left: 15px;
   -moz-border-radius: 6px;
   margin-bottom: 6px;
   border: 1px solid #49184b;
   display: block;
}

a.menu:hover {
   background-color: #ecd6f4;
   color:#000000;
   border: 1px solid #c4c4ff;
}

a.menubis {
   background-color: #ffffff;
   text-decoration: none;
   font-weight: bold;
   color:#e04ce5;
   padding: 1px;
   padding-left: 15px;
   -moz-border-radius: 6px;
   margin-bottom: 6px;
   border: 1px solid #cb7ee6;
   display: block;
}

a.menubis:hover {
   background-color: #993366;
   color:#ffffff;
   border: 1px solid #c4c4ff;
}

.content {
   font-size: 12px;
   line-height: 17px;
   font-weight: normal;
   color: #333333;
   top: auto;
   vertical-align: top;
}
.content a:link, .content a:visited {
   font-weight: bold;
   color: #333300;
   text-decoration: none;
   border: 0px;
}
.content a:hover, .content a:active {
   font-weight: bold;
   color: #333300;
   text-decoration: underline;
   border: 0px;
}
.title {
   font-size: 20px;
   color: #993366;
   line-height: 10px;
}
.ptitle {
   font-size: 18px;
   color: #993366;

}
.photo {

}
.photo a:link, .content a:visited {
   text-decoration: none;
}
.photo a:hover, .content a:active {
   text-decoration: none;
}