/* COMMON */
body{
	margin: 10px 0px 10px 0px;
	background-color: #6e6e6e;
	font-family: arial, verdana;
	font-size: 11px;
	color: #000000;
	background-color: #000000;
}

html{
	width: 100%;
}

p, h1{
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

a:link, a:visited, a:active{
	color: #000000;
	text-decoration: underline;
}
a:hover{
	color: #000000;
	text-decoration: none;
}

a.lienBlanc:link, a.lienBlanc:visited, a.lienBlanc:active{
	color: #FFFFFF;
	text-decoration: underline;
}
a.lienBlanc:hover{
	color: #FFFFFF;
	text-decoration: none;
}

form{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
select, input, textearea{
	width: 160px;
	font-family: verdana, arial;
	font-size: 10px;
	color: #000000;
}
input.submit{
	width: 30px;
}

div.left{float: left;}
div.right{float: right;}

.txtRouge{color: #d10000;}
.txtBleu{color: #336699;}

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

/* MAIN */
#main{
	width: 782px;
	margin-left: auto;
	margin-right: auto;
}

#footer{
}

#lienContactezNous{
	position: absolute;
	display: block;
	top: -25px;
	right: 40px;
	padding: 14px 5px 3px 89px;
	background-image: url(../images/pictoEnveloppe.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 10px;
}
#lienPlaquetteBI{
	position: absolute;
	display: block;
	top: 7px;
	right: 53px;
	padding: 10px 5px 3px 25px;
	background-image: url(../images/pictoPdf.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 10px;
}

/* HEADER ACCUEIL */
#headerAccueil{
	position: relative;
	height: 130px;
	background-color: #ffffff;
}
#headerAccueil .logo{
	position: absolute;
	border: none;
	width: 207px;
	height: 116px;
	top: 15px;
	left: 25px;
}
#headerAccueil a.contact{
	position: absolute;
	width: 75px;
	height: 13px;
	top: 0px;
	right: 0px;
	padding-top: 2px;
	padding-left: 15px;
	text-decoration: none;
	background: url(../images/fondBtMenu.gif) no-repeat #ffffff top left;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-size: 10px;
}
#headerAccueil a.contactSelected{
	position: absolute;
	width: 75px;
	height: 13px;
	top: 0px;
	right: 0px;
	padding-top: 2px;
	padding-left: 15px;
	text-decoration: none;
	background: url(../images/fondBtMenu.gif) no-repeat #ffffff 0px -15px;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-size: 10px;
}
#headerAccueil .entete{
	position: absolute;
	border: none;
	top: 65px;
	left: 470px;
	line-height: 0px;
}
#headerAccueil .entete p{
	line-height: 16px;
	color: #4c4c4c;
}
#headerAccueil .entete img.businessIntelligence{
	border: 0px;
	margin: 0px;
	width: 180px;
	height: 20px;
}
#flashAccueil{
	width: 782px;
	height: 100px;
	overflow: none;
}

/* HEADER PAGE */
#header{
	position: relative;
	height: 105px;
	background-color: #ffffff;
}
#header .logo{
	position: absolute;
	border: none;
	width: 162px;
	height: 90px;
	top: 8px;
	left: 30px;
}
#header a.contact{
	position: absolute;
	width: 75px;
	height: 13px;
	top: 0px;
	right: 0px;
	padding-top: 2px;
	padding-left: 15px;
	text-decoration: none;
	background: url(../images/fondBtMenu.gif) no-repeat #ffffff top left;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-size: 10px;
}
#header .entete{
	position: absolute;
	border: none;
	top: 45px;
	left: 400px;
	line-height: 0px;
}
#header .entete p{
	line-height: 16px;
	color: #4c4c4c;
}
#header .entete img.businessIntelligence{
	border: 0px;
	margin: 0px;
	width: 180px;
	height: 20px;
}
#flash{
	width: 782px;
	height: 63px;
	overflow: none;
}

/* MENU */
#menu{
	position: relative;
	height: 16px;
	width: 575px;  /*487*/
	background: url(../images/fondMenu.gif) no-repeat #000 right top;
}
#menu ul, #menu li{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#menu ul{
	position: absolute;
	height: 15px;
	left: 0px;
}
#menu li{
	float: left;
}
#menu a{
	display: block;
	float: left;
	width: 75px;
	height: 13px;
	padding-top: 2px;
	padding-left: 15px;
	text-decoration: none;
	background: url(../images/fondBtMenu.gif) no-repeat #ffffff top left;
	color: #000;
	border-right: 3px solid #000;
	border-bottom: 1px solid #000;
	font-size: 10px;
}
#menu a:hover, #menu a.click{
	background-position: 0px -15px;
}
#menu a.click{
	border-bottom: 1px solid #CCC;
}
#menu img.droite{
	width: 24px;
	height: 16px;
}

