#container.services{
	background:#fff url(../img/layout/bg_default.jpg) repeat-x 0 -1px;
}

/*************** BANNER *******************/
#banner-container #banner{
	padding:0 11px;
}

#banner-container #banner .bcontent{
	background-color:#ccc;
	height:320px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

#banner-container #banner h1,
#banner-container #banner h2
{
	color:#636363;	
}

#banner .slides{
	float:left;
	overflow:hidden;
	height:320px;
}
#banner .slides li{
	height:320px;
	float:left;
}
#banner .slides li .slide{
	float:left;
	height:320px;
	display:block;
	overflow:hidden;
	width:0px;
	text-align:right;
}
#banner .slides li.selected .slide{
	width:674px;
}
#banner .slides li .slide .text{
	height:320px;
	/* background-color:rgb(65,64,69); */
	width:320px;
	margin-left:333px;
	
	padding:10px;
	float:left;
	text-align:right;
	background:transparent url(../img/layout/banners/services/grey-bg1.png) repeat 0 0;
}
#banner .slides li .slide .text h1{
	margin-bottom:10px;
	font-size:25px;
	border-bottom:1px dotted #636363;
}
#banner .slides li .slide .text h1 .intro{
	font-size:18px;
}
#banner .slides li .slide .text p{
	font-size:13px;
	font-weight:bold;
	/* background:url(../img/layout/banners/services/text-bg.png) repeat-y top right; */
	color:#636363;
}
	
#banner .slides li .slide .text a.readmore{
	display:block;
	font-size:0;
	float:right;
	margin:10px;
}
.fre #banner .slides li .slide .text a.readmore{
	background:url(../img/layout/readmore_btn_fre.gif) no-repeat bottom left; width:113px; height:28px;
}
.fre #banner .slides li .slide .text a.readmore:hover{ background-position:top left; }
.eng #banner .slides li .slide .text a.readmore{
	background:url(../img/layout/readmore_btn_eng.gif) no-repeat bottom left; width:96px; height:28px;
}
.eng #banner .slides li .slide .text a.readmore:hover{ background-position:top left; }


