ul,li,p,span,h1,h2,h3,h4,h5,h6,a,div,form,table{
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
}
body{
	margin:0;
	background-color: #fff;
}
#all{
	width:100%;
	background:url(../images/bg.jpg) repeat-x 0 0;
}
/* page */
#page{
	margin:0 auto;
	width:954px;
}
/* header */
#header{
	background:url(../images/header.jpg) no-repeat 100% 0;
}
#header strong{
	display:block;
	width:217px;
	height:89px;
	padding:44px 0 50px 16px;
}
#header strong a{
	display:block;
	background:url(../images/logo.gif) no-repeat 0 0;
	width:217px;
	height:89px;
}
#header strong a span{
	display:none;
}
#header ul{
	float:right;
	padding:0 55px 0 0;
}
#header li{
	float:left;
	list-style:none;
	background:url(../images/line.gif) no-repeat 0 0;
	padding:3px 0 0 7px;
	height:10px;
	margin:0 0 0 3px;
}
#header li.first{
	background:none;
}
#header li a{
	display:block;
	height:6px;
}
#header li a.newsletter{
	background:url(../images/newsletter.gif) no-repeat 0 0;
	width:56px;
}
#header li a.conseiller{
	background:url(../images/conseiller.gif) no-repeat 0 0;
	width:87px;
}
#header li a span{
	display:none;
}
#header span.agence{
	background:url(../images/agence.gif) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	font-size:17px;
	margin:0 0 0 15px;
}
/* content */
#content{
	overflow:hidden;
}
#content .sidebar{
	float:left;
	width:155px;
	padding:36px 0 0 0;
}
#content .sidebar li{
	list-style:none;
	width:155px;
	height:105px;
	margin:0 0 10px 0;
	float:left;
}
#content .sidebar a{
	display:block;
	width:155px;
	height:105px;
}
#content .sidebar a.wellness{
	background:url(../images/widget-mag.jpg) no-repeat 0 0;
}
#content .sidebar a.idea{
	background:url(../images/widget-good-idea.jpg) no-repeat 0 0;
}
#content .sidebar a.table{
	background:url(../images/widget-table-ronde.jpg) no-repeat 0 0;
}
#content .sidebar a.acces{
	background:url(../images/widget-acces-clients.jpg) no-repeat 0 0;
}
#content .sidebar a span{
	display:none;
}
#content .main-page{
	float:right;
	width:799px;
}
#content .form{
	background:url(../images/form.jpg) no-repeat 0 0;
	margin:27px 0 31px 185px;
	width:330px;
	height:48px;
	position:relative;
}
#content .form .text{
	width:269px;
	border-width: 0 !important;
	border: 1px solid #fff;
	font-size:12px;
	color:#333;
	line-height:14px;
	padding:0 0 0 15px;
	position:absolute;
	top:29px;
	left:11px;
	height:14px;
	font-family:Arial, Helvetica, sans-serif;
}
#content .form .submit{
	position:absolute;
	top:25px;
	left:309px;
}
#content ul.navigation{
	display:block;
	padding:0 0 0 33px;
	height:27px;
	width:766px;
}
#content .navigation li{
	list-style:none;
	float:left;
	margin:0 42px 0 0;
	height:27px;
}
#content .navigation a{
	display:block;
	height:23px;
	margin:4px 0 0 0;
}
#content .navigation a.activ{
	margin:0;
	height:27px;
}
#content .navigation a span{
	display:none;
}
#content .navigation .dev a{
	width:80px;
	height: 24px;
}
#content .navigation .dev a:hover{
	height: 24px;
}
#content .navigation .dev a.activ{
	width:100px;
	height: 28px;
}
#content .navigation .consulting a{
	width:160px;
	height: 24px;
}
#content .navigation .consulting a:hover{
	width:160px;
	height: 24px;
}
#content .navigation .consulting a.activ{
	width:200px;
	height: 28px;
}
#content .navigation .outils a{
	width:135px;
	height: 24px;
}
#content .navigation .outils a:hover{
	height: 24px;
}
#content .navigation .outils a.activ{
	width:167px;
	height: 28px;
}
#content .navigation li.contact{
	margin:0;
}
#content .navigation .contact a{
	width:75px;
	height: 24px;
}
#content .navigation .contact a:hover{
	height: 24px;
}
#content .navigation .contact a.activ{
	width:93px;
	height: 29px;
}
#content .main{
	margin:0 41px 0 37px;
	padding:21px 0 0 0;
}
#content .bg{
	background:url(../images/column.gif) repeat-y 100% 0;
	width:721px;
	float:left;
}
#content .top{
	background:url(../images/main.jpg) no-repeat 0 0;
	padding: 0 0 0 0; margin: 0 0 0 0;
	width:721px;
}
#content .bottom{
	background:url(../images/main-bottom.jpg) no-repeat 0 100%;
	width:721px;
	float:left;
	padding:0 0 30px 0;
}
#content .bottom2{
	background:url(../images/main-bottom2.jpg) no-repeat 0 100%;
	width:721px;
	float:left;
	padding:0 0 30px 0;
}
#content .main h1{
	display:block;
	background:url(../images/h1.gif) no-repeat 0 100%;
	width:151px;
	height:22px;
	margin:0 0 0 27px;
	padding:0px 0 0 0;
}
#content .main h1 span,
#content .main h2 span{
	display:none;
}
.column{
	/*background:url(../images/column.gif) repeat-y 0 0;*/
	width:138px;
	float:right;
	padding:0 12px 0 12px;
	margin:-56px 2px 0 0;
}
.column h2{
	display:block;
	margin:27px 0 11px 3px;
	float:left;
}
.column h2.articles{
	background:url(../images/articles.gif) no-repeat 0 0;
	width:112px;
	height:14px;
	margin-top:5px;
}
.column h2.alire{
	background:url(../images/alire.gif) no-repeat 0 0;
	width:112px;
	height:18px;
	margin-bottom:7px;
}
.column h2.les{
	background:url(../images/les.gif) no-repeat 0 0;
	width:88px;
	height:13px;
}
.column li{
	list-style:none;
	margin:0 0 13px 0;
	float:left;
}
content .main .column li.last{
	margin:0;
}
.column li a{
	border-left:10px solid #c0ce28;
	display:block;
	text-decoration:none;
	color:#4c4c4c;
	font-size:13px;
	padding:0 0 0 10px;
}
#content .main .left{
	width:274px;
	float:left;
}
#content .main .wide{
	width:540px;
	_width:530px;
}

