/*---------- @STYLES DE BASE ----------*/
@charset "utf-8";
/* Page */ 
html {font-size: 100%; /* Évite un bug d'IE 6-7.*/ } 
body { 
	background:url('template-bg_accueil.jpg') center top;
	margin:0; 
	padding:0;
	font-family:'Arial', Helvetica, sans-serif; 
	font-size: 12px;
	color:#231F20;
	overflow-x:hidden;
	background-repeat:no-repeat;
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin:0;
  font-weight:normal;
  font-style:normal;
  font-size:12px;
} 
 
/* Listes */
/*ol(ordered liste :liste ordonnée avec numéro ou lettre alpha*/
ul, ol, li{list-style:none; margin:0; padding:0;} 

/* Listes de définition */ 
dl, dt, dd {list-style:none;} 
dl {margin: 5px 0;} 
dt {margin: 5px 0 0 0; font-weight:bold;} 
dd {margin: 5px 0 5px 10px;} 

/* Paragraphes */ 
p {margin:0;/* Mpas de marge par défaut.*/} 
address{margin:.70em 0; font-style:normal;} 
 
/* Liens */ 
a{color:#231F20; text-decoration:none;} 
a:hover{text-decoration:none; color:#F00680;}/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active{outline:none;}/* 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, select, textarea{font-family:'Arial', Helvetica, sans-serif; font-size:12px; color:#757273;} 

/* Met en évidence les citations */ 
blockquote {margin:.75em 0 .75em 20px; padding: 0 0 0 10px; border:0;}
/* Mise en forme simple pour les tableaux*/  
table, td, th{border:0;}

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

/** JQUERY VALIDATE **/
.input_txt, .textarea_txt, .txt_cnx{width:200px; padding:4px; border:solid 1px #D0C2B9;}
.textarea_txt{width:200px; height:50px; padding:4px; border:solid 1px #D0C2B9;}
.champform input[type=text], .champform textarea{width:240px; padding:4px; border:solid 1px #D0C2B9;}
.textarea_produit{width:240px; padding:4px; height:50px; border:solid 1px #D0C2B9;background-color:#A58A77; color:#FFF;}

input.errorForm, select.errorForm, textarea.errorForm {border:1px solid #F00680;}
input.validForm, select.validForm, textarea.validForm {border:1px solid green;}
label.errorForm{border:none; color:#F00680; font-size:9px;}
label {cursor:pointer;}

.gras{font-weight:bold;}
.stat{display:none;}
.clear{clear:both;}
.etoile{color:#F00680; font-weight:bold;}
.erreur{text-align:center;color:#F00680;font-weight:bold;}
.bordure_pointille{background:url('template-lignepromo_pointille.jpg') repeat-x left bottom;}

/* Barre des titres */
.bandeautitre{height:36px; background:url('template-bg_bandeautitre.jpg') repeat-x;}
.bandeautitre2{height:42px; background:url('template-bg_bandeautitre.jpg') repeat-x #FCD68F;}

/* Bordures utiles */
.bordure{border:solid 1px #C7C7C7;}
.bordure_h{background:url('template-lignepromo_pointille.jpg') repeat-x;}
.bordure_d{background:url('template-pointille_vertical.jpg') repeat-y right top;}
.bordure_b{background:url('template-lignepromo_pointille.jpg') repeat-x left bottom;}
.bordure_g{background:url('template-pointille_vertical.jpg') repeat-y;}

.erreurstock{padding:5px 0; background:url('template-lignepromo_pointille.jpg') repeat-x; text-align:center; color:#F00680; font-weight:bold;}

.td_alt1{padding:10px 5px; background-color:#FFF;}
.td_alt2{padding:10px 5px; background-color:#FFFAF0;}

.divers_lib{font-size:22px; font-weight:bold;}

/*---------- @GROUPE STRUCTURE ----------*/
#conteneur{width:980px; margin:0 auto;}
	#header{width:980px;}
	#contenupage{width:980px;}
		#gauche{width:241px; padding:9px; background-color:#DDD7DB;}
		#gauche_bis{width:259px;}
		#droite{width:721px;}
	#footer{width:980px; padding:0 0 13px 0; clear:both;}
	
/*---------- @HEADER ----------*/
/** Logo d'entete **/
.logo{float:left;}

/** Actualités **/
.actu{float:right; width:239px; padding-top:34px;text-align:justify;}
	.actu_content{padding:10px 14px;background:url('template-bg_headerM.jpg') repeat-y;color:#808080;}

/** Encart contact et panier **/
.headerD{float:right;width:462px;}
	.nouscontacter{float:right;width:169px;padding-top:40px;}
	.monpanier{float:right; width:282px; height:121px; background:url('template-bg_monpanier.jpg') no-repeat;margin-top:16px;}
		.paniercontent_g{float:left; width:57px; height:70px; padding:25px 0 0 80px;}
			.paniercontent_g a{display:block; width:57px; height:70px;}
		.paniercontent_d{float:left; width:125px; padding-top:60px;}
			.paniercontent_details{padding-left:2px;}
				.panier_nbart{display:block; float:left; width:55%;}
				.panier_tot{display:block; float:right; width:45%; text-align:center; font-weight:bold; color:#F00680; text-align:right;}
				.panier_voir{clear:both; padding-left:7px;  background:url('template-puce_accespanier.jpg') no-repeat 0 3px;}
					.panier_voir a{text-decoration:underline; font-style:italic; font-size:11px; color:#757273;}
					.panier_voir a:hover{text-decoration:underline; color:#F00680;}

/** MENU DIVERS **/
.menudivers{clear:both; width:971px; height:28px; padding:7px 0 0 6px; background-color:#F3F1F2; border-top:solid 1px #DDD7D9;}
	.menudivers_g{float:left;width:468px; height:28px; text-transform:uppercase; font-size:11px; font-weight:bold;}
		.accueil{float:left; width:58px; height:21px; padding-left:23px; background:url('template-ico_accueil.jpg') no-repeat; line-height:21px;}
		.moncompte{float:left; width:83px; height:21px; padding-left:23px; background:url('template-ico_moncompte.jpg') no-repeat; line-height:21px;}
		.qui{float:left; width:120px; height:21px; padding-left:23px; background:url('template-ico_quisommesnous.jpg') no-repeat; line-height:21px;}
		.tarifs{float:left; width:80px; height:21px; padding-left:23px;background:url('template-ico_quisommesnous.jpg') no-repeat;line-height:21px;}
		
	.menudivers_d{float:right; width:503px;}
		.menudivers_d form{display:inline;}
			.inputrech{width:263px; height:22px; padding-left:10px; background:url('template-bg_inputrech.jpg') no-repeat; border:none;line-height:20px;}
			.selectrech{width:173px;}
		
/** DEBUT ONGLETS **/
#onglets{width:980px; height:42px; position:relative; z-index:1000;}
	.ongletBit, .ongletBit_over{float:left;}
		/** Chiens **/
		a.ongletBit_1{display:block; width:117px; height:42px; background:url('template-onglet_chiens.jpg') no-repeat;}
		.ongletBit_over a.ongletBit_1, .ongletBit_over a.ongletBit_1:hover{display:block; width:117px; height:42px; background:url('template-onglet_chiens.jpg') no-repeat 0 -42px;}
		/** Chats **/
		a.ongletBit_4{display:block; width:100px; height:42px; background:url('template-onglet_chats.jpg') no-repeat;}
		.ongletBit_over a.ongletBit_4, .ongletBit_over a.ongletBit_4:hover{display:block; width:100px; height:42px; background:url('template-onglet_chats.jpg') no-repeat 0 -42px;}
		/** Oiseaux **/
		a.ongletBit_6{display:block; width:121px; height:42px; background:url('template-onglet_oiseaux.jpg') no-repeat;}
		.ongletBit_over a.ongletBit_6, .ongletBit_over a.ongletBit_6:hover{display:block; width:121px; height:42px; background:url('template-onglet_oiseaux.jpg') no-repeat 0 -42px;}
		/** Furets **/
		a.ongletBit_171{display:block; width:107px; height:42px; background:url('template-onglet_furets.jpg') no-repeat;}
		.ongletBit_over a.ongletBit_171, .ongletBit_over a.ongletBit_171:hover{display:block; width:107px; height:42px; background:url('template-onglet_furets.jpg') no-repeat 0 -42px;}
		/** Poissons **/
		a.ongletBit_7{display:block; width:133px; height:42px; background:url('template-onglet_poissons.jpg') no-repeat;}
		.ongletBit_over a.ongletBit_7, .ongletBit_over a.ongletBit_7:hover{display:block; width:133px; height:42px; background:url('template-onglet_poissons.jpg') no-repeat 0 -42px;}
		/** Rongeurs **/
		a.ongletBit_189{display:block; width:144px; height:42px; background:url('template-onglet_rongeurs.jpg') no-repeat;}
		.ongletBit_over a.ongletBit_189, .ongletBit_over a.ongletBit_5:hover{display:block; width:144px; height:42px; background:url('template-onglet_rongeurs.jpg') no-repeat 0 -42px;}
		/** Reptiles **/
		a.ongletBit_172{display:block; width:134px; height:42px; background:url('template-onglet_reptiles.jpg') no-repeat;}
		.ongletBit_over a.ongletBit_172, .ongletBit_over a.ongletBit_172:hover{display:block; width:134px; height:42px; background:url('template-onglet_reptiles.jpg') no-repeat 0 -42px;}
		/** Librairie **/
		a.ongletBit_173{display:block; width:124px; height:42px; background:url('template-onglet_librairie.jpg') no-repeat;}
		.ongletBit_over a.ongletBit_173, .ongletBit_over a.ongletBit_173:hover{display:block; width:124px; height:42px; background:url('template-onglet_librairie.jpg') no-repeat 0 -42px;}
		/*
		///Fenêtre déroulant sous chaque onglet en 3 colonnes///
		*/
		.ssonglet{width:960px; height:345px; padding:10px; font-weight:normal; position:absolute; left:0; top:42px; text-align:left;}
			.ssonglet_content{width:940px; height:325px; padding:10px;}
				/** colonne gauche **/
				.ssonglet_content_g{float:left; width:240px; height:325px; padding-right:9px;}
				/** colonne milieu **/
				.ssonglet_content_m{width:512px; height:325px; float:left;}
					.ssonglet_lib{height:28px; padding-left:26px; margin-bottom:5px; background:url('template-puce_menurayon.png') no-repeat 8px 10px; font-size:24px;}
						.ssonglet_lib a{color:#FFF;}
					/** Tops liens vers page reacap  **/
					.tops_liens{width:512px; height:39px;}
						.topnouv_lien{display:block; float:left; width:167px; height:34px; background:url('template-recap_nouv.png') no-repeat 5px 5px;}
						.toppromo_lien{display:block; float:left; width:168px; height:34px; margin-left:5px; background:url('template-recap_promo.png') no-repeat 5px 5px;}
						.topcdc_lien{display:block; float:right; width:167px; height:34px; background:url('template-recap_cdc.png') no-repeat 5px 5px;}
						
					/** sous-rayon niv2 **/
					.ssonglet_content_m ul{width:250px; position:relative;}
						.ssonglet_content_m ul li{width:250px; height:22px; margin-bottom:2px;}
							.ssonglet_content_m ul li a{display:block; width:235px; height:22px; padding-left:15px; background:url('template-puce_menussrayon.png') no-repeat 7px 9px; line-height:22px; color:#FFF;}
						
							/** sous-rayon niv3 **/
							.ssonglet_content_m ul li ul{width:262px; /**height:292px;**/ margin:0; padding:0 0 0 10px; position:absolute; z-index:100; left:250px; top:0;}
								#onglets .ssRayon_1 {top:0;}
								#onglets .ssRayon_2 {top:24px;}
								#onglets .ssRayon_3 {top:24px;}
								#onglets .ssRayon_4 {top:72px;}
								#onglets .ssRayon_5 {top:96px;}
								#onglets .ssRayon_6 {top:120px;}
								#onglets .ssRayon_7 {top:144px;}
								#onglets .ssRayon_8 {top:170px;}
								#onglets .ssRayon_9 {top:192px;}
								#onglets .ssRayon_10 {top:auto;bottom:-2px;}
								#onglets .ssRayon_11 {top:auto;bottom:-2px;}
								#onglets #ssrayon_23 {top:72px;}
								#onglets #ssrayon_20 {top:24px;}
								.ssonglet_content_m ul li ul li{width:252px; height:22px; margin-bottom:2px;}
									.ssonglet_content_m ul li ul li a{width:252px; height:22px; padding-left:15px; background:url('template-puce_menussrayon.png') no-repeat  7px 9px; line-height:22px; color:#FFF;}
									.lienOnglet a {text-transform:none;font-weight:bold;font-style:italic;}
				/** colonne droite **/				
				.ssonglet_content_d{float:left; width:168px; height:325px; padding-left:10px;}
					.articleonglet_details{width:148px; height:220px; padding:10px 10px 0 10px;  background-color:#FFF;}
						.articleonglet_ima{width:148px; height:134px; background:url('template-lignepromo_pointille.jpg') repeat-x left bottom #FFF; text-align:center;}
						.articleonglet_lib{height:32px; padding-top:5px;}
						.articleonglet_ref{height:25px;color:#808080; font-size:11px;}
						.articleonglet_prix{/*font-family:'Verdana', Arial, Helvetica, sans-serif;*/}
							.articleonglet_prix strong{display:block; padding-bottom:2px;}
								.articleonglet_prixold{text-decoration:line-through; padding-right:10px;}
								.articleonglet_prixpromo{font-size:18px; color:#F00680; font-weight:bold;}
					
					.articleonglet_ima2{width:168px; height:85px; margin-top:10px; text-align:center;}

/** NAVIGATION **/
.navigation{width:975px; height:22px; line-height:22px; font-size:11px; color:#757273;}
	.navigation h1, .navigation h2{display:inline; font-size:11px;}
		.navigation h1 a, .navigation h2 a{color:#757273;}
			.navigation a:hover{color:#F00680;}
			
/*---------- @INDEX ----------*/
/** COLONNE GAUCHE **/
	/** Paiement sécurisé **/
	.paiementsecurise{width:241px; height:264px;}
	/** Livraison rapide **/			
	.livraison{width:241px; height:177px;}
	/** Mots clés **/
	.motscles{width:241px; padding-bottom:14px;}
		.motscles_content{width:241px; height:140px; padding:15px 0; background-color:#FFF; text-align:center}
		html>body .motscles_content{min-height:140px; height:auto;}
		.tag1{font-size:9px; padding:0 3px;}
		.tag2{font-size:20px; padding:0 3px;}
		.tag3{font-size:11px; padding:0 3px;}
		.tag4{font-size:12px; font-weight:bold; padding:0 3px;}
		.tag5{font-size:14px; font-weight:bold; padding:0 3px;}
		.tag6{font-size:18px; font-weight:bold; padding:0 3px;}
			.motscles_content a:hover{color:#DC4980;}
	/** Espace pro **/
	.espacepro{width:241px; height:209px;}
	/** Newsletter **/
	.newsletter{width:241px; height:189px; background:url('template-bg_newsletter.jpg') no-repeat;}
		.newsletter form{width:227px; height:25px; padding:138px 0 0 15px;}
			.inputnews{display:block; float:left; width:175px; height:19px; margin-right:7px; padding-left:5px; border:0; line-height:19px;}
			.oknews{display:block; float:left; width:24px; height:24px; border:0;}
	/** Livre d'or **/
	.livredor{width:241px; height:162px;}
	.fb{width:241px; height:111px;}}
/** COLONNE DROITE **/
	/** carrousel **/
	.ambiance{width:705px; height:300px; margin:0 0 20px 16px; background-color:#EFEDEE;   }
		.ambiance_content{width:685px; height:260px; border:solid 10px #252122; border-bottom:none; overflow:hidden; float: right;}
			/*.carrouselBit_content{}*/
				.carrouselBit_content ul{width:685px; height:260px;}
					/** Articles **/
					li.carrouselArticleBit{width:685px; height:260px;  background:url('template-bg_articlecarrou.jpg') no-repeat}
						.carrouselArticleBit_content{width:408px; height:241px; padding:19px 0 0 7px;}
							.carrouselArticle{float:left; width:172px; height:228px; margin-right:12px; padding:0 10px;}
								.carrouselArticle_ima{width:172px; height:131px; padding-bottom:7px; background:url('template-pointille.jpg') repeat -x letf bottom; text-align:center;}
								h3.carrouselArticle_lib{height:30px; padding-top:8px; font-size:13px;}
									.carrouselArticle_lib a{color:#231F20;}
								.carrouselArticle_ref{height:30px; color:#757273; font-size:11px}
								.carrouselArticle_prix{color:#F00680; font-size:14px;}
									.carrouselArticle_prix span{padding-right:10px; font-size:11px; text-decoration:line-through;}

					/** Images **/		
					li.carrouselImageBit{width:685px; height:260px; text-align:center; background-color:#FFF;}
					
					/** Phrase administrable **/
						/* Conteneur liste : voir fonctions.js */
						.tickercontainer {float:left; width:520px; height:20px; border-top:solid 10px #242021; overflow:hidden; margin-left: 16px;}
						/* Masque : voir fonctions.js */
							.tickercontainer .mask {width:520px; height:20px; position:relative; overflow: hidden;}
								/* liste déroulante : classe nommée dynamiquement*/
								ul.newsticker {height:20px; position:relative;color:#808080;}
									/* Important pour les li: pas de display inline sinon affichage incorrect*/
									ul.newsticker li {float:right; width:700px; height:20px; line-height:20px; text-align:right;}

					/** Boutons **/
					.btn{float:right; width:149px; height:25px; padding:5px 10px 0 26px; background:url('template-arrondi.jpg') no-repeat left bottom #242021;}
							/** Boutons au repos **/
							.btn_1{float:left; width:12px; height:21px; cursor:pointer;}
							.btn_2, .btn_3, .btn_4, .btn_5, .btn_6, .btn_7{float:left; width:12px; height:21px; margin-left:6px; cursor:pointer;}
								.btn_1 a, .btn_2 a, .btn_3 a, .btn_4 a, .btn_5 a, .btn_6 a, .btn_7 a{display:block; width:12px; height:21px;}
								.btn_1 a{background:url('template-btn_1.jpg') no-repeat;}
								.btn_2 a{background:url('template-btn_2.jpg') no-repeat;}
								.btn_3 a{background:url('template-btn_3.jpg') no-repeat;}
								.btn_4 a{background:url('template-btn_4.jpg') no-repeat;}
								.btn_5 a{background:url('template-btn_5.jpg') no-repeat;}
								.btn_6 a{background:url('template-btn_6.jpg') no-repeat;}
								.btn_7 a{background:url('template-btn_7.jpg') no-repeat;}
							.btn_precedent{float:right; width:7px; height:12px; margin:5px 0 0 0; cursor:pointer;}
							.btn_suivant{float:right; width:7px; height:12px; margin:5px 0 0 7px; cursor:pointer; }
								.btn_precedent a{display:block; width:7px; height:12px; background:url('template-btn_prec.jpg') no-repeat;}
								.btn_suivant a{display:block; width:7px; height:12px; background:url('template-btn_suiv.jpg') no-repeat;}
								
								/** pour le rollover sur le lien **/
								.btn_1 a:hover{background:url('template-btn_1_over.jpg') no-repeat;}
								.btn_2 a:hover{background:url('template-btn_2_over.jpg') no-repeat;}
								.btn_3 a:hover{background:url('template-btn_3_over.jpg') no-repeat;}
								.btn_4 a:hover{background:url('template-btn_4_over.jpg') no-repeat;}
								.btn_5 a:hover{background:url('template-btn_5_over.jpg') no-repeat;}
								.btn_6 a:hover{background:url('template-btn_6_over.jpg') no-repeat;}
								.btn_7 a:hover{background:url('template-btn_7_over.jpg') no-repeat;}
								
								/** Rollover à l'action **/
								.btn_1_over a{background:url('template-btn_1_over.jpg') no-repeat;}
								.btn_2_over a{background:url('template-btn_2_over.jpg') no-repeat;}
								.btn_3_over a{background:url('template-btn_3_over.jpg') no-repeat;}
								.btn_4_over a{background:url('template-btn_4_over.jpg') no-repeat;}
								.btn_5_over a{background:url('template-btn_5_over.jpg') no-repeat;}
								.btn_6_over a{background:url('template-btn_6_over.jpg') no-repeat;}
								.btn_7_over a{background:url('template-btn_7_over.jpg') no-repeat;}
	
	/** Notre catalogue **/
	.indexcatalogue{width:721px; position:relative; left:2px;}
		.indexcatalogue .bandeautitre2{width:705px; margin-bottom:18px; margin-left:14px;}
		.indexcatalogueBit{float:left; width:167px; height:270px; padding-left:13px;}
			.indexcatalogueBit_ima{width:167px; height:83px;}
			.indexcatalogueBit_lib{height:25px; padding-left:26px; background:url('template-puce_menurayon.png') no-repeat 8px 10px ; font-size:17px; line-height:25px;}
				.indexcatalogueBit_lib a{color:#FFF;}
			ul.indexsscatalogue{width:167px; padding:6px 0;}
				li.toutescateg a{color:#F00680;}
				li.toutescateg a:hover{text-decoration:underline;}
				ul.indexsscatalogue li{width:151px; padding:0 8px 4px; background:url('template-lignepromo_puce.jpg') no-repeat 0 6px ;}
		
	/** Tops promotions **/
		.bandeautitre_promo{width:705px; height:42px; background:url('template-bg_bandeautitre.jpg') repeat-x #FCD68F; margin:0 0 8px 16px; background-color:#DDD7DB;}
		/*Panneau d'onglets*/
		.panneau_onglets{width:705px; height:36px; margin-left:16px;}
			.ongletpromo{float:left; height:36px; margin-right:2px; cursor:pointer;}
				.ongletpromo_g{float:left; width:5px; height:36px;}
				.ongletpromo_m{float:left; height:24px; padding:12px 5px 0 5px; background:url('template-ongletpromo_m.png') repeat-x; font-size:16px; color:#FFF;}
				.ongletpromo_d{float:left; width:6px; height:36px;}
		/** Lignes promo **/	
		.toppromo{width:705px; height:265px; padding:0 0 18px 16px;}
		html>body .toppromo{min-height:265px; height:auto;}
			.toppromo_content{width:705px; padding-top:15px;}
				.toppromoBit_content{width:705px; background-color:#FFF; position:relative; z-index:0;}
					/** colonne gauche **/
					.toppromoBit{width:455px; height:20px; background:url('template-lignepromo_pointille.jpg') repeat-x left bottom; cursor:pointer;}
					.toppromoBit_over{width:455px; height:20px; background:url('template-lignepromo_pointille.jpg') repeat-x left bottom #ECECEC; cursor:pointer;}
						.toppromoBit_lib{float:left; width:268px; height:20px; padding-left:8px; background:url('template-lignepromo_puce.jpg') no-repeat 0 7px; line-height:20px;}
							.toppromoBit_lib h3{display:inline;}
							
							.lienVoirPromo{padding-top:10px;}
							
						.toppromoBit_pct{float:left; width:40px; height:20px; color:#FF7900; font-weight:bold; line-height:20px;}
						.toppromoBit_prix{float:left; width:120px; height:20px; color:#F00680; font-size:15px; text-align:right; line-height:20px;}
							.toppromoBit_prix span{padding-right:10px; font-size:12px; text-decoration:line-through;}
						.toppromoBit_spacer{float:left; width:19px; height:20px; background-color:#FFF;}
						.toppromoBit_over .toppromoBit_spacer{background-color:#ECECEC;}
					/** colonne droite **/
					.conteneur_image{width:250px; height:250px; background-color:#ECECEC; position:absolute; z-index:0; right:0; top:0;}
						.toppromoBit_ima{width:230px; height:230px; background-color:#FFF; position:absolute; z-index:0; right:10px; top:10px;}
	
/*---------- @CATEGORIE ----------*/
/** COLONNE GAUCHE **/
.bloc_g{width:241px; padding:0 9px 0 9px;}
.blocbis_g{width:241px; padding:9px 9px 0 9px;}
	.rayon_ima1{width:241px; text-align:center;}
	.rayon_tops{width:241px; padding:9px 0;}
		.topnouv_lien2{display:block; width:241px; height:34px; margin-bottom:2px; background:url('template-recap_nouv.png') no-repeat 5px 5px;}
		.toppromo_lien2{display:block; width:241px; height:34px; margin-bottom:2px; background:url('template-recap_promo.png') no-repeat 5px 5px;}
		.topcdc_lien2{display:block; width:241px; height:34px; background:url('template-recap_cdc.png') no-repeat 5px 5px;}

ul.rayon_catalogue{width:241px; padding-bottom:9px;}
	ul.rayon_catalogue li{width:229px; height:23px;  margin-bottom:2px; padding-left:12px; background:url('template-puce_menussrayon.png') no-repeat 5px 9px; line-height:23px;}
		ul.rayon_catalogue li a{color:#FFF;}

/** COLONNE DROITE **/
/** Description categorie **/
.categ_desc{width:721px; height:182px; color:#FFF;}
	.categ_descG{float:left; width:359px; height:182px; color:#FFF;}
		h1.categ_lib{width:329px; padding-left:30px; background:url('template-puce_menurayon.png') no-repeat 8px 10px; font-size:22px; color:#FFF; line-height:31px;}
			h1.categ_lib span{text-transform:lowercase;}
		.categ_txt{width:330px; height:123px; margin:14px 0 0 10px; padding-right:9px; overflow-x:hidden; overflow-y:auto; }
	.categ_descD{float:right; width:362px; height:182px;}
.texte{text-align:justify;}
/** SScategories categorie **/
.sscategories {width:712px; padding:9px 0 0 9px;font-size:11px;}	
	.categoriebit {float:left;text-align:center;width:225px;height:125px;border-bottom:1px dotted;margin-right:12px;margin-bottom:3px;}
	
/** Articles categorie **/
.articles{width:712px; padding:9px 0 0 9px;}
	.articles_content{width:712px; margin-bottom:13px;}
		.articleBit{float:left; background:url('template-bg_articlesbit.jpg') no-repeat;width:237px;height:348px;margin-bottom:20px;margin-top:5px;}
			.articleBit_content{padding:0 7px;}
				.articleBit_ima{width:210px;height:185px;text-align:center}
				.articleBit_lib{height:35px; font-size:13px; overflow:hidden;margin-top:5px;}
				.separationPointilles{background:url('template-bg_pointilles.jpg') repeat-x;height:2px;}
					.articleBit_lib a{display:block; color:#231F20;}
					.articleBit_lib a:first-letter{text-transform:uppercase;}
					.plusdetail{text-align:right;padding-bottom:10px;}
				.articleBit_ref{height:28px; color:#757273; padding-top:5px;font-size:11px;line-height:1.1em; overflow:hidden;}
				.articleBit_prix{float:left; width:110px; height:20px; padding-top:5px; color:#F00680; font-size:14px;}
					.articleBit_prix span{padding-right:2px; font-size:11px; text-decoration:line-through;}
				.articleBit_bouton{float:right; width:110px;overflow:hidden;}

/** Pagination page catégorie et page recherche **/
.pagination{clear:both;width:712px; height:25px; background-color:#F4F2F3; color:#757273;}
	.page_prec{float:left; width:140px; height:25px;}
		.page_prec a{display:block; width:110px; height:25px; padding-left:30px; background:url('template-fleche_pageprec.jpg') no-repeat; line-height:25px; color:#757273;}
	.page_suiv{float:right; width:130; height:25px;}
		.page_suiv a{display:block; width:100; height:25px; padding-right:30px; background:url('template-fleche_pagesuiv.jpg') no-repeat right top; text-align:right; line-height:25px; color:#757273;}
	.pages{float:left; width:415px; text-align:right; line-height:25px;}
		.pages a{padding:0 4px; color:#757273;}
		.encours{padding:0 4px; color:#232021; text-decoration:underline;}
		/** pour le rollover sur le lien **/
		.pages a:hover{text-decoration:underline; color:#232021;}
		
/*---------- @PRODUIT ----------*/
/** REFCONTENU **/
.produit{width:712px; padding:0 0 13px 9px;}
	/** Pagination **/
	.article_prec{float:left; width:140px; height:25px; color:#757273;}
	
		.imagePrec{float:left;}
		.lienPrec{float:left;padding-left:10px;padding-top:4px;}
	
		.article_prec a{color:#757273;}
	.article_suiv{float:right; width:130px; height:25px; color:#757273;}
		.article_suiv a {color:#757273;}
	.article_pages{float:left; width:215px;padding-left:180px;}
	
		.imageRetourRayon{float:left;}
		.lienRetourRayon{float:left;padding-left:10px;padding-top:4px;}
	
		.imageSuiv{float:right;}
		.lienSuiv{float:right;padding-right:10px;padding-top:4px;}
		
		.article_pages a {color:#757273;}
	
	/** Photos produit **/	
	.produit_g{float:left; width:322px; padding:17px 0 15px 6px; }
		.produit_ima{width:306px; height:314px; text-align:center;}
		.produit_zoom{width:306px; height:27px; border-bottom:solid 1px #E4E4E6; text-align:right;}
		.produit_photo{width:306px; background:url('template-bg_photos.jpg') repeat-y;}
			.produit_photoBit{float:left; width:153px; height:154px;}
				.produit_photoBitcontent{width:133px; height:144px; margin:0 auto; padding-top:10px;}
	/** Détails produit **/
	.produit_d{float:left; width:374px; padding:17px 10px 15px 0;}
		.produit_d .bordure_pointille{background:url('template-lignepromo_pointille.jpg') repeat-x left bottom; margin-bottom:15px;  padding-bottom:15px;}
		.produit_lib{font-size:20px; color:#231F20;}
		.produit_ref{font-size:17px; color:#757273;font-weight:bold;}
		.produit_desc{color:#757273; font-style:italic;font-weight:bold;}
		.produit_desc_bis{color:#757273;}
			.desc_txt{color:#231F20; padding-bottom:10px; font-style:normal; font-size:15px;}
		.share{width:220px; height:40px; margin-top:10px; text-align:right;float:right;}	
		.lirelesavis{float:left;width:400px;height:40px; margin-top:10px;margin-left:10px;font-size:15px; font-weight:bold;}
		#formulaire{padding-bottom:15px;}
			.produit_formulaire{width:365px; padding-left:5px; background:url('template-bg_formulaire.jpg') repeat-x left bottom #FBFBFB; border-left:solid 2px #ECEDEF; border-right:solid 2px #ECEDEF;}
				.produit_delai{height:19px; color:#757273;}
					.produit_delai span{color:#231F20;}
				.produit_stok{height:23px; padding-left:18px; background:url('template-ico_stock.jpg') no-repeat; color:#68BC1E;}
				.produit_step{height:23px; padding-left:18px; background:url('template-ico_epuise.jpg') no-repeat; color:#FFAA00;}
					.produit_step a{text-decoration:underline; color:#FFAA00;}
				
				.formu_g{float:left; width:179px;}
					 .produit_caracts{color:#757273;}
						.produit_caracts select{width:100px;}
					.produit_qte{width:164px; padding-top:10px;}
						.legende{color:#231F20;}
						.inputqte{width:16px; height:17px; text-align:right; padding-right:6px; border:solid 1px #ACAEBA; color:#747273;}
				.formu_d{float:left; width:180px; padding-left:0px; text-align:right}
			
				.produit_prix{padding-top:15px; color:#F00680;}
					.prix_txt{color:#757273;}
					.produit_pct{font-size:14px;}
					.produit_prixold{font-size:14px; text-decoration:line-through}
					.produit_prixpromo{font-size:20px;}

/*---------- @FOOTER ----------*/
.menuinstit{width:948px; padding:25px 0 0 32px; background-color:#232021; color:#FFF;}
	.menuinstit_content{width:948px; background:url('template-separateur_menuinstit.jpg') repeat-y;}
		.menuinstit_services{width:258px; padding-left:30px; float:left;}
		.menuinstit_garanties{width:294px; padding-left:30px; float:left;}
		.menuinstit_infos{width:274px; padding-left:30px; float:left;}
			.menuinstit_lib{height:35px;}
			.menuinstit_content ul li{padding-left:9px; background:url('template-puce_menuinstit.jpg') no-repeat 0 4px;}
					.menuinstit_content ul li a{color:#FFF;}
					.menuinstit_content ul li a:hover{color:#17B4BC;}
					
	.menuinstit_divers{width:915px; height:97px; padding:25px 0;}
		.nosengagements{float:left; width:443px; height:97px;}
		.laisses{float:right; width:443px; height:97px;}

.copyright{width:980px; height:27px; background-color:#F4F2F3; border-bottom:solid 1px #E9E5E6; text-align:center; line-height:27px;}			
	.copyright a{text-decoration:underline;}

.partenaires_logo{width:980px; padding:15px 0; text-align:center; color:#757273;}
	.partenaireBit{display:inline;}
		.partenaireBit a{display:table-cell; display:inline-table; display:inline-block; width:auto; margin:0 5px 5px 5px; vertical-align:middle; color:#757273;}/** Hacks sur le display pour centrage des logos en horizontal et vertical  **/

.opti{width:938px; padding:20px; background-color:#F4F2F3; border:solid 1px #E9E5E6; text-align:justify; color:#757273;}
	.opti a{padding:0 2px; color:#757273;}
	.opti a:hover{color:#F00680;}

/*---------- @POPUB ARTICLE ----------*/
.articlepopup {width:664px; margin-top:10px;}
	.articlepopupContenu {width:644px; padding:10px;color:#000;}
		.articlepopupImg {float:left;width:80px;height:80px;}
		.articlepopupInfo {float:left;width:230px;height:112px; padding:0 10px; border-right:1px solid #706c6d;}
			.articlepopupLib{font-weight:bold; text-transform:uppercase;font-size:14px;}
			.articlepopupTitre2 {color:#808080;}
			.articlepopupDesc{width:230px; height:35px; overflow:auto;}
			#TB_window .articlepopupInfo a {color:#000}
			#TB_window .articlepopupDetails a{font-style:italic;font-weight:bold; color:#000}
				#TB_window .articlepopupInfo a:hover, #TB_window .articlepopupDetails a:hover{color:#F00680;}
			
		.articlepopupBtns {float:right;width:300px;text-align:right;}	
			.articlepopupPrix {width:300px;text-align:right;color:#FF7F02;font-size:20px;font-weight:bold;}
			#TB_window .articlepopupBtns a {font-style:italic;font-weight:bold; color:#000}
				#TB_window .articlepopupBtns a:hover{color:#F00680;}
		.articlespopupconseil{width:664px; height:180px; padding-top:18px; background:url('template-bg_articlespopubconseil.jpg') no-repeat;}
			.articlepopubconseilBit{float:left; width:210px; height:80px; padding:5px;}
				.articlepopubconseilBit_ima{float:left; width:80px; height:80px;}
				.articlepopubconseilBit_details{float:right; width:125px; height:80px; font-size:10px;}
					.articlepopubconseilBit_lib{height:32px; font-size:10px; line-height:1em;}
						.articlepopubconseilBit_lib a{color:#666; font-weight:bold;}
						#TB_window .articlepopubconseilBit_lib a:hover{color:#F00680; font-weight:bold;}
					/*.articlepopubconseilBit_ref{}
					.articlepopubconseilBit_prix{}*/
					.articlepopubconseilBit_prixold{padding-right:8px;text-decoration:line-through;}
					.articlepopubconseilBit_prixpromo{color:#FF7F02; font-weight:bold; font-size:12px;}
					.formu_details a{color:#666; font-weight:bold;}
		
/*---------- @PAGES PANIER ----------*/
.etapescommande{width:551px; height:119px; margin:0 auto 20px auto; background:url('template-bg_etapescommande.jpg') repeat-x;}
	.etape1{float:left; width:112px; height:90px; padding-top:29px;}
	.etape2{float:left; width:122px; height:90px; padding-top:29px;}
	.etape3{float:left; width:115px; height:90px; padding-top:29px;}
	.etape4{float:left; width:124px; height:90px; padding-top:29px;}
	.panier{float:left; width:78px; height:119px;}

.page_panier{width:951px; margin:0 auto;}
.tdheadcde{height:36px; background:url('template-bg_bandeautitre.jpg') repeat-x; color:#FFF; font-weight:bold;}
.cde_td1{padding:5px; background-color:#FFF; font-weight:bold;}
.cde_td2{padding:5px; background-color:#F7F7F7; font-weight:bold;}
	.cde_td1 select, .cde_td2 select{width:100px;}
.tot{color:#FF8000; font-weight:bold;}
.tot_bis{font-size:22px; font-weight:bold; color:#FF8000;}
.tot_txt{text-transform:uppercase;}
.souligner{text-decoration:underline;}

/***  Etape1  ***/
.page_divers{width:955px; margin:0 auto;}
	.tablecde{width:953px; border:solid 1px #C7C7C7; margin:0 auto;}
		.inputbis_qte{width:30px; padding-right:8px; border:solid 1px #7F7F7F; text-align:right;}
		.plus_moins a{display:block;}		
		.info_codepromo{padding-right:10px; height:19px; background-color:#FF8000; text-align:right; font-style:italic; font-weight:bold; color:#FFF;}
	
	/** encart boutons vider et continuer **/
	.boutons_panier{width:308px; padding-top:10px; float:left;}
		.btn_g{float:left;}
		.btn_d{float:right;}
		
	/** encart totaux **/
	.cdetotaux{width:280px; padding:20px 20px 20px 0; float:right;}
	
	/** encart livraison **/
	.pays_livraison, .cde2inscrit{float:left; width:450px;}
	.mode_livraison, .cde2inscription {float:right; width:450px;display:block;}
	#livraison_cde1{text-align:right;}
		.pays_livraison .bandeautitre2, .mode_livraison .bandeautitre2{margin-bottom:15px;}
		.pays_select,.modelivraisonBit{padding-left:10px;}
		.mode_livraison_liens{ float:right;text-align:right; margin-top:20px; }
		a.mode_lib{display:block; width:300px; height:18px; padding-left:32px; background:url('template-point_interrogation.jpg') no-repeat; position:relative; line-height:18px;}
			a.mode_lib span{display:none;}
			a.mode_lib:hover span{display:block; width:150px; padding:10px; border:solid 1px #E2E2E2; background-color:#FFF; position:absolute; left:200px; top:8px;}
			.conditions{float:right;width:450px; padding-top:10px; margin-top:5px;  background:url('template-lignepromo_pointille.jpg') repeat-x;}
		.etapesuivante{text-align:right;}
			
	.loichatel{padding-bottom:20px; color:#000; text-align:center; font-size:11px;}	
	
/** Etape2 **/	
.champ_input{width:220px; height:17px; border:solid 1px #C7C7C7;}
.champ_textarea{width:220px; height:57px; border:solid 1px #C7C7C7;}
.txt_orange{font-weight:bold; color:#FF8000;}
.demandepasse{font-weight:bold; color:#FF8000; text-align:center;}

/** Etape3 **/	
.td_cadeau{height:19px; background-color:#FF7F00; text-align:right; font-style:italic; font-weight:bold; color:#FFF;}
.code_promo{float:left; width:500px; padding:15px 0 15px 0;}
	.input_codepromo{width:158px; color:#000; border:solid 1px #C7C7C7;}
	.erreur_codepromo{padding:3px 0; font-weight:normal; color:#FF8000; text-align:right;}
	
.table_moyens{width:100%; margin:10px 0 15px 0;}
	.moyen_logo{width:35%; padding:15px 0; background-color:#FFFEFB; border-bottom :solid 1px #D0C2B9;}
		.tdmoyen_content{width:182px; height:62px; padding:1px; background-color:#25BBD3;}
			.tdmoyen{height:60px; padding:0 10px; border:1px solid #F0E9E1; text-align:center; text-decoration:none; font-weight:bold; color:#FFF;}
				.moyentxt{padding-left:10px;font-weight:bold; color:#B4A587; font-size:18px; font-weight:bold;}
				.tdmoyen a{color:#FFF;}
			.tdmoyen_over {height:60px; padding:0 10px; background-color:#5ACEE2; border:1px solid #F0E9E1; text-align:center; text-decoration:none; font-weight:bold; color:#FFF; cursor:pointer;}
				.tdmoyen_over a:hover{text-decoration:none;}
		.moyen_lib{text-transform:uppercase; font-weight:bold; padding-bottom:10px;}
	
	.moyen_details{width:50%px; padding:15px 0; background-color:#FFFEFB; border-bottom :solid 1px #D0C2B9;}
		.moyenbitdetail {width:500px; float:right; margin-top:5px;}
			.btn_terminer{margin-top:25px; text-align:right;}
			
	.moyen_bouton{width:20%; padding:15px 5px 15px 0; background-color:#FFFEFB; border-bottom :solid 1px #D0C2B9;}
		
/** Etape4 **/	
	.etape4_content{width:689px; margin:0 auto;}
		.bordure_cde4_m{width:689px; padding:26px 0; background:url('template-bordure_cde4_m.jpg') repeat-y;}
			.details_cde4{width:400px; float:left; text-align:right;}
				.cde4moyenBit{text-align:right; color:#010101;}
					.moyen_txt{font-weight:bold; text-transform:uppercase;}
					.cde4moyenBit ul li{list-style:none;}
					.cde4moyenBit ul.orange_gras{font-weight:bold; color:#FF8000;}
			.boutons_etapescde4{width:280px; float:right; text-align:left;}

/*---------- @PAGES CLIENT ----------*/
.gras_maj{font-weight:bold; text-transform:uppercase;}	
.txt_gras{font-weight:bold;}
.texte_legal{width:668px; margin:0 auto; padding:15px 0; text-align:justify;}
.carnetBit{float:left; width:390px; margin:0 10px 10px 0;}
.tablesuivicde{width:500px; background:url('template-pointille_vertical.jpg') repeat-y 300px 0;}
		.tablesuivicde .td_alt2, .tablesuivicde .td_alt1{background:url('template-pointille_horizontal.jpg') repeat-x left bottom; text-align:center;}
	.td_alt1 a, .td_alt2 a{text-decoration:underline;}	
	
.inscrit td, .inscription td{padding:5px;}
#inscription {margin-top:15px;}

/*---------- @PAGES INSTITS ----------*/
.instit{padding:20px 0;}
	.institform{width:500px; margin:20px auto 20px auto; padding:20px 0; background-color:#EDEFEC; text-align:center; border:solid 1px #C7C7C7; clear:both;}
		.nom_form{display:block; width:200px; height:30px; line-height:30px;  margin:0 auto; position:relative; top:-17px; border:solid 1px #C7C7C7; background-color:#F00680; color:#FFF;}
		.champs_instit input{height:17px; border:solid 1px #C7C7C7;}
		.champs_instit textarea{width:220px; height:57px; border:solid 1px #C7C7C7;}

/*---------- @PAGES RECHERCHE ----------*/
/** COLONNE GAUCHE **/
.bloc_d{width:705px; padding-left:14px;}
	.bloc_d .bandeautitre2{margin-bottom:14px}
	
	.cadre_g{float:left; width:352px; margin-bottom:20px;}
		.txt_rech{font-weight:bold; margin-bottom:10px;}
		.bordure_cadre_g{padding:10px; border:solid 1px #FDBE00; background-color:#FFF9F2;}
			.input_txt{width:200px; height:17px; border:solid 1px #C7C7C7;}
			.select_txt{width:220px;}
	.cadre_d{float:right; width:300px; margin-bottom:20px;}
		.bordure_cadre_d{height:83px; border:solid 1px #FDBE00; background-color:#FFF9F2; overflow:hidden;}
		html>body .bordure_cadre_d{height:auto; min-height:83px;}
			.bordure_cadre_d ul{padding:30px 10px 10px 15px; overflow:hidden;}
				.bordure_cadre_d ul li a{display:block;}

/*Pages résultat articles*/
.rechcontenubit{width:708px; height:140px;}
	/*.desc_marque{padding:20px; text-align:justify;}*/
	.blocdivers_g{width:8px; height:133px; float:left; background-color:#FDBE00;}
	.blocdivers_d1{width:680px; height:112px; float:right; padding:10px; background-color:#F7F7F7; border-bottom:1px solid #FFB463; position:relative; text-align:justify;}
	.blocdivers_d2{width:680px; height:112px; float:right; padding:10px; background-color:#FFF; border-bottom:1px solid #FFB463; position:relative; text-align:justify;}
		.nosarticles_descriptiong{width:100px; height:100px; float:left; padding:5px; border:solid 1px #FF6803; background-color:#FFB463; }
		.nosarticles_descriptiond{width:560px; float:right;}
	
/*Pages résultat rayons et autres*/
.rechcontenubit_bis{width:708px; height:190px;}
	.blocdiversbis_g{width:8px; height:179px; float:left; background-color:#FDBE00;}
	.blocdiversbis_d1{width:680px; height:158px; float:right; padding:10px; background-color:#F7F7F7; border-bottom:1px solid #FFB463; text-align:justify;}
	.blocdiversbis_d2{width:680px; height:158px; float:right; padding:10px; background-color:#FFF; border-bottom:1px solid #FFB463; text-align:justify;}
		.nosrayons_description, nospages_description{padding:10px; text-align:justify;}

/*navigation des pages*/	
.nosarticles_navigation, .nosrayons_navigation, .nospages_navigation{padding-bottom:10px; color:#FFB463; font-size:12px;}
	.nosarticles_navigation h2, .nosrayons_navigation h2, .nospages_navigation h2{display:inline; font-size:12px;}
		.nosarticles_navigation h2 a, .nosrayons_navigation h2 a, .nospages_navigation h2 a{color:#FFB463; text-decoration:none;}
		.nosarticles_navigation h2 a:hover, .nosrayons_navigation h2 a:hover, .nospages_navigation h2 a:hover{text-decoration:underline;}
	.nosarticles_navigation a, .nosrayons_navigation a, .nospages_navigation a{color:#FFB463; text-decoration:underline;}
	.nosarticles_navigation a:hover, .nosrayons_navigation a:hover, .nospages_navigation a:hover{text-decoration:none;}

/*---------- @LIVRE D'OR ----------*/
.unmessage{width:705px; margin:20px 0 10px 0; background:url('template-bg_livreor.jpg') repeat-x left bottom;}
	.unmessage_content{width:685px; height:113px; padding:10px; background:url('template-bg_livreor.jpg') repeat-x left bottom; border-left:7px solid #487B9A; border-bottom:1px solid #9DABBF;}
	html>body .unmessage_content{min-height:113px; height:auto;}
		.unmessagetoggler{font-weight:bold; padding-bottom:10px;}
		.unmessagecontenu{text-align:justify;}
	
.paginationlivre{width:705px; text-align:right; margin-top:10px; padding-top:10px; background:url('template-point.jpg') repeat-x;}

/*---------- @PARTENAIRES ----------*/
.partenairebit{width:227px; float:left; margin:10px 5px 0 0;}
html>body .partenairebit{min-height:150px; height:auto;}
	.partenairebit_content{width:180px; height: 150px; padding:10px; border:solid 5px #D3F1F8;}
	
/*---------- @PAGES OPTI ----------*/
.opti_content{padding:20px; text-align:justify;}
	.opti_details{width:60px; position:absolute; right:10px; bottom:10px;}
		.opti_details a{text-decoration:underline;}

/*---------- @PLAN DE LA BOUTIQUE ----------*/
.menuplan_g{width:300px; height: 250px; float:left; margin-bottom:5px;}
.menuplan_d{width:300px; height: 250px; float:right; margin-bottom:5px;}
html>body .menuplan_g, html>body .menuplan_d{min-height:230px; height:auto;}
	.bordure_plan{ margin-top:5px; padding:10px; border:solid 5px #D3F1F8;}

/*---------- @POPUB NEWSLETTER ----------*/
.newsletterpopup{width:470px; height:310px; padding:10px; margin:0 auto; background-color:#ADA9A0; overflow:hidden;}
	.newsletterpopup_content{width:460px; height:310px; padding-left:10px; background:url('template-bg_popup_newsletter.jpg') no-repeat right top #FFFFFF;}
		.right{height:20px;}
			.right a{display:block; width:20px; height:20px; float:right;}
		.newsletterpopup_txt{height:70px; padding:60px 0 0 0;}
		.input_newsBis{width:208px; border:solid 1px #666;}
		.txt_legal{padding:30px 10px 0 0; font-size:10px; color:#ADA9A0; line-height:1em; text-align:justify;}