body{
  font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  background-color: #624e3a;
}

/* Centrer au milieu de la page */
#global{
/*
  background-image: url(../images/fond_1.jpg);
  background-repeat: no-repeat;
  */
  width: 960px;
  height: 600px;
  position:absolute;
  left: 50%;
  /* top: 50%; */
  /* margin-top: -300px;  half of the height */
  margin-left: -480px; /* half of the width */
  display: inline;
}

.fond{
  width: 960px;
  height: 600px;
  z-index:-1;
  float: left;
  position: absolute;
  top:0px;
  left:0px;
}


.logo{
  position: relative;
  left: 167px;
  top: 40px;
  width: 317px;
  height: 65px;
  /* background-image: url(../images/logo.gif); */
}

.leftzone{
  float: left;
  position: absolute;
  top:0px; left:0px;
  height: 100%;
  width: 295px;
  margin: 0px; padding:0px;


}
.rightzone{
  float:right;
}



.menu_zone{
  position: relative;
  float: left;
  display: inline;
  width: 295px;
  text-align: right;
  color: #FFFFFF;
  margin-top: 180px;
  /* font-size: 16px; */
  text-transform:uppercase;
}


/*
.barre_vertical_menu{
  position: absolute;
  float: left;
  left: 284px;
  display: inline;
  height: 600px;
  background-image: url(../images/ombre.png);
}
*/

.contenu_principal{
    float: right;
    width: 665px;
    height: 540px;
    margin: 0px;
    padding: 0px;
   /* background-image: url(../images/bg_contenu_principal.png);    */
   background-repeat:no-repeat;
   background-position: left top;
    }

.contenu_principal a{
    color: #41241e;
}
.contenu_principal a:hover{
    color: #008000;
}

.titre{
  position: absolute;
  float: right;
  top: 60px;
  right: 101px;
  width: 520px;
  font-size: 36px;
  text-transform: uppercase;
  text-align: right;
  /* color: #ba8c51; */
  color:#bb8042;
  display: inline;
}

.sous_titre{
  position: absolute;
  float: right;
  top: 98px;
  right: 105px;
  width: 500px;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  color: #614629;
}



.texte_details{
  float: right;
  position: relative;
  margin-top:145px;
  margin-right: 110px;
  width: 520px;
  text-align: justify;
  color: #41241e;
  z-index: 20;
  height: 100%;
}

.texte_details ul ul{
  list-style-image: url(../images/score.gif);
}


/*
.texte_details a{

}
.texte_details a:hover{
  color: #660000;
}
*/

/* Page Pourquoi Bamboo */
.texte_details_produit{
  float: right;
  position: relative;
  margin-top:137px;
  margin-right: 110px;
  width: 520px;
  text-align: justify;
  color: #41241e;
  z-index: 20;
}



.texte_details_professional{
  float: right;
  position: relative;
  width: 400px;
  color: #41241e;

  margin-top:167px;
  margin-right: 110px;
  text-align: left;
}

.texte_details_professional ul{
  list-style-type: none;
}


.texte_details_professional a{
    color: #41241e;
}

.texte_details_professional a:hover{
    color: #006600;
}

.texte_details_signin {
  float: right;
  position: relative;
  margin-top:120px;
  margin-right: 90px;
  width: 540px;
  text-align: justify;
  color: #41241e;
  z-index: 20;
}

.texte_details_signin table{
  margin: 0px;
  padding: 0px;
}

.texte_details_signin label{
  float: right;
  text-align: right;
}

.col_gauche{
  float: right;
  width: 112px;
  text-align: right;
}

.col_droite{
  float: right;
  width: 96px;
  text-align: right;
}

.password{
  display: block;
}



/* Tableau des produits */

#table_product{
  width: 519px;
  float:left;
  /* border-collapse: collapse; */
  /* border-right: #996600 groove;*/
  clear:both;
  border-left:#996600 solid 1px;
  border-right:#996600 solid 1px;
  /* border: #000000 solid;
  text-transform: uppercase; */
  color: #52330d;
  font-weight: bold;
  margin-top:10px;
}

#row_tblProduit{
    width: 519px;
    overflow: hidden;
    clear: both;
    height:auto;
    border-left:#996600 solid 1px;
    border-right:#996600 solid 1px;
    background-color: #FFFFFF;
}
.col1{
	float: left;
    height:100%;
    width:120px;
    padding: 5px 10px;
}

.col1 strong{
    text-transform: uppercase;
}

.col2{
	float:left;
	height:100%;
    width:130px;
	border-left:#996600 solid 1px;
	padding: 50px 5px 0px 5px;
    text-transform: uppercase;
    font-weight: bold;

}

.center_text_col2{
   display: table-cell;
   vertical-align: middle;
}

.col2_panneaux{
	float:left;
	height:100%;
    width:130px;
	border-left:#996600 solid 1px;
	padding: 5px;
}
.col3{
	float:left;
	height:100%;
    width:80px;
    text-align: center;
	border-left:#996600 solid 1px;
	padding: 5px 15px;
    overflow: hidden;
}
.col4{
	/* float:right; */
    float: right;
	height:100%;
    display: inline;
	border-left:#FF0000 1px solid;
    width:120px;
	border-left:#996600 solid 1px;
	/* border-right:#996600 solid 1px; */
	padding: 5px 0px;
    overflow: hidden;
}
.col4 img{
  margin: 0px 10px;

}


