/* -----------------------------------------------------
            Eléments HTML en général
-------------------------------------------------------- */

body {
	color: #666666;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;	
}
h1, h2, h3{ font-family: "Trebuchet MS", sans-serif; }
h1{
	font-size: 1.8em;
	margin: 0;
	padding: 0;
}
h2{
	font-size: 1.6em;
	margin: 0;
	padding: 0;
}
h3{
	font-size: 1.3em;
	margin: 0;
	padding: 0;
}
hr, hr .vert { 
	background: url(images/pointille.gif) repeat-x;
	border: none;
	height: 2px;
	margin: 5px 0;
	overflow:hidden; zoom:1;
}
a, a:visited, a:hover {	
	color: #666666;
	text-decoration: underline;
}
img { border: 0 }
/* -----------------------------------------------------
                    Animation page d'accueil
-------------------------------------------------------- */
.accordion_content {
		background-color: #ffffff;
		color: #444444;
		overflow: hidden;
		display:block;
		width: 951px; 
	}

    #horizontal_container {
      margin: 20px 0px 20px 17px;
      width: 934px;   
      height:288px;  
	  display:block;
	  overflow: hidden;
	  font-family:Arial, Helvetica, sans-serif;
    }
	.bloc_colonne_anim
	{
		width:610px; 
		display:block; 
		overflow:hidden;
	}
	.image_anim
	{
		float:left; 
	}
	.bloc_texte_anim
	{
		float:left;
		height:288px; 
		background-image:url(images/anime_accueil_hauteur.gif);
	}
	.titre_anim_100
	{
		margin-top:50px;	
	}
	.soustitre_anim
	{
		font-size:14px; 
		color:#333333;
	}
	.texte_anim_gris
	{
		font-size:12px; 
		color:#666666;
	}
	.texte_anim_bleu
	{
		font-size:12px; 
		color:#009fcc;
	}
/* -----------------------------------------------------
                    Page générales
-------------------------------------------------------- */

#wrapper {
	margin: 0 auto;
	overflow: visible;
	padding: 0;
	position: relative;
	text-align: left;
	width: 965px;
}
#subwrapper {
	background-color: #FFFFFF;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 965px;
}
#content {
	clear: both;
	margin: 10px 0 0;
	padding: 0;
}
#contentProd {
	clear: both;
	margin: 10px 0 0;
	padding: 0;
}
#contenu {
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	float: left;
	font-size: 12px;
	margin:0 0 0 17px;
	_margin:0 0 0 9px;
	padding:10px 28px 0 28px;
	_padding:10px 28px 0 28px;
	width:870px;
}
.contenu {
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	float: left;
	font-size: 12px;
	margin:0 0 0 17px;
	_margin:0 0 0 9px;
	padding:10px 28px 0 28px;
	_padding:10px 28px 0 28px;
	width:870px;
}
.contenuPresse {
	float: left;
	margin:0;
	padding:0;
	width:700px;
}
.documentPresse {
	float: left;
	text-align: center;
	margin:0;
	padding:0;
	width:170px;
}

#contenutxt {
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	float: left;
	font-size: 12px;
	margin: 0 0 0 17px;
	_margin: 0px 0 0 9px;
	padding:10px 28px;
	width:870px;
	text-align:justify;
}

#contenuSimple {
	float: left;
	font-size: 12px;
	margin: 0px;
	padding: 50px 0;
	text-align: center;
	width:924px;
}
#contenuContact {
	color: #78a71e;
	float: left;
	font-size: 12px;
	margin: 0px;
	padding: 20px 20px;
	text-align: left;
	width:924px;
	font-weight:bold;
}
#contenuBas {
	float: left;
	font-size: 1.3em;
	margin: 0 0 0 16px;
	padding: 20px 0 30px 0px;
	width:924px;
}
.contenuImgBorderTop {
	float: left;
	margin: 20px 0 0 17px;
	padding:0px;
	width:924px;
	_margin: 20px 0 0 9px;
}
.contenuImgBorderBottom {
	float: left;
	margin: 0px 0 0 17px;
	_margin: 0px 0 0 9px;

	padding:0px;
	width:928px;
}
.titrePage {
	background: url(images/fondTitrePage.gif) no-repeat;
	color: #FFF;
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	height: 27px;
	margin: 20px 0 0 17px;
	_margin: 20px 0 0 9px;
	padding: 10px 0 0 20px;
	text-align: left;
	width: 925px;
}
.titrePageBleu {
	background: url(images/fondTitrePageBleu.gif) no-repeat;
	color: #FFF;
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	height: 27px;
	margin: 20px 0 0 17px;
	_margin: 20px 0 0 9px;
	padding: 10px 0 0 20px;
	text-align: left;
	width: 925px;
}
.titrePageOrange {
	background: url(images/fondTitrePageOrange.gif) no-repeat;
	color: #FFF;
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	height: 24px;
	margin: 20px 0 0 17px;
	_margin: 10px 0 0 9px;
	padding: 10px 0 0 20px;
	_padding: 10px 0 0 10px;
	text-align: left;
	width: 926px;
}

/* -----------------------------------------------------
                       Les Entêtes
-------------------------------------------------------- */

#entete {
	color: #666666;
	float: left;
	font-size: 1.1em;
	margin: 0;
	padding: 10px 0 0 10px;
	width: 965px;
}
/* Le logo */
.logo {
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 0 0 0 10px;
	.padding: 0px 0 0px 10px;
	_padding: 0 0 0 14px;
	width:620px;
	z-index: 0;
}

/* L'espace de connection en haut à droite de la page */

#monCompte {
	float: left;
	margin: 13px 0 0 0;
	padding: 0;
	width:320px;
}
.formMonCompte {
	float: left;
	margin: 0 1px 0 0;
	_margin: 0 0px 0 0;
	padding: 5px 5px 0 0;
}
.formMonCompteConnecte {
	color: #78a71e;
	float: left;
	margin: 25px 3px 0 0px;
	padding: 5px 0px 0 0;
	text-align: right;
	width: 270px;
	height: 12px;
	overflow: hidden;
}
.blocMonCompte {
	float: left;
	margin: 0px;
	padding:0px;
	text-align: right;
}
.blocMonCompteConnec {
	float: left;
	margin: 0px 0 0 25px;
	.margin: 0px 0 0 -10px;
	padding:0px;
}
.champFormMonCompte {
	border: 1px solid #7fb51e;
	color: #999999;
	font-size: 10px;
	margin: 0;
	overflow: hidden;zoom: 1;
	padding: 2px 0;
	width:123px;
}
.menuMonCompte {
	color: #78a71e;
	float: left;
	font-size: 1.2em;
	margin-top: 5px 0 0;
	padding: 0;
	width: 305px;
}
#monPanier {
	border-left: 1px dotted #FFFFFF;
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	width: 250px;
}
.boutonOkconnex {
	float: left;
	height: 20px;
	margin: 6px 0 0 0;
	width: 10px;
}
.boutonMonCompteEntete {
	height: 20px;
	position:relative;
	width: 45px;
}
.OK a{
	background: url(images/OK.gif) no-repeat;
	height: 20px;
	left: 262px;
	position: absolute;
	top: 22px;
	width: 45px;
	z-index: 5;
}
.OK a:hover{ background: url(images/OK.gif) no-repeat 0 -20px; }

.btOkBleuCodePromoPanier {
	height: 20px;
	position:relative;
	width: 45px;
}

.OKbleu a{
	background: url(images/OKbleu.gif) no-repeat;
	height: 20px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 45px;
	z-index: 5;
}
.OKbleu a:hover{ background: url(images/OKbleu.gif) no-repeat 0 -20px; }

/* menu principal du haut
   ---------------------- */
   
/* La bulle concept */

#hp_concept {
	background: url(images/concept.png);
	background-repeat: no-repeat;
	behavior: url(images/iepngfix.htc);
	height: 171px;
	left: 190px;
	position: absolute;
	top: 23px;
	width: 195px;
	z-index: 11;
}
#hp_conceptProd {
	left: 328px;
	position: absolute;
	top: 23px;
	_top:20px;
	.top:20px;
	z-index: 2;
}
#hp_conceptProd a {
	color: #FFF;
	text-decoration: none;
}
#hp_conceptProd .bulles_titre {
	color: #FFFFFF;
	font-size: 18px;
	height: 30px;
	left: 55px;
	margin: 0;
	padding: 20px 0 0 0;
	position: absolute;
	top: 0px;
	z-index: 3;
}
#hp_conceptProd .bulles_texte {
	background: url(images/conceptB.png);
	background-repeat: no-repeat;
	behavior: url(images/iepngfix.htc);
	color: #FFFFFF;
	font-size: 14px;
	height: 122px;
	margin: 0;
	padding: 14px 10px 0 60px;
	width: 130px;
	_margin-top:-3px;
	.margin-top:-3px;
	z-index: 3;
}


.bulles_titre {
	color: #FFFFFF;
	float: left;
	font-size: 18px;
	margin: 0;
	padding: 20px 0 0 55px;
	z-index: 3;
}
.concept_texte {
	color: #FFFFFF;
	float: left;
	font-size: 14px;
	margin: 0;
	padding: 20px 0px 0 55px;
	text-align: left;
	width: 110px;
	z-index: 5;
}

/* La bulle boutique */

#hp_boutiqueProd {
	background: url(images/boutique.png);
	background-repeat: no-repeat;
	behavior: url(images/iepngfix.htc);
	height: 171px;
	left: 190px;
	_left: 194px;
	position: absolute;
	top: 24px;
	.top: 21px;
	width: 192px;
	z-index: 11;
}	
#hp_boutiqueProd  a {
	color: #FFF;
	text-decoration: none;
}
#hp_boutique {
	left: 328px;
	position: absolute;
	top: 24px;
	z-index: 2;
	
}
#hp_boutique a {
	color: #FFF;
	text-decoration: none;
	_top: -3px;
}
#hp_boutique  .bulles_titre {
	color: #FFFFFF;
	cursor: pointer;
	font-size: 18px;
	height: 30px;
	left: 55px;
	margin: 0;
	padding: 20px 0 0;
	position: absolute;
	top: 0px;
	z-index: 3;
}
#hp_boutique .bulles_texte {
	background: url(images/boutiqueB.png);
	background-repeat: no-repeat;
	behavior: url(images/iepngfix.htc);
	color: #FFFFFF;
	font-size: 14px;
	height: 122px;
	margin: 0;
	padding: 14px 10px 0 60px;
	_margin-top:-3px;
	.margin-top:-3px;
	width: 120px;
	z-index: 3;
}

/* menu verts sur page index et Concept */

#menu_vert {
	background: url(images/menu_vert.gif) no-repeat;
	float: left;
	height: 134px;
	margin:0 0 10px 4px;
	_margin:-3px 0 0 4px;
	.margin:-3px 0 0 4px;
	padding:0 0 0 379px;
	width: 947px;
	z-index: 1;
}
#menu_vert_bts {
	background: url(images/menu_vert_hp.gif) no-repeat;
	height: 123px;
	margin: 0 0 0 -6px;
	padding: 0;
	position: relative;
	width: 551px;
}
#menu_vert_bts li,#menu_vert_bts a {
	display: block;
	height: 123px;	
}
#menu_vert_bts li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

