/* ----- 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;}
img.inline{display:inline;vertical-align:middle;}
.clearer {clear: both;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0;padding:0;}
html, body {height: 100%;}
/* ----- MAIN ----------------------------------------------------------------------------- */
body{font:11px arial, verdana, Helvetica, sans-serif;margin:0;padding:0;background-color: #000}
#container{width:840px;height:740px;position:relative;margin: 0 auto;}
#content-left-accueil{background:url(../images/design/bg-accueil-left.jpg) top left no-repeat;width:146px;height:720px;float:left;padding:0;margin:0}
#content-right-accueil{background:url(../images/design/bg-accueil-right.jpg) top left no-repeat;width:694px;height:720px;float:left;padding:0;margin:0}
#content-right-accueil #zone-texte {width:360px; float:right;margin:60px 90px 0 0;background-color: #f1f1f1;filter:alpha(opacity=70);background: rgba(241, 241, 241, 0.7);padding:10px 14px 10px 14px}
#content-left-menu{background:url(../images/design/bg-accueil-left.jpg) top left no-repeat;width:146px;height:720px;float:left;padding:0;margin:0}
#content-right-menu{background:url(../images/design/bg-accueil-right.jpg) top left no-repeat;width:694px;height:720px;float:left;padding:0;margin:0}
#content-right-menu #zone-texte {width:500px; float:right;margin:25px 50px 0 0;background-color: #f1f1f1;filter:alpha(opacity=70);background: rgba(241, 241, 241, 0.7);padding:10px 14px 10px 14px}
#content-left-apropos{background:url(../images/design/bg-apropos-left.jpg) top left no-repeat;width:146px;height:720px;float:left;padding:0;margin:0}
#content-right-apropos{color:#fff;background:url(../images/design/bg-apropos-right.jpg) top left no-repeat;width:694px;height:720px;float:left;padding:0;margin:0}
#content-right-apropos #zone-texte {;width:360px; float:right;margin:40px 20px 0 0;background-color: #000;filter:alpha(opacity=70);background: rgba(0, 0, 0, 0.7);padding:10px 14px 10px 14px}
#content-left-traiteur{background:url(../images/design/bg-traiteur-left.jpg) top left no-repeat;width:146px;height:720px;float:left;padding:0;margin:0}
#content-right-traiteur{color:#000;background:url(../images/design/bg-traiteur-right.jpg) top left no-repeat;width:694px;height:720px;float:left;padding:0;margin:0}
#content-right-traiteur #zone-texte {;width:360px; float:right;margin:220px 80px 0 0;background-color: #fff;filter:alpha(opacity=70);background: rgba(255, 255, 255, 0.7);padding:10px 14px 10px 14px}
#content-left-resto{background:url(../images/design/bg-resto-left.jpg) top left no-repeat;width:146px;height:720px;float:left;padding:0;margin:0}
#content-right-resto{color:#000;background:url(../images/design/bg-resto-right.jpg) top left no-repeat;width:694px;height:720px;float:left;padding:0;margin:0}
#content-right-resto #zone-texte {;width: 360px; float:right;margin:220px 80px 0 0;background-color: #fff;filter:alpha(opacity=70);background: rgba(255, 255, 255, 0.7);padding:10px 14px 10px 14px}
#content-left-bistro{background:url(../images/design/bg-bistro-left.jpg) top left no-repeat;width:146px;height:720px;float:left;padding:0;margin:0}
#content-right-bistro{color:#000;background:url(../images/design/bg-bistro-right.jpg) top left no-repeat;width:694px;height:720px;float:left;padding:0;margin:0}
#content-right-bistro #zone-texte {;width: 360px; float:right;margin:220px 80px 0 0;background-color: #fff;filter:alpha(opacity=70);background: rgba(255, 255, 255, 0.7);padding:10px 14px 10px 14px}
#content-left-contact{background:url(../images/design/bg-contact-left.jpg) top left no-repeat;width:146px;height:720px;float:left;padding:0;margin:0}
#content-right-contact{color:#000;background:url(../images/design/bg-contact-right.jpg) top left no-repeat;width:694px;height:720px;float:left;padding:0;margin:0}
#content-right-contact #zone-texte {;width: 360px; float:right;margin:60px 40px 0 0;background-color: #fff;filter:alpha(opacity=90);background: rgba(255, 255, 255, 0.9);padding:10px 14px 10px 14px}
h1{font-size:14px;line-height:1em;color:#d31145;font-weight:bold;text-align:left;margin:0 0 15px 0;padding:0;text-transform: uppercase;border-bottom: 1px dotted #808080;padding:0 0 2px 0 }
h2{font-size:12px;line-height:1em;color:#6f6f6f;font-weight:bold;text-align:left;margin:0;padding:0;text-transform: uppercase;padding:15px 0 2px 0;border-bottom: 1px dotted #6f6f6f;}
p{font-size:11px;line-height:1.5em;margin:10px 0 15px 0;padding:0;text-align:justify}
.logo-osaveurs{margin:50px 0 0 26px}
ul.default{font-size:11px;padding-left: 40px;list-style-image: URL(../images/design/arrow.png);color: #d1d1d1;margin:20px 24px 20px 0;}
ul.default li,ul.default li a{margin:8px 0 12px 0;padding:0 0 0 4px;clear: left;color:#d1d1d1}
ul.default2{font-size:11px;padding-left: 40px;list-style-image: URL(../images/design/arrow.png);color: #d1d1d1;margin:20px 24px 20px 0;}
ul.default2 li,ul.default2 li a{margin:8px 0 12px 0;padding:0 0 0 4px;clear: left;color:#000}
p.menu a{font-size:13px;color:#7e1416;font-weight: bold;margin:0 0 0 36px;text-decoration: none;text-align: center}
p.menu a:hover{text-decoration: underline}
#contact-traiteur{color:#fff;margin:60px 0 0 20px}
#contact-bistro{color:#fff;margin:100px 0 0 20px}
#contact-resto{color:#fff;margin:100px 0 0 20px}
#contact-traiteur a, #contact-bistro a, #contact-resto a{color:#fff;text-decoration: none}
#contact-traiteur a:hover, #contact-bistro a:hover, #contact-resto a:hover{color:#fff;text-decoration: underline}
.map{margin: 0 10px 20px 10px;float:left}
/* ------- NAVIGATION TOP ------- */
#top-navigation-blanc {font-size: 12px;color:#fff;font-weight: bold;float:right;margin:20px 40px 0 0}
#top-navigation-blanc a{color:#fff;font-weight: bold;text-decoration: none}
#top-navigation-blanc a:hover{color:#fff;font-weight: bold;text-decoration: underline}
#top-navigation-rouge {font-size: 12px;color:#7e1416;font-weight: bold;float:right;margin:20px 40px 0 0}
#top-navigation-rouge a{color:#7e1416;font-weight: bold;text-decoration: none}
#top-navigation-rouge a:hover{color:#7e1416;font-weight: bold;text-decoration: underline}
/* ------- FOOTER ------- */
#footer {width:840px;height: 20px;font-size: 11px;color:#fff;float:left;margin:10px 0 0 0}

/* ------- FORMULAIRE ------- */
table.form{font:11px Verdana, Arial, Helvetica, sans-serif;letter-spacing:normal;margin:20px 0 0 10px;width:350px}
table.form th{border-bottom:1px solid #dbdbdb;padding:6px 15px 6px 2px;text-align:left;width:180px;color:#000;font-weight: normal}
table.form td{border-bottom:1px solid #dbdbdb;padding:6px 15px 6px 2px;}
table.form td.none{border-bottom:0;padding:6px 15px 6px 2px;}
table.form th.none{border-bottom:0;padding:6px 15px 6px 2px;text-align:left;width:180px}
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;margin: 0 10px 0 0;background-color:#fff;}
#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}
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 }
#column1 {
	float:left;
	width: 40%;
}

#column2 {
	float:left;
	width: 50%;
}
#facebook { margin: 20px 0 0 45px;}