@charset "UTF-8";


/* 	--------------------------------------------------------------------------------
	Redefine tags ----------------------------------------------------------------*/
	
	body {
		background: url(../charte_images/bg_top.jpg) center -75px repeat-x;
		margin: 0; padding: 0;
		font-family: "Trebuchet MS"; 
	}
	body.simple { background: url(../charte_images/bg_top_simple.jpg) center -75px repeat-x; }
	body.texte { background: url(../charte_images/bg_top_texte.jpg) center -75px repeat-x; }
	body.accueil { background: url(../charte_images/bg_accueil.jpg) center top repeat-x; }
	a { color: #ff0000; }
	a img { border: 0 none; }
	a:visited { outline: none; }
	a:active { outline: none; }
	
	h2 { color: #fe0000; font-size: 16px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin: 10px 0; }
	p { color: #626366; font-size: 12px; }
	li { color: #626366; font-size: 12px; }
/* 	--------------------------------------------------------------------------------
	Shell ------------------------------------------------------------------------*/
	
	#container { margin: 0 auto; position: relative; width: 994px; }
	#wrapper {
		background: url(/charte_images/bg_bottom.jpg) bottom center repeat-x;
		padding: 348px 0 432px;
		position: relative;
		width: 100%;
	}
	#content { position: relative; height: 676px; z-index: 800; }
	.simple #content { height: 460px; }
	.simple #wrapper { padding-top: 120px; }
	.texte #content { height: 664px; padding-top: 100px; }
	.texte #wrapper { padding-top: 70px; }
	
	.page #content { height: 664px; padding-top: 100px; }
	.page #wrapper { padding-top: 70px; }
	
	html>body #content { height: auto; }
	html>body.simple #content { height: auto; min-height: 460px; }
	html>body.texte #content { height: auto; min-height: 664px; padding-top: 100px; }
	html>body.page #content { height: auto; min-height: 664px; padding-top: 100px; }
	
	.contenttext { width: 600px; margin: 0 auto; color: #000; }
	.contenttext p { color: #000; }
	
	#footer { clear: both; height: 100px; }
	 
	h2.bloc {
		background: url(../charte_images/bg_heading.gif) left top no-repeat;
		color: #fff;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 2px;
		margin: 0 0 40px 0; padding: 8px 12px;
	}
	
	#divGeneral {
	
	
		clear: both;
		padding: 78px 0 50px 170px;
		
	}
	#divGeneralSansTitre {
		
		
			clear: both;
			padding: 120px 0 0px 92px;
			
	}
	.divOffre {
			
			
				
				padding: 70px 0 0px 200px;
				
	}
	.divPage {
			clear: both;			
			padding: 80px 0 0px 250px;
					
	}
	.btn_left, .btn_annuler {
		background: url(../charte_images/btn_left.gif) left top no-repeat;
		color: #fff;
		display: block;
		float: left;
		font-size: 12px;
		margin: 0 10px 0 0; padding: 3px 5px 0 0;
		text-decoration: none;
		text-indent: 30px;
		height: 22px;
	}

	.btn_valider {
		background: url(../charte_images/btn_pan_red.gif) center center no-repeat;
		color: #fff !important;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		text-decoration: none;
		padding: 5px 18px;
	}
	.btn_annuler {

	}
	/*----------------------------------------------------
	Accueil ----------------------------------------------*/
	#accueillogo { margin: 32px 0 55px 0; }
	#menu_pays {
		list-style-type: none;
		margin: 0 auto; padding: 0;	
		width: 511px;
	}
	#menu_pays li {	float: left; }
	#menu_pays li a {
		cursor: pointer;
		text-indent: -99999px;
		font-size: 1px;
		display: block;
		width: 73px; height: 58px;
		margin: 0 0 2px;
	}
	#menu_pays li a:active, #menu_pays li a:visited { outline: none; cursor: pointer; }
	#flash { clear: both; }
	
	/* 	--------------------------------------------------------------------------------
	Header ---------------------------------------------------------------------------*/
	
	#header {
		background: none;
		height: 118px;
		border-bottom: solid 7px #fe0000;
		width: 100%;
	}
	#header_content {
		margin: 0 auto;
		position: relative;
		width: 994px;
	}
	#img_erable { position: absolute; top: 101px; left: 0px; }
	#logo img { margin: 17px 0 0 30px; }
	#header h1 {
		color: #000;
		font-size: 23px;
		font-weight: normal;
		position: absolute;
		margin: 0;
		top: 87px; left: 220px;
	}
	#info_compte {
		padding: 0; margin: 0;
		border: solid 1px #cecece;
		border-top: 0;
		position: absolute;
		top: 6px; right: 24px;
		list-style-type: none;
	}
	#info_compte li { padding: 0; margin: 0; padding: 3px 0 0 0; float: left; }
	#info_compte li,
	#info_compte li a { 
		font-family: "Trebuchet MS"; 
		font-size: 11px; 
		line-height: 50px;
		text-decoration: none; 
		color: #000; 
	}
	

	#info_compte li a:hover { color: #999; }
	#info_compte li.btn_panier a:hover { color: #ccc }
	#info_compte li.btn_cmd a {
		background: #e7e8ea;
		display: block;
		text-align: center;
		width: 137px; height: 48px;
	}
	
	#info_compte li.btn_compte a {
		background: url(../charte_images/icn_compte.gif) 8px 11px no-repeat;
		display: block;
		width: 119px; height: 48px;
	}
	#info_compte li.btn_compte a span { padding: 0 0 0 48px; }
	#info_compte li.btn_panier a {
		background: #fe0000 url(../charte_images/icn_cart.gif) 18px 11px no-repeat;
		color: #fff;
		display: block;
		font-weight: bold;
		width: 145px; height: 48px;
	}
	#info_compte li.btn_panier a span { padding: 0 0 0 58px; }
	#info_compte li.info_articles {
		display: block;
		font-weight: bold;
		text-align: center;
		width: 95px; height: 48px;
	}
	#info_compte li.info_articles span { color: #fe0000; }
	#info_compte li.btn_login a {
		background: #e7e8ea;
		display: block;
		text-align: center;
		width: 150px; height: 48px;
	}
	#info_compte li.btn_login span.deconnexion {
		line-height: normal;
		
	}
	#info_compte li.btn_login span.nom 
	{
		line-height: 25px;
		font-weight:bold;
		font-size: 1.1em;
	}
	
	.arianne a, .arianne span { 
		color: #fff; 
		position: relative;
		text-decoration: none;
		z-index: 1000;
	}
	.arianne { 
		color: #fff; 
		font-size: 11px;
		position: absolute;
		
		top: -52px;
	}
	#paysactu { 
		position: absolute;
		font-size: 10px;
		color: #626366;
		top: 90px; right: 152px;
	}
	
	/*-------------------------------------------------------
	Recherche ---------------------------------------------*/
	
	#recherche { position: absolute; right: 39px; top: 64px; }
	#recherche .recherche_champ {
		border: solid 1px #cecece;
		color: #626366;
		font-size: 11px;
		line-height: 19px;
		width: 261px; height: 16px;
		padding: 1px 1px 1px 3px;
	}
	#recherche .submit {
		background: url(../charte_images/search_fleche.gif) right center no-repeat;
		border: 0 none;
		color: #626366;
		font-size: 11px;
		cursor: pointer;
		line-height: 19px;
		outline: none;
		padding: 0 10px 0 0; 
		width: 77px;
	}


	/*-------------------------------------------------------
	Sliding ------------------------------------------------*/

	
	#btn_next span,
	#btn_previous span { display: none; }
	#btn_next {
		background: url(../charte_images/btn_next.png) center center no-repeat;
		display: block;
		cursor: pointer;
		position: absolute;
		top: 133px; left: 595px;
		width: 45px; height: 38px;
		z-index: 1000;
	}
	#btn_previous {
		background: url(../charte_images/btn_back.png) center center no-repeat;
		display: block;
		cursor: pointer;
		position: absolute;
		top: 133px; left: 14px;
		width: 45px; height: 38px;
		z-index: 1000;
	}
	#sliding_items h2 { 
		color: #ed1c24;
		font-size: 14px;
		font-weight: normal;
		text-transform: uppercase;
		margin: 0;
		padding: 12px 0 0 44px;	
	}
	#sliding_items {
		background: url(../charte_images/bg_items.png) top left no-repeat;
		position: relative;
		margin: 0 0 15px 0;
		width:  659px; height: 271px;
	}
	#slidePanels { 
		background: url(../charte_images/bg_submenu.png);
		position: absolute;
		top: 39px; left: 34px;
		width: 585px; height: 218px; 
		z-index: 999;
	}
	
	
	/*----------------------------------------------------
	Pub ------------------------------------------------*/
	#pub {
		background: #ff0000;
		border: solid 1px #cecece;
		margin: 27px 0 0 0;
		width: 285px; height: 242px;
	}



	/*----------------------------------------------------
	Colonnes -------------------------------------------*/
	#col1 { float: left; width: 666px;	position: relative; }
	#col2 {	float: right; width: 300px;	position: relative;	}
	
	/*----------------------------------------------------
	Items ----------------------------------------------*/
	.item {
		background: #fff;
		border: solid 1px #ddd;
		position: relative;
		float: left;
		margin: 10px 10px 0 0;	
		width: 155px; height: 233px;
	}
	
	.item a { outline: none;  text-decoration:none;cursor: hand;}
	.item a:hover {  outline: none;  text-decoration:none;cursor: hand;}
	.item a:visited { outline: none;  text-decoration:none;cursor: hand;}
	.item a:active { outline: none; text-decoration:none;cursor: hand;}
	
	
	
	
	.item .coin {
		background: url(../charte_images/item_coin_grey.gif) top left no-repeat;
		display: block;
		position: absolute;
		top: -1px; right: -1px;
		width: 9px; height: 9px;
	}
	.item_type {
		color: #828282;
		margin: 8px 8px 5px 8px;
		font-size: 10px;
		text-transform: uppercase;
	}
	.item_name {
		color: #ed1c24;
		margin: 5px 0 4px 7px;
		font-family: Century Gothic, "Trebuchet MS", Arial;
		size: 15px;
	}
	.item_prix { color: #828282; font-size: 10px; text-align: right; margin: 0 3px 0 0; }
	.item_prix span { font-weight: bold; font-size: 15px; }
	.item_img {
		text-align: center;
		border: solid 1px #ddd;
		margin: 0 auto;
		width: 109px; height: 128px;
	}
	.coin_meilleurevente,
	.coin_nouveaute,
	.coin_bonneaffaire { 
		background: url(../charte_images/txt_meilleurevente.gif) left top no-repeat;
		display: block;
		position: absolute;
		top: -1px; left: -1px;
		width: 82px; height: 79px;
	}
	.coin_nouveaute { background: url(../charte_images/txt_nouveaute.gif) left top no-repeat; }
	.coin_bonneaffaire { background: url(../charte_images/txt_bonneaffaire.gif) left top no-repeat; }


/* 	--------------------------------------------------------------------------------
	Panier et paiement -----------------------------------------------------------------------*/

	.items_commande { clear: both; margin: 0 auto; width: 783px; }
	.items_commande th { 
		background: url(../charte_images/bg_th.gif) left center no-repeat;
		color: #fff;
		font-size: 13px;
		font-weight: normal;
		height: 38px; 
	} 
	.items_commande th.article { font-size: 15px; text-align: left; text-indent: 30px; }
	.items_commande th.article { background-position: left top; }
	.items_commande th.option { background-position: left bottom; }
	.items_commande th.total_last { background-position: left bottom; }
	
	td.article,
	td.code,
	td.prix,
	td.avant,
	td.reduc,
	td.qte,
	td.total,
	td.option,
	td.total_last { color: #808183; font-size: 12px; padding: 6px 5px 12px 10px; vertical-align: bottom; }
	
	td.qte { text-align: center; }
	td.total,
	td.prix { text-align: right; }
	
	.code,
	.prix,
	.avant,
	.reduc,
	.qte,
	.total { background: url(../charte_images/bg_pan_cell2.gif) left bottom no-repeat; }
	
	.article { background: url(../charte_images/bg_pan_cell.gif) left bottom no-repeat; }
	
	.code { width: 83px; }
	.prix { width: 55px; }
	.avant { width: 83px; }
	.reduc { width: 97px; }
	.qte { width: 79px; }
	.total { width: 64px; }
	.option { background: url(../charte_images/bg_pan_cell3.gif) left bottom no-repeat; width: 84px; }
	.total_last { width: 74px; }
		
	td.total_last, .subtotal_last { 
		text-align: right; 
		background: url(../charte_images/bg_pan_cell3.gif) right bottom no-repeat;
	 	color: #808183; font-size: 12px; padding: 6px 15px 12px 10px; vertical-align: bottom;
	}
	
	.facture .subtotal_last { padding: 3px 16px 3px 0; vertical-align: middle; }
	
	.facture .control {
		background: url(../charte_images/bg_paie_controles.gif) left bottom no-repeat;
		font-size: 12px;
		padding: 5px;
	}
	
	.control {
		background: url(../charte_images/bg_pan_controles.gif) left bottom no-repeat;
		font-size: 12px;
		padding: 5px;
	}
	.control .memorise { clear: both; text-align: right; margin: 0; padding: 10px 45px 0; }
	
	.titlesubtotal { 
		background: url(../charte_images/bg_pan_celltitle.gif) left bottom no-repeat;
		color: #808183;
		font-size: 12px;
		padding: 0 0 0 56px; 
	}
	.subtotal { 
		background: url(../charte_images/bg_pan_subtotal.gif) right bottom no-repeat; 
		color: #808183;
		font-size: 12px;
		text-align: right;
		padding: 0 104px 0 0; 
	}
	
	.totaltitre { 
		background: url(../charte_images/bg_pan_titletotal.gif) left bottom no-repeat;
		color: #ff0000; 
		font-size: 20px; 
		height: 70px;
		text-align: center; 
	}
	.vide { background: #fff url(../charte_images/bg_pan_vide.gif) right bottom no-repeat; padding: 10px 0 0 0; vertical-align: top; }
	.totaltitre span { background: url(../charte_images/fleche_red.gif) left center no-repeat; padding: 0 0 0 20px; }
	.totalchiffre { background: url(../charte_images/bg_pan_total.gif) right bottom no-repeat; font-size: 20px; color: #ff0000; text-align: center; font-weight: bold; }
	.labelSansFraisLivraison{
	
		color: #808183;
		font-size: 12px;
		text-align: right;
		padding: 0 3px 0 0; 
	}
	
	

	.btn_right {
		background: url(../charte_images/btn_pan_right.gif) right top no-repeat;
		color: #fff;
		display: block;
		float: left;
		font-size: 12px;
		padding: 3px 0 0 0;
		text-decoration: none;
		text-indent: 10px;
		width: 146px; height: 22px;
	}
	
	#step_panier {
		background: url(../charte_images/panier_step.gif) 0px 0px no-repeat;
		float: right;
		margin: 46px 0 30px 0; padding: 0 0 0 19px;
		width: 580px; height: 35px;
	}	
	#step_panier span { 
		color: #808183;
		font-size: 14px;
		line-height: 12px;
		display: block; 
		height: 33px;
		margin: 0 40px 0 0;
		float: left;
		text-transform: uppercase;
		
	}
	#step_panier span.last { margin: 0; } 
	#step_panier span.current { background: url(../charte_images/bg_pan_step.gif) center 2px no-repeat; color: #ff0000; }		


	.paiementDivSous {
		background-color:#FF0000; color:#626366;font-size: 12px; height: 30px; border:solid 1px #bbbdbf;padding:0px 10px 0px 0px; width:370px;
	}
	.paiementDivSousCarre {
	
		border:solid 1px #bbbdbf; color:#626366;font-size: 12px; padding:0px 10px 0px 0px;width:370px;
	}
	.paiementDivSous  a { color: #FFFFFF; font-size: 14px; color: #FFFFFF;outline: none; float: right;}
	.paiementDivSous  a:hover { outline: none;color: #FFFFFF;float: right;padding: 0px 0 5px 0;}
	.paiementDivSous  a:visited { outline: none;color: #FFFFFF;float: right;padding: 0px 0 5px 0;}
	.paiementDivSous  a:active { outline: none; color: #FFFFFF; float: right;padding: 0px 0 5px 0;}
	
	#step_paiement span.last { margin: 0; } 
	#step_paiement span.current { background: url(../charte_images/bg_pan_step.gif) center 2px no-repeat; color: #ff0000; }		

	/*----------------------------------------------------
	ProduitsConnexes ----------------------------------------*/

	.ProduitsConnexesTitre {
		text-decoration:none;
		color: #fe0000;
		
	}


	/*----------------------------------------------------
	AjoutPanier ----------------------------------------*/
	
	#boite_articlebtn { 
		background: #e7e8ea;
		border: solid 1px #9C9EA0;
		position: relative;
		margin: 0 auto;
		width: 636px; height: 97px;
	}
	#boite_articlebtn h2 { 
		background: url(../charte_images/fleche_red.gif) left center no-repeat;
		margin: 15px 0 15px 30px; padding: 0 0 0 25px;
		font-size: 15px;
	}
	.article_coin { 
		background: url(../charte_images/article_coin.gif) center center no-repeat;
		display: block;
		position: absolute;
		width: 9px; height: 9px;
		left: -1px; bottom: -1px;
	}
	* html .article_coin { bottom: -8px; }
	.btn_panier_01,
	.btn_panier_02 {
		color: #fff;
		float: left;
		display: block;
		text-decoration: none;
		font-size: 12px;
		line-height: 30px;
		height: 30px;
	}
	.btn_panier_01 { background: url(../charte_images/btn_panier_01.gif) left center no-repeat; margin: 0 0 0 56px; padding: 0 48px 0 66px; }
	* html #btn_panier_01 { margin: 0 0 0 28px; }
	.btn_panier_02 { background: url(../charte_images/btn_panier_02.gif) left center no-repeat; padding: 0 38px 0 5px; }
	
	.ajoutpanier {
		background: url(../charte_images/fleche_red.gif) 0px 4px no-repeat;
		margin:65px 0 0 200px; padding: 0 0 0 25px;
		width:730px;
		color: #fe0000;
		
	}
	
	
	.div_btnAjoutpanier
	{
		width:730px;
		
	}

	.btn_ReprendreShopping {
		background: url(../charte_images/btn_reprendreshopping.jpg)   no-repeat;
		color: #FFFFFF;
		width:330px;
		height:30px;
		text-align:center;
		text-decoration:none;
		font-size: 14px;
		padding-top:4px;

	}
	
	.btn_VisualiserPanier {
		background: url(../charte_images/btn_commande.jpg)   no-repeat;
		color: #FFFFFF;
		width:330px;
		height:30px;
		text-align:center;
		text-decoration:none;
		font-size: 14px;
		padding-top:4px;
	}
	
	/*----------------------------------------------------
	Inscription ----------------------------------------*/
	
	#inscription {
		background: url(../charte_images/fleche_red.gif) 0px 2px no-repeat;
		margin:0px 0 0 115px; padding: 0 0 0 25px;
		clear: both;
	}
	#inscription h2 { font-size: 15px; margin: 0; }
	#inscription p.insctruc { margin: 0 0 20px 0; font-size: 11px; color: #000; }
	#inscription p a { color: #ff0000; }
	#inscription h2 span { color: #000; }
	
	
	#inscription .btn_client {
		background: url(../charte_images/btn_client.gif) right center no-repeat;
		border-left: solid 1px #b1b3b4;
		float: left;
		margin: 0 10px 0 0;

	}
	#inscription .btn_client.dejapas { }
	#inscription .btn_client.deja {}
	#inscription .btn_client input  { 
					 width: 20px;
				      display: block;
				      float: left;
					vertical-align: middle;
					margin-top: -1px;
					height: 30px;
					line-height: 30px;
	
		
	}
	#inscription .btn_client label { 
		width: 180px;
 		font-size: 11px; color: #626366;
      		float: left;
	    	text-align: left;
	    	margin-right: 0.5em;
	    	
	  	display: block;
	  	line-height: 30px;
	  	vertical-align: middle;
	}

	#inscription .btn_client.on,
	#inscription .btn_pasclient.on { background-position: center bottom; }
	#inscription .btn_client.off,
	#inscription .btn_pasclient.off { background-position: center top; }
	#inscription .btn_valider { clear: left; margin: 0 0 0 170px; }
	#inscription p.valider { clear: both; margin: 0; padding: 10px 0 0 0; }

	.ident_mail { clear: both; margin: 0; padding: 10px 0 0 0; }
	.ident_mail input {
		background: url(../charte_images/panier_champ_mail.gif) left center no-repeat;
		border: 0 none;
		display: block;
		color: #808183;
		float: left;
		padding: 8px 0 0 7px;
		width: 318px; height: 22px;
	}
	.ident_mail label { 
		display: block; 
		float: left; 
		text-align: right;
		height: 30px; width: 160px;
		margin: 0 11px 0 0;
		line-height: 30px;   
	}
	
	
	
	.note { font-size: 10px; }
	.notefin { display: block; font-size: 10px; width: 300px; margin: 0 0 0 240px; }
	#id_perso {
		clear: both;
		padding: 40px 0 130px 92px;
	}
	#id_perso .valid { margin: 5px 0 0 239px; }
	#id_perso h2 {
		background: url(../charte_images/fleche_red.gif) left center no-repeat;
		padding: 0 0 0 25px;
		font-size: 15px;
	}
	#id_perso p { margin: 0; padding: 3px 0; clear: both; }
	#id_perso label { 
		color: #000; 
		display: block;
		float: left; 
		font-size: 12px;
		cursor: pointer;
		margin: 0 10px 0 0;
		line-height: 23px;
		text-align: right;
		width: 230px; height: 23px; 
	}
	#id_perso label:hover {
		color: #808183;
	} 
	#id_perso input { 
		border: solid 1px #bbbdbf;
		color: #808183; 
		font-size: 14px;
		padding: 3px 0 0 0;
		width: 306px; height: 20px;  
	}
	
	#id_perso .radio input  { 		 
 		width: 20px; height: 20px;  
  		float: left;
		vertical-align: middle;
		margin-top: -1px;
		height: 30px;
		line-height: 30px;
		border: solid 0px #bbbdbf;
	}
	#id_perso .radio label { 
		width: 80px;
		font-size: 11px; color: #626366;
		float: left;
		text-align: left;
		margin-right: 0.5em;
		line-height: 30px;
		vertical-align: middle;	
	}
	
	#id_perso_C p { margin: 0; padding: 3px 0; clear: both; }
	#id_perso_C label { 
				color: #000; 
				display: block;
				float: left; 
				font-size: 12px;
				cursor: pointer;
				margin: 0 10px 0 0;
				line-height: 23px;
				text-align: right;
				width: 230px; height: 23px; 
			}
	#id_perso_C label:hover {
		color: #808183;
	} 
	
	#id_perso_C input { 
				border: solid 1px #bbbdbf;
				color: #808183; 
				font-size: 14px;
				padding: 3px 0 0 0;
				 height: 20px;  
		}
	
	
	#id_perso_C .radio input  { 

					width: 20px; height: 20px;  
					float: left;
					vertical-align: middle;
					margin-top: -1px;
					height: 30px;
					line-height: 30px;
					border: solid 0px #bbbdbf;

			}
		#id_perso_C .radio label { 
				width: 80px;
				font-size: 11px; color: #626366;
				float: left;
				text-align: left;
				margin-right: 0.5em;


				line-height: 30px;
				vertical-align: middle;

					
	}
	

	#id_perso_C  .radioEnt label{ 
			color: #000; 
			display:inline;
			float:none; 
			width: 80px;
			font-size: 11px; color: #626366;
			height: 30px;
			text-align: left;
			margin-right: 0.5em;
			vertical-align: middle;
				
						
	}
	
	
	#id_perso_C  .radioEnt input  { 
	
				float:none;
				border: solid 0px #bbbdbf;		 
				width: 20px; 
				
				margin-top: -1px;
				height: 30px;
				line-height: 30px;
				vertical-align: middle;
		}
		
		
		
		
	
	
	
	/*-----------------------------------------------------
	page livraison--------------------------------------*/
	
	 .livraison
		  {
		  	width:800px;float:right;padding:10px;
	  }
	 

	 .livraison label { 
				color: #000; 
				display: block;
				float: left; 
				font-size: 14px;
				cursor: pointer;
				margin: 0 10px 0 0;
				line-height: 23px;
				text-align: right;
				height: 23px; 
			}
	 .livraison label:hover {
				color: #808183;
		} 
	  
	.livraison .radio input  { 
		border: solid 0px #bbbdbf;
		 width: 20px;
		display: block;
		float: left;
		vertical-align: middle;
		margin-top: -1px;
		height: 20px;
		line-height: 20px;


		}
	.livraison .radio label { 
		width: 180px;
		font-size: 11px; color: #626366;
		float: left;
		text-align: left;
		margin-right: 0.5em;
		display: block;
		line-height: 20px;
		vertical-align: middle;


		}
	
	/*-----------------------------------------------------
	 page Addresse----------------------------------------*/
	 
	  .AdresseDiv
	  {
	  	width:800px;float:right;padding:10px;
	  }
	  
	  .Adresse
	  {
	  	background-color:#FF0000; border:solid 1px #bbbdbf;padding:0px 10px 0px 0px;height: 30px;
	  }
	 
	 .AdresseDiv .Adresse .radio input  { 
	 					border: solid 0px #bbbdbf;
	 					 width: 20px;
	 				      	display: block;
	 				      	float: left;
	 					vertical-align: middle;
	 					margin-top: -1px;
	 					height: 20px;
	 					line-height: 20px;
	 	
	 		
	 	}
	 .AdresseDiv .Adresse .radio label { 
	 						width: 180px;
	 				 		font-size: 14px; color: #FFFFFF;
	 				      		float: left;
	 					    	text-align: left;
	 					    	margin-right: 0.5em;
	 					  	display: block;
	 					  	line-height: 20px;
	 					  	vertical-align: middle;
	 					  	text-decoration:none;
	 						
	 	
	}
	
	.AdresseDiv .square
	{
	
		padding-left:20px; border:solid 1px #bbbdbf;
	}
	 
	 .AdresseDiv label { 
	 			color: #000; 
	 			display: block;
	 			float: left; 
	 			font-size: 12px;
	 			cursor: pointer;
	 			margin: 0 10px 0 0;
	 			line-height: 23px;
	 			text-align: right;
	 			width: 230px; height: 23px; 
	 		}
	 .AdresseDiv label:hover {
	 			color: #808183;
	 		} 
	 .AdresseDiv input { 
	 			border: solid 1px #bbbdbf;
	 			color: #808183; 
	 			font-size: 14px;
	 			padding: 3px 0 0 0;
	 			width: 306px; height: 20px;  
		}
		
	.AdresseDiv .Adresse a { color: #FFFFFF; font-size: 14px; color: #FFFFFF;outline: none;float: right;}
	.AdresseDiv .Adresse a:hover { outline: none;color: #FFFFFF;float: right;padding: 0px 0 5px 0;}
	.AdresseDiv .Adresse a:visited { outline: none;color: #FFFFFF;float: right;padding: 0px 0 5px 0;}
	.AdresseDiv .Adresse a:active { outline: none; color: #FFFFFF; float: right;padding: 0px 0 5px 0;}
	
	.AdresseDiv  .square .Column{width: 700px;float: left;margin: 0 auto;}
	 .AdresseDiv  .square .rightColumn{width: 300px;float: left;margin: 0 auto;font-size: 12px;}
        .AdresseDiv  .square .leftColumn{width: 350px;float: left;margin: 0 auto;display:block;font-size: 12px;}
		
		
	/*----------------------------------------------------
	Page produits ---------------------------------------*/
	
	#prod_page { padding: 75px 0 0 0; }
	#prod_image { 
		background: url(../charte_images/logo_xpn_small.gif) right top no-repeat; 
		text-align: center; 
		float: left; 
		padding: 62px 0 0 0; 
		width: 400px; 
	}
	#prod_infos { float: right; position:relative; width: 554px; }
	#prod_selects {	float: left; width: 391px; margin: 5px 0 5px 0;}
	#prod_contols { float: right; width: 141px; }
	
	#prod_selects p { border-bottom: solid 1px #808182;	margin: 6px 0 0 0; padding: 0 75px 4px 0; }	
	#prod_selects label {
		color: #000;
		text-transform: uppercase;
		float: left; 
		line-height: 22px;
		width: 160px; height: 22px;
	}
	
	#prod_selects select { float: right; height: 22px; font-family: Arial, Helvetica, sans-serif; margin: -18px 0 0 0;  }
	
	#mode_livraison { background: url(../charte_images/box_mode2.gif) left bottom no-repeat; margin: 10px 0 0 0; }
	#mode_livraison .wrap { background: url(../charte_images/box_modeliv.gif) left top no-repeat; padding: 5px 0 8px 5px; }
	#mode_livraison h2 {
		background: url(../charte_images/bg_mode_liv.gif) right center no-repeat;
		color: #fff;
		display: inline;
		font-size: 12px;
		font-weight: normal;
		line-height: 22px;
		text-transform: uppercase;
		margin: 0; padding: 4px 8px 4px 4px;
	}
	
	#mode_livraison .Textspan { color: #626366;border: 0 none; margin: 5px 10px 0 10px; font-size: 11px; }
	#mode_livraison .TextLi { color: #626366;font-size: 11px; }
	#prod_controls {
		float: right;
		width: 144px;
	}
	#prod_controls .add_panier { 
		background: url(../charte_images/btn_add_panier.gif) left top no-repeat;
		color: #fff;
		display: block;
		font-size: 11px;
		font-weight: bold;
		padding: 67px 0 0 0 ;
		text-align: center;
		text-decoration: none;
		width: 139px; height: 23px;
	 }
	.prix_box { 
		background: #e1e2e4; 
		border: solid 1px #808182; 
		border-bottom: 0 none; 
		color: #626366;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		text-align: right;
		padding: 45px 3px 3px 0;
		position: relative;
		width: 134px; 
	}
	
	
	.rabais { 
		border: solid 1px #e9141b;
		position: absolute;
		text-align: center;
		top: 4px; left: 7px; 
		padding: 2px 0 0 0;
		width: 59px; height: 44px;
	}
	.rabaisGros { font-size: 23px; } 
	.rabaisPetit { font-size: 15px; }
	.item_rabais { 
		background: #ED1C24;
		bottom: 9px; left: 4px;
		color: #fff;
		font-size: 10px;
		padding: 2px 0 0;
		position: absolute;
		text-align: center;
		width: 38px; height: 32px;
	}
	.item_rabais span { font-size: 15px; } 
	
	
	.prix_box span.ancien_prix { font-size: 13px; line-height: 10px;float:right }
	.prix_box span.big_prix { font-size: 18px;}
	.disponibilite {
		border: 0 none;
		color: #ff0000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 23px;
		margin: 13px 0; padding: 0;
	}
	.disponibilite span {
		background: url(../charte_images/search_fleche.gif) right center no-repeat;
		font-size: 13px;
		padding: 0 13px 0 0;
	}
	
	.sendtofriend { 
		background: url(../charte_images/enveloppe.gif) left center no-repeat;
		color: #000;
		display: block;
		font-size: 11px; 
		margin: 44px 0 0 20px; padding: 0 0 0 35px;
		text-decoration: none;
		width: 63px;
	}
	#prod_avis {
		background: #fff;
		border: solid 1px #ff0000;
		clear: both;
		color: #000;
		padding: 10px;
		position: relative;
		height: 1%;
	}
	#prod_avis p { margin: 0 0 10px 0; }
	#prod_avis .corner { 
		background: url(../charte_images/red_cornerbottomleft.gif) center center no-repeat;
		position: absolute; 
		bottom: -1px; left: -1px; 
		z-index: 1000; 
		width: 15px; height: 16px; 
	}
	* html #prod_avis .corner { bottom: -4px; }
	#prod_avis h2 { margin: 0; } 
	#prod_avis h2 span { background: url(../charte_images/search_fleche.gif) right center no-repeat; font-size: 13px; padding: 0 14px 0 0; }
	
	
	#prod_desc {
		clear: both; 
		color: #000;
		border-bottom: solid 1px #bbbbdf;
		margin: 0 0 20px; 0; padding: 20px 0;
	}
	
	


	.item_line_sel { 
		background: url(../charte_images/bg_corde.gif) left top repeat-x;
		float: left;
		margin: 20px 0 15px 0; padding: 26px;
		width: 250px;
		outline: none;
		text-decoration: none;


	}
	.item_line_sel .box_item { clear:both; margin: 0 0px 0 0; } 
	
	.box_item .top_sel { 
		background: url(../charte_images/product_top.gif) right top no-repeat;
		display: block;
		position: absolute;
		top: -38px; right: -1px;
		width: 250px; height: 95px;
	} 
		.box_item.beige .top_sel { background: url(../charte_images/product_top_beige.gif)  right top no-repeat;
		display: block;
		position: absolute;
		top: -38px; right: -1px;
		width: 250px; height: 95px;
		} 
		.box_item .item_img_sel { border: none;
		
		text-align: center;
				padding: 48px 0 0;
				height: auto;
		}

	.item_line { 
		background: url(../charte_images/bg_corde.gif) left top repeat-x;
		float: left;
		margin: 20px 0 15px 0; padding: 26px;
		width: 192px;
		outline: none;
		text-decoration: none;
		
		
	}
	.item_line .box_item { clear:both; margin: 0 10px 0 0; } 
	.box_item { 
		background: #fff;
		border: solid 1px #bbbdbf;  
		position: relative;
		text-decoration: none;
		 
	}
	.box_item a { text-decoration: none; cursor: hand;}
	#box_item a { text-decoration: none; cursor: hand;}
	.box_item .top { 
		background: url(../charte_images/product_top.gif) left top no-repeat;
		display: block;
		position: absolute;
		top: -38px; right: -1px;
		width: 146px; height: 95px;
	} 
	.box_item.beige .top { background: url(../charte_images/product_top_beige.gif) left top no-repeat; } 
	.box_item.beige { background: url(../charte_images/beige.gif) left top repeat-x; } 

	.box_item .item_desc { font-size: 11px; color: #626366; padding: 6px;  height: 100px; }
	
	.box_item .item_descSel { font-size: 11px; color: #626366; padding: 6px; height: 100px;}
	
	.box_item .item_desc h2 { font-size: 15px; font-family: Century Gothic, Arial; color: #fe0000; margin: 4px 0 0 0;  }
	.box_item .item_img { border: none; padding: 48px 0 0 0; width: auto; height: auto; }
	.box_item .prix_box { background: #fff; width: 95%; border-color: #bbbdbf; border-left: 0 none; border-right: 0 none; margin: 0 auto;  }
	
	.paiement_carte4etoile { 
		background: #e7e8e9; 
		border-top: solid 1px #bbbdbf;
		color: #808183; 
		font-size: 11px;
	}
	.conditions { width: 118px; float: left; padding: 2px; line-height: 14px; }
	.mensualites { background: #808183; color: #fff; width: 63px; float: right; padding: 2px;  }
	/*----------------------------------------------------
	Footer menu ----------------------------------------*/
	
	#footer {
		position: absolute;
		bottom: -332px;
		width: 100%;
	}
	#footer ul {
		list-style-type: none;
		margin: 0 auto; padding: 0;
		width: 675px;
	}
	#footer li { float: left; }
	#footer li a {
		background: url(../charte_images/fleche_noir.gif) right center no-repeat;
		color: #bbbdbf;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		margin: 0 12px 0 0; padding: 0 20px 0 0;
		text-decoration: none;
		text-transform: uppercase;
	}
	#copy {
		color: #555;
		text-align: center;
		font-size: 10px;
	}
	.egalement {
		clear: both;
		color: #000;
		font-size: 11px;
		line-height: 20px;
		margin: 40px 0 0;
		text-align: center;
	}
	.egalement img { margin: 4px 5px 0 0; }
	
/* 	--------------------------------------------------------------------------------
	Commandes ------------------------------------------------------------------------*/

.commandes { clear: both; margin: 0 auto; width: 780px; border: solid 1px #b1b3b4; }

.commandes th
{
	background: url(../charte_images/bg_th.gif) left center no-repeat;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	height: 38px;
}
.commandes th.option { background-position: left bottom; }

.commandes td { color: #808183; font-size: 12px; padding: 6px 5px 12px 10px; vertical-align: middle; }
.commandes .total_commande { text-align: right; }

/* 	--------------------------------------------------------------------------------
	Contact ------------------------------------------------------------------------*/

.contactform {
	background: #e7e8ea;
	border: solid 1px #9C9EA0;
	position: relative;
	padding: 10px;
}
.contactform label { width: 70px !important; }
.cornercontact {
	background: url(../charte_images/corner_top_grey.gif) center center no-repeat;
	display: block;
	position: absolute;
	width: 9px; height: 9px;
	right: -1px; top: -1px;
}
* html .cornercontact { top: -8px; }

/* 	--------------------------------------------------------------------------------
	Envoyer ami ------------------------------------------------------------------------*/

	#envoyer_ami h2 {
		background: url(../charte_images/fleche_red.gif) left center no-repeat;
		padding: 0 0 0 25px;
		font-size: 15px;
	}
	#envoyer_ami p { margin: 0; padding: 3px 0; clear: both; }
	#envoyer_ami label { 
		color: #000; 
		display: block;
		float: left; 
		font-size: 12px;
		cursor: pointer;
		margin: 0 10px 0 0;
		line-height: 23px;
		text-align: right;
		width: 150px; height: 23px; 
	}
	#envoyer_ami label:hover {
		color: #808183;
	} 
	#envoyer_ami input { 
		border: solid 1px #bbbdbf;
		color: #808183; 
		font-size: 14px;
		padding: 3px 0 0 0;
		width: 306px; height: 20px;  
	}
	#envoyer_ami .notefin { margin: 0 0 0 160px; width: 350px; }
	#envoyer_ami .valid { margin: 15px 0 0 159px; }

/* 	--------------------------------------------------------------------------------
	Autre ------------------------------------------------------------------------*/
	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;} /* IE7 */
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */
* html .clearfix { height:1px; } /* IE6 */


/* Hack IE pour png */


* html #sliding_items { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../charte_images/bg_items.png", sizingMethod="crop");}
* html #btn_previous { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../charte_images/btn_back.png", sizingMethod="crop");}
* html #btn_next { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../charte_images/btn_next.png", sizingMethod="crop");}