/*---------- @STYLES DE BASE ----------*/
@charset "utf-8";
/* Page */ 
html {font-size: 100%; /* Évite un bug d'IE 6-7.*/ } 
body { 
	margin:0; 
	padding:0;
	background:url('templatebeta-bg.jpg') repeat-x #D6D6D6;
	line-height:1.2em;
	font-family:'Arial', Helvetica, sans-serif; 
	font-size: 12px;
	color:#999;
	overflow-x:hidden;
} 
 
/* 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*/


/* 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:.75em 0; font-style:normal} 
 
/* Liens */ 
a {text-decoration:none; color:#999} 
a:link, a:visited , a:hover, a:focus, a:active {text-decoration:none; outline:none}
a:hover{text-decoration:underline; color:#E31F37} 
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'; color:#999; font-size:11px} 
.input, .textarea{width:150px; padding:3px; border:solid 1px #CBDEE4; background:#FFF4E0}
.textarea{width:150px; height:80px; padding:3px; border:solid 1px #CBDEE4}
.souligner, a.souligner:hover{text-decoration:underline; color:#E11E32}
.label{font-weight:bold; color:#3D6775; text-align:right}
.sep_vertical{background:url('templatebeta-pointille_v.jpg') repeat-y center top;}
.orange_gras{font-weight:bold; color:#E11E32}

/* Met en évidence les citations */ 
blockquote {margin:.75em 0 .75em 5px; padding:0; border:0}
/* Mise en forme simple pour les tableaux */ 
table, td, th{border:0}

/*---------- @GROUP UTILITAIRES ET DIVERS ----------*/
.stat{display:none}
.clear{clear:both}
.etoile{color:#E31F37}
.erreur{text-align:center; color:#E31F37}
	.erreur a{padding-left:5px; text-decoration:underline; font-weight:bold}

.bordure{border:solid 1px #ECECEC}
.bordureH{border-top:solid 1px #ECECEC}
.bordureD{border-right:solid 1px #ECECEC}
.bordureB{border-bottom:solid 1px #ECECEC}
.bordureG{border-left:solid 1px #ECECEC}

#conteneur .souligner{text-decoration:underline;position:relative;}
	#banvideo{position:absolute;top:10px;left:-320px;}

/*---------- @GROUP STRUCTURE ----------*/
#conteneur{width:962px; margin:0 auto; padding-top:27px; position:relative}/**Fixer les boutons divers à droite**/
	#boutons_divers{position:absolute; top:122px; right:-80px; width:80px; height:305px}
	#header{width:900px; height:192px; padding:0 31px; background:url('templatebeta-bg_header.jpg') no-repeat #FFF}
	#pagecontenu{width:900px; padding:0 31px 31px 31px; background:#FFF; position:relative}/*fixer les onglets "livraison, paiement ...*/
		#gauche{float:left; width:160px}
		#droite{float:right; width:710px; height:600px}
		html>body #droite{min-height:600px; height:auto}
		#droite_bis{float:right; width:725px}
	#footer{width:962px; position:relative}/*fixer les ombres portées ...*/

/*---------- @HEADER ----------*/
.headerG{float:left; width:320px; height:127px}
	.logo{width:320px; height:93px; display: flex;flex-direction: column;align-items: center;justify-content: center;}

.headerD{float:right; width:535px; height:127px}
	.phraseadmin{width:535px; height:26px; font-size:11px; line-height:26px; text-align:right}
	.menudivers {width:535px; height:101px}
		.menudiversH{width:535px; height:65px;}
			.menudiversH_g, .menudiversH_d{float:right; width:6px}
			.menudiversH_m{float:right; width:523px; height:43px; padding:10px 0; border-top:solid 1px #CDCDCD; border-bottom:solid 1px #CDCDCD; line-height:1.1em;font-size:11px;}
				.rech{float:left; width:159px; height:43px; padding-left:19px; border-right:solid 1px #ccc}
					.inputrech{width:127px; height:12px; padding:2px 0 2px 3px; border:solid 1px #ccc}
				.moncompte{float:left; width:104px; height:43px; padding-left:45px; background:url('templatebeta-moncompte2_ico.jpg') no-repeat 15px bottom; border-right:solid 1px #ccc}
					.moncompte a{text-decoration:underline; font-style:italic}
					a.user{font-size:10px}
				.monpanier{float:left; width:139px; height:43px; padding-left:47px; background:url('templatebeta-monpanier_ico.jpg') no-repeat 8px bottom}
					.bleu_gras{height:15px; font-weight:bold; color:#014E9C}
					.rouge_gras{font-size:12px; font-weight:bold; color:#E11E32}
						.rouge_gras font{font-size:10px}
					.voirmonpanier{text-align:right; text-decoration:underline; font-style:italic}
		.menudiversB{clear:both; width:535px; height:40px; text-align:right}
		.menu_instit{float:right;margin-bottom: 10px;margin-top: -25px;font-weight: bold;}
			.menu_instit a{float:left;padding:0 5px;}
	/*Onglets*/
	.onglets{clear:both; width:900px; height:32px; background:url('templatebeta-onglet_bg.jpg') repeat-x; position:relative; top:0; left:0; z-index:2000; line-height:1em; cursor:pointer}
		.onglets ul, .onglets ol, .onglets li{list-style:none; margin:0; padding: 0} 
		td.onglet_debut{width:6px; height:32px;}
		td.onglet_sep{width:6px; height:32px; background:url('templatebeta-onglet_sep.jpg') no-repeat}
		td.onglet_fin{width:6px; height:32px; background:none}
		td.ongletbit{height:32px; text-align:center}
		td.ongletbit a{font-size:11px; font-weight:bold; text-transform:uppercase; color:#fff}
		#conteneur td.ongletbit a:hover{color:#FFF}
		td.ongletbit_over{height:32px; background:url('templatebeta-ongletbit_over_bg.jpg') repeat-x; text-align:center}
			#conteneur td.ongletbit_over a{text-transform:uppercase; color:#014E9C}
			#conteneur td.ongletbit_over a:hover{color:#014E9C}
			td.ongletbit_over_arrondiG{background:url('templatebeta-ongletbit_over_arrondiG.jpg') no-repeat right top}
			td.ongletbit_over_arrondiD{background:url('templatebeta-ongletbit_over_arrondiD.jpg') no-repeat}
		/**le menu déroulant**/
		.ssmenu{position:absolute; left:0; top:32px; width:900px; height:297px; padding-top:8px; text-align:left}
		.ssmenusav {padding-top: 8px; position: absolute; right: 0; text-align: left;top: 32px;min-width: 180px;}
		.ssmenusav .ssmenu_borduresav a{margin:5px 0 5px 15px;color:#FFF;}
			#conteneur td.ongletbit_over .ssmenusav a{color:#FFF}
			#conteneur td.ongletbit_over .ssmenusav a:hover{color:#FFF}
			.ssmenu_bordure{width:876px; height:273px; padding:7px; background:url('templatebeta-bg_ssmenu.jpg') repeat-x #FEFEFF; border:solid 5px #004F9A}
			.ssmenu_borduresav{width:180;padding:7px; background:url('templatebeta-bg_ssmenu.jpg') repeat-x #FEFEFF; border:solid 5px #004F9A}
			#conteneur td.ongletbit .ssmenu a, #conteneur td.ongletbit_over .ssmenu .ssmenu_articlebit_lib a{color:#014E9C;font-weight:bold;}
				#conteneur td.ongletbit .ssmenu a, #conteneur td.ongletbit_over .ssmenu a{text-transform:none; font-weight:normal; color:#FFF}
				#conteneur td.ongletbit .ssmenu a:hover, #conteneur td.ongletbit_over .ssmenu a:hover{color:#004f9c;}
				.ssmenu_ima{float:left; width:273px; height:273px; background:#FEFEFF; text-align:center}
				.ssmenu_sscategs{float:left; width:288px; padding:36px 0 0 29px}
					h2.menu_lib{height:38px; font-size:14px; font-weight:bold; color:#FFF; text-transform:uppercase}
					.ssmenu_sscategs ul{width:198px}
						.ssmenu_sscategs ul li{margin-bottom:5px}
						.ssmenu_sscategs ul li a{display:block; height:19px; padding-left:25px; background:url('templatebeta-bg_ssmenubit.jpg') no-repeat; line-height:19px;}
						.ssmenu_sscategs ul li a:hover{background:url('templatebeta-bg_ssmenubit.jpg') no-repeat 0 -19px; color:#014E9C}
				.ssmenu_articles{float:left; width:286px; height:273px}
					.ssmenu_articlebit1{width:276px; height:122px; padding:4px; background:#FFF; border:solid 1px #AEBAC6}
					.ssmenu_articlebit1{margin-bottom:8px}
						.ssmenu_articlebit_ima{float:left; width:121px; height:121px; text-align:center}
							.ssmenu_articlebit_ima img{width:121px; height:121px;}
						.ssmenu_articlebit_details{float:right; width:145px; height:121px; text-align:left; position:relative}/*fixer la fleche*/
							.fleche_lib, .ssmenu_articlebit2 .fleche_lib{position:absolute; top:-5px; right:57px; width:26px; height:7px; background:url('templatebeta-fleche_lib.jpg') no-repeat;}
							.ssmenu_articlebit2 .fleche_lib{background:url('templatebeta-fleche_lib2.jpg') no-repeat;}
							
							.ssmenu_articlebit_lib{height:16px; padding-top:10px}
								#conteneur h3.ssmenu_articlebit_lib a{color:#014E9C; text-transform:uppercase}
							.ssmenu_articlebit_lib2{height:26px; font-size:12px;overflow: hidden;margin-bottom:5px;}
							.ssmenu_articlebit_prix{width:100%; height:25px; font-size:11px;}
								.ssmenu_articlebit_prixold{text-decoration:line-through}
								.ssmenu_articlebit_prixpromo{font-size:14px; font-weight:bold; color:#E42D3F}
	
	.inputrech2{width:143px; height:12px; padding:2px 0 2px 3px; border:solid 1px #ccc;height:13px;font-size:12px;margin: 3px 0px;}
			.submitrech2{margin:5px 0 0 30px;color:#004F9C;}
		.barreRecherche select{font-size:12px;width:148px;margin: 3px 0px;}
		.barreRecherche .bleu_gras{height:32px;}
	/*Navigation*/
	.navigation{height:33px; background:url('templatebeta-ombre_onglets.jpg') no-repeat; line-height:30px; font-size:11px}
	.navigation strong{font-style:normal}
	.navigation h1, .navigation h2{display:inline; color:#B5B5B5; font-size:11px; font-weight:normal}
		.navigation h1 a, .navigation h2 a{color:#B5B5B5}
							
/*---------- @FOOTER : ----------*/
	.ombre_g{position:absolute; left:-58px; bottom:0; width:58px; height:122px}
	.ombre_d{position:absolute; right:-70px; bottom:50px; width:70px; height:133px}
	.infoslegales{width:900px; height:48px; padding:0 31px; background:#FFF}
		.infoslegales_g, .infoslegales_d{float:left; width:7px; height:48px}
		.infoslegales_m{float:left; width:886px; height:48px; background:url('templatebeta-pageoblig_m.jpg') repeat-x}
			.td_sep{height:32px; padding:0 9px; background:url('templatebeta-pageoblig_sep.jpg') no-repeat; text-align:center; font-weight:bold; color:#014E9C}
			.td_sep a{color:#014E9C}
	.eric_coords{float:left; width:360px; height:94px; padding:10px 0 0 28px; background:url('templatebeta-chanfrein_footer.jpg') no-repeat left bottom; font-size:11px; color:#6F6F6F}
	.copyright{float:right; width:537px; height:36px; padding:45px 0 0 37px; background:url('templatebeta-bg_copyright.jpg') no-repeat; font-size:11px; color:#6F6F6F}
		.infoslegales_bis a{text-transform:uppercase}
		.copyright a, .copyright a:hover{color:#6F6F6F}

		
	

/*---------- @INDEX ----------*/
/**Colonne de gauche: **/
.gauche_bloc{width:160px; margin-bottom:16px}
	.gauche_blocH, .gauche_blocB{width:160px; height:5px; position:relative}
		span.gauche_bloc_lib{position:absolute; left:5px; top:-7px; padding:0 2px; background:#fff;font-size:15px; color:#E31E30}
	.gauche_blocM{width:145px; padding:10px 7px 10px 6px; border-left:solid 1px #CDCDCD; border-right:solid 1px #CDCDCD}
		/*Service client*/
		.serviceclient{text-align:center; font-size:11px}
		.tel{width:124px; height:22px; margin:5px 0; padding-left:20px; background:url('templatebeta-bg_tel.jpg') no-repeat; line-height:23px; font-size:16px; font-weight:bold; color:#014E9C}
		/*Newsletter*/
		.newsletter{background:url('templatebeta-bg_newsletter.jpg') no-repeat bottom right; font-size:11px}
			.newsletter .bleu_gras{clear:both; height:37px; line-height:1em}
			.inputnews{width:120px; height:12px; padding:2px 0 2px 4px; border:solid 1px #ccc;}
/***Colonne droite :***/
/**Carrousel**/
.carrousel{width:710px; height:270px; margin-bottom:31px; overflow:hidden; position:relative}
	.carrousel ul{width:200000px; height:270px}
		/**Images**/
		li.carrouselImageBit{float:left; width:710px; height:270px}
		/** Articles **/
		li.carrouselArticleBit{float:left; width:710px; height:270px; background:url('templatebeta-carrouproduit.jpg') no-repeat left top;}
			.carrouselArticleBit_ima{float:left;width:200px;height:200px;padding:45px 0 0 40px;}
			.carrouselArticleBit_details{float:left;width:230px;height:150px;padding:60px 0 0 25px;}
		
		/** Boutons **/
		.btn{position:absolute; right:0; top:0; z-index:10; width:79px; height:21px; padding:3px 0 0 26px; background:url('templatebeta-chanfrein_carrousel.png') no-repeat}
			/** Boutons au repos **/
			.btn_1, .btn_2, .btn_3, .btn_4, .btn_5{width:9px; height:9px}
				.btn_1 a,.btn_2 a,.btn_3 a,.btn_4 a, .btn_5 a{display:block; width:9px; height:9px; background:url('templatebeta-btn.jpg') no-repeat}
				/* pour le rollover sur le lien*/
				.btn_1 a:hover,.btn_2 a:hover,.btn_3 a:hover,.btn_4 a:hover, .btn_5 a:hover{background:url('templatebeta-btn_over.jpg') no-repeat; text-decoration:none}

			/** Boutons à l'action **/
			.btn_1_over, .btn_2_over, .btn_3_over, .btn_4_over, .btn_5_over{width:9px; height:9px}
				.btn_1_over a, .btn_1_over a:hover,
				.btn_2_over a, .btn_2_over a:hover,
				.btn_3_over a, .btn_3_over a:hover,
				.btn_4_over a, .btn_4_over a:hover,
				.btn_5_over a, .btn_5_over a:hover{display:block; width:9px; height:9px; background:url('templatebeta-btn_over.jpg') no-repeat; text-decoration:none}
		
		/*** Autopromos - droite: 311px ***/
		.autopromos{float:left; width:361px; height:420px; background:#8D8381; }
			.autopromo1, .autopromo2{width:361px; height:210px}
			
		/*** Tops ventes : ***/
		.topvente{width:710px}
			.topventebit{float:left; width:224px; height:380px}
			.topventebit_2{margin-left:19px}
			.topventebit_3{float:right}
				.topventebit_ima{width:222px; height:222px; border:solid 1px #D6D6D6; position:relative; text-align:center}/*fixer l'étiquettes topvente*/
					.etiquette{position:absolute; right:0; top:0; width:144px; height:26px}
				.topventebit_lib{height:24px; padding-top:10px;font-weight: bold;}
					#conteneur h3.topventebit_lib a{color:#014E9C; text-transform:uppercase}
				.topventebit_lib2{height:28px; font-size:12px;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #CCCCCC;}
				.topventebit_prix{float:left; width:130px; height:41px}
					.prixht_txt, .prixttc_txt{font-weight:bold; font-size:11px; color:#808080}
					.topventebit_prixold{text-decoration:line-through}
					.topventebit_prixpromo{font-size:14px; font-weight:bold; color:#E42D3F}
				.topventebit_marque{float:right; width:94px; height:41px; text-align:right}
				.topventebit_btnG{float:left; width:130px; height:22px}
				.topventebit_btnD{float:right; width:94px; height:22px; text-align:right}
					
/*---------- @CATEGORIE : ----------*/
	/*Description categ + image*/
	.categ_details{float:left; width:480px;}
		h1.categ_lib{height:25px; border-bottom:solid 1px #CCC; font-weight:bold; font-size:14px; text-transform:uppercase; color:#014E9C}
		.categ_desc{padding:15px 0}
		ul.sscategs{padding:15px 0; border-top:solid 1px #CCC}
			ul.sscategs li{float:left; width:210px; padding:0 10px; background:url('templatebeta-puce_sscategbit.jpg') no-repeat 0 5px;list-style: none;}
			ul.sscategs li.li_clear{display:block; float:none; clear:both; width:100%; padding:0; background:none}
				ul.sscategs li h2{display:inline}
					ul.sscategs li h2 a{font-size:12px; font-weight:bold; color:#014E9C;}
			
	.categ_top, .categ_topBis{float:right; width:220px}/*"categ_topBis" pour nouveauté en promo*/
		.lapromodumois_txt{height:33px}
		.lapromodumois{width:197px; padding:10px; border-left:solid 1px #ccc; border-right:solid 1px #ccc;}
			.lapromodumois_details{width:197px; height:200px; position:relative}
				.lapromodumois_etiquette{position:absolute; right:0; top:0; width:78px; height:73px; padding-top:15px; background:url('templatebeta-etiquette_lapromodumois.png') no-repeat; text-align:center; color:#fff; font-weight:bold; line-height:1.6em}
					.lapromodumois_etiquette span{font-size:32px}
				.lapromodumois_ref{height:14px; text-transform:uppercase; color:#014E9C; font-size:14px}
				.lapromodumois_marque{height:40px}
				.lapromodumois_ima{width:130px; height:130px; margin:0 auto; text-align:center}
				.lapromodumois_prix{width:100%; height:20px; font-size:11px;}
					.lapromodumois_prixold{padding-right:10px; text-decoration:line-through}
					.lapromodumois_prixpromo{font-size:14px; font-weight:bold; color:#D6001A}
		.lapromodumois_bas{height:11px}

	
	
	/*Articles categ*/
	.bloc_droite_lib, .lib_instit {height:30px; background: url('templatebeta-trait.jpg') repeat-x}
		.bloc_droite_lib  span{padding-right:10px; background:#fff; font-size:17px; color:#004F9E;font-weight: bold;}
		.lib_instit  span{padding-right:10px; background:#fff; font-size:17px; color:#E11E32}

	.articles{width:725px; padding:19px 0 0 0}
		.articlebit{float:left; width:351px; height:203px}
			.articlebitH,.articlebitB{width:351px; height:5px}
			.articlebitM{width:329px; padding:0 10px 10px 10px; border-left:solid 1px #ccc; border-right:solid 1px #ccc;}
				.articlebit_entete{height:48px; border-bottom:solid 2px #E5E5E5}
					.articlebit_libelle{float:left; width:280px; height:48px; line-height:1em}
						h3.articlebit_lib{padding-top:8px}
							h3.articlebit_lib a{font-weight:bold; font-size:14px; color:#004EA0; text-transform:uppercase}
							h3.articlebit_lib a:hover{text-decoration:underline}
						.articlebit_lib2{line-height:1em; color:#D60018;margin-top: 2px;}
					.articlebit_pct{float:right; width:38px; height:43px; background:url('templatebeta-etiquette_promo.png') no-repeat; text-align:center; line-height:38px; color:#fff}
					
				.articlebit_ima{float:left; width:120px; height:110px; padding:6px 10px 0 0;}
				.articlebit_details{float:right; width:199px}
					.articlebit_prix{height:30px; padding:9px 0 0 0}
						.articlebit_prixconsulte{color:#D60018;}
						.articlebit_prixold{padding-left:5px; text-decoration:line-through;color:#b3b3b3;}
						.articlebit_prixpromo{padding-left:5px; color:#D60018; font-size:14px; font-weight:bold}
					.articlebit_desc{height:58px; padding-left:0;overflow:hidden;}
					.articlebit_boutons{height:19px}

	
		/*Pagination*/
		.pagination{width:725px; height:23px; background:url('templatebeta-bg_pagination.jpg') no-repeat}
			.pageprec{float:left; width:88px; height:23px}
			.pagesuiv{float:right; width:74px; height:23px}
			.pages{padding:5px 0;}
				.encours{color:#00509C; font-weight:bold}
		
/*---------- @PRODUIT ----------*/
/*Pagination*/
.produit_pagenav{width:725px; height:23px; margin-bottom:18px; background:url('templatebeta-bg_pagination.jpg') no-repeat}
	.produitprec{float:left; width:117px; height:23px}
	.produitsuiv{float:right; width:108px; height:23px}
	
.produit{width:725px; padding-bottom:18px}
	/** Colonne gauche : photos **/	
	.produitG{float:left; width:297px}
		.produit_imaH{width:297px; height:12px}
		.produit_imaB{width:297px; height:29px}
		.produit_imaM{width:295px; border-left:solid 1px #ccc; border-right:solid 1px #ccc;}
			.produit_zoom{height:23px; padding-right:8px; text-align:right}
			.produit_ima{width:265px; height:195px; margin:0 auto; padding:15px 0;}
		
			.produit_autres{width:265px; height:14px; margin:0 auto; background:url('templatebeta-trait2.jpg') repeat-x; text-align:right; line-height:8px}
				.produit_autres span{padding-left:5px; background:#fff; font-size:11px;}
			.photo_autres{width:292px; height:80px; padding-left:3px}
				.photobit{float:left; width:80px; height:80px; padding-left:12px}
		
	/** Colonne droite: détails et formulaire **/
	.produitD{float:right; width:410px}
		/**Libéllés**/
		h1.produit_lib{padding-bottom:5px; font-size:18px; font-weight:bold; color:#01509D}
		.produit_lib2{font-size:16px; color:#D8001A}
		/**Prix**/
		.produit_prix{height:44px; margin:10px 0; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; line-height:44px}
			.produit_prixold{padding-left:5px; font-size:14px; text-decoration:line-through;color:#999999;}
			.produit_prixpromo{padding-left:5px; font-size:20px; font-weight:bold; color:#D8001A}
		/**Marque logo et boutons formulaire :**/
		.produit_marque{float:left; width:80px; height:40px}
		.produit_boutons{float:right; width:145px}
			.produit_btnajout{width:145px; height:48px; margin-top:-48px}
			.produit_btncontact{width:145px; height:48px; margin-top:17px}
		/**Description et options :**/	
		.produit_desc{margin-bottom:10px; padding:10px 0; border-bottom:solid 1px #ccc}
			.produit_desc ul, .produit_desc li, .produit_desc ol{list-style:inherit;}
				.produit_desc ul{padding-left:40px;}
			.produit_options{padding-top:10px}
				.produit_options strong,.produit_options a{text-decoration:underline}
		/**Infos divers : stock, délai, livraison ...**/		
		ul.produit_infosdivers{margin-bottom:12px; padding:10px 0; padding-left:15px; border-top:solid 1px #ccc; font-weight:bold; color:#014E9C}
			ul.produit_infosdivers li{padding-bottom:4px; position:relative;}/*Pour fixer les icones à droite*/
				ul.produit_infosdivers li a{font-weight:bold; color:#014E9C;}
					li.enstock img{position:absolute; left:55px; top:0}
					li.epuise img{position:absolute; left:45px; top:0}
					li.livrprevue img{position:absolute; left:288px; top:-2px}
					li.paiementsec img{position:absolute; left:115px; top:0}
					li.cyberplus{padding-top:4px}
					li.piecejointebit_pdf img{/*position:absolute; left:177px; top:-10px*/}
				
		/**Caractéristiques**/
		.produit_caracts{color:#014E9C;}
			.produit_caracts input, select, textarea {
			    color:#014E9C;
			    font-family:Arial,Helvetica,'sans-serif';
			    font-size:11px;
			}
			.produit_caracts td{padding-bottom:5px; }
			.caract_lib{width:145px; font-weight:bold}
			.inputqte{width:25px; height:12px; padding:2px; border:solid 1px #ccc}

/*---------- @PAGES PANIER ----------*/
/**Barre des étapes : **/
.etape1{width:710px; height:139px; text-align:center;}
.etape2{width:636px; height:139px; padding-left:74px; background:url('templatebeta-etape2.jpg')}
.etape3{width:636px; height:139px; padding-left:74px; background-image:url('templatebeta-etape3.jpg');text-align:left}
.etape4{width:636px; height:139px; padding-left:74px; background-image:url('templatebeta-etape4.jpg'); text-align:left}
	a.etape1U{display:block; float:left; width:58px; height:110px}
	a.etape2U{display:block; float:left; width:70px; height:110px; margin-left:108px}
	a.etape3U{display:block; float:left; width:70px; height:110px; margin-left:103px}
	
/**Contenu des étapes : **/	
.panier_m{width:708px; border-left:solid 1px #DFDFDF; border-right:solid 1px #DFDFDF}	
.panier_b{width:710px; height:8px; background:url('templatebeta-panier_b.jpg') no-repeat}

/**Etape1**/
	.table_type {margin-bottom:15px; color:#3D6775; font-weight:bold}
		.tdheadcde1 {height:32px; font-weight:bold; color:#fff}
		.table_type a{color:#3D6775; text-decoration:none; font-weight:bold}
		.table_type a:hover{color:#3D6775; text-decoration:underline;font-weight:bold}
		.headpanier{ background:url('templatebeta-panier_head.jpg') no-repeat; height:32px}
		tr.footpanier{ background-image:url('templatebeta-panier_foot.jpg') no-repeat; height:25px}
		/*alternance des lignes panier*/
		.cde1_td1 {background-color:#fff; height:20px; font-size:12px; border:solid 1px #EFECE5;}
		.cde1_td2 {background-color:#e6e7e9;height:20px; font-size:12px;}
	.totaux_sep{background:url('templatebeta-pixel_gris.jpg') repeat-y 305px 0}
		.cdelivraison, .cdemoyens {float:left; width:260px; height:200px; border:0; padding:20px 0 0 10px;}
		html>body .cdelivraison, html>body .cdemoyens{min-height:200px; height:auto}
			.cde1livraison img{vertical-align:middle;}
		.cdetotaux{float:right; width:360px; padding: 0 40px 5px 0}
			.cde1totaux .table_type td{padding:4px 0}
				.vert_gras{font-weight:bold; color:#92C930}
				.inputcde {border:none 0; background:none; text-align:right; color:#92C930; font-weight:bold}
			.tot_ttc{height:66px; background:url('templatebeta-bg_tot.jpg') repeat-x; font-size:22px}
				.totttc_val{width:120px; font-size:22px; font-weight: bold; color: #92C930; text-align:right}
				.totttc_val input{width:100px; border:none; font-size:22px; font-weight: bold; color: #92C930; text-align:right}
			.cgv{float:right; width:310px; margin-top:20px}
	/*les boutons en bas de page*/
	.cde1boutons {padding-right:8px; text-align:right; margin-top:15px}
		.cde1boutons img{margin:5px;}
	/*Loi chatel*/
	.loichatel{padding:10px; font-size:11px}	

/**Etape2**/
	/*Formulaire inscription*/
	.cde2h_logging{width:672px; height:27px; margin:0 auto; padding-left:10px; background:url('templatebeta-panier_head.jpg') no-repeat; line-height:27px; color:#fff; text-align:center}
	.cde2inscrit, .cde2inscription, .cde2recoverpassword{width:670px; margin:0 auto; padding:20px 5px 5px 5px;  border:solid 1px #ECECEC; border-top:0;}
		
/**Etape3**/	
	.totaux_sepBis{background:url('templatebeta-pixel_gris.jpg') repeat-y 348px 0;position:relative;}
		.table_moyens{padding-bottom:20px}
			.table_moyens a{color:#3D6775; font-weight:bold}
			.table_moyens a:hover{color:#3D6775}
			/*alternance des lignes panier*/
			.td_alt1 {background-color:#fff; padding:10px 0; font-size:12px; border:solid 1px #EFECE5;}
			.td_alt2 {background-color:#e6e7e9; padding:10px 0;  font-size:12px;}
		#moyenbitcontenu form{ text-align:right}
		.cdetotaux_bis{float:right; width:300px; height:218px; padding: 0 20px 5px 0}
			.cde3boutons{text-align:right; position:absolute;right:10px;top:180px;}
	
/**Etape4**/
	.etape4_content{width:600px; margin:0 auto}
		.reglement_lib{margin:0 0 20px 50px; padding-bottom:5px; border-bottom:solid 1px #FEDDBC; font-weight:bold; color:#E11E32}
		ul.paiement {margin:0px; padding-left:50px; list-style:none; color:#3D6775; font-size:12px;}
		
/*
.tablecde2 {border:0;color:#3D6775;font-weight:bold; background-image:url('templatebeta-moyenpay.jpg'); width:271px; height:112px;}
.tablecde2totaux {border-left:solid 1px #999;border-right:solid 1px #999;font-weight:bold;border-bottom:solid 1px #999;color:#3D6775;}
.tdheadcde2 {height:32px;padding-top:0px;font-weight:bold;color:#F6B330; font-size:12px;}
#cde1boutonsd {float:right;text-align:right;margin-top:15px;}
#cde1boutonsd img{margin:15px;}
#liencache {display:none;}
.qteg{text-align:left;}
.cde3inscrit {width:723px;margin:0;padding:5px;border:solid 1px #ECECEC;}
.cde3inscrit strong{color:#999;}
.cde3inscrit a{text-decoration:underline;margin-left:5px;margin-right:5px;}
.cde3inscription {width:723px;margin:0;padding:5px;border:solid 1px #ECECEC;}
.cde3inscription strong{color:#999;}
.tdmoyens {height:27px; width:241px; padding-left:30px; padding-top:11px;}
.tdmoyens_ouvert {border-bottom:solid 1px #999;padding:15px;}	
*/

/**Page client **/
	.logging{width:710px; height:61px; text-align:center;}
	.espaceclient{width:420px; height:51px; padding:10px 0 0 290px; background:url('templatebeta-espaceclient.jpg') no-repeat; text-align:left; font-size:16px; color:#F68F33}
	/*Formulaire inscription*/
	.compteh_logging{width:672px; height:27px; margin:0 auto; padding-left:10px; background:url('templatebeta-panier_head.jpg') no-repeat; line-height:27px; color:#fff; text-align:center}
	.compteinscrit, .compteinscription, .compterecoverpassword{width:670px; margin:0 auto; padding:20px 5px 5px 5px;  border:solid 1px #ECECEC; border-top:0;}
	.fleche_recoverpass{padding:50px 0 20px 0; text-align:center; }
	
	.cadreespace{width:725px; height:501px; background-image:url('templatebeta-cadreespace.jpg'); background-repeat:no-repeat;}
		.cadrecompte {width:567px; padding-top:34px}
		
		
		
	.coordtitre{width:557px; height:25px; padding:7px 0 0 10px;  background-color:#E7E7E7; font-size:13px; font-weight:bold; color:#3D6775}
	.coordtxt{width:567px; min-height:39px; padding-top:5px; font-size:12px;}
		.coordtxtblabla{float:left;width:495px; padding:5px 0 0 10px}
		.coordtxtbouton{float:left;width:62px; height:23px}
	.coorddeconnect{width:567px; height:50px; text-align:right}

/*---------- @PAGES RECHERCHE ----------*/
	.droite_titre{padding-bottom:20px}
	/** Formulaire de recherche **/
	.cadre_g{float:left; width:352px; margin-bottom:20px;}
		.txt_rech{margin:10px 0; color:#D2024E; font-size:14px; text-transform:uppercase;}
			.txt_rech strong{color:#595E72;}
		.bordure_cadre_g{padding:10px; background-color:#FAF9F5; border:solid 2px #C5D6E9;}
			.input_qm{width:180px; padding:4px; border:solid 1px #C7C7C7;}
			.select_txt{width:220px;}
			
	/** Historique de recherche **/
	.cadre_d{float:right; width:300px; margin-bottom:20px;}
		.bordure_cadre_d{height:83px;  padding:10px; background-color:#FAF9F5; border:solid 2px #C5D6E9; overflow:hidden;}
		html>body .bordure_cadre_d{height:auto; min-height:83px;}
			.bordure_cadre_d ul{padding:10px 0; overflow:hidden;}
				.bordure_cadre_d ul li a{display:block;}

	/*Pages résultat rayons et autres*/
	.rechcontenubit{width:725px; /*height:115px;*/}
		.blocdivers{width:700px; margin-bottom:10px; padding:10px 10px 20px 10px; background:url('templatebeta-bg_rech.jpg') repeat-x left bottom; border-left:5px solid #EBEBEB; border-bottom:1px solid #EBEBEB; text-align:justify;}
			.nosrayons_description, .nospages_description{text-align:justify;}

	/*navigation des pages*/	
	.nosarticles_navigation, .nosrayons_navigation, .nospages_navigation{padding-bottom:10px;}
		.nosarticles_navigation h2, .nosrayons_navigation h2, .nospages_navigation h2{display:inline; font-size:12px; font-weight:bold;}
			.nosarticles_navigation h2 a, .nosrayons_navigation h2 a, .nospages_navigation h2 a{text-decoration:none; font-weight:bold;}
			.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{text-decoration:underline; font-weight:bold;}
		.nosarticles_navigation a:hover, .nosrayons_navigation a:hover, .nospages_navigation a:hover{text-decoration:none;}
				
/*---------- @PAGES ANNEXES ----------*/
.toggler{height:20px; padding-left:20px; background:url('templatebeta-pointinfo.jpg') no-repeat; cursor:pointer}	
.element{padding:5px 0 20px 20px}
.text_legal{padding:10px; font-size:11px}
.tot_cdedetails{margin-right:15px}
.suivicde{padding:10px 0;}
	.suivicde a{text-decoration:underline}
/*Page contact*/
.champ0{display:block; float:right; width:300px}
.champ1{display:block; float:left; width:300px}
	.champ_lib{text-transform:uppercase; text-align:right}
	.champ_input{width:60%;padding:2px 0;}
		.champ_input input[type=text], .champ_antiforce{width:160px; padding:2px; border:solid 1px #ccc}
		.champ_input textarea{width:160px; padding:2px; border:solid 1px #ccc; }

.note_info{padding-right:15px; text-align:right; font-size:11px}
	.recopiezcode{width:220px; text-transform:uppercase; text-align:right}
/*Google map*/
.institmap{width:722px; margin:0 auto}
		.institmapH{width:722px; height:5px; background:url('templatebeta-arrondiH_divers.jpg') no-repeat; text-align:center}
			.institmapH span{padding:0 10px; background: #FFF; text-transform:uppercase; font-size:15px; color:#E11E32; position:relative; top:-8px}
		.institmapB{width:722px; height:5px; text-align:center}
		.institmapM{width:720px; padding:20px 0 10px 0; border-left:solid 1px #ccc; border-right:solid 1px #ccc; text-align:center; color:#014E9C}
			.institmap_sep{width:250px; margin:5px auto; border:0; border-bottom:solid 1px #CFD9DB}
/**Plan**/
.menuplan{float:left; width:200px;height:150px;}
	.menuplan h3{font-weight:bolb; /*color:#E11E32;*/}
		.menuplan a{}

.barre_cookieC {
    background: #FFF;
    font-size: 11px;
    margin: 0 auto;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.barre_cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}
.fermercookie{
	cursor: pointer;
    font-size: 14px;
}