body {
    font-family: Arial, Helvetica, sans-serif;
  font-size:1em;
  background-color:#ffffff;
  color:#000000;
  margin:0;
  background: url(images/bg_vale.jpg) repeat-x top center;
 }
 
 a {
  text-decoration:none;
 }
 
 a img {
 border: 0;
 }
 
 #total {
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  width:760px;
 /* border-left:5px solid #ccc;
  border-right:5px solid #ccc;*/
  margin-top:0em;
  margin-bottom:0em;
  color:#000;
  background-color:#FFF;
 }
 
 div.menu, div.menubis{
  margin:0px;
 }

 div.menu a {
  display:block;
  width:157px;
  height:28px;
  float:left;
  background-color:#EDEDED;
  color:#007E7A;
  border: #FFF 1px solid;
  font-size:0.7em;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  margin-left:0px;
 }

  div.menuaccueil a{
   display:block;
   width:140px;
   height:28px;
   float:left;
   background-color:#EDEDED;
   color:#859B2A;
   border-color:#FFF;
   border-width:1px;
   border-style:solid;
   font-size:0.7em;
   text-align:center;
   text-decoration:none;
   font-weight:bold;
   margin-left:0px;
   line-height:28px;
  }
   
  div.menuinfos a{
   display:block;
   width:140px;
   height:28px;
   float:left;
   background-color:#EDEDED;
   color:#818E60;
   border-color:#FFF;
   border-width:1px;
   border-style:solid;
   font-size:0.7em;
   text-align:center;
   text-decoration:none;
   font-weight:bold;
   margin-left:0px;
   line-height:12px;
  }
   
  div.version {
position: absolute;
top:50px;
  display:block;
  width:760px;
  height:28px;
  float:left;
  font-size:12px;
  color:#666;
  margin-top:0px;
  margin-bottom:0px;
  padding-top:-5px;
  letter-spacing:0em;
  font-weight:bold;
  text-align:right;
  text-decoration:none;
  line-height:14px;
  background-color: none;
  }
   
   div.version a:hover{
   color:#008f83;
   }
   
  div.menuliens a{
   display:block;
   width:139px;
   height:28px;
   float:left;
   background-color:#EDEDED;
   color:#06607E;
   border-color:#FFF;
   border-width:1px;
   border-style:solid;
   font-size:0.7em;
   text-align:center;
   text-decoration:none;
   font-weight:bold;
   margin-left:0px;
   line-height:28px;
  }
  
  div.menunormal a{
  display:block;
  width:157px;
  height:28px!important;
  float:left;
  background-color:#EDEDED;
  color:#007E7A;
  border-color:#FFF;
  border-width:1px;
  border-style:solid;
  font-size:0.7em;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  vertical-align: middle;
  margin: auto 0;
  margin-left:0px;
  line-height:12px;
 }
  #titre{
 display:block;
 background-image: url(images/bandeauht.jpg);
 height:90px;
 }
   
  div.menucontact a{
   display:block;
   width:139px;
   height:28px;
   float:left;
   background-color:#EDEDED;
   color:#80A8D9;
   border: #FFF 1px solid;
   font-size:0.7em;
   text-align:center;
   text-decoration:none;
   font-weight:bold;
   margin-left:0px;
   line-height:28px;
  }
 
 div.menu a:hover, div.menubis a:hover, div.menuaccueil a:hover, div.menunormal a:hover{
  background-color:#049E70;
  color:#fff;
 }

div.menuinfos a:hover { background-color:#007E7A; color:#fff;}
  
 div.menuliens a:hover {
  background-color:#ECB11F;
 }
  
 div.menucontact a:hover {
  background-color:#E3A71E;
 }

 div.menubis a{
  display:block!important;
  display: inline-block;
  width:157px;
  height:28px!important;
  float:left;
  background-color:#EDEDED;
  color:#007E7A;
  border: #FFF 1px solid;
  font-size:0.7em;
  text-align:center;
  text-decoration:none;
font-weight: bold;
  margin-left:0px;
 }

#menuht {
	margin:8px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	float:right;
	background-color:transparent;
	top: 5px;
	width: 336px;
 }
 #menuht-ang {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	float:right;
	background-color:transparent;
	top: 5px;
	width: 430px;
 }
 #menuht ul, #menuht-ang ul {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    list-style-type:none;
    background-color:transparent;
 }
#menuht ul li, #menuht-ang ul li {
    float:left;
    color:#FFF;
    font-size:1em;
    text-align:center;
    text-decoration:none;
    font-weight:normal;
    margin-left:0px;
    padding:0px 4px 0px 4px;
    background-color:transparent;
    word-spacing:0.2em;
 }
#menuht ul li em, #menuht-ang ul li em {
    line-height:50px;
 }
#menuht ul li a, #menuht-ang ul li a {
    color:#008f83;
    font-size:0.8em;
    background-color:transparent;
	text-decoration:none;
 }
