/*****************************************************/
/*                      CSS							 */
/*****************************************************/
/*	Author: Adrien van DELFT						 */
/*													 */
/*	Date : 	08/09/2007								 */
/*	Client : Eloquant								 */
/*	Agence : Net-design								 */
/*													 */
/*													 */
/*****************************************************/



*{
	margin:0;
	padding:0;
	}

a{
	color: #e47a03;
	text-decoration: none;
	}
	
img{border:0;}	
	
.activElement{
	font-weight: bold;
	color: #e47a03 !important;
	color: #e47a03;
	}

body{
	font-family: Verdana;
	font-size: 11px;
	color: #828282;
	background: #f5f5f5 url(../SFX/body.bg.jpg) repeat-x;
	}

h1{font-size: 16px;margin-top: 0px;margin-bottom: 20px;font-weight:normal}

h4{font-size: 11px;font-weight: bold;color: #e47a03;}


ul.erreurs, .erreurs {
    color:#CC0000;
    font-weight: bold;
    padding-bottom:10px;
}

/****************************************************** 
/*                      ContainerS
******************************************************/


#container{
	display: block;
	position: absolute;
	width: 1014px;
	top:100px;
	left:50%;
	margin-left: -507px;
	}

#contenu_pages{
	width: 914px;!important
	width: 1014px;
	background: 				transparent url(../SFX/contenu.bg.png) center repeat-y !important;
	background: 				transparent url(../SFX/contenu.bg.gif) center repeat-y ;
	/*behavior: url(../INC/pngfix.htc);  WinIE behavior call */
	padding: 170px 50px 20px 50px;
	
	}

#contenu_pages_acc{
	width: 914px;!important
	width: 1014px;
	background: 				transparent url(../SFX/contenu.bg.png) center repeat-y !important;
	background: 				transparent url(../SFX/contenu.bg.gif) center repeat-y ;
	/*behavior: url(../INC/pngfix.htc);  WinIE behavior call */
	padding: 220px 50px 0px 50px;
	
	}




#contenu_haut{
	width: 1014px;
	height: 17px;
	background: #fff url(../SFX/contenu.haut.bg.jpg) no-repeat;
	
	}
	
	
#contenu:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#contenu {display: inline-block;width:850px;margin-left: 40px;}

/* Hides from IE-mac \*/
* html #contenu {height: 1%;}
#contenu {display: block;}
/* End hide from IE-mac */

#contenu ul li{margin-left: 12px;}


#beatscrumb{
	display: block;
	position: absolute;
	width: 1014px;
	top:256px;
	left:50%;
	margin-left: -412px;
	}

.inactivLink{color:#828282;}

#contenu_middle{
	margin-left:230px;
	}
	
/****************************************************** 
/*                      Foooter
******************************************************/

#footer{
	display:block;
	width: 1014px;
	height:22px;
	background: #fff url(../SFX/footer.bg.jpg) no-repeat;
	clear:both;
	}
#footer_elequant{
	display:block;
	position: absolute;
	margin:  -229px 0px 0px 14px;
	width: 25px;
	height:229px;
	background: #fff url(../SFX/footer.eloquant.jpg) no-repeat;
	}
#footer span {
	display:block;
	position: absolute;
	margin:  12px 0px 0px 660px;
	width: 298px;
	height:30px;
	font-size: 10px;
	}

#footer span a {color: #828282;}









/****************************************************** 
/*                      menu
******************************************************/
#menuC{
	display:block;
	position: absolute;
	top:-45px;
	left:50%;
	margin-left: -430px;
	width:728px;
	height:42px;
	background: url(../SFX/menu.bg.jpg) repeat-x;
	background-position-y: 5px;
	}

.ie #menuC{background-position-y: 0px;}

#menu_principal{
	list-style-type: none;
	}

#menu_principal li {float: left;}

#menu_principal li a{
	text-indent: -5000px;
	display: block;
	height: 25px;
	}
	
