/*structure*/

/* �l�ments g�n�raux */ 
* {margin:0;padding:0;font-size:11px;}
/* html a:hover {visibility:visible;}*/
body {background:#fff url(../img/structure/fond_body.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; color:#000; 
/*
JPR Pour Footer JSP 
text-align:center;
*/
}
ul {list-style: none;}
hr {visibility: hidden; clear: both; border:0;height:1px;}
.clear {clear: both; display: block; height:1px; margin-top:-1px;}
a img {border:0px;}
.gauche {padding-top:10px;float:left;}
.droite {float:right;}
.deux {padding-top:2px;}
.trois {padding-top:3px;}
.welcome {font-size:14px;}
.padtopzero {padding-top:0px;}
.padix {padding-left:10px;}
.padvingt {padding-left:20px;}
.padtrente {padding-left:30px;}
.padcinq {padding-left:5px;}
.padixtop {padding-top:10px;}
.padixxtop {padding-top:20px;}
.pacinqtop {padding-top:5px;}
.padvingttop {padding-top:20px;}
.padvingtbottom {padding-bottom:20px;}
.marginvingttop {padding-top:20px;}
.vingtmarginbottom {margin-bottom:20px;}
.sixtmarginbottom {margin-bottom:6px;}
.paddeux {padding:2px;}
.margincinqdroit {margin-right:5px;}
.margindixdroit {margin-right:10px;}
.marginquinzedroit {margin-right:15px;}
.margincinqbas {margin-right:5px;}
.margincinqtop {margin-top:5px;}
.titre {background-image:none; text-align:left; font-size:18px; font-weight:bold; height:20px;}
.soustitre {clear:both;display:block;font-size:14px; font-weight:bold;padding-top:6px}
.soustitresmall {font-size:11px; font-weight:bold;}
.soustitrerouge  {font-size:14px; font-weight:bold; color:#FE010D;}
.soustitrerougenofontsize  {font-weight:bold; color:#FE010D;}
.soustitrenofontsize {font-weight:bold;}
.soustitreb  {font-size:13px; font-weight:bold;}
.autour {margin-left: auto; margin-right:auto;}
.centre {text-align:center;}
.adroite {text-align:right;}
.noir {color:#000;}
a.noir {color:#000;}
a.blancrubrique {color:#fff; font-weight:normal;}
a.noirsmall {color:#000; font-size:9px;}
.noirsmall {color:#000; font-size:9px;}
a.noirnone {color:#000; text-decoration:none;}
a.noirnone:hover {color:#000; text-decoration:underline;}
a.rougecinq {color:#FE010D; margin-left:5px;}
.rouge {color:#FE010D;}
.marron {color:#DC9802;}
.pasdefond {margin:15px; background-image:none;}
.fcellulegris {clear:both;  height:auto; background-color:#f5f5f5; padding:3px 2px 3px 5px; margin:2px; width:111px;}
.fcellulegriscontenu {clear:both;  height:auto; background-color:#f5f5f5; padding:3px 2px 3px 5px; margin:2px; width:145px;}
.fcellulegris p.a {float:left; }
.fcellulegris p.b {float:right; text-align:right; voice-family: "\"}\""; voice-family:inherit; width:255px; voice-family: "\"}\"";} 
.fcellule {padding:3px 2px 3px 5px; margin:2px; height:auto; width:111px;}
.fcellulecontenu {padding:3px 2px 3px 5px; margin:2px; height:auto; width:145px;}
.titretable {padding:15px 2px 10px 5px; margin-bottom:5px; height:15px;}
.cinquante  {height:50px;}
.quarante  {height:40px;}
.trente  {height:30px;}

/* Ajout 23-10-07*/
.soustitredescriptif {
	clear:both;
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:0pt 0pt 0pt 5px;
	padding-top:15px;
}
/* END Ajout 23-10-07*/


.textmentionsarticle {float:left; padding:5px 0 20px 0px; width:730px;}
.textmentionsarticle  p {float:left; padding:0 0 0 10px;}
.textmentionsunderline {float:left; padding:5px 0 20px 30px; width:730px;}
.textmentionsunderline  p {float:left; padding:0 0 0 10px;}
.infoslegalesmini {float:left; padding:15px 0 20px 10px; width:720px; font-size:10px;}

.mapliens {float:left; width:240px; border-right:1px solid #CECCCC; margin:5px 0 10px 9px; padding-bottom:25px;}
.mapliensnone {float:left; width:240px; margin:5px 0 10px 9px;}

.mapliens p, .mapliensnone p {clear:both; float:left; margin:0; width:235px;}

.mapliens a, .mapliensnone a {clear:both; float:left; margin:1px 0 1px 0;}

.titremapliens {clear:both; float:left; margin:30px 0 2px 0; font-weight:bold;}


p.titrearcticle {float:left; margin:10px 0 0 0; font-weight:bold; width:718px;}
p.textarcticle {clear:both; margin:10px 0 0 0;  float:left; width:718px;}
/* fin �l�ments g�n�raux */ 

.hidden { position: absolute; display:none }
.visible { position: absolute; display:block }

/* rail */
#rail {float:left; text-align:left; padding: 0 0 0 10px; width:890px;}
/* rail */
/**************** Nav gauche *****************/
#menugauche {width:190px; float:left; padding-top:10px; float:left; text-align:left; font-size:11px; color:#fff;}

/* 
#menugauche a, #menugauche h3 {display: block;}
*/
#menugauche a, #menugauche h3 {display:list-item;}

#menugauche h3 {font-size:13px; text-align:center; height:21px;}
#menugauche ul li h3 {padding-top:3px;text-align:center;}
#menugauche ul li ul li ul, #menugauche ul li ul li a, #menugauche ul li ul li ul {border-right:0px; border-left:0px;}
#menugauche ul li ul li ul, #menugauche ul li ul ul {border:0px;}
#menugauche li {width:190px;font-weight:bold; float:left; voice-family: "\"}\""; voice-family:inherit; float:left; voice-family: "\"}\"";}
html>body #menugauche ul li ul {float:none;}
#menugauche ul li a { text-decoration:none; color:#fff; padding:3px 0 2px 20px;} 
#menugauche ul li a:hover {text-decoration:none;} 
/****************  Nav gauche *****************/

/* Module Recherche */
#recherche {float:left; background: url(../img/structure/fond_recherche.gif) no-repeat; width:190px; height:24px;}	
#recherche fieldset {border:0;}
#recherche form {padding:4px 0 0 6px;}
#recherche fieldset legend {display:none;}
#recherche input.recherche {padding-left:4px; height:14px; border:1px solid #C11826; vertical-align: middle; float:left; width:150px; font-size:11px;}
#recherche input.bt_recherche {vertical-align: middle; float:left; padding-left:5px;}
/* Fin module Recherche */


/* construction */
/* titre */
h1 {float:right;}
/* fin titre */

/* div pour lien central*/
#audessus {margin-bottom:-270px;z-index:4; position:relative;width:553px;height:0;}/*top:-258px;*/
#inferieur {z-index:2;}
/* fin div pour lien central*/

/* structure */
#contour {clear:both; width:980px; background-color:white; margin-left: auto; margin-right:auto;overflow:hidden;}
#bienvenue {float:left;}
#contenu {float:left; padding:5px 0 20px 0;}
#gauche {padding:10px 0 0 8px;  float:left; width:190px; margin:0 13px 0 0;}
#centre {float:left; width:553px; padding:10px 0 0 0; margin-right:21px;}
#droit {float:left; width:190px;} /*background-color:Green;*/ 
/* fin structure */
	
	/*////////////////////// Bienvenue dans votre magasin \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */ 
	#magasin {width:478px; float:left; padding:4px 0 0 0; margin:0 0 0 8px;}
	#magasin p {float:left; text-align:left; margin:1px;}
	.magasindroit  {width:275px; float:left; font-size:14px; font-weight:bold;}
	#liensmagasin {clear:both; width:470px; padding:5px 0 0 0; text-align:left;}
	a.lienrouge {padding:0 0 0 4px; color:#ED1C2E; text-decoration:underline;}
	/*////////////////////// fin Bienvenue dans votre magasin \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */ 
	
	/*////////////////////// newsletter \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/* 
	#newsletter {margin-top:12px; float:left; width:190px; border:1px solid #D2D2D2; height:97px;}
	#newsletter h3 {background: url(../img/structure/newsletter_inscription.gif) no-repeat;}
	#newsletter p {text-align:left; float:left; font-size:11px; margin-left:3px;}
*/	
	/* Module Recherche */
/*
	#newsletter fieldset {clear:both; border:0;}
	#newsletter form {padding:4px 0 10px 6px;}
	#newsletter fieldset legend {display:none;}
	#newsletter input.newsletter {padding-left:4px; height:14px; border:1px solid #BEBDBD; vertical-align: middle; float:left; width:150px; font-size:11px;}
	#newsletter input.bt_newsletter {vertical-align: middle; float:left; padding-left:5px;}
*/
	/* Fin module Recherche */
	
	/*////////////////////// newsletter \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */ 
	
	
	/*////////////////////// achat confiance \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */ 
	#achatconfiance {float:left; padding-top:12px; width:190px;}
	#achatconfiance h3 {margin:0; margin-bottom:10px;z-index:0;}
		#achatliste {float:left; background: url(../img/structure/fond_achat.gif) no-repeat; width:191px; border:1px solid #D2D2D2; border-top:0px; padding-bottom:10px;
		voice-family: "\"}\"";
		voice-family:inherit;
    	 width:189px;
		voice-family: "\"}\"";
		} 
		#achatliste ul {padding:9px 0 0 9px;}
		#achatliste li {text-align:left; margin:5px; background: url(../img/structure/confiance_puce.gif) no-repeat;}
		#achatliste ul li p {width:160px; float:left;color:#000; text-decoration: none; padding-left:20px; font-size:11px;
		voice-family: "\"}\"";
		voice-family:inherit;
    	float:none;
		width:150px;
		voice-family: "\"}\"";
		}
		
		#achatliste ul li a:hover {text-decoration: underline;}
	.annonce {clear:both; padding-top:12px; width:190px;}	
	/*////////////////////// fin achat confiance \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */ 
	


/*////////////////////// identifiant \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */ 
#calqueidentifiant {background-color:#008661; text-align:center; height:26px; color:#fff;}
#identifiant {background-color:#008661; width:994px; margin-left: auto; margin-right:auto;} /*background-color:Green;*/ 
#identifiant ul {padding-top:5px; float:right;}
#identifiant li {float:left;}
.bonjour {margin-right:20px;}

#identifiant ul.retourAccueil {float:left;margin:0;padding:0;list-style-type:none;padding-top:5px;padding-left:16px;}
#identifiant ul.retourAccueil li {background:url(../img/accueil/logo_auchan_blanc.gif) no-repeat ;padding:0;margin:0;padding-left:20px}
#identifiant ul.retourAccueil li a,ul.retourAccueil li a:hover {color:white;text-decoration:underline;font-weight:bold;}

a.connexion, a.connexion:hover {font-size:11px; text-decoration:underline; color:#fff; margin:0 2px 0 2px;}
a.compte, a.compte:hover {font-size:11px; text-decoration:underline; background: url(../img/structure/bt_votre_compte.gif) no-repeat; padding: 0 12px 0 14px; color:#fff;}
a.favoris, a.favoris:hover {font-size:11px; text-decoration:underline; background: url(../img/structure/bt_vos_favoris.gif) no-repeat; padding: 0 12px 0 14px; color:#fff;}
a.panier, a.panier:hover {font-size:11px; text-decoration:underline; background: url(../img/structure/bt_votrepanier.gif) no-repeat; padding: 0 12px 0 14px; color:#fff;}

/* non logg� */
.bonjournonid {padding-right:8px; margin:0;}
.bonjournoniddeux {padding-right:18px; margin:0;}
.bonjournoniddeux a {color:#fff; font-weight:bold;}
/* fin  non logg� */

/*////////////////////// fin identifiant \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */ 


/*////////////////////// menu \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */ 
#menu {clear:both; padding:0 8px 0 8px; background: url(../img/structure/menu_fond.gif); height:26px;}
#menu ul {float:left;}
#menu li {float:left; color:#fff;}
#menu li a {text-decoration: none;font-size:13px; padding-top:6px;font-weight:bold; display:block;}
#menu li a:hover{color:#000;}

.menuaccueil {width:137px; height:26px;background: url(../img/structure/bt_accueil_off.gif) 0 0 no-repeat;}
.menuaccueil a {color:#fff; width:137px; height:26px;}
.menuaccueil a:hover, li.menuaccueilover a {width:137px; height:26px; color:#000; background: url(../img/structure/bt_accueil_off.gif) 0 -34px no-repeat; voice-family: "\"}\""; voice-family:inherit; height:20px; voice-family: "\"}\"";}

.menuelectromenager {width:137px; height:26px;background: url(../img/structure/bt_electromenager_off.gif) 0 0 no-repeat;}
.menuelectromenager a {color:#fff; width:137px; height:26px;}
.menuelectromenager a:hover, li.menuelectromenagerover a  {width:137px; height:26px; color:#000;background: url(../img/structure/bt_electromenager_off.gif) 0 -34px no-repeat;voice-family: "\"}\""; voice-family:inherit; height:20px; voice-family: "\"}\"";}

.menumultimedia {width:137px; height:26px;background: url(../img/structure/bt_multimedia_off.gif) 0 0 no-repeat;}
.menumultimedia a {color:#fff; width:137px; height:26px;}
.menumultimedia a:hover, li.menumultimediaover a {width:137px; height:26px; color:#000;background: url(../img/structure/bt_multimedia_off.gif) 0 -34px no-repeat; voice-family: "\"}\""; voice-family:inherit; height:20px; voice-family: "\"}\"";}

.menutelephonie {width:137px; height:26px;background: url(../img/structure/bt_telephonie_off.gif) 0 0 no-repeat;}
.menutelephonie a {color:#fff; width:137px; height:26px;}
.menutelephonie a:hover, li.menutelephonieover a  {width:137px; height:26px; color:#000;background: url(../img/structure/bt_telephonie_off.gif) 0 -34px no-repeat; voice-family: "\"}\""; voice-family:inherit; height:20px; voice-family: "\"}\"";}

.menuimageson {width:137px; height:26px;background: url(../img/structure/bt_imageson_off.gif) 0 0 no-repeat;}
.menuimageson a {color:#fff; width:137px; height:26px;}
.menuimageson a:hover, li.menuimagesonover a {width:137px; height:26px; color:#000;background: url(../img/structure/bt_imageson_off.gif) 0 -34px no-repeat; voice-family: "\"}\""; voice-family:inherit; height:20px; voice-family: "\"}\"";}

.menuphoto {width:137px; height:26px;background: url(../img/structure/bt_photo_off.gif) 0 0 no-repeat;}
.menuphoto a {color:#fff; width:137px; height:26px;}
.menuphoto a:hover, li.menuphotoover a {width:137px; height:26px; color:#000;background: url(../img/structure/bt_photo_off.gif) 0 -34px no-repeat; voice-family: "\"}\""; voice-family:inherit; height:20px; voice-family: "\"}\"";}

.menuservices {width:156px; height:26px;background: url(../img/structure/bt_services_on.gif) 0 0 no-repeat;}
.menuservices a {color:#fff; width:156px; height:26px;}
.menuservices a:hover, li.menuservicesover a {width:156px; height:26px; color:#000;background: url(../img/structure/bt_services_on.gif) 0 -34px no-repeat; voice-family: "\"}\""; voice-family:inherit; height:20px; voice-family: "\"}\"";}
/*////////////////////// fin menu \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */ 

/*////////////////////// pieds \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */ 
#calquepied {clear:both; text-align:center; height:30px; background-color:#008661;}
#pied {width:575px; margin-left: auto; margin-right:auto;} /*background-color:Green;*/ 
#pied ul {padding-top:9px;float:left;}
#pied li {float:left;}
#pied ul li a {float:left; color:#fff; text-decoration: none; background: url(../img/structure/puce_blanche.gif) 0 5px no-repeat; padding-left:7px; margin-right:5px; font-size:11px;}
#pied ul li a:hover {text-decoration: underline;}
/*////////////////////// fin pieds \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */ 

/*background-color:deepskyblue;  background-color:Red;  background-color:ivory;  background-color:Yellow; background-color:Orange;  background-color:silver; background-color:Aqua;*/

/*////////////////////// colonne \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */ 
.simplebloque {text-align:left; float:left; width:760px; padding:10px 0 0 0;}
.comparateur {float:left; padding:10px 0 0 0;}

.comparateurmenu {float:left; width:767px;}
html>body .comparateurmenu {width:765px;}
.comparateurmenu p {float:left;}

.lienmenu {text-align:right; float:left; width:210px; padding:22px 0 0 0;}
.contourtableau { position:relative;float:none; clear:both; width:758px;}
/*html>body .contourtableau {width:763px;}*/

.illus {float:left; width:760px; padding:10px 0 10px 0;}
.flashanime {float:left; width:756px; width:68px;}
.flashcommentaire {float:left; width:688px; height:72px;}
.flashcommentaire p {float:left;padding: 12px 0 0 28px; width:605px; voice-family: "\"}\""; voice-family:inherit; width:575px; voice-family: "\"}\"";}

.comparaison {float:left; margin:0 0 0 0px; width:754px;}
a.liencompa {display:block; margin:5px 0 0 10px; color:#000; height:25px; width:83px;}

.diminue {width:145px; margin-left:7px; margin-bottom:5px;}
.diminuelarge {float:left; width:149px; margin:8px 0 0 4px;}
.voircaracteristiques {float:left; margin:15px 0 0 10px;}
.touteslescaracteristiques {float:left; padding:0 0px 5px 25px; margin-left: 5px; text-align:right; color:red; background: url(../img/structure/btn_voir_detail_rouge.gif) 0 0 no-repeat;}

/* retirer */
.retirer {float:left; text-align:right;}
a.off, a:hover.off {color:#1485B3; float:right; background:#fff url(../img/electromenager/off.gif) right no-repeat; padding-right:18px; vertical-align: middle; font-size:10px; font-weight:bold;}
/* retirer */

/* retirergauche */
.retirergauche {clear:both;float:left; margin-top:8px;}
a.offgauche, a:hover.offgauche {float:left; color:#1485B3; background:#fff url(../img/electromenager/off.gif) no-repeat; padding-left:18px; vertical-align: middle; font-size:10px; font-weight:bold;}
/* retirergauche */


/* suprcommande */
.suprcommande {margin-top:4px;}
a.offcommande, a:hover.offcommande {color:Red; width:150px; background: url(../img/membre/off_red.gif) no-repeat; padding-left:18px; vertical-align: middle; font-size:10px; font-weight:bold;}
/* suprcommande */


.prdpetit {float:left; margin-top:5px;}
.imagepetit {float:left; width:50px; margin-left:4px;}
.prdinfos {clear:both; margin-top:3px; float:left; font-size:11px; width:155px;}
.prdinfos span {font-size:12px; font-weight:bold;}

/* ajouter */
.ajouter {float:left; text-align:right; margin-top:5px;}
a.enplus, a:hover.enplus {color:#FE010D; float:left; background:#fff url(../img/module/ajoutpanier.gif) top left no-repeat; padding-left:25px; vertical-align: middle; height:20px;}
/* ajouter */

/* ajoutersimple */
.ajoutersimple {float:left; text-align:right; padding-bottom:15px;}
a.enplussimple, a:hover.enplussimple {color:#FE010D; float:left; background:#fff url(../img/module/ajoutpanier.gif) top left no-repeat; padding-left:25px; vertical-align: middle; height:20px;}
/* ajouter */

/* ajouterfavoris */
.ajouterfavoris {float:left; text-align:right; margin-top:5px; color:#1485B3;}
a.enplusfavoris, a:hover.enplusfavoris {color:#1485B3; float:left; background:#fff url(../img/module/bt_favoris.gif) top left no-repeat; padding-left:25px; vertical-align: middle; height:20px;}
/* ajouterfavoris */

/* ajouterfavoris */
.troisliste ul{float:left; width:700px;}
.troisliste p {float:left; color:#DC9802; margin:10px 30px 10px 0;}
/* ajouterfavoris */


/* Bt retour */
.btretour {text-align:right; margin: 20px 10px 0 0;}
/* Bt retour */

.retourliste {clear:both; float:left; text-align:right; width:760px;}
.retourliste p {margin:15px 15px 15px 0;}

/*////////////////////// fin colonne \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */ 


.comparateurmenunone {height:5px; width:760px;}



/* fin construction */

/* positionnement */
.alignCenter{
	text-align: center;
}
.alignRight{
	text-align: right;
}
.floatRight{
	float:right;
}
.floatLeft{
	float:left;
}
.floatLeftImgtext{
	float:left;
	margin-right:20px;
}
.floatRightImgtext{
	float:right;
	margin-left:20px;
}

.xxSmalTxt{
	font-size: 9px;
}

.xSmallTxt{
	font-size: 10px;
}

.bigTxt{
	font-size: 12px;
}
.xlTxt{
	font-size: 13px;
}
.xxlTxt{
	font-size: 14px;
}
.xfatTxt{
	font-size: 16px;
}
.xxfatTxt{
	font-size: 18px;
}

/* marges */
.margB5{
	margin-bottom:5px;
}
.margB10{
	margin-bottom:10px;
}
.margB15{
	margin-bottom:15px;
}
.margB20{
	margin-bottom:20px;
}
.margB30{
	margin-bottom:30px;
}
.margH10{
	margin-top:10px;
}
.margH15{
	margin-top:15px;
}
.margH20{
	margin-top:20px;
}
.margR20{
	margin-right: 20px;
}
.margL10{
	margin-left:10px;
}
/* Fin marges */

/*input quantity*/
.inputQuantity{
   width: 20px;
   height:17px;
   font-size: 11px;
   border: solid 1px #999999;
   text-align: center;
   margin-right: 1px;
   padding:3px 0 0 0 ;
   vertical-align:middle;
}

/* Fiche prod 06/11/07*/
a.btPlus{
   position: absolute;
   top: 1px;
	background: url(../img/common/pict_plus.gif) no-repeat;
}
a.btMoins{
   position: absolute;
   top: 13px;
	background: url(../img/common/pict_moins.gif) no-repeat;
}
a.btPlus img, a.btMoins img{
  visibility:hidden;
}
/* Fin Fiche prod 06/11/07*/

/* modifs Emilie 05/11/08 */
.selectAll, .UnSelectAll, .deleteSel{
	font-size:11px!important;
}
/* fin modifs Emilie 05/11/08 */

/* digitas 21/08/09 , iframe bug IE*/
#headerNav li .item1{
                position:relative;
}

.selectFrameCatalogue{
	position:absolute;
	top:30px;
	left:0;
	width:187px;
	z-index:1;
	height:40px;
	border:0;
	background:red;
}

#headerNav .leftNav{
	z-index:1;
}

