html{
height: 80%;

}
body {
margin-top:0px;
padding: 0px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:75%;
font-style:normal;
font-weight:normal;
background-image:url(images/fond_body.gif);
background-repeat: repeat;
} 
A {
color:#2F4F4F;
text-decoration:underline;
font-weight:bold;
font-style:normal;
background-color:inherit;
} 
A:hover {
color:#2F4F4F;
text-decoration:none;
background-color:inherit;
font-style:normal;
} 
A.menu  { 
color: #000000; 
font-style: normal; 
font-weight: bold; 
text-decoration: none; 
} 
A.menu:hover {
color: #800000; 
font-style: normal; 
font-weight: bold; 
text-decoration: none; 
} 
A.diapo  { 
color: #666633; 
font-style: normal; 
font-weight: bold; 
text-decoration: none; 
} 
A.diapo:hover {
color: #800000; 
font-style: normal; 
font-weight: bold; 
text-decoration: none; 
} 
A.baspage {
color:#F5F5DC;
text-decoration:none;
font-weight:bold;
font-style:normal;
} 
A.baspage:hover {
color:#F5F5DC;
text-decoration:underline;
} 

.textepetit {
font-size: 90%;
} 
.information {
font-weight:bold;
color: #FF0000;
font-size: 120%;
} 
input, textarea, select {
font-size:90%;
color:#000000;
font-weight:bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color:inherit;
}

div#contenuformulaire{width:98%;margin:3px;vertical-align:top;}
div#contenuformulaire div.sautligne {border-top:1px solid #000000;padding:2px;vertical-align:top;width:97%;}
div#contenuformulaire form label {float:left;width:140px;font-weight:bold;padding:2px;}

#contentarea { 
position:relative;
width: 760px; 
height: 80%; 
margin:0px auto;
background-color: #FFFFFF;
}
#page { 
position:relative;
float:left;
margin: 0px; 
padding : 0px;
width: 760px; 
height: 80%; 
background-color:inherit;
}

#hautpage {
position:relative;
width: 760px;
height:173px;
float:left;
background-image:url(images/menuhaut_fond.gif);
background-repeat: repeat;
background-color:inherit;
padding : 0px;
margin : 0px;	
} 

#hautpagecontenu {
position:relative;
width: 760px;
height:173px;
float:left;
background-image:url(images/image_hautpage.jpg);
background-repeat: no-repeat;
background-color:inherit;
padding : 0px;
margin : 0px;	
} 
#hautpagecontenuen {
position:relative;
width: 760px;
height:173px;
float:left;
background-image:url(images/image_hautpage_en.jpg);
background-repeat: no-repeat;
background-color:inherit;
padding : 0px;
margin : 0px;	
} 
#menuhaut {
position:relative;
float:left;
width:760px;
height: auto;
background-image:url(images/menuhaut_fond.gif);
background-repeat: repeat;
background-color:inherit;
margin: 0px; 
padding : 0px;
border-bottom : 3px solid #800000;
}


#menucontenugauche {
padding : 7px 0px 7px 10px;
margin : 0px;	
} 
.menuactif {
color: #800000;
font-weight: bold; 
} 
#menucontenudroit {
padding : 25px 5px 7px 0px;
margin : 0px;	
} 
#contenu { 
position:relative;
float:left;
margin: 0px; 
padding : 0px;
width: 760px; 
height: 100%; 
background-image:url(images/fond_contenu.gif);
background-repeat: repeat-y;
background-color:inherit;
}
#bandegauche {
position:relative;
float:left;
width:40px;
height: 100%; 
background-color:inherit;
margin : 0px;		
padding : 0px;
}
#contenugauche {
position:relative;
float:left;
width:234px;
height: 100%; 
background-color: #F5F5DC;
background-repeat: repeat;
background-position: y-100%;
margin : 0px;		
padding : 0px;
}

#contenudroit {
position:relative;
float:right;
width: 486px;
height: 100%; 
background-color: #FFFFFF;
margin : 0px;		
padding : 0px;
}
#contenudroittexte {
margin : 0px;		
padding : 20px 20px 10px 20px;
}
#contenugauchetexte {
margin : 0px;		
padding : 7px;
background-color: #F5F5DC;
}
#contenudiapo {
margin : 20px 20px 0px 20px;		
padding : 5px 0px 0px 5px;	
background-color: #FFFFFF;
}
#contenugalerie {
position:relative;
float:left;
width: 580px;
height: 100%; 
background-color: #FFFFFF;
margin : 0px;		
padding : 0px;
}
#navigation{ 
position:relative;
float: right;
margin: 5px; 
padding : 5px;
width: 95%; 
text-align: center;
}
.boitegalerie {
margin:5px;
position:relative;
float:left;
width:170px;
text-align:center;
}
H1 {
font-size: 140%;
margin: 0px;
padding: 0px;
font-weight:bold;
color:#8B4513;
background-color:inherit;
}
H2 {
font-size: 140%;
margin: 0px;
padding: 0px;
font-weight:bold;
color:#666633;
background-color:inherit;
}
H3 {
font-size: 120%;
margin: 0px;
padding: 0px;
font-weight:bold;
color:#666633;
background-color:inherit;
}



#footer {
position:relative;
width: 760px; 
height: auto;
margin:0px auto;
padding : 0px;
background-image:url(images/baspage_fond.gif);
background-repeat: repeat-y;
}

#footercontenu {
position:relative;
float:left;
width: 760px; 
height: auto;
background-image:url(images/baspage_fond.gif);
background-repeat: repeat-y;
margin: 0px; 
padding : 7px 0 7px 0;
text-align: center;
font-size:90%;
color: #F5F5DC;
}