.row_produit{
	float:left;
	width:519px;
	margin:10px;
	height:auto;
	/*
	border-left:#996600 solid 1px;	
	border-right:#996600 solid 1px;
	*/
	background:url(../images/bg_1px.jpg) repeat-y;
}

.desc_produit {
	float:left;
	clear:left;
	width:120px;
	/* border-left:#996600 solid 1px; */
	padding: 5px 10px;
	display: inline;
    text-transform: uppercase;
}

.dim_produit{
	float:left;
	width:120px;
	border-left:#996600 solid 1px;
	padding: 5px 10px;
	display: inline;
    text-align: center;
}

.ref_produit{
	float:left;
	width:90px;
	border-left:#996600 solid 1px;
    height: 100%;
	padding: 5px 10px;
	display: inline;
    text-transform: uppercase;
}

.img_produit{
	float:right;
	width:100px;
	border-left:#996600 solid 1px;
    height:100%;
	/* border-right:#996600 solid 1px; */
	padding: 5px 10px;
	display: inline;
	overflow:hidden;
    text-transform: uppercase;
}

.titre_table_product{
  text-transform: uppercase;
  color: #52330d;
  font-weight: bold;
}

.desc_tblProduit{
  background: url(../images/bg_titre_tblProduit.jpg);
  position: relative;
  float:left;
  clear: both;
  width:519px;
  clear:both;
  border-right:#996600 solid 1px;
  border-left:#996600 solid 1px;
  color: #FFFFFF;
  text-transform: uppercase;
}
.text_desc{
  padding: 0px 10px;
}


.arrow{
  position: absolute;
  /* float: right; */
  width: 20px;
  top: 350px;
  right: 60px;
}

.arrow img{
  margin-bottom: 2px;
}


/* ==== FIN tableau des produits ==== */




/* ==================
      FOOTER
   ==================
 */

.fond_bas_gauche{
  float: left;
  position: absolute;
  /* margin-top: 417px;
  margin-bottom:0px;    */
  bottom: 0px;
  left: 0px;;
  width: 295px;
  height: 27px;
  background-image: url(../images/fond_bas_gauche.png);
}

.fond_bas_droite{
  float: left;
  position: absolute;
  left: 295px;
  top: 540px;
  width: 665px;
  height: 60px;
  /*
  background-image: url(../images/fond_bas_droite.png);
  background-repeat: no-repeat;
  */
}


.langue{
  float: left;
  position: absolute;
  top: 560px;
  left: 300px;
  display: inline;
  width: 200px;
  text-transform: uppercase;
  z-index: 100;
}

.langue a:hover{
  color: #008000;
}



a{
    color: #FFFFFF;
    text-decoration: none;
}
a:hover{
    color: #008000;
    text-decoration: none;
}

a.active{
  color: #FFFFFF;
}

.on{
    color: #3300FF;
}

.on a{
  text-decoration: underline;
}

.selected{
  font-weight: bold;
}
.selected a{
  font-weight: bold;
}





.menu_bas{
  float: right;
  margin-top: 30px;
  width: 300px;
  color: #FFFFFF;
}


/* Scrollbar texte 1 */

.Container_texte1 {
  float: left;
  clear: both;
  position: relative;
  width: 540px;
  height: 390px;
  text-align: left;
  overflow: hidden;
}

.Container_texte1_produit{
  float: left;
  clear: both;
  position: relative;
  width: 521px;
  height: 320px;
  text-align: left;
  overflow: hidden;
  background-color: #FFFFFF;
}



#Scroller-1 {
  position: relative;
  overflow: hidden;
  /* width: 540px; */
  width: 540px;
  /* height: 320px; */
  height: 390px;
}
#Scroller-1 p {
  /* margin: 0px; padding: 10px 20px; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  /* text-indent: 20px; */
  /* color: #6F6048; */
  color: #41241e;
}
.Scroller-Container {
  position: relative;
  top: 0px; left: 0px;
  width:540px;
  text-align: justify;
}
.Scroller-Container p{
  margin: 10px 0px;
}

.Scroller-Container table{
  border-collapse: separate;
  border: #fff solid 1px;
  margin-bottom: 5px;
}



.Scroller-Container-Gallery{
  position: relative;
  top: 0px; left: 0px;
  width:530px;
}

.Scroller-Container-Gallery img{
    border-color: #41241e;
}

.Scroller-Container_conseil{
  position: relative;
  top: 0px; left: 0px;
  width:520px;
  font-size: 12px;
  font-family: Arial;
  color: #41241e;
  text-align: justify;
}



.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
  top: 110px; left: 0px;
}

.Scrollbar-Middle{
  position: absolute;
  top: 36px; left: -30px;
}

.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 125px; left: 0px;
}

.row_even td{
  width: 45%;
  margin:0px;
  padding-right: 10px;
  vertical-align: top;
}

table{
  table-layout: auto;
}

