/*reset*/

/* v1.0 | 20080212 */

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;
}

body {
	background:#abd492 url('/img/common/loreal-body.jpg') no-repeat top center;
	background-attachment:fixed;  
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}

/* garnier CRM*/

#content .clear {
	clear: both;
	height: 1px;
	font-size: 1px;
}

#content .spacer-10 {
	clear: both;
	height: 10px;
	font-size: 10px;
}

.green {
	color: #3c7c07;
}

.orange {
	color: #ea6828;
}

.floatLeft {
	float: left
}

.floatRight {
	float: right
}

#postcomment input.hide, .hide {
	display: none;
}

/* général */

div#TakeCareCenter {
	margin-left: -480px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 50%;
	width: 960px;
}

#header {
	background: url(/img/garnier-club/fake_header.png);
	width: 960px;
	height: 129px;
}

#content {
	background: #fff url(/img/garnier-club/bkg_top-1.png) top repeat-x;
	position: relative;
	width: 960px;
	float: left;
	/*border: 1px solid #bebebe;  */
	border-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #464646;
	text-align: left;
	position: relative;
}

#content h4.logo_garnier-club {
	background: #549e0a url(/img/garnier-club/titre1_garnier-club.png) center center no-repeat;
	width: 268px;
	height: 46px;
	overflow: hidden;
	text-indent: -3000px;
	margin-bottom: 10px;
}

#content h4.logo_garnier-club a {
	display: block;
	width: 268px;
	height: 46px;
}

#left_col {
	float: left;
	width: 178px;
	margin-right: 5px;
	background: url(/img/register/bkg_inscr-left.jpg) repeat-y;
	color: #FFFFFF;
}

#right_col {
	float: left;
	width: 180px;
	margin-left: 5px;
	margin-top: -32px;
	color: #FFFFFF;
}

* html #right_col {
	/* IE6 */
	float: right;
	margin-left: 7px;
	position: absolute;
	width: 158px;
}

#main_col {
	float: left;
	width: 775px;
}

* html #main_col {
	/* IE6 */
	width: 755px;
}

#main_col #inner {
	padding: 0 20px;
	clear: both;
	padding-bottom: 20px;
	float: left;
}
#content h4.logo_garnier-club.dispIssue {
	background: url(/img/garnier-club/titre1_garnier-club_2.png) no-repeat;
	width: 268px;
	height: 51px;
	overflow: hidden;
	text-indent: -3000px;
	margin-bottom: 5px;
}

#content h4.logo_garnier-club.dispIssue a {
	display: block;
	width: 268px;
	height: 51px;
}

#content #issue {
	color: #FFFFFF;
	background: #c0d316;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 25px;
	font-weight: normal;
	height: 25px;
	position: absolute;
	left: 268px;
	top: 16px;
	padding: 4px 40px 5px 10px;
}

* html #content #issue {
	/* IE6 */
	padding: 2px 40px 2px 10px;
}

*:first-child+html #content #issue {
	display: block;
	padding-top: 4px;
	padding-bottom: 5px;
	height: 25px;
	line-height: 25px;
}

h1 {
	background: #c9d834;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	padding: 5px 7px;
	float: left;
}
h1#logogarnier {
    background: none;
}

h2 {
	color: #3c7c07;
	font-size: 18px;
	font-weight: normal;
	padding: 22px 0;
	line-height: 120%;
}

h2 span {
	color: #ea6828;
}

#ariane {
	margin-bottom: 10px;
	height: 11px;
}

#ariane a:link, #ariane a:visited, #ariane a:hover, #ariane a:active {
	color: #114c0a;
	font-size: 11px;
	text-decoration: underline;
	background: url(/img/garnier-club/ariane.png) no-repeat left 2px;
	padding-left: 7px;
}

.error {
	color: #CC0000;
	font-weight: bold;
	height: 13px;
	padding-bottom: 7px;
}

.floatLeft {
	float: left
}

.floatRight {
	float: right
}

/* sliding doors buttons (http://www.filamentgroup.com/lab/styling_the_button_element_with_sliding_doors/) */

button {
	border: 0;
	cursor: pointer;
	font-weight: bold;
	padding: 0 5px 0 0;
	text-align: center;
}

button span {
	position: relative;
	display: block;
	white-space: nowrap;
	padding: 0 0 0 18px;
}

/* big orange buttons*/

button.orangeBtn {
	background: url(/img/garnier-club/orangeBtn_right.png) right no-repeat;
	font-size: 14px;
	text-transform: uppercase;
}

button.orangeBtn span {
	height: 25px;
	line-height: 25px;
	background: url(/img/garnier-club/orangeBtn_left.png) left no-repeat;
	color: #ffffff;
}

/* small orange buttons */

button.orangeBtn.small {
	background: url(/img/garnier-club/small_orangeBtn_right.png) right no-repeat;
	font-size: 10px;
	text-transform: uppercase;
	padding-right: 10px;
}

* html button.orangeBtn.small {
	border: 1px solid red;
}

button.orangeBtn.small span {
	height: 20px;
	line-height: 20px;
	background: url(/img/garnier-club/small_orangeBtn_left.png) left no-repeat;
	color: #ffffff;
	margin-left: -3px;
}

*:first-child+html button.orangeBtn.small span {
	background-position: 0px 1px;
	margin-left: -13px;
	margin-top: 1px;
} 


/* small orange button-links */

a.orangeBtn.small:link, a.orangeBtn.small:visited, a.orangeBtn.small:hover, a.orangeBtn.small:active {
	font-weight: bold;
	padding: 5px 0;
	text-align: left;
	background: url(/img/garnier-club/small_orangeBtn_right.png) right no-repeat;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
}

