body{
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	background:#d6ecf2 url(../images/body-bg.gif) repeat-x 0 0;
}
img{ border:none;}
a{
	color:#000;
	text-decoration:underline;
}
a:hover{
		text-decoration:none;
}

form, fieldset{
	margin:0;
	padding:0;
	border:none;
}
input, select, textarea{
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
}
#wrapper{
	width:980px;
	overflow:hidden;
	margin:0 auto;
}
#header{
	width:864px;
	overflow:hidden;
	padding:30px 80px 0 36px;
	position:relative;
}
#header h1{
	float:left;
	margin:0;
}
#header h1 a.logo{
	display:block;
	overflow:hidden;
	background:url(../images/logo.gif) no-repeat 0 0;
	width:207px;
	height:69px;
	text-indent:-9999px;
}
#nav{
	margin:41px 0 0;
	padding:0;
	list-style:none;
	float:right;
}
#nav li{
	float:left;
	text-align:center;
	padding:0 0 0 2px;
}
#nav li a{
	display:block;
	text-decoration:none;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	overflow:hidden;
	width:116px;
	padding:17px 0 0;
	cursor:pointer;
	background:url(../images/nav-bg.gif) no-repeat 0 0;
	height:57px;
	text-indent:-9999px;
}
#nav li.active a,
#nav li a:hover{
	background:url(../images/nav-bg-hover.gif) no-repeat 0 0;
	height:56px;
}

#nav li a.winjob:hover,
#nav li a.winjob{
	background-position:0 0;
}
#nav li.active a.winjob,
#nav li.winjob a.news,
#nav li a.winjob:hover{
	background-position:0 1px;
}

#nav li a.service:hover,
#nav li a.service{
	background-position:-118px 0;
}
#nav li.active a.service,
#nav li.service a.news,
#nav li a.service:hover{
	background-position:-118px 1px;
}

#nav li a.news:hover,
#nav li a.news{
	background-position:-236px 0;
}
#nav li.active a.news,
#nav li.active a.news,
#nav li a.news:hover{
	background-position:-236px 1px;
}

#nav li a.client:hover,
#nav li a.client{
	background-position:-354px 0;
}
#nav li.active a.client,
#nav li.client a.news,
#nav li a.client:hover{
	background-position:-354px 1px;
}

#nav li a.contact:hover,
#nav li a.contact{
	background-position:-472px 0;
}
#nav li.active a.contact,
#nav li.contact a.news,
#nav li a.contact:hover{
	background-position:-472px 1px;
}

#main{
	width:100%;
	overflow:hidden;
	margin:-46px 0 0;
}
.sidebar{
	width:217px;
	float:left;
	margin:27px 0 0;
}



.box-top{
	background:url(../images/box-top.png) no-repeat;
	width:217px;
	height:77px;
}
.box-bg{
	background:url(../images/box-bg.png) repeat-y;
	width:100%;
	overflow:hidden;
}
.box-bg p{
	margin:0;
}
.box-bottom{
	background:url(../images/box-bottom.png) no-repeat 0 100%;
	width:217px;
	height:121px;
	padding:38px 0 0;
}
.add-nav ul{
	margin:4px 0 0 38px;
	padding:0 0 3px;
	list-style:none;
}
.add-nav ul li{
	padding:0 0 7px;
}
.add-nav ul li a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.add-nav ul li.active a{
	color:#fdcb36;
	font-weight:bold;
	text-decoration:none;
}
.add-nav ul li a:hover{
	text-decoration:underline;
}
.banner{
	background:url(../images/banner.gif) no-repeat 0 0;
	width:100px;
	height:87px;
	margin:0 auto;
	padding:5px 13px 0 77px;
}
.banner strong{
	color:#fff;
}
.banner span{
	display:block;
	font-size:11px;
	color:#416ca3;
	font-weight:bold;
	margin:10px 0 0;
}
.banner span a{
	color:#416ca3;
}

