/*  DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */

html{
	color: #2b2b2b;
	font-size: 12px;
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{
	color: #0a9fda;
	font-size:18px;
	font-weight: normal;
}
h1 a, h1 a:link, h1 a:visited{
	color:#C21527;
}
h2{
	color: #2b2b2b;
	font-size:15px;
	font-weight: bold;
}
h3{
	color: #0a9fda;
	font-size:12px;
	font-weight: normal;
}
h3 a, h3 a:link, h3 a:visited{
	color:#0a9fda;
}
h4{
	color: #2b2b2b;
	font-size:12px;
}
h5{
	color: #2b2b2b;
	font-size:18px;
}
.both {clear:both;}
/* CONTENEUR
--------------------------------------------------------------------------------------- */
#contentWrap {margin:0px auto 0px auto; width:987px;}
.bgShadowLeft {float:left; width:8px; height:584px; background:url(gx/bg_shadowLeft.png) top left no-repeat;}
.bgShadowRight {float:left; width:8px; height:584px; background:url(gx/bg_shadowRight.png) top left no-repeat;}

#conteneur{
	/*margin: 0 auto 0 auto;*/
	float:left;
	text-align:left;
	width:971px;
	border: 0px solid #cfd4d9;
	border-top:none;
	background: #fff;
}
#conteneurInt,#contenuInt{
	margin: 0 14px 15px 14px;
}
#contenuInt{margin-top: 10px;_margin-top:0;}

#haut{
	margin-bottom:10px;
	padding:0 0 0 0;
}
#haut .entete{ background:url(gx/bg_header.gif) top left repeat-x; padding: 0 14px; }
#haut .entete .logo {margin-top:15px;}
	
#contenu{
	float:left; 
	display: block;
	width:743px;
}

	#contenu h1 {font-size:18px; color:#3E9E14;}
	#contenu h1.page {font-size:18px; color:#0a9fda;}
	#contenu h2 {font-size:13px; color:#196BBA; font-weight:bold; margin:0px; padding:0px;}
	#contenu h3 {font-size:12px; color:#F36E26; font-weight:bold; margin:0px; padding:0px;}

#menuu ul li{color:#fff;}
	
#contenuLateral{
	float:left; 
	display: block;
	width:200px;
	margin-bottom:15px;
}

.boiteCollection{ font-size: 0px; }
.boiteCollection li{
	list-style: none; border-left: #dce0e2 1px solid; border-right: #dce0e2 1px solid; 
	background: #f3f7f9 url(Gx/M/bgFlecheMenu.gif) no-repeat 7px 7px;
	width: 161px; padding: 3px 0 3px 20px; margin: 0 0 0 0;
}
.boiteCollection a, .boiteCollection a:visited{ color: #0055a6; font-size: 12px; font-weight: bold; text-decoration: none; }
.boiteCollection a:hover{ color: #666666; text-decoration: none; }


.contentBloc {clear:both; width:521px; margin-top:21px;}
	.contentBloc .tiBloc {height:41px;}

#blocSousCat{
	text-align: center;
	float:left;
	display:block;
	border: 1px solid #cfd4d9;
	margin:10px 7px 0 0;
	width:168px;
	height:230px;
}

.blocSousCat2, #blocSousCat2Fake{
	text-align: center;
	float:left;
	display:block;
	border: 0px solid #cfd4d9;
	margin:0px 1px 0 0;
	width:173px;
	height:203px;
}

.blocSousCat2 .intro ,#blocSousCat2Fake .intro{margin:115px 15px 15px 15px;}
	.blocSousCat2 .primeur1 ,#blocSousCat2Fake .primeur1{/*color:#c4040c;*/color:#fff;font-weight:bold;}
	.blocSousCat2 .primeur2 ,#blocSousCat2Fake .primeur2{/*color:#437204;*/color:#fff;font-weight:bold;}
	.blocSousCat2 .primeur3 ,#blocSousCat2Fake .primeur3{/*color:#c4040c;*/color:#fff;font-weight:bold;}

.blocSousCat2 strong a ,#blocSousCat2Fake strong a{color: #FFFFFF; font-size: 12px; font-weight:bold; line-height: 175%; text-decoration:none;}
	.blocSousCat2 strong a:hover ,#blocSousCat2Fake strong a:hover{text-decoration:underline;}

#blocPanier{
	background: url(gx/m/bgPanier2.gif) no-repeat;
	width: 207px;
	height:53px;
	display:block; 
	float:right;
	font-size:10px;
	margin-top: 45px;
	/*margin-right: 17px;*/
}
#blocPanierInt{padding:20px 0 0 40px;color: #FFFFFF; line-height: 110%;}
#blocPanierInt a{color: #FFFFFF; font-size:10px; text-decoration:none;}

