/* CSS Document  */

/*************************************************
***     Modifié le 30/11/2006                  ***  
***     Par : Stéphanie JARRIN                 ***
***     Société : IMAGINE DEVELOPPEMENT        ***
***     Contact : sj@imagine-developpement.net ***
/************************************************/


#content {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:955px;
	height:580px;
	z-index:1;
	left: 0px;
	top: 0px;
	background:transparent url(../images/fond.gif) top left no-repeat; 
}
#bouton {
	position:absolute;
	width:212px;
	height:68px;
	z-index:11;
	left: 20px;
	top: 9px;
}

#animation {
	position:absolute;
	width:216px;
	height:162px;
	z-index:12;
	left: 16px;
	top: 400px;
	background-color: #ffffff;
}
#menu {
	position:absolute;
	width:178px;
	height:301px;
	z-index:14;
	left: 16px;
	top: 100px;
}
#menubas {
	position:absolute;
	/*width:613px;*/
	width:900px;
	height:11px;
	z-index:13;
	left: 18px;
	top: 564px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	  scrollbar-face-color: #dadbdb;
    scrollbar-shadow-color: #dcdddd;
    scrollbar-highlight-color: #ffffff;
    scrollbar-3dlight-color: #eceded;
    scrollbar-darkshadow-color: #dadbdb;
    scrollbar-track-color: #eceded;
    scrollbar-arrow-color: #bcbdbd;
}
body { font-family:Arial, Helvetica, sans-serif;font-size:13px}


#image1 {
	position:absolute;
	width:93px;
	height:93px;
	z-index:11;
	left: 846px;
	top: 454px;
	background-color: #CCCCCC;
	visibility: visible;
}
#image2 {
	position:absolute;
	width:93px;
	height:93px;
	z-index:10;
	left: 846px;
	top: 344px;
	background-color: #CCCCCC;
	visibility: visible;
}
#image3 {
	position:absolute;
	width:93px;
	height:93px;
	z-index:9;
	left: 734px;
	top: 454px;
	background-color: #CCCCCC;
	visibility: visible;
}
#image4 {
	position:absolute;
	width:93px;
	height:93px;
	z-index:8;
	left: 622px;
	top: 454px;
	background-color: #CCCCCC;
	visibility: visible;
}


.Arial-12-Noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
.Arial-16-Noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
}
.Arial-16-Blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
}
.Arial-14-bold-Blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

.Arial-12-Blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}			
.Arial-14-Blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.Arial-14-Gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 39px;
	color: #c3c4c4;	  
}
.Arial-10-Blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.Arial-12-Gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #c3c4c4;	  
}
.Arial-10-Noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.Arial-11-Noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.Arial-9-Noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}
.Arial-9-Noir-select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;	  
	width: 200px;
}
.Arial-9-Noir-select2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;	  
	width: 400px;
}
.background_condidature {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
	background-color : #E5E5E5;
}
a:link {
	font-weight: normal;
	color: #aa3590;
	text-decoration: none;
}
a:visited {
	font-weight: normal;
	color: #aa3590;
	text-decoration: none;
}
a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #331c86;
}
a:active {
	font-weight: normal;
	color: #aa3590;
	text-decoration: none;
}
/*****************maj du 28 mai 2009**************************/
#bloc1 {
	position:absolute;
	width:517px;
	height:316px;
	padding-right:10px;
	z-index:6;
	left: 302px;
	top: 230px;
	background-color: #FFFFFF;
	overflow: auto;
}
#bloc1-auto {
	position:absolute;
	width:517px;
	height:316px;
	padding-right:10px;
	z-index:6;
	left: 302px;
	top: 230px;
	background-color: #FFFFFF;
	overflow: auto;
}
#bloc1-implantation {
	position:absolute;
	width:560px;
	height:435px;
	z-index:6;
	left: 265px;
	top: 112px;
	background-color: #ffffff;
	color:#000000;
	overflow: auto;

}
#bloc1-implantation h2 { margin:0 0 5px 0}
#bloc1-implantation p { padding:5px 5px 5px 0}

#bloc3 {
	position:absolute;
	width:217px;
	height:77px;
	z-index:7;
	left: 302px;
	top: 110px;
	visibility: visible;
}
#bloc-contact {
	position:absolute;
	width:700px;
	height:420px;
	z-index:6;
	left: 240px;
	top: 124px;
	background-color: #FFFFFF;
	visibility: visible;
	overflow: auto;
}

#bloc4 {
	position:absolute;
	width:600px;
	height:360px;
	z-index:7;
	left: 302px;
	top: 180px;
	visibility: visible;
}
#siege {
	position:absolute;
	left:734px;
	top:135px;
	width:186px;
	z-index:6;
	background-color: #a7a7a7;
	visibility: visible;
	padding:10px
}
#siege h3 { color:#FFFFFF; margin:0; padding:0; font-size:13px}
#bloc-location {
	position:absolute;
	width:650px;
	height:450px;
	z-index:6;
	left: 290px;
	top: 110px;
	background-color: #FFFFFF;
	visibility: visible;
	overflow: auto;
}
#bloc-location h3{ margin:0}
#bloc1-erasVision {
	position:absolute;
	width:351px;
	height:230px;
	z-index:6;
	left: 302px;
	top: 164px;
	background-color: #FFFFFF;
	
}

#bloc2-erasVision {
	position:absolute;
	left:681px;
	top:112px;
	width:244px;
	height:320px;
	z-index:6;
	visibility: visible;
	
}
#bloc3-erasVision {
	position:absolute;
	width:217px;
	height:32px;
	z-index:7;
	left: 302px;
	top: 110px;
	visibility: visible;
}