body { background:black;margin: 0;text-align: center;width:100%;height:100%;font-family: arial,verdana;overflow:auto;}
img {border:0;}
a {color:white;text-decoration: none;border:0;padding:0;margin:0;outline: none;}
#gauche {float:left;width:551px;height:424px;}
#droite {float:right;width:449px;height:424px;overflow:hidden;}
#centre {width:720px;height:401px;background-color: white;}

.menu_container {position:relative;height:88px;}
.menu_container a.bt_accueil {position:absolute;top:0px;left:0px;width:129px;height:88px;display:block;background:transparent url(/graphics/menu/accueil.jpg) top left no-repeat;}
.menu_container a.bt_realisations {position:absolute;top:0px;left:129px;width:154px;height:88px;display:block;background:transparent url(/graphics/menu/realisations.jpg) top left no-repeat;}
.menu_container a.bt_produits {position:absolute;top:0px;left:283px;width:132px;height:88px;display:block;background:transparent url(/graphics/menu/produits.jpg) top left no-repeat;}
.menu_container a.bt_promotions {position:absolute;top:0px;left:415px;width:157px;height:88px;display:block;background:transparent url(/graphics/menu/promotions.jpg) top left no-repeat;}
.menu_container a.bt_contact {position:absolute;top:0px;left:572px;width:192px;height:88px;display:block;background:transparent url(/graphics/menu/contact.jpg) top left no-repeat;}

.menu_container a.bt_accueil:hover,
.menu_container a.bt_realisations:hover,
.menu_container a.bt_produits:hover,
.menu_container a.bt_promotions:hover,
.menu_container a.bt_contact:hover {background-position:top right;}

#accueil #gauche {background:transparent url(/graphics/accueil/flash_photos.jpg) no-repeat top right;}
#accueil #droite,#menus #droite {background:transparent url(/graphics/accueil/texte_accueil.jpg) no-repeat top right;}
#accueil #droite .texte,#menus #droite .texte,#produits .texte,#promotions  #droite .texte {height:360px;margin: 32px 30px 30px 30px;padding-right:10px;overflow-x:hidden;overflow-y:auto;}

#contact table td .centre {width:1000px;height:424px;background:transparent url(/graphics/contact/fond_contact.jpg) top center no-repeat;}
#contact h2 {width:98%;border-bottom:1px solid black;}
#contact #gauche {float:left;width:480px;height:424px;}
#contact #gauche .texte {width:300px;height:350px;margin:75px 0 0 87px;padding-right:10px;overflow-x:hidden;overflow-y:auto;}
#contact #gauche .texte label {color:white;}
#contact #gauche .texte input {margin-bottom:10px;}
#contact #droite {width:472px;}
body#intro { background:black;margin: 0;text-align: center;width:100%;height:100%;}
#menus #gauche {float:left;width:194px;height:424px;margin:0 0 0 87px;}
#menus .detail {display:none;}
#newsletter {width:395px;height:57px;margin:5px 0 0 500px;background:transparent url(/graphics/newsletter.jpg) top right no-repeat;}
#newsletter input {border:0;}
#newsletter .mail {width:288px;margin-right:8px;}
#produits table td .centre {background:transparent url(/graphics/produits/fond_produits.jpg) top center no-repeat;}
#promotions table td .centre {background:transparent url(/graphics/promotions/fond_promotions.jpg) top center no-repeat;}
#promotions #gauche {width:288px;}
#promotions #droite {width:708px;}
#realisations table td .centre {background:transparent url(/graphics/realisations/fond_realisations.jpg) top center no-repeat;position:relative;}
#realisations #droite {width:708px;}
#produits h1,
#realisations h1 {text-indent:-9999px;}
#produits #gauche {width:288px;color:white;}
#produits #droite {width:708px;}
#produits .separateur,#realisations .separateur {border-bottom: 1px black solid;width: 95%;margin:0 auto;}
#produits #gauche a,
#realisations #gauche a {color:white;}
#produits #gauche h2 {width:98%;text-align:right;font-style:italic;margin-top:10px;}
#produits #gauche .texte,
#realisations #gauche .texte {width:194px;height:360px;margin:0 0 0 87px;padding-right:10px;overflow-x:hidden;overflow-y:auto;}
#realisations #gauche .conteneur,
#produits #gauche .conteneur {position:relative;}
#produits #gauche .presentation {width:95%;margin: 10px auto 10px auto;}
#produits #gauche .souscategories,
#realisations #gauche .souscategories {width:200px;margin:0 auto;}
#produits #gauche .souscategories a,
#realisations #gauche .souscategories a {font-weight:bold;display:block;width:200px;border:0;}
#produits #gauche .souscategories a:hover,
#realisations #gauche .souscategories a:hover {background-color:#ababab;border:0;}
#produits #gauche .souscategories ul,
#realisations #gauche .souscategories ul {
  width: 200px;
  margin: 0px;
  margin-left:20px;
  padding: 0;
  padding-top: 10px;
  list-style:none;
}
#produits #gauche  .souscategories li,
#realisations #gauche  .souscategories li {
  float: left;
  width:200px;
  margin: 0;
  padding: 0;
  padding-left:25px;
  background:transparent url(/graphics/fleche.png) top left no-repeat;
  line-height:1.3em;
}
#produits #gauche .souscategories li a,
#realisations #gauche .souscategories li a {width:157px;}
#realisations #gauche {width:460px;color:white;}
#realisations #gauche h2 {margin-top:10px;}
#realisations #gauche .souscategories,
#realisations #gauche .souscategories a,
#realisations #gauche .souscategories ul,
#realisations #gauche .souscategories li {width:370px;color:white;line-height:1.5em;}
#produits #gauche a.retour,
#realisations #gauche a.retour {position:absolute;top:367px;left:152px;width:109px;height:35px;display:block;text-indent:-9999px;background:transparent url(/graphics/bt_retour.jpg) top left no-repeat;}
#realisations #droite {width:530px;padding-right:10px;overflow-y:auto;}
#realisations #droite .texte {padding-top:10px;position:relative;}
#realisations #droite .texte h3 {font-size:12px;}
#realisations #droite .texte .indication {font-size:8px;}
#realisations #droite .texte table.vignette {display:inline;}
#realisations #droite .texte a.telechargement {width:88px;height:36px;display:block;background:transparent url(/graphics/bt_telecharger.jpg) no-repeat top left;text-indent:-9999px;}
#realisations #droite .texte a.telechargement:hover {background-position:top right;}

#signature {font-size:12px;color:#666;position: absolute;bottom: 2px;text-align: center;width: 100%}
#signature a { font-size:12px;color:#666;text-decoration: none;}
#signature a:hover { color:#000;}

#plan {display:none;}