a.orangeBtn.small span {
	height: 20px;
	line-height: 20px;
	background: url(/img/garnier-club/small_orangeBtn_left.png) left no-repeat;
	color: #ffffff;
	padding: 5px 10px 5px 20px;
}

/* big orange button-links */

a.orangeBtn:link, a.orangeBtn:visited, a.orangeBtn:hover, a.orangeBtn:active {
	font-weight: bold;
	padding: 5px 10px 5px 0;
	text-align: left;
	background: url(/img/garnier-club/orangeBtn_right.png) right no-repeat;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
}

a.orangeBtn span {
	height: 25px;
	line-height: 25px;
	background: url(/img/garnier-club/orangeBtn_left.png) left no-repeat;
	color: #ffffff;
	padding: 5px 10px 5px 20px;
}

/* liens avec icone */

.print, .nbcomments, .postcomment, .pagetop, .flag, .tick {
	color: #ea6828;
	font-weight: bold;
	font-size: 10px;
	display: block;
	height: 15px;
	line-height: 15px;
}

.print {
	background: url(/img/garnier-club/icn_print.png) no-repeat left bottom;
	padding-left: 18px;
}

.print:hover {
    border: 0;
    color:#EA6828;
    text-decoration: underline;
}

.nbcomments {
	background: url(/img/garnier-club/icn_comments.png) no-repeat left bottom;
	padding-left: 22px;
}

.postcomment {
	background: url(/img/garnier-club/icn_contribute.png) no-repeat left bottom;
	padding-left: 20px;
}

.pagetop {
	background: url(/img/garnier-club/icn_top.png) no-repeat left center;
	padding-left: 12px;
}

.flag {
	background: url(/img/garnier-club/icn_report.png) no-repeat left center;
	padding-left: 18px;
}

.tick {
	background: url(/img/garnier-club/orange_tick.png) no-repeat left bottom;
	padding-left: 13px;
}

.tick.greenBkg {
	background: url(/img/garnier-club/orange_tick_2.png) no-repeat left bottom;
	padding-left: 13px;
}

/*--------- formulaire d'inscription */

.subscribe_form #left_col {
	background: url(/img/register/bkg_inscr-left.jpg) repeat-y left 444px;
}

/*.subscribe_form h1{ background:url(/img/register/titre2_become-member.png) no-repeat; width:307px; height:25px; overflow:hidden; text-indent:-3000px; }*/

ul#etapes {
	margin: 25px 0 20px 35px;
	float: left;
}

ul#etapes li {
	float: left;
}

.subscribe_form .formwrap {
	padding-left: 65px;
	clear: both;
	width: 650px;
	display: block;
}

.subscribe_form .formwrap td {
    white-space: nowrap;
}

.subscribe_form .formwrap legend, .subscribe_form #inscription-2 .legend {
	line-height: 150%;
	padding-bottom: 10px;
	width: 660px;
	display: block;
	padding-right: 0;
	font-weight: bold;
}

.subscribe_form .formwrap legend span, .subscribe_form #inscription-2 .legend span {
	font-weight: normal;
}

.subscribe_form label {
	display: block;
	padding-bottom: 4px
}

.subscribe_form label.inline {
	display: inline
}

.subscribe_form label span {
	color: #549709;
}

.subscribe_form #inscription-2 label {
	font-weight: bold
}

.subscribe_form #inscription-2 label span, .subscribe_form #inscription-2 label.inline {
	font-weight: normal
}

#inscription-1 table.radio {
	float: left;
	margin-left: 10px;
}

#inscription-1 .radio td {
	width: 70px;
}

#inscription-1 .radio label {
	padding-right: 15px;
	display: inline;
}

#inscription-1 .radio input {
	margin-right: 5px;
}

.subscribe_form .formwrap div {
	float: left;
}

.subscribe_form #inscription-1 div {
	width: 240px;
	padding: 0 35px 15px 0;
}

.subscribe_form #inscription-1 div.spacer-10 {
	width: auto;
	padding: 0;
	float: none;
}

.subscribe_form #inscription-2 div {
	width: 290px;
	padding: 0 30px 15px 0;
}

.subscribe_form #inscription-4 div {
	width: 650px;
	padding-bottom: 15px;
}

.subscribe_form #inscription-2 .submit {
	padding: 20px 0;
}

.subscribe_form #inscription-1 div.large, .subscribe_form #inscription-2 div.large, #inscription-1 #optin div {
	float: none;
	clear: both;
	width: 650px;
	margin-right: 0;
}

#inscription-1 input, #inscription-1 select {
	color: #313131;
	font-size: 13px;
}

#inscription-1 select option {
	width: 80px;
}

#inscription-1 input.text {
	width: 163px;
	padding: 1px 1px;
	margin-bottom: 4px;
	border: 1px solid #bebebe;
}

#inscription-1 input.text.large {
	width: 215px;
}

#inscription-1 input.text.narrow {
	width: 100px;
}

#inscription-1 select {
	width: 65px;
}

#inscription-1 select#country {
	width: 165px;
}

#inscription-1 div.city {
	height: 72px;
}

#inscription-1 #optin {
	margin: 15px 0 25px;
}

#inscription-1 #optin div {
	padding: 7px 0 0 20px;
	background-repeat: no-repeat;
	background-position: left center;
}

#inscription-1 #optin div.newsletter {
	background-image: url(/img/register/icn_mail.png);
}