#content .main p{
	padding:0 16px 0 27px;
	color:#333;
	font-size:11px;
	line-height:18px;
	text-align:justify;
}
/*#content .main p span{
	color:#d11f83;
	font-weight:bold;
}*/
#content .main .left h3, #content h3{
	color:#d11f83;
	font-size:15px;
	font-weight:bold;
	border-left:10px solid #d11f83;
	padding:0 0 0 8px;
	margin:18px 0 0px 9px;
}
#content .main .left h4, #content h4{
	color:#808080;
	/*float: right;*/
	font-size:15px;
	font-weight:bold;
	padding:0 0 0 0px;
	margin:0px 0px 0px 26px;
}
#content .main .left p.foto, #content .mag-1-pic p, #content .mag-2-pic p, #content .mag-3-pic p{
	color:#808080;
	font-size:9px;
	line-height:11px;
	text-align:right;
	padding:0 16px 0 32px;
}
#content .main .left img{
	margin:22px 0 3px 22px;
	float:left;
}
#content .main .right{
	margin:51px 0 0 0;
	width:281px;
	float:left;
}
#content .main .right p{
	padding:0 35px 0 17px;
}
#content .main .right p.last{
	margin:28px 0 0 0;
}
#content .main .right a.logo{
	background:url(../images/logo2.gif) no-repeat 0 0;
	display:block;
	width:86px;
	height:32px;
	margin:18px 0 0 172px;
}
#content .main .right a.logo span{
	display:none;
}
#content .main a.faire{
	display:block;
	background:url(../images/faire.gif) no-repeat 0 0;
	width:127px;
	height:11px;
	margin:23px 0 0 373px;
}
#content .main a.faire span{
	display:none;
}
#content .main a.presta{
	display:block;
	background:url(../images/presta.gif) no-repeat 0 0;
	width:150px;
	height:24px;
	margin:0 4px 23px 0px;
	float: right;
}
#content .main a.presta span{
	display:none;
}

/* footer */
#footer{
	width:954px;
	clear: both;
	margin: 0 auto;
	position: relative;
}
#footer .bgwrapper {
	padding:0 60px 0px 199px;

}
#footer .bg {
	background: url(../images/grey-bg-inv.gif) repeat-x;
	clear:both;
	height: 20px;
}
#footer p{

	color:#808080;
	font-size:10px;
	text-align:center;
	clear:both;
	line-height:12px;
	padding:0 60px 30px 199px;
}

.submenu {
	height: 35px;
	width: 100%;
	/*background: url(../images/grey-bg.gif) repeat-x;*/
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	padding-top: 8px;
}

.submenu span {
	margin: 4px;
}

.submenu span a {
	color: #7a7a7a;
	text-decoration: none;
}
.submenu span a:hover {
	text-decoration: underline;
}
.submenu span.active {
	color: #d22082;
	font-size: 11pt;
	text-decoration: underline;
}
.picture-right {
	float: right;
	margin: 20px 25px 25px 25px;
}
.clr {
	clear: both;
}
p.pink-bullet {
	background: url(../images/pink-bullet.gif) 11px 7px no-repeat;
	padding-left: 25px;
}
p.pink-bullet strong {
	color: #d22082;
	font-weight: bold;
}
#searchList {
	position: absolute;
	display: none;
	width: 240px;
	top: 29px;
	left: 27px;
	#top: 28px;
	#left: 26px;
	font-size: 9pt;
}
#searchList div {
	background-color:#fff;
	/*border-bottom: 1px dotted;*/
}
#searchList div:hover {
	color: #fff;
	background-color: #000060;
}
#contact-form {
	font-size: 8pt;
	width: 410px;
	float: left;
}
#contact-form input {
	border: none;
	border-bottom: 1px solid #999;
}
.grey-line-bottom {
	height: 20px;
	width: 100%;
	background: url(../images/grey-bg-inv.gif) repeat-x;
}
#newsletter {
	font-size: 9pt;
}
#newsletter input, #tell-a-friend input, #login input, #forward-article input,
#contact-prestation input, #table-ronde input, #good-idea input {
	border: none;
	border-color: #fff;
	width: 250px;
	font-size: 8pt;
	/*color: #d11f83;*/
}
#tell-a-friend textarea, #forward-article textarea, #contact-prestation textarea, #good-idea textarea {
	font-size: 8pt;
	font-family:Arial, Helvetica, sans-serif;
	border: none;
	/*color: #d11f83;*/
	color: #000;
}
.png {
	behavior: url('./images/iepngfix/iepngfix.htc');
}
.notice, #content .main p.notice {
	color: #d11f83;
	font-weight: bold;
	font-size: 10pt;
}

