@charset "utf-8";
/* CSS Document */

/*img, div { behavior: url(js/iepngfix.htc) }*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	background-image: url(images/fond.gif);
	color: #333;
}
img {border: 0}

a:link, a:visited {
	color: #000;
	text-decoration: underline; 
}

a:hover, a:active {
	color: #000;
	text-decoration: none; 
}

h1 {
	text-indent: -1000px;
	height: 27px;
	margin: 0;
	padding: 0;
}  

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background : url(images/picto_sstitre.gif) no-repeat top left;
	padding: 0 0 0 19px;
	margin: 15px 0;
}	
h1#tilboard {
	background : url(images/tit_tilboard.gif) no-repeat top left;
}
h1#portailVendeur {
	background : url(images/tit_portail-vendeur.gif) no-repeat top left;
}
h1#planPromo {
	background : url(images/tit_plan-promotionnel.gif) no-repeat top left;
} 
h1#veille {
	background : url(images/tit_veille-concurrentielle.gif) no-repeat top left;
} 
h1#argu {
	background : url(images/tit_argumentaires.gif) no-repeat top left;
} 
h1#presPerso {
	background : url(images/tit_presentation-personnalisee.gif) no-repeat top left;
} 
h1#simulVente {
	background : url(images/tit_simulateur-vente.gif) no-repeat top left;
} 
h1#tilMax {
	background : url(images/tit_tilmax.gif) no-repeat top left;
} 
h1#strategie {
	background : url(images/tit_stategie.gif) no-repeat top left;
} 
h1#design {
	background : url(images/tit_design-realisations.gif) no-repeat top left;
} 
h1#technique {
	background : url(images/tit_technique.gif) no-repeat top left;
} 
h1#maintenance {
	background : url(images/tit_maintenance-performances.gif) no-repeat top left;
} 
h1#eLearning {
	background : url(images/tit_e-learning.gif) no-repeat top left;
} 
h1#suiviComp {
	background : url(images/tit_suivi-competences.gif) no-repeat top left;
} 
h1#societe {
	background : url(images/tit_societe.gif) no-repeat top left;
} 
h1#methodologie {
	background : url(images/tit_methodo.gif) no-repeat top left;
} 
h1#groupe {
	background : url(images/tit_groupe.gif) no-repeat top left;
} 
h1#planSite {
	background : url(images/tit_plan-site.gif) no-repeat top left;
} 
h1#contactus {
	background : url(images/tit_contact.gif) no-repeat top left;
} 

ul {
	margin: 2px 0 0 15px;
	padding: 0 0 0 0;
}
li {
	list-style-type: none;
	background : url(images/bulet.gif) no-repeat 0px 5px;
	padding: 0 0 0 9px;
} 

li li {
	list-style-type: none;
	background : url(images/buletN2.gif) no-repeat left ;
	padding: 0 0 0 8px;
} 


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

#conteneur {
	width: 962px;
	margin: 0 auto;
	padding: 0;
}

#header {
	width: 932px;
	background-image: url(images/ombreHeader.png);
	margin: 0 ;
	padding: 0 15px;
	height: 150px; 
}

#contenuAcc {
	width: 932px;
	height: auto;
	background: url(images/ombreConteneur.png); 
	margin: 0 ;
	padding: 0 15px;
	overflow: hidden;
}
#contenu {
	width: 909px;
	height: auto;
	/*background: url(images/ombreConteneur.png);*/
	margin-left: -15px;
	padding: 27px 15px 0 38px;
	overflow: hidden;
}

#conteneurBas {
	width: 932px;
	height: 15px;
	background: url(images/ombreBas.png) no-repeat;
	margin: 0 ;
	padding: 19px 15px 0 15px;
	text-align: center;
	color: #a29a9d;
}
#conteneurBas .small{
font-size: 9px;
}
/*************************************/
#accueilCol1 {
	float: left;
	width: 480px;
	height: 300px;
	margin: 30px 16px 0 20px;
	padding: 0;
}
#accueilCol2 {
	float: left;
	width: 260px;
	height: auto;
	margin: 30px 0 0 0;
	padding: 0;
}
#accueilCol3 {
	float: left;
	text-align: center;
	width: 120px;
	height: auto;
	margin: 30px 0 0 15px;
	padding: 0;
}
/*************/
.venteTerrain {
	width: 465px;
	height: 58px;
	margin: 0 0 23px 0;
	padding: 29px 0 0 15px ;
	background : url(images/blc_venteTerrain.gif) no-repeat;
}

.venteTerrain p {
	float : left;
	width: 155px;
	height: auto;
	margin: 0 0 0 10px;
	padding: 0 0 0 0 ;
}
.outil {
	width: 465px;
	height: 47px;
	margin: 0 0 23px 0;
	padding: 29px 0 0 15px ;
	background : url(images/blc_outilAideDecision.gif) no-repeat;
}
.outil p {
	float : left;
	width: 155px;
	height: auto;
	margin: 0 0 0 10px;
	padding: 0 0 0 0 ;
}

