/* CSS Document */

/* réinitialisation des valeurs par défaut des navigateurs */
	body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#4e2c23;
		background-color:#f3edd1;
	}

	input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:1em;}
	input{padding:2px 0 0 3px;}
	
	* {margin:0; padding:0}
	
	ul, li {list-style-type:none}

	a img {border:0}

	a {text-decoration:none;}

	table{border-collapse:collapse}
	
/* grands éléments conteneurs ---- base : 964px de large */
	#global {width:954px; margin:0 auto; background-color:#e8dcab; border-left:5px solid #d7c37f; border-right:5px solid #d7c37f}
	#global_popup {}
	#header {width:954px; border-bottom:1px solid #998264; background:#e8dcab url(../img/global/header_bg.jpg) 234px 0 no-repeat}
	
	/* tableau central contenant la colonne gauche et le contenu principal */
	table#centre {width:100%; background-color:#e8dcab; border-bottom:1px solid #998264;}
	#gauche {width:191px; vertical-align:top; background-color:#e8dcab; padding-bottom:15px}
	#main {vertical-align:top; padding-left:8px; padding-bottom:15px;}
	#col_droite {float:right; width:191px; vertical-align:top; background-color:#e8dcab; }
	
/* éléments de header */
	a#logo {
		position:relative;
		top:0;
		left:0;
		width:253px;
		height:84px;
		float:left;
	}
	a#logo img{display:block;}
		
	ul#tools {display:none}
	ul#tools li{}
	ul#tools li a{}
	ul#tools label{}
	
	#identification {display:none}
	#identification a{}
	
	#mainNav div#drapeaux {background-image:none; float:right; width:60px; height:12px; margin-top:8px;}
	#mainNav div#drapeaux a.flag {display:inline; float:none; margin:3px 5px 0 0;}
	
	#panier {float:right; width:120px; height:84px; background:transparent url(../img/global/header_compte_bg.jpg) 0 0 no-repeat}
	#panier a#title_compte{display:block; position:relative; top:15px; left:0; width:85px; height:14px; background:url(../img/global/header_title_compte.jpg) 0 0 no-repeat}
	#panier a#title_panier{display:block; position:relative; top:20px; left:0; width:87px; height:15px; background:url(../img/global/header_title_panier.jpg) 0 0 no-repeat}
	#panier ul{position:relative; top:23px; left:2px;}
	#panier ul li{margin-bottom:2px; padding-left:8px; background:url(../img/basics/puce_arrow_red.gif) 0 5px no-repeat}
	
	#mainNav {clear:both; height:28px; border-bottom:1px solid #998264; background:#fff url(../img/global/mainNav_bgL.gif) 0 0 no-repeat}
	#mainNav ul{text-align:center; padding-top:7px;}
	#mainNav ul li {display:inline; padding-top:10px;}
	#mainNav ul li a {font-size:1.1em; font-weight:bold; padding:2px 10px; border-right:1px dotted #4e2c23; color:#4e2c23}
	#mainNav div{background:url(../img/global/mainNav_bgR.gif) 0 0 no-repeat; width:40px; height:28px; float:right}
	
