html {
  height: 100%;
}

body{
  
   margin: 0px 0px 0px 0px;
   color: #473e39;
   background-color: #575757;
   font-family: arial;
   height:100%; 
}

.background_top_3{
   background-image: url("../images/design_industriel_background_top_3.jpg");
}

.background_bottom_3{
  background-image: url("../images/design_industriel_background_bottom_3.jpg");
} 

.background {
   background-image: url("../images/design_industriel_background.jpg");
   background-repeat: no-repeat;
   vertical-align: top;
}

.background_top{
   background-image: url("../images/design_industriel_background_top.jpg");
}

.content_link{ 
  color: #fefefc;
  text-decoration: none;
}


.background_top_gauche{
   background-image: url("../images/design_industriel_background_top_gauche.jpg");
}

.background_bottom{
   background-image: url("../images/design_industriel_background_bottom.jpg");
} 

.background{
   background-image: url("../images/design_industriel_background.jpg");
}

.background_bottom_droite{
   background-image: url("../images/design_industriel_background_bottom_droite.jpg");
}

.language {
   vertical-align: bottom; 
   padding-bottom: 6px;

}

.banner_text{
   color: #606062; 
   font-size: 12px;
   vertical-align: bottom; 
   padding-bottom: 6px;
   text-align: left; 
   letter-spacing: 2px;
   font-weight: bold; 
} 

.b_banner{
  color: #515151;
  font-size: 14px; 
}

.menu_language{ 
   color: #473e39;
   text-decoration:none;
   font-weight: bold; 
   font-size: 11px;
} 

.menu{
   background-color: #3366cc;
   text-align: center;
}

.content{
   background-color: #30231b;
   color: #ffffff;  
   border-top: #336ad6 4px solid;
   border-bottom: #336ad6 3px solid;
}

.main{
  border: #336ad6 0px solid;
}

.bottom_text{
  font-size: 11px; 
  font-weight: bold;
  padding-top: 5px;
}



.content_text{
  font-size: 11px;  
  padding-top: 5px;
}

.block{
  border-left: #336ad6 2px solid; 
  padding-left: 5px; 
  height: 20px;
  width: 300px; 
  clear: both; 
} 

.title{
 padding-top: 8px;
 font-size: 14px;  
}

.content_block{ 
  padding-top: 20px;  
  color: #ffffff;
}

b{
  color: #ffffff;
}


.content_block_right{
  padding-right: 100px;
  border-left: 3px solid #336699; 
  padding-left: 10px;
}



.content_block_left_folio{ 
  border-left: 3px solid #514841;
  border-right: 3px solid #514841; 
  text-align: center;
  height: 307px;
  padding-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
  font-size: 16px;
  font-weight: bold;
  color: #544b46;
}

#project_number{
  color: #544b46; 
}

#project{
  color: #544b46;
}

.bottom_text_left{
  padding-left: 18px;  
}

.bottom_text_right{
  /*padding-right:10px;*/  
  padding-left:40px;
}

.div_bottom{ 
  background-image: url("../images/design_industriel_background_bottom_3.jpg");
  height: 100%; 
  vertical-align: top;
}

.div_all{
  height: 100%; 
  vertical-align: center;
}

.box{
  vertical-align: center;
  height: 100%;
  /* border: #336ad6 1px solid; */
} 

.inner_box{
  height: 407px; 
}

.inner_box_table{
  height: 527px; 
}

.clear{
 clear: both; 
}

.content_block_left{
  padding-left: 32px; 
 /* border-left: 3px solid #514841;  */
}

.scroll_left{   
  /*top:0px; width:100%; height:310px; z-index:2; overflow: auto; padding-left: 0px;*/
  /*height: 100%;*/ 
  top:0px; 
  width:350px; 
  height:240px; 
  z-index: 2; 
  overflow: auto; 
  padding-left:  10px; 
  padding-right: 0px;
  padding-top:   0px; 
  scrollbar-face-color: #FFFFFF;
  scrollbar-arrow-color: #1E2E45;
  scrollbar-track-color: #4E4D4D;
  scrollbar-shadow-color: #4E4D4D;
  scrollbar-highlight-color: #4E4D4D;
  scrollbar-3dlight-color: #4E4D4D;
  scrollbar-darkshadow-Color:  #4E4D4D; 

   border-left: 3px solid #336699;  
}

