* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul{
	list-style-type: none;
}

h1{
	font-size: 14px;
}

h1#titreAll, h1.titreAll {
	font-size: 13px;
	color: #fff;
	line-height: 30px;
	text-align: left;
	padding-left: 10px;
	margin: 5px 0;
	background-color: #000;
	width: 100%;
}

h1#titreAll a, h1.titreAll a {
	color: #fff;
}

h2 {
	font-size: 12px;
	margin: 5px 0;
}

h3{
	font-size: 12px;
	margin: 5px 0;
}

h4 {
	font-size: 12px;
	color: #fff;
	line-height: 30px;
	text-align: left;
	padding-left: 10px;
	margin: 5px 0;
	background-color: #cc0000;
	width: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 100%;
	width: 100%;
	background: url("/images/bg_body.gif") #000 center top no-repeat;
	/*background: url("/images/habillageVoeux.jpg") #1a171b center top no-repeat;*/
}

a{
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

a img{
	border: 0px;
}

a:hover{
	color: #333;
	text-decoration: underline;
}

a:visited{
	color: #333;
	text-decoration: none;
}

input.submit {
	margin: 0 5px 0 0;
	padding: 0 3px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}

/*---------------Base Class----------------*/

.txt_rouge{
	color: #cc0000;
}

.txt_hidden{
	visibility: hidden;
}

.txtGris{
	color: #ccc;
}

.center{
	text-align: center;
}

.clear{
	clear: left;
}

.paragraphe{
	line-height: 17px;
	margin-bottom: 7px;
}

/*---------------Fin Base Class----------------*/

#global {
	width: 960px;
	min-height: 370px;
	margin: 0 auto;
}

#header{
	float: left;
	width: 943px;
	padding: 0 8px 0 9px;
	/*background: url("/images/guestmen_01.gif") no-repeat #000;*/
}

#header h1, #header h3{
	margin: 0;
	padding: 0;
}

#logo{
	float: left;
	width: 173px;
	height: 122px;
	margin: 25px 0 15px 40px;
}

#menu_compte{
	float: right;
	width: 605px !important;
	width: 606px;
}

#menu_compte li{
	float: left;
	margin-left: 1px;
}

#menu_compte #panier{
	float: left;
	width: 174px;
	height: 42px;
	padding: 10px;
	background: url("/images/guestmen_04.gif") no-repeat bottom;
}

#menu{
	clear: both;
	height: 36px;
}

#menu li{
	float: left;
	height: 36px;
}

#menu #nettoyage{
	float: left;
	width: 113px;
	height: 36px;
	background: url("/images/guestmen2_09.gif") no-repeat;
}

#menu #nettoyage img{
	visibility: visible;
}

#menu #nettoyage:hover img{
	visibility: hidden;
}

#menu #rasage{
	float: left;
	width: 75px;
	height: 36px;
	background: url("/images/guestmen2_10.gif") no-repeat;
}

#menu #rasage img{
	visibility: visible;
}

#menu #rasage:hover img{
	visibility: hidden;
}

#menu #hydratation{
	float: left;
	width: 106px;
	height: 36px;
	background: url("/images/guestmen2_11.gif") no-repeat;
}

#menu #hydratation img{
	visibility: visible;
}

#menu #hydratation:hover img{
	visibility: hidden;
}

#menu #anti_age{
	float: left;
	width: 85px;
	height: 36px;
	background: url("/images/guestmen2_12.gif") no-repeat;
}

#menu #anti_age img{
	visibility: visible;
}

#menu #anti_age:hover img{
	visibility: hidden;
}

#menu #contour_yeux{
	float: left;
	width: 140px;
	height: 36px;
	background: url("/images/guestmen2_13.gif") no-repeat;
}

#menu #contour_yeux img{
	visibility: visible;
}

#menu #contour_yeux:hover img{
	visibility: hidden;
}

#menu #coffrets{
	float: left;
	width: 115px;
	height: 36px;
	background: url("/images/guestmen2_14.gif") no-repeat;
}

#menu #coffrets img{
	visibility: visible;
}

#menu #coffrets:hover img{
	visibility: hidden;
}

#menu #soins_massages{
	float: left;
	width: 162px;
	height: 36px;
	background: url("/images/guestmen2_15.gif") no-repeat;
}

#menu #soins_massages img{
	visibility: visible;
}

#menu #soins_massages:hover img{
	visibility: hidden;
}

