@charset "utf-8";
/* CSS Document */

* =General-----------------------------------------------------------------------------*/

html{height: 100%}
p{margin: 0;padding: 0;}
blockquote{}
ul, ol{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}

/* =Typography-----------------------------------------------------------------------------*/

body{ height:100%; margin:0px; padding:0px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; color: #333; background:#804c0f; background:#804c0f url("../../img/bgLine.gif") top center; }
#shadow{ background:#804c0f url("../../img/bgAll.jpg") top center repeat-y; }
/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{margin: 0; padding:0; font-family: Arial, Helvetica, sans-serif;}
h1{font-size: 150%; color: #fff; margin: 10px 0 10px 0; padding-bottom:7px; font-weight: normal; text-transform:uppercase; letter-spacing: -1px; border-bottom: 1px solid #7c0000;}
h2{font-size: 130%; color: #7c0000; margin: 10px 0 10px 0; padding-bottom:7px; font-weight: bold; text-transform:uppercase; letter-spacing: -1px; border-bottom: 1px solid #7c0000;}
#txtCollection h1{font-size: 120%; color: #DFC87E; margin: 10px 0 10px 0; padding: 0; font-weight: bold; text-transform: none; letter-spacing: normal; border: none;}

h3{font-size: 110%;}
h4{font-size: 100%;}
h5{font-size: 100%;}
h6{font-size: 100%;}

/* =Frame-----------------------------------------------------------------------------*/
#wrap{ width:990px; margin:0 auto; background:#804c0f; border-left:2px #fff dotted; border-right:2px #fff dotted; border-bottom:2px #fff dotted; background:#fbb62a url("../../img/bgContenu.jpg") top left repeat-x;  }

#header{ height:166px; background:transparent url("../../img/bgHeader.jpg") top left no-repeat; border-bottom:2px #fff dotted; }

#mainNav{ border-bottom:2px #fff dotted; background:#000 url("../../img/bgMenu.gif") top left; height:25px; padding-left:50px; }
#mainNav a{ display:block; height:25px; width:175px; color:#fff; font:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; float:left; text-transform:uppercase; text-align:center;  line-height:25px; }
#mainNav a:hover{ background:transparent url("../../img/bgMenuOver.gif") top left; }
#mainNav a.active{ background:transparent url("../../img/bgMenuOver.gif") top left; }

#middle{ background:transparent url("../../img/bgPtsMiddle.gif") top left repeat-y; border-top:1px #bc4628 solid; }
#middle #middleLeft{ width: 257px; float:left; }
#middle #middleLeft #secNav{ height:602px;  }
#middle #middleLeft #secNav ul{ padding-top:35px; }
#middle #middleLeft #secNav ul li{ height:30px; margin-bottom:4px; }
#middle #middleLeft #secNav ul li a{ height:30px; padding-left:20px; width:237px; display:block; text-decoration:none; line-height:30px; color:#804c0f; font-size:16px; font-weight:bold; }
#middle #middleLeft #secNav ul li a{ background:transparent url("../../img/btn.gif") top left no-repeat; }
#middle #middleLeft #secNav ul li a:hover{ background:transparent url("../../img/btn_over.gif") top left no-repeat; }
#middle #middleLeft #secNav ul li a.active{ background:transparent url("../../img/btn_over.gif") top left no-repeat; }


#middle #middleMiddle{ width:733px; float:left;  }
#middle #middleMiddle #boxHilite{ margin-left:2px; border-bottom:10px #660000 solid; }
#middle #middleMiddle #middleContain{ color:#fff; padding:15px; font-size:13px; }
#middle #middleMiddle #middleContain p{ margin-top:10px; margin-bottom:10px; }
#middle #middleMiddle #middleContain a{ text-decoration:none; color:#fff; border-bottom:1px #fff dotted; font-weight:bold;}
#middle #middleMiddle #middleContain div.boxSucc{ width:350px; height:100px; float:left; }

#middle #middleRight{ width:293px; height:602px; background:#eda409 url("../../img/bgRightCol.jpg") top left no-repeat; float:right; }
#middle #middleRight #rightContain{ padding:15px; }
#middle #middleRight #rightContain h1{ letter-spacing:-2px; }
#middle #middleRight #rightContain p{ margin-top:25px; margin-bottom:25px; }
#middle #middleRight #rightContain a{ text-decoration:none; color:#fff; border-bottom:1px #fff dotted; font-weight:bold;}
#middle #middleRight #rightContain table.tableau_menu{ border-bottom:2px #900 dotted; font-size:14px; color:#900; }
#middle #middleRight #rightContain table.tableau_menu td{ height:16px; line-height:16px; }
#middle #middleRight #rightContain table.tableau_menu td strong{ font-size:14px; font-weight:bold; }

#footer{ border-top:2px #fff dotted; background:#000 url("../../img/bgMenu.gif") top left; height:20px; text-align:right; }
#linkDirtech{ color:#b52d2d; padding-right:10px; text-decoration:none; }

/*LIVRAISON*/
#catList{ margin-top:20px; }
#catList h5{ padding:0px; margin:0px; background-color:#CC6600; color:#fff; font-weight:bold; padding-left:10px; font-size:13px; height:20px; line-height:20px; border-bottom:1px #333 solid; border-top:1px #333 solid; cursor:pointer; }
#catList table{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; }
#catList table tr.tblLineLight{ background-color:#FFCC66; color:#333;  }
#catList table tr.tblLineDark{ background-color:#CC9900; color:#333;  }
#catList table tr td{ padding:5px 0px; }
#catList table tr td div.itemName{ font-weight:bold; }
#catList table tr td div.itemDesc{ font-style:italic; }
#catList table tr.tblLineLight td div.thisPrice{ font-weight:bold; color:#CC0000; }
#catList table tr.tblLineDark td div.thisPrice{ font-weight:bold; color:#333; }
#catList table tr td div.legendPrice{ font-style:italic; }
#catList table tr td img{ cursor:pointer; }

#comList table{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; }
#comList table tr.tblLineLight{ background-color:#FFCC66; color:#333;  }
#comList table tr.tblLineDark{ background-color:#CC9900; color:#333;  }
#comList table tr td{ padding:5px 0px; }
#comList table tr td div.itemName{ font-weight:bold; }
#comList table tr td div.itemDesc{ font-style:italic; }
#comList table tr.tblLineLight td div.itemNb{ font-weight:bold; color:#CC0000; padding-left:5px; }
#comList table tr.tblLineDark td div.itemNb{ font-weight:bold; color:#333; padding-left:5px; }
#comList table tr.tblLineLight td.itemAdd{ font-weight:bold; color:#CC0000; padding-right:10px; }
#comList table tr.tblLineDark td.itemAdd{ font-weight:bold; color:#333; padding-right:10px; }
#comList table tr td img{ cursor:pointer; }
#comList { margin-bottom:10px; border-bottom:1px #333 solid; border-top:1px #333 solid; height:100px; overflow:auto; }

.titlePrix{ padding:0px; margin:0px; background-color:#CC6600; color:#fff; font-weight:bold; padding-left:10px; font-size:13px; height:20px; line-height:20px; border-bottom:1px #333 solid; border-top:1px #333 solid; }
#boxPrixTot{ padding:0px; margin:0px; background-color:#FFCC66; color:#fff; font-weight:bold; padding-left:10px; font-size:13px; height:20px; line-height:20px; border-bottom:1px #333 solid; border-top:1px #333 solid; }
#boxPrixTaxe{ padding:0px; margin:0px; background-color:#FFCC66; color:#c00; font-weight:bold; padding-left:10px; font-size:13px; height:20px; line-height:20px; border-bottom:1px #333 solid; border-top:1px #333 solid; }

#formCmd{ margin-top:10px; }
#formCmd table tr td{ border-bottom:1px #CC6600 dashed; padding:5px 0px; }
#formCmd table tr td input{ width:253px; border:1px #c60 solid; padding:0px 5px; color:#333; }
#formCmd table tr td select{ width:265px; border:1px #c60 solid; padding-left:5px;  color:#333; }
#formCmd table tr td input.btn{ width:265px; border:1px #c60 solid; padding:0px 5px; color:#fff; font-weight:bold; background-color:#c60; border:1px #333 solid; }


/*STYLE MENU IMAGE*/
#middle #middleMiddle #middleContain.nopadding{ padding:0px 0px 0px 2px; }
#middle #middleMiddle #middleContain #menuPages{ height:50px; background:transparent url("../../img/bgMenuResto.jpg") top left repeat-x; }




/* =Forms----------------------------------------------------------------------------*/

fieldset{ background-color: #f4c777; padding:20px; border-top: 10px solid #7c0000; border-bottom:1px solid #F0E7D5; border-left: none; border-right: none;}
label{ font-size: 13px; font-weight: bold; padding-right: 10px; float: left; color:#7c0000;}
.reqfield{ padding: 5px 0; clear:both; text-align: left; }
.textbox{ width:250px; float: right; border:1px #b1925a solid;}
select{ width:254px; float: right; border:1px #b1925a solid;}
.optfield{ padding: 4px; width: 54px; float: left; margin: 0 auto;}
.checkbox{ margin-left: 20px;}
textarea{ float: right; width: 350px; height: 75px; border:1px #b1925a solid;}
.browse{ float: right;}
.submit{ border:2px solid #7c0000; background-color: #7c0000; padding:4px; clear: both; margin: 10px 0 20px 0; float: right; font-size: 13px;; font-weight: bold; color:#fff;}

/* BOITE ERREUR */
h5.msgError {
background:#FDF9BC url("error.gif") no-repeat 20px 5px;
border:2px solid #FF9F00;
color:#FF9F00;
display:block;
font-size:16px;
margin:5px;
padding:5px 5px 5px 90px;
text-align:left;
}
h5.msgError div {
border-left:1px solid #FF9F00;
padding-bottom:10px;
padding-left:10px;
}
h5.msgError div span {
color:#666666;
display:block;
font-size:12px;
font-weight:normal;
padding:4px 0px 0px;
}