#menu_principal li a#menu1:hover, #menu_principal li a#menu1.current {background-position: 0px -25px !important; }
#menu_principal li a#menu2:hover, #menu_principal li a#menu2.current {background-position: 0px -25px !important; }
#menu_principal li a#menu3:hover, #menu_principal li a#menu3.current {background-position: 0px -25px !important; }
#menu_principal li a#menu4:hover, #menu_principal li a#menu4.current {background-position: 0px -25px !important; }

#menu_principal li a#menu1 { width:106px;background:transparent url(../SFX/menu.1.jpg) no-repeat !important; }

#menu_principal li a#menu2 { width:117px;background:transparent url(../SFX/menu.2.jpg) no-repeat !important; }

#menu_principal li a#menu3 { width:95px;background:transparent url(../SFX/menu.3.jpg) no-repeat !important; }

#menu_principal li a#menu4 { width:102px;background:transparent url(../SFX/menu.4.jpg) no-repeat !important; }


#menu_option{
	display: block;
	height:10px;
	font-size: 9px;
	position: absolute;
	left:50%;
	margin-left: -358px;
	top:34px;
	}
	
	
#menu_option a {color: #828282;}

#eloquant a {
	text-indent: -5000px;
	display:block;
	position: absolute;
	top:-89px;
	left:50%;
	margin-left: 342px;
	width:170px;
	height:234px;
	background: url(../SFX/eloquant.logo.jpg) no-repeat;
	}

#bandeau{
	display: block;
	height: 202px;
	width:867px;
	position: absolute;
	top:9px;
	left:50%;
	margin-left: -415px;
	z-index: 0;
	}
	
	
	
	
/****************************************************** 
/*                      SOUS- menuS
******************************************************/


#subcontainer{
	/*background-color:#CC3399;*/
	height:300px;
	width:600px;
	margin-top:25px !important;
	margin-top:325px;
	clear:both;
	overflow:hidden;
	}

.sub{
	display:block;
	position:absolute;
	background: url(../SFX/fond_sub.gif) no-repeat;
	background-position: bottom;
	width: 210px;
	list-style-type: none;
	z-index:1000;
	clear:both;
	overflow:hidden;
	}

.sub li img {margin: 15px 0px 0px 12px;}
.sub li a {
	display: block;
	height: 22px;
	width: 198px;
	margin: 1px 0px 1px 0px;
	padding-left: 12px;
	padding-top: 12px;
	border-top: #e7e6e1 1px solid;
	}
.sub li a:hover {background-color:#e88216;color: #eae9d5; }

#sub_eloquanta{margin-left: 0px;}
#sub_solutionsa{margin-left: 110px;}
#sub_clientsa{margin-left: 228px;}
#sub_contacta{margin-left: 325px;}




	
	
	



	
/****************************************************** 
/*                      Bloc Gauche
******************************************************/
	
#container_gauche{
	display: block;
	float: left;
	width: 230px;
	height: 100%;
	}	


#container_gauche ul {list-style-type: none;margin-top: 10px;}

#container_gauche ul li {
	display: block;
	background: url(../SFX/bullet.jpg) no-repeat;
	background-position: 0px 4px;
	padding-left: 15px;
	}

#container_gauche ul li a {color:#828282;}

.blocG1{
	display: inline-block;
	width:174px;
	background:  url(../SFX/blocG1.bg.jpg) no-repeat;
	padding: 5px;
	font-size: 10px;
	padding: 5px 10px 0px 10px;
	}
	
.blocG1:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.blocG1 {display: inline-block;}

/* Hides from IE-mac \*/
* html .blocG1 {height: 1%;}
.blocG1 {display: block;}
/* End hide from IE-mac */

.blocG1_footer{
	display: block;
	width:194px;
	height: 8px;
	margin: 0px 0px 25px 0px;
	background:  url(../SFX/blocG1.footer.jpg) no-repeat;
	clear: both;
	}

.blocG1_essai_footer a {
	display: block;
	width:194px;
	height: 25px;
	margin: 0px 0px 25px 0px;
	text-indent: -5000px;
	background:  url(../SFX/blocG1_essai_footer.bg.jpg) no-repeat;
	clear: both;
	}


.blocG1_titre{
	display: block;
	height: 15px;
	width: 171px;
	text-indent: -5000px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	}