#menu #nouveautes{
	float: left;
	width: 130px;
	height: 36px;
	background: url("/images/guestmen2_16.gif") no-repeat;
}

#menu #nouveautes img{
	visibility: visible;
}

#menu #nouveautes:hover img{
	visibility: hidden;
}

#menu #rasage_electrique{
	float: left;
	width: 130px;
	height: 36px;
	background: url("/images/guestmen2_16.gif") no-repeat;
}

#menu #rasage_electrique img{
	visibility: visible;
}

#menu #rasage_electrique:hover img{
	visibility: hidden;
}

#menu #privatisation_spa{
	float: left;
	width: 147px;
	height: 36px;
	background: url("/images/guestmen2_16.gif") no-repeat;
}

#menu #privatisation_spa img{
	visibility: visible;
}

#menu #privatisation_spa:hover img{
	visibility: hidden;
}

#menu #corps_cheveux{
	float: left;
	width: 147px;
	height: 36px;
	background: url("/images/guestmen2_16.gif") no-repeat;
}

#menu #corps_cheveux img{
	visibility: visible;
}

#menu #corps_cheveux:hover img{
	visibility: hidden;
}

#middle{
	float: left;
	width: 943px;
	margin: 4px 8px 4px 9px !important;
	margin: 4px 7px 4px 5px;
	background: #fff;
}

#left{
	float: left;
	width: 253px;
	margin: 5px !important;
	margin: 5px 4px;
}

#left li{
	margin: 2px 0;
}

#left li img{
	margin: 2px 0;
}

#right{
	float: left;
	width: 670px;
	margin: 10px 0px !important;
	margin: 10px 4px;
}

#advancerRolo{
	margin-bottom: 30px;
}

#contentArticle{
	float: left;
	width: 930px;
	margin: 10px 5px !important;
	margin: 10px 10px;
}

#bottom{
	float: left;
	width: 899px;
	margin: 0 8px 0 9px !important;
	margin: 0 7px 0 5px;
	background: #ccc;
	padding: 22px;
	color: #333;
}

/*-----------------------ADVANCER_ROLO4.TPL------------------------*/

.slide{
	width: 170px;
	height: 170px;
}

.slide .top{
	float: left;
	width: 100%;
}

.slide .top .bloc_prix{
	text-align: right;
	font-weight: bold;
}

.slide .top .bloc_prix .txtPrix{
	font-size: 14px;
	color: #cc0000;
}

.slide .left{
	float: left;
	width: 50%;
}

.slide .right{
	float: left;
	width: 50%;
}

.slide .right h2{
	width: 100%;
	clear: left;
	font-size: 15px;
}

.slide .right h2 a{
	color: #000;
}

.slide .right .imgEtiquettePromo{
	width: 35%;
	float: left;
}

.slide .right .imgEtiquettePromo img{
	margin: 2px;
}

.slide .right .imgEtiquette{
	width: 35%;
	float: left;
}

.slide .right .imgEtiquette img{
	margin: 2px;
}

.slide .bottom{
	width: 100%;
	float: left;
	clear: left;
	text-align: right;
	position: relative;
	top: -10px;
}

/*-----------------------FIN ADVANCER_ROLO4.TPL------------------------*/

/*-----------------------ADVANCER.TPL------------------------*/

.advancer{
	width: 200px;
	margin: 5px 5px;
}

.advancer h2{
	width: 100%;
	height: 45px;
	clear: left;
	font-size: 14px;
}

.advancer h2 a{
	color: #000;
}

.advancer .top .blocPrix{
	float: left;
	width: 190px;
	min-height: 45px;
	padding: 5px 0;
	font-weight: bold;
}

.advancer .top .blocPrix .txtPrix{
	font-size: 23px;
	color: #cc0000;
	float: left;
	width: 49%;
}

.advancer .top .blocPrix .txtPrixPublic{
	float: right;
	width: 49%;
	text-align: right;
}

.advancer .left{
	float: left;
	width: 150px;
}

.advancer .right{
	float: left;
	width: 190px;
	min-height: 120px;
}

.advancer .right .imgEtiquette img{
	margin: 2px;
}

/*.advancer .right .imgEtiquettePromo{
	width: 70px;
	float: left;
}*/

.advancer .right .imgEtiquette{
	width: 70px;
	float: left;
}

.advancer .right .imgEtiquette img{
	margin: 2px;
}

