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

*{
padding:0px;
margin:0px;
position:relative;
outline:none;
}

a object{cursor:pointer;}
body{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4{
	color:#ea7a16;
}
h1{ padding-bottom:10px;}
.systemServices #content h1, .systemServices #content h2, .systemServices #content h3, .systemServices #content h4, .systemServices #content a {
	color:#2566b3;
}
.businessIntelligence #content h1, .businessIntelligence #content h2, .businessIntelligence #content h3, .businessIntelligence #content h4, , .businessIntelligence #content a {
	color:#2a57a8;
}
.vert #content h1, .vert #content h2, .vert #content h3, .vert #content h4, .vert #content a {
	color:#c60000;
}
.rose #content h1, .rose #content h2, .rose #content h3, .rose #content h4, .rose #content a {
	color:#d11c6b;
}
.businessIntelligence #content h1, .businessIntelligence #content h2, .businessIntelligence #content h3, .businessIntelligence #content h4, .businessIntelligence #content a {
	color:#ffc600;
}
.dataFactory #content h1, .dataFactory #content h2, .dataFactory #content h3, .dataFactory #content h4, .dataFactory #content a {
	color:#c60000;
}
h1{font-size:1.3em;}
h2{font-size:1.1em;}
h3{font-size:1em;}
p, li{
	color:#555;
	line-height:150%;
}
ol{color:#666; padding-left:25px;}
ol li ol li{
	list-style:lower-latin;
}
a{
	text-decoration:none;
	color:#ea7a16;
}
a:hover{
	
}
.clear{
clear:both;
}
a img{border:none;}
.hide{
display:none;
}
/*****************************************************/
#main{
width:900px;
margin:auto;
}
#banner{
height:170px;
border-bottom:2px #ea7a16 dotted;
}
#banner object{margin-left:22px;
margin-bottom:-10px;
}
#sidebar1{
	width:125px;
	min-height:400px;
	float:left;
	background:url(../medias/images/bgside1.png) repeat-y;
	border-right:2px #ea7a16 dotted;
}
#sidebar2{
	width:206px;
	min-height:400px;
	float:right;
}
#content{
	width:545px;
	padding:10px;
	float:left;
}
#content p{
line-height:1.5em;
margin-bottom:10px;
}
#content ul li ul li{
	padding-left:10px;
	margin-bottom:5px;
	list-style:disc inside;
}
#content ul li{
list-style:circle inside none
}
.references #content img{
padding:5px;
}
#footer{
	clear:both;
	float:left;
	width:900px;
	text-align:center;
	margin:10px 0 0 0;
	background : url(../medias/images/images/footer.png) no-repeat;
	height : 38px;
	display: block;
	padding-top : 2px;
}
/****************************************************/
#menu{
	background:	url(../medias/images/fondMenu.png) top left no-repeat;
	height:44px;
	
	width:671px;
	margin-left:242px;
}
#menu li{
	font-size:12px;
	top:10px;
	padding:4px;
	left:20px;
	display:inline;
	padding-left:0px;
	border-right:2px #ea7a16 dotted;
	height:35px;
}
#menu li.menu6{border:none;}
/******************************/
#menu li a{
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
#menu li a:hover, #menu li a:focus, #menu li a.actif{
	color:#fc0;
	border:none;
}
/****************************************************/
#logo{
	float:left;
	top:20px;
}
#imgBann{
	left:20px;
}
/**************************************************/

#filAriane{
	border-bottom:2px dotted #ea7a16;
}
#filAriane span.fil{
 	top:4px;
	float:left;
	width:778px;
}
.btnContact{
	float:left;
	width:122px;
	height:20px;
	background:url(../medias/images/btncontact.png) no-repeat top center;
	text-align:center;
	padding-top:2px;
	margin-top:2px;
	color:#fff;
	font-weight:bold;
}
#filAriane p a.btnContact:hover{
	color:#fc0;
	border:none
}