.new{
	margin:15px 0 0;
}
.news-box-top{
	background:url(../images/news-box-top.png) no-repeat 0 0;
	width:202px;
	height:58px;
	padding:18px 0 0 15px;
}
.news-box-top h2{
	margin:0;
	font-size:17px;
	color:#fff;
}
.news-box-bg{
	background:url(../images/news-box-bg.png) repeat-y;
	width:187px;
	overflow:hidden;
	padding:0 16px 12px 14px;
}
.news-box-bg strong{
	display:block;
	color:#fff;
	padding:0 0 9px;
}
.news-box-bg p{
	margin:0;
	padding:4px 0 0;
	color:#fff;
}
.news-box-bg a{
	color:#fff;
	text-decoration:underline;
	font-size:11px;
}
.news-box-bg a:hover{
	text-decoration:none;
}
.news-box-bottom{
	background:url(../images/news-box-bottom.png) no-repeat 0 0;
	width:202px;
	height:28px;
	text-align:right;
	padding:0 15px 0 0;
}
.news-box-bottom a{
	color:#fff;
	font-weight:bold;
	font-size:11px;
	position:relative;
}
.content{
	width:753px;
	float:right;
	overflow:hidden;
}
.content-box-top{
	background:url(../images/content-top.png) no-repeat 0 0;
	width:752px;
	height:40px;
}
.content-box-bg{
	background:#fff;
	width:733px;
	overflow:hidden;
	padding:0 0 0px 19px;
}
.content-box-bottom{
	background:url(../images/content-bottom.png) no-repeat 0 0;
	width:753px;
	height:12px;
}
.leftside{
	float:left;
	width:508px;
	position:relative;
	margin:24px 0 0;
}
.slogan{
	width:185px;
	position:absolute;
	top:80px;
	right:-20px;
}
.slogan p{
	margin:0;
	color:#425c90;
	font-size:17px;
	line-height:28px;
	font-weight:bold;
}
.slogan strong{
	display:block;
}
span.blue{
	font-size:24px;
	color:#2c679f;
}
span.yellow{
	font-size:24px;
	color:#eacc45;
}
.flash{
	float:right;
	width:211px;
	height:346px;
}
.logical{
	float:left;
	background:url(../images/logical.png) no-repeat 0 0;
	width:273px;
	height:245px;
	margin:20px 0 0;
	padding:36px 0 0 15px;
	text-align:right;
}
.logical h2{
	margin:0;
	color:#fff;
	font-size:18px;
	padding:0 0 31px;
	text-align:left;
}
.logical p{
	margin:0;
	line-height:18px;
	text-align:left;
}
.logical a{
	display:block;
	margin:7px 22px 0 0;
	text-decoration:underline;
	font-weight:bold;
	position:relative;
}
.logical a:hover{
	text-decoration:none;
}
.icons{
	float:right;
	overflow:hidden;
	background:url(../images/icons.png) no-repeat 0 0;
	width:456px;
	height:258px;
	margin:19px 0 0;
	padding:22px 0 0;
}
.icons h3{
	margin:0 0 0 13px;
	color:#416ca3;
	font-size:14px;
	line-height:19px;
	text-align:left;
}
.icons p{
	margin:0;
	line-height:17px;
	text-align:left;
}
.left{
	width:200px;
	float:left;
	margin:0 0 0 17px;
	display:inline;
}
.right{
	width:170px;
	float:right;
	text-align:right;
	margin:37px 47px 0 0;
	display:inline;
}
.right h3{
	margin:0;
}
.right a{
	display:block;
	color:#426da5;
	font-size:11px;
	padding:3px 8px 0 0;
	position:relative;
}
.left ul{
	margin:16px 0 0;
	padding:0;
	list-style:none;
	float:left;
	overflow:hidden;
}
.left ul li{
	float:left;
	text-align:center;
	line-height:10px;
	padding:0 10px 0 4px;
}
.left ul li a{
	display:block;
	color:#426da5;
	text-decoration:none;
	font-size:10px;
	position:relative;
	width:43px;
	padding:40px 0px 17px 0;
}
.left ul li a:hover{
	text-decoration:underline;
}