.download {
	text-indent: -9999px;
	background: url('../images/download.jpg') no-repeat;
	overflow: hidden;
	width: 16px;
	height: 16px;
	position: absolute;
	margin-top: 28px;
}
.extension-ico {
	margin: 15px 8px 0 25px;
}

.download:hover {
	background: url('../images/download-over.jpg') no-repeat;
}

.file-odd, .file-even {
	height: 80px;
	vertical-align: middle;
}
.file-odd strong, .file-even strong {
	font-weight: bold;
	font-size: 10pt;
	color: #d22082;
}
#espace-client div div {
	/*background-color: #f0f0f0;*/
	margin: 0 0 0 74px;
	padding: 0;
	width: 260px;
	position: relative;
	top: -57px;
}
#espace-client .file-description p {
	margin: 0;
	padding: 0;
	display: block;
	text-indent: 0px;
	font-size: 11px;
	line-height: 15px;
}
.file-odd {
	float: left;
}

.file-even {
	float:right;
	border-left: 1px dotted #808080;
	padding-left: 22px;
}

.rubrique-name {
	background: url('../images/fond-vert-degrad.gif') no-repeat;
	color: #000;
	font-size: 10pt;
	padding-left: 28px;
	margin: 16px 0 8px 0;
}
#espace-client strong {
	color: #d22082;
}


.mag-1-left {
	float: left;
	width: 257px;
	text-align: justify;
/*	border: 1px solid;*/
}
.mag-1-right {
	float: left;
	width: 257px;
	text-align: justify;
/*	border: 1px solid;*/
}
.mag-1-pic {
	text-align: right;
}
#content .mag-1-pic p {
	padding: 0 0 10px 0;
}
.mag-2-left {
	margin: 153px 0 0 0;
	float: left;
	width: 257px;
	text-align: justify;
}
.mag-2-right {
	margin-top: 153px;
	float: left;
	width: 257px;
	text-align: justify;
}
.mag-2-pic {
	/*float: left;*/
	position: absolute;
	padding-left: 27px;
}
.mag-3-left {
	float: left;
	width: 274px;
	text-align: justify;
}
.mag-3-right {
	float: left;
	width: 257px;
	text-align: justify;
}
.mag-3-pic {
	padding: 18px 0 0 27px;
}


.mag-1-left strong, .mag-1-right strong, .mag-2-left strong, .mag-2-right strong, .mag-3-left strong, .mag-3-right strong {
	color: #d11f83;
}
.contenu {
	color:#333;
	font-size:11px;
	line-height:18px;
	text-align:justify;
}
#content .main p.rose-gras {
	color: #d11f83;
	font-weight: bold;
}

.submenu-subsections {
	background: url(../images/subsections-menu-bottom.png) no-repeat bottom left;
	padding-bottom: 20px;
}
.submenu-subsections ul {
	background: url(../images/subsections-menu-bg.png) repeat-y;
	list-style-type: none;
	width: 144px;
}
.submenu-subsections ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 0 3px 6px;
}
.submenu-subsections ul li a {
	color: #666666;
	width: 110px;
	padding: 1px 0 1px 16px;
	text-decoration: none;
	display: block;
	background-image: url('../images/subsections-menu-bullet.png');
	background-repeat: no-repeat;
	background-position: 3px 2px;
	background-color: #fff;
}
.submenu-subsections ul li a:hover {
	background-color: #f00;
}
.submenu-subsections h2, .submenu-subsections p {
	font-family:Arial, Helvetica, sans-serif;
}
#content .articleTitle {
	clear: both;
	color: #666;
	border: none;
	font-size: 12px;
	margin: 3px 0 0 0;
	border-top: 2px solid #f3f3f3;
	padding: 3px 0 0 0;
	cursor: pointer;
}
#content .articleTitle {
	background: url('../images/articles-list-bullet-idle.gif') no-repeat 0 2px;
	padding-left: 16px;
}
#content .articleTitle.active, #content .articleTitle:hover {
	background: url('../images/articles-list-bullet-active.gif') no-repeat;
}

.main-title{
	/*position:absolute;
	z-index:-1;*/
	background-color: #dadada;
	margin:0;
	padding:0;
	font-size: 12px;
	text-align:center;
	color: #888888;
}