@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	


}


img{
border: none;
}



a:link {
	text-decoration: none;
	color: #333333;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #333333;
}

.conteneur{
	position:absolute;
	width:967px;
	height:853px;
	top:0px;
	left:50%;
	_height:615px;
	margin-left:-502px;
}

.logo{
	position:absolute;
	background-color:#FFFFFF;
	width:234px;
	height:89px;
	top:5px;
	left:5px;
	z-index: 10;
}

.banner{
	position:absolute;
	background-color:#FFFFFF;
	width:775px;
	height:89px;
	top:5px;
	left:218px;
	z-index: 10;
}

.centre {
	position:absolute;
	background-color:#FFFFFF;
	width:976px;
	height:500px;
	top:145px;
	left:2px;
	z-index: 1;
}


.footer {
background:url(images/footer_bg.png);
width:976px;
height:27px;
position:absolute;
top:655px;
left:2px;
line-height:27px;
text-align:center;
font-size:11px;
color:#333333;
z-index:10;
}


.texte_gauche {
width:500px;
height:500px;
position:absolute;
top:20px;
left:2px;
text-align:justify;
font-size:12px;
color:#000000;
}

.texte_contact {
width:250px;
height:500px;
position:absolute;
top:120px;
left:152px;
text-align:justify;
font-size:12px;
color:#000000;
}

.texte_long {
width:900px;
height:500px;
position:absolute;
top:20px;
left:12px;
text-align:justify;
font-size:12px;
color:#000000;
}

.texte_bas{
width:900px;
height:200px;
position:absolute;
top:340px;
left:12px;
text-align:justify;
font-size:12px;
color:#000000;
}

.texte_gauche_etroit {
width:400px;
height:500px;
position:absolute;
top:20px;
left:2px;
text-align:justify;
font-size:12px;
color:#000000;
}

.texte_fond {
background:url(images/fond-cartouche.jpg);
background-repeat:x;
padding:10px;
border:solid;
border-color:#b2b2b2;
border-width: 1px;
}

.texte_fond2{
background:url(images/contact_fond.jpg);
background-repeat:x;
padding:10px;
border:solid;
border-color:#b2b2b2;
border-width: 1px;
}

.titre {
height:27px;
width:964px;
background:url(images/normal.png);
background-repeat:x;
padding-left:10px;
font-size:20px;
line-height:27px;
font-size:bold;
left:0px;
position:absolute;
}

.tableau_images {
width:967px;
height:300px;
position:absolute;
top:180px;
left:0px;
text-align:center;
}

.tableau_images2 {
width:967px;
height:400px;
position:absolute;
top:50px;
left:0px;
text-align:center;
}

.image_droite{
width:476px;
height:500px;
position:absolute;
top:40px;
left:502px;
text-align:right;
}

.image_bas{
width:976px;
height:300px;
position:absolute;
top:180px;
left:2px;
text-align:center;
}

.image_contact{
width:476px;
height:500px;
position:absolute;
top:120px;
left:402px;
text-align:left;
}

.retour{
width:91px;
height:27px;
position:absolute;
top:470px;
left:2px;
text-align:left;
z-index:12;
}

.image_droite_large{
width:572px;
height:500px;
position:absolute;
top:40px;
left:402px;
text-align:right;
}

.souligne{
text-decoration:underline;
}

.flash_bas {
width:967px;
height:320px;
position:absolute;
top:180px;
left:0px;
text-align:center;
}
#menu {
width: 976px; /* set width of menu */
float:left;
position:absolute;
top:102px;
left:2px;
font-size:12px;
z-index: 10;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
width:139px;
float:left;

}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font: 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
margin: 0;
padding-left: 0px;
text-transform: uppercase;
text-align:center;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #ffffff;
background:url(images/normal.png);
text-decoration: none;
height:27px;
line-height:27px;
}

#menu a:hover {
color: #ffffff;
background:url(images/survol.png);
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;

} 

#menu ul li ul {
border:solid;
border-color:#b4b4b4;
border-width: 1px;
}

#menu ul ul {
width:160px;
z-index: 500;
background: #fff;

}

#menu ul ul a {
background: #eeeeee;
color: #000000;
width:160px;
}

#menu ul ul a:hover {
color: #000000;
background: #FFFFFF;
width:160px;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul
{display: block;}