@charset "utf-8";
* {
	margin:0;
	padding:0;
}
html, body{
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
img {
	border:0;
}

h3 {
	color:#4899fd;
	font-size:16px;/*Avec la police HelveticaNeuel tstd md la taille est de 14px*/
	font-family:myriad pro,Arial, Helvetica, sans-serif;
	display:inline;
	margin-bottom:15px;
}
h3.displayBlock{
	display:block;
}
img, a, div, input, span{
	/*behavior: url(iepngfix.htc);*/
}
a{
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
}
#header{
	padding-top:20px;
	background-color:#000000;
}
#footer{	
	background-color:#000000;
	padding: 10px 0px;
	/*margin-top: 60px;*/
}
#headerInner, #footerInner{
	width:968px;
	/*overflow:hidden;*/
	margin:0 auto;
	color:#ffffff;
	height:54px;
}
#topSpace{
	height:20px;
	background-color:#ffffff;
}
#contentTop{
	background-color:#2e81fc;
	background-image:url(../images/degrade-bleu.jpg);
}
#contentMiddle{
	color:#676666;
	background:url(../images/degrade-blanc.jpg) #ffffff repeat-x;
	padding-top:19px;
	overflow:hidden;
	width:100%;
}
#contentBottom{
	background-color:#ffffff;
	color:#676666;
	padding:40px 0px 35px 0px;
	overflow:hidden;
}
#contentTopInner{
	width:968px;
	margin:0 auto;
	overflow:hidden;
	color:#ffffff;
}
#contentMiddleInner{
	width:968px;
	margin:0 auto;
	overflow:hidden;
}
#contentMiddleInner .eBlock{
	border:1px solid #dcddde;
	float:left;
	width:305px;
	margin-left:21px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
}
/*#contentMiddleInner .eBlock img{
	_behavior: url('CSS/iepngfix.htc');
}*/
#contentMiddleInner .eBlockFirst{
	margin-left:0;
}

div#e-solution img{
	margin-left:-9px;
}
div#e-mobile img{
	margin-top:10px;
}
div#e-mobile a.enSavoirPlus img, div#e-commerce a.enSavoirPlus img, div#e-solution a.enSavoirPlus img{
	margin:0;
	
}
#contentBottomInner{
	width:968px;
	margin:0 auto;
}
#logo{
	float:left;
}
#headerRight{
	float:left;
	width:690px;
	_overflow:hidden;
	_height:54px;
}
#nav{
	margin-bottom:20px;
	display:block;
	float:right;
}
#menu{
	display:block;
	float:right;
	width:690px;
	position:relative;
	height:30px;
	_margin-bottom:-6px;
	z-index:1000;
}
#menuBG ul{
	margin-left:47px;
}
#menuBG ul li{
	background:url(../images/boutonBG.png);
	width:106px;
	height:25px;
}
#lienMenu{
	display:block;
	float:right;
	width:690px;
	position:absolute;
	z-index:10;
	top:0;
	left:0;
}
#lienMenu ul.main_menu{
	_margin-left:24px;
}
#lienMenu ul li{	
	margin-left:1px;
	float:left;
	width:106px;
	height:25px;
	/*border:#0F0 solid 1px;*/
	list-style-type:none;
	/*background:#0F0;*/
	cursor:pointer;
}
#lienMenu ul li ul{	
	display:none;
	margin-left:0px;
	background:url(../images/bkg-sous-menu.png) scroll repeat-x 0 0;
	overflow:hidden;
	z-index:1000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
/*#lienMenu ul li:hover ul{	
	display:block;
}*/
#lienMenu ul li ul li{	
	float:none;
}
#lienMenu ul li ul li a:hover{
	color:#ffffff;
	background:url(../images/bkg-sous-menu-active.gif) scroll no-repeat 0 0;
}
#lienMenu ul li a{
	display:block;
	width:106px;
	height:25px;
	font-family:myriad pro,Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	font-size:15px;
	line-height:25px;
	background:url(../images/fondTrans.gif); 
}
#lienMenu ul li a#presentation{
	margin:0px;
}
#lienMenu ul{
	float:left;
	margin-left:47px;/*48px*/
}
.lien
/***************************************Fond des liens du menu*****************/

