/* CSS Document */
[css] img  behavior : url(iepngfix.htc) ; 
body {
   margin: 0; /* pour éviter les marges */
   /*text-align: center; /* pour corriger le bug de centrage IE */
	 background-color: #ffffff;	
	 font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;  
   color: #666666;	
 	SCROLLBAR-FACE-COLOR: #dddddd;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #6E88D3;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #eeeeee;
	SCROLLBAR-DARKSHADOW-COLOR: #eeeeee;    
}
#header {
	position:absolute;
	top:0px;
	width:100%;
	right:15px;
	margin-right:-15px;
	height:100%;
	text-align: center;
	z-index:4;	

	}
#menuH {
	position:absolute;
	 left:50%;
  margin-left:-10px;
	top:13px;
	width:400px; 	
 	z-index:4;  	
}
#menuH_texte{
	position:absolute;
	left:50%;
  margin-left:-120px;
	top:23px;
	width:100px; 	
  text-align: right;
  z-index:4;
   
}
#conteneurmenu {
  position:absolute;
  left:50%;
  margin-left:-386px;
	top:190px;
	width:785px;
  height :20px; 
	z-index:4;
		border-bottom:1pt #cccccc;	
		border-bottom-style : groove ;
		padding :0;
}
#menu_texte{
	position:absolute;
	left:50%;
  margin-left:-380px;
	top:135px;
	font-style: italic ;
	font-family: Arial, Helvetica, serif;
  font-size: 10px;  
 color:#000000;
	width:200px;
  height:45px; 	
  text-align: left;
  z-index:4;
  
}
#mpresse{
 width:160px;
 height:35px ;
 background-image: url(../images/lienpresse.png);
 background-repeat: no-repeat;
  padding-top :5px;
  padding-left:10px;	  
}
#mmkd{
 width:160px;
 height:35px ;
 background-image: url(../images/lienmartketingdirect.png);
 background-repeat: no-repeat;
  padding-top :5px;
  padding-left:10px;	 
/*  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='Image/Borg_Center2.png'); */
}
#mdocg{
 width:160px;
 height:35px ;
 background-image: url(../images/liendocsdegestion.png);
 background-repeat: no-repeat;
  padding-top :5px;
  padding-left:10px;	  
}
#martsg{
 width:160px;
 height:35px ;
 background-image: url(../images/lienartsgraphiques.png);
 background-repeat: no-repeat;
  padding-top :5px;
  padding-left:10px;
  
}
#mvad{
 width:160px;
 height:45px ;
 background-image: url(../images/lienVAD.png);
 background-repeat: no-repeat;
  padding-top :5px;
  padding-left:10px;
 	  	  
}
.lienmenu{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #666666;
  text-decoration: none;
}
a.lienmenu:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #999999;
  text-decoration: none;
}
.lienhautpage{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #049B17;
	top: 10px;
	text-decoration: none;
	margin: auto;
}
a.lienhautpage:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #CD300D;
	top: 10px;
}
.lienbasdepage {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	
}
a.lienbasdepage:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #000000;	
}
.lienrotate{  /*  message rotatif   texte */
  font-size:14px;
  font-weight: bold;
  text-decoration: none;
  line-height: 30px;
}

#messageIE{/*pour ie message rotatif  position*/
  position:absolute; 
  margin-left:0px;
  width:330px;
  height: 70px;
} 
#messageMo{/*pour ie message rotatif  position*/
  position:absolute; 
  margin-left:-0px;
  width:330px;
  height: 70px;
} 

.listmetier{
 font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #888888;
  text-decoration: none;
}
a.listmetier:hover{
 font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #888888;
  text-decoration: underline;
}
.listservice{
 font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #7397b9;
  text-decoration: none;
}
.listoffre{
 font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #555555;
   text-decoration: underline;	
}
.lienplan{
 font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #999999;
  text-decoration: none;
}
.liensuite{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  background-color: #cba46e;
  padding:0px 5px 0px 5px;
}
.textemenuH{
  font-family:  Verdana, Helvetica, sans-serif;
/*	font-weight: bold;*/
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	text-align: left;
}
.textemenu{
  font-family: Verdana, Arial,  sans-serif;	
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	text-align: left;
}
#titre{  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #cba46e;
	text-align: left;
	width:450px;
  margin : 10px 0px 0px 20px;	
  padding:20px 0px 0px 0px;
}
.soustitre{  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #cba46e;
	text-align: left;
	width:400px;
}
.upper{
text-transform: uppercase ;
}
h3 {
font: bold 15px verdana, sans-serif;
color: gray;
}
h4 {
font: bold 12px verdana, sans-serif;
color: gray;
}
h5 {
font:  bold 10px verdana, sans-serif;
color: #999999;
}
.textechap{
font:  12px verdana, sans-serif;
color: #999999;
}
.titregris{
font: bold 12px verdana, sans-serif;
color: gray;
}
table {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;  
 color: #666666;	
}
/* Listes à puces non ordonnées */
.carre{
   list-style-type: square;
}
#fondhaut{
  position:absolute;
  left:50%;
  margin-left:-400px;
	top:1px;
	width:795px;
	height : 555px; 	
  background-image: url(../images/fondhaut.jpg);
	background-repeat: no-repeat;
	z-index:3;	
}	
	
