body {
  font-family: verdana, lucida, arial, helvetica, sans-serif;
  font-size:1em;
  background-color:#ffffff;
  color:#000000;
  margin:0;
  background-image: url(images/fond.gif);
  background-position: center;
  background-repeat: repeat-y;
 }
 
 a {
  text-decoration:none;
 }
 
 li a, li a:active, li a:visited{
  text-decoration:underline;
  color: #4c5e68;
 }
 li a:hover{
  text-decoration:underline;
  color: #4c5e68;
  font-weight:bold;
 }
 
 a img {
 border: 0;
 }
 
 #total {
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  width:760px;
  /* border-left:9px solid #ccc;
  border-right:9px solid #ccc;*/
  margin-top:0em;
  margin-bottom:0em;
  background-color:#ffffff;
  color:#000000;
 }
 
 div.menu, div.menubis{
  margin:0px;
 }
 
 div.menucontact a{
   display:block;
   width:134px;
   height:28px;
   float:left;
   background-color:#D69A12;
   color:#FFFFFF;
   border-color:#CCCCCC;
   border-width:1px;
   border-style:solid;
   font-size:0.7em;
   text-align:center;
   text-decoration:none;
   font-weight:bold;
   margin-left:0px;
   line-height:25px;
  }

 div.menu a, div.menuaccueil a{
  display:block;
  width:161px;
  height:28px;
  float:left;
  background-color:#AD510C;
  color:#FFFFFF;
  border-color:#CCCCCC;
  border-width:1px;
  border-style:solid;
  font-size:0.7em;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  margin-left:0px;
 }
 
 p.ancre a{
  line-height:2px;
  padding-left: 30px;
  }
 
  div.menunormal a{
  display:block;
  width:161px;
  height:28px;
  float:left;
  background-color:#AD510C;
  color:#FFFFFF;
  border-color:#CCCCCC;
  border-width:1px;
  border-style:solid;
  font-size:0.7em;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  margin-left:0px;
  line-height:25px;
 }
 
  #titre{
 display:block;
 background-image: url(images/bandeauht.gif);
 height:90px;
 }

  div.menuaccueil a{
   display:block;
   width:133px;
   height:28px;
   float:left;
   background-color:#859B2A;
   color:#FFFFFF;
   border-color:#CCCCCC;
   border-width:1px;
   border-style:solid;
   font-size:0.7em;
   text-align:center;
   text-decoration:none;
   font-weight:bold;
   margin-left:0px;
   line-height:25px;
  }
   
  div.version {
  display:block;
  width:760px;
  height:28px;
  float:left;
  font-size:14px;
  color:#fff;
  margin-top:-6px;
  margin-bottom:0px;
  padding-top:-5px;
  letter-spacing:0em;
  font-weight:bold;
  text-align:right;
  background-color:#EFB229;
  text-decoration:none;
  line-height:14px;
  }
   
   div.version a:hover{
   color:#fff;
   }
   
  div.menuinfos a{
   display:block;
   width:133px;
   height:28px;
   float:left;
   background-color:#ABDA4D;
   color:#FFFFFF;
   border-color:#CCCCCC;
   border-width:1px;
   border-style:solid;
   font-size:0.7em;
   text-align:center;
   text-decoration:none;
   font-weight:bold;
   margin-left:0px;
   line-height:25px;
  }
   
  div.menuliens a{
   display:block;
   width:134px;
   height:28px;
   float:left;
   background-color:#009193;
   color:#FFFFFF;
   border-color:#CCCCCC;
   border-width:1px;
   border-style:solid;
   font-size:0.7em;
   text-align:center;
   text-decoration:none;
   font-weight:bold;
   margin-left:0px;
   line-height:25px;
  }
 
 div.menu a:hover, div.menubis a:hover, div.menuaccueil a:hover, div.menuinfos a:hover, div.menunormal a:hover{
  background-color:#ECB328;
  color:#ffffff;
 }
  
 div.menuliens a:hover {
  background-color:#1EA2A4;
 }
  
 div.menucontact a:hover {
  background-color:#E3A71E;
 }

 div.menubis a{
  display:block;
  width:161px;
  height:28px;
  float:left;
  background-color:#AD510C;
  color:#FFFFFF;
  border-color:#CCCCCC;
  border-width:1px;
  border-style:solid;
  font-size:0.7em;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  margin-left:0px;
 }
#menuht {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	float:right;
	background-color:transparent;
	top: 5px;
	width: 387px;
 }
 #menuht ul {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    list-style-type:none;
    background-color:transparent;
 }
#menuht 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 {
    line-height:50px;
 }
#menuht ul li a {
    color:#FFF;
    font-size:0.8em;
    background-color:transparent;
	text-decoration:none;
 }