.accueil{
	background:url(../images/AccueilN.png);
}
.accueil:hover{
	background:url(../images/AccueilB.png);
}
.aPropos{
	background:url(../images/AProposN.png);
}
.aPropos:hover{
	background:url(../images/AProposB.png);
}
.services{
	background:url(../images/ServicesN.png);
}
.services:hover{
	background:url(../images/ServicesB.png);
}
.references{
	background:url(../images/ReferenceN.png);
}
.references:hover{
	background:url(../images/ReferenceB.png);
}
.news{
	background:url(../images/NewsN.png);
}
.news:hover{
	background:url(../images/NewsB.png);
}
.contact{
	background:url(../images/ContactN.png);
}
.contact:hover{
	background:url(../images/ContactB.png);
}
#survol{
	position:absolute;
	width:106px;
	top:0px;
	left:0px;
	z-index:5;
	margin-left:2px;
	
}/*
img{
	_behavior: url('CSS/iepngfix.htc');
}*/
#nav ul li{
	float:left;
	list-style-type:none;
	border-left:#ffffff solid 1px;
	padding:0px 0px 0px 12px;
	height:10px;
	line-height:10px;
}
#nav ul li.first_link{
	border-left:0px;
	padding:0px 12px 0px 0px;
}
#menuBG ul li{
	float:left;
	list-style-type:none;
	margin-left:1px;
	margin-bottom:-3px;
}
#slideShow{
	float:left;
	overflow:hidden;
	position:relative;
	height:226px;
	width:610px;
}
#slideShowInner{
	position:absolute;
	top:0px;
	left:0px;
	width:2440px;
	z-index:1;
}
#slideShowInner img{
	z-index:2;
}

#aProposBanner{
}
#btnSlideShow{
	position:absolute;
	right:-2px;
	bottom:19px;
	z-index:20;
	visibility:hidden;/*Decoomenter pour reactiver le slideshow*/
}
#flecheG{
	position:absolute;
	top:95px;
	left:3px;
	visibility:hidden;
	z-index:20;
}
#flecheD{
	position:absolute;
	top:95px;
	right:1px;
	visibility:hidden;/*Decoomenter pour reactiver le slideshow*/
	z-index:20;
}
#btnSlideShow ul li{
	float:left;
	margin:1px;
	list-style-type:none;
	height:28px;
	width:28px;
	line-height:28px;
	z-index:20;
}
#btnSlideShow ul li a{
	display:block;
	background:url(../images/btnSlide.png);
	line-height:28px;
	text-align:center;
	text-decoration:none;
	color:#000;
	font-size:14px;
	font-weight:bold;
	z-index:20;
}
#btnSlideShow ul li a:hover{
	background:url(../images/btnSlideA.png);
	color:#fff;
}
#description{
	float:left;	
	width:320px;
	margin: 17px 0px;
}
#descriptionCBT{
	background:url(../images/descriptionCurvyBorderTop.png) no-repeat;
	height:20px;
	/*behavior: url('CSS/iepngfix.htc');*//*
	behavior: url(iepngfix.htc);*/
}
#descriptionCBB{
	background:url(../images/descriptionCurvyBorderBottom.png) no-repeat;
	height:20px;
}
#descriptionInner{
	padding:0px 17px;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:transparent;
	background:url(../images/descriptionBG.png);
	_width:286px;
}
#descriptionInner p:first-child{
	margin-bottom:15px;
}
.etiquette{
	float:left;
	width:232px;
	background:#ececec;
	margin-right:10px;
	position:relative;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*behavior: url(CSS/border-radius.htc);*/
}
.etiquetteInner{
	padding:13px 18px;
	height:107px;
	position:relative;
}
.etiquetteInner a{
	position:absolute;
	bottom:8px;
}
#infoContact{
	float:right;
}
#copyRight{
	float:left;
}

