/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #menuSec, #menuBas, #socialBookmarker, #bookmarkHoverPopup, .champCache,
#boite_login, a div#boite_panierHd, #banniereHd, .colDroite, a.btnCta, #piedPage,
.colGaucheListe, .colGaucheDetail, #boite_tableau, #btnTissu, #btnGrandeur, #carousel,
.jcarousel-container-horizontal, .fbJaimePetit, #slideshow, .btnAjout  {
	position: absolute;
	visibility: hidden;
	display:none;
}

/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}
*:focus{outline: none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body {font-family: Arial, Verdana, Helvetica; font-size: 12px; color: #000000; line-height: 150%; text-align: left; background:none;}
html{}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link{color:#a54399; text-decoration:none;}
a:visited{color:#a54399;}
a:hover, a:focus{color:#a54399; text-decoration:none;}
a:active{color:#0e8bbf; text-decoration:none;}

h1{float:left; width:100%; font-size:21px; color:#a54399; margin-bottom:24px; padding:8px 0px; border-top:1px dashed #adadad; border-bottom:1px dashed #adadad;}
h1 a, h1 a:link, h1 a:visited{text-decoration:none;}

	h1 div {float:right;}

#contenu h2, #contenu h2 a{font-size:15px; color:#a54399;}
#contenu h2 a, #contenu h2 a:link, #contenu h2 a:visited{text-decoration:none;}

p{}
blockquote{padding:10px;margin:10px;background:#eee;}

#contenu ul li, #contenu ol ul li{list-style:square; margin-left:16px;}
#contenu ul ul li{list-style:circle;}
#contenu ol li, #contenu ul ol li{list-style:decimal; margin-left:23px;}
#contenu ol ol li{list-style:lower-alpha;}

.textePetit{font-size:10px;}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{width:auto; margin:0 auto;}
	#haut {position:relative; z-index:100;}
		#logo {float:left; width:264px; height:65px; padding:10px 0px 0px 10px;}
		
	#contenu{min-height:400px; height:auto !important; height:400px; padding:0px 14px 0px 14px; background:none; z-index:10;}
		.colGauche {float:none; width:auto; text-align:justify; padding-top:21px;}
		.colGen {float:none; width:auto; padding-top:21px;}
		
.both, .clearBoth{clear:both;}
.floatLeft {float:left;}
.floatRight {float:right;}
.displayNone {display:none;}
a.plus {color:#b030ba; text-decoration:underline;}
img.imgTxt {float:left; margin:0px 15px 15px 0px;}


/* 03_100 : PAGE CATEGORIE PRODUIT
--------------------------------------------------------------------------------------- */
.wrap_cat {float:none; width:600px; margin-bottom:10px; padding:10px; background:none;}
	.wrap_cat .imgThumb {float:left; margin-right:10px;}
	.wrap_cat p {line-height:14px;}
	
/* 03_110 : PAGE CATEGORIES
--------------------------------------------------------------------------------------- */
.liste {float:left; background:none;}
	.liste .colDroiteListe {float:left; width:auto; border-left:6px solid #ffffff; background:#ffffff;}
		.liste .colDroiteListe .item {position:relative; width:173px; float:left; margin-right:7px; z-index:10;}
		.liste .colDroiteListe .item.dernier {margin-right:0px;}
			.liste .colDroiteListe .item .imgNouveau {position:absolute; right:0px; top:0px; z-index:20;}
			.liste .colDroiteListe .item a.tiProduit {font-size:11px; color:#4a4a4a; font-weight:bold;}
			.liste .colDroiteListe .item p.tiTissu {font-size:12px; color:#353535; font-weight:bold;}

/* 03_111 : PAGE DETAIL
--------------------------------------------------------------------------------------- */
.detail {float:none; background:none;}
	.detail .colDroiteDetail {float:none; width:auto; border-left:6px solid #ffffff; background:none;}
		.detail .btn {float:left; height:29px; font-size:15px; color:#a54399; text-align:center; text-decoration:none; padding-top:10px;}
		.detail a.btnPetit {width:118px; background:url(gx/03/btn-petit.gif) left top no-repeat;}
		.detail a.btnGrand {width:162px; margin-left:4px; background:url(gx/03/btn-grand.gif) left top no-repeat;}

		/* DESCRIPTION */
		.boite_descr {float:left; width:auto; padding:10px 0px 0px 0px;}
			
			
		/* PRODUITS ASSOCIES */
		.boite_prodAss {clear:both; width:auto;}
			.boite_prodAss .prodAss {float:left; width:auto; font-weight:bold; padding:0px; background:none;}
				.boite_prodAss .prodAss .item {float:left; width:126px; margin-right:5px;}
				.boite_prodAss .prodAss .item a {font-size:11px; color:#4a4a4a; text-decoration:none;}
				.boite_prodAss .prodAss .item.dernier {margin-right:0px;}
				
				
/* 06_110: PAGE RESULTAT RECHERCHE DISTRIBUTEUR
--------------------------------------------------------------------------------------- */			
.boiteResultat{float:none; padding:10px;}
.boiteResultat.fond2{background-color: #E0E0E0;}
	.boiteResultat .colInfo {float:left; width:300px; padding-right:5px;}	
				
/* 00_666 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
address span {color:#ac55a1; font-weight:bold;}
#carteContact{float:left; width:350px; height:300px; margin-top:10px; border:1px solid #e5e5e5;}
#boiteFormContact{float:right; width:405px; padding-left:25px;}


/* 09_100 : PANIER ACHAT
--------------------------------------------------------------------------------------- */
#panierAchat {float:none; width:100%;}
#panierAchat #PanierHeader ul{margin:5px 0px 0px 0px;}
#panierAchat #PanierHeader ul li{display:inline; color:#ffffff; font-weight:bold; margin:0px 20px 0px 0px; padding:5px 10px; background:#666666;}
#panierAchat #PanierHeader ul li a {color:#ffffff;}
#panierAchat #PanierHeader ul li:hover {color:#ffffff; text-decoration:none; background:#a54399;}
#panierAchat #PanierHeader ul li.actif{background:#a54399; color:#ffffff;}
#panierAchat table, #panierAchat form{width:100%; margin-left:0px;}
#panierAchat form label{width:140px; margin:6px 0px;}
#panierAchat form span.msgErreur {float:left; color:#cc0000; margin:4px 0px 0px 10px;}

#panierAchat .boutonLarge {float:right; width:150px; height:25px; font-family:Arial, Verdana, Helvetica; font-size:11px; color:#ffffff; font-weight:bold; text-decoration:none; text-align:center; border:0px; margin-left:10px; padding:6px 0px 0px 0px; background:url(gx/B/btn-gen.gif) top left no-repeat;}

#panierAchat h3{margin-bottom:5px;}

#panierAchat .tableau{border: 1px solid #D4D0C2; background:#fff;}
#panierAchat .tableau .trTitre td{font-weight:bold;background:#4a4a4a; color:#e7e9f0;font-size:12px;text-align: left;border-bottom:1px solid #e2e2e2;}
#panierAchat .tableau td{font-size: 12px; line-height: 140%; color: #666;padding:2px 4px 2px 4px; border-bottom:1px solid #e2e2e2;}
#panierAchat .tableau td.sansBordure{border:none;}
#panierAchat .tableau .total td{font-weight:bold;font-size:14px;color:#007C5C;}

#PanierFooter{text-align:center;}
#PanierFooter img {margin:10px;}

#optionLivraison1, #optionLivraison2, #optionLivraison3 {float:left; margin:7px 5px 0px 0px;}
#panierAchat .labelLivraison {width:300px;}

#panierAchat form .boutonSubmit {width:150px; height:31px; font-family:Arial, Verdana, Helvetica; font-size:12px; color:#ffffff; font-weight:bold; text-decoration:none; text-transform:none; text-align:center; border:0px; padding-bottom:4px; background:url(gx/B/btn-gen.gif) top left no-repeat;}



/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{float:none; width:100%; font-size: 11px;}
fieldset legend{color:#ac55a1; font-size:14px; font-weight:bold; padding:0px;}
fieldset label{float:left; width:110px; font-size:12px; color:#505050; margin:4px 0;}
fieldset label.erreur{color:#cc0000;}
.champTexte{float:left; width:245px; height:18px; font-size:12px; color:#515151; margin:4px 0; padding:0px 5px; border:1px solid #c7d8e3;}
.champCP {float:left; width:52px; height:18px; font-size:12px; color:#515151; margin:4px 0; padding:0px 5px; border:1px solid #c7d8e3;}
.listeDeroulante{float:left; width:257px; font-size:12px; color:#515151; margin:4px 0; padding:0px 0px 0px 5px; border:1px solid #c7d8e3;}
.boiteTexte{float:left; width:246px; height:150px; font-family:Arial; font-size:12px; color:#515151; margin:4px 0; padding:5px; border:1px solid #c7d8e3; resize:none;}
#formContact .champTexte:focus, #formContact .boiteTexte:focus{background-color:#fbfcfc;}

.bouton{float:right; color:#505050; text-transform:uppercase; border:0px; background:none;}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur {color:#CC0000;}
p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:10px;display:none;}
div.erreur{color:#cc0000}

#commanderForm {float:none;}
	#commanderForm .listeDeroulante {width:70px; text-transform:lowercase; padding:2px 0px; border:1px solid #c7d8e3;}
	#commanderForm .champTexte {width:30px; height:18px; margin:0px 0px 0px 0px;}
	#commanderForm .btnAjoutPanier {float:right; width:230px; height:57px; font-size:14px; color:#ffffff; font-weight:bold; text-align:left; text-decoration:none; padding:0px 0px 5px 16px; border:0px; background:url(gx/03/btn-ajoutPanier.gif) left top no-repeat; cursor:pointer;}
	
#formContact {float:right; width:370px;}
#formRechPostal {float:left;}
	#formRechPostal .bouton {float:left; width:100px; margin-left:0px; padding-top:5px;}
	
#formMDP {width:370px;}