/* Css Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }

/* General Styles */
.skiplink{ display:none; }
label{ cursor:pointer; }
a,a:visited{ color:#FFFFFF; text-decoration:none; }
a:focus,a:hover{ text-decoration:underline; }
body{ background:#fff; color:#000; font:10px Arial, Helvetica, sans-serif; }
.wrapper{ margin:0 auto; width:960px; }
/*header*/
#header{
	width:100%;
	overflow:hidden;
	background:url(../images/bgr_header.jpg) no-repeat 50% 0 #e5f4fa;
}
#logo{
	width:195px;
	height:100px;
	display:block;
	float:left;
	margin:10px 0 0;
	cursor:pointer;
	text-indent:-9999em;
	position:relative;
	left:-13px;
	background:url(../images/logo.jpg) no-repeat;
}
#header .slogal{
	float:right;
	width:430px;
	text-align:center;
	padding:42px 0 0;
	font-size:13px;
	color:#4779b9;
}
/*menu*/
#menu{
	width:100%;
	overflow:hidden;
	clear:both;
	padding:10px 0 0;
}
#menu ul{
	width:100%;
	overflow:hidden;
	background:#858a90;
	height:21px;
}
#menu ul li{
	float:left;
}
#menu ul li a{
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
	float:left;
	height:21px;
	padding:3px 25px 3px 28px;
}
#menu ul li a:hover{
	background:#58c3e7;
	text-decoration:none;
}
#menu ul li a.current{
	padding:3px 25px 3px 20px;
	background:#58c3e7;
}
/*body*/
#body{
	width:100%;
	overflow:hidden;
}
.presentation#body .wrapper{
	padding:75px 0 0;
	background:url(../images/pic_presentation.jpg) no-repeat 671px 243px;
	min-height:505px;
	height:auto !important;
	height:505px;
}
.references#body .wrapper{
	padding:75px 0 0;
	background:url(../images/pic_references.jpg) no-repeat 247px 328px;
	min-height:505px;
	height:auto !important;
	height:505px;
}
.contact#body .wrapper{
	padding:75px 0 0 402px;
	background:url(../images/pic_contact.jpg) no-repeat 942px 259px;
	min-height:505px;
	height:auto !important;
	height:505px;
}
.extranet#body .wrapper{
	padding:152px 0 0 0;
	background:url(../images/pic_extranet.jpg) no-repeat 143px 180px;
	min-height:430px;
	height:auto !important;
	height:430px;
}
#body h3{
	font-size:14px;
	color:#53b5e0;
	text-align:center;
	padding:30px 0 28px;
}
#body h2{
	font-size:13px;
	text-transform:uppercase;
	color:#fff;
	padding:2px 18px;
	background:#518ec5;
	margin:0 4px 21px 1px;
}
#body h2.purple{
	padding:2px 9px;
	background:#b366da;
	margin:0 4px 26px 1px;
}
#body p{
	color:#717679;
	font-size:12px;
	padding:0 0 13px;
	line-height:15px;
}
#body ul{
	color:#717679;
	font-size:12px;
	padding:0 0 13px;
	line-height:15px;
}
#body ul li{
	background:url(../images/bgr_list_dot.jpg) no-repeat 0 4px;
	padding:0 0 10px 12px;
	font-size:12px;
	color:#5e6368;
}
.references#body ul{
	padding:2px 0 13px;
}
.references#body ul li{
	background:url(../images/bgr_list_dot_blue.jpg) no-repeat 0 4px;
	margin:2px 0 0;
}
.references#body .clients ul{
	padding:17px 0 11px;
	border:1px solid #bdbfc2;
	overflow:hidden;
	margin:52px 0 0;
	width:437px;
}
.references#body .clients ul li{
	background:none;
	margin:0;
	float:left;
	padding:0 7px 0 15px;
}
#body .columns{
	width:100%;
	overflow:hidden;
}
#body .columns .left_column{
	float:left;
	padding:0 0 0 1px;
	width:443px;
}
#body .columns .left_column .image span img{
	display:inline;
	float:right;
}

#preview img{
	width:444px;
	height:301px;
}

