/* CSS Document  */

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


body { font-family:Arial, Helvetica, sans-serif;font-size:12px}
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;
}


#content {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:955px;
	height:620px;
	z-index:1;
	left: 0px;
	top: 0px;
	background:transparent url(../images/fond.gif) top left no-repeat;
}


/*#bloc1 {
	position:absolute;
	width:675px;
	height:352px;
	z-index:6;
	left: 264px;
	top: 112px;
	background-color: #ffffff;
	color:#000000;
}*/



#bloc_temoignage {
background-color:#FFFFFF;
height:373px;
left:265px;
position:absolute;
top:110px;
width:673px;
z-index:6;
}

#bloc_temoignage p{margin:3px 0 !important;}


#bloc1 {
background-color:#FFFFFF;
height:352px;
left:265px;
position:absolute;
top:110px;
width:524px;
z-index:6;
}




#bloc1 p {
	margin:3px 0 !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	text-align:justify;
	color:#000000;
}

#bloc1 p.edito { line-height:16px}

#bloc1 p.edito-lien { 
	display:block;
}

#bloc1 p.edito-lien a { 
	color:#FFF;
	font-size:12px;
	padding:10px;
	margin:40px 0 0 0;
	display:block;
	background:url(../images/btn-mauve_off.jpg) top left no-repeat;
	width:280px;
	height:47px;
	background-color:#009966;
	
	}
#bloc1 p.edito-lien a:hover {text-decoration:none; color:#000; background:url(../images/btn-mauve_hover.jpg) top left no-repeat;}

#bloc1 p.implantation { margin:-10px 0 10px; padding:0; text-align:left}

#bloc1 p img {
	margin-bottom:1px;
}

#bloc1 p img .camembert {
	margin-top:18px;
}

#bloc1 p a img {
	margin-bottom:3px;
}

#bloc1 p span img {
	margin-bottom:3px;
}

#bloc1 #Map {
	margin-top:9px;
}

#bloc1 p.graph {
	/*background:transparent url(../images/puce-parme2.gif) no-repeat 0 2px;
	padding-left:10px;*/
	margin-top:0;
	font-size:1em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}

#bloc1 .bis {
	position:absolute;
	width:524px;
	height:352px;
	z-index:6;
	left: 265px;
	top: 112px;
	background-color: #ffffff;
}

#temoignage {
	position:absolute;
	width:544px;
	height:456px;
	z-index:6;
	left: 265px;
	top: 112px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	overflow: auto;
	padding:0 10px 0 0
}

#bloc2 {
	position:absolute;
	width:524px;
	height:329px;
	z-index:6;
	left: 265px;
	top: 162px;
	background-color: #ffffff;
}

#content-entreprise {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:955px;
	height:690px;
	z-index:1;
	left: 0px;
	top: 0px;
	background:transparent url(../images/fond-entreprise.gif) top left no-repeat; 
}

#content .offre {
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
	margin:none;
}

#content .offre ul {
	margin-top:2px;
	padding-left:5px;
}

#content .offre ul li {
	padding-left:15px;
	list-style-type:none;
	background:transparent url(../images/puce-grise.gif) 0 5px no-repeat; 
}

#content #bloc1 span{
	/*margin:0;
	padding:0;
	width:100%;
	height:100%;*/
}


#content #bloc1 img{
	padding-bottom:0;
	margin-top:0;
}

#content table tr td{
	padding:0;
	height:100%;
}


#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: 18px;
	top: 430px;
	background-color: #ffffff;
}

#animation-entreprise {
	position:absolute;
	width:216px;
	height:162px;
	z-index:12;
	left: 16px;
	top: 500px;
	background-color: #ffffff;
}
#menu {
	position:absolute;
	width:178px;
	height:301px;
	z-index:14;
	left: 16px;
	top: 100px;
}
#menubas {
	position:absolute; 
	width:920px;
	height:17px;
	z-index:13;
	left: 18px;	
	top: 599px;
	background-color: #a6a7a7;
}
#menubas-entreprise {
	position:absolute;
	width:613px;
	height:11px;
	z-index:13;
	left: 18px;
	top: 664px;
}