.left ul li a.crm{
	background:url(../images/crm.gif) no-repeat 50% 0;
}
.left ul li a.dossiers{
	background:url(../images/dossier.gif) no-repeat 50% 6px;
}
.left ul li a.facts{
	background:url(../images/facts.gif) no-repeat 50% 6px;
}
.left ul li a.couts{
	background:url(../images/couts.gif) no-repeat 50% 0;
}
.left ul li a.couts2{
	background:url(../images/couts2.gif) no-repeat 50% 0;
}
.left ul li a.tresor{
	background:url(../images/treson.gif) no-repeat 50% 0;
}
#footer{
	width:100%;
	overflow:hidden;
	padding:5px 0 20px;
}
#footer ul{
	margin:0 16px 0 0;
	padding:0;
	list-style:none;
	float:right;
}
#footer ul li{
	float:left;
	background:url(../images/separator.gif) no-repeat 0 50%;
	padding:0 9px 0 10px;
	color:#49a3be;
	font-size:11px;
}
/**Elements communs**/
h2.title{
	margin:18px 0 0 3px;
	float:left;
	clear:both;
	font-size:16px;
	background:url(../images/arrow.gif) no-repeat 0 50%;
	height:30px;
	line-height:26px;
	padding:0 0 0 41px;
}
.box-bg{
	width:216px;
	padding:0 0 26px;
}
hr.separator{
	clear:both;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:1px solid #cfdae8;
	width:461px;
}

ul.simpleList li{
	list-style:url(../images/arrow_yellow.png);
	font-weight:bold;

}

/**content **/
.content .text strong, .content .smallText strong{
	display:block;
	padding:14px 0 0;
}
.content a{
	color:#3f6ba2;
}
.content .text p{
	margin:0;
	color:#1a161b;
}
.text{
	width:483px;
	overflow:hidden;
	padding:0 0 0 25px;
}

.smallTextIllustration{
	float:left;
	width:90px;
	padding:0;
	margin:0 0 0 20px;
}

.refIllustr{
	width:150;
	margin:0 0 0 25px;
}

.content .smallText p{
	margin:0;
	color:#1a161b;
}
.smallText{
	float:right;
	width:353px;
	overflow:hidden;
	padding:0 25px 15px 0;
}
.refText{
	width:290px;
	margin:0;margin:0;
	margin-top:-12px;
}
.refsep{
	padding-top:10px;
}

