@charset "utf-8";

/**
 * BODY
 ***********************************************************
 ***********************************************************
 */
body {
  background:#000000;
  color:#ffffff;
  display:block;
  font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size:12px;
  letter-spacing:0.5px;
  line-height:1.5;
}
div.container {
  margin:auto;
  overflow:auto;
  padding:5px 0px;
  position:relative;
  width:978px;
}
a {
  color:#ffffff;
  text-decoration:none;
}
a:hover {

}
h1, h2, h3, h4, h5, h6 {
  font-weight:bold;
  margin:0.1em 0;
}
h1 {
  font-size:145%;
  font-weight:normal;
  text-align:center;
  text-transform:uppercase;
}
p {
  margin:0.1em 0 0 0;
}
p strong {
  font-weight:bold;
}
.alert, .mentions_obligatoires {
  color:#C01122;
}
hr {
  background-color:#ffffff;
  border:1px solid #ffffff;
  clear:both;
  display:block;
  height:1px;
  margin-top:5px;
  visibility:visible;
}
form, form fieldset {
  margin:0px;
  padding:0px;
}
form fieldset legend {
  display:none;
  visibility:hidden;
}
form fieldset label {
  display:block;
  cursor:pointer;
}
form fieldset select.selectBox {
  background:#FFFFFF none repeat scroll 0 0;
  border:1px solid #DDDDDD;
  color:#333333;
  font-size:12px;
  margin:2px 0 5px;
  padding:0px;
  width:95%
}
form fieldset input.inputBox {
  background:#FFFFFF none repeat scroll 0 0;
  border:1px solid #DDDDDD;
  color:#333333;
  font-size:12px;
  margin:2px 0 5px;
  padding:1px;
  width:95%
}
form fieldset input.inputBox2 {
  background:#FFFFFF none repeat scroll 0 0;
  border:1px solid #DDDDDD;
  color:#333333;
  font-size:12px;
  margin:2px 0 5px;
  padding:1px;
  width:33%
}
input, select, textarea, .inputBox, .inputBox2 {
  font-family:Arial,Helvetica,sans-serif;
  font-size:100%;
}
form fieldset textarea.inputBox {
  background:#FFFFFF none repeat scroll 0 0;
  border:1px solid #DDDDDD;
  color:#333333;
  font-size:12px;
  margin:2px 0 5px;
  padding:2px;
  width:95%
}

/**
 * BOX
 ***********************************************************
 ***********************************************************
 */
div.box {
  margin:0;
  padding:0;
  position:relative;
  width:100%;
}
div.box div {
  margin:0;
  padding:0;
  position:relative;
}
div.box div div {
  margin:0;
  padding:0;
  position:relative;
}
div.box div div div {
  margin:0;
  padding:5px;
  position:relative;
}
div.box div div div div.content {
  background:none;
  height:560px;
  overflow:auto;
  margin:0px;
  padding:0px;
  position:relative;
}
div.box div div div div.content div {
  height:1%;
  margin:0;
  padding:0;
  position:relative;
}

body.societe div.box {
  background:transparent url('../images/bck_box-societe_br.gif') no-repeat scroll right bottom;
}
body.societe div.box div {
  background:transparent url('../images/bck_box-societe_bl.gif') no-repeat scroll left bottom;
}
body.societe div.box div div {
  background:transparent url('../images/bck_box-societe_tr.gif') no-repeat scroll right top;
}
body.societe div.box div div div {
  background:transparent url('../images/bck_box-societe_tl.gif') no-repeat scroll left top;
}
body.societe div.box div div div div {
  background:none;
}

body.catalogue div.box {
  background:transparent url('../images/bck_box-catalogue_br.gif') no-repeat scroll right bottom;
}
body.catalogue div.box div {
  background:transparent url('../images/bck_box-catalogue_bl.gif') no-repeat scroll left bottom;
}
body.catalogue div.box div div {
  background:transparent url('../images/bck_box-catalogue_tr.gif') no-repeat scroll right top;
}
body.catalogue div.box div div div {
  background:transparent url('../images/bck_box-catalogue_tl.gif') no-repeat scroll left top;
}
body.catalogue div.box div div div div {
  background:none;
}

body.promotions div.box {
  background:transparent url('../images/bck_box-promotions_br.gif') no-repeat scroll right bottom;
}
body.promotions div.box div {
  background:transparent url('../images/bck_box-promotions_bl.gif') no-repeat scroll left bottom;
}
body.promotions div.box div div {
  background:transparent url('../images/bck_box-promotions_tr.gif') no-repeat scroll right top;
}
body.promotions div.box div div div {
  background:transparent url('../images/bck_box-promotions_tl.gif') no-repeat scroll left top;
}
body.promotions div.box div div div div {
  background:none;
}

body.surmesure div.box {
  background:transparent url('../images/bck_box-surmesure_br.gif') no-repeat scroll right bottom;
}
body.surmesure div.box div {
  background:transparent url('../images/bck_box-surmesure_bl.gif') no-repeat scroll left bottom;
}
body.surmesure div.box div div {
  background:transparent url('../images/bck_box-surmesure_tr.gif') no-repeat scroll right top;
}
body.surmesure div.box div div div {
  background:transparent url('../images/bck_box-surmesure_tl.gif') no-repeat scroll left top;
}
body.surmesure div.box div div div div {
  background:none;
}