#menuht ul li a:hover, #menuht-ang ul li a:hover {
    text-decoration:underline;
 }
 h1, #contenu, #contenu2, #contenu3, #pied {
  text-align:left;
 }
 
 h1 {
  background-color:#F9BB0A;
  margin:0;
  padding-left:0;
  color:#FFFFFF;
  font-size:1.3em;
  font-weight:normal;
  border-bottom:6px solid #A52A2A;
 }
 
 div.h2 a{
  background-color:#ECB328;
  margin:0;
  padding-left:0;
  color:#FFFFFF;
  font-size:3em;
  font-weight:normal;
  border-bottom:6px solid #A52A2A;
 }
 
 #gif {
 margin-top:0;
 padding:0;
 height: 40px;
 }
 
 #menuter, #menuter2, #menuter3, #contenu, #contenu2, #contenu3 {
  float:left;
 }
 
 #pied {
  text-align:left;
  clear:left;
  padding:0px;
 }
 
 em.right {
 text-align:center;
 padding:0px;
 }
 
 #menuter, #menuter2, #menuter3 {
  width:120px;
  height:50px;
 }
  
 #contenu {
  width:760px;
  border-left:0px;
  height: 100%;
 }
 
 #contenu2 {
 width:760px;
 border-left:0px;
 margin-top:20px;
 }
 
 #contenu3  {
 width:760px;
 border-left:0px;
 margin-top:10px;
 height:200px;
 }
 
 #contenu4  {
 width:760px;
 border-left:0px;
 margin-top:5px;
 margin-bottom:40px;
 height:200px;
 }
 
  #contenuboite1, #contenuboite2, #contenuboite4, #contenuboite5, #contenuboite6, #contenuboite8, #contenuboite9, #contenuboite10 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  position: relative;
  padding-top: 20px;
  padding-left: 10px;
  width: 240px;
  float: left;
 }

