/* 
Theme Name: officina
Theme URL: http://www.officina.ca/
Description: le theme Officina.
Author: Brainstorming Interactive
Author URI: http://www.brainstorming.fr
Version: 1.0.1

*/

/*html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
*/
* {margin:0;padding:0;}


body{
	background-color :#fff;
	background-image: url(images/bgd_top.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #737376;

}
a {
	text-decoration: none;
}
a img {
	border: 0;
}
.air_sos {
	color: #83adc8;
}
.stress {
	color: #bbcb8f;
}
.stress_sombre {
	color: #b3c288;
}
.skin_in_the_city {
	color: #462d00;
}
.on_the_move {
	color: #d56764;
}

#container, #footer {
	width:986px;
	margin:0 auto;
}


.entry a {
	text-decoration: underline;
	color:#89b008;
}
.entry a:hover {
	text-decoration: none;
}

.entry .alignleft{
	float:left;
}
.entry .alignright{
	float:right;
}

.entry img{
	padding-bottom:10px;
}
.entry img.alignleft{
	padding-right:10px;
}
.entry img.alignright{
	padding-left:10px;
}

/* =============== FORMULAIRES ================= */
#erreurs, .submit {
	text-align: center;
}
			.submit input {
				height:30px;
				padding:5px 7px 12px 2px;
				border:none;
				font-size:14px;
				font-weight:bold;
				color:#89b008;
				background-repeat:no-repeat;
				background-position:0 0;
				background-color:#fff;
				cursor:pointer;
			
			}
			.submit input:hover {
				color:#fff;
			}


ul.cf_li_text_err {
	display: none;
}
#usermessagea ol li {
	text-align: left;
}
#usermessagea ol li a {
	text-decoration: none;
	color: #000000;
	cursor: default;
}




form label {
	float: left;
	clear: both;
	line-height: 20px;
	margin-bottom: 5px;
	font-weight:bold;
}


form div.checker {
	height: 14px;
	width: 14px;
	overflow: hidden;
	background: #fff url(images/form_bg_form.png) repeat-x left top;
	float: left;
	display: inline;
	margin: 4px;
	margin-right: 10px;
	position: relative;
}

form div.checker.focus {
	border-color: #999;
}

form div.checker.focus span {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

form div.checker span {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

form div.checker span.checked {
	background: url(images/form_check.gif) no-repeat center center;
}

form div.checker span input {
	position: absolute;
	opacity: 0;
}
*+html form div.checker span input {
	right: -3px;
	bottom: -3px;
}






/* ============================================= Radio box */

form div.radio {
	height: 85px;
	width: 68px;
	overflow: hidden;
	background: #fff url(images/form_radio_off.png) no-repeat left top;
	float: left;
	display: inline;
	margin-right: 0px;
	position: relative;
}

form div.radio.focus {
}

form div.radio.focus span {
}

form div.radio span {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

form div.radio span.checked {
	background-color: #fff;
	background-repeat:no-repeat;
	background-position:left top;
}
.fr form div.radio span.checked {
	background-image:url(images/form_radio_fr_on.png);
}
.en form div.radio span.checked {
	background-image:url(images/form_radio_en_on.png);
}

form div.radio span input {
	position: absolute;
	width: 100%;
	height: 100%;
}
form label {
}
form strong {
	position: relative;
	top: 62px;
	right: 23px;
	font-weight: normal;
	color: #666666;
}



/* ===================================== Select Box */

form div.selector {
	display: block;
	position: relative;
	width: 280px;
	background: url(images/form_bg.png) no-repeat top left;
	line-height: 25px;
	height: 33px;
	color: #444;
	text-align: left;
}

form div.selector select {
	width: 271px;
}

form div.selector.focus {
	border-color: #999;
}

form div.selector span {
	display: block;
	padding-left: 10px;
	background: url(images/form_select.png) no-repeat top right;
	white-space: nowrap;
	position: relative;
	font-weight: bold;
	text-align: left;
}

form div.selector.focus span {
}

form div.selector select {
	position: relative;
	bottom: 23px;
	line-height: 30px;
	background-color: #e5edcb;
}




/* =========================================== */
form input[type=text], form input[type=password], form textarea {
	background: none;
	background: url(images/form_bg_form.png) no-repeat left top #fff;
	padding: 3px;
	border: 0;
	margin: 5px;
	border-bottom: 1px solid #f8f8f8;
	border-right: 1px solid #f8f8f8;
	width:322px;
}                                             
form .cf_li_err input[type=text],             
form .cf_li_err input[type=password],         
form .cf_li_err input[type=checkbox], 
form .cf_li_err textarea, 
form .cf_li_err select {
	padding: 2px;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px;
}   



/* =============== END FORMULAIRES ================= */

/* ====================== home ====================== */

#home #container {
	width:auto;
}
body#home {
	background-image: url(images/bgd_home.png);
	position:0 0;
}
#home_flash {
	padding-bottom:37px;
}





/* ====================== header ====================== */
#header{
	height:155px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	background-position: 17px 0;
}
			#header #mon_officine_lien {
				display: block;
				width: 70px;
				height: 70px;
				float: right;
				margin-top: 10px;
				margin-right: 3px;
			}
						#header #mon_officine_lien a {
							display: block;
							width: 70px;
							height: 70px;
							background-image:url(images/header_btn_mon_officine.png);
							background-repeat:no-repeat;
						}
						#header #mon_officine_lien a:hover {
							background-position:0 -70px;
						}
						#header #mon_officine_lien a span {
							display: none
						}
			#header h1{
				display: block;
				height: 113px;
			}
						#header h1 a {
							display: block;
							height: 101px;
							width: 335px;
							margin-left: 16px;
						}
									#header h1 a span {
										display: none;
									}