#inscription-1 #optin div.mobile {
	background-image: url(/img/register/icn_mobile.png);
}

#inscription-1 #optin div.partners {
	background-image: url(/img/register/icn_partners.png);
}

#inscription-1 #optin div.newsletter {
	margin-bottom: 15px;
}

#inscription-1 #optin div.mobile {
	margin-bottom: 0;
}

.legal_, .legal_ a {
	color: #ababab;
	font-size: 11px;
}

.subscribe_form #inscription-1 .legal_, .subscribe_form #inscription-2 .legal_ {
	width: 100%;
	float: none;
	clear: both;
	margin-top: 25px;
}

	#content.subscribe_form a.back {
	display: block;
	font-size: 14px;
	color: #ea6828;
	background: url(/img/garnier-club/icn_back.png) no-repeat left 3px;
	font-weight: bold;
	padding-left: 10px;
	margin-top: 10px;
	width: 80px;
}

.subscribe_form #left_col h3 {
	width: 178px;
	height: 145px;
	background: url(/img/register/join_community.jpg) no-repeat;
	overflow: hidden;
	text-indent: -3000px;
}

.subscribe_form #left_col .benefits {
	background: url(/img/register/bkg_benefits.png) no-repeat;
	height: 299px;
	overflow: hidden;
	text-indent: -3000px;
}

.legend button {
	margin: 5px 0 5px -3px;
}

.subscribe_form button {
	margin-left: -3px;
}

/*upload*/

.subscribe_form #uploadWrap {
	float: left;
	padding-left: 25px;
}

.subscribe_form #flash_upload {
	float: left;
	margin-right: 15px;
}

.subscribe_form #uploadLegend {
	float: left;
	padding-top: 7px;
}

.subscribe_form #uploadLegend p {
	margin: 25px 0 20px;
	font-weight: bold;
}

.subscribe_form #uploadLegend #uploadSteps {
	list-style: disc inside;
	line-height: 150%;
}

.subscribe_form #uploadLegend #uploadSpecs {
	margin: 20px 0;
}

/* confirmation */

.subscribe_form #inscription-5 {
	padding: 50px 60px;
	clear: both;
}

.subscribe_form #inscription-5 h2 {
	font-size: 24px;
	color: #549709;
	font-weight: normal;
	padding-top: 0;
	padding-bottom: 45px;
}

.subscribe_form #inscription-5 h3 {
	font-size: 18px;
}

.subscribe_form #inscription-5 h3, .subscribe_form #inscription-5 p {
	margin-bottom: 25px;
}

.subscribe_form #inscription-5 div.btn {
	margin: 60px 0;
}

/* supression */

.subscribe_form_loggued #delete_account {
	clear: both;
	padding: 20px 30px
}

.subscribe_form_loggued #delete_account h2 {
	font-size: 14px;
	color: #549709;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 20px;
}

.subscribe_form_loggued #delete_account p {
	font-size: 14px;
	line-height: 140%;
	padding-bottom: 20px;
}

.subscribe_form_loggued #delete_account a:link, .subscribe_form_loggued #delete_account a:visited, .subscribe_form_loggued #delete_account a:hover, .subscribe_form_loggued #delete_account a:active {
	color: #549709;
	font-weight: bold;
}

/* modification */

.subscribe_form_loggued #update_account {
	float: left;
	padding: 50px 25px;
	width: 720px;
}

.subscribe_form_loggued #update_account .itemUpdate {
	position: relative;
	float: left;
	width: 330px;
	height: 120px;
	margin-bottom: 35px;
	background: #f8fccf;
}

.subscribe_form_loggued #update_account .itemUpdate.left {
	margin-left: 50px;
}

.subscribe_form_loggued #update_account h2 {
	background: #549709;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	padding: 5px 7px;
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 2;
	font-weight: bold;
}

.subscribe_form_loggued #update_account .description {
	width: 300px;
	height: 70px;
	position: absolute;
	top: 0;
	right: 0;
	background: #f8fccf;
	z-index: 1;
	padding: 25px 10px 10px 10px;
	font-size: 14px;
	line-height: 120%;
}
.subscribe_form_loggued #update_account .description a{
  position:absolute;
  top:80px;
}
.subscribe_form_loggued #update_account .description p {
	padding-bottom: 10px;
}

.subscribe_form_loggued #update_account .legend {
	clear: both;
	padding-left: 10px
}

.subscribe_form_loggued #update_account .legend a {
	color: #549709;
	font-weight: bold;
}

/* supression */

.subscribe_form #delete_account {
	clear: both;
	padding: 20px 30px
}

.subscribe_form #delete_account h2 {
	font-size: 14px;
	color: #549709;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 20px;
}

.subscribe_form #delete_account p {
	font-size: 14px;
	line-height: 140%;
	padding-bottom: 20px;
}

.subscribe_form #delete_account a:link, .subscribe_form #delete_account a:visited, .subscribe_form #delete_account a:hover, .subscribe #delete_account a:active {
	color: #549709;
	font-weight: bold;
}

/* modification */

.subscribe_form #update_account {
	float: left;
	padding: 50px 25px;
	width: 720px;
}

.subscribe_form #update_account .itemUpdate {
	position: relative;
	float: left;
	width: 330px;
	height: 115px;
	margin-bottom: 40px;
}

.subscribe_form #update_account .itemUpdate.left {
	margin-left: 50px;
}

.subscribe_form #update_account h2 {
	background: #549709;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	padding: 5px 7px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	font-weight: bold;
}