/* SOUS MENU */
#sousMenu{
	position: relative;
	width: 559px; /*471*/
	height: 18px;
	background: url(../images/fondSousMenu.gif) no-repeat #ccc right top;
}
#sousMenu.hidden{
	visibility: hidden;
}
#sousMenu ul, #sousMenu li{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#sousMenu ul{
	position: absolute;
	height: 15px;
	left: 0px;
}
#sousMenu li{
	float: left;
}
#sousMenu a{
	display: block;
	float: left;
	padding: 3px 5px 0px 15px;
	text-decoration: none;
	color: #000;
	font-size: 10px;
}
#sousMenu a.click{
	font-weight: bold;
	font-size: 10px;
	text-decoration: underline;
}

/* CONTAINER */
#container{
	background-color: #ffffff;
}

/* ACCUEIL */
#accueil{
	position: relative;
	background-color: #ffffff;
	height: 250px;
}
html>body #accueil{ /* 5U IE !! */
	height: auto;
	min-height: 250px;
}
#accueil .expertiseMethodologie{
	position: absolute;
	width: 148px;
	height: 95px;
	top: 28px;
	left: 45px;
}
#accueil a.lienPlaquette{
	position: absolute;
	display: block;
	top: 152px;
	left: 45px;
	padding: 10px 5px 3px 26px;
	background: url(../images/pictoPdf.gif) no-repeat #fff top left;
}
#accueil div.actus{
	position: absolute;
	width: 500px;
	height: 160px;
	top: 25px;
	left: 240px;
}
#accueil div.actus div{
	background: url(../images/fondActuAccueil.jpg) no-repeat #fff;
	width: 195px;
	height: 160px;
	text-align: center;
	padding-left: 20px;
}
#accueil div.actus div p.titre{
	text-align: left;
	background-image: url(../images/puceOrange.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-size: 12px;
	font-weight: bold;
	width: 155px;
	height: 40px;
	padding-left: 17px;
	overflow: hidden;
}
#accueil div.actus div p.resume{
	text-align: left;
	width: 180px;
	height: 90px;
	padding-left: 2px;
	overflow: auto;
}
#accueil div.actus div p.enSavoirPlus{
	text-align: left;
	width: 180px;
	margin-top: 5px;
	padding-left: 2px;
	overflow: hidden;
}

#container div.ongletBas{
	position: absolute;
	clear: both;
	bottom: 0px;
	border-bottom: 3px solid #333;
	width: 782px;
	height: 20px;
	background-image: url(../images/ongletBas.gif);
	background-repeat: no-repeat;
	background-position: 640px 0px;
}
#container div.ongletBas a{
	position: absolute;
	width: 100px;
	color: #fff;
	top: 4px;
	right: 12px;
}

/* ACTUALITES */
#news{
	position: relative;
	background-color: #ffffff;
	height: 320px;
}
html>body #news{ /* 5U IE !! */
	height: auto;
	min-height: 320px;
}
#actualites{
	width: 290px;
	padding: 15px 10px 10px 40px;
}
#actualites p.actualite{
	border-bottom: 1px solid #b2b2b2;
	padding-bottom: 10px;
	margin-bottom: 20px;
	line-height: 15px;
}
#actualites p.actualite .titre{
	font-weight: bold;
	line-height: 17px;
}
#actualites p.actualite a.enSavoirPlus{
	display: block;
	margin-top: 5px;
	width: 120px;
}
#detailActualite{
	position: absolute;
	top: 10px;
	right: 20px;
	width: 360px;
	height: 235px;
	padding: 15px 20px 20px 20px;
	background: url(../images/fondTexteActualite.jpg) repeat-x #fff left bottom;
	border: 1px solid #b2b2b2;
	overflow: auto;
	line-height: 13px;
}
#detailActualite .titre{
	font-weight: bold;
	font-size: 12px;
	line-height: 17px;
}
#detailActualite .vignette{
	border: 1px solid #ff9800;
	margin: 0px 0px 5px 5px;
	width: 80px;
}
#detailActualite .liens{
	background-color: #ffffff;
	border: 1px solid #ff9800;
	padding: 5px;
}
#detailActualite ul{
	list-style-type: none;
	margin: 4px 0px 0px 0px;
	padding: 0px;
}
#detailActualite ul li{
	list-style-type: none;
	background-image: url(../images/puceOrange.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 15px;
}