/*****************************************************
sidebar2
*****************************************************/
.box{
	min-height:121px;
/*padding-left:10px;*/
/*margin-right:3px;*/
	
}
#sidebar2 .box h2{
text-align:center;
font-size:12px;
padding:5px 0;
width:200px;
}
#boxPromos{
margin: 5px 3px 0px;
padding:0px;
float:left;
width:206px;
height:121px;	
}
#boxActus{
	background:url(../medias/images/boxActus.png) no-repeat left top;
	padding:0;
		margin:15px 0 0 5px;
		float:left;
		width:206px;
		min-height:121px;		
}
#boxMailing{
	background:url(../medias/images/boxActus.png) no-repeat left top;
	padding-right:0px;
		margin:16px 0 0 5px;
		float:left;
		width:206px;
		height:121px;	
		display : block;
}
form{
	margin-top:15px;
}
form .input{
	border:1px solid #ea7a16;
	width:125px;
}
form .btn{
	border:1px solid #fff;
	background:url(../medias/images/bgBtn.png);
	color:#fff;
	font-weight:bold;
}
label {
color:#555;
font-weight:bold;}

/******************************************************
box Actus
***************************************************/

.actus{
	border-left:1px dotted #ea7a16;
	border-bottom:1px dotted #ea7a16;
	padding-left:5px;
	padding-bottom:9px;
}
.savoirPlus{
/* float:right;
*/
padding-left:5px;}
.date{
font-weight:bold;
color:#555;
margin-top:2px}
/************************************************
Menu secondaire
************************************************/
#sidebar1 ul {
	margin-top:10px;
}
#sidebar1 ul li{
	list-style:none;
	margin-left:0px;
	padding-top:10px;
	text-align:center;
	left:10px;
	margin-bottom:5px;
	
	
}
#sidebar1 ul li ul li{
background:#FFF;
}
#sidebar1 ul li a{
	color:#fff;
	font-weight:bold;
	
}
#sidebar1 ul li a:hover{
	
	border-bottom:#fff 1px dotted;
	
}
.boxRose{
background:url(../medias/images/boxOrange50.png) no-repeat top left;
width:111px;
min-height:44px;

}
#solutions .boxRose{
background:url(../medias/images/boxJaune50.png) no-repeat top left;
width:111px;
min-height:44px;

}

.boxOrange{
background:url(../medias/images/boxVerte50.png) no-repeat top left;
width:111px;
min-height:44px;

}

.boxVerte{
background:url(../medias/images/boxRose50.png) no-repeat top left;
width:111px;
min-height:44px;
}
#solutions .boxVerte{
background:url(../medias/images/boxBleu50.png) no-repeat top left;
width:111px;
min-height:44px;
}
.boxRose.active{
background:url(../medias/images/boxOrange.png) no-repeat top left;
}
#solutions .boxRose.active{
background:url(../medias/images/boxJaune.png) no-repeat top left;
}


.boxOrange.active{
	background:url(../medias/images/boxVerte.png) no-repeat top left;
}

.boxVerte.active{
	background:url(../medias/images/boxRose.png) no-repeat top left;
	
}
#solutions .boxVerte.active{
	background:url(../medias/images/boxBleu.png) no-repeat top left;
	
}
#sidebar1 ul li ul{
	display:none;
}
#sidebar1 ul li.active ul{
	display:block;
	top:20px;
	right:10px;
}
#sidebar1 ul li.boxVerte.active ul{
	top:5px;
}
#sidebar1 ul li.active ul li{
	text-align:left;
	margin:0px;
	padding:0px;
}

#sidebar1 ul li.boxOrange.active ul li{
	border-bottom:1px solid #ea7a16;
}
#sidebar1 ul li.boxOrange.active ul li a{
	color:#555;
	font-weight:normal;
	font-style:italic;
}