.subscribe_form #update_account .description {
	width: 300px;
	height: 70px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #f8fccf;
	z-index: 1;
	padding: 25px 10px 10px 10px;
	font-size: 14px;
	line-height: 120%;
}

.subscribe_form #update_account .description p {
	padding-bottom: 10px;
}

.subscribe_form #update_account .legend {
	clear: both;
	padding-left: 10px
}

.subscribe_form #update_account .legend a {
	color: #549709;
	font-weight: bold;
}

/*--------- diagnostic */

.diagnosis #diagList {
	float: left;
	width: 735px;
}

.diagnosis #diagList li {
	float: left;
	margin-bottom: 25px;
}

.diagnosis #diagList li.left {
	width: 344px;
	margin-right: 35px;
}

.diagnosis #diagList li div.diagLinks {
	padding-top: 5px;
	padding-left: 5px;
	line-height: 150%;
}

.diagnosis #diagList li div.diagLinks a {
	display: block
}

.diagnosis #diagList li div.diagLinks a.green {
	padding-left: 15px;
	background: url(/img/garnier-club/green_tick.png) no-repeat left center;
}

.diagnosis #diagList li div.diagLinks a.orange {
	padding-left: 15px;
	background: url(/img/garnier-club/orange_tick.png) no-repeat left center;
}

/*--------- ecoupons */

.ecoupons #main_col #inner {
	width: 745px;
	padding-right: 10px;
}

.ecoupons #coupons_list {
	float: left;
	width: 500px;
}

.ecoupons #coupons_list li {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	width: 240px;
}

.ecoupons #coupons_list li img {
	width: 236px;
	padding: 1px;
	border: 1px dotted #767676;
}

.ecoupons #coupons_list li .print {
	font-size: 12px;
	background-position: left center;
}

.ecoupons #coupons_list li div {
	padding: 3px;
}

.ecoupons #legend {
	width: 239px;
	margin-left: 4px;
	float: left;
	background: url(/img/garnier-club/legend_coupons-top.png) no-repeat top;
	font-size: 11px;
}

.ecoupons #legend h3 {
	color: #3c7c07;
	text-transform: uppercase;
	padding: 8px 8px 5px 10px;
	line-height: 160%;
}

.ecoupons #legend strong {
	line-height: 125%;
	margin-bottom: 15px;
	display: block;
	padding: 0 8px 0 10px;
}

.ecoupons #legend ol li {
	padding-left: 23px;
	margin-bottom: 20px;
}

.ecoupons #legend #one {
	background: url(/img/garnier-club/coupons_legend-1.png) no-repeat left top;
}

.ecoupons #legend #two {
	background: url(/img/garnier-club/coupons_legend-2.png) no-repeat left top;
}

.ecoupons #legend #three {
	background: url(/img/garnier-club/coupons_legend-3.png) no-repeat left top;
}

.ecoupons #legend #four {
	background: url(/img/garnier-club/coupons_legend-4.png) no-repeat left top;
}

.ecoupons #legend ol {
	background: url(/img/garnier-club/legend_coupons-foot.png) no-repeat bottom;
	padding: 0 8px 18px 10px;
}

/*--------- magazine */

.magazine .nbarticles {
	float: right;
	margin-top: 30px;
	font-weight: bold;
	font-size: 11px;
}
.magazine .itemArticle {
	float: left;
	width: 735px;
	margin-bottom: 20px;
	height: 163px;
	overflow: hidden;
	background: #f8fccf;
}

.magazine .itemArticle .image {
	display: block;
	float: left;
}

.magazine .itemArticle .image img {
	float: left
}

.magazine .itemArticle .summary {
	background: #f8fccf;
	position: relative;
	height: 148px;
	margin-left: 163px;
	padding: 10px 10px 5px 14px;
}

.magazine .itemArticle .summary .ranking {
	position: absolute;
	right: 7px;
	top: 6px;
	width: 77px;
	text-align: right;
	font-size: 11px;
}

.magazine .itemArticle .summary .ranking .rank {
	width: 77px;
	height: 14px;
	background-image: url(/img/garnier-club/stars.png);
	background-repeat: no-repeat;
}

.magazine .itemArticle .summary .ranking .rank.stars-0 {
	background-position: 0 0;
}

.magazine .itemArticle .summary .ranking .rank.stars-1 {
	background-position: 0 -14px;
}

.magazine .itemArticle .summary .ranking .rank.stars-2 {
	background-position: 0 -28px;
}

.magazine .itemArticle .summary .ranking .rank.stars-3 {
	background-position: 0 -42px;
}

.magazine .itemArticle .summary .ranking .rank.stars-4 {
	background-position: 0 -56px;
}

.magazine .itemArticle .summary .ranking .rank.stars-5 {
	background-position: 0 -70px;
}

.magazine .itemArticle .summary .ranking .nbvotes {
	padding-right: 3px;
	padding-top: 1px;
}

.magazine .date {
	font-size: 11px;
	font-weight: bold;
}

.magazine .itemArticle .summary h3 {
	color: #3c7c07;
	font-size: 19px;
	font-weight: normal;
	padding : 0 90px 15px 0;
}

.magazine .itemArticle .summary h3 a {
	color: #3c7c07;
	font-size: 19px;
	padding: 15px 0;
	font-weight: normal;
	text-decoration: none;
}

.magazine .itemArticle .summary h3 a:hover {
	text-decoration: underline;
}

.magazine .itemArticle .summary p {
	height:70px;
	line-height:130%;
	margin-top:-5px;
	overflow:hidden;
	width:503px;
}
.magazine .itemArticle .summary a.more {
	background: url(/img/garnier-club/icn_more.png) no-repeat left center;
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 0 1px 15px;
	position: absolute;
	right: 7px;
	bottom: 6px;
	color: #ea6828;
}