img{
  border-color: #FFFFFF;
}


/*
=================================
   Page CONTACT
=================================
*/
.texte_details_contact{
  float: right;
  position: relative;
  margin-top:173px;
  margin-right: 110px;
  width: 460px;
  text-align: justify;
  color: #41241e;
  z-index: 20;
}

.texte_details_contact td{
  width: 150px;
  margin:0px; padding-right:10px;
  vertical-align: top;
}

.texte_details_contact a{
   color: #41241e;
}

/*
.texte_details_contact a:hover{
   color: #006600;
}
*/



/*
===============================
  Vertical center
===============================
*/
.row_tblProduit_table{
    width: 519px;
    overflow: hidden;
    clear: both;
    height:auto;
    border-left:#996600 solid 1px;
    border-right:#996600 solid 1px;
    background-color: #FFFFFF;

}


.row_tblProduit_table table{
  border-collapse: collapse;
}


.c1{
  width: 130px;
  padding: 5px;
  vertical-align: middle;
}

.c2{
  width:130px;
  border-left: #996600 solid 1px;
  padding: 5px;
  vertical-align: middle;
  text-align: left;
}

.c3{
  width: 106px;
  border-left: #996600 solid 1px;
  padding: 5px;
  vertical-align: middle;
}

.c4{
  width: 110px;
  border-left: #996600 solid 1px;
  padding: 5px;
  vertical-align: middle;

}

/*
========================
   THE FACTORY
========================
*/
.image_factory{
  margin: 10px 60px;
}

.image_factory img{
  margin: 0px 5px;
  padding: 5px;
  border: #fff 1px solid;
}



/* ==== END The factory ==== */

/*
=============================
    NEWS
=============================
*/
.news {
   /* float: left; */
   display: table;
   border: solid 1px #fff;
   margin-bottom: 5px;
}
.news_image{
  /* float: left; */
  height: 100%;
  display: table-cell;

  border-right: #fff solid 1px;
}
.news_image img{
  margin: 5px;
  border: #fff 2px solid;
  vertical-align: middle;
}

.news_text{
  /* float: left; */
  margin: 5px;
  padding: 5px;
  width: 400px;
  /* border-left: #fff solid 1px; */
}
.news_title{
  font-weight:bold;
  text-decoration: underline;
  display: block;
  text-transform: uppercase;
}
.bloc_news{
  float:left;
  position: relative;
  display: table;
}

.News_title_details{

  font-weight: bold;
  display: block;
}
.New_resume{
  float: left;
  display: block;
}

.News_image_details{
  float: left;
  margin: 5px;
  display: inline;
  width: 100px;
}
.News_desc_details{
  float: left;
  text-align: justify;
  margin: 0px;
  width: 400px;
}
.News_text_details{
  float: left;
  margin: 5px;
  clear: both;
  width: 95%;
}
.News_text_details span{
  margin: 5px 10px;
}
.spip_documents_center img{
  display: block;
  margin: 0px auto;
}


.back{
  margin-top:15px;
  float: left;
  display: block;
}
.back a img{
  border: none;
}





/* ==== End NEWS ==== */

/*
===========================
    PRODUCTS
===========================
*/
.image_product{
  float:left;
  display:block;
  padding: 5px;
  margin-bottom: 10px;
  border: #fff solid 1px;
}

.product {
   float: left;
   /* display: table; */
   border: solid 1px #fff;
   margin-bottom: 5px;
   width: 530px;
}

.product_text{
  float: left;
  display: inline;
  width: 300px;
  margin:5px;
  text-transform: uppercase;
  font-weight: bold;
}

.product_image{
    float:right;
    margin:5px;
}

.product_download{
  float:right;
  padding:5px;
  border-left: #fff solid 1px;
}



/* ==== End Product ==== */

/*
=========================
    CONTACT
=========================
*/
.form_contact td{
  padding: 5px;
}


.title_form{
  font-weight: bold;
  width: 150px;
  text-align: left;
}

.address_contact{
  text-align: right;
  width: 200px;
  float:left;
  margin-top:0px;
  /* font-weight: bold; */
}
.name_company_contact{
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
}

.erreur{
  color: #ff0000;
}
.formulaire_erreur{
  color: #f00;
}

/* ==== End Contact ==== */

/*
======================
  FAQ
======================
*/
.faq{
  float: left;

  width: 100%;
  height: 100%;

}

.faq ul{
  margin: 5px 0px;
  padding-left: 20px;
}

.question {
  cursor:pointer;
  font-weight:bold;
  list-style: square;
}
.question:hover {
  color:#3982BD;
}
.reponse {
  list-style: none;
  padding-left:15px;
}

/* === END FAQ === */

/*
===============================
   TEST & CERTIFICATIONS
===============================
*/
.certification table{
  border: #660000 solid 2px;
  border-collapse: collapse;
}
.certification table td{
  border: #660000 solid 1px;


  }



.col_1{
  width: 90%;
  padding: 0px 5px;
}
.col_2{
  padding: 0px 5px;
}
.col_2 a{
  text-decoration: underline;
}




/* ==== End TEST & CERTIFICATIONS ======= */