/* menu */
			#header>ul{
				padding-left: 16px;
				list-style-type: none;
			}
			#header>ul>li {
				display: block;
				float: left;
			}
						/*	sous-menu	*/
						#header ul ul {
							padding: 0;
							display: none;
							position: absolute;
							background-color:#fff;
							z-index:10;
						}
									#header ul ul li {
										display: block;
										float: none;
									}
												*+html #header ul ul li { /* hack IE7 */
													height: 22px;
												}
									#header ul ul a {
										width: 81px;
										height: 25px;
										background-position: 0 0;
									}
									
			#header a {
				display: block;
				height: 42px;
				width: 84px;
			}					
						#header a:hover, #header .on a {
							background-position:0 -42px;
						}					
			#header ul ul a, #header ul ul a:hover {
				background-position:0 0;
			}
			#header ul span {
				display: none;
			}

			#header #concept a {
				width: 84px;
			}
			.fr #header #concept a {
				background-image: url(images/header_menu_btn_concept_fr.png);
				
			}
			.en #header #concept a {
				background-image: url(images/header_menu_btn_concept_en.png);
				
			}
			#header #produit {
				width: 82px;
				background-position: 0 0;
			}
			
			.fr #header #produit {
				background-image: url(images/header_menu_btn_produits_fr.png);
			}
			
			.en #header #produit {
				background-image: url(images/header_menu_btn_produits_en.png);
			}
						#header #produit:hover, #header #produit.on {
							background-position: 0 -42px;
						}
						#header #produit a {
							width: 82px;
						}
						#header #produit:hover ul {
							display: block;
						}
			
									#header #air_sos a {
										background-image: url(images/header_smenu_btn_air_sos.png);
										background-position: 0 0;
									}
									#header #stress a {
										background-image: url(images/header_smenu_btn_stress.png);
										background-position: 0 0;
									}
									#header #skin_in_the_city a {
										background-image: url(images/header_smenu_btn_skin_in_the_city.png);
										background-position: 0 0;
									}
									#header #on_the_move a {
										background-image: url(images/header_smenu_btn_on_the_move.png);
										background-position: 0 0;
									}
			#header #magasins a {
				width: 85px;
			}
			
			.fr #header #magasins a {
				background-image: url(images/header_menu_btn_magasins_fr.png);
			}
			
			.en #header #magasins a {
				background-image: url(images/header_menu_btn_magasins_en.png);
			}
			#header #contact a {
				width: 89px;
			}
			.fr #header #contact a {
				background-image: url(images/header_menu_btn_contact_fr.png);
			}
			.en #header #contact a {
				background-image: url(images/header_menu_btn_contact_en.png);
			}
						
			/* hack IE6 */			
			* html #header li {
				display: block;
				float: left;
			}
			* html #header ul {
				margin-left: 16px;
			}
			
/* fin menu */

		
		
#content{
	padding:0 0 0 18px;
}
			#content .deconnexion{
				float:right;
				margin-top:20px;
			}
						#content .deconnexion a{
							color:#96bf0d;
							padding-right:17px;
							background-image: url(images/btn_deconnexion.png);
							background-position: right center;
							background-repeat: no-repeat;
							text-decoration:none;
						}
						#content .deconnexion a:hover{
							text-decoration:underline;
						}
			

			#content h2 {
				padding: 0;
				margin: 0;
				background-repeat: no-repeat;
				background-position: 0 9px;
				height: 42px;
				margin-top: 50px;
				margin-bottom: 35px;
			}
						#content h2 span {
							display: none;
						}
#post{}
#entry{}
#postmeta{}
#postnavigation{}
#searchform{}


#sidebar{
/*	float:right;
	width:200px;
*/
}



#produits ul li {
	list-style-type: none;
	float: left;
}






/* ======================================= concept ================================================== */

.concept {
}
			.concept h2.concept_3 {
				background-image: url(images/concept_titre_concept.png);
			}
			.concept h2.concept_41 {
				background-image: url(images/concept_titre_nos_engagements_fr.png);
			}
			.en .concept h2.concept_41 {
				background-image: url(images/concept_titre_nos_engagements_en.png);
			}
			.concept h2.concept_43 {
				background-image: url(images/concept_titre_notre_fondatrice_fr.png);
			}
			.en .concept h2.concept_43 {
				background-image: url(images/concept_titre_notre_fondatrice_en.png);
			}
			.concept h2.concept_47 {
				background-image: url(images/concept_titre_officina.png);
			}
			.concept h2.concept_307 {
				background-image: url(images/concept_titre_canada.png);
			}
			#content .concept h2.concept_309 {
				background-image: url(images/concept_titre_therapie_urbaine_fr.png);
				background-position:0 0;
			}
			.en .concept h2.concept_309 {
				background-image: url(images/concept_titre_therapie_urbaine_en.png);
			}

			.concept .entry{
				float:left;
				width:534px;
				text-align:justify;
			}
						.concept .entry p{
							padding:0 0 20px 0;
						}
						.concept .entry em{
							color:#96bf0d;
							font-style:normal;
						}
						.concept .entry ul,
						.concept .entry ol{
							padding:0 0 20px 18px;
						}
						.concept .entry ul{
							padding:0 0 20px 18px;
							list-style-image:url(images/puce_1.png);
						}
						.concept .entry li{
							padding:0 0 5px 0;
						}

			.concept ul#btns {
				list-style:none;
			}

						.concept ul#btns li {
							list-style:none;
						}
											.concept #btns a {
												display:block;
											}
														.concept #btns a span {
															display:none;
														}
														
			.concept .engagements_fondatrice {
				clear:both;
			}
														
					.concept .engagements_fondatrice #btns {
						height:42px;
					}
								.concept .engagements_fondatrice #btns li {
									float:left;
								}
											.concept .engagements_fondatrice a {
												height:42px;
												width:180px;
											}
											.concept #btns li#c_engagements a {
												background-image:url(images/concept_btn_nos_engagements_fr.png);
											}
											.en .concept #btns li#c_engagements a {
												background-image:url(images/concept_btn_nos_engagements_en.png);
											}
											.concept #btns li#c_fondatrice a {
												background-image:url(images/concept_btn_notre_fondatrice_fr.png);
											}
											.en .concept #btns li#c_fondatrice a {
												background-image:url(images/concept_btn_notre_fondatrice_en.png);
											}
											.concept .engagements_fondatrice #btns a:hover, .concept .engagements_fondatrice #btns a.on {
												background-position:0 -42px;
											}
											
					.concept .officina_3_mots {
						float:right;
						width:340px;
						height:220px;
						background-image:url(images/concept_bg_fr.png);
						background-repeat:no-repeat;
						position:relative;
					}						
					.en .concept .officina_3_mots {
						background-image:url(images/concept_bg_en.png);
					}
											.concept .officina_3_mots a {
												height:33px;
												position:absolute;
											}
											.concept #btns li#c_officina a {
												background-image:url(images/concept_btn_officina.png);
												width:93px;
												top:76px;
												left:21px;
											}
											.concept #btns li#c_canada a {
												background-image:url(images/concept_btn_canada.png);
												width:87px;
												top:151px;
												left:27px;
											}
											.concept #btns li#c_therapie a {
												background-image:url(images/concept_btn_therapie_urbaine_fr.png);
												width:160px;
												top:112px;
												left:144px;
											}
											.en .concept #btns li#c_therapie a {
												background-image:url(images/concept_btn_therapie_urbaine_en.png);
											}
											.concept .officina_3_mots #btns a:hover, .concept .officina_3_mots #btns a.on {
												background-position:0 -33px;
											}
						