#sidebar1 ul li.boxRose.active ul li{
	border-bottom:1px solid #ea7a16;
}
#sidebar1 ul li.boxRose.active ul li a{
	color:#555;
	font-weight:normal;
	font-style:italic;
}
#sidebar1 ul li.boxVerte.active ul li{
	border-bottom:1px solid #ea7a16;
	
}
#sidebar1 ul li.boxVerte.active ul li a{
	color:#555;
	font-weight:normal;
	font-style:italic;
}
#sidebar1 ul li.active ul li.active a{
	color:#ea7a16;
}

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

.boutonDeroulant{cursor:pointer}
.details{
margin-top:2px;
border-top:2px dotted #ea7a16;}
.vert .details{
margin-top:2px;
border-top:2px dotted #7e0000;}
.rose .details{
margin-top:2px;
border-top:2px dotted #903;}
.accroche{
	font-weight:bold;
	font-style:italic;
	text-align:center;
}
.savoirplus{
cursor:pointer;
color:#ea7a16;
font-size:1.2em;
margin-bottom:-5px;
}
.savoirplus:hover{

}
.rose .savoirplus:hover{

}
.vert .savoirplus:hover{

}
/*********************************************************/
form.contact{
	width:310px;
	margin:auto;
	margin-bottom:50px;
}
#content form.contact ul li {
	list-style:none;
}
form.contact input, form.contact textarea{
	width:300px;
	border:1px solid #ea7a16;
	padding:2px;
}

form.contact input.btn{
width:145px;
border:#fff solid 1px;
text-align:center;
margin-left:3px;

}
label.alert, p.alert{ color:#FF0000; font-size:1.3em; text-align:center;}
/*****************************************************
	listeActus
********************************************************/
.publicationBox{
	border-bottom: 1px dotted #555; 
}
div.actu{
	border-bottom:1px dotted #555;
	min-height:80px;
}
div.actu img.miniature{
	float:left;
	padding:5px;
	width:50px;
}
#content div.actu .packCollection {
	margin:5px;
	border:2px solid #ea7a16;
	clear:both;
	
	background:url(../medias/images/gradientGrey.png) top repeat-x #d1d1d1;
	
	color:#333;
	padding:5px;
	
}
 #content div.actu .packCollection p {
	color:#333;
	
}
 #content div.actu .packCollection table.galerie  tr td, #content div.actu .packCollection table.galerie  tr th {
		border-bottom:1px dotted #555;
		text-align:center;
	
}
#content div.actu .packCollection table.galerie{

	width:100%;
}

div.actu .packCollection .galerie a.liste_image img{
	margin:5px;
	border:1px dotted #555;
	
}
div.actu .packCollection .galerie a.liste_image:hover{
	border:none;
}
div.actu a.savoirplus{
	padding:2px;
	padding-bottom:0px;
	margin-left:400px;
	clear:both;
}
.actionOk{color:#5eb020; font-weight:bold;}
.actionError{color:#ea7a16; font-weight:bold;}
/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/


/* Most common stuff you'll need to change */


	
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 80px; overflow: auto !important;  }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 190px; top:0px;  } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 ; }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a {  }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #ea7a16 }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #555; color: #fff; display: block; float: left; margin-right: 1px; padding: 0px 5px; text-decoration: none; font-size:10px; border-bottom:1px #555 solid; z-index:5000;}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: hidden; height:92px; padding:0 0 0 5px; }
	.coda-slider { float: left; overflow: hidden; position: relative; top:-22px;}
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	.navi{ }
	
	#content .pole li{ 
	margin-bottom:10px;
	
 }
	.pole span.direction{ font-style:italic; color:#903;}
	.vert span.color{ color:#7e0000;}
	.rose span.color{ color:#903;}
	h2.boutonDeroulant{margin-top:15px;}
p.centre{
text-align:center;}
.pictosRight{ float:left; margin-bottom:10px; margin-right:5px;}
.blocpictos{ width:320px;margin:auto;}

#content ul.pictopuce li{ 
	list-style-type:none;
	height:70px;
}
hr.clear{ clear:both; visibility:hidden;}