body {
  color: white;
  background-color: black;
  text-align: center;
  font-family:
    "Palatino Linotype",
    Palatino,
    Palladio,
    "URW Palladio L",
    "Book Antiqua",
    Baskerville,
    "Bookman Old Style",
    "Bitstream Charter",
    "Nimbus Roman No9 L",
    Garamond,
    "Apple Garamond",
    "ITC Garamond Narrow",
    "New Century Schoolbook",
    "Century Schoolbook",
    "Century Schoolbook L",
    Georgia,
    serif;
  line-height: 1.1em;
}

.clear {
  clear:both;
  display:block;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}

h1 {
  border-bottom: 1px solid red;
  border-color: red;
  font-size:1.6em;
  line-height:0.8em;
  padding-bottom:5px;
  margin-bottom: 5px;
}

a {
  text-decoration: underline;
  color: white;
  font-weight: bold;
}

#container {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

#header {
  background-image: url('/images/header.jpg');
  background-repeat: no-repeat;
  width: 960px;
  height: 159px;
}

#title_accueil {
  background-image: url('/images/title_accueil.png');
  background-repeat: no-repeat;
  width: 336px;
  height: 102px;
  
  float: left;
  margin-top: 59px;
  margin-left: 26px;
}

#title_projection {
  background-image: url('/images/title_projection.png');
  background-repeat: no-repeat;
  width: 336px;
  height: 102px;
  
  float: left;
  margin-top: 59px;
  margin-left: 26px;
}

#title_sonorisation {
  background-image: url('/images/title_sonorisation.png');
  background-repeat: no-repeat;
  width: 336px;
  height: 102px;
  
  float: left;
  margin-top: 59px;
  margin-left: 26px;
}

#title_references {
  background-image: url('/images/title_references.png');
  background-repeat: no-repeat;
  width: 336px;
  height: 102px;
  
  float: left;
  margin-top: 59px;
  margin-left: 26px;
}

#title_presse {
  background-image: url('/images/title_presse.png');
  background-repeat: no-repeat;
  width: 336px;
  height: 102px;
  
  float: left;
  margin-top: 59px;
  margin-left: 26px;
}

#title_contact {
  background-image: url('/images/title_contact.png');
  background-repeat: no-repeat;
  width: 336px;
  height: 102px;
  
  float: left;
  margin-top: 59px;
  margin-left: 26px;
}

#menu {
  width: 598px;
  float: left;
}

div.btn_puce_off {
  background-image: url('/images/btn_puce_off.png');
  background-repeat: no-repeat;
  width: 17px;
  height: 16px;
  
  margin-top: -15px;
}

div.btn_puce_on {
  background-image: url('/images/btn_puce_on.png');
  background-repeat: no-repeat;
  width: 17px;
  height: 16px;
  
  margin-top: -15px;
}

div.bouton {
  float: left;
  margin-right: 19px;
}

#btn_accueil_image {
  height: 49px;
  width: 42px;
  margin-top: 19px;
  margin-left: 15px;
}

#btn_accueil_image img {
  border: 0px;
}

#btn_accueil_texte {
  margin-top : -23px;
  margin-left: 12px;
}

#btn_sonorisation_image {
  height: 49px;
  width: 34px;
  margin-top: 19px;
  margin-left: 38px;
}

#btn_sonorisation_image img {
  border: 0px;
}

#btn_sonorisation_texte {
  margin-top : -23px;
  margin-left: 12px;
}

#btn_projection_image {
  height: 49px;
  width: 52px;
  margin-top: 19px;
  margin-left: 19px;
}

#btn_projection_image img {
  border: 0px;
}

#btn_projection_texte {
  margin-top : -23px;
  margin-left: 12px;
}

#btn_references_image {
  height: 49px;
  width: 52px;
  margin-top: 19px;
  margin-left: 24px;
}

#btn_references_image img {
  border: 0px;
}

#btn_references_texte {
  margin-top : -23px;
  margin-left: 12px;
}

#btn_presse_image {
  height: 49px;
  width: 52px;
  margin-top: 19px;
  margin-left: 5px;
}