.ssCatBox{width:150px;display:block;float:left;border-left:1px solid #FFF;padding-left:5px;margin-top:15px;}
.ssCatBox a.ssCat{font-size:0.6em;px;color:#FFF;text-decoration:none;}
.ssCatBox a.ssCat:hover, .ssCatBox a.actif{font-size:0.6em;px;color:#FFF;text-decoration:underline;}

.monPanier{float:left; display:block;}
.titrePanier{color:#304b03;}

#blocDecompte{
	background: url(gx/m/bgDecompte.gif) no-repeat;
	width: 265px;
	height:53px;
	display:block; 
	float:right;
	font-size:11px;
	color: #bbd4e8;
	margin-top: 45px;
	margin-right:12px;
}
#blocDecompteInt{padding:10px 0 0 10px;line-height: 125%;}
#blocDecompteInt img{margin:0px 10px 0 0px;}
#blocDecompteInt p{padding:0px 0 0 0px;}
#blocDecompteInt strong{font-size:12px; color:#0055a6;}
#blocDecompteInt span.temps{color: #3c98de;}

#conteneurFlash{
	float: left;
	width: 521px;
	height: 455px;
	border: 1px solid #cfd4d9;
}
	
#blocLiquidation{
	background: url(gx/m/bgLiquidation.gif) no-repeat;
	width: 189px;
	height:93px;
	display:block;
}
#blocLiquidationInt{padding:30px 0px 0 70px;}
#blocLiquidationInt a{text-decoration:none; color: #ee1c25; font-size:12px;}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#accueilG{float:left;display:block;	width:535px;}

#accueilD{float:left;display:block; width: 208px;}

		
#blocBanniere {clear:both; width:208px;}
#blocBanniere div{clear:both; width:208px; margin-bottom:7px;}
#blocBanniere .format_1{height:228px;}
#blocBanniere .format_2{height:525px;}
		
#blocInfolettre{
	background: url(gx/00/bgInfolettre.gif) no-repeat;
	width: 208px;
	height:92px;
	display:block; 
	font-size:10px;
}
#blocInfolettreInt{padding:10px 0 0 55px;color: #156cbe; line-height: 110%;}
#blocInfolettreInt a{color: #156cbe; font-size:11px;}

#blocNosMagasins{
	background: url(gx/00/bgNosMagasins.gif) no-repeat;
	width: 208px;
	height:143px;
	display:block; 
	font-size:12px;
	margin-top:10px;
	text-decoration:none;
}
#blocNosMagasinsInt{padding:108px 0 0 25px;color: #fff; line-height: 110%;text-decoration:none;}


#blocIDConseil{
	width: 208px;
	height:97px;
	display:block; 
	
	margin-top:10px;
}


#blocConcours{
	/*background: url(gx/00/bgConcours.gif) no-repeat;*/
	width: 208px;
	height:186px;
	display:block; 
}
#blocConcoursInt{padding:5px 0 0 65px; font-weight: bold;font-size:12px;line-height: 100%;color: #f5b721; }
#blocConcoursInt span.titreConcours{font-size:22px;color: #f57921; line-height: 150%;}
#blocConcoursInt a{color: #f5b721; font-size:12px;line-height: 200%;}

a.bold, a.bold:link, a.bold:visited{ font-weight: bold; text-decoration: none; }
a.bold:hover{ text-decoration: underline; }

