body {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #15176d;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	margin: 10px auto 0px auto;
	overflow: auto;
	background-image: url(../fond.gif);
	background-repeat: repeat;	
	
 
		 
}
#bloc_page {
	position: absolute;
	width: 1024px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: -512px;
	left: 50%;
	border: thin solid #CCCCCC;
	background-image: url(../fond2.jpg);
	background-repeat: repeat;
}
   
#entete {
	height: 170px;
	
	background-image: url(../Image1.gif);
	background-repeat: no-repeat;
	background-position: center top;
}



#gauche {
	position: absolute;
	left:0;
	width: 150px;
	margin-left: 5px;	
}
#centre {
	margin-left: 160px;
	margin-right: 305px;
	height:90%;
	min-height:500px;
	/*	max-height:510px; */
	

	text-align: justify;
	background-image: url(../fond.gif);

	background-position: top;
	background-repeat: repeat;
}
#droite {
	position: absolute;
	width:295px;
	right: 0px;
	margin-right: 5px;
	
	height: auto !important;
height: 33em;
min-height: 33em;
	

}
#pied {
/*	background-image: url(../images/Imageentete.gif);
	background-position: bottom;*/
	text-align: left;
}

.imageflottante
{
	float:right;
	margin:0px 0px  0px 10px;
	width: auto;
}
.imageflottante2
{
	float:left;
	margin:0px 10px  0 5px;
	width: auto;
}

/************************************************************************
***
*************************************************************************/
/*******************************************************************************
***
********************************************************************************/
.navigation {
	height:35px;
	position:relative;
	font-family:arial, verdana, sans-serif;
	/*font-size:11px;*/
	width:1024px;
	z-index:auto;
	background-image: url(../pro_line_0.gif);
	background-repeat: repeat-x;
	top: 130px;
	margin-right: auto;
	margin-left: auto;
}

.navigation .menu {
	display:block;
	position: relative;
	left:7.5em;
	right: auto;
}

.navigation .select,
.navigation .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.navigation li {
	margin:0;
	padding:0;
	height:auto;
	float:left;
	width: auto;
}

.navigation .select a {
	display:block;
	height:35px;
	float:left;
	background: url(../pro_line_0.gif);
	padding:0 30px 0 30px;
	text-decoration:none;
	line-height:35px;
	white-space:nowrap;
	color:#ddd;
	width: auto;
}

.navigation .current a {
	display:block;
	height:35px;
	float:left;
	background: url(pro_line_2.gif);
	padding:0 0 0 15px;
	text-decoration:none;
	line-height:35px;
	white-space:nowrap;
	width: auto;
}


.navigation .current a b {
display:block; 
padding:0 30px 0 15px; 
background:url(../pro_line_2.gif) right top;
}

.navigation .select a:hover, 
.navigation .select li:hover a {
background: url(../pro_line_1.gif); 
padding:0 0 0 15px; 
cursor:pointer; 

}

.navigation .select a:hover b, 
.navigation .select li:hover a b {
	display:block;
	float:left;
	padding:0 30px 0 15px;
	background:url(../pro_line_1.gif) right top;
	cursor:pointer;
	width: auto;
}

.navigation .select_sub {
display:none;
}

/* IE6 only */
.navigation menu {
	border-collapse:collapse;
	margin:-1px;
	font-size:1em;
	width:0;
	height:0;
}

.navigation .sub {
	display:table;
	margin:0 auto;
	padding:0;
	list-style:none;
	text-align: center;
}

.navigation .sub_active .current_sub a, 
.navigation .sub_active a:hover {
background:transparent; 
color:#f00;

}

.navigation .select :hover .select_sub, 
.navigation .current .show {
display:block; 
position:absolute; 
width:100%; 
top:-35px; 
background:url(../back_0.gif); 
padding:0; 
z-index:100; 
left:-7.5em; 
text-align:center;
}
hr {
}

.navigation .current .show {
	z-index:10;
	text-align: center;
}

.navigation .select :hover .sub li a, 
.navigation .current .show .sub li a {
	display:block;
	float:left;
	background:transparent;
	white-space:nowrap;
	border:0;
	color:#3399FF;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	width: auto;
}

.navigation .current .sub li.sub_show a {
color:#088; 
cursor:default; 
background:url(../back_1.gif);
}

.navigation .select :hover .sub li a:hover, 
.navigation .current .sub li a:hover {
visibility:visible; 
color:#088; 
background:url(../back_1.gif);
}

.ariane {
	color:#000066;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.2em;
}
.ariane a{
	color:#000066;
}
.ariane a:hover{
	color:#990000;
	background-color: #FFFFFF;
}

/********************************************************************
image popup sur lienµµµµµµµµµµµµµµµµ***********/


.screen a, .screen a:visited {
	color:#000099;
	position:relative;
	z-index:1;
}

a.screen  b {
position:absolute;
visibility:hidden; /* hide the image */
width:100px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
/* border:1px solid #0000CC; /* add a border */
left:80px; /* position:the image */
/*top:10px;*/
}
a:hover .screen {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a:hover.screen   b{
visibility:visible; /* make the image visible */
height:125px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a:hover.screen  b img {
border:0; /* remove the link border */
}