@import "init.css";
@import "menu.css";

body                { margin: 0; background: url("../media/site/fond.gif") repeat-x #170e07; }
body                { font: 10pt/1.2em Arial, Verdana, Sans-serif; color: #8E7D6A; }

h1                  { font: 15pt/1.5em Arial, Verdana, Sans-serif; color: #FFFFFF; font-weight: bold; }
h2                  { font: 13pt/1.5em Arial, Verdana, Sans-serif; color: #FFFFFF; font-weight: bold; }
h3                  { font: 11pt/1.2em Arial, Verdana, Sans-serif; color: #FFFFFF; font-weight: bold; }
h4                  { font: 10pt/1.2em Arial, Verdana, Sans-serif; color: #993900; font-weight: bold; }

a.lien              { font: 8pt/1.2em Arial, Verdana, Sans-serif; font-weight: bold; color: #FFFFFF; text-decoration:none; }
a.lien:hover        { color: #5D4C3C; }

a.link              { font: 8pt/1.2em Arial, Verdana, Sans-serif; font-weight: bold; color: #634329; text-decoration:none; padding-left: 90px; }
a.link:hover        { color: #FFFFFF; }

a.partenaire        { font: 10pt/1.2em Arial, Verdana, Sans-serif; font-weight: bold; color: #FFFFFF; }
a.partenaire:hover  { color: #5D4C3C; }

.clear              { clear: both; font: 0pt/0em Arial; line-height: 0em; height: 0px; }
.space-h5           { height: 5px; font: 0pt/1em Arial; }
.space-h20          { height: 20px; font: 0pt/1em Arial; }
.space-h30          { height: 30px; font: 0pt/1em Arial; }

.separation         { width: 1000px; height: 2px; background: url("../media/site/separation.jpg") no-repeat; }
.separation2        { width: 1000px; height: 1px; background: url("../media/site/separation2.jpg") no-repeat; }

p.other-color       { color: #69482C; }
p.puce              { background: url('../media/site/puce.png') no-repeat; padding: 0 0 5px 20px; }

#site               { width: 1000px; margin: 0 auto; }

#top-left           { float: left; width: 300px; height: 195px; }
#top-right          { float: left; width: 700px; height: 195px; }

#content            { width: 1000px; text-align: justify; }
.left-accueil       { float: left; width: 300px; padding: 0 60px 0 30px; }
.right-accueil      { float: left; width: 600px; padding-top: 20px; }

.left-type          { float: left; width: 300px; padding: 0 40px 0 0; }
.center-type        { float: left; width: 300px; padding: 0 40px 0 0; }
.right-type         { float: left; width: 300px; }
.right-restaurant   { float: left; width: 640px; padding: 0; }

#info               { width: 1000px; height: 137px; padding: 25px 0 0 0; }
#contact            { float: left; width: 198px; height: 122px; background: url("../media/site/fond_contact.jpg") no-repeat; padding: 15px 13px 0 126px; }
#newsletter         { float: left; width: 198px; height: 122px; background: url("../media/site/fond_newsletter.jpg") no-repeat; padding: 15px 13px 0 126px; }
#emplacement        { float: left; width: 198px; height: 122px; background: url("../media/site/fond_emplacement.jpg") no-repeat; padding: 15px 0 0 126px; }

a.demande-devis       { display: block; width: 180px; height: 48px; background: url("../media/site/devis-off.png") no-repeat; }
a.demande-devis:hover { width: 180px; height: 48px; background: url("../media/site/devis-on.png") no-repeat; }

.contact-left       { float: left; text-align: right; padding: 0 10px 10px 0; width: 100px; }
.contact-right      { float: left;  padding: 0 0 10px 0; }

#footer             { width: 1000px; padding-top: 30px; }
#footer,           
#footer a           { font: 8pt/1.8em Arial, Verdana, Sans-serif; font-weight: bold; color: #FFFFFF; text-decoration:none; }

#footer a:hover     { color: #5D4C3C; }
.left-footer        { float: left; padding-left: 10px; }
.center-footer      { float: left; padding-left: 30px; }
.right-footer       { float: right; padding-right: 10px; }