.magazine #pagination {
	float: left;
	width: 735px;
	margin: 10px 0;
}

.magazine #pagination {
	text-align: center;
}

.magazine #pagination li, .magazine #pagination a {
	color: #ea6828;
}

.magazine #pagination a.prev, .magazine #pagination a.next {
	display: block;
	text-transform: capitalize;
}

.magazine #pagination ul, .magazine #pagination ul li {
	display: inline;
}

.magazine #pagination .next {
	float: right;
	margin-top: -13px;
	background: url(/img/garnier-club/icn_next.png) no-repeat right bottom;
	padding-right: 15px;
}

.magazine #pagination .prev {
	float: left;
	background: url(/img/garnier-club/icn_back.png) no-repeat left bottom;
	padding-left: 15px;
}

.magazine #pagination a.prev, .magazine #pagination a.next, .magazine #pagination .active a {
	font-weight: bold;
	font-size: 12px;
}

/* detail article */

#logoPrint {
	display: none;
}

.magazine.article h1, .magazine.article #ariane {
	margin-left: 11px;
}

.magazine.article #left_col {
	margin-right: 0;
}

.magazine.article #main_col #inner {
	background: #5a970a url(/img/garnier-club/bkg_article.png) repeat-x;
	padding: 0;
	width: 782px;
}

.magazine.article #inner_left {
	float: left;
	width: 462px;
}

.magazine.article #inner_left .section {
	background: #FFFFFF;
	width: 422px;
	padding: 10px 20px 10px 20px;
	clear: both;
	float: left;
	margin-bottom: 7px;
}

.magazine.article #inner_left #topsection {
	width: 432px;
	padding: 10px 10px 10px 20px;
}

.magazine.article #inner_right {
	float: left;
	background: #FFFFFF;
	padding: 0 8px 0 0;
	overflow: hidden;
}

.magazine.article #inner_right img {
	display: block;
	width: 310px;
	margin-bottom: 10px;
}

.magazine.article #top_article {
	padding: 0 0 10px 0;
	position: relative;
	float: left;
	width: 432px;
}

.magazine.article #pitch {
	background: #f8fccf;
	padding: 12px 8px;
	margin-bottom: 30px;
	clear: both;
}

.magazine.article #pitch h2 {
	color: #3c7c07;
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 20px;
	padding: 0;
}

.magazine.article #pitch p {
	font-weight: bold;
	line-height: 130%;
	font-size: 12px;
	margin: 0;
}

.magazine.article .section h4 {
	font-size: 12px;
	color: #6cb70b;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.magazine.article #article p, .magazine.article #inner_left #article ul {
	font-size: 11px;
	margin-bottom: 25px;
	line-height: 130%;
	padding-right: 10px;
}

.magazine.article #article ul {
	list-style: disc inside;
}

.magazine.article #article h5 {
	color: #3c7c07;
	font-size: 22px;
	font-weight: normal;
}

.magazine.article a.orangeBtn {
	display: block;
	float: left;
	margin-top: 10px;
}

.magazine.article #topsection a.print {
	float: right;
	margin: 10px 0;
	margin-top: 20px;
}

#bottom_article div {
	width: 190px;
}

#bottom_article .floatRight a {
	float: right;
}

#bottom_article .floatRight a.pagetop {
	clear: right;
}

#bottom_article .nbcomments {
	margin-bottom: 8px;
}

#bottom_article .postcomment {
	margin-bottom: 6px;
}

#comments .flag {
	float: right;
	margin-top: -17px;
	margin-right: 0;
}

#comments .pagetop {
	margin-left: 308px;
	margin-top: 10px;
}

.comment {
	margin-top: 25px;
}

.comment .meta .idComment, .comment .meta .pseudo {
	color: #3c7c07;
	font-weight: bold;
}

.comment .text {
	width: 407px;
	margin-top: 3px;
}

.comment .text .top {
	height: 10px;
	background: url(/img/garnier-club/top_comment.png) no-repeat;
}

.comment .text .mid {
	background: url(/img/garnier-club/mid_comment.png) repeat-y;
	overflow: hidden;
	padding: 10px;
	width: 387px;
}

* html .comment .text .mid {
	margin-top: -6px;
}

.comment .text .foot {
	height: 5px;
	background: url(/img/garnier-club/foot_comment.png) no-repeat;
}

#comments h5, #comments h5 a, #postcomment h5, #postcomment h5 a {
	font-size: 22px;
	color: #3c7c07;
	font-weight: normal;
}

.magazine.article #inner_left .section#postcomment {
	margin-bottom: 15px;
}

#postcomment fieldset {
	padding-top: 25px;
}

#postcomment input, #postcomment label, #postcomment textarea {
	display: block
}

#postcomment label {
	margin-bottom: 5px;
}

#postcomment input, #postcomment textarea {
	border: 1px solid #bfd20c;
}

#postcomment input {
	width: 245px;
	margin-bottom: 12px;
}

#postcomment textarea {
	width: 400px;
	height: 125px;
	margin-bottom: 5px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 150%;
}

#postcomment .pagetop {
	margin-left: 308px;
	margin-top: -17px;
	margin-bottom: 15px;
	background-position: 2px left;
}

#postcomment a.legal_:link, #postcomment a.legal_:visited, #postcomment a.legal_:hover, #postcomment a.legal_:active {
	text-decoration: underline;
}

/*--------- home */