/* bouton Comment ça marche ? */
#bt_comment {
	left: 0;
	width: 162px;
	z-index: 1;	
}
#bt_comment a:hover { background: url(images/menu_vert_hp.gif) no-repeat 0px -123px; }
/* bouton News */
#bt_news {
	left: 173px;
	width: 91px;
}
#bt_news a:hover { background: url(images/menu_vert_hp.gif) no-repeat -173px -123px; }
/* bouton Ou nous trouver ? */
#bt_trouver {
	left: 265px;
	width: 135px;	
}
#bt_trouver a:hover { background: url(images/menu_vert_hp.gif) no-repeat -265px -123px; }
/* bouton Qui sommes nous ? */
#bt_nous {
	left: 403px;
	width: 148px;	
}
#bt_nous a:hover { background: url(images/menu_vert_hp.gif) no-repeat -403px -123px; }

/* ------------------------- */
/* menus verts dans Boutique */
/* ------------------------- */

#menu_vert_rubs {
	background: url(images/menu_vert_rubs.jpg) no-repeat;
	height: 123px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 556px;
}
#menu_vert_rubs li,#menu_vert_rubs a {
	display: block;
	height: 123px;	
}
#menu_vert_rubs li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
#bt_pack_rubs {
	left: 0;
	width: 148px;	
}
#bt_pack_rubs a:hover {	
background: url(images/menu_vert_rubs.jpg) no-repeat 0px -123px; }
#bt_cylindre_rubs {
	left: 152px;
	width: 156px;
}
#bt_cylindre_rubs a:hover {	background: url(images/menu_vert_rubs.jpg) no-repeat -152px -123px; }
#bt_concentre_rubs {
	left: 313px;
	width: 111px;
}
#bt_concentre_rubs a:hover { background: url(images/menu_vert_rubs.jpg) no-repeat -313px -123px; }
#bt_accessoire_rubs {	
	left: 427px;
	width: 129px;
}
#bt_accessoire_rubs a:hover { background: url(images/menu_vert_rubs.jpg) no-repeat -427px -123px; }

/* Menu vert page d'accueil de la boutique */

#menu_vert_marche {
	background: url(images/menu_vert_marche.gif) no-repeat;
	height: 123px;
	margin: 0 0 0 -6px;
	padding: 0px;
	position: relative;
	width: 551px;
}
#menu_vert_marche li,#menu_vert_marche a {
	display: block;
	height: 123px;	
}
#menu_vert_marche li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

/* Menu vert de la page "Packs et machines" */

#menu_vert_machine {
	background: url(images/menu_vert_machine.jpg) no-repeat;
	height: 123px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 556px;
}
#menu_vert_machine li,#menu_vert_machine a {
	display: block;
	height: 123px;	
}
#menu_vert_machine li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
#bt_pack_machine {
	left: 0;
	width: 148px;	
}
#bt_pack_machine a:hover { background: url(images/menu_vert_machine.jpg) no-repeat 0 -123px; }
#bt_cylindre_machine {
	left: 152px;
	width: 156px;
}
#bt_cylindre_machine a:hover { background: url(images/menu_vert_machine.jpg) no-repeat -152px -123px; }
#bt_concentre_machine {
	left: 313px;
	width: 111px;
}
#bt_concentre_machine a:hover { background: url(images/menu_vert_machine.jpg) no-repeat -313px -123px; }
#bt_accessoire_machine {
	left: 427px;
	width: 129px;
}
#bt_accessoire_machine a:hover { background: url(images/menu_vert_machine.jpg) no-repeat -427px -123px; }

/* Menu vert page Cylindres et bouteilles */

#menu_vert_bouteille {
	background: url(images/menu_vert_bouteille.jpg) no-repeat 0px 0px;
	height: 123px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 556px;
}
#menu_vert_bouteille li,#menu_vert_bouteille a {
	display: block;
	height: 123px;	
}
#menu_vert_bouteille li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
#bt_cylindre_bouteille {
	left: 152px;
	width: 156px;
}
#bt_cylindre_bouteille a:hover { background: url(images/menu_vert_bouteille.jpg) no-repeat -152px -123px; }

/* Menu vert page Rayon concentrés */

#menu_vert_concentre {
	background: url(images/menu_vert_concentre.jpg) no-repeat;
	height: 123px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 556px;
}
#menu_vert_concentre li,#menu_vert_concentre a {
	display: block;
	height: 123px;	
}
#menu_vert_concentre li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
#bt_pack {
	left: 0;
	width: 148px;
}
#bt_pack a:hover { background: url(images/menu_vert_concentre.jpg) no-repeat 0px -123px; }
#bt_cylindre {
	left: 152px;
	width: 156px;
}
#bt_cylindre a:hover { background: url(images/menu_vert_concentre.jpg) no-repeat -152px -123px; }
#bt_concentre {
	left: 313px;
	width: 111px;	
}
#bt_concentre a:hover {	background: url(images/menu_vert_autour.jpg) no-repeat -313px -123px; }
#bt_accessoire {
	left: 427px;
	width: 129px;
}
#bt_accessoire a:hover { background: url(images/menu_vert_concentre.jpg) no-repeat -427px -123px; }

/* Menu vert page Autour de SC */

#menu_vert_autour {
	background: url(images/menu_vert_autour.jpg) no-repeat;
	height: 123px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 556px;
}
#menu_vert_autour li,#menu_vert_autour a {
	display: block;
	height: 123px;	
}
#menu_vert_autour li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
#bt_autour {
	left: 427px;
	width: 129px;
}
/* #bt_autour a:hover { background: url(images/menu_vert_autour.jpg) no-repeat -427px -123px; } */


/* Bordure en bas du menu principale */

#bas_du_grafik {
	height: 11px;
	margin: 0 0 0 108px;
}



/* Menu vert de la page "Nous trouver" */

#menu_vert_outrouver {
	background: url(images/menu_vert_outrouver.gif) no-repeat;
	height: 123px;
	margin: 0 0 0 -6px;
	padding: 0px;
	position: relative;
	width: 551px;
}
#menu_vert_outrouverli,#menu_vert_outrouver a {
	display: block;
	height: 123px;	
}
#menu_vert_outrouver li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
#bt_comment_outrouver {
	left: 0;
	width: 162px;
	z-index: 1;	
}
#bt_comment_outrouver a:hover { background: url(images/menu_vert_outrouver.gif) no-repeat 0px -123px; }
#bt_news_outrouver {
	left: 173px;
	width: 91px;
}
#bt_news_outrouver a:hover { background: url(images/menu_vert_outrouver.gif) no-repeat -173px -123px; }
#bt_trouver_outrouver {
	left: 265px;
	width: 135px;
}
#bt_trouver_outrouver a:hover { background: url(images/menu_vert_outrouver.gif) no-repeat -265px -123px; }
#bt_nous_outrouver {
	left: 403px;
	width: 148px;
}
#bt_nous_outrouver a:hover { background: url(images/menu_vert_outrouver.gif) no-repeat -403px -123px; }



/* menu vert de la page "News" */

#menu_vert_news {
	background: url(images/menu_vert_news.gif) no-repeat;
	height: 123px;
	margin: 0 0 0 -6px;
	padding: 0;
	position: relative;
	width: 551px;
}
#menu_vert_news li,#menu_vert_news a {
	display: block;
	height: 123px;	
}
#menu_vert_news li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
#bt_comment_news {
	left: 0px;
	width: 162px;
	z-index: 1;	
}
#bt_comment_news a:hover { background: url(images/menu_vert_news.gif) no-repeat 0px -123px; }
#bt_news_news {
	left: 173px;
	width: 91px;
}
#bt_trouver_news {
	left: 265px;
	width: 135px;	
}
#bt_trouver_news a:hover { background: url(images/menu_vert_news.gif) no-repeat -265px -123px; }
#bt_nous_news {
	left: 403px;
	width: 148px;
}
#bt_nous_news a:hover { background: url(images/menu_vert_news.gif) no-repeat -403px -123px; }

/* menu vert de la page "Qui sommes nous ?" */

#menu_vert_nous {
	background: url(images/menu_vert_nous.gif) no-repeat;
	height: 123px;
	margin: 0 0 0 -6px;
	padding: 0;
	position: relative;
	width: 551px;
}
#menu_vert_nous li,#menu_vert_nous a {
	display: block;
	height: 123px;	
}
#menu_vert_nous li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

/* -------------------------------  */
/*           Trackback              */
/* -------------------------------  */

/* Trackback de la HP */

#tbk {
	background: url(images/fond_trackback.gif) no-repeat;
	height: 30px;
	margin: 20px 0 0 16px;
	padding: 5px;
	position:relative;
	width: 926px;
}
#tbk li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 6px;
	z-index: 5;
}
#tbk li, #tbk a {
	display: block;
	height: 28px;
}
#tbk_home {
	background: url(images/bts_tbk.gif) no-repeat;
	left: 5px;
	width: 29px;
}
#tbk_home a:hover {	background: url(images/bts_tbk.gif) no-repeat 0 -28px; }
#tbk_compte {
	background: url(images/bts_tbk.gif) no-repeat -655px 0;
	left: 656px;
	width: 126px;
}
#tbk_compte a:hover { background: url(images/bts_tbk.gif) no-repeat -655px -28px; }
#tbk_panier {
	background: url(images/bts_tbk.gif) no-repeat -789px 0;
	left: 790px;
	width: 98px;
}
#tbk_panier a:hover { background: url(images/bts_tbk.gif) no-repeat -789px -28px; }
#tbk_faq {
	background: url(images/bts_tbk.gif) no-repeat -895px 0;
	left: 895px;
	width: 29px;
}
#tbk_faq a:hover { background: url(images/bts_tbk.gif) no-repeat -895px -28px; }

/* Trackback des rubriques */

#tbk_fond_rubs {
	background: url(images/fond_trackback_rubs.gif) no-repeat;
	height: 48px;
	margin: 0 0 0 16px;
	padding: 0;
	position:relative;
	width: 931px;
}
#tbk_rubs {
	background: url(images/trakbak_concentre.gif) no-repeat;
	height: 29px;
	margin: 14px 0 0 5px;
	position: absolute;
	width: 919px;

}
#tbk_rubs li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 5;
}
#tbk_rubs li, #tbk_rubs a {
	display: block;
	height: 29px;
}
#tbk_concent_home {
	left: 5px;
	width: 29px;
}
#tbk_concent_home a:hover {	background: url(images/trakbak_concentre.gif) no-repeat -5px -29px; }
#tbk_concent_concent {
	left: 50px;
	width: 29px;
}
#tbk_concent_concent a:hover { background: url(images/trakbak_concentre.gif) no-repea -50px -29pxt; }
#tbk_concent_compte {
	left: 556px;
	width: 126px;
}
#tbk_concent_compte a:hover { background: url(images/trakbak_concentre.gif) no-repeat -556px -29px; }

#tbk_concent_faq {
	left: 897px;
	width: 29px;
}
#tbk_concent_faq a:hover { background: url(images/trakbak_concentre.gif) no-repeat -897px -29px; }