.marketingCom {
	width: 465px;
	height: 58px;
	margin: 0 0 23px 0;
	padding: 29px 0 0 15px ;
	background : url(images/blc_marketingCom.gif) no-repeat;
}
.formation {
	width: 465px;
	height: 47px;
	margin: 0 ;
	padding: 29px 0 0 15px ;
	background : url(images/blc_formation.gif) no-repeat;
}
.marketingCom p, .formation p {
	float : left;
	width: 155px;
	height: auto;
	margin: 0 0 0 50px;
	padding: 0 0 0 0 ;
}

.venteTerrain .titre, .outil .titre, .venteTerrain .titre, .marketingCom .titre, .formation .titre {
	color: #666;
	font-size: 12px	;
	margin: 0 0 4px 0 ;
	display: block;
}

.venteTerrain a:link, .venteTerrain a:visited, .outil a:link, .outil a:visited,
.marketingCom a:link, .marketingCom a:visited, .formation a:link, .formation a:visited {
	margin: 0 0 0 0;
	padding: 0 0 0 7px ;
	background : url(images/puceRge.gif) no-repeat;
	color: #000;
	text-decoration: none;
}
.venteTerrain a:hover, .venteTerrain a:active, .outil a:hover, .outil a:active,
.marketingCom a:hover, .marketingCom a:active, .formation a:hover, .formation a:active {
	margin: 0 0 0 0;
	padding: 0 0 0 7px ;
	background : url(images/puceRge-on.gif) no-repeat;
	color: #c00;
	text-decoration: none;
}

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

.edito {
	width: 245px;
	height: 160px;
	margin: 0 0 0 0;
	padding: 15px 0 0 15px;;
	background : url(images/edito_bg.gif) no-repeat;
}
#pane1 {
	width: 250px;
	height: 145px;
	margin: 0;
	padding: 0 ;
	color: #666;
	overflow: auto;
}

/*.scroll-pane {
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	border: solid 1px red
}*/

.realisations {
	width: 243px;
	height: 99px;
	margin: 0 0 0 0;
	padding: 31px 10px 0 7px;
	background : url(images/realisations_bg.gif) no-repeat;
	color: #666;
	font-size: 10px
}
.realisations img {
	float: left;
	margin: 0 5px 5px 0;
}
.espClients {
	width: 236px;
	height: 58px;
	margin: 0 0 0 0;
	padding: 33px 0 0 24px;
	background : url(images/espClient_bg.gif) no-repeat;
}
.espClients form {
	margin: 0 ;
	padding: 0;
}
.espClients label {
	float: left;
	width: 72px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #666;
}
.espClients input {
	float: left;
	width: 115px;
	height: 14px;
	margin: 0 20px 5px 0;
	padding: 0 0 0 2px;
	border: solid 1px #d6cccc;
	font-size: 10px
}
.espClients .btOk {
	float: left;
	width: auto ;
	height: auto;
	margin: 0 0 0 -18px;
	padding: 0;
	border: 0
}

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

.clients {
	width: 116px;
	height: 405px;
	margin: 0 0 0 0;
	padding: 0;
	background : url(images/clients_bg.gif) no-repeat;
}
/*******************************************/
#colConteneur {
	float: left;
	width: auto;
	height: auto;
	background : url(images/colGauche_fd.gif) repeat-y;
	margin: 0;
	padding: 0 0 10px 0;

}
#col1 {
	float: left;
	width: 194px;
	height: auto;
	/*background : url(images/colGauche_fd.gif) repeat;*/
	margin: 0 25px 0 0;
	padding: 0 15px 0 6px;
	font-size: 12px;
	line-height: 150%
}	
#col2 {
	float: left;
	width: 390px;
	height: auto;
	margin: 0 34px 0 0;
	padding: 0;
}

#col2 .sstitre {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background : url(images/picto_sstitre.gif) no-repeat top left;
	padding: 0 0 0 19px;
	display: block
}	

/*#col2 p {
	padding: 0;
	margin: 0;
}*/

#col3 {
	float: left;
	width: 225px;
	height: auto;
	background : url(images/specifications-haut.gif) repeat top left;
	margin: 0;
	padding: 26px 0 0 0;
}

#col3 p {
	height: auto;
	margin: 0 33px 0 15px ;
	padding: 15px 0 0 ;
	word-spacing: 2px;
}

#col4 {
	float: left;
	width: auto;
	height: auto;
	margin: 0;
	padding: 26px 0 0 0;
}

/*************/	
#navHaut {
	background : url(images/fd_navHaut.gif) no-repeat right;
	height: 21px;
	text-align: right;
	padding: 5px 70px 0 0 ;
}