#image1 {
	position:absolute;
	width:93px;
	height:93px;
	z-index:11;
	left: 846px;
	top: 492px;
	background-color: #CCCCCC;
	visibility: visible;
}

#image1 p { margin:30px 0 0 0;}
*+html #image1 p { margin:30px 0 0 0;}


#image1-entreprise {
	position:absolute;
	width:93px;
	height:93px;
	z-index:11;
	left: 846px;
	top: 574px;
	background-color: #CCCCCC;
	visibility: visible;
}
#image2 {
	position:absolute;
	width:93px;
	height:93px;
	z-index:10;
	left: 846px;
	top: 382px;
	background-color: #CCCCCC;
	visibility: visible;
}

#image3 {
	position:absolute;
	width:93px;
	height:93px;
	z-index:9;
	left: 731px;
	top: 492px;
	background-color: #CCCCCC;
	visibility: visible;
}

#image3-entreprise {
	position:absolute;
	width:93px;
	height:93px;
	z-index:9;
	left: 734px;
	top: 574px;
	background-color: #CCCCCC;
	visibility: visible;
}
#image4 {
	position:absolute;
	width:93px;
	height:93px;
	z-index:8;
	left: 732px;
	top: 492px;
	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-Blanc span {
	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: 403px;
}
.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;
}

.imghover{
border:2px solid #990099;
}

.imghover:hover{
border:2px solid #990099;
}


.TitreEras{
	color: #A7A7A7;
	font-size: 18px;
}
.stylearial{
font-family:Arial, Helvetica, sans-serif;
}

.form {display:block; margin:none;}

/*Actualités archives*/
#divControl1 {position:absolute; left:450px; top:20px; width:15px; font-size:10pt; font-family:arial,helvetica,sans-serif; visibility:hidden;  line-height:17px;}
#divCont1 {position:absolute; left:00px;	top:90px; width:285px; height:140px; /*clip:rect(0px 450px 260px 0px);*/ font-family:verdana; line-height:17px;}
#divCont1 .clScroll   { position:absolute; font-size:10pt; font-family:arial,helvetica,sans-serif; visibility:hidden; line-height:17px;}


/*Bloc actualités*/
#divControl {position:absolute; left:285px; top:00px; width:1px; font-size:10pt; font-family:arial,helvetica,sans-serif; visibility:hidden;  line-height:17px;}
#divCont {position:absolute;	left:00px;	top:10px; width:285px; height:140px; clip:rect(0px 285px 237px 0px);	font-family:verdana; line-height:17px;}
#divCont .clScroll   {position:absolute; font-size:10pt; font-family:arial,helvetica,sans-serif; visibility:hidden; line-height:17px;}


/*Modifications du 25 mai 2009*/
#bloc3{ 
	position:absolute;
	width:524px;
	height:455px; 
	overflow:auto; 
	z-index:6;
	left: 265px;
	top: 112px;
	background-color: #ffffff;
}
#bloc3 p { 
	margin:16px 16px 16px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	text-align:justify
}


#content h1  {
	position:absolute;
	width:212px;
	height:68px;
	z-index:11;
	left: 1px;
	top: 9px;
	margin:0;
	padding:0;
}

#content h2 {
	margin:0 0 10px 0;
	padding:0;
}

#content h3 {
	margin:5px 0 15px 0;
	padding:0;
	font-size:14px;
	color:#919090;
}

#bloc1 h3.plan {
	margin:0;
	padding:0;
	font-size:13px;
	
}
#bloc1 h3.plan a {font-weight:bold}


#content h4 {
	margin:5px 0 5px 0;
	padding:0;
	font-size:11px;
	color:#A7A7A7
}


#bloc-candidature {
	position:absolute;
	width:422px;
	height:385px;
	z-index:6;
	left: 270px;
	top: 110px;
	background-color: #FFFFFF;
	visibility: visible;
}
#content #desproj {
	position:absolute;
	width:298px;
	/*height:390px;*/
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	z-index:7;
	left: 622px;
	top: 200px;
	background-color: #a7a7a7;
	overflow: auto;
	visibility: visible;
}

#content #desproj h3 { color:#FFFFFF; margin:0; padding:0; }
#content #desproj h4 { color:#FFFFFF; margin:0 0 10px; padding:0; }
#content #desproj p { font-size:11px; color:#FFFFFF}