/* OFFRE */
#offre{
	position: relative;
	background-color: #fff;
	height: 550px;
}
html>body #offre{ /* 5U IE !! */
	height: auto;
	min-height: 550px;
}
#offre p.intro{
	width: 500px;
	line-height: 18px;
	padding-top: 28px;
	padding-left: 46px;
}
#offre p.intro span.bi{
	font-size: 18px;
	font-weight: bold;
}
#offre ul{
	padding: 0px;
	margin: 0px;
	padding-top: 28px;
	padding-left: 46px;
}
#offre li{
	display: block;
	width: 300px;
	padding: 0px 0px 45px 17px;
	margin: 0px;
	font-size: 12px;
	line-height: 14px;
	background: url(../images/puceOrange.gif) no-repeat #fff 0px 1px;
	list-style-type: none;
}
#offre li h1{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
	color: #858585;
}
#offre .schema{
	position: absolute;
	top: 84px;
	right: 20px;
	width: 360px;
}
#offre .schema img{
	width: 360px;
	height: 379px;
	margin-top: 10px;
}

/* EXPERTISE FONCTIONNELLE */
#expertiseFonctionnelle{
	position: relative;
	background-color: #fff;
	height: 620px;
}
html>body #expertiseFonctionnelle{ /* 5U IE !! */
	height: auto;
	min-height: 620px;
}
#expertiseFonctionnelle p.intro{
	width: 400px;
	line-height: 18px;
	padding-top: 28px;
	padding-left: 46px;
}
#expertiseFonctionnelle p.intro span.bi{
	font-size: 18px;
	font-weight: bold;
}
#expertiseFonctionnelle ul{
	position: relative;
	display: block;
	background: url(../images/fondExpertiseFonctionnelle.gif) no-repeat #fff left top;
	height: 97px;
	margin: 20px 0px 0px 54px;
}
#expertiseFonctionnelle li{
	display: block;
	padding-left: 17px;
	position: absolute;
	top: 12px;
	margin: 0px;
	font-size: 12px;
	line-height: 14px;
	background-image: url(../images/puceOrange.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	list-style-type: none;
}
#expertiseFonctionnelle li.projets{
	width: 275px;
	left: 10px;
}
#expertiseFonctionnelle li.clients{
	width: 230px;
	left: 405px;
}
#expertiseFonctionnelle li h1{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
	color: #858585;
}
#expertiseFonctionnelle .schema{
	position: relative;
	top: 35px;
	left: 62px;
	width: 673px;
	height: 400px;
	background: url(../images/schemaExpertiseFonctionnell.gif) no-repeat #fff left top;
}
#expertiseFonctionnelle .schema h1{
	font-size: 11px;
	position: absolute;
	color: #fff;
	font-weight: bold;
}
#expertiseFonctionnelle .schema p{
	position: absolute;
}
#expertiseFonctionnelle .schema h1.suiviCommercial{top: 5px; left: 279px;}
#expertiseFonctionnelle .schema p.suiviCommercial{top: 27px; left: 228px; width: 220px;}
#expertiseFonctionnelle .schema h1.analyseFinanciere{top: 125px; left: 80px;}
#expertiseFonctionnelle .schema p.analyseFinanciere{top: 152px; left: 8px; width: 204px;}
#expertiseFonctionnelle .schema h1.supplyChain{top: 125px; left: 465px;}
#expertiseFonctionnelle .schema p.supplyChain{top: 152px; left: 465px; width: 200px;}
#expertiseFonctionnelle .schema h1.marketing{top: 261px; left: 254px;}
#expertiseFonctionnelle .schema p.marketing{top: 283px; left: 132px; width: 190px;}
#expertiseFonctionnelle .schema h1.rh{top: 261px; left: 385px;}
#expertiseFonctionnelle .schema p.rh{top: 283px; left: 358px; width: 190px;}

/* METADONNES */

#metadonnees{
	position: relative;
	background-color: #fff;
	height: 1200px;
}
html>body #metadonnees{ /* 5U IE !! */
	height: auto;
	min-height: 1200px;
}
#metadonnees  div.gauche{
	position: absolute;
	width: 390px;
	height: 550px; 
	top: 30px;
	line-height: 14px;
	left:20px;
	padding: 0px;
	bottom:10px;

}
#metadonnees div.droite{
	position: absolute;
	top: 40px;
	left: 380px;
	width: 355px;
	height: 335px;
	line-height: 14px;
	/*padding: 10px;*/
	background: url(../images/metadonnees.jpg) no-repeat #fff right top;
}


