/* composants pour les div */

/*  ***********************************************************************BARRE DE MENU*******************************************************************/
body{
	font-family:Times New Roman, Times, serif;
	font-size:11px;
	color: #333333;
	background-color: #cccccc;
	background-image:   url("doc_images/bg_grad.jpg");
	background-attachment: fixed;
	margin:0px;
	
}
#logo{
	position:absolute;
	width:650px;
	left:20px;
}
#bandeNoire{
	position:absolute;
	background-image: url("doc_images/barrelogo.gif");
	background-repeat:repeat-x;
	/*background-color:#000000;*/
	color:#333333;
	width: 700px;
	left:50%;
	margin-left:-350px;
	z-index:4;
	height:132px;

}

#globalNav{
	position: absolute;
	bottom:0px;
	background-image:  url("doc_images/barrefond.gif");
	height:32px;
	z-index:5;
	left:50%;
	margin-left:-350px;
	top:100px;
	width:700px;
	
}






#corps{
	background-image: url("doc_images/bg_grad2.jpg");
	position:absolute;
	width:700px;
	left:50%;
	margin-left:-350px;
	height:618px;
	z-index:1;
	top:160px;
}
#centre{
	position:absolute;
	background-color:#FFFFFF;
	width:510px;
	left:180px;
	top:10px;
	height:570px;
}

#textecentre{
	position:absolute;
	width:490px;
	left:10px;
	top:40px;
	height:500px;
}

#sommaire{
	background-image: url("doc_images/spacer.gif");
	background-position:right;
	position:absolute;
	top:10px;
	width: 163px;
	background-repeat:repeat-y;
	left:50%;
	margin-left:-350px;
	height:570px;
}



	
#globalpied{
	position:absolute;
	width: 700px;
	height:42px;
	background-image:  url("doc_images/barrefond2.gif");
	left:50%;
	margin-left:-350px;
	text-align:center;
	top:780px;
	
}


#pied{
	position:absolute;
	font-size:10px;
	width: 700px;
	top:10px;
	left:50%;
	margin-left:-350px;
	
}




.form{
width:100%;
}
/*********************************************************************************************************************************/
#photo1{
	position:absolute;
	top:20px;
	left:0px;
	z-index:1;
	border-color:#000000;
	border-style:outset;
	width: 200px;
	height: 150px;
	
}

#photo2{
	position:absolute;
	top:35px;
	left:300px;
	overflow: hidden;
	z-index:1;
	border-color:#000000;
	border-style:outset;
	width: 180px;
	height: 120px;
}

#photo3{
	position:absolute;
	top:200px;
	left:30px;
	overflow: hidden;
	z-index:1;
	border-color:#000000;
	border-style:outset;
	width: 120px;
	height: 200px;
}
#photo4{
	position:absolute;
	top:110px;
	left:130px;
	overflow: hidden;
	border-color:#000000;
	border-style:outset;
	z-index:2;
	width: 200px;
	height: 200px;
}

#photo5{
	position:absolute;
	top:270px;
	left:300px;
	overflow: hidden;
	z-index:1;
	border-color:#000000;
	border-style:outset;
	width: 100px;
	height: 100px;
}

#textphoto{
	position:absolute;
	left:370px;
	top: 205px;
	}








/*  ****************************************************************************************************************************************************/

a.sslien:link{ 
  	font-family:Times New Roman, Times, serif;
	color:#000066;
	text-decoration:none;
}

a.sslien:visited{
  	font-family:Times New Roman, Times, serif;
	color:#000066;
	text-decoration:none;
}

a.sslien:hover{
  	font-family:Times New Roman, Times, serif;
	color:#000000;
	text-decoration:underline;
}
.pied{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}

.titresommaire{
  	color: #646464;
	text-align:center;
	background-image: url("doc_images/barrehover.gif");
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
}
a.sommaire:link{ 
  	color: #646464;
}

a.sommaire:visited{
  	color: #646464;
}

a.sommaire:hover{
	color: #000000;
}

.sommaire{
	color:#999999;
	margin-left:10px;
	margin-right:10px;
	font-size:10px;
	text-decoration:none;
}

.titre{
	color:#333333;
	font-size:12px;
	font-weight:bold;
}
.sstitre{
	color:#333333;
	font-size:12px;
}

.spacer{
	position:relative;
	background-image: url("doc_images/spacer.gif");
	background-repeat:repeat-x;
	height:1px;
	margin-left:5px;
	margin-right:5px;
	background-position:center;
	
	
}
.gnl {
	position: absolute;
	top: 0px;
	left:0px;
}
.gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

.partie{
	font-size:12px;
	color:#000000;
}
a.partie:link{
	font-size:12px;
	color:#000000;
	text-decoration:none;
}
a.partie:hover{
	font-size:12px;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}
a.partie:visited{
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

/****************************************************************************/
dl, dt, dd, ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#menu {
	position: absolute;
	top: 8px;
	z-index:6;
	height:32px;
	font-weight:bold;
	width: 690px;
	width:600px;
	margin-left:-260px;
	left:50%;
	
}
#menu dl {
	float:left;

}
#menu dt {
	text-align:center;
	height:24px;
}
#menu dd {
	display: none;
	position:absolute;

}
#menu ul {
background-color:#736A6A;
padding:5px;
line-height:20px;
}

#menu dt a {
	font-size: 10pt;
  	color: #646464;
	margin: 0px;
	padding: 2px 8px 4px 8px;
	border-right: 1px solid #8FB8BC;
	display: block;
}
#menu dt a:visited {
	font-size: 10pt;
  	color: #646464;
	margin: 0px;
	padding: 2px 8px 4px 8px;
	border-right: 1px solid #8FB8BC;
	display: block;
}

#menu dt a:hover {
	font-size: 10pt;
	margin: 0px;
	padding: 2px 8px 4px 8px;
	background-image: url("doc_images/barrehover.gif");
	text-decoration: none;
	color: #000000;
	display: block;
}

 a.lienmenu:link{
  	color: #ffffff;
	text-decoration:none;
	
		
}

 a.lienmenu:visited{
	text-decoration:none;
	color: #ffffff;
}
 a.lienmenu:hover{
	color:#999999;
	text-decoration:none;
	
}

.mini{
	font-size:9px;
}