/* Global reset */
img{
	border:none;
	vertical-align: top;
}
a{
	color:#000;
	text-decoration: none;
}
a:hover{text-decoration: underline;}
input, textarea, select{
	font:12px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color: #666;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
html,body{height:100%;}
body{
	margin:0;
	font:12px/16px Arial, Helvetica, sans-serif;
	background:url(../images/bg-body.png) repeat-x;
	color: #999;
	min-width:930px;
}
/* General settings */
#wrapper{
	width:930px;
	margin: 0 auto;
	min-height:100%;
}
* html #wrapper{height:100%;}
/* header */
#header{
	height:87px;
	overflow:hidden;
}
.logo{
	float: left;
	background: url(../images/logo.png) no-repeat;
	width:199px;
	height:34px;
	margin: 27px 0 0 3px;
	text-indent: -9999px;
	display: inline;
}
.logo a{
	display: block;
	height:100%;
	overflow:hidden;
}
/* navigation */
#nav{
	float: right;
	background:url(../images/bg-nav.png) no-repeat -107px 100%;
	padding:39px 35px 10px 0;
	width:680px;
}
#nav ul{
	float: right;
	margin:0;
	padding:0;
	list-style: none;
	font-size:14px;
	font-weight: bold;
	text-transform: lowercase;
	letter-spacing: -1px;
}
#nav li{
	float: left;
	margin: 0 0 0 24px;
}
#nav a{
	float: left;
	color: #999;
	background:url(../images/bullet-nav.png) no-repeat 4px 1px;
	padding:0 0 0 20px;
}
* html #nav a{background-position: 4px 2px;}
#nav .active a,
#nav a:hover{
	color: #096;
	background-position: 0 -16px;
	text-decoration: none;
}
* html #nav .active a,
* html #nav a:hover{background-position: 0 -15px;}
/* visual */
.visual{
	min-height: 281px;
	background:url(../images/bg-visual.jpg) no-repeat;
	position: relative;
	z-index: 1;
}
.visual:after{content:""; display:block; clear:both;}
* html .visual{
	height:281px;
	overflow:visible;
}
.visual img{float: right;}
.visual-home img{margin: 57px -31px 6px 0;}
.visual-gestion img{margin: 75px -8px 4px 0;}
.visual-pymes img{margin: 59px 11px 5px 0;}
.visual-services img{margin: 84px 19px 14px 0;}
/* main */
#main{
	position: relative;
	z-index:2;
	padding:0 0 127px 18px;
}
.main-vr{
	background:url(../images/bg-main.gif) repeat-y 665px 0;
	width: 100%;
}
.main-vr:after{content:""; display:block; clear:both;}
#main h2{
	color: #096;
	font-size:20px;
	line-height:22px;
	margin: 0;
	font-weight: normal;
	position: relative;
}
#main .main-vr h2{margin: -7px 0 7px;}
.img-holder{
	float: left;
	background:url(../images/bg-img-holder.png) no-repeat;
	width:213px;
	height:130px;
	margin: -3px 7px 0 -8px;
}
* html .img-holder{margin-right:4px;}
.img-holder img{margin: 15px 0 0 15px;}
#main p{margin: 0 0 16px;}
#main p a{
	color: #096;
	font-weight: bold;
}
/* content */
#content{
	float: left;
	width:640px;
	margin: 0 52px 0 0;
}
#content ul{
	margin:0;
	padding:0;
	list-style: none;
}
#content li{
	background:url(../images/bullet02.gif) no-repeat 0 9px;
	padding:0 0 0 8px;
}
/* sidebar */
#sidebar{
	float: left;
	width:218px;
}
/* services list */
.services-list{
	margin:0;
	padding:0;
	list-style: none;
}
.services-list li{
	width: 100%;
	overflow:hidden;
	vertical-align: middle;
	padding:0 0 16px;
}
.services-list a{
	float: left;
	background: url(../images/bullet01.png) no-repeat 3px 5px;
	padding:0 0 0 15px;
	color: #97badd;
}
* html .services-list a{background-position: 3px 6px;}
.services-list .active a,
.services-list a:hover{
	font-weight: bold;
	text-decoration: none;
}
/* footer */
#footer{
	width: 100%;
	position: relative;
	overflow:hidden;
	margin-top: -102px;
	z-index: 3;
}
.mc-holder-1{
	width:1530px;
	position:relative;
	float:left;
	left:50%;
}
.mc-holder-2{
	width:1530px;
	position:relative;
	float:left;
	left:-50%;
}
.wrap-left {
	float:left;
	position:relative;
	left:50%;
}
.wrap-right {
	position:relative;
	left:-50%;
}
* html .wrap-right {float:left;}
#footer .inner{
	width:1530px;
	margin: 0 auto;
	background:url(../images/bg-footer.png) no-repeat 50% 100%;
	overflow:hidden;
	height:102px;
}
#footer ul{
	margin:56px 0 0;
	padding:0;
	list-style: none;
	font-size:11px;
	color: #ccc;
}
#footer li{
	float: left;
	background:url(../images/separator.gif) no-repeat 0 4px;
	padding:0 7px 0 8px;
}
#footer li.first-child,
#footer li:first-child{
	background: none;
	padding-left:0;
}
#footer a{color: #ccc;}
#footer dl{margin: 0;}
#footer dt,
#footer dd{
	float: left;
	margin: 0;
}
#footer dt{margin: 0 3px 0 0;}
#footer dd a{text-decoration: underline;}
#footer dd a:hover{text-decoration: none;}
/* contact form */
.contact-form .row{
	width: 482px;
	overflow:hidden;
	padding:0 0 9px;
}
.contact-form label{
	float: left;
	width:75px;
	text-align: right;
	color: #666;
	font-size:13px;
	line-height:18px;
	margin-right: 20px;
}
.contact-form .row div{
	float: left;
	background: url(../images/bg-text-field.png) no-repeat;
	width:387px;
	height:17px;
	overflow:hidden;
	padding:4px 0 2px;
}
.contact-form .txt{
	float: left;
	border: 0;
	width:381px;
	padding:0 3px;
	background: none;
}
.contact-form{
	margin: 0 0 -21px -25px;
	padding:16px 0 0;
	position: relative;
	width: 100%;
}
.contact-form .row div.textarea{
	background:url(../images/bg-textarea.png) no-repeat;
	width:381px;
	height:181px;
	padding:4px 3px;
	margin: 5px 0 1px;
}
div.textarea .txt{
	width:381px;
	height:181px;
	overflow:auto;
	max-width:381px;
	max-height:181px;
	padding:0;
}
.contact-form .btn-submit{
	float: right;
	text-indent: -9999px;
	background:url(../images/btn-submit.png) no-repeat;
	width:61px;
	height:23px;
	padding:0;
	cursor: pointer;
	border: 0;
	line-height:0;
}
/* contacts */
#sidebar .contacts{
	font-size:13px;
	padding:13px 0 0 3px;
}
#sidebar .contacts p{margin: 0 0 16px;}
#sidebar .contacts strong{color: #333;}
#sidebar .contacts dl{
	margin: 0;
	width: 100%;
	overflow:hidden;
}
#sidebar .contacts dt{
	float: left;
	clear: left;
	margin: 0 3px 0 0;
	font-weight: bold;
	padding:0 0 15px 0;
}
#sidebar .contacts dd{
	float: left;
	margin: 0;
}
* html #sidebar .contacts dd{float: none;}
#sidebar .contacts a{
	color: #096;
	text-decoration: underline;
}
#sidebar .contacts a:hover{text-decoration: none;}
/* articles */
.articles{
	width: 907px;
	overflow:hidden;
	margin: 0 0 -30px -13px;
	padding:18px 0 0;
}
.article{
	overflow:hidden;
	border-bottom: 1px solid #e4e4e4;
	padding:0 0 10px;
	margin-bottom:18px;
	width: 100%;
}
.article .img-holder{
	margin: -2px 0 0 7px;
	background:url(../images/bg-img-holder02.png) no-repeat;
	display: inline;
}
.article .img-holder img{margin: 13px 0 0 14px;}
.article .mark{
	color: #096;
	font-weight: bold;
	background:url(../images/bullet03.png) no-repeat 0 5px;
	padding:0 3px 0 8px;
}
* html .article .mark{background-position: 0 7px;}
.article ul{
	margin:0;
	padding:0 0 0 13px;
	list-style: none;
}
.article li{
	padding:0 0 16px 8px;
	background:url(../images/bullet03.png) no-repeat 0 6px;
}
/* cols */
.cols{
	width: 100%;
	overflow:hidden;
	background:url(../images/bg-main.gif) repeat-y 438px 0;
	margin: 14px 0 59px;
}
.cols h3{
	margin: 0 0 8px;
	color: #97badd;
	font-size:16px;
	line-height:20px;
	font-weight: normal;
}
#wrapper .list{
	margin:0;
	padding:0;
	list-style: none;
}
#wrapper .list li{
	background:url(../images/bullet03.png) no-repeat 0 6px;
	padding:0 0 14px 8px;
}
.cols .col{
	float: left;
	width:420px;
	margin: 0 120px -15px 0;
}
.cols .col02{
	margin-right:0;
	width:372px;
}
#main.pymes h2{margin-bottom:18px;}
#main.pymes p{
	margin: 0;
	padding:0 0 16px;
}
.article .text{
	float: left;
	width:680px;
}
/* services */
#main.services h2{margin: 0 0 8px;}
/* twocols */
.twocols{
	width: 100%;
	background:url(../images/bg-main.gif) repeat-y 225px 0;
	margin: 34px 0 0;
}
.twocols:after{content:""; display:block; clear:both;}
.twocols #content{
	float: right;
	width:650px;
	padding:0 0 0 14px;
	margin: -9px 22px 0 0;
	display: inline;
	position: relative;
}
.twocols #content h3{
	margin: 0 0 11px;
	color: #096;
	font-size:20px;
	line-height:22px;
	font-weight: normal;
}
#wrapper .twocols p{
	margin: 0;
	padding:0 0 16px;
}
#wrapper .twocols .list{
	padding:0 0 9px;
	width:450px;
}
#wrapper .twocols .list li{
	padding:0 0 12px;
	text-indent: 8px;
	position: relative;
}
.twocols #content .img-holder{
	margin-bottom:-10px;
	float: none;
	display: block;
}
/* aside */
.aside{
	float: left;
	width:220px;
	margin: -6px 0 0;
	position: relative;
}