#banner .slides li a.menuitem{
	display:block;
	float:left;
	width:35px;
	background-color:rgb(55,54,59);
	font-size:0px;
	height:320px;
	border-right:1px solid rgb(93,93,95);
}
.fre #banner .slides li#design a.menuitem:hover,.fre #banner .slides li#websites a.menuitem:hover,
.fre #banner .slides li#ecommerce a.menuitem:hover,.fre #banner .slides li#elearning a.menuitem:hover,
.fre #banner .slides li#erp a.menuitem:hover,.fre #banner .slides li#web2 a.menuitem:hover,
.fre #banner .slides li#consulting a.menuitem:hover,.fre #banner .slides li#outsourcing a.menuitem:hover,
.fre #banner .slides li#seo a.menuitem:hover,.fre #banner .slides li#design.selected a.menuitem,
.fre #banner .slides li#websites.selected a.menuitem,.fre #banner .slides li#ecommerce.selected a.menuitem,
.fre #banner .slides li#elearning.selected a.menuitem,.fre #banner .slides li#erp.selected a.menuitem,
.fre #banner .slides li#web2.selected a.menuitem,.fre #banner .slides li#consulting.selected a.menuitem,
.fre #banner .slides li#outsourcing.selected a.menuitem,.fre #banner .slides li#seo.selected a.menuitem,
.eng #banner .slides li#design a.menuitem:hover,.eng #banner .slides li#websites a.menuitem:hover,
.eng #banner .slides li#ecommerce a.menuitem:hover,.eng #banner .slides li#elearning a.menuitem:hover,
.eng #banner .slides li#erp a.menuitem:hover,.eng #banner .slides li#web2 a.menuitem:hover,
.eng #banner .slides li#consulting a.menuitem:hover,.eng #banner .slides li#outsourcing a.menuitem:hover,
.eng #banner .slides li#seo a.menuitem:hover,.eng #banner .slides li#design.selected a.menuitem,
.eng #banner .slides li#websites.selected a.menuitem,.eng #banner .slides li#ecommerce.selected a.menuitem,
.eng #banner .slides li#elearning.selected a.menuitem,.eng #banner .slides li#erp.selected a.menuitem,
.eng #banner .slides li#web2.selected a.menuitem,.eng #banner .slides li#consulting.selected a.menuitem,
.eng #banner .slides li#outsourcing.selected a.menuitem,.eng #banner .slides li#seo.selected a.menuitem{
	background-color:#EE941A;
}
#banner .slides li#design a.menuitem{
	background:rgb(55,54,59) url(../img/layout/banners/services/design-text.png) no-repeat center 30px;
}
#banner .slides li#design .slide{
	background:url(../img/layout/banners/services/design.jpg) no-repeat;
}
.eng #banner .slides li#websites a.menuitem{
	background:rgb(65,64,69) url(../img/layout/banners/services/websites-text.png) no-repeat center 30px;
}
.fre #banner .slides li#websites a.menuitem{
	background:rgb(65,64,69) url(../img/layout/banners/services/fre-websites.png) no-repeat center 30px;
}
#banner .slides li#websites .slide{
	background: #ffffff url(../img/layout/banners/services/websites.jpg) no-repeat;
}
.eng #banner .slides li#ecommerce a.menuitem{
	background:rgb(85,85,87) url(../img/layout/banners/services/e-commerce-text.png) no-repeat center 30px;
}
.fre #banner .slides li#ecommerce a.menuitem{
	background:rgb(85,85,87) url(../img/layout/banners/services/e-commerce-text.png) no-repeat center 30px;
}
#banner .slides li#ecommerce .slide{
	background:url(../img/layout/banners/services/ecommerce.jpg) no-repeat;
}
#banner .slides li#elearning a.menuitem{
	background:rgb(104,104,106) url(../img/layout/banners/services/e-learning-text.png) no-repeat center 30px;
}
#banner .slides li#elearning .slide{
	background:url(../img/layout/banners/services/elearning.jpg) no-repeat;
}
.eng #banner .slides li#erp a.menuitem{
	background:rgb(125,125,127) url(../img/layout/banners/services/erp-text.png) no-repeat center 30px;
}
.fre #banner .slides li#erp a.menuitem{
	background:rgb(125,125,127) url(../img/layout/banners/services/fre-erp-text.png) no-repeat center 30px;
}
#banner .slides li#erp .slide{
	background:url(../img/layout/banners/services/erp.jpg) no-repeat;
}
#banner .slides li#erp .slide .text{ width:350px; margin-left:290px; }
.eng #banner .slides li#web2 a.menuitem{
	background:rgb(145,145,147) url(../img/layout/banners/services/web2.0-text.png) no-repeat center 30px;
}
.fre #banner .slides li#web2 a.menuitem{
	background:rgb(145,145,147) url(../img/layout/banners/services/fre-web2.0-text.png) no-repeat center 30px;
}
#banner .slides li#web2 .slide{
	background:url(../img/layout/banners/services/web2.0.jpg) no-repeat;
}
#banner .slides li#consulting a.menuitem{
	background:rgb(165,165,167) url(../img/layout/banners/services/consulting-text.png) no-repeat center 30px;
}
#banner .slides li#consulting .slide{
	background:url(../img/layout/banners/services/consulting.jpg) no-repeat;
}
#banner .slides li#outsourcing a.menuitem{
	background:rgb(185,185,187) url(../img/layout/banners/services/outsourcing-text.png) no-repeat center 30px;
}
#banner .slides li#outsourcing .slide{
	background:url(../img/layout/banners/services/outsourcing.jpg) no-repeat;
}
.eng #banner .slides li#seo a.menuitem{
	background:rgb(205,205,207) url(../img/layout/banners/services/seo-text.png) no-repeat center 30px;
	border-right:0;
}
.fre #banner .slides li#seo a.menuitem{
	background:rgb(205,205,207) url(../img/layout/banners/services/fre-seo-text.png) no-repeat center 30px;
	border-right:0;
}
#banner .slides li#seo .slide{
	background:url(../img/layout/banners/services/seo.jpg) no-repeat;
}


#banner .slides li .slide{
}

/*************** END BANNER *****************/

/**** Presentation websites ******/
#body-main #web{
}

#body-main ul.subheader{
	float:left;
}
#body-main ul.subheader li{
	float:left;
	width:180px;
	margin-left:20px;
	padding-left:45px;
}
#body-main ul.subheader li.first{
	background:url('../img/layout/1.jpg') no-repeat left top;
	margin-left:0;
}
#body-main ul.subheader li.second{ background:url('../img/layout/2.jpg') no-repeat left top; }
#body-main ul.subheader li.third{ background:url('../img/layout/3.jpg') no-repeat left top; }

.ERP-progiciels #body-main ul.modules.ppt li{
	width:275px;
}

.banner-img{
background:rgb(205,205,207) url(../img/layout/banners/services/about.jpg) no-repeat center 0px;
}
#banner h1 div.non-sublink{
	font-size:50px;
	color:#636363;
	margin-top:50px;
	text-align:left;
	margin-left:20px;
}
#banner h2 div.non-sublink{
	width:400px;
	text-align:center;
	color:#636363;
	margin-left:20px;
}
#banner div.banner-img h1 {
color:#636363;
font-size:50px;
margin-left:20px;
margin-top:50px;
text-align:left;
}