/* FIL D'ARIANE
--------------------------------------------------------------------------------------- */
div.filAriane{
	color: #000;
	text-align:left;
	font-size: 11px;
}
div.filAriane a{
	color: #000;
}
div.filAriane span.actif  {
	color: #0a9fda;
}
div.filAriane span.actif a, div.filAriane span.actif a:visited{ color: #0a9fda; text-decoration: none; }
div.filAriane span.actif a:hover{ text-decoration: underline; }

/* CARTE
--------------------------------------------------------------------------------------- */
div#carte{ background: #F0F6FA; width: 450px; padding: 10px; float: right; font-size:12px;}
div#carte div#map{border:1px solid #b7b7b7;width:450px;height:300px;}
div#carte div#formDirection{ margin: 10px 0 0 0; }
div#carte div#formDirection input#fromAddress{ color: #9B9B9B; font-size: 12px; border: #CCCCCC 1px solid; background: #FFFFFF; width: 145px; margin: 0 10px 0 0; }
div#carte div#formDirection input#bouton{ color: #FFFFFF; text-align: left; background: url(Gx/00/bouton2g_bg.gif) no-repeat top left; border: 0px; width: 168px; height: 27px; padding: 0 0 2px 18px; }
div#carte div#formDirection a, div#cabinet div#carte div#formDirection a:link, div#cabinet div#carte div#formDirection a:visited{ color: #2C699C; font-size: 11px; text-decoration: none; background: url(Gx/M/sousmenu_bg_on.gif) no-repeat 0px 5px; padding: 0 0 0 14px; } div#cabinet div#carte div#formDirection a:hover{ color: #999999; }
div#carte div#directions{ color: #666666; font-size: 11px; min-height: 0px; margin: 10px 0 0 0; display: none; }
div#carte div#directions a, div#cabinet div#carte div#directions a:link, div#cabinet div#carte div#directions a:visited, div#cabinet div#carte div#directions a:hover{ color: #999999; font-weight: bold; text-decoration: none; }


/* BANNIERE ROULANTE ACCUEIL
--------------------------------------------------------------------------------------- */
div#banniereRoller{ background: #19c4fc; width: 521px; float: left; }
div#banniereRoller div#banniereFichier{width:358px;height:286px;float: left;}
div#banniereRoller div.banniereBouton{ float: left; width:163px;height:57px;}
div#banniereRoller div.banniereBouton a, div#banniereRoller div.banniereBouton a:link, div#banniereRoller div.banniereBouton a:visited{ color: #FFFFFF; font-size: 14px;  font-weight:bold; text-decoration: none; background: url(gx/m/bgBtn2.gif) repeat-x bottom; padding: 21px 0 21px 25px; display:block; } 
div#banniereRoller div.banniereBouton a:hover, div#banniereRoller div.banniereBouton a:link:hover, div#banniereRoller div.banniereBouton a:visited:hover{ color: #FFFFFF; font-size: 14px;  font-weight:bold; text-decoration: none; background: url(gx/m/bgBtn2_over.gif) repeat-x bottom; padding: 21px 0 21px 25px; } 



/* LISTE DES PRODUITS
--------------------------------------------------------------------------------------- */
.catalogue{
	display:block; float:left;
	width:160px; margin: 0 10px 20px 0;
}

.catalogue h2{ font-size: 12px; margin: 0 0 0 0; }
.catalogue h2 a, .catalogue h2 a:link, .catalogue h2 a:visited{ color:#0a9fda; text-decoration:none;}
.catalogue h2 a:hover{ color: #666666; }
.catalogue a.sCat, .catalogue a.sCat:link, .catalogue a.sCat:visited{ color: #000000; text-decoration:none; margin: 5px 0 0 0; display:block;}
.catalogue a.sCat:hover{ text-decoration: underline; }
.catalogue a.ssCat, .catalogue a.ssCat:link, .catalogue a.ssCat:visited{ color: #666666; text-decoration:none; margin: 0 0 2px 5px; display:block; }

.boiteInfoBanniere{
	display:block;	
	border:1px solid #cccccc;
	height: 98px;
}
.boiteTitre{float:left;display:block;width:581px;height: 98px;color:#0a9fda; font-size:18px;}
.boiteTitreInt{margin:15px;}
.boiteTexteBanniere{float:left;display:block;width:315px;height: 98px;}
.boiteTexteBanniere p{color: #8dc73f;font-size:12px; margin:10px 10px; line-height: 115%;}
.boiteTexteBanniere p a, boiteTexteBanniere p a:hover, .boiteTexteBanniere p a:visited, .boiteTexteBanniere p a:visited:hover{color: #8dc73f;}
.boiteResultat{
	display:block;
	float:left;
	width:175px; /*height: 365px;*/
	margin:10px 5px 10px 0;
	position: relative;
}
.boiteResultat a, .boiteResultat a:hover, .boiteResultat a:visited, .boiteResultat a:visited:hover  {
	color:#0a9fda;font-size:12px;
	text-decoration: none;
	 
}

/*.boiteResultat .item{ width: 140px; position: absolute; bottom: 50px; }*/
.boiteResultat .img{ text-align: center; }
.boiteResultat .info{ text-align: left; width: 120px; margin: 0 10px 0 10px;}

#page{text-align:right;color:#686544;margin:5px 0;}
#page a, #page a:hover, #page a:visited{color:#686544;}
#page a.actifpage, #page a.actifpage:hover, #page a.actifpage:visited{text-decoration:none;}
#page a.tous, #page a.tous:link, #page a.tous:visited, #page a.tous:hover{ color:#000000; margin:2px 0 0 0; display:block; }

.promotion{
	/*color: #ee1c25;*/
	color:red;
	font-size:14px;
}

.ligne{
	border:none;
	border-top:1px solid #cfd4d9;
	color:#cfd4d9;
	height: 1px;
	line-height: 1px;
}

a.ajoutPanier, a.ajoutPanier:hover, a.ajoutPanier:visited:hover, a.ajoutPanier:visited{
	background: url(gx/panier.gif) no-repeat 7px 11px;
	color:#0a9fda;
	border:1px solid #cfd4d9;
	padding:5px 25px 5px 30px;
	font-size: 11px;
	height:25px;line-height: 30px;_line-height:15px; position: absolute; bottom: 0px;
}
a.ajoutPanier2, a.ajoutPanier2:hover, a.ajoutPanier2:visited:hover, a.ajoutPanier2:visited{
	background: url(gx/panier.gif) no-repeat 7px 11px;
	color:#0a9fda;
	border:1px solid #cfd4d9;
	padding:10px 15px 10px 35px;
	font-size: 11px;
	height:5px;line-height: 40px;_line-height:15px; bottom: 0px;text-decoration:none;
}

#produitGauche{display:block;float:left;width:270px;padding: 0 0 10px 0; text-align:center;}
#produitGauche img{margin-top:15px;}
#produitCentre{display:block;float:left;font-size:11px;}
#produitImage img{ border: #cccccc 1px solid; margin: 0 5px 0 0; }

div.commander{
	background: url(gx/bgCommander.gif) no-repeat;
	width: 141px;
	height:26px;
	color:#fff;
	font-size:14px;
	line-height: 26px;
	text-align:center;
}
div.boiteCommande{
	border: 1px solid #e3e3e3;
	background-color: #f3f7f9;
	width: 457px;
}
div.prix{
	width: 195px;
	min-height:100px;_height:100px;
	display: block;
	float:left;
	margin: 25px 20px 0  10px;
	border-right:  2px solid #e3e3e3;
}
div.quantite{
	margin: 25px 0px;

}
div.topDescription{
	background: url(gx/bgDescription.gif) no-repeat;
	width: 457px;
	display:block;
	line-height: 25px;
	color: #0d93cc;
}
div.topDescription strong{
	margin-left:15px;
}
div.produitDescription{
	width: 457px;
	border: 1px solid #e3e3e3;
	border-top: none;
	
}

div.blocImage{
	border: 1px solid #e3e3e3; background-color: #f3f7f9;
	width: 437px; padding: 10px; margin: 0 0 10px 0;
}
div.blocImage strong{ color:#8dc73f; margin: 0 0 5px 0; display: block; }
div.blocImage img{ border: #cccccc 1px solid; margin: 0 5px 0 0; }

div.ssCat h2{ color: #0a9fda; font-size: 12px; margin: 0 0 5px 0; }
div.ssCat div{ width: 230px; margin: 0 10px 2px 0; float: left; display: block; }
div.ssCat a, div.ssCat a:link, div.ssCat a:visited{ font-size: 11px; text-decoration: none; }
div.ssCat a:hover, div.ssCat a.actif, div.ssCat a.actif:link, div.ssCat a.actif:visited, div.ssCat a.actif:hover{ font-weight: bold; }

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #2b2b2b;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited, table a,a{color: #2b2b2b; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#2b2b2b; text-decoration:underline;
}
/*ul li{font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{font-size:11px; line-height:150%; color:#1F1F1F; margin-left:16px;}*/

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

.lienRSS{
	background: url(Gx/rss.gif) no-repeat left;
	padding:5px 0 5px 20px;
}
.lienPDF{
	background: url(Gx/icone_PDF.gif) no-repeat left;
	padding:5px 0 5px 20px;
}
.lienLoupe{
	background: url(Gx/loupe.gif) no-repeat left;
	padding:5px 0 5px 30px;
	line-height: 25px;
	color: #0a9fda;
}
.lienLettre{
	background: url(Gx/lettre.gif) no-repeat left;
	padding:5px 0 5px 30px;
	line-height: 25px;
	color: #0a9fda;
}

.image{
	border: 1px solid #cfd4d9;
}

table{font-size:12px;}
table.w100 {width:90%;}
table tr td{padding: 3px; line-height:150%;border-bottom: 1px solid #cfd4d9;}
table tr.noBorder td{border:none;}
table tr.trTitre{
	font-weight: bold;
	font-size: 13px;
	/*background-color: #484848;*/
	color: #0a9fda;
	/*color:#0a9fda;*/

}
table tr.trTitre td{} 
table tr.row1{	background-color:  #fff;}
table tr.row2{	background-color:#F4FAFF;}

#boiteInfo{
	float:left;
	display:block;
	width:350px;
	border: 1px solid #e3e3e3;
	border-top: none;
	margin-right:10px;
	height: 230px;
}
#boiteInfoInt{margin:20px 10px;}
#boiteInfo h3{
	text-align: center;
	color: ##196BBA;
	border-top: 1px solid #e3e3e3;
	padding: 4px 0;
	font-weight: bold;
	font-size: 13px;
}

a.video, a.video:link, a.video:visited, a.video:hover{ color: #0a9fda; font-size: 11px; font-weight:normal; background: url(Gx/M/video_icone.gif) no-repeat; padding: 3px 0 3px 30px; display: block; }
/* BAS
--------------------------------------------------------------------------------------- */
#bas{display:block; border-top: 1px solid #cfd4d9; margin:0px 10px;height:150px;}
#menuBas {margin-left:25px; padding-top:17px; display: block;float: left; width:auto;}
#menuBas ul{margin:10px 0 0 0;padding:0;}
#menuBas ul li{font-size:11px; padding:0; margin:0; list-style-type:none;  line-height: 120%;}
#menuBas ul li a, #menuBas ul li a:link, #menuBas ul li a:visited{
	text-decoration:none;
}

.couleur1, #menuBas ul li a.couleur1 {color:#0055a6;} #menuBas ul li a.couleur1:hover{ color:#66ccff;text-decoration:underline; }
.couleur2, #menuBas ul li a.couleur2 {color:#6bb20d;} #menuBas ul li a.couleur2:hover{ color:#99ff33;text-decoration:underline; }
.couleur3, #menuBas ul li a.couleur3 {color:#ee1c25;} #menuBas ul li a.couleur3:hover{ color:#ff6666;text-decoration:underline; }
.couleur4, #menuBas ul li a.couleur4 {color:#f57921;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#006699; font-family:Verdana; font-size:11px; height:100px; margin:0px 14px; padding-top:15px; border-top: 1px solid #cfd4d9;}
#piedPage a{color:#006699; text-decoration:none;}
#piedPage a:hover{color:#006699;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#006699;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:none; color: #006699;}
#piedPage #piedReference{font-size:10px;color:#006699;text-align:justify;}
#piedPage #piedReference a{font-weight:bold;}
#piedPage .lienFooter:hover{color: #006699;}

/* Partager cette page (bookmarker) */
#socialBookmarker {float:right; width:165px; height:20px; margin-bottom:10px;}
#socialBookmarkerPrefix {float:left; cursor:default; font-size:10px; color:#006699; font-weight:normal; text-transform:uppercase; margin-top:2px;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup {position:absolute; border:solid 1px; background-color:white; text-align:left; padding:4px; width:315px; display:none;}
#bookmarkHoverPopup .bookmarkHoverPopupItems {float:left; width:150px; height:25px; margin-right:4px;}

#bookmarkHoverPopup .bookmarkHoverPopupItems a {line-height:25px; height:25px;}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited {border:none; color:black; display:block; text-decoration: none; width:150px; padding-left:2px; border: 1px solid #fff;}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover {text-decoration: none; color:#333333; border: 1px solid #666; width:150px; height:25px; display:block; background-color:#eee; padding-left:2px;}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
form.formRech fieldset{	padding:10px 0 0 25px;}
form.formRech fieldset input.champTexte{margin:2px 10px;width:130px;color: #000;}


fieldset{margin-bottom:10px; padding: 5px 0; border:0px solid #000;font-size: 11px; }
fieldset legend{font-size: 14px; font-weight: bold; color:#0a9fda; padding:3px 0;border: 0px solid #999;}
fieldset label{font-size: 12px; color:#000;margin:2px 0 2px 0; float:left; display:block;}
label.labelQte{color:#8dc73f;width:60px; font-weight: bold;}

.champTexte{	
	background: #fff;
	border: 1px solid #c9d1d8;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
	float:left; display:block;
	
}
.listeDeroulante{
	background: #fff;	
	border: 1px solid #c9d1d8;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
	float:left; display:block;
}
.boiteTexte{
	background: #fff;
	border: 1px solid #c9d1d8;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}

.bouton, a.bouton{
	text-decoration:none;
	font-size: 14px;
	font-weight: bold;
	padding:1px 15px 1px 15px;
	line-height:18px;*line-height:15px;_line-height:14px;
	border:none;
	color:#fff;  
	background: red url(gx/m/bgBtn.gif) repeat-x bottom;
	float:left;display:block;
	margin-right:5px;
}
a.boutonCharte{
	text-decoration:none;
	font-size: 10px;
	font-weight: bold;
	padding:2px 15px 2px 35px;
	line-height:18px;*line-height:18px;_line-height:18px;
	border:none;
	color:#fff;  
	background: url(gx/m/bgBtnCharte.gif) no-repeat top left;
	float:left;display:block;
	margin-right:5px;
}

a.btn_bas_term, a.btn_termine{
	padding:5px;
	background: url(gx/m/bgBtn_vr.gif) repeat-x bottom;

}
/*
a.bouton.btn_bas_term:hover, a.bouton.btn_termine:hover{
	padding:5px;
	background: url(gx/m/bgBtn_vr2.gif)repeat-x bottom;

}
*/
a.bouton{line-height:18px;_line-height:19px; height:19px;_height:20px;}
.bouton:hover, a.bouton:hover{background: url(gx/m/bgBtn_over.gif) repeat-x  bottom;} /* FF seulement */
.boutonAjout{
	background: url(gx/bgBtnAjout.gif) no-repeat;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 13px 0px 13px 30px;
	border: none;
	width: 205px;
	height: 43px;
	cursor:pointer;
}
.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur, .erreurSmall{color: #FF0000;}


/* CHARTE DES GRANDEURS 
--------------------------------------------------------------------------------------- */
table.charte{
	font-size:9px;
	border:1px solid;
	width:100%;
}
table.charte th{
	border-bottom:2px solid;
	text-align:center;
}



/* PANIER 
--------------------------------------------------------------------------------------- */


div#PanierHeader{	display:block;	margin:0;padding:0;}
div#PanierHeader ul li{	
	display:block; float:left; 
	list-style:none;
	font-size:14px;
	text-align: center;
	margin:0 7px 10px 0;
	padding:2px 20px;
	border: 1px solid #cfd4d9; 
	color:#0a9fda; 
	line-height:18px;
}
div#PanierHeader ul li a, div#PanierHeader ul li a:hover{
	text-decoration:none;color:#0a9fda; 
}
div#PanierHeader ul li.actif{	border: 1px solid #03a8e7; color:#fff;  background: url(gx/m/bgBtn.gif) repeat-x;}


#PanierContenu .liste_panier a.bouton{
margin-bottom:3px;
}

#PanierContenu .liste_panier img{
border:1px solid #CCCCCC;
padding:0px 5px 0px 5px;
}



#PanierContenu .row2 td.total_partiel, #facturationVoir .row2 td.montant_total,
#facturationVoir .row2 td.total_partiel,  #facturationVoir .row2 td.montant_partiel,
#facturationCarte .row2 td.total_partiel
{
	font-weight:bold;
}
/*
#facturationVoir td.total_partiel{
		font-size:1.2em;
		text-align:left;
		
}

#facturationVoir td.montant_partiel{
	font-size:1.3em;
}
*/
#facturationVoir .row2 td.montant_total, #facturationCarte .row2 td.montant_total{
	font-weight:bold;
	color:#000000;
	font-size:1.4em;
	
}
#facturationVoir .row2 td.montant_partiel,#tvqBox, #tpsBox{
	font-weight:bold;
	color:#237ACD;

}

#facturationVoir #totalBox, #facturationCarte #totalBox{
	font-weight:bold;
	color:#237ACD;
	font-size:1.4em;
	vertical-align:bottom;
}


#PanierContenu a.btn_termine{
	margin-left:518px;
}
#PanierContenu .btn_bas_term{
	margin-left:60px;
	}

#PanierContenu .btn_bas_mett{
	margin-left:60px;
	
}


#PanierContenu .trTitre td, #facturationVoir .trTitre td, #facturationCarte .trTitre td{
	color:#FFFFFF;
	background:#1268BA;
	border-left:1px solid #FFFFFF;

}
#PanierContenu .total,#PanierContenu .prix, #facturationVoir .total, #facturationVoir .prix, #facturationCarte .total, #facturationCarte .prix, #PanierContenu td.disponibilite, #facturationVoir td.disponibilite,
#PanierContenu  #deliveryBox,#PanierContenu #totalBox,  #facturationVoir td.disponibilite, #facturationVoir td.total_partiel, #facturationCarte td.disponibilite{
	text-align:center;
}
#PanierContenu .total,#facturationVoir .total,#facturationCarte .total,#PanierContenu  #deliveryBox,#PanierContenu #totalBox{
	text-align:right;
}
#facturationVoir td.devise, #PanierContenu td.devise{
	border:none;
	text-align:right;
	font-size:.89em;
}

.tr titre td #facturationVoir tr.selectLiv td{
	border:none;
}

#facturationVoir .facturation, #facturationVoir .livraison, #facturationCarte .facturation{
	border:none;
}
#facturationVoir .facturation, #facturationCarte .facturation{
	padding-left:0px;
	padding-right:10px;
}
#facturationVoir .livraison_info, #facturationCarte .livraison_info{
	
	padding-left:250px;
	border-bottom:none;
}