.advancer .right .description{
	width: 190px;
	margin: 5px 0;
	float: left;
	clear: left;
}

.advancer .bottom{
	width: 100%;
	float: left;
	clear: left;
	margin: 5px 0;
}

/*-----------------------FIN ADVANCER.TPL------------------------*/

/*-----------------------RAYON.TPL------------------------*/

.rayon{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.rayon .top{
	height: 30px;
}

.rayon .top h2{
	float: left;
	width: 100%;
	font-size: 15px;
	padding: 5px 0;
}

.rayon .top h2 a{
	color: #000;
}

.rayon .left{
	float: left;
	width: 52%;
	padding: 2px 0;
}

.rayon .right{
	float: left;
	width: 48%;
	padding: 2px 0;
}

.rayon .right .blocPrix{
	float: left;
	width: 100%;
	padding: 2px 0;
	text-align: right;
}

.rayon .right .blocPrix .txtPrix{
	margin: -2px 0 0 0;
	line-height: 17px;
	font-size: 20px;
	font-weight: bold;
	color: #cc0000;
}

.rayon .right .blocPrix .txtPrixPublic{
	line-height: 12px;
}

.rayon .right .description{
	float: left;
	width: 100%;
	padding: 2px 0;
}

.rayon .bottom{
	float: left;
	clear: left;
	width: 100%;
	margin: 5px 0;
	vertical-align: bottom;
}

/*-----------------------FIN RAYON.TPL------------------------*/

/*-----------------------ARTICLE.TPL------------------------*/

.article{
	float: left;
	width: 100%;
}

.article .left{
	float: left;
	width: 50%;
}

.article .left .image_produit{
	border: solid 1px #ccc;
	width: 95%;
}

.article .left .mini_images_produit{
	float: left;
	clear: left;
	width: 100%;
}

.article .left .mini_images_produit img{
	border: solid 1px #ccc;
	margin: 2px 2px 0 0;
}

.article .left .btnAddThis{
	float: left;
	clear: left;
	width: 100%;
	margin-top: 30px;
}

.article .right{
	float: left;
	width: 50%;
}

.article .right .titre{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
}

.article .right .titre h2{
	font-size: 20px;
	width: 70%;
	float: left;
}

.article .right .titre h2 a{
	color: #000;
}

.article .right .titre .blocPrix{
	float: right;
	width: 28%;
	padding: 1%;
	text-align: right;
}

.article .right .titre .blocPrix .txtPrix{
	margin: -2px 0 0 0;
	font-size: 23px;
	font-weight: bold;
}

.article .right .titre .blocPrix .txtPrixPublic{
	line-height: 12px;
}

.article .right .imgEtiquettePromo{
	margin: 5px;
	display: inline;
}

.article .right .titre .reference{
	margin: 5px 0;
	width: 75%;
	float: left;
}

.article .right .titre .reference .var_ref div{
	display: inline;
}

.article .right .imgEtiquette img{
	float: left;
	margin: 5px;
}

.article .right .champsArticles{
	float: left;
	clear: left;
	width: 95%;
	background: #e5e5e5;
	padding: 1% 2%;
}

.article .right .champsArticles .titre_champs{
	width: 45%;
	float: left;
}

.article .right .txtDelaiLivraison{
	float: left;
	clear: left;
	width: 100%;
	margin: 5px 0;
	font-weight: bold;
}

.article .right .description{
	width: 100%;
	clear: left;
	margin: 5px 0;
}

.article .right .btn_send2friends{
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
}

.article .right .quantite{
	float: left;
	clear: left;
	width: 150px;
	margin: 20px 0 0 0;
}

.article .right .quantite .txt_quantite{
	float: left;
	width: 65px;
}

.article .right .quantite .var_quantite{
	float: left;
}

.article .right .btnAdd2Basket{
	float: left;
	/*clear: left;*/
	width: 214px;
	margin-top: 20px;
}

.bloc_cross_selling{
	float: left;
	clear: left;
	width: 920px;
	margin: 10px !important;
	margin: 5px;
	border: solid 1px #e5e5e5;
}

.bloc_cross_selling .titre_cross_selling{
	color: #333;
	background: #e5e5e5;
	padding: 4px;
	margin: 5px 0;
	text-align: center;
	font-weight: bold;
}

/*-----------------------FIN ARTICLE.TPL------------------------*/

/*-----------------------GONDOLE.TPL------------------------*/

.gondole{
	float: left;
	width: 96%;
	padding: 2% !important;
	padding: 1%;
	border: solid 5px #cc0000;
}

.gondole .left{
	float: left;
	width: 50%;
}

.gondole .left .image_produit{
	border: solid 1px #ccc;
	width: 98%;
}

.gondole .left .mini_images_produit{
	float: left;
	clear: left;
	width: 100%;
}

.gondole .left .mini_images_produit img{
	border: solid 1px #ccc;
	margin: 2px 2px 0 0;
}

.gondole .right{
	float: left;
	width: 50%;
}

.gondole .right .titre{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
}

.gondole .right .titre h2{
	font-size: 20px;
	width: 70%;
	float: left;
}

.gondole .right .titre h2 a{
	color: #000;
}

.gondole .right .titre .bloc_prix{
	float: right;
	width: 28%;
	padding: 1%;
	text-align: right;
}

.gondole .right .titre .bloc_prix .txtPrix{
	margin: -2px 0 0 0;
	font-size: 23px;
	font-weight: bold;
}

.gondole .right .titre .bloc_prix .txtPrixPublic{
	line-height: 12px;
}

.gondole .right .imgEtiquettePromo{
	margin: 5px;
	display: inline;
}

.gondole .right .titre .reference{
	margin: 5px 0;
	width: 75%;
	float: left;
}

.gondole .right .titre .reference .var_ref div{
	display: inline;
}

.gondole .right .imgEtiquette img{
	float: left;
	margin: 5px;
}

.gondole .right .champsArticles{
	float: left;
	clear: left;
	width: 95%;
	background: #e5e5e5;
	padding: 1% 2%;
}

.gondole .right .champsArticles .titre_champs{
	width: 100px;
	float: left;
}

.gondole .right .txtDelaiLivraison{
	float: left;
	clear: left;
	width: 100%;
	margin: 5px 0;
	font-weight: bold;
}

.gondole .right .description{
	width: 100%;
	clear: left;
	margin: 5px 0;
}

.gondole .right .btn_send2friends{
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
}

.gondole .right .detailsButton{
	float: left;
	clear: left;
	width: 100%;
	margin: 10px 0;
}

.gondole .right .quantite{
	float: left;
	clear: left;
	width: 140px;
	margin: 20px 0 0 0;
}

.gondole .right .quantite .txt_quantite{
	float: left;
	width: 65px;
}

.gondole .right .quantite .var_quantite{
	float: left;
}

.gondole .right .btnAdd2Basket{
	float: left;
	/*clear: left;*/
	width: 214px;
	/*margin-top: 10px;*/
}

.gondole .bottom{
	float: left;
	clear: left;
	width: 100%;
	margin: 5px 0;
}

/*-----------------------FIN GONDOLE.TPL------------------------*/

/*---------------Search_liens.tpl------------*/

#paginationAll{
	/*font-size: 15px;*/
	font-weight: normal;
	text-transform: uppercase;
}