#metadonnees  div.haut{
	position: absolute;
	width: 800px;
	height: 600px; 


}
#metadonnees  div.bas{
	margin-top:700px;
	margin-left:30px;
	position: absolute;
	width: 600px;
	height: 475px; 
	background: url(../images/schemaDonnees.jpg) no-repeat #fff bottom;
}
#metadonnees div.gauche1{
	width: 330px;
	height: 320px; /*171px;*/
	top: 85px;
	line-height: 14px;
	padding: 10px;
	bottom:10px;
}
#metadonnees  div.gauche2{
	/*margin-top:20px;*/
	width: 670px;
	height: 250px;
	top: 250px;
	line-height: 14px;
	left:15px;
	padding: 10px;
	bottom:10px;
}


#metadonnees  div.gauche2 h3{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
	color: #000000;
	line-height: 18px;
}


#metadonnees table#sample {
    background-color:#FFFFFF;
    border: solid #000 0px;
    width: 700px;
	border: 3;

}

#metadonnees table#sample td {
    padding: 5px;
    border: solid #C0C0C0 1px;

}
#metadonnees table#sample td  h2{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 6px;
	color: #FF8000;
	line-height: 18px;
}


#metadonnees div.gauche2 li{
	display: block;
	width: 620px;
	padding-top: 20px;
	padding-left: 17px;
	margin: 0px;
	line-height: 18px;
	/*background: url(../images/puceOrange.gif) no-repeat #fff 0px 23px;*/
	list-style-type: none;
}
#metadonnees div.gauche ul{
	padding: 0px;
	margin: 0px;
}
#metadonnees div.gauche1 li{
	display: block;
	width: 320px;
	padding-top: 20px;
	padding-left: 17px;
	margin: 0px;
	line-height: 18px;
	background: url(../images/puceOrange.gif) no-repeat #fff 0px 23px;
	list-style-type: none;
}

#metadonnees div.gauche li h1{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 6px;
	color: #858585;
	line-height: 18px;
}







/* NIVEAUX INTERVENTION */
#niveauxIntervention{
	position: relative;
	background-color: #fff;
	height: 600px;
}
html>body #niveauxIntervention{ /* 5U IE !! */
	height: auto;
	min-height: 600px;
}
#niveauxIntervention p.intro{
	width: 500px;
	line-height: 18px;
	padding-top: 28px;
	padding-left: 46px;
}
#niveauxIntervention p.intro span.bi{
	font-size: 18px;
	font-weight: bold;
}
#niveauxIntervention ul.globale{
	position: relative;
	padding: 0px;
	margin: 20px 0px 0px 36px;
	list-style-type: none;
	height: 220px;
	background: url(../images/fondNiveauxIntervention.jpg) no-repeat #fff left top;
}
#niveauxIntervention ul.globale li.metiers{
	position: absolute;
	width: 295px;
	top: 13px;
	left: 12px;
	padding-left: 17px;
	background-image: url(../images/puceOrange.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#niveauxIntervention ul.globale li.droite{
	position: absolute;
	width: 355px;
	top: 13px;
	left: 376px;
}
#niveauxIntervention ul.globale ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#niveauxIntervention ul.globale ul li{
	display: block;
	width: 300px;
	padding: 0px 0px 20px 17px;
	margin: 0px;
	font-size: 12px;
	line-height: 14px;
	background: url(../images/puceOrange.gif) no-repeat #fff 0px 1px;
	list-style-type: none;
}
#niveauxIntervention li h1{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
	color: #858585;
}
#niveauxIntervention li h2{
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 12px;
	color: #000;
}
#niveauxIntervention .schema{
	position: relative;
	top: 10px;
	left: 51px;
	width: 696px;
	height: 231px;
	background: url(../images/schemaNiveauxIntervention.gif) no-repeat #fff left top;
}
#niveauxIntervention .schema h1{
	font-size: 11px;
	position: absolute;
	color: #fff;
	font-weight: bold;
}
#niveauxIntervention .schema p{
	position: absolute;
	line-height: 18px;
}
#niveauxIntervention .schema p span.etoile{
	font-size: 10px;
	line-height: 12px;
}
#niveauxIntervention .schema h1.moa{top: 44px; left: 58px;}
#niveauxIntervention .schema p.moa{top: 69px; left: 10px; width: 212px;}
#niveauxIntervention .schema h1.conseil{top: 109px; left: 330px;}
#niveauxIntervention .schema p.conseil{top: 133px; left: 257px; width: 200px;}
#niveauxIntervention .schema h1.maitriseOeuvre{top: 44px; left: 528px;}
#niveauxIntervention .schema p.maitriseOeuvre{top: 69px; left: 489px; width: 190px;}

