/* CSS Document */
/* ----------  BALISES */
html, body{ width: 100%; margin: 0px; padding: 0px; background: #fff; font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-serif; background-image: url(../img/fd.gif);}

hr{ border: 1px solid #CCC; height: 1px; line-height: 1px;}
a{ color: #fff; text-decoration: underline;}
a:hover{ color: #fff; text-decoration: underline;}
a img{ border: none;}

.spacer{ clear:both;}
/* ----------  GLOBAL */
#global{ text-align: left; position: relative; width: 799px; margin-left: auto; margin-right: auto; padding-bottom:30px; background-color:#42192c;}
#global:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* ----------  HEADER */
#header{ width: 799px; height: 300px;}
#header a img{ display: block; border: none; width: 799px; height: 96px;}
#header p{ display:block; padding:0; margin:0;}
p#etape{ display:block; background-color:#000000; width:158px; height:139px; margin:0; padding:15px 10px 0px 10px; float:left; font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; color:#dd4e88; font-weight:bold;}
p#etape a{ text-decoration:none; color:#fff; font-size:12px; font-weight:normal;}
p#etape a:hover{ text-decoration:underline; color:#fff; font-size:12px; font-weight:normal;}
p#middle a img{ display:block; background-color:#000000; width:376px; height:154px; margin:0; padding:0; float:left}
p#accroche{ display:block; background-color:#000000; width:225px; height:134px; margin:0; padding:10px; float:left; font-family:"Trebuchet MS", Verdana, Arial; font-size:16px; color:#fff; font-weight:normal; font-style:italic;}
p#accroche .bienvenue{ font-size:12px; color:#FFFFFF;}
p#accroche a{ font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; color:#dd4e88; text-decoration:underline;}
p#accroche a:hover{ font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; color:#dd4e88; text-decoration:underline overline;}
p#accroche a.bienvenue{ font-size:12px; color:#FFFFFF; text-decoration:none;}
p#accroche a.bienvenue:hover{ font-size:12px; color:#FFFFFF; text-decoration:underline;}
p#basg{ display:block; background-color:#000000; width:158px; height:76px; margin:0; padding:10px; float:left; font-family:"Trebuchet MS", Verdana, Arial; font-size:16px; color:#dd4e88; font-weight:bold;}
p#basd{ display:block; background-color:#42192c; width:601px; height:71px; margin:0; padding:15px 10px 10px 10px; float:left; font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; color:#FFFFFF;}
/* ----------  NAVUP */
#navup{ margin: 0 0 20px 0; padding: 0px; float: right; border-bottom: 1px solid #999; margin-right: 0px;}
#navup li{ list-style: none; display: inline; font-size: 12px; text-transform: uppercase;}
#navup li a{ display: block; float: left; color: #808080; padding: 16px 8px 0px 8px; text-decoration: none;}
#navup li a:hover,
#navup li.selected a{ color: white; background: #999 url(../img/navup_hover.gif) repeat-x;}

/* ----------  MENU */
#main{ width: 513px; margin:5px 0px 5px 30px; padding:10px 0 0 0; text-align: left; font-size: 11px; height:100%;}
#main h1 { color:#fff; font-size:14px; }
#main h2 { color:#fff; font-size:12px; }

#mainAll{ width: 750px; margin:5px 0px 5px 140px; padding:10px 0 0 0; text-align:left; font-size: 11px; height:100%;}
#mainAll h1 { color:#fff; font-size:14px; }
#mainAll h2 { color:#fff; font-size:12px; }
#mainAll p{ font-size:12px; margin:0px; padding-left:20px;}
#mainAll h2.date_ann{ color:#dd4e88; font-size:12px; font-family: Verdana, Arial; background:url(../img/arrow.png)  no-repeat 0% 35%; padding-left:15px;}

/* ----------  MAIN */
#panierhid{ width: 218px; border:none; margin:0px; padding:2px;}
#panier{ float:left; width: 195px; height:auto; margin:0px 5px 30px 5px; padding:0px; text-align: left; font-size: 12px; text-align:left; background-color:#fff;}
#panier h1 { color:#333301; font-size:14px; text-align:center;}
#panier h2 { color:#333301; font-size:12px; }
#panier h2.taxes{ color:#949494; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
#panier h2.total{ color:#dd4e88; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
html>body #panier{ margin: 10px;}
#panier #content { width:155px; text-align:left; margin:0px; padding:0px 5px; background-color:#fff; color:#dd4e88; font-size:11px;}
#panier #content img { vertical-align: baseline;}

/* ---------FICHE */
.fiche { float: left; width:520px; margin:2px 2px 10px 2px; padding:5px; border:1px solid #D7CEBF; /*background-color:#fdffed;*/ background: #fff url(../img/bg_fiche.jpg) 0 100% repeat-x; }

.fiche_boisson { float: left; width:520px; margin:2px 2px 10px 2px; padding:5px; border:1px solid #D7CEBF; /*background-color:#fdffed;*/ background: #fff url(../img/bg_fiche_boisson.jpg) 0 100% repeat-x; }

.quantite a {font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-serif; font-size:12px; text-decoration:none; color:#dd4e88;}
.quantite a:hover {font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-serif; font-size:12px; text-decoration:underline overline; color:#dd4e88;}
.img { float:left; margin-right:10px;}
.desc {}

.desc_boisson { font-weight:bold; padding:0 0 0 25px; margin:0;  }

.hand{ float:right; padding:0px; margin:0px; clear:both;}
.nom{ font-family:Trebuchet MS, Verdana, Arial; font-size:17px; color:#544532/*#FF9900*/; font-weight:bold; margin:0; padding:0 0 15px 0; }
.prix{ font-family:Trebuchet MS, Verdana, Arial; font-size:16px; color:#dd4e88; font-weight:bold; text-align:center; padding:15px 5px 5px 5px; }

td.prix{ font-family:Trebuchet MS, Verdana, Arial; font-size:16px; color:#dd4e88; font-weight:bold; text-align:center; padding:0; }

.quantite{ padding:15px 5px 5px 5px; margin:0; }
/*********************/
/* ----------  FOOTER */
#footer{float:left; height:auto; width: 799px; clear: both; text-align: center; font-family: Trebuchet MS, Verdana, Sans-serif; margin:0; padding:0;}
#footer p{ display: block; color: #fff; font-size: 12px; margin:0; padding:0;}
#footer p a{ text-decoration: none; color:#FFFFFF;}
#footer p a#hover{ text-decoration: underline; color:#FFFFFF;}

/*--------------RECAP*/

#recapitulatif {width:760px; margin:10px; padding:0; border:1px solid #fff; height: auto; color:#fff;}
#recapitulatif h1{ font-size:20px; }
#livraison { border:1px solid #dd4e88; width:40%; margin:0 35px; padding:10px; font-size:12px; }
#facturation { border:1px solid #dd4e88; width:40%; margin:0 30px 0px 0px; padding:10px; font-size:12px;}
#livraison a, #facturation a, #description a { font-size:12px; text-decoration:underline; color:#fff;}
#livraison a:hover, #facturation a:hover, #description a:hover { font-size:12px; text-decoration:underline; color:#fff;}
#description { border:1px solid #dd4e88; width:665px; margin:10px 35px; padding:10px; height:auto;}
.ligne { height:20px; margin-top:5px; clear:both;}
.ligne p.qte { float:left; width:8%; padding:0px; margin:0px; color:#fff; text-align:center;}
.ligne p.libelle { float:left; width:45%; padding:0px; margin:0px; color:#fff; text-align:left;}
.ligne p.tva { float:left; width:15%; padding:0px; margin:0px; color:#fff; text-align:center;}
.ligne p.pu { float:left; width:15%; padding:0px; margin:0px; color:#fff; text-align:center;}
.ligne p.montant { float:left; width:17%; padding:0px; margin:0px; color:#fff; text-align:center;}
#livraison h1, #facturation h1, #description h1{ font-size:12px; margin:0px ; padding:1px 10px; background-color:#dd4e88; width:auto; color:#fff;}

#tva{ border:1px solid #dd4e88; width:40%; margin:0 35px; padding:10px; font-size:12px; color:#fff;}
#totaux { border:1px solid #dd4e88; width:40%; margin:0 30px 0px 0px; padding:10px; font-size:12px; color:#fff;}

#tva .ligne p.intituletva { width:30%; padding:0; margin:0; float:left; text-align:left;}
#tva .ligne p.basetva { width:20%; padding:0; margin:0; float:left; text-align:center;}
#tva .ligne p.montanttva { width:30%; padding:0; margin:0; float:left; text-align:center;}

#totaux .ligne p.intituletotal{ width:60%; text-align:left; float:left; margin:0px; padding:0px;}
#totaux .ligne p.montanttotal{width:40%; text-align:left; float:left; margin:0px; padding:0px;}

#totaux .ligne p.intitulenap{ width:60%; text-align:left; float:left; margin:0px; padding:0px; font-size:16px; background-color:#338301;}
#totaux .ligne p.montantnap{width:40%; text-align:left; float:left; margin:0px; padding:0px; font-size:16px; background-color:#338301;}

#boutons { width:665px; margin:10px 35px; padding:10px; height:35px;}
#boutons p.btn_modifier{float:left; width:50%; margin:0px; padding:0px; text-align:center;}
#boutons p.btn_valider{float:left; width:50%; margin:0px; padding:0px; text-align:center;}

/* ---------  */
div.l{ width:470px; border:none; margin:0px; padding:5px; color:#FFFFFF;}
div.linsc{ width:450px; height:auto; border:none; margin:5px; padding:5px; color:#FFFFFF;}
div.l div { font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-serif; font-size:12px; text-decoration:none; width:auto; text-align:left; display:block;}

.floatLeft{ float: left;}
.floatRight{ float: right;}
input.quantite{ border:1px solid #dd4e88; padding:0px; margin:0px; width:20px; font-family:Trebuchet MS, Verdana, Arial; font-size:11px; margin-right:5px;}

/*formulaire accueil*/
/*form{ margin:2px 2px 10px 2px; padding:5px;}*/
form{ margin:0; padding:0;}
fieldset{ width:470px; padding:5px 15px; margin:0; font-size:12px;}
fieldset.rose{position:relative; width:500px; padding:0 10px; margin:0; /*background-color:#403f3a;*/ background-color:#231D13; border: 1px solid #fff; top:1em; font-size:12px;}
fieldset.clients{position:relative; width:525px; padding:0 10px; margin:0; /*background-color:#403f3a;*/ background-color:#231D13; border: 1px solid #fff; top:1em; font-size:12px;}
legend{position:relative; color:#fff; font-size:14px; top:-1em;  font-weight:bold;}
label{ color:#fff; text-align:left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-serif; font-size:12px; cursor:pointer; }
.accueilOn { border:1px solid #000; font-family:Trebuchet MS, Verdana, Arial; font-size:12px; width:180px;margin:0px; background:#ccc;}
.accueilOff { border:1px solid #000; font-family:Trebuchet MS, Verdana, Arial; font-size:12px;  width:180px;margin:0px; background:#fff;}
.accueilEOn { border:1px solid #ff0000; font-family:Trebuchet MS, Verdana, Arial; font-size:12px; width:180px; margin:0px; }
.accueilEOff { border:1px solid #ff0000; font-family:Trebuchet MS, Verdana, Arial; font-size:12px;  width:180px; margin:0px}
h3.oublie {font-family:Trebuchet MS, Verdana, Arial; font-size:11px; color:#FF0000; margin:0px; padding:0px;}
.champG{ float:left; margin:0px; padding:0px; width:360px; height:50px;}
.champD{ float:left; margin:0px; padding:0px; width:360px; height:50px;}
.gauche{ float:left; width:200px; text-align:left; margin:0px; padding:0px; color:#fff;}
.droite{ float:left; width:250px; text-align:center; margin:0px; padding:0px; color:#fff;}
div.l div.gauche{ float:left; width:inherit; width: 200px; text-align:left; margin:0px; padding:0px; color:#fff;}
div.l div.droite{ float:left; width:inherit; width:250px; text-align:center; margin:0px; padding:0px; color:#fff;}
input.blur{border:1px solid #fff; width:180px; font-size:12px; /*background:#CCC;*/ background:#d4cdbd;}
input.focus{border:1px solid #fff; width:180px; font-size:12px; background:#fff;}
select.blur { width:180px; /*background:#CCC;*/ background:#d4cdbd; border:1px solid #fff; padding:0px; margin:0px}
select.focus {width:180px; background:#FFFFFF; border-top:1px solid #fff; border-right:2px solid #CC9966; padding:0px; margin:0px}
select.blur option, select.focus option{ border:none;}
p.oblig{ font-family:Trebuchet MS, Verdana, Arial; font-size:12px; color:#ff0000; text-align:center; margin:5px; padding:0px 5px 5px 5px;}
.requis{color:#dd4e88;}

.colorone{ height:20px; background:#00b300; padding:2px; margin:4px 4px 10px 4px; width:505px;}
.colortwo{ height:20px; background:#338301; padding:2px; margin:4px 4px 10px 4px; width:505px;}
.liens{ font-family:Trebuchet MS, Verdana, Arial; font-size:12px; float:left; width:125px; padding:0px; margin:0px; text-align:left; color:#FFF;}
.details{ font-family:Trebuchet MS, Verdana, Arial; font-size:12px; float:left; width:320px; padding:0px; margin:0px; text-align:left; color:#FFF;}
h2.date_ann{ color:#dd4e88; font-size:12px; font-family: Verdana, Arial;}

#resultat { width:480px; height:auto; border:1px solid #000; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; padding:5px 20px; }
/*------------------*/

/*calendrier*/
td.calendarDateInput{ letter-spacing:normal; line-height:normal; font-family:Trebuchet MS, Verdana, Arial; font-size:11px;}
select.calendarDateInput{ letter-spacing:.06em; font-family:Trebuchet MS, Verdana, Arial; font-size:11px; width:75px; border:1px solid #000;}
option.calendarDateInput{ letter-spacing:.06em; font-family:Trebuchet MS, Verdana, Arial; font-size:11px; width:75px;}
input.calendarDateInput{ letter-spacing:.06em; font-family:Trebuchet MS, Verdana, Arial; font-size:11px; width:75px; border:1px solid #000;}
/*----------*/

#optionsociete{ margin:0; padding:0;}

/*----------*/
#mainAll p.success{color:#fff; background:url(../img/button_ok.png) no-repeat 2% 50% #338301; width:460px; padding:8px 5px 8px 53px; border:1px solid #fff; margin:0; text-align:left;}
#mainAll p.erreur{color:#fff; background:url(../img/button_cancel.png) no-repeat 2% 50% #b42728; width:473px; padding:8px 5px 8px 40px; border:1px solid #fff; margin:0; text-align:left;}

#main p.success{color:#fff; background:url(../img/button_ok.png) no-repeat 2% 50% #338301; width:auto; padding:8px 5px 8px 53px; border:1px solid #fff; margin:0; text-align:left;}
#main p.erreur{color:#fff; background:url(../img/button_cancel.png) no-repeat 2% 50% #b42728; width:auto; padding:8px 5px 8px 40px; border:1px solid #fff; margin:0; text-align:left;}

#recapitulatif p.erreur{color:#fff; background:url(../img/button_cancel.png) no-repeat 2% 50% #b42728; width:auto; padding:8px 5px 8px 40px; border:1px solid #fff; margin:0; text-align:left;}

#navigation{ width:510px; margin:0px 0px 10px 0; padding:5px; height:20px;}
#navigation #left{ float:left; width:75px; height:auto; padding:8px 0px 5px 0; margin:0; color:#FFFFFF; text-align:center;}
#navigation #right{ float:left; width:400px; height:auto; padding:0px;  margin:0px; border:1px solid #dd4e88; text-align:center;}
#navigation #right img{ padding:8px 0px 5px 0; margin:0;}

.etatcommande{color: #fff; background:#338301; width:auto;}
input.valider{width: 144px; height: 18px; background-image: url(../img/valider.gif);}





/******************************************************************************************************************************/
/******************************************************************************************************************************/

#flash{ width:481px; height:269px;  float:left; margin:25px 0 0 0; padding:0; }

#form{ width:260px; height:249px; margin:25px 0 0 0; padding:10px 15px; float:left; background: #231d13 url(../img/bg_form-index.jpg) no-repeat 0 100%;}

#form h1{ color:#fff; font-size:14px; }
#form h2{ color:#fff; font-size:12px; }

.submitRose{ width: 114px; color:#fff; background:#dd4e88; border:1px solid #fff; font:Arial, Helvetica, sans-serif; font-size:12px; }

p.infos{ font-size:11px; color:#FFF; font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-serif; padding:5px 0 0 0; margin:0; }


p#dateLivraison{ font-size:12px; color:#fff; margin:2px 2px 10px; padding:5px; width:520px; border:1px dotted #fff; }


/******************************************************************************************************************************/
/******************************************************************************************************************************/
.blocPayment{ margin:30px 0 0 0 ; padding:0 20px; color:#fff; font-size:12px; width:759px; }



.blocPayment h1{ color:#fff; font-size:14px; }

.blocPayment h1.titre_vert{ color:#338301; font-size:14px; }
.blocPayment h1.titre_rouge{ color:#ff0000; font-size:14px; }


.blocPayment div{ color:#000; }

.blocPayment a#retour{ color:#000; font-size:14px; }


/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
#payment { padding: 0; margin: 0; margin-top: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; border-collapse: collapse; margin-left: auto; margin-right: auto; }
#payment TH { background-color: #dd4e88; color: #FFFFFF; padding: 3px 20px; border: 0; }
#payment TD { border-bottom: 1px solid #DADADA; }
#payment TD.libelle { padding: 3px 5px; vertical-align: top; }
.details { float: right; font-weight: normal; color: #000000; margin-left: 10px; }
.details A { cursor: help; }
.supplement { display: block; color: #000000; font-weight: bold; }
#payment .warning { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FF0000; display: block; }
.paymentOn { background-color: #EBF0F4; color: #006699; cursor: pointer; }
.paymentOff { background-color: #FFFFFF; color: #000000; }
.paymentSelected { background-color: #338301; }


/***********************************************************************************************************************************/
/***********************************************************************************************************************************/
p#btn_navigation{ padding:0; margin:0; width:350px; background:#fff;}

p#btn_navigation img{ bottom:0; }

p#btn_navigation a{ text-decoration:none; color:#000;}