/********** STRUCTURE GENERALE **********/
* { margin: 0; padding: 0; }
HTML, BODY { height: 100%; }
BODY { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #333; background: #FFF; }
#global { position: relative; left: 50%; width: 970px; margin-left: -485px; }

/********** EN-TETE **********/
#langues { float: left; height: 5px; padding: 5px 0 4px 5px; }
#langues A { display: block; float: left; width: 16px; margin-right: 5px; height: 16px; text-indent: -5000px; outline: none; }
#french { background: url(../pics/charte/fr.gif) left top no-repeat; }
#english { background: url(../pics/charte/en.gif) left top no-repeat; }
#panier { float: right; text-align: right; padding: 5px 5px 4px 20px; background: url(../pics/charte/bg-panier.gif) 0px 5px no-repeat; }
#panier A { font-weight: bold; color: #D90F0F; text-decoration: none;}
#panier A:hover { text-decoration: underline; }
#header { clear: both; height: 72px; margin-bottom: 4px; background: url(../pics/charte/bg-header.png) left top repeat-x; }
#header H1, #header #logo { float: left; width: 230px; height: 72px; font-size: 0px; text-indent: -5000px; background: url(../pics/charte/bg-h1.png) 12px 14px no-repeat; }
#header H1 A, #header #logo A { display: block; width: 230px; height: 72px; }
#menu { float: left; margin-left: 15px; list-style: none;}
#menu LI { float: left; width: 120px; height: 72px; }
#menu LI.long { width: 240px; }
#menu LI A { display: block; height: 47px; padding-top: 25px; font-size: 17px; color: #FFF; text-align: center; text-decoration: none; background: url(../pics/charte/puce-menu.gif) 0px 25px no-repeat;}
#menu LI A:hover { text-decoration: underline; }
#recherche { float: left; width: 220px; height: 95px; padding-top: 65px; background: url(../pics/charte/bg-search.png) left top no-repeat; }
#rechercheEn { float: left; width: 220px; height: 95px; padding-top: 65px; background: url(../pics/charte/bg-search-en.png) left top no-repeat; }
#recherche H3, #rechercheEn H3 { height: 20px; font-size: 0px; text-indent: -5000px; }
#recherche INPUT, #rechercheEn INPUT { width: 115px; height: 18px; margin: 0 0 10px 54px; color: #FFF; background: #D14548 url(../pics/charte/input-search.gif) left top no-repeat; border-left: 1px solid #C3161A; border-top: 1px solid #C3161A; border-right: 1px solid #DB7375; border-bottom: 1px solid #DB7375; }
#recherche INPUT.submit, #rechercheEn INPUT.submit { width: 90px; height: 40px; margin: 0 0 0 68px; padding: 0 0 22px 10px; font-family: Arial, Verdana, sans-serif; font-size: 11px; border: none; cursor: pointer; background: url(../pics/charte/btn-search.png) left top no-repeat; }
*>/**/#recherche INPUT.submit, *>/**/#rechercheEn INPUT.submit { padding-bottom: 23px; }
#recherche INPUT.submit:hover, #rechercheEn INPUT.submit:hover { background-position: 0px -40px; }
#bandeau { float: right; width: 745px; height: 160px; }

/********** COLONNES **********/
#gauche { position: relative; float: left; width: 220px; margin: 5px 5px 10px 0; padding-bottom: 100px; }
#droite { float: left; width: 185px; margin: 5px 0 10px 5px; }
#gauche H4, #droite H4 { height: 23px; padding-top: 7px; font-size: 13px; font-weight: bold; color: #FFF; text-align: center; background: url(../pics/charte/bg-h4.png) left top repeat-x; }
#marques { margin-bottom: 10px; padding: 10px; background: #E6E6E3; }
#marques H3 { height: 20px; margin: 0 0 5px 5px; padding-left: 25px; font-size: 14px; color: #D90F0F; background: url(../pics/charte/bg-h3.gif) left top no-repeat; }
#marques>H3 { height: auto; min-height: 20px; }
UL.marques { padding-left: 30px !important; }
UL.marques LI { margin-bottom: 5px; padding-left: 10px; font-size: 13px; background: url(../pics/charte/puce-rouge.gif) 0px 5px no-repeat; }
UL.marques LI A { font-weight: bold; color: #333; text-decoration: none; }
#marques LI A:hover { text-decoration: underline; }
UL.panel, FORM.panel { margin-bottom: 10px; padding: 5px 0px 5px 15px; background: #E6E6E3; list-style: none; }
UL.panel LI {margin-bottom: 5px; padding-left: 10px; background: url(../pics/charte/puce-rouge.gif) 0px 5px no-repeat; }
UL.panel LI A { display: block; color: #333; text-decoration: none; }
UL.panel LI A:hover { text-decoration: underline; }
#carsMenu { position: relative; }
#carsMenu A { padding: 2px 0 2px 0; }
#carsMenu UL { background: #E6E6E3; }
#carsMenu LI { position: relative; }
#carsMenu LI UL { position: absolute; left: 100%; top: 0; width: 230px; padding-left: 5px; list-style: none; border: 1px solid #999; }

/********** ZONE ARTICLE **********/
#article { float: left; width: 545px; height: 400px; margin: 5px 0 10px 0; padding: 5px; }
*>#article { height: auto; min-height: 400px; }
DIV.standalone { width: 745px !important; padding: 5px 0 0 0 !important; }
DIV.content { width: 735px !important; padding: 5px !important; }
DIV.standalone P, DIV.content P { text-align: justify; }
#article H1, #article H2 { height: 20px; margin: 5px 0 10px 0; padding-left: 25px; font-size: 14px;color: #D90F0F; background: url(../pics/charte/bg-h2.gif) left top no-repeat; }
#article H3 { margin: 10px 0 10px 0; font-size: 13px; color: #333; text-decoration: underline; }
#article H3 A { font-weight: normal !important; }
#article H4 { margin: 0 0 10px 0; font-weight: normal; font-size: 12px; color: #D14548; text-decoration: underline; }
#article P { margin-bottom: 10px; line-height: 17px; }
#article UL { margin: 20px 0 20px 30px; list-style: none; }
#article LI { margin-bottom: 5px; padding-left: 10px; line-height: 17px; background: url(../pics/charte/puce-rouge.gif) 0px 5px no-repeat; }
#article UL.multi LI { width: 48%; float: left; }
#article A { font-weight: bold; color: #D90F0F; text-decoration: none;}
#article A:hover { text-decoration: underline; }
#article A.thin { font-weight: normal !important; }
#article DIV.encart { padding: 0 4px 4px 0; border-left: 1px solid #F0F0F0; border-top: 1px solid #F0F0F0; background: url(../pics/charte/bg-encart.gif) right bottom no-repeat; }
#article DIV.texte { margin-bottom: 15px; padding: 5px 9px 9px 5px !important; }
#article DIV.connexion { width: 352px; height: 220px; margin: 0px !important; padding: 5px 9px 9px 5px !important; }
#agent-officiel { padding: 5px 0 10px 0 !important; text-align: center; }
#agent-officiel IMG { margin: 5px; }
DIV.bigSpace IMG { margin-right: 10px !important; }
P.msg { padding: 5px; border: 1px solid #C00; }
SPAN.newPrix { color: #A41316; }
DEL { color: #666 !important; }
DIV.gauche { float: left; width: 48%; }
DIV.droite { float: right; width: 48%; }

TABLE.tarifsLivraison TD, TABLE.tarifsLivraison TH { padding: 5px; text-align: center; border: 1px solid #999; }
TABLE.tarifsLivraison TH.tarif { width: 60px; }
TABLE.tarifsLivraison TD.off { background: #EFEFEF; }

	/********** LISTINGS **********/
	DIV.mini { float: left; width: 126px; margin: 0 4px 10px 0; padding: 0 4px 4px 0; text-align: center; border-left: 1px solid #F0F0F0; border-top: 1px solid #F0F0F0; background: url(../pics/charte/bg-encart.gif) right bottom no-repeat; }
	DIV.standalone DIV.mini { width: 140px; }
	DIV.last { margin-right: 0px !important; }
	DIV.mini H5 { height: 17px; margin-bottom: 4px; padding-top: 3px; font-size: 12px; font-weight: bold; color: #FFF;text-align: center; background: url(../pics/charte/bg-headers.png) left center repeat-x; }
	DIV.noheader { margin-top: 20px !important; padding-top: 4px !important; }
	DIV.mini IMG { margin-bottom: 4px; }
	DIV.mini P { margin: 0 !important; padding: 3px 0 3px 0; font-size: 11px; color: #000; line-height: normal !important; text-align: center; background: #E6E6E3; }
	DIV.mini SPAN.prix { font-size: 12px; font-weight: bold; }
	DIV.mini>A { display: block; height: 140px; }
	DIV.mini A { font-weight: normal !important; color: #000 !important; text-decoration: none; }
	DIV.mini A:hover { text-decoration: underline; }
	DIV.categorie { float: left; width: 230px; margin: 0 5px 5px 0; padding: 5px 9px 9px 5px !important; }
	DIV.categorie IMG { float: left; margin-right: 3px; }
	DIV.categorie P { float: left; width: 115px; height: 56px; margin-bottom: 0px !important; padding: 19px 0 0 10px; text-align: left !important; background: url(../pics/charte/puce-rouge.gif) 0px 25px no-repeat; }
	DIV.categorie A { color: #333 !important; }
	DIV.br { margin-right: 0px !important; }
	P.pagingNav { height: 17px; text-align: center !important; vertical-align: middle; }
	P.pagingNav A { margin: 0 5px 0 5px; }
	P.pagingNav SELECT { width: 80px; }
	P.noRecord { margin-top: 30px; text-align: center !important; }

	/********** FICHE PRODUIT **********/
	#produit { float: left; width: 320px; height: 410px; margin-bottom: 10px; text-align: center; }
	#produit.alert { height: 460px; }
	#informations { float: left; width: 410px; height: 410px; margin: 0 0 10px 5px; }
	*>/**/#informations { height: auto; min-height: 410px; }
	#produit H3, #informations H3 { height: 15px; margin: 0 0 10px 0; padding: 5px 0 5px 10px; font-size: 12px; font-weight: bold; text-align: left; color: #FFF; background: url(../pics/charte/bg-headers.png) left center repeat-x; text-decoration: none; }
	*>#produit H3, *>#informations H3 { height: auto; min-height: 15px; }
	#article #produit H2 { height: 15px; margin: 0 0 10px 0; padding: 5px 0 5px 10px; font-size: 12px; font-weight: bold; text-align: left; color: #FFF; background: url(../pics/charte/bg-headers.png) left center repeat-x; text-decoration: none; }
	#article *>#produit H2, #article *>#informations H2 { height: auto; min-height: 15px; }
	#produit #pic { height: 300px; margin-bottom: 10px; }
	#produit DIV.form { height: 50px; margin: 0 !important; padding: 10px 15px 5px 15px; text-align: right; background: #E6E6E3; }
	#produit.alert DIV.form { height: 100px; }
	#produit SPAN.prix { float: left; font-size: 16px; font-weight: bold; color: #000; }
	#produit SPAN.etat { clear: left; float: left; text-align: left; }
	#produit INPUT.submit { width: 130px; height: 40px; padding: 0 0 22px 10px; font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #FFF; border: none; cursor: pointer; background: url(../pics/charte/btn-gris.png) left top no-repeat; }
	*>/**/#produit INPUT.submit { padding-bottom: 23px; }
	#produit INPUT.submit:hover { background-position: 0px -40px; }
	#produit DEL { margin-right: 5px; }
	#informations P { margin: 0 10px 5px 10px; text-align: justify; }
	#informations H4 { margin: 0 10px 5px 10px; }
	#informations P.caracteristique { height: 18px; margin-bottom: 3px; padding: 2px 0 0 10px; text-align: left; background: #E6E6E3; }
	#informations P.caracteristique LABEL { float: left; width: 140px; height: 18px; margin: -2px 10px 0 0; padding-top: 2px; font-weight: bold; border-right: 3px solid #FFF; }
	#informations DIV.spacer { height: 30px; }
	#informations UL { float: left; width: 180px; margin: 10px 0 0 10px !important; }
	#informations P.pics { margin-top: 10px; }
	#informations IMG { margin-right: 5px; }

	/********** FORMULAIRES **********/
	#article *.bouton { width: 90px; height: 40px; padding: 0 0 22px 10px; font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #FFF; border: none; cursor: pointer; background: url(../pics/charte/btn-small-blanc.png) left top no-repeat; }
	#article *.boutonXL { width: 170px; height: 40px; padding: 0 0 22px 10px; font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #FFF; border: none; cursor: pointer; background: url(../pics/charte/btn-middle-blanc.png) left top no-repeat; }
	#article *.boutonXXL { width: 220px; height: 40px; padding: 0 0 22px 10px; font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #FFF; border: none; cursor: pointer; background: url(../pics/charte/btn-big-blanc.png) left top no-repeat; }
	#article INPUT.bouton:hover, #article INPUT.boutonXL:hover, #article INPUT.boutonXXL:hover { background-position: 0px -40px; }
	#article INPUT.boutonSmall { width: auto; font-weight: bold; background: none; border-left: 1px solid #AAA; border-top: 1px solid #AAA; border-right: 1px solid #333; border-bottom: 1px solid #333; }
	#article FORM { margin-left: 5px; }
	#article FORM P { clear: both; }
	#article FORM LABEL { float: left; width: 110px; text-align: left; }
	#article FORM LABEL.inline { float: none; width: auto; margin-left: 5px; }
	#article INPUT, #article SELECT, #article TEXTAREA { width: 200px; font-size: 11px; color: #A81317; border-left: 1px solid #666; border-top: 1px solid #666; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
	#article INPUT.chk { width: auto !important; border: none; background: transparent; vertical-align: middle; }
	#article P.nolabel { padding-left: 110px; }
	#article UL.nolabel { padding-left: 80px; }
	#user LABEL, #adresse LABEL, #credentials LABEL, #envoi-ami LABEL { width: 160px !important; }
	TABLE LABEL { margin-left: 0px !important; }
	#user P.nolabel, #adresse P.nolabel, #credentials P.nolabel, #envoi-ami P.nolabel { padding-left: 160px; }
	#recherche-avancee SELECT { width: 250px; font-size: 11px; color: #A81317; }
	#paiement INPUT { width: auto !important; height: auto !important; }
	#contact TEXTAREA { width: 100% !important; }
	P.captcha { padding-left: 0 !important; }
	P.captcha IMG, P.captcha A, P.captcha INPUT { margin-left: 110px; }
	P.captcha A { font-weight: normal !important; }
	P.msg { margin-bottom: 15px; font-weight: bold; }
	P.email { height: 18px; }
	INPUT.email { float: left; width: 148px !important; height: 18px !important; padding-left: 2px; color: #000 !important; border: 1px solid #666 !important; }
	INPUT.emailbtn { float: left; width: 20px !important; text-align: center; height: 20px !important; color: #FFF !important; background: #333 !important; border: none !important; cursor: pointer; }
	#article INPUT.email { width: 200px !important; }

	/********** PANIER **********/
	TABLE.panier { width: 100%; }
	TR.entete TH { color: #FFF; background: url(../pics/charte/bg-headers.png) left center repeat-x; }
	TABLE.panier TD, TABLE.panier TH { padding: 3px; height: 23px; }
	TH.denomination, TD.denomination { text-align: left; }
	TH.pu, TD.pu { text-align: right; }
	TH.qte, TD.qte { text-align: center; }
	TH.discount, TD.discount { text-align: center; }
	TH.total, TD.total { text-align: right; }
	TH.action, TD.action { text-align: center; }
	TABLE.panier TR.alt TD { background: #EEE; }
	TABLE.panier SELECT { width: 50px !important; }
	DIV.fdp { float: left; width: 350px; height: 80px; margin: 0 5px 10px 0; padding: 5px; border: 1px solid #CCC; }
	DIV.fdp IMG { float: left; margin: 0 10px 50px 0; }

	/********** COMMANDE **********/
	TABLE.adresse { float: left; height: 100px; margin-left: 20px; }
	TABLE.adresse TD { padding: 3px; }
	#moyen-paiement TABLE { width: 100%; }
	#moyen-paiement TD { padding: 5px 5px 10px 5px; }
	#moyen-paiement TD.choix { width: 120px; vertical-align: middle; }
	#moyen-paiement TD.choix * { vertical-align: middle; }
	#moyen-paiement INPUT { margin-right: 5px; }
	#moyen-paiement IMG { cursor: pointer; }
	#moyen-paiement TD.moyenPaiement { cursor: pointer; }

/********** PIED-DE-PAGE **********/
#footer { clear: both; margin-top: 10px; padding: 5px 5px 25px 5px; background: #A0A098 url(../pics/charte/bg-footer2.gif) left bottom repeat-x; }
#footer UL { float: left; width: 225px; height: 50px; padding: 10px 0 0 5px; list-style: none; background: url(../pics/charte/bg-ul-footer.gif) 215px 5px no-repeat; }
#footer LI { float: left; width: 100px; margin-bottom: 2px; padding-left: 10px; font-size: 11px; background: url(../pics/charte/puce-blanche.gif) 0px 4px no-repeat; }
#footer LI A { color: #FFF; text-decoration: none; }
#footer LI A:hover { text-decoration: underline; }
#footer P { float: left; width: 710px; margin-top: 10px; font-size: 11px; text-align: justify; }
#footer DIV { padding-top: 5px; font-size: 11px; }
#footer DIV A { color: #333; text-decoration: none; }
#footer DIV A:hover { text-decoration: underline; }

/********** STYLES GENERIQUES **********/
IMG { border: none; vertical-align: middle; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.justify { text-align: justify !important; }
.l { float: left; margin: 0 5px 5px 0; }
.r { float: right; margin: 0 0 5px 5px; }
.s { text-decoration: underline; }
.spacer { clear: both; height: 1px; }
LI.spacer { float: none !important; background: none !important; }
.clear { clear: both; }
.p5px { padding: 5px; }
.red { color: #C00; }

/********** BOITE DE DIALOGUE DHTML **********/
#MB_overlay { position: absolute; top: 0; left: 0; margin: auto; width: 100%; height: 100%; z-index: 9999; background-color: #FFF !important; }
#MB_overlay[id] { position: fixed; }
#MB_window { position: absolute; top: 0; border: 0 solid; text-align: left; z-index: 10000; }
#MB_window[id] { position: fixed!important; }
#MB_frame { position: relative; height: 100%; background-color: #FFF; }
#MB_header { margin: 0; padding: 0; }
#MB_content { padding: 6px .75em; overflow: auto; }
#MB_content DIV.content { width: auto !important; }
#MB_caption { margin: 0; padding: .5em 2em .5em .75em; font: bold 100% "Lucida Grande", Arial, sans-serif; text-shadow: #FFF 0 1px 0; text-align: left; }
#MB_close { position: absolute; top: 4px; right: 5px; display: block; padding: 2px 3px; font-weight: bold; text-decoration: none; font-size: 13px; }
#MB_close:hover { background: transparent; }
#MB_loading { padding: 1.5em; text-indent: -10000px; background: transparent url(../includes/flamL/resources/spinner.gif) 50% 0 no-repeat; }
#MB_frame { padding-bottom: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
#MB_window { background-color: #EFEFEF; color: #000; -webkit-box-shadow: 0 8px 64px #000; -moz-box-shadow: 0 0 64px #000; box-shadow: 0 0 64px #000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header { background-color: #DDD; border-bottom: 1px solid #CCC; }
#MB_caption { color: #000; }
#MB_close { color: #777; }
#MB_close:hover { color: #000; }
.MB_alert { margin: 10px 0; text-align: center; }