/* CSS Document by e-Lixir */

* { margin:0; padding:0; }
IMG { border: none; }
BODY { background: #A6A48D url(../pics/charte/bg-page.jpg) top left repeat-x; font-family: Verdana, sans-serif; font-size: 12px;  }
.no-script { background: #C00; color: #FFF; margin: 5px 0 0 0; padding: 30px 10px 10px 10px; font-size: 14px; line-height: 20px; height: 222px; text-align: center; border: 1px solid #000; }
#centre { position: absolute; left: 50%; width: 1010px; margin-left: -505px; background: url(../pics/charte/bg-centre.gif) repeat-y; }

/* ----- HEADER ----- */
#header { width: 1010px; height: 101px; background: #A6A48D url(../pics/charte/bg-header.jpg) top left no-repeat; font-size: 13px; font-weight: bold; font-style: italic; }
#header A { text-decoration: none; color: #2A2E29;  }
#header A:hover { text-decoration: underline; }
.bt1 { position: absolute; top: 22px; left: 496px; }
.bt2 { position: absolute; top: 59px; left: 636px; }
.bt3 { position: absolute; top: 22px; left: 790px; }
#langue { position: absolute; top: 70px; left: 880px; width: 120px; height: 50px; text-align: left; }
#langueAccueil { position: absolute; top: 70px; left: 880px; width: 120px; height: 50px; text-align: left; }

/* ----- CONTENU PAGE COMMANDE ----- */
#order { width: 1010px; height: 648px; background: #A6A48D url(../pics/charte/bg-order.jpg) top left no-repeat; padding: 22px 0 0 0;}
#order-fr { width: 1010px; height: 648px; background: #A6A48D url(../pics/charte/bg-order-fr.jpg) top left no-repeat; padding: 22px 0 0 0;}
#special { margin: 0 0 0 30px; }
#special P { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-style: italic; color: #FFCC00; }
#special A { color: #FFCC00; text-decoration: none; }
#products { float: left; width: 265px; height: 200px; margin: 200px 0 0 0; padding: 0 0 0 37px; color:#FFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; list-style: none; overflow: auto;}
#products LI { line-height: 28px;}
#products A { color: #FFF; text-decoration: none; }
#products A:hover { text-decoration: underline; }
.item { display: inline; float: left; width: 190px; }
.bonus { text-align: right; padding-right: 20px !important; font-weight: bold; color: #FDD36D !important; }

#frog-home { float: left; width: 350px; padding: 95px 0 0 72px; }
#commande { float: left; width: 230px; height: 200px; margin: 200px 0 0 50px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; list-style: none; overflow: auto; }
#commande LI { padding: 0 0 12px 0; color: #FFF; }
#commande SELECT { font-family: Verdana, Arial, sans-serif; font-size: 12px; width: 40px; margin: 0 5px 10px 0; background: #22241F; color:#FFF; border: 1px solid #666; vertical-align: top;  }
.item-commande { display: inline; float: left; width: 180px; }

#codepromo { position: absolute; left:730px; top: 120px; width: 280px; height: 30px; text-align: right; color: #FFF; }
#codepromo INPUT { margin: 0 10px 0 0; width: 80px; }
#codepromo INPUT.send { width: 30px; }
#total {	position: absolute; left: 888px; top: 548px; width: 70px; height: 24px; font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #FFF; font-weight: bold; }
#reset {	position: absolute; left: 808px; top: 601px; width: 86px; height: 30px; }
#pay { position: absolute; left: 926px; top: 601px; width: 70px; height: 30px; }
#resetFR { position: absolute; left: 820px; top: 601px; width: 86px; height: 30px; }
#payFR {	position: absolute; left: 918px; top: 601px; width: 60px; height: 30px; }
#reset A, #resetFR A { display: block; }
#pay A, #payFR A { display: block; }
#reset A:hover, #resetFR A:hover { padding: 0 0 5px 0; border-bottom: 2px solid #FFD976; }
#pay A:hover, #payFR A:hover { padding: 0 0 5px 0; border-bottom: 2px solid #FFD976; }

#cards { position: absolute; top: 686px; left: 860px; }

/* ----- CONTENU AUTRES PAGES ----- */
#content { width: 990px; background: url(../pics/charte/bg-general.jpg) top left no-repeat; padding: 15px 0 0 20px; }
#frog { position: absolute; top: 247px; left: 16px;}
#article { margin: 0 50px 0 350px; padding: 0 0 20px 0; color:#FFF; height: 650px; }
HTML>BODY>#centre>#content #article { min-height: 650px; height: auto; }
#article A { color: #FA7500; text-decoration: none; }
#article A:hover { text-decoration: underline; }
H1 { margin: 0 0 30px 0; }
H2 { margin: 0 0 5px 0; font-size: 14px; color: #FBCB29; }
H3 { margin: 12px 0 3px 0; font-size: 13px; color: #FBCB29; }
UL { margin: 5px 0 10px 30px; line-height: 16px; }
P { margin: 0 0 5px 0; line-height: 16px; }
.petit { font-size: 11px; }
.justify { text-align: justify; }
.img-offer { position: absolute; top: 116px; left: 18px; }

/* ----- FORMULAIRES ----- */
#account { width: 400px; margin: 30px 0 20px 0; padding-left: 30px; }
LABEL { float: left; width: 160px; clear: left; margin: 0 0 5px 0; }
INPUT { font-family: Verdana, Arial, sans-serif; font-size: 12px; width: 190px;  margin: 0 0 10px 0; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; border-left: 1px solid #999; border-top: 1px solid #999; background: #43433F; padding: 1px 1px 1px 2px; color:#FFF; }
SELECT { font-family: Verdana, Arial, sans-serif; font-size: 12px; width: 192px;  margin: 0 0 10px 0; background: #43433F; color:#FFF;}
TEXTAREA { font-family: Verdana, Arial, sans-serif; font-size: 12px; width: 191px;  margin: 0 0 10px 0; overflow: auto; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; border-left: 1px solid #999; border-top: 1px solid #999; background: #43433F; color:#FFF;}
.send { border-top: 1px solid #D4D0C8 !important; border-left: 1px solid #D4D0C8 !important; border-right: 1px solid #404040 !important; border-bottom: 1px solid #404040 !important; width: 194px; margin: 10px 0 10px 0;}
.orange { color: #FA7500; }
.jaune { color: #FBCB29; }
.precision { position: absolute; margin-left: 10px; font-style: italic; }

#pre-order, #contact { width: 560px; margin: 30px 0 20px 0; padding-left: 30px; }
#pre-order LABEL { float: left; width: 260px; clear: left; margin: 0 0 5px 0; }
#pre-order INPUT { font-family: Verdana, Arial, sans-serif; font-size: 12px; width: 190px;  margin: 0 0 10px 0; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; border-left: 1px solid #999; border-top: 1px solid #999; background: #43433F; padding: 1px 1px 1px 2px; color:#FFF; }
#pre-order SELECT { font-family: Verdana, Arial, sans-serif; font-size: 12px; width: 192px;  margin: 0 0 10px 0; background: #43433F; color:#FFF;}
#pre-order TEXTAREA { font-family: Verdana, Arial, sans-serif; font-size: 12px; width: 191px;  margin: 0 0 10px 0; overflow: auto; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; border-left: 1px solid #999; border-top: 1px solid #999; background: #43433F; color:#FFF;}
.check { width: 20px !important; margin: 0 5px 0 0 !important; border: none; }

/* ----- TABLEAU ----- */
TABLE.order { width: 100%; margin-top: 20px; }
TABLE.order TR { height: 30px; }
TABLE.order TD { padding: 5px 0 5px 0; }
TD.entete { color: #FA7500; border-bottom: 1px solid #FA7500; padding: 0px; }
TD.prix { text-align: right; padding-right:10px !important; }
TD.guest { padding-left: 10px !important; }
TD.total { border-left: 1px solid #FA7500; border-right: 1px solid #FA7500; }

/* ----- FOOTER ----- */
#footer { margin: 0 0 0 350px; height: 30px;}
#footer LI { display: block; float: left; margin: 0 10px 0 10px; }
#footer A { color: #FA7500; text-decoration: none; }
#footer A:hover { text-decoration: underline; }

/* ----- GENERIQUES ----- */
.clear { clear: both; }
.gauche { float: left; }
.droite { float: right; }
.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.justify { text-align: justify !important; }