body{
	margin:0;
	background:#fff url(../images/bg-body.gif) repeat-x;
	font:12px Arial, Helvetica, sans-serif;
	color:#004489;
	min-width:995px;
}
img{border:none;}
a{
	color:#c64d75;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
input, textarea, select{
	font:100% Tahoma, Arial, sans-serif;
	vertical-align:middle;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper{
	width:100%;
	overflow:hidden;
	position:relative;
}
.w1{
	width:1033px;
	position:relative;
	float:left;
	left:50%;
}
.w2{
	width:1033px;
	position:relative;
	float:left;
	left:-50%;
}
.wrapper-holder{
	background: url(../images/bg-wrapper-c.png) repeat-y;
	height:1%;
	position:relative;
	padding:130px 19px 0 19px;
}
.wrapper-holder:after{
	content:"";
	clear:both;
	display:block;
}
#header{
	width:946px;
	margin:0 auto;
	background: url(../images/bg-header.gif) repeat-x;
	padding:22px 25px 0 24px;
	position:absolute;
	height:108px;
	top:0;
	left:19px;
}
#header .logo{
	float:left;
	background: url(../images/logo.gif) no-repeat;
	width:206px;
	height:52px;
	text-indent:-9999px;
	overflow:hidden;
	margin:38px 0 0;
}
#header .logo a{
	display:block;
	height:100%;
}
#header .small-logo{
	float:right;
	background: url(../images/small-logo.gif) no-repeat;
	width:177px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	margin:44px 0 0 0px;
}
#header .small-logo a{
	display:block;
	height:100%;
}
#header .small-texte{
	float:right;
	margin:74px -170px 0 39px;
	font-size:8px;
	color:#008fcd;
	text-transform:uppercase;
}
#header .small-texte a{
	font-size:8px;
	color:#008fcd;
	text-decoration:none;
}

#header .small-texte a:hover{
	font-size:8px;
	color:#008fcd;
	text-decoration:underline;
}

#nav{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
#nav li{
	float:right;
	background: url(../images/separator.gif) no-repeat 100% 0;
	height:108px;
	overflow:hidden;
	padding:0 2px 0 0;
}
#nav a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:108px;
}
#nav a:hover{background-position:0 -108px;}

#main{
	background: url(../images/bg-main.jpg) no-repeat;
	min-height:631px;
	padding:11px 210px 0 1px;
	z-index:1;
}
* html #main{height:631px;}
#wrapper .inner{
	background: url(../images/bg-main-causes.jpg) no-repeat;
	min-height:670px;
	padding:11px 56px 0 1px;
}

#wrapper .erytheme-main{background: url(../images/bg-main-erytheme.jpg) no-repeat;}
#wrapper .prevenir{background: url(../images/bg-main-prevenir.jpg) no-repeat;}
#wrapper .solution{background: url(../images/bg-main-solution.jpg) no-repeat;}
#wrapper .contact{background: url(../images/bg-main-contact.jpg) no-repeat;
height:740px;}
#wrapper .clubpratique{background: url(../images/bg-main-contact.jpg) no-repeat;
height:730px;}
#wrapper .mentions{background: url(../images/bg-main-mentions.jpg) no-repeat;
height:960px;}
#wrapper .quizz{background: url(../images/bg-main-contact.jpg) no-repeat;
height:950px;}
#wrapper .inner #content{
	width:440px;
	margin-top:15px;
}
#content{
	width:380px;
	float:right;
	margin:48px 0 0;
}
#main .expertise,
#content .frequent,
#content .contact-title,
#content .fessier-title,
#content .prevenir-title,
#content .solution-title,
#content .mentions-title,
#content .plan-title,
#content .newsletter-title{
	overflow:hidden;
	text-indent:-9999px;
}
#main .expertise{
	background: url(../images/text-expertise.png) no-repeat;
	width:372px;
	height:104px;
	margin:0 0 19px;
}
#main .aside{
	width:160px;
	float:left;
	color:#fff;
        font-size:12px;
}
#main .aside h3{
	margin:0 0 5px 24px;
	font-size:13px;
	font-weight:normal;
	text-transform:uppercase;
}
#main .aside ul{
	margin:0;
	padding:0;
	list-style:none;
}
#main .aside ul li{
	height:1%;
	vertical-align:middle;
}
#main .aside ul a{
	display:block;
	padding:5px 5px 5px 24px;
	position:relative;
}
#main .aside ul a span{
	color:#fff;
	background: url(../images/bullet1.gif) no-repeat 0 5px;
	padding-left:9px;
}
#main .aside ul a:hover{
	text-decoration:none;
	background: url(../images/bg-aside-hover.png) repeat;
}
#content .heading{
	font-size:15px;
	color:#e95e89;
	margin:0 0 14px;
	font-weight:normal;
}
#content .text-box{
	height:1%;
	overflow:hidden;
	margin:0 60px 0 3px;
}

