BODY{
  font-family: arial, verdana;
  font-size: 11px;
  color: #004394;

}

img{
  border: 0px;
}

a {
	text-decoration: none;
	color: #00acee;
}

a:hover {
	color: #004394;
	}

#overall{
  width: 745px;
  margin: auto;
}

#header{
  width: 100%;
  height: 120px;
  background-repeat: no-repeat;
}

h1{
  color: #004395;
  width: 230px;
  float: right;
  margin-right: 250px;
  _margin-right: 125px;
  margin-top: 75px;
  line-height: 20px;
  display: block;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}

h2 {
color: #00acee;
font-size: 12px;
font-weight: bold;
text-align: right;
	}
	
h3 {
color: #00acee;
font-size: 12px;
font-weight: bold;
	}

#sub_panel{
  width: 100%;
  height: 26px;
  background-repeat: no-repeat;
  font-size: 10px;
}

#sub_panel a{
  text-decoration: none;
  color: #00ACEE;
}

#sub_panel a:hover{
  color: #004395;
}

#arianne{
  float: left;
  margin-left: 127px;
  _margin-left: 63px;
  margin-top: 7px;
/*  border: solid 1px red;*/
}

#language{
  width: 260px;
  float: right;
  margin-top: 7px;
  text-align: right;
}

#language img{
  vertical-align: middle;
}

#page{
  width: 100%;
  height: 412px;
  position: relative;
}

#left_menu{
  width: 120px;
  height: 100%;
  float: left;
  background-repeat: no-repeat;
  position: relative;
}

#left_menu .item{
  width: 120px;
  font-size: 11px;
  text-indent: 10px;
/*  border: solid 1px red;*/
  height: 20px;
  margin-top: 3px;
  line-height: 20px;
  color: #6CCEF6;
}


#left_menu .item a{
  color: #6CCEF6;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: block;
}

#left_menu .item a:hover{
  color: #296FB0;
}


#left_menu #actus{
  height: 232px;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-repeat: no-repeat;
}

#left_menu #actus .titre{
  height: 20px;
  color: white;
  font-weight: bold;
  width: 94px;
  line-height: 20px;
  margin-top: 15px;
  text-align: center;
}

#actus .corps{
  font-weight: normal;
  margin-left: 10px;
}

#actus li{
  font-size: 11px;
  color: #12509C;
  font-weight: bold;
  margin-top: 5px;
  list-style-position: inside;
}


#actus a{
  display: block;
  font-size: 10px;
  color: #12509C;
  text-decoration: none;
}

#content{
  width: 585px;
  height: 100%;
  float: right;
  background-position: right top;
  background-repeat: no-repeat;
  overflow: none;
  position: relative;
  z-index: 1;
  text-align: justify;
  padding-left: 20px;
  padding-right: 20px;
}

#metier1, #metier2, #metier3, #metier4, #metier5{
/*  border: solid 1px red;*/
  position: absolute;
  text-align: center;
  width: 100px;
  height: 50px;
  line-height: 50px;
  font-size: 11px;
  font-weight: bold;
/*  font-weight: bold;*/
}

#metier1bis, #metier2bis, #metier3bis, #metier4bis, #metier5bis{
/*  border: solid 1px red;*/
  position: absolute;
  text-align: center;
  width: 100px;
  height: 100px;
  line-height: 50px;
  font-size: 11px;
  font-weight: bold;
/*  font-weight: bold;*/
}
#metier1bis a, #metier2bis a, #metier3bis a, #metier4bis a, #metier5bis a{
  display: block;
  height: 100%;
  width: 100%;
  color: #C9E9F4;
  text-decoration: none;
}
#metier1 a, #metier2 a, #metier3 a, #metier4 a, #metier5 a{
  display: block;
  height: 100%;
  width: 100%;
  color: #C9E9F4;
  text-decoration: none;
}

#metier1 a:hover, #metier2 a:hover, #metier3 a:hover, #metier4 a:hover, #metier5 a:hover{
  display: block;
  height: 100%;
  color: #004A99;
  width: 100%;
}

#metier1{
  left: 40px;
  top: 50px;
}

#metier2{
  right: 68px;
  top: 32px;
}

#metier3{
  right: 40px;
  top: 232px;
}

#metier4{
  right: 144px;
  top: 307px;
}

#metier5{
  left: 50px;
  top: 280px;
}

#metier1bis{
  left: 120px;
  top: 10px;
}

#metier2bis{
  right: 148px;
  top: 22px;
}

#metier3bis{
  right: 127px;
  top: 162px;
}

#metier4bis{
  right: 270px;
  top: 263px;
}

#metier5bis{
  left: 105px;
  top: 188px;
}


.images_prods{
  height: 90px;
}

.images_prods img{
  height: 86px;
  float: left;
  margin-right: 10px;
  border: solid 1px #12509C;
}

.zoomer_sur{
  width: 533px;
  height: 16px;
  background-repeat: no-repeat;
  font-weight: bold;
  color: white;
  text-indent: 10px;
  font-size: 11px;
  line-height: 16px;
}

.corps{
  text-align: left;
  color: #296FB0;
  font-size: 11px;
}

.corps a{
  color: #8BC541;
  display: inline;
  font-weight: bold;
  text-align: right;
}


#ss_menu_tp{
  width: 120px;
  display: none;
  position: absolute;
  top: 37px;
  left: 120px;
  z-index: 9;
}

#ss_menu_tp td{
  background-color: #D3EDFB;
  padding: 3px;
  height: 21px;
  color: #31BDEE;
  border: #004394 solid 1px;
  font-size: 11px;
}

#ss_menu_tp td:hover{
  color: #296FB0;
}

.ss_menu_tp_prod{
  width: 160px;
/*  border: solid 1px red;*/
  display: none;
  position: absolute;
  left: 213px;
  z-index: 9;  
}

.ss_menu_tp_prod td{
  width: 160px;
  background-color: #D3EDFB;
  padding: 3px;
  height: 21px;
  color: #31BDEE;
  border: #004394 solid 1px;
  font-size: 11px; 
}

.ss_menu_tp_prod td:hover{
  color: #296FB0;
}

#ss_menu_tp a, .ss_menu_tp_prod a{
  text-decoration: none;
  color: #31BDEE;
}

#ss_menu_tp a:hover, .ss_menu_tp_prod a:hover{
  text-decoration: none;
  color: #004394;
}

input {
border: #00acee solid 1px;
font-family: Arial, Verdana, "Times New Roman";
font-size: 11px;
width: 300px;
}

textarea {
border: #00acee solid 1px;
font-family: Arial, Verdana, "Times New Roman";
font-size: 11px;
width: 300px;
height: 100px;
}

label {
color: #004394;
font-weight: bold;
text-align: left;
}
/*
#scroll-scrollable1 {
  width: 600px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
 }
 #scroll-track1 {
  width: 36px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
 }
 #scroll-handle1 {
  width: 36px;
  height: 43px;
  cursor: ns-resize;
 }
 */