.fond {
  background: #c8ccbc; /*gris trés clair #3a2826;*/
}
#rss {
  position: absolute;
  left: 205px;
  top: 10px;
  font: normal normal 14pt/14pt Arial;
  text-align: left;
  vertical-align: middle;
  color: black;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  text-decoration: none;
  }
#bienvenue {
  position: absolute;
  width: 560px;
  height: 380px;
  left: 205px;
  top: 60px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  background: #c7fdcb;
  border: 4px groove black;
	-moz-border-radius: 10px;/* firefox*/
        -webkit-border-radius: 10px;/* safari,chrome*/
		    -khtml-border-radius: 10px;/* Linux*/  
					border-radius: 10px;/* propriété css3*/
						-o-border-radius:10px;
}
#bienvenue h1{text-indent:10px;
	margin:5px;
	text-shadow:2px 2px 2px #333333;
	}
#contenu{
  position: absolute;
  width:1024px;
  height:1280px;
  top: 145px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  background: #c7fdcb;
  border:2px solid green;
	-moz-border-radius: 20px;
        -webkit-border-radius: 20px;
		        -khtml-border-radius: 20px;
					border-radius: 20px;
}
#compteur { 
  position: absolute;
  height: 20px;
  top: 30px;
  left: 855px;
  margin-left: auto;
  margin-right: auto;
  background:#c7fdcb;
  font: normal bold 12pt Arial;
  text-align: left;
   }
#edito {
  position: absolute;
  width: 560px;
  height: 350px; /*187px;170px;*/
  left: 205px;
  top: 465px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  background: #c7fdcb;
  border:4px double blue;
	-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
		        -khtml-border-radius: 10px;
					border-radius: 10px;
}
#edito h1{text-indent:10px;
	margin:5px;
}
#edito h4{text-indent:10px;
}
#entete {
  position: absolute;
  width: 1020px;
  height: 100px;
  left:18px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  background: #c8ccbc;
  float:left;
}  
#global {
  height:1160px;
  background: #c8ccbc;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
  position: relative;
  top: 0px;
}
#legende{ 
	font: normal bold 1em/1em Georgia, serif, arial ; 
    color: #000000;/*#dcb ; */
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#legende:focus, #legende a, #linkTo a,
#legende:hover{ text-decoration: none;}
#lien {
  position: absolute;
  width: 235px;
  height: 180px;
  top: 270px;
  right: 0px;
  border: 2px solid green;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font: italic bold 12pt Arial;
  text-align: left;
  color: blue;
  z-index: 20;
  -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
		        -khtml-border-radius: 10px;
					border-radius: 10px;
}
#menu{
  position: absolute;
  width: 200px;
  height:830px;
  top: 0px;
  left: 0;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  background: #007b00;
	-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
		        -khtml-border-radius: 10px;
					border-radius: 10px;
}
#menuhorizontal { 
  position: absolute;
  height: 25px;
  top: -15px;
  right: 15px;
  margin-left: auto;
  margin-right: auto;
}
#meteo { 
  position: absolute;
  height: 140px;
  width:172px;
  top: 80px;
  right: 45px;
  margin-left: auto;
  margin-right: auto;
}
#meteo .noscript{margin:0;
	padding:0;	
	}
#meteo a{font: italic bold 12pt Arial;
  color:blue;
  text-align: left;
}
.photo {
  position: absolute;
  width:1000px;/*750px;*/
  height:181px; /*315px;*/
  left:5px;/*225px;*/
  top:860px; /*670px;465px;*/
  margin: 0 auto 0 auto;
  padding: 0px;
  background:transparent url(images/hippo_pano.jpg) no-repeat top left;
  border: 5px solid #c6ac6c;
  margin-top: 0px;
  -moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;

	-moz-box-shadow: 10px 10px 10px #000;/*ombres bas et droit couleur noir*/
	box-shadow: 10px 10px 10px #000;

  z-index: 2;

	behavior: url(ie-css3.htc);/*feuille style pour ie*/
	}