#content #homemain{
        margin-top:95px;
}
.info-wrapper{
	width:405px;
	text-align:justify;
}
#content .text-box p{margin:0 0 10px;}
#content .causes-title,
#content .contact-heading,
#content .fessier-heading,
#content .prevenir-heading,
#content .creme-heading-r,
#content .creme-heading-s,
#content .creme-heading-h{
  display:block;
	overflow:hidden;
	text-indent:-9999px;
}
#content .pommade-heading,
#content .newsletter-heading{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 9px 3px;
}
#content .causes-title{
	width:228px;
	height:19px;
	background: url(../images/text-causes-title.png) no-repeat;
}
#content .frequent{
	background: url(../images/text-frequent.png) no-repeat;
	width:432px;
	height:100px;
	margin:0 0 13px;
}
.inner #content .text-box{margin:0 0 0 3px;}
.inner #content .text-box p{margin-bottom:10px;}
.inner #content .text-box p span{color:#c64d75;}
.inner .detail-list,
.inner .detail-info{
	margin:0 0 20px;
	padding:0;
	list-style:none;
}
.inner .detail-list{width:425px;}
.inner .detail-info{margin:0 0 11px;}
.inner .detail-list span{color:#c64d75;}
.inner .detail-info li{margin:0 0 11px;}
.inner .detail-info strong{
	color:#c64d75;
	display:block;
	font-weight:normal;
}
.inner .practice-box{
	background: url(../images/bg-practice-box.jpg) no-repeat;
	height:132px;
	color:#fff;
	font-size:13px;
	padding:15px 30px 10px 18px;
	width:320px;
	line-height:15px;
}
.inner .practice-box h2.title-practice{
	margin:0 0 14px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/text-practice.png) no-repeat;
	width:112px;
	height:12px;
}
.inner .practice-box p{margin:0;}
#content .fessier-heading{
	background: url(../images/text-erytheme-fessier.png) no-repeat;
	width:228px;
	height:19px;
}
#content .fessier-title{
	margin:0 0 13px;
	background: url(../images/text-fessier-title.png) no-repeat;
	width:411px;
	height:105px;
}
#content .info-holder{
	height:1%;
	overflow:hidden;
	margin:0 0 30px;
}
#content .pic1{
	float:right;
	margin:2px 13px 0 52px;
	display:inline;
}
#content .title{
	color:#c64d75;
	font-size:13px;
	font-weight:normal;
	display:block;
	margin:0 0 14px;
}
#content .focus-pommade{
	color:#c64d75;
	font-size:13px;
	font-weight:bold;
}
#content .description-list{
	margin:0 0 30px;
	padding:0;
	list-style:none;
}
#content .prevenir-heading{
	background: url(../images/text-prevenir-title.png) no-repeat;
	width:170px;
	height:19px;
}
#content .prevenir-title{
	margin:0 0 13px;
	background: url(../images/text-prevenir-heading.png) no-repeat;
	width:346px;
	height:87px;
}
#content .pommade-heading{
	background: url(../images/text-pommade.png) no-repeat;
	width:211px;
	height:20px;
}
#content .creme-heading-r{
	background: url(../images/text-creme.png) no-repeat;
	width:211px;
	height:26px;
}
#content .creme-heading-h{
	background: url(../images/text-logo-creme.png) no-repeat;
	width:207px;
	height:50px;
}

#content .creme-heading-s{
	background: url(../images/text-creme-s.png) no-repeat;
	width:211px;
	height:26px;
}
#content .solution-title{
	background: url(../images/text-solution-title.png) no-repeat;
	width:383px;
	height:41px;
	margin:0 0 17px;
}
#content .inner-box{
	background: url(../images/bg-practice-box-inner.jpg) no-repeat;
	padding-right:70px;
	width:280px;
	margin:0 0 11px;
}
#content .more-info{
	overflow:hidden;
	color:#fff;
	font-size:11px;
	line-height:13px;
	width:392px;
	margin:0 0 -4px;
}

