@charset "iso-8859-1";
/* CSS Document */
html { 
	font-size:100%;
	background:#FBFFFE url(images/fond.jpg) repeat-x;
	overflow-y:scroll;
}

body {
	padding:0;
	margin: 0 auto;
	font-family : Verdana, Tahoma, sans-serif;
	font-size:11px;
	color:#333;
 }


div, span, ul, li, h1, h2, h3, h4, h5, h6, p, img, form, fieldset, label, input, textarea, select { 
	margin:0;
	padding:0;
	font-weight:normal;
}

table, td { 
	padding:0; 
	border-collapse:collapse;
}

a {
	text-decoration:none;
	color:#07a9b1;
}

a:hover {
	text-decoration:underline;
}

strong { font-weight:normal; }

em { font-weight:normal; }

img { border:0px}

ul {list-style-type:none; }

li {  height:18px; }

object { 
	border:1px solid #07a9b1;
	position:relative; 
	display:block;
	margin-bottom:5px;
}

select { 
	font-size:100%;
	display:block;
	position:relative;
	margin:0;
	width:252px;
}

/*
input, textarea, select {
	padding: 1px 0 1px 4px;
 }
 
*/


.bouton_edit_ok, .bouton_edit_nok {
	width:15px;
	height:15px;
	border:0px;
	cursor:pointer;
}

.bouton_edit_ok {
	background:url(images/edit_ok.jpg);
	margin-right:25px;
}

.bouton_edit_nok {
	background:url(images/edit_nok.jpg);
}

textarea {
	padding: 0px 0 0px 1px;
}

input {
	width:247px;
}

.etoile {
	color:#F00;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
}


#header {
	background-color:#FFFFFF;
	height:85px;
	padding:5px 5px 5px 10px;
	width:944px;
	margin: 0 auto;
}


#header .logo {
	margin-right:10px;
	float:left;
}

#header .logo a {
	text-decoration:none;
}


#header h1, #header .texte_haut {
	font-size:11px;
	color:#07a9b1;
	margin-top:10px;
	width:408px;
}


#header .header_cadre div.cadre1, #header .header_cadre ul.cadre_compte {
	float:left;
	padding:10px;
	height:56px;
	background:#fff6ea url(images/pointilles_orange.gif) no-repeat top right;
	font-size:10px;
}

#header .header_cadre .cadre1 {
	width:100px;
	
}

#header .header_cadre .cadre1 span {
 	position:relative;
	display:block;
	overflow:hidden;
	margin-bottom:6px;
}
 

#header .header_cadre ul.cadre_compte {
	width:138px;
}
 
 
#header .header_cadre ul.cadre_compte li.picto_compte {
	background:url(images/ico_mon_compte.gif) no-repeat;
	height:20px;
}


#header .header_cadre ul.cadre_compte li {
	padding-left:20px; 
}


#header .header_panier {
	background:url(images/panier.gif) no-repeat;
	width:248px;
	height:27px;
	float:left;
}


#header .header_panier .qte {
	float:right;
	margin-top:8px;
	color:#07a9b1;
	font-size:11px;
}

#header .header_panier .contenu {
	background-color:#f2dce4;
 	height:25px;
	margin-top:30px;
	margin-left:20px;
	padding:10px;
	overflow:hidden;
}

#header .header_panier .contenu .apercu {
	margin-bottom:5px;
}

#page_content {
	height:100%;
	background-color:#FFF;
	padding-left:5px;
	width:954px;
	position:relative;
	display:block;
	margin: 0 auto;
 }

#container {
	float:left;
 	width:692px;
 	position:relative;
	display:block;
}

#container #customPopin {
	position:absolute;
	top:50px;
	left:288px;
	z-index:999;
	line-height:0px;
}


.ariane { 
	margin-bottom:20px;
}

#container .contenu_vignette {
	height:100%;
	overflow:hidden;
}

#container .vignette1 {
	margin-right:1px;
}


#container .vignette1, #container .vignette2 {
	position: relative;
	display:block;
	float:left;
 }

#container .vignette1 img, #container .vignette2 img {
	float:left;
}

#container .vignette1 .cadre_image {
	background:url(images/guarana.gif);
	width:227px;
	height:212px; 
	float:left;
}


