body {
  background-color:#5F4D39;
}

.div_contenu {
  background-image: url("../common_gfx/fond_vignoble.jpg") ;
  height:433px;
  width:1024px;
  text-align:left;
  padding:0px;
  margin-right:auto;
  margin-left:auto;
}

.div_boite_texte {
  margin-top:40px;
  margin-left:70px;
  height:250px;
  width:540px;
  background-color:white;
  text-align:justify;
  position:absolute;
  overflow:auto;
  
  scrollbar-face-color: #493a27;
  scrollbar-shadow-color: #503f28;
  scrollbar-highlight-color: #8a6e4a;
  scrollbar-3dlight-color: #6d573b;
  scrollbar-darkshadow-color: #100c06;
  scrollbar-track-color: #6a563b;
  scrollbar-arrow-color: #000000;

}

.div_boite_anim {
  margin-top:41px;
  margin-left:650px;
  height:185px;
  width:328px;
  position:absolute;
}

.div_tete_1 {
  margin-top:226px;
  margin-left:650px;
  height:97px;
  width:60px;
  position:absolute;
}

a.tete1 { background-image: url('../common_gfx/tete1.jpg'); display: block; width: 60px }
a.tete1:hover { background-image: url('../common_gfx/tete1_over.jpg') }

.div_tete_2 {
  margin-top:226px;
  margin-left:717px;
  height:97px;
  width:60px;
  position:absolute;
}

a.tete2 { background-image: url('../common_gfx/tete2.jpg'); display: block; width: 60px }
a.tete2:hover { background-image: url('../common_gfx/tete2_over.jpg') }

.div_tete_3 {
  margin-top:226px;
  margin-left:784px;
  height:97px;
  width:60px;
  position:absolute;
}

a.tete3 { background-image: url('../common_gfx/tete3.jpg'); display: block; width: 60px }
a.tete3:hover { background-image: url('../common_gfx/tete3_over.jpg') }

.div_tete_4 {
  margin-top:226px;
  margin-left:851px;
  height:97px;
  width:60px;
  position:absolute;
}

a.tete4 { background-image: url('../common_gfx/tete4.jpg'); display: block; width: 60px }
a.tete4:hover { background-image: url('../common_gfx/tete4_over.jpg') }

.div_tete_5 {
  margin-top:226px;
  margin-left:918px;
  height:97px;
  width:60px;
  position:absolute;
}

a.tete5 { background-image: url('../common_gfx/tete5.jpg'); display: block; width: 60px }
a.tete5:hover { background-image: url('../common_gfx/tete5_over.jpg') }




.div_texte_notes {
  text-align:justify;
  margin-top:330px;
  margin-left:650px;
  height:97px;
  width:328px;
  position:absolute;
}