#body .columns .left_column .image span{
	display:block;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	color:#53b5e0;
	padding:5px 0 0;
}
#body .columns .right_column{
	float:right;
	padding:0 0 0 1px;
	width:439px;
}
#body .columns .right_column h2{
	margin:0 0 22px 1px;
}
#body .columns .right_column .lists{
	overflow:hidden;
	width:100%;
}
#body .columns .right_column .left_list{
	float:left;
	width:293px;
}
#body .columns .right_column .right_list{
	float:left;
	width:146px;
}
#body .columns .right_column .services{
	float:left;
	width:225px;
	padding:0 213px 0 0;
	margin:4px 0 0;
	background:url(../images/pic_services.jpg) no-repeat 100% 2px;
}
#body .columns .right_column .services h2{
	background:#ff9f00;
	width:178px;
	margin:0 4px 18px 1px;
}
#body .services ul li{
	background:url(../images/bgr_list_dot_yallow.jpg) no-repeat 0 5px;
}
#body .services ul{
	padding:2px 0 13px;
}
.references#body .box{
	padding:0 0 28px;
}
.references#body .box p{
	padding:2px 0 11px;
}
.contact#body h3{
	font-size:12px;
	text-align:left;
	padding:26px 0 32px 5px;
}
.contact#body ul li{
	background:url(../images/bgr_list_dot_blue.jpg) no-repeat 0 4px;
	margin:4px 0 0 5px;
}
.contact#body ul li a{
	text-decoration:underline;
	color:#518ec4;
	font-weight:bold;
}
.contact#body ul li a:hover{
	text-decoration:none;
}
.contact#body form{
	overflow:hidden;
	width:100%;
	margin:-1px 0 0;
}
.contact#body form fieldset{
	float:left;
	width:225px;
}
.contact#body form fieldset.big{
	width:280px;
}
.contact#body form p{
	padding:0;
	margin:0;
}
.contact#body form label{
	padding:0 0 2px 5px;
	color:#5e6368;
	display:block;
	margin:-2px 0 0;
}
.contact#body form .text{
	background:url(../images/bgr_contact_input.jpg) no-repeat 0 0;
	width:193px;
	height:19px;
	margin:0 0 12px 5px;
}
.contact#body form .text input{
	background:none;
	border:0;
	padding:0;
	margin:3px 5px;
	width:180px;
	font:11px Arial, Helvetica, sans-serif;
	color:#5e6368;
}
.contact#body form .textarea{
	border:1px solid #91969c;
	background:#eff4fa;
	width:277px;
	height:112px;
	margin:0 0 12px 5px;
}
.contact#body form .textarea textarea{
	background:none;
	border:0;
	padding:0;
	margin:4px 5px;
	width:267px;
	overflow:auto;
	height:102px;
	font:11px Arial, Helvetica, sans-serif;
	color:#5e6368;
}
.contact#body form .submit input{
	background:none;
	border:0;
	padding:0;
	margin:1px 0 0 168px;
	background:url(../images/btn_contact.jpg) no-repeat 0 0;
	width:116px;
	height:23px;
}
.extranet#body h3{
	font-size:12px;
	text-align:left;
	padding:26px 0 25px 375px;
}
.extranet#body form{
	overflow:hidden;
	width:450px;
	margin:0 0 0 370px;
}
.extranet#body form fieldset{
	display:block;
	float:left;
	padding:0 25px 0 0;
}
.extranet#body form p{
	padding:0;
	margin:0;
}
.extranet#body form label{
	padding:0 0 2px 5px;
	color:#5e6368;
	display:block;
	margin:-2px 0 0;
}
.extranet#body form .text{
	background:url(../images/bgr_contact_input.jpg) no-repeat 0 0;
	width:193px;
	height:19px;
	margin:0 0 12px 5px;
}
.extranet#body form .text input{
	background:none;
	border:0;
	padding:0;
	margin:3px 5px;
	width:180px;
	font:11px Arial, Helvetica, sans-serif;
	color:#5e6368;
}
.extranet#body form .submit input{
	background:none;
	border:0;
	padding:0;
	margin:0 0 0 305px;
	background:url(../images/btn_valider.jpg) no-repeat 0 0;
	width:116px;
	height:23px;
}
/*footer*/
#footer{
	width:100%;
	overflow:hidden;
	background:#dcdddf;
	color:#8b9093;
	margin:35px 0 0;
	padding:20px 0 35px;
	font-size:11px;
	line-height:19px;
	text-align:center;
}
#footer ul li{
	display:inline;
	background:url(../images/bgr_footer_div.jpg) no-repeat 100% 3px;
	padding:0 9px 0 5px;
}
#footer ul li.last{
	background:none;
	padding:0 9px 0 3px;
}