html, body  {
  margin:0;
  padding:0;
  color:white;
  background-color:#551201;
  width:1012px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}

form {
  display:inline;
}

img {
  vertical-align:top;
}

h1, h2, h3 {
  margin:0;
  padding:0;
}

a img {
  border:none;
}

#contenant {
  float:left;
  width:714px;
  height:850px;
  border-width:0 2px 2px 0;
  border-style:solid;
  border-color:white;
  background-color:#AA8980
}

#titre_logo, #animation, #contenu, #contenu2 {
  border-width:0 0 2px 0;
  border-style:solid;
  border-color:white;
}

#menu {
  float:left;
  display:block;
  list-style:none;
  margin:0;
  padding:0;
  color:white;
  background-color:#784738;
  width:178px;
  height:325px;
  border-width:0 2px 2px 0;
  border-style:solid;
  border-color:white;
}

#menu li {
  display:block;
  list-style:none;
  margin:0;
  padding:0;
}

#menu li a {
  display:block;
}

#menu li a:hover, #menu li a.on {
  background-position:top left;
  background-repeat:no-repeat;
}

#menu li a:hover#menu_traiteur, #menu li a.on#menu_traiteur {
  background-image:url(/images/menu_traiteur_on.gif);
}

#menu li a:hover#menu_receptions, #menu li a.on#menu_receptions {
  background-image:url(/images/menu_receptions_on.gif);
}

#menu li a:hover#menu_seminaires, #menu li a.on#menu_seminaires {
  background-image:url(/images/menu_seminaires_on.gif);
}

#menu li a:hover#menu_soirees, #menu li a.on#menu_soirees {
  background-image:url(/images/menu_soirees_on.gif);
}

#menu li a:hover#menu_evenements, #menu li a.on#menu_evenements {
  background-image:url(/images/menu_evenements_on.gif);
}

#menu li a:hover#menu_devis, #menu li a.on#menu_devis {
  background-image:url(/images/menu_devis_on.gif);
}

#menu li a:hover#menu_contacts, #menu li a.on#menu_contacts {
  background-image:url(/images/menu_contacts_on.gif);
}

#menu li a:hover#menu_references, #menu li a.on#menu_references {
  background-image:url(/images/menu_references_on.gif);
}

#menu li a:hover img, #menu li a.on img {
  visibility:hidden;
}

body #contenu {
  height:325px;
  margin-left:180px;
  background-position:top right;
  background-repeat:no-repeat;
}

body.traiteur #contenu {
  color:white;
  background-color:#551200;
  background-image:url(/images/fond_traiteur.gif);
}

body.receptions #contenu {
  color:#551200;
  background-color:#B7E0EE;
  background-image:url(/images/fond_receptions.gif);
}

body.seminaires #contenu {
  color:white;
  background-color:#EE9471;
  background-image:url(/images/fond_seminaires.gif);
}

body.soirees #contenu {
  color:#561300;
  background-color:#F8E299;
  background-image:url(/images/fond_soirees.gif);
}

body.evenements #contenu {
  color:white;
  background-color:#AB4F5A;
  background-image:url(/images/fond_evenements.gif);
}

body.devis #contenu {
  color:white;
  background-color:#97352C;
  background-image:url(/images/fond_devis.gif);
}

body.contacts #contenu {
  color:white;
  background-color:#C35B1E;
  background-image:url(/images/fond_contacts.gif);
}

body.references #contenu {
  color:white;
  background-color:#B29D4A;
  background-image:url(/images/fond_references.gif);
}

body.references #contenu a {
  color:white;
}

body #contenu p, body #contenu div#liens, body #contenu2 div#references {
  float:left;
  padding:0 70px 0 70px;
  line-height:21px;
  width:394px;
}

body #contenu2 {
  height:240px;
}

body.traiteur #contenu2 {
  background-color:#F6940D;
}

body.receptions #contenu2 {
  background-color:#A02917;
}

body.soirees #contenu2 {
  background-color:#DAAA84;
}

body.evenements #contenu2 {
  background-color:#A2240B;
}

body.devis #contenu2 {
  background-color:#A83D37;
}

body.contacts #contenu2 {
  background-color:#EE9C23;
}

body.references #contenu2 {
  background-color:#DFE480;
  color:#6B7D51;
}

body.references #contenu2 a {
  color:#6B7D51;
}

body #contenu div#liens p, body #contenu2 div#references p  {
  padding-left:0;
  padding-right:0;
  width:auto;
}

body.references #contenu div#liens {
  height:275px;
  overflow:auto;
}