/* Trackback des pages Comptes */

#tbk_moncompte {
	background: url(images/fond_trackback.gif) no-repeat;
	height: 30px;
	margin: 20px 0 0 16px;
	padding: 5px;
	position:relative;
	width: 926px;
}
#tbk_moncompte li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;	
	top: 6px;
	z-index: 5;
}
#tbk_moncompte li, #tbk_moncompte a {
	display: block;
	height: 28px;
}
#tbk_compte_home {
	background: url(images/trakbak_compte.gif) no-repeat;
	left: 5px;
	width: 29px;
}
#tbk_compte_home a:hover { background: url(images/trakbak_compte.gif) no-repeat -0px -28px; }
#tbk_pictocompte {
	background: url(images/trakbak_compte.gif) no-repeat -34px 0;
	left: 39px;
	width: 38px;
}
#tbk_pictocompte a:hover { background: url(images/trakbak_compte.gif) no-repeat -34px -28px; }
#tbk_compte_compte {
	background: url(images/trakbak_compte.gif) no-repeat -655px 0;
	left: 656px;
	width: 126px;
}
#tbk_compte_compte a:hover { background: url(images/trakbak_compte.gif) no-repeat -655px -28px; }
#tbk_compte_panier {
	background: url(images/trakbak_compte.gif) no-repeat -789px 0;
	left: 790px;
	width: 98px;
}
#tbk_compte_panier a:hover { background: url(images/trakbak_compte.gif) no-repeat -789px -28px; }
#tbk_compte_faq {
	background: url(images/trakbak_compte.gif) no-repeat -895px 0;
	left: 895px;
	width: 29px;
}
#tbk_compte_faq a:hover { background: url(images/trakbak_compte.gif) no-repeat -895px -28px; }

/* Trackback de la page d'accueil "boutique" */

#tbk_boutik {
	background: url(images/trakbak_boutik.gif) no-repeat;
	height: 29px;
	margin: 14px 0 0 5px;
	position: absolute;
	width: 919px;
}
#tbk_boutik li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 5;
}
#tbk_boutik li, #tbk_boutik a {
	display: block;
	height: 29px;
}

/* trackback de la page "Cylindres et bouteilles" */ 

#tbk_bouteille {
	background: url(images/trakbak_bouteille.gif) no-repeat;
	left: 34px;
	width: 39px;
}
#tbk_bouteille a:hover { background: url(images/trakbak_bouteille.gif) no-repeat 0 -29px; }

/* trackback de la page "autour de SC" */ 

#tbk_autour {
	background: url(images/trakbak_autourdesc.gif) no-repeat;
	left: 34px;
	width: 39px;
}
#tbk_autour a:hover { background: url(images/trakbak_autourdesc.gif) no-repeat 0 -29px; }

/* Trackback de la page Comment ça marche */

#tbk_picto_marche {
	background: url(images/trakbak_marche.gif) no-repeat;
	left: 40px;
	width: 39px;
}
#tbk_picto_marche a:hover {	background: url(images/trakbak_marche.gif no-repeat) 0 -28px; }

/* Trackback de la page FAQ */

#tbk_picto_faq {
	background: url(images/trakbak_faq.gif) no-repeat;
	left: 40px;
	width: 39px;
}
#tbk_picto_faq a:hover { background: url(images/trakbak_faq.gif) no-repeat 0 -28px; }

/* Trackback de la page "FAQ" */

#tbk_picto_faq {
	background: url(images/trakbak_faq.gif) no-repeat;
	left: 40px;
	width: 39px;
}
#tbk_picto_faq a:hover { background: url(images/trakbak_faq.gif) no-repeat 0 -28px; }

/* Trackback de la page "ou nous trouver" */

#tbk_picto_outrouver {
	background: url(images/trakbak_outrouver.gif) no-repeat;
	left: 40px;
	width: 39px;
}
#tbk_picto_outrouver a:hover { background: url(images/trakbak_outrouver.gif) no-repeat 0 -28px; }

/* Trackback des pages Packs & machines */

#tbk_machine {
	background: url(images/trakbak_machine.gif) no-repeat;
	height: 29px;
	margin: 14px 0 0 5px;
	position: absolute;
	width: 919px;
}
#tbk_machine li {
	list-style-type: none;
	margin: 0;
	padding: 0s;
	position: absolute;
	z-index: 5;
}
#tbk_machine li, #tbk_machine a {
	display: block;
	height: 29px;
}
#tbk_home_machine {
	left: 5px;
	width: 29px;
}
#tbk_home_machine a:hover { background: url(images/trakbak_machine.gif) no-repeat -5px -29px; }
#tbk_concent_machine {
	left: 50px;
	width: 29px;
}
#tbk_concent_machine a:hover { background: url(images/trakbak_machine.gif) no-repeat -50px -29px; }
#tbk_compte_machine {
	left: 556px;
	width: 126px;
}
#tbk_compte_machine a:hover { background: url(images/trakbak_machine.gif) no-repeat -556px -29px; }
#tbk_faq_machine {
	left: 897px;
	width: 29px;
}
#tbk_faq_machine a:hover { background: url(images/trakbak_machine.gif) no-repeat -897px -29px; }

/* Trackback de la page "News" */

#tbk_picto_news {
	background: url(images/trakbak_news.gif) no-repeat;
	left: 40px;
	width: 39px;
}
#tbk_picto_news a:hover { background: url(images/trakbak_news.gif) no-repeat 0 -28px; }

/* Trackback de la page "Presse" */

#tbk_picto_presse {
	background: url(images/trakbak_presse.gif) no-repeat;
	left: 40px;
	width: 39px;
}
#tbk_picto_presse a:hover { background: url(images/trakbak_presse.gif) no-repeat 0 -28px; }

/* Trackback de la page "Qui sommes nous ?" */

#tbk_picto_nous {
	background: url(images/trakbak_nous.gif) no-repeat;
	left: 40px;
	width: 39px;
}
#tbk_picto_nous a:hover { background: url(images/trakbak_nous.gif) no-repeat 0 -28px; }

/* Lien sur le panier dans les pages Packs, Cylindres, Concentrés, Accessoires, Rubriques et Produits */

#tbkPanier {
	left: 738px;
	width: 126px;
}
/* Trackback de la page "CGV" */

#tbk_picto_cgv {
background: url(images/trakbak_cgv.gif) no-repeat;
left: 40px;
width: 38px;
}
#tbk_picto_cgv a:hover { background: url(images/trakbak_cgv.gif) no-repeat 0 -29px; }

/* Trackback de la page "Contact" */

#tbk_picto_contact {
background: url(images/trakbak_contact.gif) no-repeat;
left: 40px;
width: 38px;
}
#tbk_picto_contact a:hover { background: url(images/trakbak_contact.gif) no-repeat 0 -29px; }

/* Trackback de la page "Livraison et retour" */

#tbk_picto_livraison {
background: url(images/trakbak_livraison.gif) no-repeat;
left: 40px;
width: 38px;
}
#tbk_picto_livraison a:hover { background: url(images/trakbak_livraison.gif) no-repeat 0 -29px; }

/* Trackback de la page "Mentions légales" */

#tbk_picto_mention {
background: url(images/trakbak_mention.gif) no-repeat;
left: 40px;
width: 38px;
}
#tbk_picto_mention a:hover { background: url(images/trakbak_mention.gif) no-repeat 0 -29px; }

/* Trackback de la page "Service client" */

#tbk_picto_client {
background: url(images/trakbak_client.gif) no-repeat;
left: 40px;
width: 38px;
}
#tbk_picto_client a:hover { background: url(images/trakbak_client.gif) no-repeat 0 -29px; }

/* Trackback de la page "Presse" */

#tbk_picto_presse {
background: url(images/trakbak_presse.gif) no-repeat;
left: 40px;
width: 38px;
}
#tbk_picto_presse a:hover { background: url(images/trakbak_presse.gif) no-repeat 0 -29px; }

/* -------------------- 
        Contenus        
   -------------------- */
   
/* Styles généraux des contenus  */

.txtvert { color: #78a71e; }
.txtorange {
	color: #d57901;
	font-size: 1.3em;
}
.savoirplus {
	color: #78a71e;
	font-size: 1em;
	margin: 0 0 20px;
	text-align: right;
}
.vert { color: #78a71e; }
.vert a:link {
	color: #78a71e;
	text-decoration: none;
}
.vert a:visited {
	color: #78a71e;
	text-decoration: none;
}
.vert a:hover {
	color: #78a71e;
	text-decoration: underline;
}
.vert10px { color: #78a71e; font-size: 10px; }
.vert10px a:link {
	color: #78a71e;
	text-decoration: none;
}
.vert10px a:visited {
	color: #78a71e;
	text-decoration: none;
}
.vert10px a:hover {
	color: #78a71e;
	text-decoration: underline;
}
.orange { color: #d57901; }
.bleu { color: #009fcc; }
.bleu a:link {
	color: #009fcc;
	text-decoration: underline;
}
.bleu a:visited {
	color: #009fcc;
	text-decoration: underline;
}
.bleu a:hover {
	color: #009fcc;
	text-decoration: underline;
}.Titrebleu {
	color: #009fcc;
	font-size: 2em;
}
   
/* Contenu de la page "Comment ça marche ?" */

#CommentGauche { float:left; }
#CommentDroite { 
	float:left;
	margin; 0 0 0 32px;
	padding: 0;
	width: 531px;
}
#CommentGauche .TitreEncart{
	background: url(images/TitreEncartComment.jpg) no-repeat;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	margin: 20px 0 0 17px;
	padding: 10px 0 0 29px;
	text-align: left;
	width: 288px;
}
#CommentGauche .texte {
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	font-size: 14px;
	margin: 0 0 0 17px;
	_margin: 0 0 0 17px;
	padding: 10px 25px 25px 25px;
	_padding: 10px 23px 25px 25px;
	width: 265px;
	
}
#CommentGauche .texte .machine {
	height: 28px;
	position: relative;
	width: 227px; 
}
#CommentGauche .texte .machine li,#CommentGauche .texte .machine a {
	display: block;
	height: 28px;	
}
#CommentGauche .texte .machine li {
	list-style-type: none;
	margin: 20px 0 0;
	padding: 0;
	position: absolute;
	top: 0px;
	left: 0px;
}
#CommentGauche .texte .machine .lien a{
	background: url(images/bt_machines.gif) no-repeat;
	width: 227px;
}
#CommentGauche .texte .machine .lien a:hover{ background: url(images/bt_machines.gif) no-repeat 0 -28px; }

#CommentGauche .BordBas{ margin: 0 0 0 17px; }
#CommentDroite .TitreEncart{
	background: url(images/TitreEncartCommentD.jpg) no-repeat;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	margin: 20px 0 0 32px;
	padding: 10px 0 0 29px;
	text-align: left;
	width: 554px;
}
#CommentDroite .texte {
	background: url(images/fondCommentDroite.jpg);
	background-repeat: no-repeat;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	font-size: 14px;
	margin: 0 0 0 32px;
	padding: 10px 25px;
	width: 531px;
}