/* CUSTOMER INTELLIGENCE */
#customerIntelligence{
	position: relative;
	background-color: #fff;
	height: 550px;
}
html>body #customerIntelligence{ /* 5U IE !! */
	height: auto;
	min-height: 550px;
}
#customerIntelligence p.intro{
	width: 500px;
	line-height: 18px;
	padding-top: 28px;
	padding-left: 46px;
}
#customerIntelligence p.intro span.bi{
	font-size: 18px;
	font-weight: bold;
}
#customerIntelligence ul{
	padding: 0px;
	margin: 0px;
	padding-top: 28px;
	padding-left: 46px;
}
#customerIntelligence li{
	display: block;
	width: 330px;
	padding: 0px 0px 45px 17px;
	margin: 0px;
	font-size: 12px;
	line-height: 14px;
	background: url(../images/puceOrange.gif) no-repeat #fff 0px 1px;
	list-style-type: none;
}
#customerIntelligence li h1{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
	color: #858585;
}
#customerIntelligence .schema{
	position: absolute;
	top: 90px;
	right: 0px;
	width: 360px;
	height: 440px;
	background: url(../images/schemaCustomerIntelligence.gif) no-repeat #fff 0px 25px;
}
#customerIntelligence .schema p{
	position: absolute;
	font-size: 10px;
	line-height: 14px;
}
#customerIntelligence .schema p.pilotageCommercial{text-align: right; top: 41px; right: 215px; width: 140px;}
#customerIntelligence .schema p.clients{top: 75px; left: 244px; width: 89px;}
#customerIntelligence .schema p.bdd{top: 171px; left: 123px; width: 110px;}
#customerIntelligence .schema p.marketingOperationnel{top: 345px; left: 0px; width: 150px;}
#customerIntelligence .schema p.etudesMarketing{top: 318px; left: 223px; width: 110px;}



/*MATINEE*/
#matinee ul{
	padding: 0px;
	margin: 0px;
	padding-top: 28px;
	padding-left: 46px;
}
#matinee li{
	display: block;
	width: 300px;
	padding: 0px 0px 45px 17px;
	margin: 0px;
	font-size: 12px;
	line-height: 14px;
	background: url(../images/puceOrange.gif) no-repeat #fff 0px 1px;
	list-style-type: none;
}
#matinee li h1{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
	color: #858585;
}
#matinee {
	position: relative;
	background-color: #fff;
	height: 610px;

}
html>body #matinee { /* 5U IE !! */
	height: auto;
	min-height: 610px;
}



#matinee  div.gauche ul{
	padding: 0px;
	margin: 0px;
}
#matinee  div.gauche li{
	display: block;
	width: 320px;
	padding-top: 20px;
	padding-left: 17px;
	margin: 0px;
	line-height: 18px;
	background: url(../images/puceOrange.gif) no-repeat #fff 0px 23px;
	list-style-type: none;
}
/*
#matinee  div.droite{
	position: absolute;
	top: 85px;
	left: 455px;
	width: 270px;
	height: 171px;
	line-height: 14px;
	padding: 10px;
	background: url(../images/fondTexteCarrieres.gif) no-repeat #fff left bottom;
}
*/
#matinee  div.gauche{
	position: absolute;
	width: 300px;
	height: 500px;
	top: 30px;
	line-height: 14px;
	left:70px;
	padding: 0px;
	bottom:10px;
}
#matinee  div.gauche1{
	width: 270px;
	height: 191px;
	top: 85px;
	line-height: 14px;
	padding: 10px;
	background: url(../images/fondTexteMatinee.gif) no-repeat #fff left bottom;
	bottom:10px;
}
#matinee  div.gauche2{
	margin-top:15px;
	width: 270px;
	height: 191px;
	top: 85px;
	line-height: 14px;
	left:15px;
	padding: 10px;
	background: url(../images/fondTexteMatinee.gif) no-repeat #fff left bottom;
	bottom:10px;
}
#matinee  div.droite{
	position: absolute;
	top: 58px;
	left: 400px;
	width: 270px;
	height: 500px;
	line-height: 14px;
	padding: 0px;
	bottom:10px;
}
#matinee  div.droite1{
	width: 270px;
	height: 191px;
	top: 85px;
	line-height: 14px;
	padding: 10px;
	background: url(../images/fondTexteMatinee.gif) no-repeat #fff left bottom;
	bottom:10px;

}
#matinee  div.droite2{
	margin-top:15px;
	width: 270px;
	height: 191px;
	top: 85px;
	line-height: 14px;
	left:15px;
	padding: 10px;
	background: url(../images/fondTexteMatinee.gif) no-repeat #fff left bottom;
	bottom:10px;
}