/* ======================================= gammes ================================================== */

.gamme {
}

			.gamme .entry ul,
			.gamme .entry ol{
				padding:0 0 20px 18px;
			}
			.gamme .entry ul{
				padding:0 0 20px 18px;
				list-style-image:url(images/puce_1.png);
			}
			.gamme .entry li{
				padding:0 0 5px 0;
			}
.gamme_produits {
	background-image: url(images/gamme_produits_border.png);
	background-position: 0 61px;
	/* au lieu de left bottom pour une question de compatibilite */
	background-repeat: repeat-x;
	position:relative;
	height:62px;
}

.gamme_produits ul {
	list-style-type: none;
	position:absolute;
	bottom:0;
	left:370px;
}

.gamme_produits ul li {
	float: left;
	display: block;
	height: 89px;
}


.gamme_produits ul li a:hover img {
	margin: 0;
	padding: 0;
}
/*.gamme_produits ul li.gamme_titre  {
	float:right;
}*/
.gamme_produits ul li.gamme_titre img,
.gamme_produits ul li.gamme_titre a:hover img {
	margin-top: 56px;
	margin-left: 10px;
}

.gamme_border {
	clear: both;
	margin-top:8px;
	background-repeat:no-repeat;
	height:26px;
	border-top-style:solid;
	border-top-width:7px;
	position:relative;
}
.gamme_stress .gamme_border {
	border-top-color:#bbcb8f;
	/*background-image:url(images/gamme_border_stress.png);*/
}
.gamme_air_sos .gamme_border {
	border-top-color:#83adc8;
	/*background-image: url(images/gamme_border_air_sos.png);*/
}
.gamme_skin_in_the_city .gamme_border {
	border-top-color:#462d00;
	/*background-image: url(images/gamme_border_skin_in_the_city.png);*/
}
.gamme_on_the_move .gamme_border {
	border-top-color:#d56764;
	/*background-image: url(images/gamme_border_on_the_move.png);*/
}
			.gamme_border ul{
				position: absolute;
				top:-14px;
				left:0;
			}
			.gamme_border ul li{
				list-style:none;
				float:left;
			}
						.gamme_border ul li a{
							display:block;
							width:107px;
							height:7px;
							background-position:top center;
							background-repeat:no-repeat;
							border: solid 7px #fff;
							border-left:none;
						}
						.gamme_border ul li a:hover{
							height:26px;
							background-position:center center;
						}
						.gamme_border li#stress a {
							background-image: url(images/header_smenu_btn_stress.png);
							background-color:#bbcb8f;
						}
						.gamme_border li#air_sos a {
							background-image: url(images/header_smenu_btn_air_sos.png);
							background-color:#83adc8;
						}
						.gamme_border li#skin_in_the_city a {
							background-image: url(images/header_smenu_btn_skin_in_the_city.png);
							background-color:#462d00;
						}
						.gamme_border li#on_the_move a {
							background-image: url(images/header_smenu_btn_on_the_move.png);
							background-color:#d56764;
						}
									.gamme_border ul li a span{
										display:none;
									}

.gamme_left {
	width: 334px;
	height: 374px; /* 40px de marge bottom */
	float: left;
	padding-top: 45px;
}