.home.unlog #left_col {
	display: none
}

.home.unlog #right_col {
	display: block
}

.home.log #left_col {
	display: block
}

.home.log #right_col {
	display: none
}

.home #main_col #inner {
	padding: 0 0 10px 9px;
	width: 765px;
}

.home #main_content {
	border: 1px solid #e0e0e0;
	width: 763px;
	height: 272px;
	overflow: hidden;
	background: #FFFFFF;
	margin-bottom: 12px;
}

.home #main_content h4 {
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 3px 7px;
	background: #C9D834;
	float: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

* html .home #main_content #main_left h4 {
	/* IE6 */
	margin-left: -3px;
}

.home #main_content #main_left {
	float: left;
	width: 469px;
	border-right: 1px solid #e0e0e0;
}

.home #main_content #main_left img {
	float: left
}

* html .home #main_content #main_left img {
	/* IE6 */
	margin-left: -3px;
}

.home #main_content #main_left .wrap {
	float: left;
	width: 247px;
	height: 233px;
	padding-left: 7px;
	padding-right: 10px;
	overflow: hidden;
}

.home #main_content #main_left h1 {
	background: none;
	color: #34790a;
	font-weight: normal;
	text-transform: none;
	font-size: 20px !important;
	font-size: 18px;
	float: none;
	font-family: Verdana, sans-serif;
	clear: both;
	padding: 5px 0;
}

.home #main_content #main_left h1 a {
	color: #34790a;
}

.home #main_content #main_left p {
	margin-top: 10px;
	line-height: 140%;
}

.home #main_content #main_left #links {
	float: left;
	padding: 3px 7px;
	padding-bottom: 5px;
}

html>body .home #main_content #main_left #links {
	width: 250px;
}

.home #main_content #main_left #links .tick {
	float: right;
}

.home #main_content #main_left #links .nbcomments {
	float: left;
}

.home #main_content #main_right {
	width: 292px;
	float: left;
}

.home #main_content #main_right .itemRight {
	border-bottom: 1px solid #e0e0e0;
	width: 292px;
	float: left;
	padding-bottom: 5px;
}

.home #main_content #main_right .itemRight.last {
	border: none
}

.home #main_content #main_right h2 {
	clear: both;
	font-size: 12px;
	padding: 5px 0;
	font-weight: bold;
}

.home #main_content #main_right h2 a {
	color: #3C7C07;
}

.home #main_content #main_right .itemRight .wrap {
	padding: 5px 9px;
}

.home #main_content #main_right #pushmag2 h2 {
	font-size: 13px;
}

.home #main_content #main_right #pushmag2 p {
	font-size: 12px;
	line-height: 130%;
}

.home #main_content #main_right #pushmag2 img {
	float: left;
	margin-right: 5px;
}

.home #main_content #main_right .itemRight .tick {
	clear: both;
	float: right
}

.home #push {
	width: 765px;
	float: left;
	position:relative;  
}

.home #push .itemPush {
	float: left;
	width: 180px;
	height: 116px;
	overflow: hidden;
	/*margin-right: 10px; */
}

.home #push .itemPush#product, .home #push .itemPush#product h4 {
	width: 195px;
	margin: 0;
}

.home #push .itemPush h4 {
	width: 180px;
	height: 20px;
	text-indent: -3000px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.home #push #coaching h4 {
	background-image: url(/img/garnier-club/home_titrepush-1.png);
}

.home #push #survey h4 {
	background-image: url(/img/garnier-club/home_titrepush-2.png);
}
#IE7 .form-radio{margin-top:-3px}
.home #push #testimonials h4 {
	background-image: url(/img/garnier-club/home_titrepush-3.png);
}

.home #push #testimonials #testimonials-container {
    border: 1px solid #b3b3b3;
    border-top: 0;
    height: 95px;
    width: 178px;
}
.home #push #testimonials #testimonials-container img {
    float: left;
    height: 95px;
    overflow: hidden;
    width: 74px;
}
.home #push #testimonials #testimonials-container .right {
    background: url(/img/garnier-club/testimonials-right-bg.png) repeat-y right top;
    float: right;
    height: 95px;
    text-align: center;
    width: 104px;
}

.home #push #testimonials #testimonials-container .right .title {
    color: #4a7f12;
    font-size: 0.8em;
    font-weight: bold;
    margin: 0 auto;
    margin-top: 23px;
    padding-left: 5px;
    text-align: left;
    text-transform: uppercase;
}

.home #push #testimonials #testimonials-container .right a.tick {
    bottom: 0;
    margin-bottom: 14px;
    position: absolute;
}


.home #push #garnier-tv {
    margin-right: 0;
    width: 193px;
}

.home #push #garnier-tv h4 {
	background-image: url(/img/garnier-club/home_titrepush-4.png);
    width: 194px;
}

.home #push #garnier-tv #garnier-tv-container {
    border: 1px solid #b3b3b3;
    border-top: 0;
    height: 95px;
    width: 191px;
}
.home #push #garnier-tv #garnier-tv-container img {
    float: left;
    height: 95px;
    overflow: hidden;
    width: 74px;
}
.home #push #garnier-tv #garnier-tv-container .right {
    background: #fff;
    float: right;
    height: 95px;
    text-align: center;
    width: 117px;
}

.home #push #garnier-tv #garnier-tv-container .right .title {
    color: #464646;
    font-size: 0.8em;
    font-weight: normal;
    margin: 0 auto;
    margin-top: 21px;
    padding-left: 10px;
    text-align: left;
}

