
body{
font-family:Arial, Helvetica, sans-serif;
background-color: #638DD3;
text-align:center;
background-image:url(images/fond.jpg);
background-repeat:repeat;
color:#0066CC;
}
#langue{
position:relative;
float: left;
top: 35px;
left: 35px;
}
#conteneur{width:810px;

min-height: 920px;
background-color: #fff;
border-top:#fff solid 1px;
border-bottom:#666666 solid 1px;
border-left:  #000 solid 5px;
border-right:#666666 solid 50px;
padding: 0px;
margin-left:auto;
margin-right:auto;
}

#haut{
text-align:center;
background-color:#0066cc ;
border-bottom: 1px solid #fff;
background-image:url(images/logo.jpg);
background-repeat: no-repeat;
width:810px;
height: 148px;
}

#menu {
padding :90px 0px 0px 5px;
text-align:left;
height:36px;
font-size : 17px ; 
font-weight : bold;}


  #menu dl{ 
 display : inline;  }
#menu li,  #menu ul{
 margin: 0px 0px 0px 8px ;
 padding: 0px 0px 0px 0px ;	text-decoration: none;
}
  
#menu li a {color: #ccc;  text-decoration : none ; }

#menu li a:hover {color : #E3BC30 ; 
text-decoration  : none;}

#menu dt {
display:inline;
font-weight: bold;
	margin-left: 8px;
	text-align: left;
	font-size: 0.9em;
	text-decoration: none;
}
#menu dt li a{
	cursor: hand;
	color: #ccc;	text-decoration: none;
}

#menu dt a,  #menu dt a:active{
	cursor: hand;
	color: #FEFBF2;
	font-weight: bold;
	text-decoration: none;
}

#menu dl dt a:hover {
	cursor: hand;	text-decoration: none;
	color: #000;
	font-weight: bold;
}
#menu dd {margin-left: 0px; 	text-align: right;}
#menu dd li {
float: left;

margin: 5px 0px 0px  8px;
display:inline-block;
cursor: hand;	text-decoration: none;
border: 1px solid #ccc;
background-color:#cc0000;
	padding:5px;
	color: #fff;
	font-size: 0.7em;
}

#menu dd li a{
	cursor: hand;	text-decoration: none;
	color: #fff;
}

 #menu dd li a:hover{
	cursor: hand;	text-decoration: none;
	color: #000;
}
 #menu dd li a:active{
	cursor: hand;	text-decoration: none;
	color: #FEFBF2;
}

#menu_bas a{
font-size: 0.7em;
color:#FFFFFF;
font-weight:normal;
}
#text_marge{
position: relative;
float:left;
background-image:url(images/fondmarge.jpg);
background-repeat:no-repeat;
color: #000;
font-weight: bold;
font-size: 12px;
text-align: left;
padding: 25px 0px 0px 18px;
width: 220px;
min-height: 680px;
}
h3{font-size: 16px;
color: #0066CC;
}

#contenu{
width: 490px;
margin: 20px  0px 0px 250px;
height:100%;
text-align:left;
padding: 5px;
font-size: 0.9em;
background-color:#fff;
}
a, a:active{
text-decoration:underline;
font-style:italic;
font-weight:bold;
color: #006699;}

h1{
text-align:right;
font-size: 0.8em;
color:#0099FF;
width: 730px;

}
h2{
text-align:right;
font-size: 1.1em;
color: #CC0000;
background-image:url(images/fond_h2.jpg);
background-repeat:repeat-x;
height: 66px;
}
.text{
width: 540px;
text-align:left;
font-size: 0.9em;
color: #006699;
margin-left: 200px;
}


#footer{

text-align:right;
font-size: 0.8em;
width: 500px;
color: #0066cc;

padding: 10px 10px 10px 10px;
border-top: 1px  #CCCCCC solid;
border-bottom: 1px  #CCCCCC solid;
margin: 30px 10px 10px 250px;
}
.imageright{ float:right;
margin: 5px;
}
.imageleft{ float:left;
margin: 5px;
}

table {
border:#336699 1px solid;}
th {
background-color: #0066CC;
color: #FFFFFF;
padding: 5px;}

.txt {font-size: 0.8em; color:#336699;}
#menu_index, #menu_index a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #999933;
	text-align: center;}
	
	#pano{
	border: 1px solid #CC0000;
	padding: 5px;
	font-size:9px;}