/* Etape1 */
#CommentDroite .etape1 {padding: 10px 10px 0 156px; }
#CommentDroite .etape1 .numero{
	color:#78a71e;
	font-size: 22px;
	font-style: italic;
}
#CommentDroite .etape1 .blockquote { margin: 0 0 3px 21px; }

/* Etape2 */
#CommentDroite .etape2 {
	padding: 155px 10px 0 304px;
	_padding: 155px 0px 0 280px;
	width:250px;
}
#CommentDroite .etape2 .numero{
	color:#78a71e;
	font-size: 22px;
	font-style: italic;
}
#CommentDroite .etape2 .blockquote { margin: 0 0 3px 21px; }

/* Etape3 */
#CommentDroite .etape3 {	padding: 200px 10px 10px 217px; }
#CommentDroite .etape3 .numero{
	color:#78a71e;
	font-size: 22px;
	font-style: italic;
}
#CommentDroite.etape3 .blockquote { margin: 0 0 3px 21px; }
#CommentDroite .BordBas{ margin: 0 0 0 32px; }

/* Contenu de la page "News" */

#NewsGauches { float:left; }
#NewsDroites { float:left; }
#NewsGauches .TitreEncart{
	background: url(images/TitreEncartNews.jpg) no-repeat;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	margin: 20px 0 0 17px;
	padding: 10px 0 0 29px;
	text-align: left;
	width: 535px;
}
#NewsDroites .promo {
	margin-top: 20px;
	margin-left: 39px;
}
#NewsGauches .news {
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	margin: 0 0 0px 17px;
	padding: 20px 25px;
	width: 512px;
	overflow: hidden;
}
#NewsGauches .news .titre{
	border-bottom: 1px solid #77B613;
	color:#333333;
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 22px;
}
#NewsGauches .news .texte {
	color:#666666;
	font-size: 14px;
}

#NewsGauches .news .image{
	display:block;
	float:left;
	margin-right: 14px;
}
#NewsGauches .precedent {
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	margin: 0 0 0 17px;
	padding: 30px 0 20px 25px;
}
#NewsGauches .precedent a{ color:#78a71e; }
#NewsGauches .BordBas{ 
	margin: 0 0 0 17px;
	padding: 0;
 }

/* Texte de la page d'accueil de la boutique*/

#txt_accueil_boutique {
	background: url(images/fondTxtAccueilBoutique.jpg) no-repeat;
	float: left;
	height: 291px;
	margin: 30px 0 0 20px;
	_margin: 30px 0 0 10px;
	padding: 0;
	width: 658px;
}
#txt_accueil_boutique .bloctexte {
	color: #666;
	float: left;
	font-size: 1.3em;
	height: 138px;
	margin: 40px 0 0 40px;
	width: 590px;
}
#HomeBoutique {
	float: left;
	margin: 25px 0 0 14px;
	_margin: 25px 0 0 0px;
	.margin: 25px 0 0 0px;
	_padding: 0 0 0 21px;
	.padding: 0 0 0 13px;
	width:942px;
}
#HomeBoutique .promo {
	float: left;
	margin: 0;
	padding: 0;	
}
#HomeBoutique .offredereduction {
	float: left;
	background-image:url(images/fond-offre-reduction.png);
	background-repeat: no-repeat;
	width: 929px;
	height: 249px;
	margin:0 0 0 6px;
	padding:0 0 0 0px;	
}
#HomeBoutique .offredereduction .imgreduction {
	float: left;
	width: 667px;
	height: 249px;
	margin:0;
	padding: 0;	
}
#HomeBoutique .offredereduction .txtcarto {
	float: left;
	margin: 20px 0 0 0px;
	padding: 0 0 0 10px;	
	width: 180px;
}

#HomeBoutique .produitLie {
	float: left;
	margin: 0 0 0 35px;
	.margin: 0 17px 0 35px;
	padding: 0;
	width: 292px;
}

#HomeBoutique .BlocProd {
	float: left;
	margin: 2px 0 0 0;
	.margin: 3px 0 0 0;
	padding: 0px;
	width: 292px;
	height: 215px;
}
#HomeBoutique .BlocProduit li {
	float: left;
	list-style-type: none;
	margin: 0px 0 0 -40px;
	padding: 0px;
	width: 292px;
}
#HomeBoutique .BlocProduit a { 
	display: block;
	height: 203px;
	margin: 0px;
	padding: 0px;
}
#HomeBoutique .BlocProduitActif a {
	background: url(images/fond_bloc_prod.gif) no-repeat; text-decoration: none; 
	width: 292px; 
	margin: 0px;
	_margin: 10px 0 0 40px;
	.margin-top: 10px;
	padding: 0px;
}
#HomeBoutique .BlocProduitActif a:hover { background: url(images/fond_bloc_prod.gif) no-repeat 0 -203px; text-decoration: none;}
#HomeBoutique .vignette_bloc_prod {
	float: left;
	height: 165px;
	margin: 10px 0px 0 10px;
	padding: 0;
	width: 110px;
}
#HomeBoutique .titre_bloc_prod {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-decoration: underline;
}
#HomeBoutique .texte_bloc_prod {
	float: left;
	margin: 10px 0px;
	padding: 8px 0px;
	width: 160px;
}
#HomeBoutique .produit_lies {
	border-bottom: 2px dotted #0066CC;
	color: #009FCC;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 0;
	width: 290px;
	float:left;	
}
#HomeBoutique .ajouter_panier{
	position:relative; 
	float:left; 
	margin: -48px 0 0 140px; 
	.margin: -58px 0 0 140px; 
	_margin: -58px 0 0 70px; 
}

#contentProd .bt_ajouter {
	position:relative; 
	float:left;
	background-color:#FF0000;
	margin: -48px 0 0 140px;
	.margin: -58px 0 0 140px;
	_margin: -58px 0 0 70px;
}


#HomeBoutique .box_prods_lies {
	float: left;
	margin: 22px 0 30px;
	padding: 0;
	width: 260px;
}

#HomeBoutique .parrainage {
	background: url(images/FondParrainageAccueilBoutique.jpg) no-repeat;
	float: left;
	height: 223px;
	margin: 11px 0 0 36px;
	padding: 12px 0 0 20px;
	.margin:  10px 0 0 20px;
	_margin:  10px 0 0 20px;
	width: 208px;
}
#HomeBoutique .parrainage .texte {
	font-size: 1.3em;
	font-weight: bold;
	width: 200px;
}
#HomeBoutique .parrainage .txtnoir {
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
}
#HomeBoutique .parrainage .txtvert {	
	color: #78a71e;
	float: left;
	font-size: 2.4em;
	font-weight: bold;
	height: 20px;
	padding: 0 0 0 10px;
	
}
#HomeBoutique .parrainage .txtgris {
	float: left;
	padding: 5px 0 0 0;
}

/* Pub de la page produit: Concentrés */

#pub_concentre {
	background: url(images/pub_concentre.jpg) no-repeat;
	float: left;
	height: 291px;
	margin: 35px 0 0 20px;
	_margin: 35px 0 0 10px;
	padding: 0;
	width: 657px;
}
#pub_concentre .bloctexte {
	float: left;
	font-size: 12px;
	height: 138px;
	margin: 110px 0 0 300px;
	_margin: 150px 0 0 150px;
	width: 305px;
}
#pub_concentre .titre {
	color: #009fcc;
	font-size: 28px;
}
#pub_concentre .soustitre {	font-size: 17px; }

/* Pub de la page produit: "Cylindres & bouteilles" */

#pub_bouteille {
	background: url(images/pub_bouteille.jpg) no-repeat;
	float: left;
	height: 292px;
	margin: 33px 0 0 20px;
	_margin: 33px 0 0 8px;
	padding: 0;
	width: 657px;
}
#pub_bouteille .bloctexte {
	float: left;
	font-size: 12px;
	height: 256px;	
	margin: 10px 0 0 300px;
	_margin: 10px 0 0 150px;
	padding: 0;
	width: 338px;
}
#pub_bouteille .titre1 {
	color: #009fcc;
	float:left;
	font-size: 15px;
}
#pub_bouteille .titre2 {
	color: #78a71e;
	float:left;
	font-size: 48px;
}
#pub_bouteille p.titre1 {
	margin: 5px 0 0;
	padding: 0;
}
#pub_bouteille p.titre2 {
	margin: -3px 0 0;
	padding: 0;
}
#pub_bouteille .soustitre1 {
	color: #009fcc;
	font-size: 22px;
	padding-left: 37px;	
}
#pub_bouteille .soustitre2 {
	color: #009fcc;
	font-size: 18px;
	padding-left: 133px;
}

/* Pub de la page produit: "Autour de SC" */

#pub_autour {
	background: url(images/pub_autour.jpg) no-repeat;
	float: left;
	height: 298px;
	margin: 27px 0 0 20px;
	_margin: 27px 0 0 8px;
	padding: 0;
	width: 657px;
}
#pub_autour .bloctexte {
	float: left;
	font-size: 12px;
	height: 256px;	
	margin: 76px 0 0 315px;
	_margin: 76px 0 0 165px;
	padding: 0;
	width: 298px;
}
#pub_autour .bloctexte p{
	margin-left: 36px;
}

/* Pub de la page produit: "Packs & machines" */

#pub_machine {
	background: url(images/pub_machine.jpg) no-repeat;
	float: left;
	height: 293px;
	margin: 32px 0 0 20px;
	_margin: 32px 0 0 8px;
	padding: 0;
	width: 657px;
}
#pub_machine .bloctexte {
	float: left;
	height: 256px;	
	margin: 74px 0 0 20px;
	padding: 0;
	width: 338px;
}
#pub_machine .MachineTitre1 {
	color: #009fcc;
	font-size: 16px;
	margin: 0;
	padding: 0;
}
#pub_machine .MachineTitre2 {
	color: #78a71e;
	font-size: 40px;
	margin: 0;
	padding: 0;
}
#pub_machine .MachineTitre3 {
	color: #009fcc;
	font-size: 16px;
	font-weight: bold;	
	margin: 0 0 23px;
	padding: 0;
}
#pub_machine .soustitre1 {
	color: #009fcc;
	font-size: 22px;
	padding-left: 37px;	
}
#pub_machine .soustitre2 {
	color: #009fcc;
	font-size: 18px;
	padding-left: 133px;
}

/* Page FAQ */

.titrePageFaq {
	background: url(images/fondTitrePage.gif) no-repeat;
	color: #FFF;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	height: 27px;
	margin: 20px 0 0 17px;
	_margin: 20px 0 0 9px;
	padding: 10px 0 0 29px;
	text-align: left;
	width: 925px;
}
.ancrePageContenu {
	float: left;
	height: 1px;
	margin: 0;
	padding: 0;
	width: 925px;
}
.TitreQuestion {
	color: #78a71e;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	text-align: left;
}

.Reponse {
	font-size: 1em;
	margin: 0 9px;
	text-align:justify;
}
.contenuImgBorderBottomFaq {
	float: left;
	margin: 0 0 13px 17px;
	padding:0;
	width:928px;
}

/* Page "Nous trouver" */