#contenuboite4 h4 {color:#06607E;}

 
 #colonne1, #colonne2 {
  font-family:Arial, Helvetica, sans-serif;
  position: relative;
  width: 310px;
  float: left;
  background: url(images/encart3.gif) no-repeat left top;
  padding-top: 0px;
  padding-left: 0px;
  margin-left: 5px;
  margin-top: 0px;
  height:100%;
 }
 
 #contenuboite7 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  position: relative;
  padding-top: 13px;
  padding-left: 5px;
  margin-top: 20px !important;
  margin-top: 0px;
  margin-left: 0px;
  width: 240px;
  float: left;
  line-height:15px;
 }
 #contenuboite7 h2 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 1.6em;
  color:#D29064;
  margin-left: 12px;
 }
 
  #contenuboite7 h3{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  color:#DAA62F;
  line-height:0px;
  margin-left: 12px;
 }
 
 #contenuboite2 h6.rouge, #contenuboite4 h6.rouge, #contenuboite8 h6.rouge, #contenuboite5 h6.rouge   {
   color:#A09935;
  font-size:1.6em;
  line-height:15px;
 }
 
 #contenuboite2 {
 font-family:Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  position: relative;
  padding-top: 0px;
  padding-left: 0px;
  margin-top: 20px;
  margin-left: 10px !important;
  margin-left: 5px;
  width: 240px;
  float: left;
  line-height:15px;
  }
  #contenuboite2 h6.rouge em {
 color:#c30e0e;
 font-size:0.6Zem;
 font-style:normal;
 line-height:15px;
 color:#c30e0e;
 }
 
 #contenuboite2 h6.asterisque {
 color:#c30e0e;
 font-weight:normal;
 font-size:1em;
 }
 
 #contenuboite2 em {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#000;
 font-weight:normal;
 font-size:1.1em;
 }
 
 #contenuboite2 p, #contenuboite7 p {
 color:#000;
 font-size:1.1em;
 font-weight:normal;
 line-height:14px;
 text-align:left;
 }
 
 #contenuboite8 p {
 color:#000;
 font-weight:normal;
 line-height:14px;
 text-align:left;
 }
 
  #contenuboite6 p {
  margin:0px;
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
 }
 
  #contenugrandeboite {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  border-color:#CCC;
  border-width:1px;
  position: relative;
  padding-left: 40px;
  padding-top: 10px;
  width: 500px;
  float: left;
 }
 
 #contenuboiteimage1 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  position: relative;
  float: left;
  padding-top: 140px !important;
  padding-top: 100px;
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 0px;
  margin-left: 0px;
  width: 36px;
  height: 37px;
  }
 #contenuboiteimage4 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  position: relative;
  float: left;
  padding-top: 124px;
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 0px;
  margin-left: 0px;
  width: 36px;
  height: 37px;
  }
  
  #contenuboiteimage2 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  position: relative;
  margin: 0px;
  padding-top: 107px;
  padding-left: 0px;
  padding-right: 0px;
  width: 36px;
  height: 37px;
  float: left;
  }
  
  #contenuboitegrandeimage {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  position:relative;
  padding-left: 122px;
  padding-top: 31px;
  margin-left: -2px;
  padding-right: 0px;
  margin-right:0px;
  float: left;
  width: 240px;
}
  
 a:link {
  color:#006D71;
  text-decoration: none;
 }
	
 #contenu h2,  #contenu2 h2  {
  color:#D29064;
  margin:0;
  font-size:1.6em;
  padding:0em;
  padding-left:0.7em;
  letter-spacing:0em;
  font-weight:bold;
  line-height:0em;
 }
 
 #contenu h3,  #contenu2 h3 {
  color:#DAA62F;
  padding:0em;
  font-size:1.4em;
  letter-spacing:0em;
  padding-left:0.9em;
  font-weight:normal;
  line-height:0em;
  }
  
 #contenu h4,  #contenu2 h4 {
  color:#007E7A;
  margin:0;
  padding:0em;
  font-size:1.6em;
  letter-spacing:0em;
  padding-left:0.6em;
  font-weight:bold;
  line-height:1em;
 }
 
 #contenu h5,  #contenu2 h5 {
  color:#438497;
  margin:0.8em;
  padding:0em;
  font-size:1.7em;
  letter-spacing:0em;
  padding-left:0em;
  font-weight:normal;
  line-height:0em;
 }
 
  #contenu h6,  #contenu2 h6, #contenu3 h6 {
  color:#438497;
  margin:0px;
  padding-left:0.6em;
  padding-right:0px;
  font-size:1.6em;
  letter-spacing:0em;
  font-weight:bold;
  line-height:0em;
  text-align:left;
 }
 
 #contenu4 h6 {
  color:#d29064;
  margin:0px;
  padding-left:0.6em;
  padding-right:0px;
  padding-top:15px;
  font-size:1.6em;
  letter-spacing:0em;
  font-weight:bold;
  line-height:0em;
  text-align:left;
 }
 
 #contenu p, #contenu2 p, #contenu3 p, #contenu4 p {
  color:#87817c;
  margin:0px;
  padding:0.5em;
  padding-left:1em;
  padding-right:1em;
  font-size:1.1em;
  line-height:1.2em;
 }
 
 #contenuboite3conteneur {
  font-family:Arial, Helvetica, sans-serif;
  position: relative;
  width: 280px;
  float: left;
  background: url(images/encart3.gif) no-repeat left top;
  padding-top: 14px;
  padding-left: 5px;
  margin-left: 5px;
  margin-top: -3px !important;
  margin-top: 2px;
 }
 
 #contenuboite4, #contenuboite6, #contenuboite7, #contenuboite8 {
 background: url(images/encart3.gif) no-repeat left top;
 }
 
 p.right {
 text-align:right;
 }
 
 #contenu3 h6.rouge {
 color:#c30e0e;
 }
 
 #menuter h3 {
  margin:0;
  font-size:0.9em;
  color:#95AD4B;
  background-color:#e0e0e0;
  padding:0.5em;
  padding-left:0.25em;
  letter-spacing:0em;
  font-weight:normal;
  border-bottom:1px solid black;
 }
 
 #menuter ul {
  margin-top:0px;
  margin-left:0px;
  padding:0;
  padding-left:0.5em;
  background-color:#B8B8C2;
  list-style-type:none;
  border-bottom:1px solid #ccc;
 }
 
 #menuter li {
  margin:0px;
  background-color:#DFDFE8;
  text-align:center;
  font-weight:bold;
  font-size:0.7em;
  margin-top:0px;
  margin-bottom:1px;
   }

 
 #menuter li a {
  margin:0px;
  line-height:1.5em;
  padding-left:0.5em;
  border-right:1px solid #ccc;
  border-top:1px solid #ccc;
  color:#3D4C63;
  display:block;
  text-decoration:none; 
  height:33px;
  
 }
 
 #menuter li a:hover {
  margin:0px;
  background-color:#D0D0D9;
 }
 
 li.milieu2 {
 color:#3D4C63;
 }
 
 #pied p {
 font-size:0.6em;
 padding-top:41px;
 padding-left: 185px;
 }
 
 #pied {
 background-image: url(images/pied.gif) ;
 height:56px;
 background-repeat: no-repeat;
 color:#fff;
 }
 
 #pied a {
 text-decoration:none;
 color:#ddd;
 }
 
 #pied a:hover {
 text-decoration:none;
 color:#ffffff;
 }
 
 #contenu blockquote {
  margin:0;
  padding:0em;
  padding-left:1em;
  padding-right:1em;
  font-size:0.7em;
 }
 
 #contenu blockquote p{
  font-size:1em;
  padding-left:1em;
  padding-right:0;
 }