.home #push #garnier-tv #garnier-tv-container .right a.tick {
    bottom: 0;
    margin-bottom: 14px;
    position: absolute;
}

.home #push .overimg, .home #push #coaching img {
	border: 1px solid #b3b3b3;
	border-top: 0;
	height: 95px;
	width: 178px;
	overflow: hidden;
}

.home #push #survey fieldset {
	background: #ecf3aa;
	border: 1px solid #b3b3b3;
	border-top: 0;
	height: 83px;
	overflow: hidden;
	padding: 6px;
}

*:first-child+html .home #push #survey fieldset {
	height: 82px;
} 


.home #push #survey {
	font-size: 10px;
  z-index: 50;
  position:absolute;
  top:0;
  left:190px;

}

.home #push #survey strong {
	padding-bottom: 5px;
	display: block;
}

.home #push #survey .tick {
	clear: both;
	float: left;
	padding-top: 2px;
}

* html .home #push #survey .tick {
	padding-top: 0;
}

.home #push .overimg {
	position: relative;
	width: auto;
}

.home #push .overimg a {
	position: absolute;
	bottom: 2px;
	right: 5px;
}

* html .home #push .overimg a span {
	/* IE6 */
	display: block;
	position: relative;
	float: right;
}

.home #push .overimg a img {
	position: absolute;
	top: -93px;
	left: -173px;
}

.home #push #product .overimg img {
	margin-left: -40px;
}

* html .home #push #product .overimg img {
	/* IE6 */
	display: block;
	position: absolute;
}

.home #push #product #reco_text {
	font-size: 10px;
	width: 85px;
	height: 65px;
	overflow: hidden;
	position: absolute;
	top: 9px;
	right: 8px;  
}
.home #push #product #reco_text p {
    position: relative;
}
.home #push #product #reco_text h5 {
    margin-bottom:3px;
    color : #34790A;
}

/* colonne droite */

.home #right_col h3.title_signin_2 {
	background: url(/img/garnier-club/titre_signIn.png) no-repeat;
	width: 178px;
	height: 29px;
	text-indent: -3000px;
	overflow: hidden;
}

.home #right_col #signin_2 {
	background: url(/img/garnier-club/bkg_signin.jpg) no-repeat right;
	height: 415px;
	padding-left: 10px;
}

.home #right_col h3.title_signin {
	background: url(/img/garnier-club/titre_signIn_2.png) no-repeat 2px 0;
	width: 180px;
	height: 29px;
	text-indent: -3000px;
	overflow: hidden;
}

* html .home #right_col h3.title_signin {
	/* IE6 */
	margin-left: -1px;
}

.home #right_col #signin {
	background: url(/img/garnier-club/bkg_signin_2.jpg) no-repeat right;
	height: 415px;
	padding-left: 10px;
}

.home .error {
	color: #820000;
	font-weight: bold;
	font-size: 11px;
	height: 11px;
	padding-top: 15px;
	padding-bottom: 0;
}

.home #right_col #signin fieldset {
	height: 120px;
	padding-top: 5px;
}

.home #right_col #signin .login, .home #right_col #signin .pwd {
	width: 160px;
	height: 18px;
	border: 1px solid #bebebe;
	font-size: 11px;
	margin-bottom: 13px;
}

.home #right_col #signin .remember {
	margin: 0 3px 0 0;
}

.home #right_col #signin #ok {
	float:right;
    margin-bottom:-5px;
    margin-right:7px;
}

.home #right_col #signin label {
	font-size: 11px;
	color: #FFFFFF
}

.white_a:link, .white_a:visited, .white_a:hover, .white_a:active {
	background: url(/img/garnier-club/tick_getPwd.png) no-repeat left bottom;
	padding-left: 5px;
	margin-top: 15px;
	font-size: 10px;
	text-decoration: underline;
	color: #FFFFFF;
	display: block;
}

.home #right_col #signin #join_title {
	background: url(/img/garnier-club/join_title.jpg) no-repeat;
	height: 79px;
	width: 167px;
	text-indent: -3000px;
	overflow: hidden;
}

.home #right_col #signin #join_pitch {
	color: #FFFFFF;
    font-size: 12px;
    height: 77px;    
    line-height: 130%;
    margin-bottom: 8px;
    padding-right: 7px;
    text-align: center;	
}

.home #left_col {
	height: 412px;
	margin-right: 0;
}

/* colonne de cgauche, globale*/

#left_col .title_mygarnier {
	background: url(/img/garnier-club/titre_mygarnier.png) no-repeat;
	width: 178px;
	height: 26px;
	text-indent: -3000px;
	overflow: hidden;
}

#left_col #left_links {
	padding: 0 0 15px 0;
	font-weight: bold;
}

#left_col #profil {
	margin-bottom: 15px;
}

#left_col #profil img.profilepic {
	float: left;
	margin-right: 7px;
}

#left_col .welcome, #left_col .user_name {
	font-size: 12px;
}

#left_col .welcome {
	padding-top: 13px;
}

#left_col .user_name {
	font-weight: bold;
}

.title_profile {
	clear: both;
	text-transform: uppercase;
	font-size: 11px;
	padding: 12px 0 5px 7px;
}

.beauty_profile {
	margin-left: 7px;
	font-size: 11px;
	line-height: 150%;
}

#left_col .white_a {
	font-size: 11px;
	margin-left: 7px;
}

/* produits recommendes */

.reco_prod h2 {
	width: 700px;
	background: url(/img/garnier-club/top_recoProd.png) no-repeat bottom center;
	padding-bottom: 30px;
}