#container .vignette1 h2 {
	margin-top:50px;
	margin-left:5px;
	color:#e87c06;
	font-size:24px;
	letter-spacing:6px;
}

#container .vignette1 h2 a {
	color:#e87c06;
}

#container .vignette1 p {
	margin-top:5px;
	margin-right:15px;
}

#container .vignette1 .puce, #container .vignette2 .puce {
	float:right;
	margin-right:15px;
	width:26px;
	height:26px;
}

#container .vignette1 .footer   {
	color:#FFF;
	font-size:22px;
	margin-top:40px;
}



#container .vignette2 {
	border:1px solid #df5a98;
	
}

#container .vignette2 .cadre_image {
	background:url(images/saviez_vous.gif) no-repeat;
	width:212px;
	height:210px; 
	float:left;
}


#container .vignette2 h3  {
	margin-top:44px;
	margin-right:15px;
	margin-left:35px;
	color:#dd5997;
	font-size:12px;
	line-height:16px;
	margin-bottom:20px;
}

#container .vignette2 .puce {
	margin-top:5px;
}

#container .vignette2 .footer {
	font-size:10px;
	margin-top:60px;
	margin-left:10px;
	color:#838282;
   }
 
 
#bloc_droit {
 	float:right;
	width:248px;
	position:relative;
}

#bloc_droit .search input.ok, #bloc_droit .newsletter input.ok {
	cursor:pointer;
}

#bloc_droit .search {
	display:block;
	overflow:hidden;
	height:20px;
	margin-bottom:10px;
}

#bloc_droit .search input {
	width:188px;
 	float:left;
	margin:0px 6px 0 0px;
	padding:0px 0 0px 4px;
}

#bloc_droit .search input.ok {
	background:url(images/ok.png);
	width:40px;
	height:20px;
	border:0px;
}
 

#bloc_droit .contact { 
	border:1px solid #197bb6;
	background:url(images/question.gif);
	width:240px;
	height:88px;
	margin-bottom:7px;
}

#bloc_droit .contact img {
	margin:42px 0 0 86px;
	display:block;
}

.off { 
	display:none;
}

#ppaypal, #plivraison, #pretour, #penvoi, #premboursement {
	background-color:#FFF;
   	border:1px solid #F0F0F0;
}
 
#ppaypal .popine_top, #plivraison .popine_top, #pretour .popine_top, #penvoi .popine_top, #premboursement .popine_top {
	 background-color:#F0F0F0;
	 text-align:right;
	 padding:2px;
	 height:15px;
 }
 
#ppaypal_shim, #plivraison_shim, #pretour_shim, #penvoi_shim, #premboursement_shim {
	position : absolute;
	right :0px;
	
}

#ppaypal {
	position : absolute;
	right :0px;
	left:-110px;
	top : 95px;
 	z-index:12;
	width:350px;
}

.poptext {
	padding:10px;
}

#ppaypal .poptext strong, #plivraison .poptext strong, #pretour .poptext strong, #penvoi .poptext strong, #premboursement .poptext strong {
	font-weight:bold;
	font-size:14px;
	display:block;
	margin-bottom:5px;
}
  
#ppaypal .popine {
	position:absolute;
	top:200px;
}
	
#plivraison {
	position : absolute;
	right :0px;
	top : 130px;
	left:-110px;
	z-index:12;
	width:350px;
}

#pretour {
	position : absolute;
	right :0px;
	top : 165px;
	left:-110px;
	z-index:12;
	width:350px;
}

#penvoi {
	position : absolute;
	right :0px;
	top : 200px;
	left:-110px;
	z-index:12;
	width:350px;
}

#premboursement {
	position : absolute;
	right :0px;
	top : 235px;
	left:-110px;
	z-index:12;
	width:350px;
}



#bloc_droit .garantie { 
	border:1px solid #f6a920;
	background:url(images/mes_garanties.gif);
	width:240px;
	height:223px;
	margin-bottom:7px;
}

#bloc_droit .garantie .texte {
	margin-top:38px;
	margin-left:12px;
	margin-right:12px;
}

#bloc_droit .garantie h4 a {
	font-size:11px;
	cursor:pointer;
}

#bloc_droit .garantie p {
	margin-bottom:10px;
}

