/*---------- @STYLES DE BASE ----------*/
@charset "utf-8";
/* Page */ 
html {height:100%; font-size: 100%; /* Évite un bug d'IE 6-7.*/ } 
body {
	height:100%; 
	margin:0; 
	padding:0;
	background:url('template-bg.jpg') no-repeat center top #E8E8E8;
	text-align:center;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	/*line-height: 1.2em;*/ /*À adapter au design.*/ 
	color:#1a1a1a
} 
body.recommander {background:none}

/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin:0; /* Rapproche le titre du texte.*/ 
  line-height:1.2em; 
  font-weight:normal; /* Valeur par défaut.*/ 
  font-style:normal; 
}
h1 {font-size:1.75em} 
h2 {font-size:1.5em} 
h3 {font-size:1em} 
h4 {font-size:1em}

/* Listes */ 
ul, ol { 
  margin:0; 
  padding:0; 
  list-style:none;
}
li{list-style:none;}

/* Paragraphes */ 
p { margin: .75em 0; /*Marges plus faibles que par défaut.*/} 
address { margin: .75em 0; font-style: normal} 
blockquote{margin:0; padding:5px}

/* Liens */ 
a {text-decoration:none; color:#747474} 
a:link, a:visited , a:hover, a:focus, a:active {text-decoration:none; outline:none}
#conteneur a:hover {text-decoration:underline} 

.font_size11 {font-size:11px;}

/*Pas de bordure autour des images dans les liens */ 
a img {border:none} 
 
/*Divers éléments de type en-ligne*/ 
em {font-style: italic} 
strong {font-weight:bold} 

/*Formulaires*/ 
form, fieldset {margin: 0; padding: 0; border: none} 
input, button, select {vertical-align:middle; font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#747474; line-height:1em;/* Solution pb. d'alignement.*/ }
textarea{color:#747474}

/*Tableaux*/
table{border:0}

/*---------- @DIVERS ET UTILITAIRES ----------*/
/** Sablier **/
.ajax-loader {background:url('template-ajax-loader.gif') no-repeat center top; height:200px; display:block; }

/** JQUERY VALIDATE ET FORMULAIRES**/
label.errorForm  {color:#1a1a1a;display:none;font-size:10px}
label {cursor:pointer}
input.errorForm, select.errorForm, textarea.errorForm {border:2px solid #BB3B30}
input.validForm, select.validForm, textarea.validForm {border:2px solid #1a1a1a; background-color:#E9E9EB}
.input_txt, .textarea_txt, .txt_cnx{width:200px; padding:4px; background-color:#E9E9EB; border:solid 1px #1a1a1a}
.textarea_txt{height:80px}
.input{width:200px; padding:4px; background-color:#FFF; background-color:#E9E9EB; border:solid 1px #1a1a1a}
.textarea{width:200px; height:80px; padding:4px; background-color:#E9E9EB;  border:solid 1px #1a1a1a}
.champform input, .champform textarea{width:240px; padding:4px; background-color:#E9E9EB; border:solid 1px #1a1a1a}
.champform textarea{height:80px}
.textarea_produit{width:240px; padding:4px; border:solid 1px #1a1a1a; background-color:#E9E9EB; color:#1a1a1a}

/*Divers*/
.clear{clear:both}
.etoile{color:#BB3B30}
.erreur{text-align:center; color:#BB3B30; font-weight:bold}
.stat{display:none}
#contenupage .souligner, #contenupage .souligner:hover{text-decoration:underline}
.cadre{width:70%; margin:0 auto 15px auto; padding:20px; border:solid 1px #1a1a1a; text-align:center}
.cadreartspe{width:90%; margin:0 auto 15px auto; padding:20px; border:solid 1px #1a1a1a;}
#descriptionArtspe{text-align:center;padding-bottom:25px;}

/*page article spécifique*/


#choix1{float:left; width:260px; padding:5px;border:solid 1px #1a1a1a;}
#choix2{float:left; width:260px; margin-left:20px; padding:5px;border:solid 1px #1a1a1a;}

#choix3{width:846px; margin:10px auto; padding:5px; border:solid 1px #1a1a1a;}
.visuelBit {  float:left; width:210px; margin:10px 0px 0px 44px; text-align:center; padding:5px;border:solid 1px #1a1a1a;}

.popup_alerte{margin-top:20px; height:120px; background-color:#FFF; border:solid 1px #1a1a1a; text-align:center; font-style:italic; font-size:14px; color:#BB3B30}
.texteperso{padding:15px 0; font-style:italic; color:#747474}
.texteperso_panier{padding:15px 0; font-style:italic; font-weight:bold}

.magnetTitre{height:45px; background:url('template-magnet_ico.jpg') no-repeat; padding-left:35px; position:relative}
	.magnetTitre_img{width:100%; height:28px; border-bottom:solid 1px #4D4D4D}
.td_alt1, .td_alt2{padding:10px; background:url('template-pointille_h.gif') repeat-x left bottom}
.alt1{background-color:#EAEAEA}
.alt2{background-color:#FFF}
	#conteneur .divers_lib{display:block; margin-bottom:10px; font-weight:bold; text-decoration:underline; color:#E53000}
.td_gras{text-align:right; font-weight:bold}

.sansation_gras16{padding:10px 0; text-align:center; font-size:16px; font-weight:bold; font-family:'SansationRegular', Arial, sans-serif}

/*Bordures et pointillés*/
.pointille_haut{background:url('template-pointille_h.gif') repeat-x}
.pointille_bas{background:url('template-pointille_h.gif') repeat-x left bottom}
.pointille_vertical{background:url('template-pointille_v.gif') repeat-y center top}
.bordure{border:1px solid #1a1a1a}
	.bordure_h{border-top:1px solid #1a1a1a}
	.bordure_d{border-right:1px solid #1a1a1a}
	.bordure_b{border-bottom:1px solid #1a1a1a}
	.bordure_g{border-left:1px solid #1a1a1a}

/*Arrondis 10px*/
.arrondi{-moz-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px; border-radius:10px}
/*arrondis du haut*/ 
.arrondi_hgd{-moz-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0} 
.arrondi_hg{-moz-border-radius:10px 0 0 0;-o-border-radius:10px 0 0 0;-webkit-border-radius:10px 0 0 0; border-radius:10px 0 0 0} 
.arrondi_hd{-moz-border-radius:0 10px 0 0;-o-border-radius:0 10px 0 0;-webkit-border-radius:0 10px 0 0; border-radius:0 10px 0 0}
/*arrondis du bas*/
.arrondi_bgd{-moz-border-radius:0 0 10px 10px;-o-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px} 
.arrondi_bd{-moz-border-radius:0 0 10px 0;-o-border-radius:0 0 10px 0;-webkit-border-radius:0 0 10px 0; border-radius:0 0 10px 0} 
.arrondi_bg{-moz-border-radius:0 0 0 10px;-o-border-radius:0 0 0 10px;-webkit-border-radius:0 0 0 10px; border-radius:0 0 0 10px} 
 /*arrondis cote droite en haut et bas*/
.arrondi_dhb{-moz-border-radius:0 10px 10px 0;-o-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0; border-radius:0 10px 10px 0}
 /*arrondis cote gauche en haut et bas*/
.arrondi_ghb{-moz-border-radius:10px 0 0 10px;-o-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px; border-radius:10px 0 0 10px}

/*Arrondis 5px*/
.arrondis{-moz-border-radius:10px;-o-border-radius:5px;-webkit-border-radius:5px; border-radius:5px}
/*arrondis du haut*/ 
.arrondis_hgd{-moz-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0} 
.arrondis_hg{-moz-border-radius:5px 0 0 0;-o-border-radius:5px 0 0 0;-webkit-border-radius:5px 0 0 0; border-radius:5px 0 0 0} 
.arrondis_hd{-moz-border-radius:0 5px 0 0;-o-border-radius:0 5px 0 0;-webkit-border-radius:0 5px 0 0; border-radius:0 5px 0 0}
/*arrondis du bas*/
.arrondis_bgd{-moz-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px} 
.arrondis_bd{-moz-border-radius:0 0 5px 0;-o-border-radius:0 0 5px 0;-webkit-border-radius:0 0 5px 0; border-radius:0 0 5px 0} 
.arrondis_bg{-moz-border-radius:0 0 0 5px;-o-border-radius:0 0 0 5px;-webkit-border-radius:0 0 0 5px; border-radius:0 0 0 5px} 
 /*arrondis cote droite en haut et bas*/
.arrondis_dhb{-moz-border-radius:0 5px 5px 0;-o-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0}
 /*arrondis cote gauche en haut et bas*/
.arrondis_ghb{-moz-border-radius:5px 0 0 5px;-o-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px}

/*Couleurs*/
.noir{color:#3F3F3F}
.vert{color:#77AF15}
.gris{color:#999}
.grisfonce{color:#666}
.rouge{color:#E53000}

/*Marges extérieurs et interieures*/
.marginBas_15{margin-bottom:15px}
.marginTop_15{margin-top:15px}

.marginTop_3{margin-top:3px}
.marginTop_5{margin-top:5px}

.margin_right_30 {margin-right:30px}

/*Police spéciale*/
@font-face {
    font-family:'SansationRegular';
    src: url('/configurations/www.123-magnet.com/images/templates/sansation_regular-webfont.eot'); /*ie9*/
    src: url('/configurations/www.123-magnet.com/images/templates/sansation_regular-webfont.eot?#iefix') format('embedded-opentype'), /*ie6-ie8*/
         url('/configurations/www.123-magnet.com/images/templates/sansation_regular-webfont.woff') format('woff'), /*modern browsers*/
         url('/configurations/www.123-magnet.com/images/templates/sansation_regular-webfont.ttf') format('truetype'), /*safari, etc*/
         url('/configurations/www.123-magnet.com/images/templates/sansation_regular-webfont.svg#SansationRegular') format('svg'); /*XML format sur les mobiles*/
    font-weight: normal;
    font-style: normal;
}


.float_left {float:left;}
.float_right {float:right;}


/*---------- @GROUPE STRUCTURE ----------*/
#conteneur{width:993px; margin:0 auto; text-align:left}
	#header{width:993px}
	#contenupage{width:993px; height:500px}
	html>body #contenupage{min-height:500px; height:auto}
		/*index*/
		.contenupage_g{float:left; width:778px}
		.contenupage_d{float:right; width:208px}
		/*autres pages de contenu*/
		.gauche{float:left; width:208px}
		.droite{float:right; width:778px}
			.droite_h{width:695px; height:25px; padding:11px 62px 0 21px; background:url('template-droite_h.png') no-repeat}
			.droite_m{width:735px; padding:17px 22px; background:url('template-droite_m.png') repeat-y}
			.droite_b{height:17px}
	#footer{width:993px}

/*---------- @HEADER ----------*/
.header_bordure{height:113px; padding:0 17px 0 17px; background:url('template-header_bodure.png') repeat-y}
	.phraseadmin{float:left; width:678px; height:25px; font-size:11px; color:#999}
	.menudivers{float:right; width:275px; height:25px; background-color:#EAECF0; line-height:25px; text-align:center; font-size:12px; font-family:'SansationRegular', Arial, sans-serif}
		.menudivers a{color:#4D4D4D}
		.menudivers span{padding:0 13px; color:#808080}
	
	.logo{float:left; width:423px; height:88px}
	.contact{float:left; width:240px; height:80px}
	/*Logo fabrication francaise*/
	.fabricationFR{float:left; width:94px; height:80px; padding-top:8px; position:relative; z-index:1}	
		.fabricationFR_logo{position:absolute; left:0; top:8px}	
	/*Mon panier*/		
	.monpanier_FR{float:left; width:202px; height:80px; margin-top:8px; background:url('template-monpanier_bg_FR.jpg') no-repeat}
	.monpanier_EN{float:left; width:202px; height:80px; margin-top:8px; background:url('template-monpanier_bg_EN.jpg') no-repeat}
		a.sac{float:left; display:block; width:63px; height:70px}
			#contenuPanierCommun a.sac:hover{text-decoration:none}
		.monpanier_details{float:right; width:139px; padding-top:32px}
			.monpanier_nbart{padding-right:8px; font-weight:bold; color:#1A1A1A; white-space: nowrap; display:block;}
			.monpanier_tot{color:#E53000; white-space: nowrap; display:block;}
			.monpanier_acceder{display:block; height:15px; margin-top:4px; padding-left:9px; background:url('template-puceNoir_droite.jpg') no-repeat 0 4px; font-family:'SansationRegular', Arial, sans-serif}
		
/**Onglets**/
.onglets{clear:both; height:63px; padding:0 15px 0 10px; background:url('template-onglets_bg.png') no-repeat}
	.onglets_content{float:left; width:740px; height:49px}
		.onglets table{height:49px}
			/*Bits*/	
			td.ongletBit{height:49px; text-alingn:left}
						
	/*Barre de recherche*/						
	.recherche{float:left; width:228px; height:25px; padding-top:13px}
		.recherche table{height:25px}
			#header .input_rech{width:175px; height:25px; margin:0; padding:0 0 0 27px; background:url('template-inputrech_bg.jpg') no-repeat; border:0 none; line-height:25px}
				
	/*Barre de navigation*/
	.navigation{width:956px; padding:0 12px; height:23px; line-height:23px; color:#626262}
		.navigation h1, .navigation h2{display:inline; font-size:12px; color:#626262}
			.navigation a , .navigation h1 a, .navigation h2 a{color:#626262}
			
	#references{padding:60px 0 0 30px;}
/*---------- @FOOTER ----------*/
/*Menu instit*/
.footer_bordure{padding:0 20px 20px 20px; background:url('template-footer_bordure.png') repeat-y; color:#B2B5C4}
	/*Menu instit*/
	.nosgaranties{float:left; width:203px}
	.nosservices{float:left; width:137px}
		.menuinstit_entete{height:36px}
		.nosgaranties ul, .nosservices ul{padding:6px 0 0 33px}
			.nosgaranties ul li, .nosservices ul li{padding:0 0 4px 7px; background:url('template-puceMenuinstit.jpg') no-repeat 0 6px}
			
	/*Actualités*/
	.actu{float:right; width:554px}
		.actu_content{height:140px; margin-bottom:8px; padding-top:8px; overflow:hidden; color:#666}
		.lirelasuite{text-align:right}
			.lirelasuite a{font-style:italic; color:#666}
			
/*Copyright*/
.copyright{height:41px; background:url('template-copyright_bg.png') no-repeat; line-height:35px; text-align:center; font-size:11px; color:#fff; position:relative}
	.facebook, .twitter{position:absolute; top:6px; width:22px; height:22px}
	.facebook{/*right:48px*/right:20px;}
	.twitter{right:20px}
	#footer .copyright a{text-decoration:underline; color:#fff}	
/*logo banques*/
.paiementsecurise_logo{padding:10px 0 0 17px; height:30px}	
/*texte de réf*/
.referencement{padding:0 17px 10px 17px; font-size:11px; color:#999}
	.referencement a{text-decoration:underline; color:#999}

/*---------- @INDEX ----------*/
	/**Le carrousel**/
	.carrousel_content{width:774px; height:307px; margin:3px 0 0 0; position:relative; z-index:0; text-align:center}
		.carrouselBordure_g{position:absolute; top:0; left:0; z-index:10; width:10px; height:307px}
		.carrouselBordure_d{position:absolute; top:0; right:0; z-index:10; width:10px; height:307px}
		.carrouselBordure_h{position:absolute; top:0; left:10px; z-index:10; width:754px; height:10px; background:url('template-carrouselBordure_h.png') repeat-x}
		.carrouselBordure_b{position:absolute; bottom:0; left:10px; z-index:10; width:754px; height:10px; background:url('template-carrouselBordure_b.png') repeat-x}
	
		.carrousel{width:765px; height:300px; position:relative; top:2px; left:3px; overflow:hidden}
			.carrousel ul{width:20000px; height:300px}
				/**Diapos images**/
				li.carrouselImageBit{float:left; width:765px; height:305px; position:relative; z-index:2}
					li.carrouselImageBit a{/*display:block; width:765px; height:300px; position:relative; left:0; top:0; z-index:20;*/ cursor:pointer}
				
		/**Boutons**/
		.btn{width:100%; height:20px}
			.btn table{height:22px}
				/**Boutons au repos**/
				.btn_1 a, .btn_2 a, .btn_3 a, .btn_4 a, .btn_5 a{display:block; width:11px; height:12px; background:url('template-btn.png') no-repeat}
				/*Hover sur les boutons*/
				.btn_1 a:hover,.btn_2 a:hover,.btn_3 a:hover,.btn_4 a:hover, .btn_5 a:hover{background:url('template-btn_over.png') no-repeat}
					
				/**Boutons à l'action par jquery**/
				.btn_1_over a, .btn_2_over a, .btn_3_over a, .btn_4_over a, .btn_5_over a,
				.btn_1_over a:hover, .btn_2_over a:hover, .btn_3_over a:hover, .btn_4_over a:hover, .btn_5_over a:hover{display:block; width:11px; height:12px; background:url('template-btn_over.png') no-repeat}
	
	/**Notre catalogue**/
	.notrecatalogue{width:777px; margin-bottom:20px; margin-bottom:20px}
		.notrecatalogue_titre{width:777px; height:34px}
			.notrecatalogue_titre img{position:relative; top:1px}
		.notrecatalogueContent{width:777px; margin-bottom:5px}
			.notrecatalogueBit{float:left; width:231px; height:282px; padding:13px 13px 0 13px; background:url('template-catalogueBit_bg.png') no-repeat; text-align:center}
			.notrecatalogueBit_2{margin-left:3px}
			.notrecatalogueBit_3{float:right}
				.notrecatalogueBit_ima{width:231px; height:186px}
				.notrecatalogueBit_lib{height:15px; text-transform:uppercase; color:#1A1A1A}
				.notrecatalogueBit_desc{height:25px; font-size:11px; color:#666}
		#voirtouteslescategs{width:767px; margin:0 auto; padding-top:7px; border-top:solid 1px #4D4D4D; text-align:center}

	.bloc{margin-bottom:5px; position:relative; right:-2px; top:0}
	
	
/*---------- @CATEGORIE ----------*/
/*catalogue*/
.gauche_h{height:14px}
.gauche_m{width:195px; padding:0 6px 0 7px; background:url('template-gauche_m.png') repeat-y}
	.catalogue{width:177px; padding:0 9px; background:url('template-degrade.jpg') repeat-x left bottom; color:#1A1A1A}
		.notrecatalogue_txt{height:32px}
		.ul_niv0{width:176px}
			li.parent_folderBitClose, .parent_folderBitOpen{border-bottom:solid 1px #7A7A7A}
				.parent_lib{padding:10px 0 5px 0; line-height:.9em}
					.parent_lib a{font-size:12px; font-weight:bold; text-transform:uppercase; color:#1a1a1a}
					.parent_folderBitOpen .parent_lib a{color:#82B324}
				.ul_niv1{padding-bottom:10px; }
					li.folderBitClose{padding-left:10px; background:url('template-puceCatalogue_close.jpg') no-repeat 0 5px;}
						li.folderBitClose a{color:#1a1a1a}
					li.folderBitOpen{padding-left:10px; background:url('template-puceCatalogue_open.jpg') no-repeat 0 5px}
						li.folderBitOpen a{color:#82B324}
.gauche_b{height:16px}


.forme_enfants{position:absolute;top:0;left:0;background-color:white;width:725px;border:5px solid grey;}
.fermer_enfants{float:right;width:50px;background-color:#CCC;padding:6px;}
#epaisseur{padding:10px 0;}

/*bloc de droite*/
.categ_lib{font-size:18px; color:#fff}
.categ_desc{float:left; width:530px; padding-bottom:15px; color:#666}
.categ_ima{float:right; width:204px; height:174px}
.choix_entete{height:37px}

#formes{position:relative;}
.formeBit{float:left; width:183px; height:220px; margin-bottom:10px; text-align:center;}
	.formeBit_lib{padding-bottom:5px; font-size:12px; font-weight:bold; text-transform:uppercase; color:#1a1a1a}
	.formeBit_ima{width:150px; height:150px; margin:0 auto; padding:5px 0}

.formatBit{width:735px; margin-bottom:15px}
	.cadre_h{width:715px; height:29px; padding-left:20px; background:url('template-cadre_h.jpg') no-repeat; line-height:29px; font-weight:bold; text-transform:uppercase; color:#fff}
	.cadre_m{width:733px; padding:0 0 0 0; border-left:solid 1px #A9A9A9; border-right:solid 1px #A9A9A9}
		.formatBit_ima{float:left; width:152px; height:140px; padding:20px 20px 0 20px}
		.formatBit_lots{float:left; width:326px; padding:20px 20px 0 0}
		.formatBit_commande{float:left; width:195px; padding-top:8px}
			.sansation_gras{padding:5px 0; font-size:13px; font-weight:bold; font-family:'SansationRegular', Arial, sans-serif}
			.formatBit_prix{padding-bottom:5px}
				.formatBit_prix strong, .formatBit_prixpromo, .pctpromo{font-size:15px; font-weight:bold; color:#E42F00}
			.formatBit_delai{padding-bottom:10px; font-size:11px; color:#666}
			
/*Pagination*/
.pagination_h, .pagination_b{height:32px; color:#202020; text-align:right}
.pagination_b{margin-top:15px}
	.ascendant, .descendant{color:#8C878B}
	.pagination_sep,.pagination_sep2{padding:0 8px}

/*Les sous categs*/
.sscategBit{float:left; width:231px; height:274px; padding:6px 7px 0 7px; background:url('template-articleBit_bg.png') no-repeat; text-align:center}
	.sscategBit_3{float:right}
	.sscategBit_ima{width:231px; height:160px}
	.sscategBit_lib{height:21px; font-size:11px; line-height:.9em; text-transform:uppercase; color:#1A1A1A}
	.sscategBit_desc{height:20px; font-size:11px; color:#666}
	.sscategBit_nbart{height:26px; font-size:15px; font-weight:bold; color:#E42F00}
	
/*Les articles*/
.articleBit{float:left; width:231px; height:274px; padding:6px 7px 0 7px; background:url('template-articleBit_bg.png') no-repeat; text-align:center; }
	.articleBit_3{float:right}
	.articleBit_ima{width:231px; height:160px;}
	.articleBit_lib{height:21px; font-size:11px; line-height:.9em; text-transform:uppercase; color:#1A1A1A;}
	.articleBit_desc{height:20px; font-size:11px; color:#666}
	.articleBit_prix{height:26px; font-size:15px; font-weight:bold; color:#E42F00}
		.apartirde{font-family:'SansationRegular', Arial, sans-serif; color:#1a1a1a}
		.ht{vertical-align:text-top; font-size:7px}
		

.conteneur_etiquette { position:absolute; width:231px;text-align:right;}
.conteneur_etiquette_fiche { position:absolute; width:280px;  right:5px; top:5px; text-align:right;}
.etiquette_1 {}
.etiquette_2 {}
.etiquette_3 {}

/*---------- @PRODUIT ----------*/
.page_h, .page_b{height:31px}
.page_bordure{height:490px; padding:0 20px 20px 20px; background:url('template-page_bordure.png') repeat-y}
html>body .page_bordure{min-height:490px; height:auto}
	.produit_g{float:left; width:302px; margin-bottom:20px}
		.produit_ima{width:280px; height:280px; padding:10px; border:solid 1px #4D4D4D; position:relative}
			.btn_zoom{position:absolute; right:5px; bottom:5px; width:21px; height:17px}
		.autresvues{height:30px; padding-top:20px; font-size:13px; font-weight:bold; font-family:'SansationRegular', Arial, sans-serif; color:#1a1a1a}
		.photos{height:100px; border-bottom:solid 1px #1a1a1a; text-align:center}
			.photoBit{float:left; width:80px; height:80px}
			.photoBit_2{margin-left:30px}
			.photoBit_3{float:right}
		
		/*bouton j'aime*/
		.jaime{padding:20px 0}
		.produit_recommander{font-weight:bold; font-size:13px; font-family:'SansationRegular', Arial, sans-serif; color:#1a1a1a}
		
	.produit_d{float:right; width:600px}
		/*Pagination*/
		.produit_pagenav{position:absolute; right:0; top:0; width:350px; height:28px; text-align:right; line-height:28px}
			.produit_pagenav a{font-weight:bold; font-family:'SansationRegular', Arial, sans-serif}
			.produit_encours{padding:0 5px;font-family:'SansationRegular', Arial, sans-serif; color:#1a1a1a; font-weight:bold; }
		/*Libéllé*/
		.produit_lib{margin-bottom:17px; padding-bottom:8px; border-bottom:solid 1px #1a1a1a}
			.produit_lib h1{font-size:22px; line-height:normal; font-family:'SansationRegular', Arial, sans-serif; color:#1a1a1a}
			.produit_lib2{padding-top:10px}

			
		/*Caractéristiques + Personnalisation*/
		.produit_caracts, .produit_perso{margin:8px 0px;}
		.produit_perso{padding:10px; background-color:#EAECF0;}
			.produit_caracts table td, .produit_perso table td{padding:5px 10px 0 0}
				td.caract_lib, td.perso_lib{font-weight:bold}
				td.perso_val textarea{width:300px; padding:5px; background-color:#fff; border:0 none; color:#1a1a1a}
				td.perso_val input[type=text]{width:300px; padding:5px; background-color:#fff; border:0 none; color:#1a1a1a}
				
		/*Lots + remise*/
		.produit_remise{margin:10px 0 20px 0; padding:10px; background-color:#D0D5DD}
			.tdheadremise{background-color:#BBC1CE}	
			.produit_remise tr th {padding:5px 10px;}
			.produit_remise tr td {padding:5px 10px;}
		/*Prix*/
		.produit_prix{line-height:1.6em; padding:10px 0px 0px 0px;}
			.votreprix, .votreqte{font-size:13px; font-weight:bold; font-family:'SansationRegular', Arial, sans-serif; color:#1a1a1a}
			.produit_prixold{font-size:14px; text-decoration:line-through}
			.produit_prixpromo{font-size:26px; color:#E53000}
			.htBis{vertical-align:text-top; font-size:10px}
		
		/*Qté*/
		.produit_qte{padding:6px 0px;}
			.input_qte{width:50px; height:17px; margin:0; padding-left:5px; border:solid 1px #1a1a1a; line-height:17px}
			.input_qte_select{width:80px; height:17px; margin:0; padding-left:5px; border:solid 1px #1a1a1a; line-height:17px}
			
		/*Classeur*/
		.classeur{height:30px; border-bottom:solid 1px #002A50; text-align:center; color:#FFF}
			#desc, #fichetech, #idees{float:left; padding:0 10px; margin-right:1px}
			
			.on{height:30px; background:url('template-on_bg.jpg') repeat-x; text-align:center; line-height:30px; font-family:'SansationRegular', Arial, sans-serif; color:#FFF; font-weight:bold; cursor:pointer}
			.off{height:30px; background:url('template-off_bg.jpg') repeat-x; text-align:center; line-height:30px; font-family:'SansationRegular', Arial, sans-serif; color:#FFF; font-weight:bold; cursor:pointer}
				
		.classeur_content{padding:7px 0; color:#666}
		

			
		
/*---------- @ETAPES DE COMMANDE ----------*/
.etapescommande{width:485px; height:120px; margin:0 auto}
	.etape1{float:left; width:103px}
	.etape2{float:left; width:127px}
	.etape3{float:left; width:126px}
	.etape4{float:left; width:103px}

/*---------- @ETAPE 1 ----------*/
.contenu{height:300px; padding:15px 0}
html>body .contenu{min-height:300px; height:auto}
	.contenu_titre{padding-bottom:15px; font-size:16px; font-weight:bold}
	.contenu_titreBis{padding-bottom:15px; text-align:center; font-size:16px; font-weight:bold}
	.tablecde, .tablemoyen{width:951px; margin-bottom:10px; background:url('template-tablecde_bg.jpg') repeat-x; border:solid 1px #3F3F3F; border-top:0 none}
		.tdheadcde{height:30px; border-right:dashed 1px #fff; text-align:center; font-size:10px; font-weight:bold; color:#fff}
		/*Bits lignes panier*/
		.cde_td1{padding:5px 0; border-bottom:dashed 1px #1A1A1A; border-right:dashed 1px #1A1A1A}
		.cde_td2{padding:5px 0; background-color:#EAECF0; border-bottom:dashed 1px #1A1A1A; border-right:dashed 1px #1A1A1A}
		.cde_tddelete1, .cde_tddelete2{padding:10px 0; border-bottom:dashed 1px #1A1A1A}
		.cde_tddelete2{ background-color:#EAECF0}
			.cde_td1 a,.cde_td2 a {color:#1A1A1A; font-weight:bold}
			.lignepanier_ima{width:50px; height:75px; padding:0 10px}
			.datedelai{font-style:italic; color:#000; font-size:10px}
			.tablecaracts {padding-left:10px}
				.tablecaracts td{padding-bottom:5px}
					.tablecaracts select{width:120px}
				
			.inputqte2 {width:25px; margin-right:5px; padding:3px; background-color:#3F3F3F; border:0 none; text-align:right; font:italic normal bold 12px Arial; color:#FFF}
			.input_perso{width:50px; padding:3px 0 3px 3px; border:0 none; text-align:right}
		
		.input_qte_cde{width:56px; height:17px; margin:0px 0px 0px 4px; border:solid 1px #1a1a1a; line-height:17px;}
		.input_qte_cde_select{width:80px; height:17px; margin:0;border:solid 1px #1a1a1a; line-height:17px;}
		
		.erreur_stock{height:30px; padding-right:5px; border-top:dashed 1px #1A1A1A; color:#A11B5A; text-align:center; font-weight:bold; color:#BB3B30}
		/*Personnalisation**/
		.cde_perso{height:30px; background-color:#BBC1CE; text-align:center}
		/*Fin bits ligne panier*/

		/*Ligne code cadeau*/	
		.lignecadeau{height:30px; padding-right:10px; background-color:#3f3f3f; text-align:right; font-weight:bold; color:#fff}
		.etapescde_divers{padding:15px 0}
			.etapescde_diversG{width:500px; float:left}
				/*Modes de livraison*/
				.modes_livr, .remisePro{width:400px; padding:10px; margin-bottom:6px; background-color:#FFF; border:1px solid #1a1a1a}
					.cde1livraison select{margin-left:15px}
					.modelivraisonBit{padding-bottom:5px}
						.livr_logo{width:50px; height:50px; background-color:#FFF; border:solid 1px #1A1A1A; text-align:center}
						.livr_txt{padding-left:10px}
						.tab_remises_pro{border:solid 1px #000; width:300px}
							.remise_pro_bit{width:305px; float:left; font-size:14px; font-weight:bold; margin:2px}
							.remise_pro_bit_active{width:305px; float:left; color:#A11B5A; font-weight:bold; font-size:14px; margin:2px}
			
			.etapescde_diversD{width:370px; float:right}
				.totaux{margin-bottom:6px; padding:10px; background-color:#FFF; border:1px solid #1a1a1a}
					.tot{font-weight:bold; color:#1a1a1a}
					.totttc{height:30px; padding-top:20px; border-top:dashed 1px #1A1A1A; font-size:16px; font-weight:bold; color:#1A1A1A}
						.totbis{color:#E53000}
					.reduction img{vertical-align:middle}
					
				.cgv{margin-bottom:6px; padding:5px 10px; background-color:#1a1a1a; text-align:left; color:#fff; font-weight:bold}
					.cgv a{color:#fff}
				
		.cdeboutonsg{width:65%; float:left}
		.cdeboutonsd{width:30%; height:22px; float:right; text-align:right}
			.cdeboutonsd .btn_form{float:right}

/*---------- @ETAPE 2 ----------*/
.inscrit{float:left; width:40%; margin:20px auto 50px auto; padding:0; border:1px solid #1a1a1a}
	.titre_divers, .titre_diversbis, .titre_diversbis2{width:252px; height:28px; margin:0 auto; background:url('template-on_bg.jpg') repeat-x;  border:1px solid #1a1a1a; text-align:center; line-height:28px; position:relative; top:-18px; font-size:14px; font-weight:bold; color:#fff}
	.titre_diversbis{width:302px}
	.titre_diversbis2{width:750px}
		
.inscription, .recoverpass{float:right; width:50%; margin:20px auto 0 auto; padding:0; border:1px solid #1a1a1a}
.inscription{width:55%}
.recoverpass{height:260px}
html>body .recoverpass{min-height:260px; height:auto}
	a.mdp_perdu{font:normal small-caps normal 11px Arial; text-decoration:underline}
	.mdp_info{padding-left:60px; text-align:left; color:#1a1a1a; font-weight:bold; font-style:italic}

.connecte{margin:30px auto 20px auto; padding:10px 0; border:1px solid #1a1a1a}
.connecte_bis{width:60%; margin:30px auto 20px auto; padding:10px 0; border:1px solid #1a1a1a}
	.connecte_sep{background:url('template-pointille_v.gif') repeat-y center top}
		.bloc_g{float:left; width:380px; padding:30px 0 0 20px}
		.bloc_d{float:right; width:400px; padding:30px 20px 0 0}

/*---------- @ETAPE 3 ----------*/
	.btn_imprimer{padding-top:10px}
	/*encart mode paiement*/
	.moyen_logo{width:102px; padding:15px}
		.moyen_logo a{display:block; width:100px; height:60px; border:solid 1px #1A1A1A; background-color:#FFF; text-align:center}
	.moyen_details{padding:15px 10px}
		.moyen_details ol{list-style-position:inside}
	.moyen_bouton{padding:15px}
		
/*---------- @ETAPE 4 ----------*/
.cde4_content{padding:15px 0; border:1px solid #1a1a1a}
	.cde4_details{float:left; width:490px; padding:20px; background:url(template-pointille_v.gif) repeat-y right 0; text-align:right}
		.factmontant{font-weight:bold; color:#4D4D4D}
		.cde4_details blockquote{margin:0; padding:10px 0}
	.cde4_btn{float:left; width:250px; padding:20px; text-align:left}
	
/*---------- @RECHERCHER PAGE ----------*/
.cadre_g{width:400px; margin:20px 0 0 0; float:left}
	.bordure_cadre_g{height:250px; margin-bottom:20px; background-color:#FFF; border:1px solid #1a1a1a}
		.bordure_cadre_g form{height:250px}
		html>body .bordure_cadre_g form{min-height:250px; height:auto}
			.txt_rech{width:202px; height:28px; margin:0 auto; background:url('template-on_bg.jpg') repeat-x; text-align:center; line-height:28px; font-size:14px; font-weight:bold; color:#fff; position:relative; top:-16px}
			.bordure_cadre_g td{padding:0 0 5px 10px}
		
.cadre_d{width:300px; margin:20px 0 20px 0; padding-bottom:1px; float:right}
	.bordure_cadre_d{height:83px; background-color:#FFF; border:1px solid #1a1a1a}
	html>body .bordure_cadre_d{height:auto; min-height:83px}
		.bordure_cadre_d ul{width:268px; padding:0 10px 10px 15px; overflow:hidden; list-style:none}
			.bordure_cadre_d ul li a{display:block}
			
/*Pages résultat rayons et pages instits*/
.rechcontenubit{width:735px; height:140px; font-style:italic; font-size:13px}	
	.blocdivers_d1, .blocdivers_d2{width:705px; height:108px; padding:10px; border:1px solid #1a1a1a; border-left:solid 9px #1a1a1a}

/*navigation des pages*/	
.nosarticles_navigation, .nosrayons_navigation, .nospages_navigation{padding-bottom:10px; font:italic normal bold 14px Arial; color:#1A1A1A}
	.nosarticles_navigation h2, .nosrayons_navigation h2, .nospages_navigation h2{display:inline; font:italic normal bold 12px Arial;}
		.nosarticles_navigation h2 a, .nosrayons_navigation h2 a, .nospages_navigation h2 a{font:italic normal bold 14px Arial; color:#1A1A1A; text-decoration:none}
		.nosarticles_navigation h2 a:hover, .nosrayons_navigation h2 a:hover, .nospages_navigation h2 a:hover{text-decoration:underline; font-size:14px}
	.nosarticles_navigation a, .nosrayons_navigation a, .nospages_navigation a{font:italic normal bold 14px Arial; color:#1A1A1A; text-decoration:underline}
	.nosarticles_navigation a:hover, .nosrayons_navigation a:hover, .nospages_navigation a:hover{text-decoration:none}
	
/*---------- @PAGE CLIENT ----------*/
	.tablemenu{width:100%; padding:15px; text-align:left}
	.tablecde_client{width:100%; height:30px}
	.bordurecarnet{width:300px; margin:0 auto 50px auto; border:1px solid #1a1a1a}
	.bordureG{float:left; width:300px; margin-bottom:50px; border:1px solid #1a1a1a}	
	.bordureD{float:right; width:300px; margin-bottom:50px; border:1px solid #1a1a1a}
	.cde_td2_bis{padding:10px 0; background-color: #EAECF0; border-bottom:dashed 1px #1A1A1A; color:#E53000}

/*---------- @PAGES GENERALES ----------*/
	/*Instit*/
	.instit{padding:0 20px}
		.instit p{margin:1.5em 0; padding:0; text-align:justify}
		.instit table.bordure td{padding:20px}
	.institform{width:70%; margin:0 auto 15px auto; padding-top:20px; text-align:center}
		.nom_formu, .lib_14{font-size:14px; font-weight:bold}
		
	.pagedivers{margin-left:20px; padding-bottom:20px; background-color:#fff; color:#666}

	/*Partenaires*/
	.liens{padding:10px;}
		.lienBit{float:left; width:250px; margin-bottom:5px; padding:20px; background-color:#FFF; border:solid 2px #C6C6C6}
			#conteneur .lienBit_lib{text-decoration:underline}
	/*Plan*/
	.plan_g{float:left; width:300px}
	.plan_d{float:right; width:300px}
		.menuplanBit, .menuplanBit_boutique{margin-bottom:50px; padding:20px; border:1px solid #1a1a1a; text-align:left}
		.menuplanBit_boutique{width:400px}
			.titre_plan, .titre_planboutique{width:258px; height:28px; margin:0 auto; background:url('template-on_bg.jpg') repeat-x; text-align:center; line-height:28px; font-size:14px; font-weight:bold; color:#fff; position:relative; top:-36px}
			.titre_planboutique{width:360px}
				
/*---------- @MAINTENANCE ICI ----------*/
	




.image_avant_aviary img{width:150px;}