.colonneNousTrouver {
	float: left;
	margin: 0 0 0 20px;
	_margin: 0 0 0 10px;
	padding: 0;
	width:291px;
}
.titreNousTrouver {
	background: url(images/fondTitreNousTrouver.gif) no-repeat;
	color: #FFF;
	float: left;
	font-size: 16px;
	font-weight: bold;
	height:26px;
	margin: 20px 0 0;
	padding: 8px 0 0 10px;
	text-align: left;
	width: 291px;
}
.contenuNousTrouver{
	border-left: 2px solid #EBEBEB;
	border-right: 2px solid #EBEBEB;
	float: left;
	font-size: 14px;
	margin: 0;
	padding: 20px 20px 0;
	text-align: left;
	width:247px;
}

/* Page "Qui sommes nous ?" */

#NousGauche { float:left; }
#NousDroite { float:left; }
#NousGauche .TitreEncart{
	background: url(images/TitreEncartNous.jpg) no-repeat;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	margin: 20px 0 0 17px;
	padding: 10px 0 0 29px;
	text-align: left;
	width: 689px;
}
#NousDroite .visuel { margin: 20px 0 0 15px}
#NousGauche .nous {
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	font-size: 14px;
	margin: 0 0 0 17px;
	padding: 25px;
	width: 637px;
}
#NousGauche .nous .texte{
	font-size: 14px;
}
#NousGauche .nous .texte a{
	color:#78a71e;
}
#NousGauche .BordBas{ margin: 0 0 0 17px; }

/*  Cartographie home page  */

#pub_carto {
	background: url(images/pub_carto.jpg) no-repeat;
	float: left;
	height: 241px;
	margin: 3px 0 0 34px;
	_margin: 3px 0 0 23px;
	.margin: 3px 0 0 30px;
	padding: 0;
	width: 274px;
}
#pub_carto p {
	margin: 14px 15px 0 17px;
	padding: 0px;
}
#promo {
	float: left;
	margin: 0px;
	padding: 0px;
}
#bloc_Actu {
	background: url(images/hp_news.gif) no-repeat;
	float: left;
	height: 241px;
	margin: 3px 0 0 34px;
	_margin: 3px 0 0 23px;
	.margin: 3px 0 0 30px;
	padding: 0;
	width: 260px;
}

#bloc_Tel {
	float: left;
	background: url(images/fond_commandes_tel.gif) no-repeat;
	height: 68px;
	margin: 40px 0 10px 6px;
	padding: 5px;
	width: 926px;
	overflow: hidden;
}
#bloc_Tel .texte {
	float: left;
	height: 60px;
	margin: 0px 0 0 0px;
	padding: 12px 10px 0 10px;
	width: 906px;
	font-weight: bold;
	font-size: 18px;
	overflow: hidden;
	text-align: center;
}
#bloc_Tel .texte p {
	margin: 0px;
	padding: 0px;
}
#hp_news_bs {
	float: left;
	height: 210px;
	margin: 20px 0 0 0;
	padding: 0;
}

#hp_news_bs .blocimage {
	float: left;
	height: 65px;
	margin: 0 0 5px 0px;
	_margin: 0 0 5px 0px;
	padding: 0;
	overflow: hidden;
}
#hp_news_bs .blocimagehome {
	float: left;

	margin: 0 0 10px 20px;
	_margin: 0 0 10px 20px;
	padding: 0;
	overflow: hidden;
	width: 225px;
}
.hp_titre { 
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 15px 10px 15px;
	padding: 0;
	width: 240px;
}
.hp_texte{
	margin: 0px 20px 0 20px;
	padding: 0;
}


/* Cartographie google map */

#map {
	float: right;	
	height: 610px;
	margin: 20px 10px 0 0;
	padding: 0;
	width: 610px;
}
#map .nom {
	color: #15a4d0;
	font-size: 16px;
	font-weight: bold;
}

/*  Viral  */

#viral_pointille { float: left; }
#viral {
	background: url(images/viral_fond.gif) no-repeat;
	float: left;	
	height: 136px;
	margin: 20px 0 0;
	width: 195px;
}
.viral_text {
	margin: 13px 0 0 25px;
	text-align: center;
}
.viral_message {
	float: left;
	height: 12px;
	margin: 13px 0 0;
	text-align: center;
}
.viral_textconfirmation {
	margin:0px;
	text-align: left;
}

.viral_bt a{
	background: url(images/viral_bt.gif) no-repeat;
	height: 28px;
	width: 161px;
}
.viral_bt a:hover{ background: url(images/viral_bt.gif) no-repeat 0 -28px; }
.parler_ami li {
	display: block;
	height: 28px;
	left:15px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
}
.parler_ami a {
	display: block;
	height: 28px;
}
.lien_parler_ami a{
	background: url(images/viral_bt.gif) no-repeat;
	height: 28px;
	width: 161px;
}
.lien_parler_ami a:hover{ background: url(images/viral_bt.gif) no-repeat 0px -28px; }

/* Nombre de pages
-------------------------------------------------------- */

#pages {
	color: #12335B;
	float: left;
	font-size: 0.9em;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: right;
	width: 775px;
}
a.LIEN_pages:link, a.LIEN_pages:visited {
	color: #12335B;	
	font-weight: bold;
	text-decoration: none;
}
a.LIEN_pages:hover {
	color: #12335B;
	font-weight: bold;
	text-decoration: underline;
}

/* -------------------------------  */
/*           Produits               */
/* -------------------------------  */


#encart_prod {
	background: url(images/rayon_fond_prod.gif) no-repeat;
	display: block;
	float: left;
	height: 203px;
	margin: 10px 5px;
	position: relative;
	width: 292px;
}
.vignette_rayon_prod {
	float: left;
	height: 165px;	
	margin: 10px 10px;
	overflow: hidden;
	width: 110px;
}
.vignette_text {
	float: left;
	font-size: 12px;	
	margin: 10px 0px;
	padding: 0;
	width: 160px;
}
.vignette_titre {
	color: #333333;
	font-size: 12px;
	float: left;
	font-weight: bold;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-transform: uppercase;
}
.vignette_contenance {
	font-size: 11px;
	font-style: italic;
	float: left;
	height: 12px;
	margin: 0 0 8px;
	overflow: hidden;
	padding: 0;
	width:160px
}
.vignette_descriptif {
	font-size: 11px;
	font-style: italic;
	float: left;
	margin: 0 0 9px 0;
	overflow: hidden;
	padding: 0;
	width: 160px;
}
.vignette_prix_dispo {
	float: left;
	margin-top: 0 0 13px;
	padding: 0;
	overflow: hidden;
}
.vignette_prix {
	color: #009FCC;
	float: left;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
}
.ttc {
	float: left;
	color: #009FCC;
	font-size: 12px;
	overflow: hidden;
}
.dispo { 
	float: left;
	font-size: 12px;
	font-style: italic;
	overflow: hidden;
	width:160px;
}
.reappro { 
	float: left;
	color: #333333;
	font-size: 10px;
	font-style: italic;
	margin: 20px 0;
	overflow: hidden;
}
.vignette_appro {
	color: #333333;
	float: left;
	font-size: 1.1em;
	font-style: italic;
	margin: 20px 0 0;
	padding: 0;
	overflow: hidden;
}

/* bloc produit page rubrique */
#rayon_prod {
	float: left;
	margin: 5px 0 0 2px;
	.margin: 10px 20px 0 2px;
	_margin: 10px 40px 0 2px;
	padding: 0;
	width: 965px;
}
#rayon_prod .BlocProd {
	float: left;
	height: 215px;
	margin: 5px 10px 0 10px;
	_margin:5px 5px 0 5px;
	padding: 0px;
	width: 301px;
	_width:301px;
	overflow: hidden;
}
#rayon_prod .cadre li {
	float: left;
	list-style-type: none;
	margin: 0px 0 0 -32px;
	_margin: 0px 0 0 -17px;
	padding: 0px;
	width: 292px;
	overflow: hidden;
}
#rayon_prod .cadre a { 
	display: block;
	list-style-type: none;
	height: 203px;
	width: 292px;
}
#rayon_prod .cadreActif a {
	background: url(images/fond_bloc_prod.gif);
	display: block;
	text-decoration: none; 
	list-style-type: none;
	width: 292px; 
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#rayon_prod .cadreActif a:hover { 
	background: url(images/fond_bloc_prod.gif);
	background-position: 0 -203px; 
	text-decoration: none;
}
	
#rayon_prod .vignette_bloc_prod {
	float: left;
	height: 165px;
	margin: 10px 0px 0 10px;
	padding: 0;
	width: 110px;
}
#rayon_prod .titre_bloc_prod {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-decoration: underline;
	overflow:hidden;
}
#rayon_prod .texte_bloc_prod {
	float: left;
	margin: 10px 0px;
	padding: 0;
	width: 160px;
	overflow:hidden;
}



/* Page Produit */