#matinee  div.opul{
	padding: 0px;
	margin: 0px;
}
#matinee div.op li{
	display: block;
	width: 235px;
	padding-top: 8px;
	padding-left: 17px;
	padding-bottom: 5px;
	margin: 0px;
	line-height: auto;
	background-image: url(../images/puceOrange.gif);
	background-repeat: no-repeat;
	background-position: 0px 11px;
	list-style-type: none;
}



/* BI */
#BI{
	position: relative;
	background-color: #fff;
	height: 500px;
}
html>body #BI{ /* 5U IE !! */
	height: auto;
	min-height: 500px;
}
#BI p.intro{
	width: 500px;
	line-height: 18px;
	padding-top: 28px;
	padding-left: 46px;
}
#BI p.intro span.bi{
	font-size: 18px;
	font-weight: bold;
}
#BI ul{
	padding: 0px;
	margin: 0px;
	padding-top: 28px;
	padding-left: 46px;
}
#BI li{
	display: block;
	width: 300px;
	padding: 0px 0px 45px 17px;
	margin: 0px;
	font-size: 12px;
	line-height: 14px;
	background: url(../images/puceOrange.gif) no-repeat #fff 0px 1px;
	list-style-type: none;
}
#BI li h1{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
	color: #858585;
}
#BI .schema{
	position: absolute;
	top: 96px;
	right: 26px;
	width: 349px;
}
#BI .schema img{
	width: 349px;
	height: 330px;
	margin-top: 10px;
}

/* URBANISATION SI */
#urbanisationSI{
	position: relative;
	background-color: #fff;
	height: 580px;
}
html>body #urbanisationSI{ /* 5U IE !! */
	height: auto;
	min-height: 580px;
}
#urbanisationSI p.intro{
	width: 500px;
	line-height: 18px;
	padding-top: 28px;
	padding-left: 46px;
}
#urbanisationSI p.intro span.bi{
	font-size: 18px;
	font-weight: bold;
}
#urbanisationSI ul{
	position: relative;
	padding: 0px;
	margin: 20px 0px 0px 46px;
	list-style-type: none;
	height: 220px;
	background: url(../images/fondNiveauxIntervention.jpg) no-repeat #fff 356px 0px;
}
#urbanisationSI ul li.strategie{
	position: absolute;
	width: 308px;
	top: 10px;
	left: 0px;
	padding-left: 17px;
	background-image: url(../images/puceOrange.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-size: 12px;
}
#urbanisationSI ul li.solutions{
	position: absolute;
	width: 285px;
	top: 10px;
	left: 368px;
	padding-left: 17px;
	background-image: url(../images/puceOrange.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-size: 12px;
}
#urbanisationSI li h1{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
	color: #858585;
}
#urbanisationSI .schema{
	position: relative;
	top: 20px;
	left: 46px;
}
#urbanisationSI .schema img{
	width: 701px;
	height: 208px;
	margin-top: 10px;
}

/* DEMARCHE METHODE */
#demarcheMethode{
	position: relative;
	background-color: #fff;
	height: 500px;
}
html>body #demarcheMethode{ /* 5U IE !! */
	height: auto;
	min-height: 500px;
}
#demarcheMethode p.intro{
	width: 500px;
	line-height: 18px;
	padding-top: 28px;
	padding-left: 46px;
}
#demarcheMethode p.ssIntro{
	padding-top: 10px;
	padding-left: 46px;
}
#demarcheMethode p.intro span.bi{
	font-size: 18px;
	font-weight: bold;
}
#demarcheMethode ul{
	padding: 0px;
	margin: 0px;
	padding-top: 28px;
	padding-left: 46px;
}
#demarcheMethode li{
	display: block;
	width: 220px;
	padding: 0px 0px 45px 17px;
	margin: 0px;
	line-height: 14px;
	background: url(../images/puceOrange.gif) no-repeat #fff 0px 2px;
	list-style-type: none;
}
#demarcheMethode li h1{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 6px;
	color: #858585;
	line-height: 18px;
}
#demarcheMethode .schema{
	position: absolute;
	top: 125px;
	right: 30px;
	width: 462px;
}
#demarcheMethode .schema img{
	width: 462px;
	height: 404px;
	margin-top: 10px;
}