body.contact div.box {
  background:transparent url('../images/bck_box-contact_br.gif') no-repeat scroll right bottom;
}
body.contact div.box div {
  background:transparent url('../images/bck_box-contact_bl.gif') no-repeat scroll left bottom;
}
body.contact div.box div div {
  background:transparent url('../images/bck_box-contact_tr.gif') no-repeat scroll right top;
}
body.contact div.box div div div {
  background:transparent url('../images/bck_box-contact_tl.gif') no-repeat scroll left top;
}
body.contact div.box div div div div {
  background:none;
}

body.panier div.box {
  background:transparent url('../images/bck_box-panier_br.gif') no-repeat scroll right bottom;
}
body.panier div.box div {
  background:transparent url('../images/bck_box-panier_bl.gif') no-repeat scroll left bottom;
}
body.panier div.box div div {
  background:transparent url('../images/bck_box-panier_tr.gif') no-repeat scroll right top;
}
body.panier div.box div div div {
  background:transparent url('../images/bck_box-panier_tl.gif') no-repeat scroll left top;
}
body.panier div.box div div div div {
  background:none;
}


/**
 * HEADER
 ***********************************************************
 ***********************************************************
 */
#header {
  margin:0px;
  padding:0px;
  position:relative;
}
#header a.logo {
  background:transparent url('../images/bck_logo.gif') no-repeat top left;
  display:block;
  float:left;
  height:113px;
  margin:0px 5px 0px 0px;
  overflow:hidden;
  position:relative;
  width:216px;
}
#header .logo span {
  display:none;
  visibility:hiden;
}
#header div.anim {
  background:transparent url('../images/bck_anim.gif') no-repeat top left;
  display:block;
  height:113px;
  overflow:hidden;
  right:0px;
}
#language {
  display:none;
  position:absolute;
  right:0;
  visibility:hidden;
}

/**
 * NAV
 ***********************************************************
 ***********************************************************
 */
div#nav {
  /*outline:1px solid red;*/
  height:40px;
}
div#nav ul {
  /*outline:2px solid green;*/
  height:40px;
  margin-left:221px;
  position:absolute;
}
div#nav ul li {
  float:left;
}

div#nav ul li a {
  /*outline:1px solid purple;*/
  display:block;
  height:20px;
  line-height:22px;
  margin-top:20px;
  position:absolute;
  text-align:center;
  text-transform:uppercase;
  width:145px;
}

div#nav ul li a.societe {
  background:transparent url('../images/bck_nav-societe.gif') no-repeat top left;
  color:#c9dd2d;
  z-index:1;
}
div#nav ul li a.catalogue {
  background:transparent url('../images/bck_nav-catalogue.gif') no-repeat top left;
  color:#f1db10;
  margin-left:124px;
  z-index:2;
}
div#nav ul li a.promotions {
  background:transparent url('../images/bck_nav-promotions.gif') no-repeat top left;
  color:#e36a0d;
  margin-left:248px;
  z-index:3;
}
div#nav ul li a.surmesure {
  background:transparent url('../images/bck_nav-surmesure.gif') no-repeat top left;
  color:#b50066;
  margin-left:372px;
  z-index:4;
}
div#nav ul li a.contact {
  background:transparent url('../images/bck_nav-contact.gif') no-repeat top left;
  color:#2ba1db;
  margin-left:496px;
  z-index:5;
}
div#nav ul li a.panier {
  background:transparent url('../images/bck_nav-panier.gif') no-repeat top left;
  color:#ffffff;
  margin-left:621px;
  width:136px;
  z-index:6;
}

body.societe div#nav ul li a.societe, body.catalogue div#nav ul li a.catalogue, body.promotions div#nav ul li a.promotions, body.surmesure div#nav ul li a.surmesure, body.contact div#nav ul li a.contact, body.panier div#nav ul li a.panier {
  margin-top:10px;
  height:30px;
  line-height:34px;
}

/**
 * SIDENAV
 ***********************************************************
 ***********************************************************
 */
#sidenav {
  background-color:#333333;
  display:block;
  float:left;
  margin:0px 9px 0px 0px;
  height:560px;
  overflow:auto;
  padding:5px;
  position:relative;
  width:202px;
}
* html #sidenav {
  height:559px;
  margin:0px 6px 0px 0px;
  overflow:visible;
}
#sidenav ul {
  list-style-type:square;
  margin:0px 5px;
  padding-left:15px;
}
#sidenav li.active, #sidenav li.active a {
  color:#F1DB10;
}
body.catalogue #sidenav li.active, body.catalogue #sidenav li.active a {
  color:#F1DB10;
}
body.promotions #sidenav li.active, body.promotions #sidenav li.active a {
  color:#E36A0D;
}

/**
 * ASIDE
 ***********************************************************
 ***********************************************************
 */