#produit {
	float: left;
	margin: 30px 0 0 20px;
	_margin: 30px 0 0px 10px;
	padding: 0;
	width: 657px;
	z-index: 0;
}
#prod_bord {
	float: left;
	z-index: 1;
}
#prod_contenu {
	border-left: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	float: left;
	margin: 0;
	padding:40px 0 20px 0;
	width: 655px;
}
#blocImagesProduit {
	float: left;	
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
	width: 248px;
	_width: 242px;
}
#blocImagesProduit .visuel_prod {
	float: left;	
	height: 350px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 248px;
	_width: 242px;
}
#blocImagesProduit .blocVignettes {
	float: left;	
	margin: 20px 40px 0 40px;
	_margin: 20px 20px 0 20px;
	padding: 0;
	text-align: center;
	width: 190px;
}
#blocImagesProduit .blocVignettes .vignette_prod {
	float: left;	
	margin: 5px;
	padding: 0;
	width: 50px;
}
#blocImagesProduit .blocVignettes .vignette_prod a {
	border: solid 1px #C8C8C8;
	float: left;
	width: 50px;
}
#blocImagesProduit .blocVignettes .vignette_prod a:hover {
	border: solid 1px #009fcc;
	float: left;
	width: 50px;
}
.blocTextesetAchats {
	float: left;
	margin: 0;
	padding: 0;
	width: 380px;
}
.textes_prod {
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
	width: 380px;

}
.prod_nouvo {
	color: #009FCC;
	font-size: 14px;
	font-weight: bold;
	height: 13px;
	text-transform: uppercase;	
}
.prod_titre {
	font-size: 1.6em;
	font-weight: bold;	
	color: #333333;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.prod_contenance {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
.prod_description {
	color:#333333;
	font-size: 1.3em;
	font-weight: bold;	
	margin: 10px 0;
	padding: 0;
	text-decoration: none;
}
.prod_text {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
.prod_prix {
	color: #009FCC;
	font-size: 2.3em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#bloc_prix_ajout {
	background-color: #F3F3F3;
	float: left;
	list-style: none;
	margin: 30px 0 0;
	padding: 14px;
	width: 351px;
}
.bloc_prix { 
	float: left;
	width: 210px;
}
.bloc_ajouter {
	float: left;
	margin: 0;
	padding: 0px 0 0 0px;
	width: 100px;
}
.quantite {
	font-size: 1.3em;
	font-weight: bold;
	margin: 7px 0 0;
}
.navigation {
      margin: 0;
      padding: 0;
      list-style: none;
      width: 400px;
}
.navigation a, .navigation span {
	font-size: 1.2em;
	color:#333333;
	text-decoration: none;
	font-weight: bold;
	margin: 10px 0 10px 0;
	padding: 0px;
	background-image: url(images/fleche_noire.png);
	background-repeat: no-repeat;
	background-position: right;
}
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span .toggleSubMenu p {
    text-decoration: none;
    list-style: none; 
}
.navigation .open a, .navigation .open span {
 	text-decoration: none;
    list-style: none; 
}
.navigation a:hover, .navigation a:focus, .navigation a:active {
    text-decoration: none;
	background-image: url(images/fleche_noire_deplie.png);
	background-repeat: no-repeat;
	background-position: right;
}
.navigation .subMenu {
	margin: 8px 0 8px 0;
	padding: 0;
	font-size: 12px;
	text-decoration: none;
    list-style: none; 
}
.navigation ul.subMenu a {
      background: none;
      padding: 3px 20px;
 }

/* Produits liés */

#produit_lies {
	border-bottom: 2px dotted #0066CC;
	color: #009FCC;
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 15px;
	margin: 30px 0 0 19px;
	width: 930px;
}
.box_prods_lies {
	float: left;
	margin: 23px 0 0 17px;
	padding: 0;
	width: 930px;
}

/* Produit petit & grand */

.ListeProduitsPetits {
	float: left;	
	margin: 0;
	padding: 0;
	width: 760px;
}
.produitPetit {
	float: left;	
	margin: 20px 20px 0 0;
	padding: 0;
	width: 170px;
}
.contourImage {
	border: 1px solid #666666;
	float: left;
	margin: 5px;	
}
.titreProduit {
	color: #12335B;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: left;
	width: 100%;
}
.chapoProduit {
	color: #12335B;
	font-size: 0.9em;
	font-style: italic;
	line-height: 1.2em;
	margin-bottom: 5px;
	text-align: left;
	width: 100%;
}
.descriptionProduit {
	color: #12335B;
	margin-bottom: 10px;
	margin-top: 5px;
	text-align: left;
}
.prixProduit {
	color: #EC8000;
	font-weight: bold;
	margin-top: 5px;
	text-align: left;
}
.ficheProduit {
	float:left;	
	margin-left: 10px;
	width: 470px;
}
a.LIEN_commander:link {
	color: #0066CC;	
	font-weight: bold;
	text-decoration: none;
}
a.LIEN_commander:visited {
	color: #0066CC;
	font-weight: bold;
	text-decoration: none;
}
a.LIEN_commander:hover {
	color: #0066CC;
	font-weight: bold;
	text-decoration: underline;
}

/* -------------------------------
          Cycles d'achat
   ------------------------------- */
   
/*  Les Etapes d'achats */

.etapesAchats {
	float: left;
	margin: 20px 0 10px 16px;
	_margin: 20px 0 10px 10px;
	padding: 0;
	width: 931px;
}
.BtEtapes {
	float: right;
	display: inline;
	height: 28px;
	margin: 20px 10px 10px 0;
	padding: 0px;
}
.etapeSuivante {
	float:right;	
	margin: 3px 0px 0 0;
	padding: 0;
	text-align: right;
	
}
.retourboutique {
	float: left;
	margin: 20px 0 0 0;
	.margin: 30px 0 0 0;
	padding: 0;	
	text-align: left;
	width: 100px;
}

/*  Le panier sur la page produit */

#colonnePanier {
	float: right;
	margin: 0 55px 0 0;
	_margin: 0 28px 0 0;
	width: 198px;
}
#panier {
	background: url(images/fond_panier.jpg) no-repeat;
	float: right;
	height: 325px;
	margin: 0;
	width: 198px;
}
.panier_vide {
	color: #FFFFFF;
	font-size: 12px;
	margin: 134px 35px 0;
	text-align: center;
}
#panier_box {
	float: left;
	margin: 10px 0 0 14px;
	_margin: 10px 0 0 7px;
	padding: 0;
	width: 170px;
}
.panier_ligne {
	/*border: solid 1px #00a4c4;*/
	border: solid 1px #00a4c4;
	height: 43px;	
	margin: 0;
	padding: 0;
	width: 172px;
}
.panier_ligne a {
	border: solid 1px #00a4c4;
	float: left;
	height: 43px;
	margin: 0;
	padding: 0;
	text-decoration:none;
	width: 172px;

}
.panier_ligne a:hover {
	border: solid 1px #FFF;
	height: 43px;
	margin: 0;
	padding: 0;
	z-index: 10;
	width: 170px;
}
.panier_vignette {
	float: left;	
	margin: 3px 0 20px 2px;
	padding: 0;
	width: 34px;
}
.panier_titre {
	color: #FFFFFF;
	float: left;
	font-weight: bold;
	margin: 3px 0 0 2px;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: 128px;
	overflow: hidden;
}
.panier_prix {
	float: left;	
	text-align: right;
	width: 128px;
}
.panier_prix_plus {
	float: left;	
	text-align: right;
	width: 170px;
}
.panier_total{
	border-top: 2px dotted #FFFFFF;
	color: #FFFFFF;
	float: left;
	margin: 5px 0 0 5px;
	width: 165px;
}
.total{
	float:left;
	font-size: 1.1em;
	font-style: italic;
	text-transform: uppercase;	
}
.montant_total{
	float: right;
	font-size: 1.2em;
	font-weight: bold;
}
.passer_commande {
	float: left;
	height: 28px;
	width: 161px;
}
#panier_lien_blanc {
	float: left;
	margin: 10px 0 0 10px;
	_margin: 0px 0 0 0px;  
	padding: 0px;
}
#panier_lien_blanc a:link {
	color: #FFFFFF;
	text-decoration: underline;	
}
#panier_lien_blanc a:hover {
	color: #FFFFFF;
	text-decoration: underline;	
}
#panier_lien_blanc a:visited {
	color: #FFFFFF;
	text-decoration: underline;	
}
.panier_bt_commande li {
	display: block;
	height: 28px;
	left:5px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 60px;
}
.panier_bt_commande a {
	display: block;
	height: 28px;
}
.lien_panier_bt_commande a {
	background: url(images/passer_commande.gif) no-repeat;
	width: 161px;
}
.lien_panier_bt_commande a:hover { background: url(images/passer_commande.gif) no-repeat 0px -28px; }
   
/* Page "Mon compte" */

.blocInfosPerso {
	float: left;
	margin: 0 0 0 17px;
	_margin: 0 0 0 9px;
	padding: 0;
	width:626px;
	_width:616px;
}
.contenuMonCompte {
	border-left: 2px solid #EBEBEB;
	border-right: 2px solid #EBEBEB;
	float: left;
	font-size: 1.1em;
	margin: 0px;
	padding: 20px 0 0;
	_padding: 10px 0 0;
	text-align: center;
	width:626px;
	_width:616px;
}
.colonneParrainage {
	float: left;
	margin: 0 0 0 30px;
	padding: 0;
	width:270px;
}
.contenuParrainage {
	border-left: 2px solid #EBEBEB;
	border-right: 2px solid #EBEBEB;
	float: left;
	font-size: 1.3em;
	margin: 0;
	padding: 20px 20px 0;
	text-align: left;
	width:230px;
	_width:230px;
}
.titreParrainage {
	background: url(images/fondTitreParrainage.gif) no-repeat;
	color: #FFF;
	float: left;
	font-size: 16px;
	font-weight: bold;
	height: 25px;
	margin: 20px 0 0;
	padding: 8px 0 0 20px;
	text-align: left;
	width: 254px;
}
.texteParrainage {
	float: left;
	margin: 0;
	padding: 0px;
	text-align: left;
	width: 246px;
}

.titreMesCommandes {
	background: url(images/fondTitreMesCommandes.gif) no-repeat;
	color: #FFF;
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	height: 25px;
	margin: 20px 0 0;
	padding: 8px 0 0 20px;
	text-align: left;
	width: 254px;
}
.titrePageMonCompte {
	background: url(images/fondTitreMonCompte.gif) no-repeat;
	color: #FFF;
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	height: 25px;
	margin: 20px 0 0;
	padding: 8px 0 0 20px;
	text-align: left;
	width: 630px;
	_width:616px;
}
.sousTitrePage {
	background: url(images/puce-titre.gif) no-repeat;
	color: #5d5d5d;
	font-weight: bold;
	padding: 7px 0 0 20px;
	text-align: left;
	width: 500px;
}
.sousTitrePageTable {
	background: url(images/puce-titre.gif) no-repeat;
	color: #5d5d5d;
	font-weight: bold;
	padding: 7px 0 0 20px;
	text-align: left;
}
.textePage {
	color: #141414;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: left;
}
.blocReduction {
	background-color: #F5F5F5;
	color: #FF9000;
	font-size: 1.6em;
	font-weight: bold;
	margin: 0;
	padding: 10px;
	text-align: right;
}
.blocAdresse {
	float: left;
	font-size: 1.1em;
	margin: 10px 20px;
	_margin: 10px 10px;
	padding: 0;
	text-align: left;
	width: 250px;
}
.blocCommande {
	border: solid 1px #5d5d5d;
	float: left;
	font-size: 1em;
	margin: 10px 0 0;
	padding: 0;
	width: 230px;
	_width: 225px;
}
.blocCommande .logo {
	float: left;
	margin: 0px;
	padding: 0 5px 0 0;
	width: 44px;
}
.blocCommande .texte {
	float: left;
	margin: 0;
	padding: 10px 0 0;
	width:170px;	
}

/* Page adresse.html */

.blocAdressesLivraison {
	float: left;
	margin: 0 0 0 17px;
	padding: 0;
	width:446px;
}
.colonneAdressefacturation {
	float: left;
	margin: 0px 0 0 10px;
	_margin: 0px 0 0 8px;
	padding: 10px 0 0 0;
	width:301px;
}
.titreAdresseFacturation {
	background: url(images/fondTitreAdrFactCde.gif) no-repeat;
	color: #FFF;
	float: left;
	height: 24px;
	margin: 0px 0 0 0;
	padding: 10px 0 0 10px;
	width: 291px;
	font-size: 13px;
	overflow: hidden;
}
.AdresseFacturation {
	border-left: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	float: left;
	_margin:0 0 0 30px;
	font-size: 13px;
	margin: 0px;
	padding: 20px 0 0;
	text-align: center;
	width:299px;
}
.BlocModifierAdresseFacturation {
	float: left;
	margin: 20px;
	_margin:10px;
	padding: 0px;
	text-align: left;
	width: 250px;
	font-size: 13px;
}
.contenuAdressesLivraison {
	border-left: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	float: left;
	font-size: 13px;
	margin: 0px;
	padding: 20px 0 0;
	text-align: center;
	width:444px;
}
.BlocAdresseModifier {
	float: left;
	height: 180px;
	_height:180px;
	.height:180px;
	margin:0 0 10px 0;
	padding: 0px;
	width: 300px;
}