.gamme_right {
	width: 560px;
/*	height: 455px;
*/	float: right;
	margin-right: 36px;
}
* html .gamme_right {
	margin-right: 18px;
}

			.gamme_right .texte {
				padding-bottom: 5px;
			}
						#content .gamme_right .texte h2 {
							margin-top: 10px;
							margin-bottom: 10px;
							height:46px;
							width:583px;
							background-repeat:no-repeat;
							background-position:0 0;
						}
						.fr #content .gamme_stress .gamme_right .texte h2 { background-image:url(images/gamme_titre_gamme_stress_fr.png); }
						.en #content .gamme_stress .gamme_right .texte h2 { background-image:url(images/gamme_titre_gamme_stress_en.png); }
						.fr #content .gamme_stress .gamme_right .texte h2.produit { background-image:url(images/gamme_titre_produit_stress_fr.png);}
						.en #content .gamme_stress .gamme_right .texte h2.produit { background-image:url(images/gamme_titre_produit_stress_en.png);}
						.fr #content .gamme_stress .gamme_right .texte h2.plus { background-image:url(images/gamme_titre_plus_stress_fr.png);}
						.en #content .gamme_stress .gamme_right .texte h2.plus { background-image:url(images/gamme_titre_plus_stress_en.png);}
						
						.fr #content .gamme_air_sos .gamme_right .texte h2 { background-image:url(images/gamme_titre_gamme_air_sos_fr.png);}
						.en #content .gamme_air_sos .gamme_right .texte h2 { background-image:url(images/gamme_titre_gamme_air_sos_en.png);}
						.fr #content .gamme_air_sos .gamme_right .texte h2.produit { background-image:url(images/gamme_titre_produit_air_sos_fr.png);}
						.en #content .gamme_air_sos .gamme_right .texte h2.produit { background-image:url(images/gamme_titre_produit_air_sos_en.png);}
						.fr #content .gamme_air_sos .gamme_right .texte h2.plus { background-image:url(images/gamme_titre_plus_air_sos_fr.png);}
						.en #content .gamme_air_sos .gamme_right .texte h2.plus { background-image:url(images/gamme_titre_plus_air_sos_en.png);}
						
						.fr #content .gamme_skin_in_the_city .gamme_right .texte h2 { background-image:url(images/gamme_titre_gamme_skin_in_the_city_fr.png);}
						.en #content .gamme_skin_in_the_city .gamme_right .texte h2 { background-image:url(images/gamme_titre_gamme_skin_in_the_city_en.png);}
						.fr #content .gamme_skin_in_the_city .gamme_right .texte h2.produit { background-image: url(images/gamme_titre_produit_skin_in_the_city_fr.png);}
						.en #content .gamme_skin_in_the_city .gamme_right .texte h2.produit { background-image: url(images/gamme_titre_produit_skin_in_the_city_en.png);}
						.fr #content .gamme_skin_in_the_city .gamme_right .texte h2.plus { background-image:url(images/gamme_titre_plus_skin_in_the_city_fr.png);}
						.en #content .gamme_skin_in_the_city .gamme_right .texte h2.plus { background-image:url(images/gamme_titre_plus_skin_in_the_city_en.png);}
						
						.fr #content .gamme_on_the_move .gamme_right .texte h2 { background-image:url(images/gamme_titre_gamme_on_the_move_fr.png);}
						.en #content .gamme_on_the_move .gamme_right .texte h2 { background-image:url(images/gamme_titre_gamme_on_the_move_en.png);}
						.fr #content .gamme_on_the_move .gamme_right .texte h2.produit { background-image:url(images/gamme_titre_produit_on_the_move_fr.png)}
						.en #content .gamme_on_the_move .gamme_right .texte h2.produit { background-image:url(images/gamme_titre_produit_on_the_move_en.png)}
						.fr #content .gamme_on_the_move .gamme_right .texte h2.plus { background-image:url(images/gamme_titre_plus_on_the_move_fr.png);}
						.en #content .gamme_on_the_move .gamme_right .texte h2.plus { background-image:url(images/gamme_titre_plus_on_the_move_en.png);}
						
						.gamme_right .texte p {
							padding-right: 20px;
							padding-bottom: 10px;
							text-align: justify;
						}
						.gamme_right .texte a {
							color: #96bf0d;
							text-decoration:none;
						}
						.gamme_right .texte a:hover {
							text-decoration:underline;
						}
						.gamme_right .texte em {
							font-weight:bold;
							font-style: normal;
						}
						.gamme_stress .gamme_right .texte em { color:#bbcb8f;}
						.gamme_air_sos .gamme_right .texte em { color:#83adc8;}
						.gamme_skin_in_the_city .gamme_right .texte em { color:#462d00;}
						.gamme_on_the_move .gamme_right .texte em { color:#d56764;}
			
			.gamme_right .illustration {
				height: 280px;
				clear:both;
				background-position: right bottom;
				background-repeat: no-repeat;
			}
						.gamme_right .illustration p {
							padding: 30px 0 0 0;
						}



.carte {
	float: right;
	width: 185px;
	text-align: right;
}

p.retour {
	padding-top: 40px;
}
p.retour a, p.retour a:visited {
	color: #96bf0d;
	line-height: 17px;
	padding-left: 17px;
	background-image: url(images/btn_retour.png);
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration:none;
}
p.retour a:hover{
	text-decoration:underline;
}

div.lire_suite {
	padding: 10px 20px 0 0;
	text-align:right;
}
div.lire_suite a span, p.lire_suite a:visited span {
	color: #96bf0d;
	line-height: 17px;
	padding-right: 17px;
	background-image: url(images/btn_suite.png);
	background-position: right center;
	background-repeat: no-repeat;
	text-decoration:none;
}
div.lire_suite a:hover span{
	text-decoration:underline;
}


/* ============================== PRODUIT ================================= */


#post_produit {
	height:520px;
}
html>body #post_produit {
	height:auto;
	min-height:520px;
}
.visu_produit {
	float:right;
	height:560px;
	width:400px;
	background-position: right center;
	background-repeat: no-repeat;
}
html>body .visu_produit {
	height:auto;
	min-height:560px;
}
			#post_produit h2 {
				font-family: 'Futura Hv', Arial, Helvetica, sans-serif;
				font-size: 40px;
				margin-top: 40px;
				font-weight: normal;
			}

.contenu_produit {
	text-transform: uppercase;
	font-weight: bold;
}
.indication {
}
			.indication strong {
				text-transform: uppercase;
				display: block;
			}

.contenu_produit, .indication, #post_produit h2, .p_astuces {
	margin-bottom: 15px;
	width: 500px;
	text-align: justify;
	margin-left: 40px;
}

.p_astuces {
}
			.p_astuces h3 {
				color: #96bf0d;
				font-size: 12px;
				text-transform:uppercase;
				margin-top: 20px;
				margin-bottom: 10px;
			}
.p_astuce {
	margin-bottom: 25px;
	margin-left: 10px;
}
			.p_astuce h4 {
				font-size: 12px;
				font-weight: bold;
				margin-bottom: 5px;
			}
.plus_astuces {
	text-align: right;
	width: 540px;
	padding-bottom: 60px;
}






/* ======================================= magasins ================================================== */

.magasins {
}
			.magasins h2 {
				background-image: url(images/magasins_titre_fr.png);
			}
			.en .magasins h2 {
				background-image: url(images/magasins_titre_en.png);
			}

			.magasins .chapeau{
				margin:0 0 27px 0;
				width:582px;
				color:#96bf0d;
				font-size:12px;
				text-align:justify;
			}

			.magasins .choix_lieux{
				float:left;
				margin:0 25px 42px 0 ;
			}

			.magasins .post{
				margin:0 0 42px 0 ;
			}
						.magasins .post .visu{
							float:left;
							width:144px;
						}
									.magasins .post img{
										width:125px;
										margin:0 19px 0 0;
									}
						.magasins .post .description{
							float:left;
							width:331px;
							margin:0 53px 0 0;
							text-align:justify;
						}
									.magasins .post .description h3{
										margin: 0 0 7px 0;
										font-size:16px;
										color:#96bf0d;
									}
									.magasins .post .description a{
										color:#96bf0d;
									}
									.magasins .post .description a:hover{
										text-decoration:underline;
									}
						.magasins .post .coordonnees{
							float:right;
							width:344px;
							margin:0 80px 0 0;
							padding:0 0 0 10px;
							border-left: dotted 2px #d1d1d1;
							text-align:justify;
						}
									.magasins .post .coordonnees h4{
										margin: 2px 0 7px 0;
										font-size:14px;
									}






