/* ----- RESET ----------------------------------------------------------------------------- */

html,body,br,div,span,a,object,iframe,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,p,blockquote,q,address,small,big,cite,dfn,ins,del,i,em,b,strong,sup,sub,strike,pre,code,samp,kbd,var,tt,form,legend,label,option,.nobox{background:transparent;border:0;font-size:100%;outline:0;vertical-align:baseline;margin:0;padding:0;}
blockquote,q{quotes:none;}
br{height:0;}
ul,ol,dl{list-style:none;}
a img{border:0;}
.clearer {clear: both;}

/* ----- MAIN ----------------------------------------------------------------------------- */

body{background:url(../images/design/bg-global.png) top center repeat;color:#8a8a8a;background-color:#e4e1db;font:11px Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;}
#container{width:820px;position:relative;margin: 0 auto;}
#header{background:url(../images/design/bg-header.jpg) top center no-repeat;width:820px;height:177px;float:left;margin:0;padding:0}
#header-en{background:url(../images/design/bg-header-en.jpg) top center no-repeat;width:820px;height:177px;float:left;margin:0;padding:0}
h1, h2, h3, h4, h5, h6{font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;font-weight: bold;   }
ul.arrow-dual{width:256px;color:#787878;list-style-image: URL(../images/design/arrow.png);;margin:14px 0 14px 0;float:left}
ul.arrow-dual li{color:#787878;margin-bottom: 10px;margin-left:40px;padding-left:6px}
ul.arrow-dual li a{color:#787878;text-decoration: underline}
ul.arrow-dual li a:hover{color:#787878;text-decoration: underline}
ul.arrow{width:512px;color:#787878;list-style-image: URL(../images/design/arrow.png);;margin:14px 0 14px 0;float:left}
ul.arrow li{color:#787878;margin-bottom: 10px;margin-left:40px;padding-left:6px}
ul.arrow li a{color:#787878;text-decoration: underline}
ul.arrow li a:hover{color:#787878;text-decoration: underline}
#content-left{width:248px;position:relative;float:left;margin: 30px 0 0 0}
#content-right{width:512px;position:relative;float:left;margin: 30px 20px 0 40px;_margin: 30px 20px 0 20px}
h1{font-size:18px;line-height:1em;color:#777777;font-weight:bold;text-align:left;margin:0 0 15px 0;padding:0;text-transform:uppercase}
h2{font-size:14px;line-height:1em;color:#c50000;font-weight:bold;text-align:left;margin:15px 0 0 0;padding:0;}
span.red{color:#c50000}
#adresse{margin:30px 0 0 20px;float: left}
a:link, a:active, a:visited{color: #787878;}
p{font-size:11px;color:#787878;line-height:1.5em;margin:10px 0 15px 0;padding:0;text-align:justify}
div.cadre{background:url(../images/design/bg-thumbnail.png) top center no-repeat;width:114px;height: 85px;float: left;margin:}
div.cadre img{margin:4px 0 0 10px}
.spacer{margin:8px 18px 8px 0}
.spacer-right{margin:8px 0 8px 0}
div.bloc-dual-left{width:270px;float:left;margin: 0 0 20px 0}
div.bloc-dual-right{width:212px;float:left;margin: 0 0 20px 30px;}
.plus-details{float:right;margin:15px 0 0 0;width:91px;height:33px}
.separator{margin:8px 0 8px 0}
.pan{vertical-align:text-bottom;margin: 0 6px 0 0}
span.pdf{font-size: 80%;font-style: italic}
/* ----- NAVIGATION SECONDAIRE ----------------------------------------------------------------------------- */

#top-navigation-bg {background:url(../images/design/bg-top-nav.jpg) top center no-repeat;width:820px;height:45px;float:left;margin:0;padding:0}
#liste {margin: 0 116px 0 0}
#top-navigation,#top-navigation li{list-style:none;color:#fff;padding:0;float:right;margin:6px 0 0 0}
#top-navigation li {float:left;}
#top-navigation li {background:url(../images/design/nav-sep.png) 0 0 no-repeat;}
#top-navigation li.accueil{background: none}
#top-navigation li a{display:block;float:left;color:#fff;text-decoration:none;font:11px/13px Tahoma, Arial, Helvetica, sans-serif;height:10px;padding:0 15px 0 15px}
#top-navigation li a:hover{color:#fff;text-decoration:underline;}

/* ----- NAVIGATION PRINCIPALE ----------------------------------------------------------------------------- */
#menu{background:url(../images/design/bg-menu.jpg) top center no-repeat;width:248px;height:329px;float:left;margin:0;padding:0}
#nav-princ{position:relative;bottom:0;width:119px;height:148px;margin:117px 0 0 54px;_margin:117px 0 0 26px;padding:0;float:left}
ul#nav-princ li{float:left;display:inline;height:37px;list-style-type:none;margin:0;padding:0;}
ul#nav-princ li a{float:left;text-indent:-9999px;text-decoration:none;height:37px;line-height:0;background:url(../images/design/nav-princ.jpg);}
ul#nav-princ li.gourmets a{width:119px;background-position:0 0}
ul#nav-princ li.gourmets a:hover{background-position:-119px 0}
ul#nav-princ li.classiques a{width:119px;background-position:0 -37px}
ul#nav-princ li.classiques a:hover{background-position:-119px -37px}
ul#nav-princ li.congeles a{width:119px;background-position:0 -74px}
ul#nav-princ li.congeles a:hover{background-position:-119px -74px}
ul#nav-princ li.services a{width:119px;background-position:0 -111px}
ul#nav-princ li.services a:hover{background-position:-119px -111px}

/* ----- NAVIGATION PRINCIPAL EN ----------------------------------------------------------------------------- */
#menu{background:url(../images/design/bg-menu.jpg) top center no-repeat;width:248px;height:329px;float:left;margin:0;padding:0}
#nav-princ-en{position:relative;bottom:0;width:119px;height:148px;margin:117px 0 0 54px;_margin:117px 0 0 26px;padding:0;float:left}
ul#nav-princ-en li{float:left;display:inline;height:37px;list-style-type:none;margin:0;padding:0;}
ul#nav-princ-en li a{float:left;text-indent:-9999px;text-decoration:none;height:37px;line-height:0;background:url(../images/design/nav-princ-en.jpg);}
ul#nav-princ-en li.gourmets a{width:119px;background-position:0 0}
ul#nav-princ-en li.gourmets a:hover{background-position:-119px 0}
ul#nav-princ-en li.classiques a{width:119px;background-position:0 -37px}
ul#nav-princ-en li.classiques a:hover{background-position:-119px -37px}
ul#nav-princ-en li.congeles a{width:119px;background-position:0 -74px}
ul#nav-princ-en li.congeles a:hover{background-position:-119px -74px}
ul#nav-princ-en li.services a{width:119px;background-position:0 -111px}
ul#nav-princ-en li.services a:hover{background-position:-119px -111px}


/* ----- RECHERCHE ----------------------------------------------------------------------------- */

#form table.form{font:11px Verdana, Arial, Helvetica, sans-serif;letter-spacing:normal;margin:20px 0 0 0;width:512px}
#form table.form th{border-bottom:1px solid #dbdbdb;padding:6px 15px 6px 2px;text-align:left;width:270px;color:#4e4e4e;font-weight: normal}
#form table.form td{border-bottom:1px solid #dbdbdb;padding:6px 15px 6px 2px;}
#form table.form td.none{border-bottom:0;padding:6px 15px 6px 2px;}
#form table.form th.none{border-bottom:0;padding:6px 15px 6px 2px;text-align:left;width:250px}
#form table.form select{font:11px Verdana, Arial, Helvetica, sans-serif;border:1px solid #bdbdbd;padding:1px 2px 1px 2px}
#form input[type=text]{border:1px solid #bdbdbd;height:17px;font:11px Verdana, Arial, Helvetica, sans-serif;padding:2px 3px 0px 3px;background:url(../images/design/fond-champ.png) repeat-x;background-color:#fff;margin: 0 10px 0 0}
#form textarea{border:1px solid #bdbdbd;font:11px Verdana, Arial, Helvetica, sans-serif;padding:2px 3px 0px 3px;background:url(../images/design/fond-champ.png) repeat-x;background-color:#fff}
#form textarea{font-size:11px}
tbody.on  { display:table-row-group; }
tbody.off { display:none; }
.errFld {border: 1px solid #F00; /*... or any other css properties ... */}
.errMsg { color: #C33; /*... or any other css properties ... */ } 
table.form span{padding:0 0 0 10px;}
#form span.rouge{font-weight:bold;color:#990000;padding:0px 0px 0px 3px;}
div.soumettre{float:right;margin: 0 10px 15px 0}
span.note{font-size: 95%;font-style: italic;margin: 0;padding: 0;color:#6a6a6a}
table.form span.options{padding: 0;color:#6a6a6a;margin:4px 0 0 6px;padding:4px 0 0 0 }	

/* ----- TABLEAU ----------------------------------------------------------------------------- */

#tableau-horaire table{background:transparent url(../images/design/thead-bg.png) repeat-x top left;color:#333333;border-collapse:collapse;border:1px solid #CCCCCC;font-size:11px;margin:10px 0 0 0;padding:0;float:left}
#tableau-horaire table a{color:#305478;text-decoration:none;border-bottom:1px dotted #305478;}
#tableau-horaire table a:hover{color:#103458;text-decoration:none;border-bottom:1px dotted #103458;}
#tableau-horaire thead{border-bottom:1px solid #CCCCCC}
#tableau-horaire thead th{font-size:11px;color:#fff;font-family:Arial;text-transform:uppercase;padding:0.5em 0.5em .5em}
#tableau-horaire td,th{background:transparent;padding:.2em .2em .2em .5em;border-bottom:1px solid #CCCCCC;}
#tableau-horaire tbody tr.pale td{background:#F3F3F3}
#tableau-horaire tfoot td{padding-bottom:1.5em;}
#tableau-horaire table td {text-align: center;}
.titre {text-align: left;border:1px solid #CCCCCC;background-color:#FFFFFF;}
.ligne {border-left:1px solid #CCCCCC}

/* ----- FOOTER ----------------------------------------------------------------------------- */

#footer{color:#787878;font-size:11px;height:20px;margin: 0;text-align:center;clear: both}
#footer-left{float:left;;position:relative;margin: 40px 0 10px 0;padding: 0}
#footer-right{float:right;position:relative;margin: 40px 0 10px 0 ;padding: 0}