.BlocAdresseModifierTexte {
	float: left;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 265px;
}
.BlocCheckbox {
	float: left;
	height: 30px;
	margin: 0px;
	padding: 0px;
	width: 30px;
}
.BlocBouton {
	float: left;
	margin:0px 20px;
	padding: 0px;
	height: 48px;
	text-align: left;
	width: 200px;
}
/* Page commande.html */

.blocRecapCommande {
	float: left;
	margin: 0 0 0 17px;
	_margin: 0 0 0 8px;
	padding: 0;
	width:620px;
	_width:610px;
}
.colonneAdrCde {
	float: left;
	margin: 0 0 0 10px;
	_margin: 0px;
	padding: 0;
	width:301px;
}
.titrePageCommande {
	background: url(images/fondTitreCommande.gif) no-repeat;
	color: #FFF;
	float: left;
	font-size: 1.3em;
	height: 24px;
	margin: 20px 0 0;
	padding: 10px 0 0 20px;
	width: 620px;
	_width:610px;
}
.titreAdrFactCde {
	background: url(images/fondTitreAdrFactCde.gif) no-repeat;
	color: #FFF;
	float: left;
	font-size: 1.1em;
	height: 24px;
	margin: 20px 0 0;
	padding: 10px 0 0 10px;
	width: 301px;
}
.contenuCommande {
	border-left: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	float: left;
	font-size: 1.1em;
	margin: 0px;
	padding: 20px 0 0;
	text-align: center;
	width:617px;
}
.contenuAdrCde {
	border-left: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	float: left;
	font-size: 1.1em;
	margin: 0px 0 0;
	padding: 20px 0 0;
	text-align: center;
	width:299px;
}
#blocPaiement {
	float: left;
	margin: 20px 0 0 40px;
	padding: 0;
	width: 410px;
}
#blocPaiement .texte {
	float: left;
	margin: 0px 10px 0 0px;
	padding: 0;
	width: 120px;
}
#blocPaiement .radio {
	float: left;
	margin: 0px 5px 0 0px;
	padding: 0;
	width: 20px;
}
#blocPaiement .image {
	float: left;
	margin: 0px 5px 0 0px;
	padding: 0;
	width: 50px;
}
#blocPaiement .blocCheckboxPaiement {
	float: left;
	margin: 0px 10px 0 0px;
	padding: 0;
	width: 120px;
}
.blocLogosPaiement {
	float: left;
	margin: 50px 0 0 200px;
	padding: 0;
	width: 150px;
}
.blocBtPayer {
	float: left;
	margin: 20px 0 0 50px;
	padding: 0;
	text-align: right;
	width: 250px;
}

/* Pages "regrets" et "merci" */

.message {
	background: url(images/puce-titre.gif) no-repeat;
	color: #5d5d5d;
	font-weight: bold;
	margin: 20px 0 20px 100px;
	padding: 7px 0 0 20px;
	text-align: left;
}
.BoutonsMerci {
	float: left;
	margin: 30px 0 0 270px;
	padding: 0;
	width: 385px;
}
.AccesMonCompte {
	float: left;
	margin: -8px 0 0 205px;
	padding: 0;
	width: 178px;
}


/* --------------------------------
            Les boutons
  --------------------------------- */
  
/* Bouton "Valider" */

.boutons {
	margin: 0 0 20px;
	_margin: 0 0 0 -45px;
	position: relative;
}
.bt_valider li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.bt_valider a {
	display: block;
	height: 28px;
}
.lien_bt_valider a {
	background: url(images/bt_valider.gif) no-repeat;
	width: 100px;
}
.lien_bt_valider a:hover { background: url(images/bt_valider.gif) no-repeat 0 -28px; }
input.buttons {
	background: none no-repeat top left;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 28px;
	overflow: hidden;
	padding: 0;
	margin: 0 2px 0 0;
	text-indent: -9999px;
	width: auto;
}
input.buttons:hover { background-position: 0 -28px; }
input.valider { background-image: url(images/bt_valider.gif); width: 100px; }
input.validerbleu { background-image: url(images/bt_valider_bleu.gif); width: 100px; }
input.payer { background-image: url(images/bt_payer.gif); width: 88px; }
input.ajoutPanierGris {
	background-image: url(images/bt_ajout_panier_fondgris.gif); 
	width: 143px; 
	margin:15px 0px;
	_margin:30px 0px;
}
input.parrainer { background-image: url(images/bt_parrainer.gif); width: 104px; }
input.accederRayonBouteilles { background-image: url(images/bt_bouteilles.gif); width: 227px; }
input.accederRayonConcentres { background-image: url(images/bt_concentres.gif); width: 236px; }
input.accederRayonMachines{ background-image: url(images/bt_machines.gif); width: 227px; }
input.passer_commande{ background-image: url(images/passer_commande.gif); width: 161px; margin:10px 0px; }
input.creerCompte { background-image: url(images/bt_creer_compte.gif); width: 210px; }
input.parlerAmi { background-image: url(images/viral_bt.gif); width: 161px; margin:15px 0 0 25px;  }

input.buttons29 {
	background: none no-repeat top left;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 29px;
	overflow: hidden;
	padding: 0;
	margin: 0 2px 0 0;
	text-indent: -9999px;
	width: auto;
}
input.buttons29:hover { background-position: 0 -29px; }
input.etapesuivante { background-image: url(images/bt_etape_suivante.gif); width: 137px; }
input.mdpoublie {background-image: url(images/bt_recevoir_mdp.gif); width: 239px; }


input.buttonok {
	background: none no-repeat top left;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 20px;
	overflow: hidden;
	padding: 0;
	margin: 0 2px 0 0;
	text-indent: -9999px;
	width: auto;
}
input.buttonok:hover { background-position: 0 -20px; }
input.okvert { background-image: url(images/OK.gif); width: 45px; }
input.okbleu { background-image: url(images/OKbleu.gif); width: 45px; }

/* Bouton "Accéder à mon compte" */

.bt_acces_compte li {
	list-style-type: none;
	position: absolute;
	top:0px;
}
.bt_acces_compte a {
	display: block;
	height: 28px;
}
.lien_bt_acces_compte a {
	background: url(images/bt_acces_compte.gif) no-repeat;
	width: 178px;
}
.lien_bt_acces_compte a:hover { background: url(images/bt_acces_compte.gif) no-repeat 0 -28px; }

/* Bouton "Valider" bleu */

.lien_bt_valider_bleu a {
	background: url(images/bt_valider_bleu.gif) no-repeat;
	width: 100px;
}
.lien_bt_valider_bleu a:hover { background: url(images/bt_valider_bleu.gif) no-repeat 0 -28px; }
.valid {
	display: block;
	height: 28px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
.valid a {
	background: url(images/bt_valider.gif no-repeat);
	width: 100px;
}
.valid a:hover { background: url(images/bt_valider.gif) no-repeat 0 -28px; }

/* Bouton "Etape précédente" bas de page */

.bt_etape_precedente li {
	bottom: 0;
	left: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
.bt_etape_precedente a {
	display: block;
	height: 28px;
}
.lien_bt_etape_precedente a {
	background: url(images/bt_etape_precedente.gif) no-repeat;
	width: 144px;
}
.lien_bt_etape_precedente a:hover { background: url(images/bt_etape_precedente.gif) no-repeat 0 -28px; }

/* Bouton "Ajouter une adresse" bleu */

.bt_ajouter_adresse_bleu li {
	left: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
.bt_ajouter_adresse_bleu a {
	display: block;
	height: 28px;
}
.lien_bt_ajouter_adresse_bleu a {
	background: url(images/bt_ajouter_adresse_bleu.gif) no-repeat;
	width: 210px;
}
.lien_bt_ajouter_adresse_bleu a:hover { background: url(images/bt_ajouter_adresse_bleu.gif) no-repeat 0 -28px; }

/* Bouton "Créer un compte" */

.bt_creer_compte li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	left: 0px;
}
.bt_creer_compte a {
	display: block;
	height: 28px;
}
.lien_bt_creer_compte a {
	background: url(images/bt_creer_compte.gif) no-repeat;
	width: 210px;
}
.lien_bt_creer_compte a:hover { background: url(images/bt_creer_compte.gif) no-repeat 0 -28px; }

/* Bouton "Ajouter une adresse" */

.bt_ajouter_adresse li {
	left: 18px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -37px;
}
.bt_ajouter_adresse a {
	display: block;
	height: 28px;
}
.lien_bt_ajouter_adresse a {
	background: url(images/bt_ajouter_adresse.gif) no-repeat;
	width: 210px;
}
.lien_bt_ajouter_adresse a:hover { background: url(images/bt_ajouter_adresse.gif) no-repeat 0 -28px; }

/* Bouton "Retour" */

.bt_retour li {
	left: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;	
}
.bt_retour a {
	display: block;
	height: 29px;
}
.lien_bt_retour a {
	background: url(images/bt_retour.gif) no-repeat;
	width: 91px;
}
.lien_bt_retour a:hover { background: url(images/bt_retour.gif) no-repeat 0 -29px; }

/* Bouton "Retour" bleu */

.bt_retour_bleu li {
	left: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
.bt_retour_bleu a {
	display: block;
	height: 29px;
}
.lien_bt_retour_bleu a {
	background: url(images/bt_retour_bleu.gif) no-repeat;
	width: 91px;
}
.lien_bt_retour_bleu a:hover { background: url(images/bt_retour_bleu.gif) no-repeat 0 -29px; }

/* Bouton "Etape suivante" haut de page */

.bt_etape_suivante_ht li {
	list-style-type: none;
	margin: 0 0px 0 0;
	_margin: 0 -915px 0 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.bt_etape_suivante_ht a {
	display: block;
	height: 29px;
}
.lien_bt_etape_suivante_ht a {
	background: url(images/bt_etape_suivante.gif) no-repeat;
	width: 137px;
}
.lien_bt_etape_suivante_ht a:hover { background: url(images/bt_etape_suivante.gif) no-repeat 0 -29px; }

/* Bouton "Etape suivante" bas de page */

.bt_etape_suivante_bs li {
	bottom: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	_margin: 0 10px 0 0;
}

.bt_etape_suivante_bs a {
	display: block;
	height: 29px;
}
.lien_bt_etape_suivante_bs a {
	background: url(images/bt_etape_suivante.gif) no-repeat;
	width: 137px;
}
.lien_bt_etape_suivante_bs a:hover { background: url(images/bt_etape_suivante.gif) no-repeat 0 -29px; }

/* Bouton Retour à la boutique */

.bt_retour_boutik li {
	bottom: 0;
	left: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
.bt_retour_boutik  a {
	display: block;
	height: 29px;
}
.lien_bt_retour_boutik  a {
	background: url(images/bt_retour_boutique.gif) no-repeat;
	width: 161px;
}
.lien_bt_retour_boutik  a:hover { background: url(images/bt_retour_boutique.gif) no-repeat 0 -29px; }
/* Bouton "Retour à la Page d'accueil" */

.bt_retour_accueil li {
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
}
.bt_retour_accueil  a {
display: block;
height: 28px;
}
.lien_bt_retour_accueil  a {
background: url(images/bt_retour_accueil.gif) no-repeat;
width: 218px;
}
.lien_bt_retour_accueil  a:hover { background: url(images/bt_retour_accueil.gif) no-repeat 0px -28px; }

/* Bouton Recalculer */

.bt_recalcul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 31px;
	top: -10px;
}
.bt_recalcul  a {
	display: block;
	height: 29px;
}
.lien_bt_recalcul  a {
	background: url(images/bt_recalcul.gif) no-repeat;
	width: 105px;
}
.lien_bt_recalcul  a:hover { background: url(images/bt_recalcul.gif) no-repeat 0 -29px; }

/* Bouton "Modifier mes coordonnées" */

.bt_modif_coord li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
.bt_modif_coord a {
	display: block;
	height: 29px;
}
.lien_bt_modif_coord a {
	background: url(images/bt_modif_coord.gif) no-repeat;
	width: 196px;
}
.lien_bt_modif_coord a:hover { background: url(images/bt_modif_coord.gif) no-repeat 0px -29px; }

/* Bouton "Ajouter au panier" sur fond gris */

.bt_ajout_panier_fondgris li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
.bt_ajout_panier_fondgris a {
	display: block;
	height: 28px;
}
.lien_bt_ajout_panier_fondgris a {
	background: url(images/bt_ajout_panier_fondgris.gif) no-repeat;
	width: 143px;
}
.lien_bt_ajout_panier_fondgris a:hover { background: url(images/bt_ajout_panier_fondgris.gif) no-repeat 0px -28px; }

/* Bouton "Modifier votre panier" */

.bt_modif_panier li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 20px;
	bottom: 0;
}
.bt_modif_panier a {
	display: block;
	height: 28px;
}
.lien_bt_modif_panier a {
	background: url(images/bt_modif_panier.gif) no-repeat;
	width: 146px;
}
.lien_bt_modif_panier a:hover { background: url(images/bt_modif_panier.gif) no-repeat 0px -28px; }

/* Bouton "Payer" */

.bt_payer li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
.bt_payer a {
	display: block;
	height: 28px;
}
.lien_bt_payer a {
	background: url(images/bt_payer.gif) no-repeat;
	width: 88px;
}
.lien_bt_payer a:hover { background: url(images/bt_payer.gif) no-repeat 0px -28px; }

/* Bouton "Ajouter au panier" dans les vignettes */

.vignette_bt_panier li {
	display: block;
	height: 28px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.vignette_bt_panier a {
	display: block;
	height: 28px;
}
.lien_vignette_bt_panier a {
	background: url(images/bt_ajout_panier2.gif) no-repeat;
	width: 143px;
}
.lien_vignette_bt_panier a:hover { background: url(images/bt_ajout_panier2.gif) no-repeat 0px -28px; }

/* Bouton "Retourner à la page de connexion" */

.bt_retour_connexion li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.bt_retour_connexion  a {
	display: block;
	height: 28px;
}
.lien_bt_retour_connexion  a {
	background: url(images/bt_retour_connexion.gif) no-repeat;
	width: 243px;
}
.lien_bt_retour_connexion  a:hover { background: url(images/bt_retour_connexion.gif) no-repeat 0px -28px; }

/* -----------------------------
          Pied de page
   ----------------------------- */

#footer{
	background: url(images/hp_fond_footer.gif) no-repeat;
	color: #FFFFFF;
	float: left;
	font-size: 0.9em;
	height: 130px;
	margin: 30px 0 0 20px;
	_margin: 30px 0 0 9px;
	padding: 0;
	text-align:left;
	width: 942px;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;	
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:visited {
	color: #E9F3D5;
	text-decoration: none;
}
#footer ul{
	color: #ffffff;
	margin: 0;
	padding: 0;	
}
#footer li{
	list-style:none;
	color: #ffffff;
	margin: 0;
	padding: 0px 0 0 0px;
}

/* Informations pratiques  */

#info_pratique {
	color: #ffffff;
	float: left;
	margin:10px 0 10px 20px;
	padding: 0;
	width: 160px;
}

/* Informations paiement  */

#info_paiement {
	float: left;
	margin:10px 0 10px 20px;
	padding: 0;
	width: 140px;
}
#picto_paiement {
	float: left;
	margin:10px 0 10px 0px;
	padding: 0;
}