.reco_prod #inner {
	width: 740px;
}

.reco_prod #left {
	float: left;
	width: 280px;
	padding-right: 15px;
	padding-top: 20px;
	background: url(/img/garnier-club/mid_recoProd.png) no-repeat right center;
}

.reco_prod #right {
	float: left;
	width: 440px;
}

.reco_prod .itemReco {
	float: left;
}

.reco_prod #right .itemReco {
	background: url(/img/garnier-club/sep_recoProd.png) bottom center no-repeat;
	padding-bottom: 20px;
	padding-top: 10px;
	width: 440px;
}

.reco_prod #right .itemReco img {
	float: left;
	margin-right: 10px;
}

.reco_prod h3, .reco_prod h3 a {
	color: #3c7c07;
	text-transform: uppercase;
}

.reco_prod #left h3, .reco_prod #left h3 a {
	font-size: 16px;
	margin: 25px 0 5px 0;
}

.reco_prod #right h3, .reco_prod #right h3 a {
	font-size: 13px;
	margin: 0 0 5px 0;
}

.reco_prod h4 {
	color: #6cb70b;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}

.reco_prod p {
	font-size: 11px;
	line-height: 120%;
	margin-bottom: 15px;
}

.reco_prod a.orangeBtn.small:link, .reco_prod a.orangeBtn.small:visited, .reco_prod a.orangeBtn.small:hover, .reco_prod a.orangeBtn.small:active {
	font-size: 13px
}

.reco_prod #left h3, .reco_prod #left h4, .reco_prod #left p {
	padding-left: 10px;
	padding-right: 10px;
}

.reco_prod #left a.orangeBtn.small:link, .reco_prod #left a.orangeBtn.small:visited, .reco_prod #left a.orangeBtn.small:hover, .reco_prod #left a.orangeBtn.small:active {
	margin-left: 10px;
}

.reco_prod #coupons {
	clear: both;
	width: 730px;
	padding: 20px 0;
}

/* éléments spéciaux */

/* menu accordeon*/

ul.menuaccordion, ul.menuaccordion ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 178px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ul.menuaccordion a {
	border-top: 1px solid #FFFFFF;
	display: block;
	text-decoration: none;
}

ul.menuaccordion li {
	font-weight: bold;
}

ul.menuaccordion li a {
	background: #a0bd16 url(/img/garnier-club/accordion_section_off.png) no-repeat 3px center;
	color: #fff;
	padding: 0.5em;
	padding-left: 14px;
	font-weight: bold;
}

ul.menuaccordion li a:hover, ul.menuaccordion li a.open {
	background: #a0bd16 url(/img/garnier-club/accordion_section_on.png) no-repeat 3px center;
	text-decoration: none;
}

ul.menuaccordion li ul li a {
	border-top: 1px dotted #FFFFFF;
	background: #76a93b url(/img/garnier-club/accordion_item_off.png) no-repeat 12px 9px;
	color: #000;
	/*---------------*/
	  padding-left: 20px;
	/*---------------*/
	  font-weight: normal;
}

ul.menuaccordion li ul li a:hover, ul.menuaccordion li ul li a.selected {
	background: #356a05 url(/img/garnier-club/accordion_item_on.png) no-repeat 12px 9px;
	padding-left: 20px;
	color: #FFFFFF;
	font-weight: bold;
}

/* étoiles : http://www.komodomedia.com/blog/2006/01/css-star-rating-part-deux/ */

.ranking {
	position: absolute;
	right: 0;
	top: -15px;
	width: 77px;
	font-size: 11px;
}

.ranking .nbvotes {
	text-align: right;
}

.ranking .star-rating {
	list-style: none;
	margin: 3px;
	margin-bottom: 3px;
	padding: 0px;
	width: 75px;
	height: 16px;
	position: relative;
	background: url(/img/garnier-club/stars_vote.png) top left repeat-x;
}

.ranking .star-rating li {
	padding: 0px;
	margin: 0px;
	float: left;
}

.ranking .star-rating li a {
	display: block;
	width: 15px;
	height: 16px;
	text-decoration: none;
	text-indent: -3000px;
	overflow: hidden;
	z-index: 20;
	position: absolute;
	padding: 0px;
	background-image: none;
}

.star-rating li a:hover {
	background: url(/img/garnier-club/stars_vote.png) left bottom;
	z-index: 1;
	left: 0px;
}

.star-rating a.one-star {
	left: 0px;
}

.star-rating a.one-star:hover {
	width: 15px;
}

.star-rating a.two-stars {
	left: 15px;
}

.star-rating a.two-stars:hover {
	width: 30px;
}

.star-rating a.three-stars {
	left: 30px;
}

.star-rating a.three-stars:hover {
	width: 45px;
}

.star-rating a.four-stars {
	left: 45px;
}

.star-rating a.four-stars:hover {
	width: 60px;
}

.star-rating a.five-stars {
	left: 60px;
}

.star-rating a.five-stars:hover {
	width: 75px;
}

.star-rating li.current-rating {
	background: url(/img/garnier-club/stars_vote.png) left center;
	position: absolute;
	height: 16px;
	display: block;
	text-indent: -3000px;
	overflow: hidden;
	z-index: 1;
}

.star-rating li.current-rating.stars-1 {
	width: 15px;
}

.star-rating li.current-rating.stars-2 {
	width: 30px;
}

.star-rating li.current-rating.stars-3 {
	width: 45px;
}

.star-rating li.current-rating.stars-4 {
	width: 60px;
}

.star-rating li.current-rating.stars-5 {
	width: 75px;
}