#btn_presse_image img {
  border: 0px;
}

#btn_presse_texte {
  margin-top : -23px;
  margin-left: 12px;
}

#btn_contact_image {
  height: 49px;
  width: 22px;
  margin-top: 19px;
  margin-left: 26px;
}

#btn_contact_image img {
  border: 0px;
}

#btn_contact_texte {
  margin-top : -23px;
  margin-left: 12px;
}

#bg_accueil {
  background-image: url('/images/bg_accueil.jpg');
  background-repeat: no-repeat;
  width: 960px;
  height: 474px;
}

#bg_sonorisation {
  background-image: url('/images/bg_sonorisation.jpg');
  background-repeat: no-repeat;
  width: 960px;
  height: 474px;
}

#bg_projection {
  background-image: url('/images/bg_projection.jpg');
  background-repeat: no-repeat;
  width: 960px;
  height: 474px;
}

#bg_references {
  background-image: url('/images/bg_references.jpg');
  background-repeat: no-repeat;
  width: 960px;
  height: 474px;
}

#bg_presse {
  background-image: url('/images/bg_presse.jpg');
  background-repeat: no-repeat;
  width: 960px;
  height: 474px;
}

#bg_contact_form {
  background-image: url('/images/bg_contact_form.jpg');
  background-repeat: no-repeat;
  width: 960px;
  height: 474px;
}

#bg_contact_coords {
  background-image: url('/images/bg_contact_coords.jpg');
  background-repeat: no-repeat;
  width: 960px;
  height: 474px;
}


#footer {
  background-image:url('/images/footer.png');
  background-repeat:no-repeat;
  font-style:italic;
  height:56px;
  padding-top:5px;
  text-align:right;
  width:960px;
}


#accueil_bloc1 {
  height:196px;
  margin-left:45px;
  margin-top:22px;
  width:490px;
}

#accueil_bloc2 {
  float:left;
  height:188px;
  margin-left:265px;
  margin-top:24px;
  width:650px;
}

#sonorisation_bloc1 {
  height:96px;
  margin-left:230px;
  margin-top:37px;
  width:680px;
}

#sonorisation_bloc2 {
  height:283px;
  margin-left:58px;
  margin-top:32px;
  width:609px;
}

#projection_bloc1 {
  height:196px;
  margin-left:48px;
  margin-top:33px;
  width:555px;
}

#projection_bloc2 {
  height:188px;
  margin-left:338px;
  margin-top:25px;
  width:561px;
}

#references_bloc1 {
  height:262px;
  margin-left:51px;
  margin-top:16px;
  width:853px;
}

#references_bloc2 {
  background-image:url('/images/bg_references_list.jpg');
  height:157px;
  margin-left:82px;
  margin-top:21px;
  width:765px;
}

#presse_bloc1 {
  float:left;
  height:394px;
  margin-left:52px;
  margin-top:18px;
  width:657px;
}

#presse_bloc1 h1 {
  font-size:1.4em;
  line-height:1em;
}

#presse_bloc2 {
  float:left;
  height:389px;
  margin-left:9px;
  margin-top:33px;
  width:221px;
}

#presse_bloc2 a {
  font-size: 0.75em;
}

#contact_bloc1 {
  float:left;
  height:59px;
  margin-left:57px;
  margin-top:30px;
  width:854px;
}

#contact_form_bloc2 {
  float:left;
  height:316px;
  margin-left:57px;
  margin-top:18px;
  width:624px;
}

#contact_form_bloc3 {
  float:left;
  height:331px;
  margin-left:12px;
  margin-top:18px;
  width:217px;
}

#contact_coords_bloc2 {
  float:left;
  height:331px;
  margin-left:57px;
  margin-top:18px;
  width:304px;
}

#contact_coords_bloc3 {
  float:left;
  height:331px;
  margin-left:12px;
  margin-top:18px;
  width:307px;
}

#contact_coords_bloc4 {
  float:left;
  height:331px;
  margin-left:12px;
  margin-top:18px;
  width:217px;
}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: white;
}
.vscrollerbar {
width: 10px;
background-color: black;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}