/* ======================================= contact ================================================== */

.contact {
}
			.contact h2 {
				background-image: url(images/contact_titre.png);
			}

			.contact .entry{
				float:left;
				text-align:justify;
			}
						.contact .entry .texte_contact {
							float:left;
							width:475px;
						}
									.contact .entry .texte_contact p{
										margin:20px 0;
									}
									.contact .entry .texte_contact em{
										color:#96bf0d;
										font-style:normal;
									}
						.contact .entry .formulaire_contact {
							float:right;
							width:455px;
						}
						.contact .entry .formulaire_contact li {
							clear:both;
						}
						.contact .entry .formulaire_contact li#li--1,
						.contact .entry .formulaire_contact li#li-2-1 {
							display:none;
						}
						.contact .entry .formulaire_contact li#li--1 label,
						.contact .entry .formulaire_contact li#li-2-1 label {
							cursor:pointer;
						}
						.contact .entry .formulaire_contact input[type=text] {
							width:322px;
						}
						.contact .entry .formulaire_contact textarea {
							width:365px;
						}
						.contact .entry .formulaire_contact #li--8 .checker,
						.contact .entry .formulaire_contact #li-2-8 .checker {
							clear:both;
							margin-left:105px;
						}
						.contact .entry .formulaire_contact #li--8 .cf-after,
						.contact .entry .formulaire_contact #li-2-8 .cf-after {
							clear:none;
							width:250px;
							text-align:left;
						}
						.contact .entry .formulaire_contact input.sendbutton {
							background:url(images/form_btn_bg.png) #fff no-repeat 0 0;
							width:83px;
							padding:5px 7px 12px 5px; 
							margin: 0 20px 0 0;
						}







/* ============================== ACTUALITES ================================= */

.actualites {
}


			.fr #content .actualites h2 {
				background-image: url(images/actualites_titre_fr.png);
				background-position: 0 0;
			}
			.en #content .actualites h2 {
				background-image: url(images/actualites_titre_en.png);
				
			}
			
#actus {
	float: left;
	width: 440px;
	margin-bottom: 30px;
}
.actu {
	margin-bottom: 35px;
	background-image: url(images/actualites_bg_actu.png);
	background-position: 0 0;
	background-repeat: repeat-y;
}
			.actu h3 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 16px;
				color: #96bf0d;
				font-weight: bold;
			}
			.single .actu h3 {
				font-size: 20px;
			}
			.actu h4 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #000000;
				font-weight: normal;
				margin-bottom: 15px;
			}
			.actu h3, .actu h4, .actu .entry {
				padding-left: 15px;
			}
			
.actu .entry {
	text-align: justify;
}
.actu p.retour {
	padding-left: 20px;
}

#press {
	float: right;
	width: 480px;
	margin-bottom: 30px;
}
			#press h3{
				font-size: 16px;
				color:#96bf0d;
				padding-bottom:20px;
			}
			#press img{
				width:70px;
				height:94px;
			}
.press {
}
.press a {
}







/* ============================== ASTUCES ================================= */

.astuces {
}
			
			.astuces p.retour {
			}
			#content .astuces h2 {
				margin-top:10px;
				background-image: url(images/astuces_titre_fr.png);
				background-position: 0 0;
			}
			.en .astuces h2 {
				background-image: url(images/astuces_titre_en.png);
			}
			
#astuces {
	float: left;
	width: 500px;
}
.astuce {
	margin-bottom: 35px;
	background-image: url(images/astuces_bg_astuce.png);
	background-position: 0 0;
	background-repeat: repeat-y;
}
			.astuce tr {
				vertical-align: bottom;
			}
						.astuce tr img {
							width:91px;
							margin-left:10px;
						}
			.astuce h3 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 16px;
				color: #96bf0d;
				font-weight: bold;
			}
			.astuce h3, .astuce h4, .astuce .entry {
				padding-left: 15px;
			}
			.astuce h3 {
				padding-top: 8px;
			}
			.astuce .entry {
				padding-bottom: 15px;
				text-align: justify;
			}

.astuces #marie {
	float:right;
	width:370px;
	height:530px;
	margin-top:70px;
	background-image: url(images/astuces_marie.jpg);
	background-position: top right;
	background-repeat:no-repeat;
}







/* ============================== MENTIONS LEGALES ================================= */

#mentions_legales {
	margin:0 0 20px 0;
}
			
			.fr #mentions_legales h2 {
				background-position: 0 0;
				background-image: url(images/mentions_legales_titre_fr.png);
			}
			.en #mentions_legales h2 {
				background-image: url(images/mentions_legales_titre_en.png);
			}
			
			#mentions_legales p{
				margin:0 0 10px 0;
			}



/* ============================== MON OFFICINE ================================= */