#bloc_droit .coup_de_coeur {
	background:url(images/pub-guarana.gif);
	width:240px;
	height:210px;
	border:1px solid #F93;
	margin-bottom:5px;
}

#bloc_droit .coup_de_coeur a {
	width:26px;
	height:26px;
	margin-top:135px;
	padding-right:10px;
	display:block;
	float:right;
	position:relative;
}

#bloc_droit .pub_minceur {
	background:url(images/programme-minceur/encart-nutrition.gif);
	width:240px;
	height:225px;
	border:1px solid #ccd765;
	margin-bottom:5px;
}

#bloc_droit .pub_minceur a, #bloc_droit .pub_nutrition a {
	width:26px;
	height:26px;
	margin-top:195px;
	padding-right:10px;
	display:block;
	float:right;
	position:relative;
}

#bloc_droit .pub_nutrition {
	background:url(images/programme-minceur/encart-programme-minceur.gif);
	width:240px;
	height:225px;
	border:1px solid #ccd765;
	margin-bottom:5px;
}


#bloc_droit .newsletter {
	background:url(images/newsletter.gif) no-repeat;
	width:240px;
	height:78px;
	border:1px solid #07a9b1;
	margin-bottom:5px;
}

#bloc_droit .newsletter a {
	margin-top:58px;
	margin-left:90px;
	display:block;
 	width:71px;
	height:16px;
}



#bloc_droit .envoi {
	background:url(images/frais-envoi.gif);
	width:240px;
	height:85px;
	margin-bottom:5px;
	border:1px solid #c7d258;
}


#bloc_droit .imc {
	background:url(images/imc.gif);
	width:240px;
	height:118px;
	border:1px solid #697bd6;
}

#bloc_droit .imc a {
	margin-top:12px;
	margin-left:40px;
	display:block;
	margin-bottom:6px;
	width:170px;
}

#bloc_droit .imc span {
	text-align:center;
	font-size:20px;
	color:#697bb6;
	display:block;
	height:34px;
}

#bloc_droit .imc p {
	font-size:9px;
	text-align:center;
}

#bloc_droit .imc .petit {
	font-size:9px;
	text-align:center
}




#footer {
	position:relative;
	display:block;
	width:949px;
	overflow:hidden;
	clear:both;
	padding-top:25px;
	color:#07a9b1;
}

#footer p {
	padding:2px 5px 2px 5px;
	font-size:10px;
}

#footer h5 { 
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
	font-size:12px;
}

#footer .baseline {
	background:url(images/footer.jpg) repeat-x;
	height:16px;
	color:#FFF;
	text-align:center;
 	margin-bottom:2px;
}

#footer .contenu_footer {
	float:left;
}

#footer .encart_footer {
	background-color:#ddeff0;
	width:673px;
 	padding:10px;
	overflow:hidden;
	height:157px;
}

#footer .encart_footer .bloc1 {
	border-right:1px solid #FFF;
 	float:left;
	padding-right:10px;
	margin-right:15px;
}


#footer .encart_footer .services {
	width:250px;
 	border-bottom:1px solid #FFF;
	height:100%;
	overflow:hidden
 }

#footer .encart_footer .services img {
	float:left;
	margin-right:25px;
}

#footer .encart_footer .guide {
	width:250px;
 	clear:both;
 }

#footer .encart_footer .bloc2 {
 	float:left;
	width:397px;
 }

#footer .encart_footer .boutique_minceur {
	border-bottom:1px solid #FFF;
	height:100%;
	overflow:hidden;
	padding-bottom:5px;
}

#footer .encart_footer .boutique_corps {
	border-bottom:1px solid #FFF;
	height:100%;
	overflow:hidden;
	padding-bottom:5px;
}

#footer .bloc3 {
 	float:right;
}

#footer .barre_lien {
 	margin-bottom:5px;
	font-size:9px;
	text-align:center;
	clear:both;
 	height:100%;
	overflow:hidden
}

#footer .barre_lien ul {
	background-color:#ddeff0;
	position:relative;
	display:block;
	padding:4px;
	overflow:hidden;
	height:10px;
}

#footer .barre_lien li {
	padding-right:18px;
	padding-left:18px;
	display:inline
}