/* REUNION */
#reunion{
	position: relative;
	background-color: #fff;
	height: 650px;
}
html>body #reunion{ /* 5U IE !! */
	height: auto;
	min-height: 650px;
}
#reunion div.gauche{
/*
	width: 360px;
	line-height: 14px;
	padding: 27px 0px 200px 36px;*/
	position: absolute;
	width: 350px;
	height: 550px; /*500px;*/
	top: 30px;
	line-height: 14px;
	left:70px;
	padding: 0px;
	bottom:10px;
}
#reunion  div.gauche1{
	width: 270px;
	height: 320px; /*171px;*/
	top: 85px;
	line-height: 14px;
	padding: 10px;
	background: url(../images/fondTexteSoiree.gif) no-repeat #fff left bottom;/*fondTexteCarrieres.gif*/
	bottom:10px;
}
#reunion  div.gauche2{
	margin-top:15px;
	width: 350px;
	height: 230px;
	top: 85px;
	line-height: 14px;
	left:15px;
	padding: 10px;
	background: url(../images/fondCarrieres.gif) no-repeat #fff 36px bottom;
	bottom:10px;
}
#reunion div.gauche ul{
	padding: 0px;
	margin: 0px;
}
#reunion div.gauche li{
	display: block;
	width: 320px;
	padding-top: 20px;
	padding-left: 17px;
	margin: 0px;
	line-height: 18px;
	background: url(../images/puceOrange.gif) no-repeat #fff 0px 23px;
	list-style-type: none;
}
#reunion div.droite{
	position: absolute;
	top: 85px;
	left: 455px;
	width: 270px;
	height: 171px;
	line-height: 14px;
	padding: 10px;

}
#reunion div.droite ul{
	padding: 0px;
	margin: 0px;
}
#reunion div.droite li{
	display: block;
	width: 235px;
	padding-top: 8px;
	padding-left: 17px;
	padding-bottom: 5px;
	margin: 0px;
	line-height: auto;
	background-image: url(../images/puceOrange.gif);
	background-repeat: no-repeat;
	background-position: 0px 11px;
	list-style-type: none;
}




/* CARRIERES */
#carrieres{
	position: relative;
	background-color: #fff;
	height: 410px;
}
html>body #carrieres{ /* 5U IE !! */
	height: auto;
	min-height: 410px;
}
#carrieres div.gauche{
	width: 370px;
	line-height: 14px;
	padding: 54px 0px 166px 36px;
	background: url(../images/fondCarrieres.gif) no-repeat #fff 36px bottom;
}
#carrieres div.gauche ul{
	padding: 0px;
	margin: 0px;
}
#carrieres div.gauche li{
	display: block;
	width: 320px;
	padding-top: 20px;
	padding-left: 17px;
	margin: 0px;
	line-height: 18px;
	background: url(../images/puceOrange.gif) no-repeat #fff 0px 23px;
	list-style-type: none;
}
#carrieres div.droite{
	position: absolute;
	top: 85px;
	left: 455px;
	width: 270px;
	height: 171px;
	line-height: 14px;
	padding: 10px;
	background: url(../images/fondTexteCarrieres.gif) no-repeat #fff left bottom;
}
#carrieres div.droite ul{
	padding: 0px;
	margin: 0px;
}
#carrieres div.droite li{
	display: block;
	width: 235px;
	padding-top: 8px;
	padding-left: 17px;
	padding-bottom: 5px;
	margin: 0px;
	line-height: auto;
	background-image: url(../images/puceOrange.gif);
	background-repeat: no-repeat;
	background-position: 0px 11px;
	list-style-type: none;
}
#carrieres a.lienCV{
	position: absolute;
	display: block;
	top: 332px;
	left: 564px;
	padding: 10px 5px 3px 26px;
	background: url(../images/pictoPages.gif) no-repeat #fff top left;
}

/* MOT DE LA DIRECTION */
#motDirection{
	position: relative;
	background-color: #fff;
	height: 500px;
}
html>body #motDirection{ /* 5U IE !! */
	height: auto;
	min-height: 500px;
}
#motDirection div.conteneur{
	padding: 53px 0px 0px 38px;
}
#motDirection div.photo{
	display: inline;
	float: left;
	width: 100px;
	margin-right: 20px;
}
#motDirection div.photo img{
	border: none;
	width: 100px;
}
#motDirection div.texte{
	display: inline;
	float: left;
	width: 215px;
	margin-right: 20px;
	font-size: 12px;
	line-height: 14px;
}
#motDirection div.conteneurBas{
	display: inline;
	float: left;
	width: 580px;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 120px;
	margin-bottom: 20px;
	font-size: 12px;

	/*line-height: 14px;*/
}

#motDirection div.strategie{
	display: inline;
	float: left;
	width: 347px;
	margin-right: 20px;
	font-weight: bold;
}
#motDirection div.strategie ul{
	display: block;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	width: 327px;
	height: 117px;
	padding: 10px;
	background: url(../images/fondMotDirection.jpg) no-repeat #fff left top;
}
#motDirection div.strategie li{
	display: block;
	padding: 5px 0px 10px 17px;
	margin: 0px;
	background-image: url(../images/puceOrange.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	list-style-type: none;
	font-weight: bold;
	line-height: 14px;
}