#menuht ul li a:hover {
    text-decoration:underline;
 }
 h1, #contenu, #pied {
  text-align:left;
 }
 
 h1 {
  background-color:#ECB328;
  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;
 }
 
 h6.centre {
 text-align:center;
 font-weight:normal;
 line-height:8px;
 margin:0px;
 font-size:0.6em;
 }
 
 p.haut {
  text-align:center;
  margin:0px;
  padding:0px;
  font-size:1em;
  }
 
  p.haut2 {
  text-align:center;
  margin:0px;
  padding:0px;
  font-size:0.7em;
  }
  
 #gif {
 display:block;
 width:50px;
 float:left;
 margin:0;
 padding:0;
 }
 
 #photo-library {
 display:block;
 width:445px;
 float:left;
  color:#006D71;
  font-size:1em;
  font-weight:bold;
  color:#006D71;
  margin-left:10px;
  letter-spacing:0em;
  padding:0em;
  line-height:3em;
 }
 
 #menuter, #menuter2, #contenu {
  float:left;
 }
 
 #pied {
  clear:left;
 }
 
 #menuter {
  width:169px;
 }
  
  #menuter2  {
 width:150px;
 margin:0px;
 margin-top:73px;
 }
 
 #contenu {
  width:590px;
  border-left:0px;
 }
  
 #contenuboite1, #contenuboite2, #contenuboite3 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  border-color:#CCCCCC;
  border-width:1px;
  position: relative;
  padding-left: 40px;
  padding-top: 10px;
  width: 225px;
  float: left;
 }
  
 #contenuboite1 {
  margin-top: 16px;
  margin-left: 10px;
 }
	
 em {
 padding-left: 0em;
 }
 
 em.souligne {
 text-decoration:underline;
 font-style:normal;
 }
 
 p.ligne {
 padding-left: 9.5em;
 }

 #contenuboite2 {
  margin-top: 28px;
  margin-left: 0px;
 }
  
  #contenuboite3 {
  margin-top: 25px;  
  margin-left: 0px;
 }
 
 #contenuboite2page ul{
  color:#87817C;  
  font-size: 1.2em;
 }
 
  #contenuboite2page ol{
  color:#87817C;  
  font-size: 1.2em;
 }
 
 #contenuboite2page ul ul li{
  color:#87817C;  
  font-size: 0.8em;
 }
 
 #contenuboiteimage1 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  position: relative;
  padding-left: 0px;
  padding-top: 148px;
  width: 40px;
  float: left;
  }
  
  #contenuboiteimage2 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 115px;
  width: 40px;
  float: left;
  }
  
  #contenuboiteimage3 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 180px;
  width: 40px;
  float: left;
  }
  
  #contenuboiteimage4 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 2px;
  width: 40px;
  float: left;
  }
  
  #contenuboiteimage5 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 2px;
  width: 40px;
  float: left;
  }
  
  #contenuboiteimage6 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 25px;
  width: 40px;
  float: left;
  }
  
  #contenuboiteimage7 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 195px;
  width: 40px;
  float: left;
  }
  
  #contenuboiteimage8 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 310px;
  width: 40px;
  float: left;
  }
  
  #contenuboiteimage9 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 35px;
  width: 40px;
  float: left;
  margin-left: 0px;
  }
  
   #contenuboiteimage10 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  width: 40px;
  float: left;
   margin-top: 80px;
  }
  
   #contenuboiteimage11 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 30px;
  width: 40px;
  float: left;
   margin: 0px;
  }
  
   #contenuboiteimage12 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  margin-top: 530px;
  width: 40px;
  float: left;
  }
  
   #contenuboiteimage13 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  margin-top: 3640px;
  width: 40px;
  float: left;
  }
  
  p.special {
  font-size: 0.6em;
  text-align:center;
  color:#87817C;
  background-color:#DFDFE8;
  color:#3D4C63;
  font-weight:bold;
  }
  
 #contenuboite1page {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.5em;
  text-align:left;
  border-color:#CCCCCC;
  border-width:1px;
  position: relative;
  float: left;
  padding-left: 3px;
  padding-top: 10px;
  width: 450px;
  background-color:#4C5E68;
  margin-left: 22px;
 }
 
 #contenuboite1page2 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.5em;
  text-align:left;
  border-color:#CCCCCC;
  border-width:1px;
  position: relative;
  float: left;
  padding-left: 0px;
  padding-top: 10px;
  width: 546px;
  background-color:#4C5E68;
  margin-left: 20px !important;
  margin-left: 12px;
 }
 
 #contenuboite2page {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  border-color:#CCCCCC;
  border-width:1px;
  position: relative;
  padding-left: 17px;
  padding-top: 10px;
  width: 500px;
  float: left;
  margin:0px;
 }
  
 a:link {
  color:#006D71;
  text-decoration: underline;
 }
	
 #contenu h2 {
  color:#4c5e68;
  margin:0;
  font-size:1.3em;
  padding-top:1.5em;
  padding-left:0.9em;
  letter-spacing:0em;
  font-weight:bold;
  line-height:1em;
 }
 
 #contenu h3 {
  color:#DAA62F;
  padding:0em;
  font-size:1.4em;
  letter-spacing:0em;
  padding-left:0.9em;
  font-weight:normal;
  line-height:0em;
  }
  
 #contenu h4 {
  color:#95AD4B;
  margin:0;
  padding:0em;
  font-size:1.5em;
  letter-spacing:0em;
  padding-left:0.9em;
  font-weight:bold;
  line-height:0em;
 }
 
 #contenu h5 {
  color:#006D71;
  margin-top:1em;
  margin-left:3.3em;
  margin-bottom:0em;
  padding:0em;
  font-size:1em;
  letter-spacing:0em;
  padding-left:0em;
  font-weight:bold;
  line-height:4em;
 }
 
 #contenu h5.new {
 padding-left:1.3em;
 margin-left:0em;
 line-height:1.3em;
 }
 
 #contenu h6 {
  color:#fff;
  margin-left:0.5em;
  margin-top:0.1em;
  margin-bottom:0.5em;
  padding:0em;
  font-size:13px;
  letter-spacing:0em;
  padding-left:0em;
  font-weight:bold;
  line-height:0em;
 }
 
 #contenu p {
  color:#87817c;
  margin:1px;
  padding:0.5em;
  padding-left:1em;
  padding-right:1em;
  font-size:1.1em;
  line-height:1.2em;
 }
 
 p.right {
 text-align:right;
 }
 
 p.gras {
 font-weight:bold;
 }
 
 em.gras {
 font-weight:bold;
 font-style:normal;
 margin:0;
 padding:0;
 }
 
 p.italique {
 font-style:italic;
 }
 
 p.centre {
 text-align:center;
 font-size:0.7em;
 line-height:1em;
 }
 
 p.diapo {
 float : left;
 }
 
 p.fleche {
 float : right;
 }
 
 #menuter h3, #menuter2 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, #menuter2 ul {
  margin-top:10px;
  margin-left:0px;
  padding:0;
  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.6em;
  margin-top:0px;
  margin-bottom:1px;
 }
 
 #menuter2 li {
  margin:0px;
  background-color:#009193;
  text-align:center;
  font-weight:bold;
  font-size:0.6em;
  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:30px;
 }
 
 #menuter2 li a {
  margin:0px;
  line-height:1.5em;
  padding-left:0.5em;
  border-right:1px solid #009193;
  border-top:1px solid #009193;
  color:#fff;
  display:block;
  text-decoration:none;
  height:30px;
 }
 
 #menuter li a:hover {
  margin:0px;
  background-color:#D0D0D9;
 }
 
 #menuter2 li a:hover {
  margin:0px;
  background-color:#D69A12;
 }
 
 #menuter li.milieu a, #menuter2 li.milieu a  {
 line-height:2.8em;
 }
 
 #menuter li.milieu2 a, #menuter2 li.milieu2 a {
 line-height:2.8em;
 background-color:#FF9900;
 color:#fff;
 }
 
  #menuter li.milieu2 a:hover, #menuter2 li.milieu2 a:hover {
 line-height:2.8em;
 background-color:#CC0000;
 color:#fff;
 }
 
 #pied p {
 font-size:0.6em;
 padding-top:37px;
 padding-left:150px;
 }
 
 #pied {
 background-image: url(images/pied.gif) ;
 height:56px;
 background-repeat: no-repeat;
 color:#fff;
 }
 
 #pied a {
 text-decoration:none;
 color:#006D71;
 }
 
 #pied a:hover {
 text-decoration:none;
 color:#fff;
 }
 
 #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;
 }

 /*---------------------------------
 ----->     phototheque      <------
 ---------------------------------*/
  .vignette {
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 float: left;
 min-height:200px;
 width:540px;
 }
 .vignette ul {
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 list-style-type:none;
 background-color:transparent;
 text-align:left;
  width:580px;
 }
 .vignette ul li {
 display:block;
 float:left;
 margin:8px 6px 0px 3px;
 color:#FFF;
 font-size:0.8em;
 font-weight:bold;
 text-decoration:none;
 background-color:transparent;

 }
 .vignette ul li a {
 display: block ;
 padding:0px 0px 0px 0px !important;
 padding:2px 2px 2px 2px;
 border:#DFDFDF solid 1px;
 color:#FFF;
 font-size:1em;
 background-color:transparent;
 }
 .vignette ul li a:hover {
  border:#339933 solid 1px;
 }

 /*
 ------  end CEnter  ----------
 */