/* éléments de gauche */	
	#recherche_gauche{padding-top:5px; background-color:#e8dcab; width:100%; float:left}
	#recherche_gauche h3{display:block; height:18px; font-weight:bold; font-size:1.2em; color:#fff; padding:4px 0 0 19px; background:url(../img/environnement/col_bg_title.gif) 0 0 no-repeat}/* pour le titre */
	#recherche_gauche form{margin:0 9px; background-color:#fff; border-bottom:1px solid #998264}
	#recherche_gauche div{margin:0 3px; padding:0 0 5px 5px; background-color:#f3edd1}
	#recherche_gauche input, #recherche_gauche select{width:128px; margin-top:5px; border:1px solid #4e2c23;}
	#recherche_gauche input{width:125px}/* padLeft défini à 3px pour ts les inputs*/
	#recherche_gauche input.btn{width:22px; height:17px; margin-bottom:-2px; border:none; background:url(../img/btn/btn_ok.gif) 0 0 no-repeat;}
	* html #recherche_gauche input.btn{margin-bottom:0;}
	
	#categorie {padding-top:5px; background-color:#e8dcab; width:100%; float:left}
	#categorie h3{display:block; height:18px; font-weight:bold; font-size:1.2em; color:#fff; padding:4px 0 0 19px; background:url(../img/environnement/col_bg_title.gif) 0 0 no-repeat}
	#categorie ul{margin:0 9px; background-color:#fff;}
	#categorie ul li{background:url(../img/basics/puce_circle_marron.gif) 0 10px no-repeat; padding-left:8px; margin:0 5px; border-bottom:1px dotted #4e2c23;}
	#categorie ul li a{display:block; padding:7px 0; color:#333; font-weight:bold}
	#categorie ul li ul li{background:none; border:none; padding-left:3px; margin:0}
	#categorie ul li ul li a{padding:0 0 3px 0; font-weight:normal}
	
	.ma_boutique{padding-top:5px; width:100%; float:left}
	.ma_boutique dt{display:block; height:18px; font-weight:bold; font-size:1.2em; color:#fff; padding:4px 0 0 19px; background:url(../img/environnement/col_bg_title.gif) 0 0 no-repeat}
	.ma_boutique dd {text-align:center; margin:0 9px; background-color:#f3edd1; border-right:3px solid #fff; border-left:3px solid #fff; width:167px; float:left }
	.ma_boutique dd.libelle a {color:#333; padding-bottom:5px; border-bottom:1px dotted #4e2c23; display:block}
	.ma_boutique dd a img {display:block; margin:5px auto;}
	
	div.top_produits{padding-top:5px; background-color:#e8dcab; width:100%; float:left}
	div.top_produits h3{display:block; height:18px; font-weight:bold; font-size:1.2em; color:#fff; padding:4px 0 0 19px; background:url(../img/environnement/col_bg_title.gif) 0 0 no-repeat}
	div.top_produits dl {margin:0 0 0 9px; width:172px; background-color:#fff; border-bottom:1px solid #998264}
	div.top_produits dl dt{padding:3px; text-align:center}
	div.top_produits dl dt a{color:#4e2c23; font-weight:bold}
	div.top_produits dl dd{clear:both; margin-bottom:5px; padding:5px;}
	div.top_produits dl dd a{color:#4e2c23;}
	div.top_produits dl dd a img{margin:5px auto; display:block}
	div.top_produits dl dd.prix{color:#cc0000; font-weight:bold; font-size:1.2em; text-align:right}
	div.top_produits dl dd.prix span{background-image:url(/ECSTemplates/comptoirdesflandres/library/img/pictos/bg-prixbarre.gif); float:right}
	div.top_produits dl dd.savoir_plus{text-align:right}
	div.top_produits dl dd.savoir_plus a{color:#4e2c23; font-weight:bold; padding:5px;}
	div.top_produits dl dd.commande{padding:10px 0 5px 0; width:100%; clear:both; height:30px}
	div.top_produits dl dd.commande input.saisie_quantite{float:left; margin:5px 3px 0 15px; display:block}
	div.top_produits dl dd.commande a.btn_plus{margin-top:5px; float:left; width:9px; height:9px; display:block; background:transparent url(../img/btn/bt_plus.gif) 0 0 no-repeat}
	div.top_produits dl dd.commande a.btn_moins{float:left; margin:3px 0 0 -9px; width:9px; height:9px; display:block; background:transparent url(../img/btn/bt_moins.gif) 0 0 no-repeat}
	* html div.top_produits dl dd.commande a.btn_moins{margin:0 0 0 0;}
	div.top_produits dl dd.commande a.btn_commande{float:right; margin:5px 3px 0 0; width:82px; height:18px; display:block; background:transparent url(../img/btn/btn_commander.gif) 0 0 no-repeat}

	div#actualite{padding-top:5px; background-color:#e8dcab; width:100%; float:left}
	div#actualite h3 {display:block; height:18px; font-weight:bold; font-size:1.2em; color:#fff; padding:4px 0 0 19px; background:url(../img/environnement/col_bg_title_rouille.gif) 0 0 no-repeat}
	div#actualite dl {margin:0 9px; background-color:#fff; border-bottom:1px solid #998264}
	div#actualite dl dt{padding:5px; background-color:#fbfdea; border-top:1px dotted #e8dcab;}
	div#actualite dl dt a{margin:3px; color:#993300; font-weight:bold;}
	div#actualite dl dt a span{display:block; text-align:right; color:#333; font-weight:normal; background-color:#fbfdea;}/* c'est la date qui est dans la span */
	div#actualite dl dd{clear:both; margin-bottom:5px; padding:5px;}
	div#actualite dl dd a{color:#4e2c23;}
	
	#commande_directe{display:none;}
	#commande_directe h3{display:block; height:18px; font-weight:bold; font-size:1.2em; color:#fff; padding:4px 0 0 19px; background:url(../img/environnement/col_bg_title.gif) 0 0 no-repeat}
	#commande_directe form{}
	#commande_directe label{}
	#commande_directe a{}
	
	#demande_catalogue{margin:5px 0 0 9px; width:173px; height:146px; clear:both; float:left; background:#4e2c23 url(../img/visu/demande_catalogue.jpg) center 5px no-repeat;}
	* html #demande_catalogue{float:none;}
	#demande_catalogue a{display:block; text-align:right; padding:128px 8px 0 8px; color:#fff; font-weight:bold; background:url(../img/basics/puce_arrow_white.gif) 90px 131px no-repeat;}
	
/* éléments de contenu page accueil.tpl */	
	#accueil {width:560px; float:left; background:#e8dcab url(../img/visu/visuel_top_accueil.jpg) 0 30px no-repeat; } /* grd conteneur */
	#accueil h1.title{width:560px; height:17px; padding:0 0 220px 0; margin:8px 0 0 0;  border:none; background: url(../img/environnement/title_accueil.gif) 3px 0 no-repeat;}
	* html #accueil h1.title {padding:0 0 200px 0;}
	#accueil h1.title_edit {font-size:1.4em; padding:0; margin:0; background-color:transparent}
	#accueil p.default_txt{width:500px; padding:0; margin:0; background-color:transparent}
	#accueil a.lien {width:500px; padding:0; margin:0; background-color:transparent}
	
	ul#informatives2 {display:none}/* si activation dans accueil sinon voir col_droite*/
	ul#informatives2 li {}
	ul#informatives2 li a {}

	#accueil_nouveaute_star {width:554px; float:left; background-color:#fbfdea;}
	#accueil_nouveaute_star h2 {font-size:1.2em; color:#cc0000; float:left; margin-top:7px; width:247px; height:19px; padding:5px 0 0 30px; background:url(../img/environnement/accueil_bg_title_creme.gif) center 0 no-repeat;}

	#accueil_frequentation_star {width:554px; float:left; background-color:#fbfdea;}
	#accueil_frequentation_star h2 {font-size:1.2em; color:#cc0000; float:left; margin-top:7px; width:247px; height:19px; padding:5px 0 0 30px; background:url(../img/environnement/accueil_bg_title_creme.gif) center 0 no-repeat;}



	div.produits_accueil {width:255px; margin:0 auto; padding:0 10px; float:left; background-color:#fbfdea; border-right:1px dotted #d7c37f;}
	div.produits_accueil dl {padding:0; margin:0; width:100%; clear:both; background-color:#fbfdea;}
	div.produits_accueil dl dt {color:#4e2c23; height:25px; font-weight:bold; font-size:1.1em; padding:8px 0 0 0; width:100%; float:left;}
	div.produits_accueil dl dt a{color:#4e2c23; padding:0}
	
	div.produits_accueil dl dd {clear:both; float:left; width:100%}
	div.produits_accueil dl dd.img {min-height:120px;}
	* html div.produits_accueil dl dd.img {height:120px;}
	div.produits_accueil dl dd.img a img{margin:6px auto 0 auto; height:120px; display:block;}	
	
	div.produits_accueil dl dd.prix{color:#cc0000; font-weight:bold; float:left; min-height:15px; font-size:1.2em; text-align:right; padding-top:3px;}
	* html div.produits_accueil dl dd.prix{height:15px;}
	div.produits_accueil dl dd.prix span{background-image:url(/ECSTemplates/comptoirdesflandres/library/img/pictos/bg-prixbarre.gif);}
	
	div.produits_accueil dl dd.savoir_plus {width:100%; clear:both; min-height:30px; float:none; border-top:10px solid #fbfdea;  border-bottom:1px dotted #d7c37f}
	* html div.produits_accueil dl dd.savoir_plus{height:30px;}
	div.produits_accueil dl dd.savoir_plus a{display:block; float:right; color:#4e2c23; padding:5px; font-weight:bold}
	div.produits_accueil dl dd.savoir_plus a.btn_commande{width:82px; height:18px; display:block; float:right; background:url(../img/btn/btn_commander.gif) 0 0 no-repeat;}

	#accueil_actualite {width:554px; float:left; padding:15px 0 0 0; background-color:#fbfdea;}
	#accueil_actualite h1.title {font-size:1.3em; background:#fbfdea url(../img/environnement/actualite_bg_title_rouille.gif) 5px 0 no-repeat; margin:0; height:19px; padding:5px 0 0 30px; width:524px;}
	#accueil_actualite h1.title a{color:#fff}
	#accueil_actualite dl.actualite_fiche {background-color:#fbfdea; margin:-12px 0 0 0;}
	#accueil_actualite dl.actualite_fiche dt {min-height:30px; clear:both; font-weight:bold; font-size:1.1em; padding:8px 0 0 23px; background:url(../img/basics/puce_circle_marron.gif) 13px 14px no-repeat;}
	* html #accueil_actualite dl.actualite_fiche dt{height:30px;}
	#accueil_actualite dl.actualite_fiche dt a {color:#4e2c23}
	#accueil_actualite dl.actualite_fiche dd{clear:both}
	#accueil_actualite dl.actualite_fiche dd p img {float:left; margin:5px; background-color:#fbfdea;}
	#accueil_actualite dl.actualite_fiche dd p {background-color:#fbfdea;}
	
/* éléments de droite */	
	#newsletter{padding-top:5px; background-color:#e8dcab; width:100%; float:left}
	#newsletter h3 {display:block; height:18px; font-weight:bold; font-size:1.2em; color:#fff; padding:4px 0 0 19px; background:url(../img/environnement/col_bg_title_rouille.gif) 0 0 no-repeat}
	#newsletter p{padding:3px;}
	#newsletter form {margin:0 9px; padding:3px; background-color:#fff; border-bottom:1px solid #998264}
	#newsletter input {width:130px; display:block; border:1px solid #4e2c23; margin-top:2px}	
	#newsletter input.check {width:auto; border:none; display:inline}
	#newsletter input.btn{width:22px; height:17px; margin-bottom:-2px; float:right; border:none; background:url(../img/btn/btn_ok.gif) 0 0 no-repeat;}
	* html #newsletter input.btn{margin-bottom:0;}
	#collection_points{margin:5px 0 0 9px; width:173px; height:118px; clear:both; float:left; background:#993300 url(../img/visu/collection_points.jpg) center 1px no-repeat;}
	* html #collection_points{float:none;}
	#collection_points a{display:block; text-align:right; padding:103px 8px 0 8px; color:#fff; font-weight:bold; background:url(../img/basics/puce_arrow_white.gif) 90px 106px no-repeat;}
	#informative2 {padding-top:5px; background-color:#e8dcab; width:100%; float:left;}/* liens vers le plan, sondages, recrutement */
	#informative2 h3{display:block; height:18px; font-weight:bold; font-size:1.2em; color:#fff; padding:4px 0 0 19px; background:url(../img/environnement/col_bg_title.gif) 0 0 no-repeat}
	#informative2 ul{margin:0 9px; background-color:#fff;}
	#informative2 ul li{background:url(../img/basics/puce_circle_marron.gif) 0 10px no-repeat; padding-left:8px; margin:0 5px; border-bottom:1px dotted #4e2c23;}
	#informative2 ul li a{display:block; padding:7px 0; color:#333; font-weight:bold}
	#logos_col_droite{margin:20px 0 0 25px; width:146px; height:162px; clear:both; float:left;}
	* html #logos_col_droite{float:none;}	
	#logos_col_droite img {display:block; margin:0 auto 20px auto;}
	#pub_droite {display:block; width:130px; height:130px;}
	
/* éléments de bas.tpl */
	#bas_informative1 {width:100%; clear:both; float:left; border-top:5px solid #cdb568; background-color:#d7c37f;}
	#bas_informative1 ul{padding:10px 5px; text-align:center;}
	#bas_informative1 ul li{display:inline; padding:0 10px; border-right:1px solid #333}
	#bas_informative1 ul li a {color:#333;}
	
	#references { text-align:center; background-color:#d7c37f; padding-bottom:5px}
	#references_adresse { text-align:center; background-color:#f3edd1; padding-top:5px}
	#references a{color:#333}