#aside {
  background-color:#333333;
  display:block;
  float:left;
  margin:0px 9px 0px 0px;
  height:560px;
  overflow:auto;
  padding:5px;
  position:relative;
  width:202px;
}
* html #aside {
  height:559px;
  margin:0px 6px 0px 0px;
  overflow:visible;
}
#aside ul {
  list-style-type:square;
  margin:0px 5px;
  padding-left:15px;
}
body.presentation #aside li.presentation, body.presentation #aside li.presentation a {
  color:#C9DD2D;
}
body.showroom #aside li.showroom, body.showroom #aside li.showroom a {
  color:#C9DD2D;
}
body.atelier #aside li.atelier, body.atelier #aside li.atelier a {
  color:#C9DD2D;
}
body.references-client #aside li.references-client, body.references-client #aside li.references-client a {
  color:#C9DD2D;
}
body.equipe-commerciale #aside li.equipe-commerciale, body.equipe-commerciale #aside li.equipe-commerciale a {
  color:#C9DD2D;
}
body.surmesure #aside li {
  color:#B50066;
}
body.contact #aside li {
  color:#2BA1DB;
  margin-bottom:20px;
}
body.contact #aside strong, body.contact #aside em {
  display:block;
}
body.contact #aside em {
  color:#ffffff;
}

/*
body.PR000 div#aside ul li a.PR000, body.PR001 div#aside ul li a.PR001, body.PR002 div#aside ul li a.PR002, body.PR003 div#aside ul li a.PR003, body.PR004 div#aside ul li a.PR004, body.PR005 div#aside ul li a.PR005 {
  color:#E36A0D;
}
*/

 
/**
 * SECTION
 ***********************************************************
 ***********************************************************
 */
div#section {
  display:block;
  margin:0px;
  overflow:hidden;
  padding:0px;
  position:relative;
  min-width:512px;
}
* html div#section {
  overflow:visible;
  height:1%;
}
div#section p {
  font-size:0.9em;
  text-indent:25px;
}
div#section form fieldset p {
  text-indent:0px;
}
/* *********************************************************** */
body.presentation #section .content {
  background:transparent url('../images/bck_societe-presentation.jpg') no-repeat bottom left;
}
/* *********************************************************** */
div#section div.aside {
  float:right;
  margin-left:5px;
}
div#section div.aside img {
  display:block;
  margin:2px 0px;
}
/* *********************************************************** */
#section div.article {
  height:auto;
  overflow:hidden;
  padding:5px;
}
#section div.article ul {
  height:80px;
}
#section div.article ul li {
  float:left;
  margin:10px 18px;
}
body.presentation #section div.article {
  width:600px;
}
body.references-client #section div.article {
  background:#ffffff;
  margin:10px;
}
/* *********************************************************** */
body.showroom #section div.article ul {
  height:auto;
  margin-top:1em;
  overflow:hidden;
}
body.showroom #section div.article li {
  margin:auto;
  padding:5px;
}
body.showroom #section div.article img {
  border:5px solid #ffffff;
}
/* *********************************************************** */
body.atelier #section div.article ul {
  height:auto;
  margin-top:1em;
  overflow:hidden;
}
body.atelier  #section div.article li {
  margin:auto;
  padding:5px;
}
body.atelier  #section div.article img {
  border:5px solid #ffffff;
}
/* *********************************************************** */
body.surmesure #section div.article ul {
  height:auto;
  margin-top:1em;
  overflow:hidden;
}
body.surmesure #section div.article li {
  margin:auto;
  padding:5px;
}
body.surmesure #section div.article img {
  border:5px solid #ffffff;
}
/* *********************************************************** */
div#section div.article ul.promotions {
  clear:left;
}
div#section div.article ul.promotions li {
  float:left;
  margin:0;
  width:25%;
}
* html div#section div.article ul.promotions li {
  width:24%;
}
div#section div.article ul.promotions li a {
  display:block;
  margin:auto;
}
div#section div.article ul.promotions li a img {
  display:block;
  margin:5px auto;
}
div#section div.article ul.promotions li a b {
  display:block;
  text-align:center;
}
div#section div.article ul.promotions li a i {
  display:block;
  text-align:center;
}
div#section div.article img.promotion {
  display:block;
  margin:25px auto 0px auto;
}
/* *********************************************************** */
body.equipe-commerciale #section div.article ul {
  height:auto;
  overflow:hidden;
}
body.equipe-commerciale #section div.article li {
  float:left;
  height:150px;
  width:20%;
}
* html body.equipe-commerciale #section div.article li {
  height:160px;
  width:18.5%;
}
body.equipe-commerciale #section div.article img {
  display:block;
  margin:0px auto 5px auto;
}
body.equipe-commerciale #section div.article strong {
  display:block;
  text-align:center;
}
body.equipe-commerciale #section div.article em {
  display:block;
  text-align:center;
}
/* *********************************************************** */

/**
 * FOOTER
 ***********************************************************
 ***********************************************************
 */
#footer {
  clear:both;
  margin:0px 0px 0px 220px;
  padding:5px 0px;
}
#footer p, #footer p a {
  color:#333333;
  text-align:center;
}
#SelLanguage {
  display:none;
  position:absolute;
  right:0;
  visibility:hidden;
}