#mon_officine {
	margin:0 0 20px 0;
}
			
			#mon_officine h2 {
				background-image: url(images/mon_officine_titre.png);
			}
			.inscription .texte_officine {
				width:530px;
				text-align:justify;
			}
			.inscription .texte_officine h3{
				margin:30px 0 0 0;
				font-size:18px;
			}
			.inscription .texte_officine p{
				margin:0 0 20px 0;
			}
			.inscription .texte_officine em {
				color:#96bf0d;
				font-style:normal;
			}
			.inscription #identification {
				margin:30px 0 100px 0;
			}
			#mon_officine h4 {
				text-transform:uppercase;
				color:#96bf0d;
				font-size:15px;
				margin:0 0 3px 25px;
			}
						#mon_officine h4 span {
							text-transform:none;
							font-size:12px;
							padding-left:20px;
						}

	
						#registerform-tml-main, #loginform-tml-main, ul.links { /* cforms */
							/**/
							display: none;
						}
						
						#lostpasswordform-tml-main {
							padding:20px 20px 30px 20px;
							margin-top:10px;
							background:url(images/mon_officine_lostpassword_bg.png) no-repeat 0 10px;
						}
									#lostpasswordform-tml-main input {
										margin:0;
									}
									#lostpasswordform-tml-main .submit input {
										margin-top:17px;
										background:url(images/mon_officine_btn_lostpassword_bg.png);
										width:206px;
										padding:2px 12px 12px 5px;
									}
						
						.inscription #identification #fond{
							background-image:url(images/mon_officine_identification_bg.png);
							background-repeat:repeat-x;
						}
						.inscription #identification #fond_g{
							background-image:url(images/mon_officine_identification_bg_g.png);
							background-repeat:no-repeat;
						}
						.inscription #identification #fond_d{
							background-image:url(images/mon_officine_identification_bg_d.png);
							background-repeat:no-repeat;
							background-position: top right;
							height:100px;
							padding:0 0 0 25px;
						}
						.inscription #identification .login{
							float:left;
							width:472px;
							padding:0;
						}
									.inscription #identification .login p {
										margin: 5px 0 0 0;
										float:left;
									}
												.inscription #identification .login p.identifiant {
													margin-right:10px;
												}
												.inscription #identification .login p.mot_de_passe {
													margin-right:6px;
												}
												.inscription #identification .login p.forgetmenot {
													display:none;
												}
												.inscription #identification .login p.submit {
													margin: 23px 0 0 0;
												}
												
									.inscription #identification .login input {
										width: 170px;
										margin:0;
									}
												.inscription #identification .login .submit input {
													background:url(images/mon_officine_btn_valider_bg.png);
													width:64px;
												}
									
									.inscription #identification .login ul {
										float:none;
										clear:both;
										list-style:none;
										padding: 20px 0 0 0;
										margin:0;
									}
									.inscription #identification .login ul li {
										list-style:none;
										margin:0;
										padding:0;
									}
												.inscription #identification .login ul li a{
													font-size:10px;
													color:#666;
													text-decoration:underline;
												}
												.inscription #identification .login ul li a:hover{
													text-decoration:none;
												}
												
						
						.inscription #identification .code_secret{
							float:right;
							width:474px;
						}
									.inscription #identification .code_secret p {
										margin: 5px 6px 0 0;
										float:left;
									}
												.inscription #identification .code_secret p.submit {
													margin: 23px 0 0 0;
												}
									.inscription #identification .code_secret input {
										width: 335px;
										margin:0;
									}											
												.inscription #identification .code_secret .submit input {
													background:url(images/mon_officine_btn_inscrit_1_bg.png);
													width:85px;
												}
									
									.inscription #identification .code_secret ul {
										float:none;
										clear:both;
										list-style:none;
										padding: 20px 0 0 0;
										margin:0;
									}
									.inscription #identification .code_secret ul li {
										list-style:none;
										margin:0;
										padding:0;
										font-size:11px;
										font-style:italic;
									}
						
						
						#confirmation{
							display:none;
						}
						#inscription{
							margin:30px 0;
							padding:0;
							height:350px;
						}
						html>body #inscription{
							height:auto;
							min-height:350px;
						}
									#inscription #fond{
										background-image:url(images/mon_officine_inscription_bg.png);
										background-repeat:repeat-y;
									}
									#inscription #fond_h{
										background-image:url(images/mon_officine_inscription_bg_h.png);
										background-repeat:no-repeat;
										background-position:top left;
									}
									#inscription #fond_b{
										background-image:url(images/mon_officine_inscription_bg_b.png);
										background-repeat:no-repeat;
										background-position:bottom left;
										padding:20px 30px 40px 30px;
									}
									* html #inscription #fond_b{
										background-image:url(images/mon_officine_inscription_bg_b.png);
										background-repeat:no-repeat;
										background-position:bottom left;
										padding-bottom:59px;
									}
									#inscription form {
										position:relative;
									}
									
									#inscription .gauche {
										float:left;
										width:436px;
									}
									#inscription .droite {
										float:right;
										width:430px;
									}
									
									#inscription input {
										width:199px;
										margin:0;
									}
									#inscription #adresse input {
										width:424px;
									}
									#inscription #cp input {
										width:68px;
									}
									#inscription #ville input {
										width:94px;
									}
									#inscription #date input {
										width:41px;
									}
									#inscription #email input {
										width:415px;
									}
									#inscription .checkbox input {
										width:auto;
									}

									#inscription form #pays div.selector {
										width: 240px;
									}
									#inscription form #age div.selector {
										width: 140px;
									}
									#inscription form #pays div.selector select {
										width: 231px;
									}
									#inscription form #age div.selector select {
										width: 131px;
									}
									#inscription .submit input {
										background:url(images/mon_officine_btn_sauvegarder_2_bg.png);
										width:105px;
										padding:2px 7px 12px 2px;
										margin:0;
									}
									#inscription .submit input:hover {
										color:#fff;
									}
									#inscription p {
										margin: 5px 6px 0 0;
										float:left;
									}
									#inscription p.retour {
										margin: 3px 0 0 20px;
										padding:0;
									}
												#inscription p label {
													display:inline;
												}
												#inscription p#nom,
												#inscription p#pays,
												#inscription p#mot_de_passe_confirm {
													float:right;
												}
												#inscription p#cp {
													white-space:nowrap;
												}
												/* retour à la ligne */
												#inscription p#adresse,
												#inscription p#cp,
												#inscription p#email,
												#inscription p#mot_de_passe,
												#inscription p.checkbox {
													clear:both;
												}
												#inscription p.checkbox {
													margin: 0;
													white-space:nowrap;
													font-size:11px;
												}
															#inscription p.checkbox a {
																color:#666;
																text-decoration:underline;
															}
															#inscription p.checkbox a:hover {
																text-decoration:none;
															}
												
												* html #inscription p.submit {
													clear:both;
													float:right;
													margin:20px 15px 0 0;
												}
												html>body #inscription p.submit {
													position:absolute;
													bottom:-32px;
													right:10px;
													float:none;
													margin:0;
												}
			.mon_officine {
				margin:0 0 20px 0;
				text-align:justify;
			}
			.mon_officine p{
				margin:0 0 20px 0;
			}
			.mon_officine em {
				color:#96bf0d;
				font-style:normal;
			}
			.mon_officine .gauche {
				float:left;
				width:460px;
			}
			.mon_officine .droite {
				float:right;
				width:460px;
			}
						.mon_officine .privilege {
							background-color:#96bf0d;
							color:#fff;
							background-image:url(images/mon_officine_modifier_infos_bg_b.png);
							background-position:bottom left;
							background-repeat:repeat-x;
							margin:0 0 24px 0;
						}
									.mon_officine .privilege h3 {
										padding:16px 20px 10px 22px;
										margin:0;
										text-transform:uppercase;
										font-size:15px;
										
									}
									.mon_officine .privilege p {
										padding:0 20px 10px 22px;
										margin:0;
									}
									.mon_officine .privilege a {
										display:block;
										margin-left:176px;
										width:284px;
										height:31px;
										background-image:url(images/mon_officine_modifier_infos_btn.png);
										background-repeat:no-repeat;
									}
									.mon_officine .privilege a:hover {
										background-position:0 -31px;
									}
												.mon_officine .privilege a span {
													display:none;
												}
						.mon_officine .marie {
							background-color:#f2f2f2;
							background-image:url(images/mon_officine_marie_bg.jpg);
							background-position:top right;
							background-repeat:no-repeat;
							margin:0 0 24px 0;
						}
									.mon_officine .marie div{
										background-image:url(images/mon_officine_modifier_infos_bg_b.png);
										background-position:bottom left;
										background-repeat:repeat-x;
									}
									.mon_officine .marie h3 {
										padding:16px 20px 10px 35px;
										margin:0;
										text-transform:uppercase;
										font-size:15px;
										color:#96bf0d;
										
									}
									.mon_officine .marie p {
										padding:0 120px 10px 35px;
										margin:0;
										min-height:40px;
									}
									.mon_officine .marie a {
										display:block;
										margin-left:277px;
										width:183px;
										height:31px;
										background-image:url(images/mon_officine_marie_btn.png);
										background-repeat:no-repeat;
									}
									.mon_officine .marie a:hover {
										background-position:0 -31px;
									}
												.mon_officine .marie a span {
													display:none;
												}
						.mon_officine .parrainage {
							background-color:#f2f2f2;
							background-image:url(images/mon_officine_parrainage_bg_b.png);
							background-position:bottom left;
							background-repeat:repeat-x;
							margin:0 0 24px 0;
						}
									.mon_officine .parrainage h3 {
										padding:16px 20px 10px 35px;
										margin:0;
										text-transform:uppercase;
										font-size:15px;
										color:#96bf0d;
										
									}
									.mon_officine .parrainage p {
										padding:0 0 10px 35px;
										margin:0;
										font-size:11px;
										font-weight:bold;
										float:none;
									}
									.mon_officine .parrainage input,
									.mon_officine .parrainage textarea {
										margin:3px 0 0 0;
										width:373px;
									}
									.mon_officine .parrainage textarea {
										height:108px;
									}
									.mon_officine .parrainage p.submit {
										padding:0;
										text-align:right;
									}
												.mon_officine .parrainage p.submit input {
													background:url(images/mon_officine_btn_valider_2_bg.png);
													width:89px;
													height:31px;
													padding:2px 12px 12px 2px;
													margin:0;
												}
										
						.mon_officine .profil_not_ok {
							background-color:#f2f2f2;
							background-image:url(images/mon_officine_modif_profil_not_ok_bg_b.png);
							background-position:bottom left;
							background-repeat:repeat-x;
							margin:0 0 24px 0;
						}
									.mon_officine .profil_not_ok h3 {
										padding:0 20px 10px 20px;
										margin:0 0 10px 0;
										text-transform:uppercase;
										font-size:15px;
										color:#000;
										background-color:#fff;
										background-image:url(images/mon_officine_modif_profil_not_ok_bg_t.png);
										background-position:bottom left;
										background-repeat:repeat-x;
										
									}
									.mon_officine .profil_not_ok div.chapeau {
										padding:0 50px 10px 22px;
										color:#000;
										font-weight:bold;
									}
									.mon_officine .profil_not_ok p {
										padding:0 0 10px 0;
										margin:10px 9px 10px 22px;
										float:none;
									}
												.mon_officine .profil_not_ok p label {
													width:100%;
												}
												.mon_officine .profil_not_ok p em {
													display:block;
													float:left;
													width:280px;
													font-weight:normal;
													color:#666;
													line-height:normal;
													background-position:top right;
													background-repeat:no-repeat;
												}
															.mon_officine .profil_not_ok p em strong {
																display:block;
																position: static;
																margin:0 0 3px 0;
																font-size:14px;
																font-weight: bold;
															}
												.mon_officine .profil_not_ok p img {
													float:right;
													width:65px;
													height:65px;
													margin-top:38px;
												}
									/* ============================================= Radio box profil not_ok */
									
									.mon_officine .profil_not_ok form div.radio {
										height: 70px;
										width: 65px;
										background: #f2f2f2 url(images/mon_officine_modif_profil_radio_off.png) no-repeat left top;
										float: left;
									}
									
									.mon_officine .profil_not_ok form div.radio span.checked {
										background-image:url(images/mon_officine_modif_profil_radio_on.png);
									}
									.mon_officine .profil_not_ok p.submit {
										float:none;
										clear:both;
										text-align:right;
										margin:0 33px 0 0;
										padding:0;
									}
												.mon_officine .profil_not_ok p.submit input {
													background:url(images/mon_officine_btn_sauvegarder_bg.png);
													width:193px;
													height:32px;
													padding:2px 7px 12px 2px;
													margin:0;
												}
										
						.mon_officine .profil_ok {
							position:relative;
							background-color:#fff;
							background-image:url(images/mon_officine_modif_profil_ok_bg_t.png);
							background-position:top left;
							background-repeat:repeat-x;
							margin:0 0 24px 0;
						}
									.mon_officine .profil_ok h3 {
										padding:0 20px 10px 20px;
										margin:0 0 10px 0;
										text-transform:uppercase;
										font-size:15px;
										color:#000;
										
									}
									.mon_officine .profil_ok a.modifier {
										position:absolute;
										top:0;
										right:-8px;
										display:block;
										background-image:url(images/mon_officine_modif_profil_btn.png);
										background-repeat:no-repeat;
										width:145px;
										height:32px;
									}
									.mon_officine .profil_ok a.modifier:hover {
										background-position:0 -32px;
									}
												.mon_officine .profil_ok a.modifier span {
													display:none;
												}
									.mon_officine .profil_ok div.chapeau {
										padding:0 30px 30px 22px;
										color:#000;
									}
												.mon_officine .profil_ok div.chapeau strong {
													font-size:14px;
												}
									.mon_officine .profil_ok a.ingrediant{
										display:block;
										text-align:center;
									}
									.mon_officine .profil_ok ul {
									}
												.mon_officine .profil_ok ul li {
													float:left;
													list-style:none;
													margin-left:34px;
												}

												