.paginationLeft a{
	border: solid 1px #999;
	padding: 2px 5px 2px 14px;
	text-decoration: none;
	color: #707070;
	background: url("/boutique/img/iconeNavPrev.gif") no-repeat left center;
}

.paginationLeft a:hover{
	background: #999;
	color: #fff;
}

.pagination{
	text-align: center;
}

.pagination a{
	border: solid 1px #999;
	padding: 2px 4px;
	text-decoration: none;
	color: #707070;
}

.pagination a:hover{
	background: #999;
	color: #fff;
}

.pagination .selected{
	font-weight: bold;
	border: solid 1px #999;
	background: #999;
	padding: 2px 4px;
	color: #fff;
}

.paginationRight a{
	border: solid 1px #999;
	padding: 2px 14px 2px 5px;
	text-decoration: none;
	color: #707070;
	background: url("/boutique/img/iconeNavNext.gif") no-repeat right center;
}

.paginationRight a:hover{
	background: #999;
	color: #fff;
}

/*---------------Fin Search_liens.tpl---------------*/

/*-----------------Parrainage----------------------*/

.Style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.Style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.Style3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}
.Style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.Style4 a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.Style4 a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.Style4 a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.Style4 a:active {
	text-decoration: none;
}
.Style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration : underline;
}
.Style6 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration : line-through;
}
.Style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
}
.Style8 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
	font-weight: bold;
}

.liste_parrainage{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*-----------------Fin Parrainage----------------------*/