#photohaut{
  position:absolute;
  left:50%;
  margin-left:-163px;
	top:83px;
	width:300px;
	height : 100px;
	z-index:4;	
}
/*
#debutmenu {
width:0;height:0;
padding:149 8 0 0;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/debutintermenu.png');
}*/
#points{
  position:absolute;
  left:50%;
 margin-left:250px;
	top:90px;
	width:145px;
	height : 100px;
	z-index:4;/*
  background-image: url(../images/pointsflashs.png);
	background-repeat: no-repeat;	*/
	z-index:3;	
}
#pointsG{
  position:absolute;
  left:50%;
  margin-left:-230px;
	top:90px;
	width:145px;
	height : 100px;
	z-index:4;/*
  background-image: url(../images/pointsgauchecolores.png);
	background-repeat: no-repeat;		*/
		z-index:3;	
}
#accroche{
  position:absolute;
  left:50%;
  margin-left:-349px;
	top:85px;
	width:170px;
	height : 100px;
	/*background-image: url(../images/delacapturea.png);
	background-repeat: no-repeat;	*/
	z-index:4;	
}

#main {
	position:absolute;
	top:205px;
  left:50%;
  margin-left:-390px;
	width:786px;
	right:15px;
	margin-right:-15px;
	z-index:4;	
}	
#vide{
position:absolute;
	top:205px;
  left:50%;
  margin-left:-390px;
	width:786px;
	right:15px;
	margin-right:-15px;
	z-index:4;	
}
* html body .main {
	height:100%;
	overflow:hidden
}
/* IE-mac ne voit pas les lignes qui suivent \*/
* html body .main {
	height:0px;
	overflow:visible
} 		
/* fin du text caché pour IE/mac */
#central {
	position:relative;
	top:5px;  
	width:792px;	
	margin:-7px;
  z-index:1;	
  background-image: url(../images/fondmilieuF.gif);
  background-repeat: no-repeat;	
  z-index:4;
  margin-top : -15px; 	  
}
.corps {
	position:relative;
	min-height:400px;	
	 _height:400px;
	z-index:4;  
}

.div-min-height {
	position:relative;
	height:600px;
	width:0px;
	float:left
}	
.div-min-height-bottom {
	position:relative;
	height:0px;
	clear:left;
}
#maintexte{
  width:700px;  
 	z-index:4;
 	border:0px solid grey;
  margin : 10px 0 0 0; 
  height: auto!important;  
   min-height: 400px; 
 _height:400px;	
}
html>body #maintexte {
height: auto !important;
min-height: 400px;
} 
#maintexteAC{
  width:700px;  
 	z-index:4;
 	border:4px solid grey;
  margin : 10px 0 0 0;
  height: auto!important;
   min-height: 400px; 
 _height:400px;	
}
html>body #maintexteAC {
height: auto !important;
min-height: 400px;
} 
#quest{
 width: 329px;
 height :67px; 
}
.lefttextAc{
 position:absolute;
  width:370px; 
  height: 100px;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393B3F;
	line-height: 10px;
	overflow : auto;  
	text-align: justify;
	margin : 10px 0px 0px 20px; 
	padding : 10px 10px 0px 10px;
	z-index:4; 

}
.textenormal{
 font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393B3F;	
}
.lefttext,lefttext3{
  width:430px; 
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393B3F;
	line-height: 14px;
   margin : 10px 0px 0px 20px; 
	 padding : 10px 10px 0px 10px;
	text-align: justify;
}
.lefttext3{
  width:600px; 
  margin : 0px 0px 0px 20px; 
}
.texteli{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393B3F;
	line-height: 14px;

}
.contenuD{
 position:absolute;
	top:20px;
  left:50%;
  margin-left:70px;  
	width:150px;
	height: 380px;
	overflow : auto;
	right:15px;	
	margin-right:-15px;
 background-image: url(../images/fondnews.png);
  background-repeat: no-repeat; 
	text-align: center;
	z-index:4;
}
.onlytext{
  width:600px; 
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393B3F;
	line-height: 14px;
	text-align: justify;
}
.metierAc{
  position:absolute;
  left:50%;
  margin-left:-390px;
	top:190px;
  width:400px; 
  height: 300px;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393B3F;
	line-height: 14px;
}
.metier_textefocus{
	position:absolute;
	left:50%;
  margin-left:-140px;
	top:190px;
	width:100px; 	
	 font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  z-index:5;
  font-size:18px;
  font-weight: bold;
  color: #be9a3f;	  	
}
* html body .corps {
	height:300px
	} 