.eBlock div{
		padding-left:32px;
}
.eBlockParagraphe{
	margin-top:27px;
	margin-bottom:20px;
	width:260px;
	clear:both;
	min-height:70px;
}
.enSavoirPlus{
	float:right;
	margin-bottom:14px;
	margin-right:17px;
}
#description{
	width:320px;
	float:right;
}
#slideShow{
	float:left;
}
.lightBlue{
	color:#77c0fe;
}
.blueLink{
	color:#77c0fe;
	text-decoration:none;
}
.blueLink:hover{
	color:#FFF;
	text-decoration:underline;
}
.enSavoirPlus:link{
	font-family:Myriad pro,Arial, Helvetica, sans-serif;
	font-size:8;
	color:#000000;
	text-decoration:none;
}
.enSavoirPlus:visited{
	font-family:Myriad pro,Arial, Helvetica, sans-serif;
	font-size:8;
	color:#000000;
	text-decoration:none;
}
.enSavoirPlus:hover{
	font-family:Myriad pro,Arial, Helvetica, sans-serif;
	font-size:8;
	color:#000000;
	text-decoration:none;
}
.enSavoirPlus:active{
	font-family:Myriad pro,Arial, Helvetica, sans-serif;
	font-size:8;
	color:#000000;
	text-decoration:none;
}
.etiquetteVisuel{
	float:right;
	margin-left:3px;
}
/*********************************LandingPage*********************************/
#eCommerceIntro .left{
	float:left;
	width:500px;
	background:#09F;
	color:#FFF;
	font-weight:bold;
	/*padding: 5px;*/
}
#eCommerceIntro .right{
	float:right;
	width:430px;
	font-weight:bold;
	text-align:center;
	padding: 5px;
}
#contentBottomInner .left{
	float:left;
	width:500px;
}
#contentBottomInner .right{
	float:right;
	width:431px;
}
.typeSolution{
	background:#ececec;
	margin:20px 0px;	
	padding:10px 0;
	border: 1px solid black;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*behavior: url(CSS/border-radius.htc);*/
}
.typeSolution ul{
	list-style-type:circle;
	list-style-position: inside;
}
.typeSolution li{
	padding-left:10px;
}
.typeSolution h3{
	padding-left: 10px;
}
#devis{
	/*border: 1px solid #000;*/
	padding:5px 10px;
	margin-bottom:10px;	
	color:#FFF;
}
.devis{
	background:url(../images/devis-bg.jpg) no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*behavior: url(CSS/border-radius.htc);*/
}
#devis th{
	text-align:left;
	width:60px;
	height:30px;
}
#devis tr td:first-child{
	text-align:left;
	padding:0px 2px;
}
#devis caption{
	text-align:left;
	margin-bottom:10px;
}
#devis ul{
	list-style-type:none;
}
#devis li{
	float:left;
	width:133px;
	text-align:center;
	margin: 5px 0px;
}
#devis div{
	text-align:right;
}
#devis .soustitre{
	margin-bottom: 5px;
}
#devis textarea{
	margin-bottom: 5px;
}
#devisSubmit{
	background:url(../images/devis-submit-background.png);
	background-position:0px 0px;
	width: 110px;
	height:23px;
	border:none;
	cursor:pointer;
	margin-top:5px;
}
#devisSubmit:hover{
	background-position:110px 0px;
}
.imgTech{
	height:85px;
	margin-left:12px;
	margin-top:15px;
}
.imgTech:first-child{
	margin-left:0px;
}
.imgClient{
	margin-top:10px;
	padding-right:25px;
	width:115px;
}
.soustitre{
	font-size:14px;
	display:block;
}
.formChampTexte{
	width:100%;
}
.formChampTexte2{
	width:110px;
}
/*****************************A PROPOS***********************/
#banner{
	float:left;
	position:relative;
	height:226px;
	width:610px;
}
#bannerInner{
}
#unClinDoeil{
	width:609px;
	height:96px;
	/*background:url(../images/fondGris.gif);	*/
	background-color: #ececec;
	/*position:relative;*/
	margin-top:25px;
	margin-right:40px;
	float:left;		
}
.unClinDoeil{
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	/*behavior: url(CSS/border-radius.htc);*/
	position:relative;
}

/*********************Pour avoir des coin arrondi il faut au moin avoir une class box1 et une class rel ************************/
.box1 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*behavior: url(CSS/border-radius.htc);*/
}
.rel {
	top:-1000;
	float:left;
	position: absolute;
	z-index: inherit;
	zoom: 1; /* For IE6 */
}
/******************************************************************************************************************************/
#unClinDoeilInner{
	padding-top:10px;
	padding-left:13px;
	padding-right:13px;
}
#unClinDoeilInner span{
	font-size:21px;
	font-weight:200px;
	color:#4899fd;
	display:block;
	text-align:center;
	padding-top:30px;
}
#unClinDoeilInner a{
	background:url(../images/BrochureBytes.jpg);
	width:303px;
	height:27px;
	text-decoration:none;
	display:block;
	margin-top:25px;
	margin-left:275px;
	display:none;
}
#etudeDeCas{
	float:left;
	margin-top:25px;
	position:relative;
}
#etudeCas1{
	margin-left:0px;
}
.etudeCas{
	background:#ececec;
	width:95px;
	height:96px;
	float:left;
	position:relative;
	margin-left:17px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*behavior: url(CSS/border-radius.htc);*/
}
.etudeCas img{
	margin-top: 10px;
	margin-left:12px;
	/*behavior: url('CSS/iepngfix.htc');*/
}
.etudeCas a{
	display:block;
	width:87px;
	height:20px;
	background:url(../images/SavoirEtude.jpg);
	text-decoration:none;	
	margin:10px 0px 10px 4px;
}
.etudeCas a.en{
		background:url(../images/findOutMore.jpg);	
}
#historique{
	width:285px;
	float:left;
}
#historiqueInner{
}
#historique h1{
	font-size:41px;
	font-weight:100;
	margin-bottom:20px;
}
#historique p{
	margin-bottom:15px;
}
#historiqueGraphique{
	float:right;
	margin-right:20px;
}
a{
	color:#68acfd;
	text-decoration:none;
}
a:hover{
	color:#77c0fe;
}
a:active{
}
a:visited{
}
ul.sousmenu li:hover{
	color:#FFFFFF;

}
li#newsletter{
	display:none;/*Enlever ceci pour reactiver le lien des newsletters*/
}
.refTelecharger{
	margin-top:30px;
}
ul#langSelect{
	list-style:none;
}
ul#langSelect li{
	float:left;
	margin-left:15px;
	margin-top:-8px;
}
ul#langSelect li img{
	width:25px;
}
div#lang{
	float:right;	
}
#charte-etic img {
	float:left;
	width:100px;
	padding-right:15px;
}
#charte-etic div {
    height: 90px;
    margin-left: 100px;
    padding-top: 20px;
    width: 340px;
}
#charte-etic {
    height: 100px;
    margin-top: 30px;
    width:460px;
}