/* ============================== FOOTER ================================= */
.footer_home {
	clear:both;
		position: relative;
		background-image: url(images/footer_home.png);
		background-position: 0 91px;
		background-repeat: repeat-x;
}
.footer_not_home {
	clear:both;
	background-image: url(images/footer_not_home.png);
	background-position: 0 0;
	background-repeat: repeat-x;
		position: relative;
		bottom: 10px;
}
#footer{
	position: relative;
	height: 300px;
}
#home #footer{
	height: 250px;
}
#notre_actualite {
	position: absolute;
	top: 0;
	left: 9px;
}
			#notre_actualite a {
				display:block;
				width:189px;
				height:34px;
			}
				.fr #notre_actualite a {
					background-image:url(images/footer_btn_notre_actualite_fr.png);
				}
				.en #notre_actualite a {
					background-image:url(images/footer_btn_notre_actualite_en.png);
				}
						#notre_actualite a:hover {
							background-position:0 -34px;
						}
						#notre_actualite a span {
							display:none;
						}

#footer .cf-ol label {
	display:block;
	width:80px;
	background-image:url(images/footer_newsletter_titre.png);
	background-repeat:no-repeat;
	background-position:2px 3px;
}
#footer #li-3-1 span,
#footer #li-4-1 span{
	display:none;
}
#footer .single{
	font-size:12px;
	color:#999;
	text-align:center;
	padding:3px 0;
	width:150px;
}
#footer .cf_li_err .single{
	color:#ad2929;
}
#footer .sendbutton{
	background:url(images/footer_newsletter_btn_bg.png) #fff no-repeat 0 2px;
	height:28px;
}
#footer ul {
	list-style-type: none;
}
#footer_menu {
	position: absolute;
	top: 46px;
	clear: both;
	height: 105px;
}
#home #footer_menu {
	top: 0;
	height: 55px;
}
			#footer_menu>ul>li {
				display: block;
				float: left;
				text-align: center;
			}
			* html #footer_menu ul li { /* hack IE6 */	
				display: block;
				float: left;
				text-align: center;
			}
						#footer_menu ul ul li {
							display: inline;
						}
						* html #footer_menu ul ul li { /* hack IE6 */	
							display: inline;
							float: none;
							text-align: left;
						}

			#footer_menu a.foot_cat {
				margin-right: 1px;
				display: block;
				clear: both;
				margin-top: 6px;
				border-width: 7px 0 0 0;
				border-style: solid;
				background-repeat: no-repeat;
				background-position: center 8px;
				height: 32px;
			}
						#footer_menu>ul>li>a:hover {
							background-position: center 10px;
						}
						* html #footer_menu ul li a:hover { /* hack IE6 */	
							background-position: center 10px;
						}
						#footer_menu>ul>li>a span {
							display: none;
						}
						* html #footer_menu ul li a span { /* hack IE6 */	
							display: none;
						}
									#footer_menu ul li li a img {
										margin-top: 16px;
									}
									#home #footer_menu ul li li a img { /* pour la home */
										margin-top: 3px;
									}
									#footer_menu ul li li a:hover img { /* pour IE6 */
										margin-top: 0;
									}
						
			#footer_menu #footer_stress {
				width: 290px;
				/*width: 318px;*/
			}
						#footer_menu #footer_stress a.foot_cat {
							border-color: #bbcb8f;
							background-image: url(images/footer_stress.png);
						}
			#footer_menu #footer_air_sos {
				width: 214px;
				/*width: 242px;*/
			}
						#footer_menu #footer_air_sos a.foot_cat {
							border-color: #83adc8;
							background-image: url(images/footer_air_sos.png);
						}
			#footer_menu #footer_skin_in_the_city {
				width: 272px;
				/*width: 190px;*/
			}
						#footer_menu #footer_skin_in_the_city a.foot_cat {
							border-color: #462d00;
							background-image: url(images/footer_skin_in_the_city.png);
						}
			#footer_menu #footer_on_the_move {
				width: 207px;
				/*width: 235px;*/
			}
						#footer_menu #footer_on_the_move a.foot_cat {
							border-color: #d56764;
							background-image: url(images/footer_on_the_move.png);
							margin-right: 0;
						}
			
#footer_menu_bottom {
	position: absolute;
	top: 225px;
	right: 0;
	left: 0;
}
			
#home #footer_menu_bottom {
	top: 140px;
}

#copyright {
	float: right;
}
#footer_menu_bottom, #footer_links, #footer_links a, #footer_links a:visited, #copyright a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #b2b2b2;
	text-decoration: none;
}
#footer_links {
	text-transform: uppercase;
}
			#footer_links a {
				padding: 0 8px;
			}
			#footer_links a:hover,
			#copyright a:hover {
				color: #000000;
			}





/* ===========extras */
.clear {
	clear: both;
}