#facturationVoir td.quantite, #facturationCarte td.quantite{
	text-align:center;
}

.stockIn{
	color:#66CC00;
}

.stockOut{
	color:#FF0000;
}

.total, #totalBox, #deliveryBox{
		font-weight:bold;
		color:#237ACD;
}
div.calculer a.bouton, div.supprimer a.bouton{
	text-align:center;

	width:70px;
}

.containerBox{
	float:left;
	width:680px;
}
.boxLeft{
	float:left;
	width:350px;
}

.boxRight{
	width:310px;
	float:right;

}

* html .containerBox{
	float:none;
	width:auto;
	
}
* html .boxLeft{
	
	float:none;
}

* html .boxRight{
	
	float:none;
}
* html #PanierContenu a.btn_termine{
	margin-left:259px;
}


* html #PanierContenu td.quantite{
	width:115px;
}

* html #PanierContenu .btn_bas_term{
	margin-left:60px;
}

* html #PanierContenu .btn_bas_mett{
	margin-left:60px;
}

.panierTable td{
	vertical-align:top;
}

#btnVert a.bouton:hover{
	background:#003366;
}

.lienProduit{
	color:#0066FF;
	font-weight:bold;
	
}
/* CONCOURS
--------------------------------------------------------------------------------------- */
.texte strong{ color: #196bba; font-size: 12px; }
.texte b, .texte em{ color: #666666; }
.texte span{ color: #0a9fda; }

.texte ol{ margin: 0 0 0 10px; }
.texte ol li{ color: #0a9fda; font-weight: bold; margin: 0 0 5px 20px; font-size:12px;}
.texte ol li div{ color: #2b2b2b; font-weight: normal; }

.texte img{ margin: 0 10px 0 0; }
.texte .boiteInfoBanniere img{ margin: 0 0 0 0; }

.livraison table{ width: 740px; }
.livraison th{ color: #196bba; text-align: center; border-right: #666666 1px solid; border-bottom: #666666 1px solid; padding: 10px; }
.livraison td{ text-align: center; border-right: #666666 1px solid; border-bottom: #666666 1px solid; padding: 10px; }
.livraison .dernier{ border-right: 0px; } .livraison .bottom{ border-bottom: 0px; }
.livraison .titre{ color: #f36e26; font-weight: bold; width: 150px; }

.livraison h1{ color: #3e9e14; font-size: 18px; margin: 0 0 0 0; padding: 0 0 0 0; } .livraison h1 span{ color: #196bba; font-size: 12px; font-weight: bold; }
.livraison h2{ color: #f36e26; font-size: 14px; margin: 0 0 0 0; padding: 0 0 0 0; } .livraison h2 span{ color: #196bba; font-size: 18px; font-weight: bold; }
.livraison .petit{ color: #666666; }

/* CONCOURS
--------------------------------------------------------------------------------------- */
#concours .entete{ width: 743px; height: 183px; margin: 25px 0 35px 0; }
#concours h1{ color: #cc6699; font-size: 18px; font-weight: bold; text-transform: uppercase; margin: 0 0 10px 0; }
#concours h1 a, #concours h1 a:link, #concours h1 a:visited{ color: #cc6699; text-decoration: none; }
#concours h1 a:hover{ color: #6f315a; }
#concours h2{ color: #d39146; font-size: 18px; font-weight: normal; }
#concours .intro{ color: #666666; font-size: 12px; margin: 0 0 35px 0; }
#concours h3{ color: #333333; font-size: 12px; margin: 0 0 5px 0; } #concours h3 b{ color: #ff0000; font-sise: 14px; font-weight: bold; }

#concours .imprimer{ color: #666666; font-size: 12px; background: url(Gx/04/btn_imprimer.gif) no-repeat 0px 0px; padding: 2px 0 2px 22px; }
#concours .imprimer a, #concours .imprimer a:link, #concours .imprimer a:visited, #concours .imprimer a:hover{ color: #196bba; }

#concours .nombre{ margin: 0 0 35px 0; }
#concours .nombre ul{ list-style: none; } #concours .nombre ul li{ color: #6f315a; font-size: 14px; padding: 20px 0 20px 70px; }
#concours .nombre ul li.un{ background: url(Gx/04/nombre_1.gif) no-repeat 25px 15px; }
#concours .nombre ul li.deux{ background: url(Gx/04/nombre_2.gif) no-repeat 10px 10px; }
#concours .nombre ul li.trois{ background: url(Gx/04/nombre_3.gif) no-repeat 10px 15px; }

#concours .bouton{ background: none; width: 200px; height: 40px; padding: 0 0 0 0; margin: 0 10px 0 0; float: left; display: block; }
#concours .date{ color: #666666; font-size: 12px; }
#concours .date strong{ color: #cc6699; font-size: 14px; text-transform: uppercase; } #concours .date strong.orange{ color: #d39146; }

#concours .formulaire .champs{ font-size: 12px; width: 360px; margin: 0 0 5px 0; float: left; display: block; }
#concours .formulaire .gauche{ margin-right: 20px; } #concours .formulaire .section{ margin-top: 15px; }
#concours .formulaire label{ color: #666666; font-size: 12px; width: 140px; float: left; display: block; } #concours .formulaire label.mauve{ color: #6f315a; }
#concours .formulaire .input{ border: #cccccc 1px solid; width: 160px; } #concours .formulaire textarea{ font-family: Arial; font-size: 12px; border: #cccccc 1px solid; width: 700px; }
#concours .formulaire .texte{ margin: 0 0 35px 0; }
#concours .formulaire .detail{ font-size: 10px; margin: 0 0 35px 0; }
#concours .formulaire .detail strong{ font-family: verdana; }

#concours .formulaire .photo{ border: #cccccc 1px solid; background: #ffffff; width: 700px; height: 110px; }
#concours .formulaire .radio{ font-size: 11px; width: 200px; margin: 0 0 5px 0; float: left; display: block; }
#concours .formulaire .reglements{ color: #000000; font-size: 10px; border: #cccccc 1px solid; background: #ffffff; width: 680px; height: 150px; padding: 10px; margin: 5px 0 5px 0; overflow: auto; }
#concours .formulaire .reglements ol li{ margin: 0 0 5px 20px; } #concours .formulaire .boite1 .contenu .reglements strong{ font-family: verdana; }

#concours .formulaire .erreur, #concours .formulaire label b, #concours span b{ color: #ff0000; }
#concours .formulaire div.erreur{ font-size: 12px; font-weight: bold; margin: 0 0 35px 0; }
#concours .formulaire em b{ color: #ff0000; }
#concours .formulaire .bouton{ margin: 35px 0 0 0; }

#concours .formulaire .boite{ background: #d897ad; padding: 20px; }
#concours .formulaire .boite .input{ width: 300px; }
#concours .formulaire .bouton2{ text-align: center; width: 350px; height: 30px; margin: 40px 0 0 0; float: right; display: block; }

#concours .recherche{ border-bottom: #cccccc 1px solid; height: 40px; margin: 0 0 20px 0; }
#concours .recherche .bouton{ width: 120px; margin: 5px 0 0 0; float: right; display: block; }
#concours .recherche .critere{ margin: 10px 0 0 0; float: left; display: block; }
#concours .recherche .critere input{ border: #cccccc 1px solid; width: 150px; }
#concours .recherche .btn{ margin: 10px 0 0 5px; float: left; display: block; }

#concours .liste #page{ float: left; display: block; }
#concours .liste #page strong{ color: #d39146; }

#concours .liste .participant{ width: 350px; margin: 0 20px 20px 0; float: left; display: block; }
#concours .liste .droite{ margin: 0 0 20px 0; }
#concours .liste .participant .photo{ width: 102px; margin: 0 10px 0 0; float: left; display: block; }
#concours .liste .participant .photo img{ border: #cccccc 1px solid; }
#concours .liste .participant .info{ width: 230px; float: left; display: block; }
#concours .liste .participant .info h3{ font-size: 12px; margin: 0 0 5px 0; }
#concours .liste .participant .info h3 a, #concours .liste .participant .info h3 a:link, #concours .liste .participant .info h3 a:visited{ color: #cc6699; text-decoration: none; }
#concours .liste .participant .info h3 a:hover{ color: #6f315a; }
#concours .liste .participant .info .bouton{ width: 50px; height: 20px; margin: 0 0 0 10px; float: right; display: block; }

#concours .detail .photo{ width: 202px; margin: 0 20px 0 0; float: left; display: block; } #concours .detail .photo img{ border: #cccccc 1px solid; }
#concours .detail .info{ width: 500px; float: left; display: block; }
#concours .detail .info h3{ color: #cc6699; font-size: 14px; font-weight: bold; } #concours .detail .info h3 span{ color: #6f315a; font-size: 12px; font-weight: normal; }
#concours .detail .info h3 div.date{ color: #666666; font-size: 12px; font-weight: normal; }

.champCache {display:none; visibility:hidden;}