#blocG1_espace_clients{background-image: url(../SFX/blocG1_espace_clients.jpg);}
#blocG1_contactez_nous{background-image: url(../SFX/blocG1_contactez_nous.jpg);}
#blocG1_histoire{background-image: url(../SFX/blocG1_histoire.jpg);}
#blocG1_success_stories{background-image: url(../SFX/blocG1_success_stories.jpg);}
#blocG1_offre_detail{background-image: url(../SFX/blocG1_offre_detail.jpg);}
#blocG1_references{background-image: url(../SFX/blocG1_references.jpg);}
#blocG1_devenir_partenaire{background-image: url(../SFX/blocG1_devenir_partenaire.jpg);}
#blocG1_success_story{background-image: url(../SFX/blocG1_success_story.jpg);}
#blocG1_eloquant{background-image: url(../SFX/blocG1_eloquant.jpg);}
#blocG1_standards{background-image: url(../SFX/blocG1_standards.jpg);}
#blocG1_equipe_dirigeante{background-image: url(../SFX/blocG1_equipe_dirigeante.jpg);}



.blocG1 ul {list-style-type: none;margin-top: 10px;margin-bottom: 10px;margin-left: -10px !important;margin-left:-10px;}

.blocG1 ul li {
	display: block;
	background: url(../SFX/bullet.jpg) no-repeat;
	background-position: 0px 4px;
	padding-left: 15px;
	}

.blocG1 ul li a {color:#e47a03 !important;}

.imgBG{	margin: 0px 0px 0px 0px;}

	
	
/****************************************************** 
/*                      Bloc Droite
******************************************************/
	
#container_droite{
	float: right;
	width: 230px;
	margin-left: 20px;
	}	
	
.blocD1{
	display: inline-block;
	width:174px;
	margin: 0px 0px 0px 0px;
	background:  url(../SFX/blocG1.bg.jpg) no-repeat;
	padding: 5px;
	font-size: 10px;
	padding: 5px 10px 0px 10px;
	}
	
.blocD1:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.blocD1 {display: inline-block;}

/* Hides from IE-mac \*/
* html .blocD1 {height: 1%;}
.blocD1 {display: block;}
/* End hide from IE-mac */

.blocD1_footer{
	display: block;
	width:194px;
	height: 8px;
	margin: 0px 0px 25px 0px;
	background:  url(../SFX/blocG1.footer.jpg) no-repeat;
	clear: both;
	}


.blocD1_titre{
	display: block;
	height: 15px;
	width: 171px;
	text-indent: -5000px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	}

#blocD1_focus{background-image: url(../SFX/blocD1_focus.jpg);}
#blocD1_success_story{background-image: url(../SFX/blocD1_success_story.jpg);}

.blocD1 ul {list-style-type: none;margin-top: 10px;margin-bottom: 10px;margin-left:-10px;}

.blocD1 ul li {
	display: block;
	background: url(../SFX/bullet.jpg) no-repeat;
	background-position: 0px 4px;
	padding-left: 15px;
	}










	
/****************************************************** 
/*                      Page equipe
******************************************************/




#equipeMiniContainer{
  display:inline-block;
  margin-bottom: 30px;
}
	


#photoEquipeMiniContainer{
	display:inline;
	float:left;
	margin-right:10px;
}
	
#textEquipeMiniContainer{
}



#menuFAQ{
	display: block;
	height:25px;
	width:579px;
	background: url(../SFX/menuFAQ.bg.jpg) repeat-x;
	}


#legendText{
	font-size: 10px;
	color: #828282;
	}

.separateur{
	display: block;
	height: 27px;
	width: 815px;
	background: url(../SFX/sapcer.bg.jpg) repeat-x;
	}
	
/****************************************************** 
/*                      Contact
******************************************************/


input, select, textarea {
  width:200px;
  font-family: Verdana;
  font-size:11px;
}

.textfield {
  width:100px;
  font-family: Verdana;
  font-size:11px;
}

.textarea {
  width:165px;
  font-family: Verdana;
  font-size:11px;
}