#navHaut a:link, #navHaut a:visited {
	color: #999;
	text-decoration: none;
	background-color: #fff;
	padding: 1px 24px 1px 24px;
	margin: 0;
	border-right: solid 1px #999; 
}
#navHaut a:active, #navHaut a:hover {
	color: #999;
	text-decoration: none;
	background-color: #f2f1f1;
	padding: 1px 24px 1px 24px;
	margin: 0;
	border-right: solid 1px #999;
	border-bottom: solid 2px #c00; 
}

/*************/	
#navGnrale {
	background : url(images/fd_navGnral.gif) no-repeat right;
	height: 24px;
}

.menu {
	z-index: 1000;
    position: absolute;
    display: block;
    margin: 1px 0 0 70px;
    padding: 0;
    /*width: 900px;*/
}

.menu li ul {
    visibility:hidden;
}

/* 1 niveau*/
.menu li {
    list-style-type:none;
	background: none;
	/*width:124px;*/
    height:auto;
    /*display:inline;
    display:block;
    float:none;*/
    float: left;
    margin: 0;
    padding: 0;
    }

.menu a:link, .menu a:visited {
    text-align: center;
    border-right: 1px #aaa solid;
    font-size: 12px;
	font-weight: bold;
	color: #666;
	display: block;
    width: auto;
    text-decoration: none;
    padding: 3px 30px 4px 30px;
   /* margin: 1px;*/
    }
    
.menu a:hover, .menu a:active {
    border-right :1px #aaa solid;
	color: #000;
    }
	
/* 2 niveau*/	
.menu ul {
    position:absolute;
    display:block;
    width: 160px;
    /*margin:0;*/
    padding:0;
	border-left: 1px #aaa solid;
    margin: 1px 0 0 0;
}
	
.menu li li {
    display: block;
    float: none;
	margin-left:0px;
}    

.menu li li a:link, .menu li li a:visited  {
	text-align: left;
    /*border-right: 1px #666 solid;*/
    background-color: #f3f2f2;
    font-size: 11px;
	font-weight: bold;
	color: #666;
	display: block;
    width: 160px;
    text-decoration:none;
    padding: 4px 4px;
    /*margin: 1px;*/
    border-bottom: 1px #e9d3d3 solid;
	border-left: 2px #f1f0f0 solid;
}
 
.menu li li a:hover, .menu li li a:active {
	border-left: 2px #c00 solid;
	color: #000;
    width: 160px;
}

/* 3 niveau*/	
.menu li li ul {
    position: absolute;
    margin-left: 170px;
    margin-top: -20px;
    }
	
.menu li li li a:link , .menu li li li a:visited {
    width: 80px;
	border-left: 4px #f1f0f0 solid;
}
.menu li li li a:hover, .menu li li li a:active {
    width: 80px;
	border-left: 4px #c00 solid;

}
/* correct a little IE bug */
* html .menu li li{
    display:inline;
}
    
/* for a mozilla better display with key nav */
.menu a:focus {
    background-color: #f3f2f2;
	color: #000
}

/*a.linkOver:link, a.linkOver:hover {
    background-color: #f3f2f2;
 	color: #000
   }
   
a.linkOver:visited {
    background-color: none;
 	color: #666
   }*/   
   
.anyClass {
	margin: 0;
	padding :20px 0 0 0;
}

.anyClass ul {
	margin: 0;
	padding: 0;
}
.anyClass li {
	list-style-type: none;
	background: none;
	margin: 20px 4px 0 -10px;
	height: 70px;
}
   
#formContact{
	float: left;
	width: 330px;
	margin: 1px 0 0 6px;
	color: black;
	font-size: 12px;
	font-family: arial;
}

#formContact label {
	float: left;
	height: auto;
	width:  130px;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
}
/************************/
#formContact form {
	margin: 0 ;
	padding: 0;
}

input, button, select, textarea {
    vertical-align: middle; 
}
#formContact label {
	font-size: 11px;
	font-weight: bold;
	width: 72px;
	margin: 3px 0 0 0;
	padding: 0;
	color: #666;
}
#formContact input {
	width: 160px;
	height: 16px;
	margin: 0 0 5px 0;
	padding: 0 0 0 2px;
	border: solid 1px #666;
	background: #f6f5f5;
	font-size: 11px
}
#formContact select {
	width: 164px;
	margin: 0 0 5px 0;
	padding: 0 0 0 2px;
	border: solid 1px #666;
	background: #f6f5f5;
	font-size: 11px
}
#formContact textarea {
	font-family: Arial, Helvetica, sans-serif;
	width: 160px;
	margin: 0 0 5px 0;
	padding: 0 0 0 2px;
	border: solid 1px #666;
	background: #f6f5f5;
	font-size: 11px
}

#formContact .btOk {
	width: auto ;
	height: auto;
	margin: 0 0 0 120px;
	padding: 0;
	border: 0
}