* html #content .more-info{margin:0;}
#content .more-info p{margin:0;}
#content .contact-us{margin:0 0 26px;}
#content .contact-heading{
	background: url(../images/text-contact.png) no-repeat;
	width:71px;
	height:15px;
	margin:0 0 13px;
}
#content .contact-title{
	background: url(../images/text-contact-title.png) no-repeat;
	width:278px;
	height:32px;
	margin:0 0 29px;
}
#content .contact-us .row{
	height:1%;
	overflow:hidden;
	margin:0 0 12px;
}
#content .contact-us label{
	width:100px;
	float:left;
}
#content .contact-us select{
	width:84px;
	color:#000;
}
#content .contact-us textarea{
	max-width:239px;
	width:239px;
	height:73px;
	overflow:auto;
	margin:0;
	padding:5px;
}
#content .contact-us .radio-box{
	float:left;
	margin:0 9px 0 0;
}
#content .contact-us .radio{
	float:left;
	margin:0 2px 0 0;
	height:15px;
	width:15px;
}
#content .contact-us .radio-box label{width:auto;}
#content .contact-us .radio-box input{float:left;}
#content .contact-us .text{
	width:139px;
	padding:1px 5px;
	font-size:11px;
	border:1px solid #cac9b9;
	margin:0;
}
#content .contact-us .checkbox-row label{width:auto;}
#content .contact-us .checkbox{
	float:left;
	margin:0 3px 0 0;
	width:16px;
	height:16px;
}
#content .contact-us .submit{
	background:none;
	border:none;
	color:#000;
	margin-left:100px;
	font-size:11px;
	line-height:12px;
	cursor:pointer;
	height:18px;
	padding:0 0 3px;
}
#content .mentions-title{
	background: url(../images/text-mentions-title.png) no-repeat;
	width:308px;
	height:47px;
	margin:0 0 15px;
}

#content .plan-title{
	background: url(../images/text-plan-title.png) no-repeat;
	width:215px;
	height:40px;
	margin:0 0 29px;
}

#content .newsletter-title{
	background: url(../images/text-newsletter-title.png) no-repeat;
	width:432px;
	height:96px;
	margin:0 0 29px;
}
#content .newsletter-heading{
	background: url(../images/text-newsletter.png) no-repeat;
	width:117px;
	height:34px;
	margin:0 0 13px;
}

#footer{
	background: url(../images/bg-footer.jpg) repeat-x;
	height:88px;
	padding:17px 40px 10px 42px;
	overflow:hidden;
}
#footer form fieldset{
	float:left;
	background: url(../images/footer-separator.gif) no-repeat 100% 0;
	padding:13px 15px 15px 0;
	margin:0 30px 0 0;
	width:180px;
}
#footer form label{
	color:#4878a8;
	font-size:21px;
	display:block;
}
#footer form .row{
	height:1%;
	overflow:hidden;
}
#footer form .text{
	width:145px;
	float:left;
	padding:0;
	margin:2px 0 0;
}
#footer form .submit{
	float:left;
	cursor:pointer;
	width:30px;
}
#footer .img-box{
	float:right;
	background: url(../images/footer-separator.gif) no-repeat;
	width:114px;
	height:74px;
	margin-left:13px;
}
#footer .img-box .img1{
	position:absolute;
	bottom:33px;
	right:22px;
}
#footer .img-box .img2{
	position:absolute;
	bottom:41px;
	right:34px;
}
#footer .tv-link{
	float:right;
	background: url(../images/footer-separator.gif) no-repeat;
	height:74px;
	padding-left:13px;
	margin-left:30px;
}
#footer .tv-link a{position:relative;}
.footer-box{
	text-align:center;
	font-size:11px;
	line-height:12px;
	color:#9c9e9f;
	padding:22px 0 5px;
}
.footer-box p{margin:0;}
/**************************************************************/
#myForm {
	padding: 5px;
	margin:0px 0px 0px 80px;
}

#myForm p {
	margin-bottom: 5px;
}

#myForm label {
	float: left;
	width: 150px;
	font-weight:bold;
}

#myForm input, #myForm textarea, #myForm select {
	border: 1px solid #cac9b9;
}

#myForm .red {
	border: 1px solid red;
}

#myForm label.red {
	border: none;
	color: red;
}

#myForm .customRed {
	border: none;
	color: red;
}

#myForm #submit {
	margin-left: 110px;
}

#validationMessage {
	padding: 5px;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	display: none;
}

#myForm .errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;
}
/*************************************************************/