.scroll_right{   
  /*top:0px; width:100%; height:310px; z-index:2; overflow: auto; padding-left: 0px;*/
  /*height: 100%; */
  border-left: 1px solid #514841;
  top:0px; 
  width:270px; 
  height:470px; 
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  /*BORDER: #FFFFFF 3px solid; */
  z-index:2; 
  overflow: auto;
  scrollbar-face-color: #FFFFFF;
  scrollbar-arrow-color: #1E2E45;
  scrollbar-track-color: #4E4D4D;
  scrollbar-shadow-color: #4E4D4D;
  scrollbar-highlight-color: #4E4D4D;
  scrollbar-3dlight-color: #4E4D4D;
  scrollbar-darkshadow-Color:  #4E4D4D; 
}

.div_menu{
  border-left: 3px solid #336699; 
  padding-left: 10px; 
  margin: 0px;
  color: #ffffff;
  font-size: 11px;  
}



.div_profil_right{
  top:0px; 
  /*width:270px; 
  height:470px; */
 /* padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;*/

  border-left: 3px solid #336699;

  /*border: 3px solid #336699; */ 

  height:337px; 
  padding-top: 0px;
  /*padding-right: 2px;*/
  padding-bottom: 0px;
  text-align: left;
  /*padding-right: 50px;*/
  padding-left: 10px; 
  text-align: left;
  /*z-index:2; 
  overflow: auto;
  scrollbar-face-color:       #FFFFFF;
  scrollbar-arrow-color:      #1E2E45;
  scrollbar-track-color:      #4E4D4D;
  scrollbar-shadow-color:     #4E4D4D;
  scrollbar-highlight-color:  #4E4D4D;
  scrollbar-3dlight-color:    #4E4D4D;
  scrollbar-darkshadow-Color: #4E4D4D; */
}

.div_profil_right_scroll{
  top:0px; 
  /*width:270px; 
  height:470px; */
 /* padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;*/

  /*border-left: 3px solid #336699;  */
  height:240px; 
  padding-top: 0px;
  /*padding-right: 2px;*/
  /*padding-bottom: 10px;*/
  text-align: left;
  /*padding-right: 50px;*/
  padding-left: 10px;
  z-index:2; 
  text-align: left;
  overflow: auto;
  scrollbar-face-color:       #FFFFFF;
  scrollbar-arrow-color:      #1E2E45;
  scrollbar-track-color:      #4E4D4D;
  scrollbar-shadow-color:     #4E4D4D;
  scrollbar-highlight-color:  #4E4D4D;
  scrollbar-3dlight-color:    #4E4D4D;
  scrollbar-darkshadow-Color: #4E4D4D; 
}
 

.folio_number_off{
   color: #32251d;
   background-color: #524944;
   width: 20px;
   height:20px; 
   font-size: 16px;
   font-weight: bold;
   text-align: right;
   margin: 0px;
   padding: 0px;
   vertical-align: top;
}

.folio_number_on{
   color: #32251d;
   background-color: #575757;
   width: 20px;
   height:20px;
   font-size: 16px;
   font-weight: bold;
   text-align: right;
   margin: 0px;
   padding: 0px;
   vertical-align: top;
}

.folio_text{
   padding-top: 25px;
}

.index{
  /* background-image: url("../images/index_logo.jpg");*/
   background-color: #30231b;
  /* text-align: left;
  padding-top: 20px;
   padding-left: 20px;
   background-repeat: no-repeat;*/
   border-top: 3px solid #336699;
   border-bottom: 3px solid #336699;
}

.index_border{
   background-image: url("../images/index_border.jpg");
}

a.index_language{
  color: #ffffff;
  font-size: 15px; 
  text-decoration: none;
  font-weight: bold;
  padding-bottom: 12px;
}

/*a.index_language{
  color: #ffffff;
  font-size: 15px; 
  text-decoration: none;
  font-weight: bold;
}*/

a.div_menu_a{ 
  color: #ffffff;
  font-size: 11px; 
  text-decoration: none;
  font-weight: bold;
}