/** Breadcrumbs **/
.breadcrumbs{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
.breadcrumbs li{
	float:left;
	font-size:11px;
	color:#afb0b2;
	font-weight:bold;
	padding:0 0 0 5px;
}
.breadcrumbs li a{
	display:block;
	background:url(../images/bullet.gif) no-repeat 100% 50%;
	padding:0 10px 0 0;
	font-size:11px;
	color:#afb0b2;
	font-weight:normal;
	text-decoration:none;
}
.breadcrumbs li a:hover{
	text-decoration:underline;
}

/* * Inbox * */
.inbox{
	clear:both;
	margin:0 0 0 5px;
}
.inbox-top{
	width:482px;
	padding:27px 0 0;
}
.inbox-bottom{
	width:454px;
	padding:0 14px 14px 14px;
	overflow:hidden;
}
.inbox strong{
	font-size:14px;
	line-height:17px;
}

/* Services */
.inner h2.title{
	color:#80b846;
}
.inner .box-top{background:url(../images/box-top2.png) no-repeat 0 0;}
.inner .box-bg{
	background:url(../images/box-bg2.png) repeat-y;
}
.inner .box-bottom{
	background:url(../images/box-bottom2.png) no-repeat 0 0;
	height:125px;
}
.inner .content-box-bg{
	padding:0 0 50px 28px;
	width:724px;
}
.inner .content .text strong{
	color:#80b846;
}
.inner .content .text p{
	color:#1a161b;
	width:95%;
}

.inner .leftside{
	margin:15px 0 0;
}
.inner .inbox{
	background:url(../images/inbox-bg.gif) repeat-y;
}
.inner .inbox-top{
	background:url(../images/inbox-top.gif) no-repeat 0 0;
}
.inner .inbox-bottom{
	background:url(../images/inbox-bottom.gif) no-repeat 0 100%;
}
.inner .inbox strong{
	color:#80b846;
}



/* Winjob */
.winjob H2.title{
	color:#3f6ba2;
}
.winjob .box-top{background:url(../images/box-top.png) no-repeat 0 0;}

.winjob .box-bottom{
	background:url(../images/box-bottom.png) no-repeat 0 0;
	height:125px;
}
.winjob .content-box-bg{
	padding:0 0 50px 28px;
	width:724px;
}
.winjob .leftside{
	margin:15px 0 0;
}
.winjob .inbox{
	background:url(../images/inbox-winjob-bg.gif) repeat-y;
}
.winjob .inbox-top{
	background:url(../images/inbox-winjob-top.gif) no-repeat 0 0;
}
.winjob .inbox-bottom{
	background:url(../images/inbox-winjob-bottom.gif) no-repeat 0 100%;
}

.winjob h2.title, .winjob .inbox strong, .winjob .content .text strong, .winjob .content .smallText strong{
	color:#3f6ba2;
}

.winjob ul.simpleList li{
	color:#416ca3;
}

/* * Fin Inbox * */

.inner #footer{
	padding:8px 0 20px;
}
.inner #footer ul{
	margin:0 11px 0 0;
}

#footer a{
	color:#49a3be;
	text-decoration:none;
}


/**Nouveautés**/

.nouveautes .box-top{background:url(../images/box-top3.png) no-repeat 0 0;}
.nouveautes .box-bg{
	background:url(../images/box-bg3.png) repeat-y;
}
.nouveautes .box-bottom{
	background:url(../images/box-bottom3.png) no-repeat 0 0;
	height:125px;
}
.nouveautes .content-box-bg{
	padding:0 0 50px 28px;
	width:724px;
}
.nouveautes .leftside{
	margin:15px 0 0;
}
.nouveautes .inbox{
	background:url(../images/inbox-nouveautes-bg.png) repeat-y;
}
.nouveautes .inbox-top{
	background:url(../images/inbox-nouveautes-top.png) no-repeat 0 0;
}
.nouveautes .inbox-bottom{
	background:url(../images/inbox-nouveautes-bottom.png) no-repeat 0 100%;
}

.nouveautes h2.title, .nouveautes .inbox strong, .nouveautes .content .text strong, .nouveautes .content .smallText strong, ul.simpleList li{
	color:#8e3a95;
}

.versionning{
	margin-left:37px;
	color:#8e3a95;
}
.expl{
	margin-left:37px;margin-right:10px;font-style:italic;
}
#nouveautes_nav, #nouveautes_nav a{
	color:#8e3a95;
	text-align:center;
}
/** Fin nouveautés  **/


/**Espace client**/

.espcl .box-top{background:url(../images/box-top4.png) no-repeat 0 0;}
.espcl .box-bg{
	background:url(../images/box-bg4.png) repeat-y;
}
.espcl .box-bottom{
	background:url(../images/box-bottom4.png) no-repeat 0 0;
	height:125px;
}
.espcl .content-box-bg{
	padding:0 0 50px 28px;
	width:724px;
}
.espcl .leftside{
	margin:15px 0 0;
}
.espcl .inbox{
	background:url(../images/inbox-espcl-bg.png) repeat-y;
}
.espcl .inbox-top{
	background:url(../images/inbox-espcl-top.png) no-repeat 0 0;
}
.espcl .inbox-bottom{
	background:url(../images/inbox-espcl-bottom.png) no-repeat 0 100%;
}

