body{
margin:0px;
margin-top: 0px;
padding:0px;
height:100%;
/*background: #ffffff url('../img-deco/fond-body.gif') no-repeat;*/
background: #f2f2f2 url('../img-deco/fond-body.gif') repeat-y 50% 0px;
/*background-attachment: fixed;*/
color: #441111;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align:center; /* so the container div centers itself in IE5/win */
}


/*********************************************************************/
/*************** mise en page ****************************************/

.global{               /*conteneur du site*/
position:relative;   
width:778px;
height:100%;
margin-left:auto;
margin-right:auto;
background:rgb(255,255,255)  url('../img-faune/deco1.jpg') no-repeat 300px 0px;
border: 1px solid #000000;
overflow: visible;
}

.haut {               /*image en haut du site*/
float: left;
padding:0px;
margin:0px;
width: 100%;
height: 150px;
background:transparent url('../img-deco/img-bandeau-gif.gif') no-repeat 10px 15px ;
overflow: hidden;
z-index:5;
}

.logo{
float:left;
width: 206px;
height: 100%;

}

.publicite{           /*conteneur publicité*/
z-index:10;
float: left;
padding:0px;
margin-left:78px;/*155px;*/
margin-top:26px;
width:468px;
height:60px;
background:transparent;
overflow: hidden;
}

.menu-haut{          /*conteneur menu*/
float: left;
width: 100%;
height: 26px;
text-align: center;
margin: 0px;
/*overflow: hidden;*/
background:transparent;
}

.conteneur{          /*conteneur sous le menu*/
float: left;
width: 100%;
height:100%;
border-top: 0px solid rgb(96,163,189);
}




.img-deco {          /*conteneur de la page avec image de fond*/
float: left;
/*width: 776px;*/
text-align: left;
height: 400px;
/*border: 0px solid #ffffff;*/
}


.copyright{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
text-align: justify;
color: #888888;
}


/*********************************************************************/
/************* positionnement dans la page ***************************/



.volume5{          
float: left;
width: 730px;
text-align: justify;
margin-left: 12px;
margin-top: 20px;
margin-bottom:0px;
padding: 0px;
overflow: hidden;
border: 0px solid #000000;

}


.img-gauche-200{
float:left;
clear: none; 
width: 200px;
height: 133px;

margin-right:18px;
margin-bottom:5px;
border: 0px solid #000000;

}



/*********************************************************************/
/********** formats des textes, liens, et autres caractères **********/


h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18pt;
font-weight: normal;
text-align: justify;
margin-left:20px;
color: #e0bc54;  /*e9c55e;*/
border-bottom: 2px solid  #e0bc54;
}



h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13pt;
font-style: italic;
font-weight: normal;
text-align: justify;
color: #e0bc54;
}

p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
}



ul{
margin:0px;
margin-left:40px;

}

li{
float:left;
margin-left:5px;
list-style-type: none;
border: 1px solid rgb(0,0,0);
}

li.email{
float:left;
height:20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight:normal;
color: #000000; 
text-decoration: none;
list-style-type: none;
padding:0px;
border: 0px solid rgb(0,0,0);
}

li A.liens1:link, li A.liens1:active, li A.liens1:visited{
float:left;
height:20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight:bold;
color: #000000; 
text-decoration: none;
list-style-type: none;
padding:2px;
padding-bottom:0px;
padding-left:25px;
padding-right:25px;
/*background: #f2f2f2;*/
background:url('../img-deco/fond-menu.gif') repeat ;

}

li A.liens1:hover{
float:left;
height:20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight:bold;
color: #000000; 
text-decoration: underline;
list-style-type: none;
padding-left:25px;
padding-right:25px;
/*background:rgb(187,233,248);*/
background:url('../img-deco/fond-menuk.gif') repeat ;
}