#bloc-contact {
	position:absolute;
	width:612px;
	height:450px;
	z-index:6;
	left: 265px;
	top: 112px;
	background-color: #FFFFFF;
	visibility: visible;
	overflow: auto;
}

#bloc-electricite {
	position:absolute;
	z-index:6;
	left: 265px;
	top: 112px;
	height:470px;
	width:555px;
	padding-right:10px;
	overflow: auto;
}
#bloc-glossaire {
	position:absolute;
	width:517px;
	height:455px;
	padding-right:10px;
	z-index:6;
	left: 302px;
	top: 112px;
	background-color: #FFFFFF;
	overflow: auto;
}
#siege {
	position:absolute;
	left:734px;
	top:118px;
	width:186px;
	height:320px;
	z-index:6;
	background-color: #a7a7a7;
	visibility: visible;
	padding:10px
}
#siege h3 { color:#FFFFFF; margin:0; padding:0}
#bloc-implantation {
	position:absolute;
	width:400px;
	z-index:6;
	left: 265px;
	top: 112px;
	background-color: #ffffff;
	color:#000000;
}
#bloc-plan { 
	position:absolute;
	width:400px;
	z-index:6;
	left: 265px;
	top: 112px;
	background-color: #ffffff;
	color:#000000;
}
#bloc-solution {
	position:absolute;
	width:114px;
	height:25px;
	z-index:8;
	left: 686px;
	top: 391px;
}
#bloc-presse {
	position:absolute;
	width:528px;
	height:350px;
	z-index:6;
	left: 270px;
	top: 112px;
	background-color: #FFFFFF;
	overflow:auto;
}
#bloc-presse td{
border-bottom : 1px solid #C0C0C0;
}
#bloc-presse a {color: #666666}
#bloc-presse a:hover {color: #999999}
#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;
}
/*Modifications du 3 juillet 2009*/
#anticipez-vig1 {position:absolute; left:843px; top:379px; z-index:2; background-color:#CCCCCC; height:93px; width:93px; }
#anticipez-vig2 {position:absolute; left:843px; top:489px;  z-index:2; background-color:#CCCCCC; height:93px; width:93px; }
#anticipez-vig3 {position:absolute; left:724px; top:489px;  z-index:2; background-color:#CCCCCC; height:93px; width:93px; }
#anticipez-vig4 {position:absolute; left:604px; top:489px; z-index:2; background-color:#CCCCCC; height:93px; width:93px; }

#bloc-references{
	position:absolute;
	width:535px;
	height:347px;
	z-index:6;
	left: 291px;
	top: 113px;
	background-color: #FFFFFF;
	overflow:auto;
	padding:0 5px 0 0
}

.alignerDroite {float:right}
.alignerGauche {float:left}
.myhr {clear:both; visibility:hidden; overflow:hidden; height:0px; display:block;}

ul.puceParme { list-style-type:none; margin:0 0 10px 0; padding:0 50px 0 0; float:left}
ul.puceParme li { padding-left:20px; background:url(../images/puce-parme.gif) no-repeat scroll left 6px}
ul.puceParme li ul li {background:none; padding:0}

ul.puceGrise { list-style-type:none; margin:5px 0 5px 0; padding:0 50px 0 0; float:left}
ul.puceGrise li { padding-left:20px; margin:0; background:url(../images/puce-grise.gif) no-repeat scroll left 6px}
ul.puceMiniGrise { list-style-type:none; margin:5px 0 5px 0; padding:0 0 0 10px; }
ul.puceMiniGrise li {background:none; list-style-type:none; margin:5px 0 0 0;padding-left:15px; background:url(../images/puce-grise-petite.gif) no-repeat scroll left 6px}

.menu_bas img {visibility:hidden;}
img.border {border:none;}
img.border:hover {border:none;}

#test{overflow:auto}
#test p{width:580px;  height:auto;}
.overflow{overflow:auto}

#blocactus {
background-color:#FFFFFF;
height:380px;
left:265px;
position:absolute;
top:110px;
width:675px;
}

#blocactus span {
width:580px;
display:block;
}

.soluce {width:500px;}

td .Arial-12-Noir