/* Soda-Club */

#foot_club {
	float: left;
	margin:10px 0 10px 20px;
	padding: 0;
	width: 140px;
}

/* Rest inform */

#reste_informe {
	float: left;
	margin:10px 0 10px 20px;
	padding: 0;
	width: 140px;

}

/* Copyright */

#copyright {
	color: #666666;
	float: left;
	margin:-10px 0 10px 0;
	padding: 0;
	text-align: center;
	width: 942px;
}
#copyright a {
	color: #666666;
	text-decoration: none;	
}
#copyright a:hover {
	color: #000000;
	text-decoration: underline;
}
#copyright a:visited {
	color: #999999;
	text-decoration: none;
}

/* -----------------------------------------------------
		Divers éléments de formulaires & tableaux
   ----------------------------------------------------- */

.formulaire {
	margin: 0 100px 0 220px;
	text-align: left;
}
.enteteTableau {
	background-color: #dedce6;
	border-bottom: 1px solid #FFFFFF;
	color: #12335B;
	font-weight: bold;
}
.ligneTableau {
	font-size: 12px;
	text-align: left;
}
.ligneTableauRight {
	font-size: 12px;
	text-align: right;
}
.footerTableau {
	background-color: #bdbbcd;
	border-bottom: 1px solid #FFFFFF;
	color: #12335B;
}
.zoneDeSaisie {
	border: solid 1px #5d5d5d;
	color: #666666;
	width:120px;
}
.zoneDeSaisieMail {
	border: solid 1px #5d5d5d;
	color: #666666;
	width:200px;
	text-transform: lowercase;
}
.zoneDeSaisieFilleul {
	border: solid 1px #5d5d5d;
	color: #666666;
	width:227px;
	_width:227px;
}
.zoneDeSaisieTel {
	border: solid 1px #5d5d5d;
	color: #666666;
	width:90px;
}
.zoneDeSaisieMdp {
	border: solid 1px #5d5d5d;
	color: #666666;
	width:60px;
}
.zoneDeSaisieGrise {
	border: solid 1px #666666;
	color: #666666;
	height: 25px;
	padding: 3px 0;
}
.obligatoire {
	color: #ff0000;
}
.commentaires {
	color: #5d5d5d;
	font-size: 1.1em;
	font-style: italic;
	text-align: center;	
}

/* Signature
-------------------------------------------------------- */

#signature {
	color: #808185;
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 10px;
	padding: 0;
	width: 980px;
}
.W3C {
	float: right;
	margin: 0;
	padding: 0;
	width: 88px;
}
a.LIEN_signature:link {
	color: #808185;
	font-weight: bold;
	text-decoration: none;	
}
a.LIEN_signature:visited {
	color: #808185;
	font-weight: bold;
	text-decoration: none;
}
a.LIEN_signature:hover {
	color: #808185;
	font-weight: bold;
	text-decoration: underline;
}
/* -----------------------------------------------------
        Page fetes des meres
-------------------------------------------------------- */
#BlocPageSpecifique {
	float: left;
	margin:20px 0 0 17px;
	padding: 0;
	width: 932px;
	height: 291px;
	background-image: url(images/fond-animation-fdm.jpg);
	background-repeat: no-repeat;
}
#BlocPageSpecifique .Bloctexte {
	float: left;
	margin:35px 0 0 30px; padding:0 ;
	width: 500px;
}

#BlocPageSpecifique .Bloctexte .texte {
	float: left;
	margin:0px 0 0 45px; padding:0 ;
	width: 500px;
	color: #585858;
	font-size: 14px;
}
#BlocPageSpecifique .Bloctexte .texte a {
	color: #61ad00;
}
#BlocPageSpecifique .Bloctexte .texte li {
	float: left;
	margin:0px; padding:0;
	width: 400px;
	list-style-image: url(images/puce-verte.png);
	list-style-position: 0 0;
}

#BlocPageSpecifique .Bloctexte .image {
	float: left;
	margin:45px 0 0 30px; padding:0 ;
	width: 500px;
}
#BlocPageSpecifique .video {
	float: left;
	margin:20px 0 0 45px; padding:0 ;
	width: 300px;
}
#BlocPubPageSpecifique {
	float: left;
	margin: 25px 0 0 14px;
	_margin: 25px 0 0 0px;
	.margin: 25px 0 0 0px;
	_padding: 0 0 0 21px;
	.padding: 0 0 0 13px;
	width:942px;
}
#BlocPubPageSpecifique .produitalhonneur {
	float: left;
	margin: 0 0 0 15px;
	.margin: 0 17px 0 15px;
	padding: 0;
	width: 200px;
}
#BlocPubPageSpecifique .promo {
	float: left;
	margin: 0;
	padding: 0;	
}
#BlocPubPageSpecifique .pub_carto {
	background: url(images/pub_carto.jpg) no-repeat;
	float: left;
	height: 241px;
	margin: 3px 0 0 10px;
	_margin: 3px 0 0 23px;
	.margin: 3px 0 0 30px;
	padding: 0;
	width: 274px;
}
#BlocPubPageSpecifique .pub_carto p {
	margin: 14px 15px 0 17px;
	padding: 0px;
}
#BlocPubPageSpecifique .BlocProd {
	float: left;
	margin: 2px 0 0 0;
	.margin: 3px 0 0 0;
	padding: 0px;
	width: 292px;
	height: 215px;
}
#BlocPubPageSpecifique .BlocProduit li {
	float: left;
	list-style-type: none;
	margin: 0px 0 0 -40px;
	padding: 0px;
	width: 292px;
}
#BlocPubPageSpecifique .BlocProduit a { 
	display: block;
	height: 203px;
	margin: 0px;
	padding: 0px;
}
#BlocPubPageSpecifique .BlocProduitActif a {
	background: url(images/fond_bloc_prod.gif) no-repeat; text-decoration: none; 
	width: 292px; 
	margin: 0px;
	_margin: 10px 0 0 40px;
	.margin-top: 10px;
	padding: 0px;
}
#BlocPubPageSpecifique .BlocProduitActif a:hover { background: url(images/fond_bloc_prod.gif) no-repeat 0 -203px; text-decoration: none;}
#BlocPubPageSpecifique .vignette_bloc_prod {
	float: left;
	height: 165px;
	margin: 10px 0px 0 10px;
	padding: 0;
	width: 110px;
}
#BlocPubPageSpecifique .titre_bloc_prod {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-decoration: underline;
}
#BlocPubPageSpecifique .texte_bloc_prod {
	float: left;
	margin: 10px 0px;
	padding: 8px 0px;
	width: 160px;
}
#BlocPubPageSpecifique .produit_lies {
	border-bottom: 2px dotted #0066CC;
	color: #009FCC;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 0;
	width: 290px;
	float:left;	
}
#BlocPubPageSpecifique .ajouter_panier{
	position:relative; 
	float:left; 
	margin: -48px 0 0 140px; 
	.margin: -58px 0 0 140px; 
	_margin: -58px 0 0 70px; 
}