/* INFORMATIONS LEGALES */
#informationsLegales{
	position: relative;
	background-color: #fff;
	height: 700px;
}
html>body #informationsLegales{ /* 5U IE !! */
	height: auto;
	min-height: 700px;
}
#informationsLegales div.conteneur{
	padding: 44px 0px 0px 22px;
}
#informationsLegales div.texte{
	display: inline;
	float: left;
	width: 345px;
	margin-right: 45px;
}
#informationsLegales div.texte ul{
	display: block;
	padding: 0px;
	margin: 0px;
	padding-left: 15px;
}
#informationsLegales div.texte li{
	display: block;
	padding: 0px 0px 35px 17px;
	margin: 0px;
	background-image: url(../images/puceOrange.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	list-style-type: none;
	font-size: 12px;
}
#informationsLegales p.titre{
	padding-left: 15px;
	margin-bottom: 5px;
	font-weight: bold;
}
#informationsLegales div.texte ul{
	display: block;
	padding: 0px;
	margin: 0px;
	padding-left: 15px;
}
#informationsLegales div.texte li{
	display: block;
	padding: 0px 0px 35px 17px;
	margin: 0px;
	background-image: url(../images/puceOrange.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	list-style-type: none;
	font-size: 12px;
}
#informationsLegales div.texte ul.infosLegales{
	display: block;
	padding: 10px 15px;
	margin: 0px;
	width: 315px;
	height: 160px;
	background: url(../images/fondInfosLegales.jpg) no-repeat #fff left top;
}
#informationsLegales div.texte ul.infosLegales li{
	display: block;
	padding: 0px 0px 10px 17px;
	margin: 0px;
	background-image: url(../images/puceOrange.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	list-style-type: none;
}

#informationsLegales div.schema{
	display: inline;
	float: left;
	width: 331px;
	font-weight: bold;
}
#informationsLegales div.schema div.tableauCA{
	padding: 24px 0px 34px 48px;
	background: url(../images/basTableauCA.gif) no-repeat #fff 10px bottom;
}
#informationsLegales div.schema div.tableauCA table tr.entete td{
	font-weight: bold;
	text-align: center;
	padding: 2px 5px;
	border: 0px;
}
#informationsLegales div.schema div.tableauCA table tr.resultat td{
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	padding: 1px 15px 1px 5px;
	border: 0px;
	border-top: 1px solid #7f7f7f;
}
#informationsLegales div.schema div.tableauCA table tr.resultatPrevisionnel td{
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	padding: 1px 15px 1px 5px;
	border: 0px;
	border-top: 1px solid #7f7f7f;
	color: #ff6600;
}

/* CONTACT */
#contact{
	position: relative;
	background-color: #ffffff;
	height: 320px;
}
html>body #contact{ /* 5U IE !! */
	height: auto;
	min-height: 320px;
}
#contact div.conteneur{
	padding: 39px 0px 0px 34px;
}
#contact a.lienPlaquette{
	position: absolute;
	display: block;
	top: 268px;
	left: 45px;
	padding: 10px 5px 3px 26px;
	background: url(../images/pictoPdf.gif) no-repeat #fff top left;
}
#contact div.coordonnees{
	display: inline;
	float: left;
	width: 195px;
	height: 201px;
	padding: 10px;
	font-size: 10px;
	line-height: 14px;
	margin-right: 30px;
	background: url(../images/fondCoordonnees.jpg) no-repeat #fff left top;
}
#contact div.coordonnees b{
}
#contact div.formulaireLeft{
	display: inline;
	float: left;
	width: 186px;
	font-size: 10px;
	margin-right: 30px;
}
#contact div.formulaireLeft p{
	margin-bottom: 5px;
}
#contact div.formulaireLeft p.intro{
	height: 50px;
	font-weight: bold;
}
#contact div.formulaireRight{
	display: inline;
	float: left;
	width: 275px;
	font-size: 10px;
}
#contact div.formulaireRight p{
	margin-bottom: 5px;
}
#contact div.formulaireRight p.intro{
	width: 185px;
	height: 50px;
}
#contact div.formulaireRight textarea{
	width: 240px;
	height: 120px;
}
#contact div.formulaireRight a{
	display: block;
	font-weight: bold;
	letter-spacing: 1px;
	color: #4c4c4c;
	background: url(../images/puceOrange.gif) no-repeat #fff 0px 1px;
	text-decoration: none;
	padding-left: 17px;
}

/* MESSAGE D'ERREUR */
#messageErreur{
	padding: 20px;
	color: #d10000;
}