.photo div {
	position: absolute;
	bottom: 10px;
	left: 0px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 13pt;
	color: #000000;
	_bottom: 21px; /* IE6 */
	_width: 108%; /* IE6 */
	}
.box2 {
	background: transparent url('images/hippo.jpg') no-repeat top left;
	width: 414px;
	height: 262px;
	margin: 0 auto 0px auto;
	padding: 0px;
	border: 11px solid #c6ac6c;
	position: absolute;
	margin-top: 0px;
	top:500px;
	left:250px;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;

	-moz-box-shadow: 10px 10px 10px #000;
	box-shadow: 10px 10px 10px #000;

	z-index: 2;

	behavior: url(ie-css3.htc);
}
.box2 div {
	position: absolute;
	bottom: 10px;
	left: 0px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 13pt;
	color: #ffd550;
	_bottom: 21px; /* IE6 */
	_width: 108%; /* IE6 */
}
#pied {
  position: absolute;
  width: 1024px;
  height: 60px;
  bottom: -11px;
  left: -2px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  background: #67cd6f;
  font: normal bold 12pt georgia, Arial;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  border:2px solid green;
  z-index: 20;
	-moz-border-radius: 20px;
        -webkit-border-radius: 20px;
		        -khtml-border-radius: 20px;
					border-radius: 20px;
   }
#titre{position: absolute;
  width: 1024px;
  height: 25px;
  top: 101px;
  background-color:#c7fdcb;
  border:2px solid green;
	-moz-border-radius: 20px;
        -webkit-border-radius: 20px;
		        -khtml-border-radius: 20px;
					border-radius: 20px;
}
#titre h1{font: normal bold 20pt/20pt Arial;
  text-align: center;
  color: black;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  text-decoration: none;
}
.bouton {
  background: url('images/onglet_gauche_2.png');
  float: left;
  margin: 1px;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.bouton span {
  background: url('images/onglet_droit_2.png') 100% 0 no-repeat;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  color: #ffff00;
  font-size: 18px;
  display: block;
}
.bouton:hover,
.bouton:focus,
.bouton:active { background-position: 0 -30px;}
.bouton:hover span,
.bouton:focus span,
.bouton:active span {
  background-position: 100% -30px;
  color: black;
}
.color{ color: #b8483c ;
	font-weight: normal;
}
.flottante {
  margin: 1px;
  float: left;
  width: 115px;
  text-align: center;
}
.lettrine {
  float: left;
}
.menu span {
  background: url('images/menu-lien1.png') 100% 0 no-repeat;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  color: #ffff00;
  font-size:18px;
  display: block;
}
.menu:hover span,
.menu:focus span,
.menu:active span {
  background-position: 100% -30px;
  color: black;}
.nocompteur{position:absolute;
	top:0px;
	width:150px;
	font: italic bold 11pt Arial;
	color:black;
	}
.noscript{font: italic bold 11pt Arial;
	color:black;
	}
.noscript a{text-decoration: underline;
	}
.noscript h3 {margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

a{	text-decoration: none;
	
	}
	
h1 {
  font: normal bold 16pt/16pt Arial;
  text-align: left;
  vertical-align: middle;
  color: green;
  text-align:left;
  text-decoration: underline;
  /*margin:0px 0px 0px 0px;*/
}
h2 {
  font: normal normal 14pt/16pt Arial;
  text-align: center;
  vertical-align: middle;
  background: white;
  margin:5px 0px 5px 0px;
}
h3{
  font: italic bold 12pt Arial;
  text-align: center;
  vertical-align: middle;
  }
h4 {
  font: normal normal 14pt/14pt Arial;
  text-align: left;
  vertical-align: middle;
  color: black;
}
h5{
  font: normal bold 13pt/13pt "times new roman", Arial;
  text-align: center;
  vertical-align: middle;
  color: black;
}
h6 {
  font: normal bold 11pt Arial;
  text-align: right;
  vertical-align: middle;
  color: blue;
}