.div-min-height {
	position:relative;
	height:440px;
	width:0px;
	float:left
	}
	
.div-min-height-bottom {
	position:relative;
	height:0px;
	clear:left;
	}
	
.gauche {
	position:absolute;
	height:80%;
	width:1px;
	top:10px;
	left:0px;
	background-color: #ffffff;
	}	

.droite {
	position:absolute;
	height:80%;
	width:150px;
	top:10px;
	right:15px;
	margin-right:-15px;
	background-color: #ffffff;
	z-index:4;
	}	
#sousmenuA {
	position:absolute;
	width:160px;
	height:130px;
	top:0px;
	right:15px;
	margin-right:-15px;
  padding-top: 0px;
  padding-bottom: 10px;
  padding-left:5px;
  font-size: 12px;
   font-weight: bold;
  color: #cba46e;
  text-align:center;
}
#postsousmenu{
	width:155px;
	height:80px;
	 overflow : auto;
}
#sousmenu {
	position:absolute;
	width:155px;
	height:80px;
	top:0px;
	padding : 23px 0 10px 5px;
  margin : 0px 0px 0px -15px;
 /* overflow : auto;*/
   font-family: Arial, Helvetica, sans-serif;
  font-size: 11px; 
  color: #aa8e6e;
  text-align:left;	
  background-image: url(../images/nossolutions.png);	
	background-repeat: no-repeat;
	border:0px solid grey;
	}
.lienSoumenu{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #aa8e6e; 
  line-height: 18px;
  text-decoration: none;	
}
a.lienSoumenu:hover {
font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #977e62;  
  line-height: 18px;
  text-decoration: underline;	
}	
#graph2 {
	position:absolute;
	width:150px;
	right:15px;
	top :120px;
	height:80px;
	margin-right:-1px;
	background-color: #ffffff;
	border:0px solid grey;
	z-index:4;	
	}	
	
#accesdirect { 
  position:absolute;
	width:150px;
	right:15px;
	top: 215px;
	height:60px;
	margin-right:-15px;
	background-color: #ffffff;
  text-align:left;	
  z-index:2;	
	} 	
#logoClients { 
  position:absolute;
	width:150px;
	right:15px;
	top: 200px;
	height:110px;
	margin-right:0px;
	background-color: #ffffff;
  vertical-align:bottom;	
	}
.textelogo{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #cba46e;
	line-height: 14px;
	text-align:center; 
}	
#displaylogoC{
	margin-top:0px;
	background-color: #ffffff;
  vertical-align:bottom;
  text-align :center;	
}
.Bold{
font-weight: bold;
}
#aretenir { 
  position:absolute;
	width:161px;
  height:121px;
	right:10px;
	top: 318px;
	left : 0px;
 	text-align:left;
  padding : 12px 25px 0px 10px;
  margin : 0px 0px 0px -20px; 
  background-image: url(../images/aretenir.png);	
	background-repeat: no-repeat;
  
	} 
.titresmenuA{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	line-height: 14px;	
}  
#textearetenir{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #34507c;
	font-weight: bold;	
	line-height: 12px; 
	width:135px;
  height:100px;
   margin : 0px 0px 0px 8px; 
}	 	
#news { 
  width:400px;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393B3F;
	line-height: 14px;
	}
.newsB { 
  position:absolute;
	top:20px;
  left:50%;
  margin-left:20px;  
	width:200px;
	height: 370px;
	overflow : auto;
	right:15px;	
	margin-right:-15px;	
  background-image: url(../images/fondnews.png);
  background-repeat: no-repeat; 
  text-align: center;
  z-index:4;
}	

.newstexte {   
	top:20px;
	width:200px;
	height: 320px;	
	text-align: justify;
	overflow : auto;
	}	
.titrenews{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;	
	text-align:left;	
}
.titreacces{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #cba46e;
	font-weight: bold;	
	text-align:left;	
}
.liennews{
	color: #888888;
	text-decoration: none;	
	line-height: 14px;	
}	
.newtitre{
	color: #888888;
	text-decoration: none;	
	line-height: 14px;
  font-weight: bold;	
}
.newtitreOr{
 font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #be9a3f;	
	text-decoration: none;	
	line-height: 14px;
  font-weight: bold;	
}  	
.textenews{
	color: #666666;
	line-height: 15px;
	text-align: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 5px 10px 20px;
}

.pied {
	position:relative;
	width:100%;
	height:80px;
	background-color:#ffffff;
	background-image: url(../images/fondbas.png);
	background-repeat: no-repeat;	
	z-index:5;
	margin-left: 2px;
	}