.espcl h2.title, .espcl .inbox strong, .espcl .content .text strong, .espcl .content .smallText strong, ul.simpleList li{
	color:#0b447a;
}

.espcl .text{
	width:483px;
	overflow:hidden;
	padding:0 0 0 25px;
}

.espcl .text strong{
	color:#0b447a;
	padding:0;
	display:inline;
}

#bt_login{
	width:92px;
	height:29px;
	margin-left:210px;
	border:0px;
}

.espcl .text{
	margin-left:20px;
	width:430px;
}

.espcl a.download{
	display:block;
	height:10px;
}

/** Fin Espace client  **/



/**Contact**/
.contact .box-top{background:url(../images/box-top5.png) no-repeat 0 0;}
.contact .box-bg{
	background:url(../images/box-bg5.png) repeat-y;
}
.contact .box-bottom{
	background:url(../images/box-bottom5.png) no-repeat 0 0;
	height:125px;
}
.contact .content-box-bg{
	padding:0 0 50px 28px;
	width:724px;
}
.contact .leftside{
	margin:15px 0 0;
}
.contact .inbox{
	background:url(../images/inbox-contact-bg.png) repeat-y;
}
.contact .inbox-top{
	background:url(../images/inbox-contact-top.png) no-repeat 0 0;
}
.contact .inbox-bottom{
	background:url(../images/inbox-contact--bottom.png) no-repeat 0 100%;
}
.contact h2.title, .contact .inbox strong, .contact .content .text strong, .contact .content .smallText strong, ul.simpleList li, .contact a{
	color:#0190ba;
}

.contact .text{
	margin-left:20px;
}
.contact h4{
	margin-bottom:2px;
}

.contact form span, .espcl form span{
	font-size:10px;
	font-style:italic;
}

.contact form div label, .espcl form div label{
	clear:both;
	width:120px;
	padding-left:25px;
	float:left;
	margin-bottom: 12px;
}
.contact form div input, .contact form div textarea, .espcl form div input, .espcl form div textarea{
	border:1px solid #ddd;
	width:250px;
	padding-left:5px;
	float:left;
	margin-bottom: 12px;
}

.contact form div fieldset label, .espcl form div fieldset label{
	float:none;
	padding-left:25px;
	margin-bottom: 10px;
}
.contact form div input.checkbox, .espcl form div input.checkbox{
	float:none;
	width:auto;
	margin:10px -5px 10px 65px;
	border:0px;
}
.contact form div fieldset input.checkbox{
	vertical-align:middle;
	margin-right:20px;
}
.contact form div textarea, .espcl form div textarea{
	clear:both;
	width:375px;
	height:120px;
	margin-left:22px;
}
#bt{
	width:93px;
	height:29px;
	border:0;
	margin:10px 0 0 150px;
}

.cleaner{
	clear:both;
}
/** Fin Contact  **/

/********/
.homeData{
	display:none;
}
#homeDemoPicture{
	position:absolute;
	left:-41px;
	display:block;
}
/** FAQ **/
#faq{
	width:90%;
}
#faq ul li{
	color:#0091ba;
}
#faq ul div{
	color:#000;
	font-weight:bold;
}
#faq ul p{
	color:#000;
}
#faq table{
	color:#000;
	width:100%;
}
#faq table tr td{
 border:1px solid #ccc;
}

.nouveautes #faq ul li{
	color:#7b4aa8;
}

/** Société **/
.societe{
	margin:20px 22px 10px 20px;
}
.societe p img{
	margin: 0 10px  6px 0;
}
/*********/
#formError{
	color:#c00;
}
#formSuccess{
	color:#090;
}