body.references #contenu2 div#references {
  height:192px;
  overflow:auto;
}

body #illustration {
  height:850px;
  margin-left:716px;
  border-width:0 2px 2px 0;
  border-style:solid;
  border-color:white;
}

body.traiteur #illustration {
  background-color:#BB242B;
}

body.receptions #illustration {
  background-color:#B9242A;
}

body.seminaires #illustration {
  background-color:#F4B955;
}

body.soirees #illustration {
  background-color:#E47C19;
}

body.evenements #illustration {
  background-color:#855241;
}

body.devis #illustration {
  background-color:#B74D26;
}

body.contacts #illustration {
  background-color:#FED585;
}

body.references #illustration {
  background-color:#765C75;
}

#pied {
  color:#58150C;
  text-align:center;
  font-style:normal;
  padding-top:1em;
}

#pied a {
  color:#58150C;
}

#pied_illustration {
  background-color:#551201;
  height:108px;
  border-width:2px 0 0 0;
  border-style:solid;
  border-color:white;
}

.lettrine {
  float:left;
  margin:7px 15px 5px 0;
}

#toasts {
  margin-left:178px;
  border-width:0 2px 0 2px;
  border-style:solid;
  border-color:white;
}

#video_menu {
  border:0;
  float:left;
}

#moments {
  margin-left:2px;
  border-width:0 0 0 2px;
  border-style:solid;
  border-color:white;
}

#titre_actualites {
  margin:0 30px;
  padding:15px 0 10px 0;
}

#actualites {
  display:block;
  list-style:none;
  margin:0 30px;
  padding:0;
  height:540px;
  overflow:auto;
}

#actualites li {
  border-width:1px 0 0  0;
  border-style:solid;
  border-color:#F6AAA1;
  padding:10px 0;
  line-height:18px;
  font-size:11px;
}

#actualites li h3 {
  background:transparent url(/images/puce_actualites.gif) no-repeat 0 9px;
  padding-left:25px;
  font-size:14px;
  margin-bottom:5px;
}

#actualites p {
  margin:0;
  padding:0;
}

#gateau, #rose, #oeil, #rose, #maries, #animation, #canapes, #mousse, #foiegras, #sejour, #bouquet, #langoustine, #pinces, #coupes, #poissons, #saumon, #verre, #verrine, #batiment {
  border-style:solid;
  border-color:white;
  border-width:0;
}

#animation {
  border-width:0 0 2px 0;
}

#gateau, #rose, #langoustine {
  border-width:0 2px;
}

#langoustine {
  margin-left: 178px;
}

#rose {
  margin-left:76px;
}

#maries {
  margin-top:85px;
  border-width:2px 0 0 0;
}

#animation {
  height:240px;
  background-color:#551201;
}

#canapes {
  margin:58px 0 240px 0;
  border-width:2px 0;
}

#mousse, #foiegras, #coupes, #poissons, #verre {
  border-width:0 2px 0 0;
}

#batiment {
  margin-left:178px;
  border-width:0 0 0 2px;
}

#coupes, #verre {
  float:left;
}

#sejour, #pinces, #saumon {
  margin-top:58px;
  border-width:2px 0 0 0;
}

#yatch {
  margin-top:60px;
  border-width:2px 0 0 0;
}

#bouquet {
  margin-left:195px;
  border-width:0 0 0 2px;
}

#oeil {
  border-width:0 0 0 2px;
  margin-left:97px;
}

body.contacts #contenu address {
  text-align:center;
  font-size:14px;
  font-style:normal;
  line-height:2em;
  padding-top:2em;
}

body.contacts #contenu address a {
  color:white;
}

#intervention {
  font-size:16px;
  text-align:center;
}

body.devis form ul {
  display:block;
  list-style:none;
  margin:0 0 0 2em;
  padding:0;
  float:left;
}

body.devis form ul, body.devis form input, body.devis form select {
  font-size:11px;
}

body.devis form ul li {
  clear:left;
  padding:.25em 0;
}

body.devis form label, body.devis form div.label {
  display:block;
  float:left;
  width:160px;
  text-align:right;
  padding-right:1em;
  line-height:1em;
}

body.devis form select, input{
  color:#713A2B;
  border:1px solid #B76C65;
}

body.devis form textarea {
  width:300px;
  height:70px;
}

body.mentions #contenu div#mentions {
  height:325px;
  margin:0;
  padding:0;
  overflow:auto;
}

body.mentions #contenu div#mentions p {
  margin:10px 0 10px 10px;
  padding:0;
}

#lecteur_video {
  position:absolute;
  top:-1173px;
  left:-1180px;
}
