/* CSS Document */
/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
}
/***************** CONTAINER *****************/
#container0{
	position:absolute;
	width:100%;
	height:560px;
	top:50%;
	margin:-280px auto;
}
#container{
	position:absolute;
	width:750px;
	height:550px;
	left:50%;
	margin-left:-375px;
	background-color: #C0D7AE;
	border: medium inset #006600;
}
#containerF {
	position:absolute;
	width:750px;
	height:550px;
	left:50%;
	margin-left:-375px;
	background-color: #8FA679;
	border: medium inset #006600;
}
#containerD {
	position:absolute;
	width:750px;
	height:550px;
	left:50%;
	margin-left:-375px;
	background-color: #58794E;
	border: medium inset #006600;
}
#containerE {
	position:absolute;
	width:750px;
	height:550px;
	left:50%;
	margin-left:-375px;
	background-color: #326335;
	border: medium inset #006600;
}
#containerS {
	position:absolute;
	width:750px;
	height:550px;
	left:50%;
	margin-left:-375px;
	background-color: #124F2C;
	border: medium inset #006600;
}
#containercontact {
	position:absolute;
	width:750px;
	height:550px;
	left:50%;
	margin-left:-375px;
	background-color: #FFFFFF;
	border: medium inset #339900;
}
#logo{
	width: 400px;
	height: 94px;
	padding-top: 50px;
	float: right;
}
#logoP {
	width: 280px;
	height: 58px;
	float: right;
	margin-top: 0px;
	margin-right: 30px;
}
#deco {
	float:right;
	width: 280px;
	height: 20px;
	padding-top: 40px;
	padding-left: 10px;
}
#flash1{
	float:left;
	width:500px;
	height:280px;
	padding-left: 15px;
}
/***************** BODY *****************/

#centrale {
	width:837px;
	height:457px;
}
#photoS{
	position:absolute;
	left:575px;
	top:300px;
	width:214px;
	height:163px;
	z-index: 2;
	vertical-align: bottom;
}
#photo1F{
	width:263px;
	height:315px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
}
#photo2F {
	float:right;
	width:180px;
	height:225px;
	margin-right: 30px;
	margin-top: 30px;
}
#photo1D{
	width:263px;
	height:315px;
	margin-top: 50px;
	margin-left: 0px;
	float: right;
	margin-right: 0px;
}
#photo2D {
	float:left;
	width:180px;
	height:225px;
	margin-right: 0px;
	margin-top: 20px;
	margin-left: 20px;
}
#photo1E{
	width:300px;
	height:240px;
	margin-top: 0px;
	margin-left: 0px;
	float: right;
	margin-right: 35px;
}
#photo2E {
	float:right;
	width:200px;
	height:225px;
	margin-right: 0px;
	margin-top: 25px;
	margin-left: 20px;
}
#photo1S{
	width:263px;
	height:225px;
	margin-top: 10px;
	margin-left: 80px;
	float: left;
	margin-right: 0px;
	position: absolute;
	left: 108px;
	top: 216px;
}
#photo2S {
	float:left;
	width:255px;
	height:191px;
	margin-right: 300px;
	margin-top: 20px;
	margin-left: 20px;
}
#photo3S {
	float:left;
	width:200px;
	height:124px;
	margin-right: 100px;
	margin-top: 60px;
	margin-left: 20px;
	margin-bottom: 90px;
}
#photo1M{
	width:263px;
	height:330px;
	margin-top: 20px;
	margin-left: 30px;
	float: left;
	margin-right: 0px;
}
#photo2M {
	float:right;
	width:300px;
	height:200px;
	margin-right: 30px;
	margin-top: 30px;
	margin-left: 20px;
}
#photoindex {
	float:left;
	width:263px;
	height:252px;
	margin-top: 25px;
	margin-left: 25px;
}
#feuilleindex {
	float:left;
	width:350px;
	height:200px;
	margin-top: 46px;
	margin-left: 13px;
	vertical-align: bottom;
}
#menu1 {
	width:500px;
	height:400px;
	margin-right: 25px;
	margin-bottom: 5px;
	position: absolute;
	left: 150px;
	top: 125px;
}
#menu2 {
	float:left;
	width:370px;
	height:50px;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
}
#titre {
	float:right;
	height:20px;
	margin-top: 7px;
	margin-right: 10px;
	margin-left: 10px;
	color: #FFCC33;
	font-family: "Times New Roman", Times;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #00EFF8;
	font-weight: bold;
	text-shadow: #5b5b5b 4px 4px 2px;
}
#textefloat  {
	position:absolute;
	left:30px;
	top:295px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #339999;
	font-size: 11px;
}
#texte {
	width:290px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: right;
	color: #339999;
	margin-right: 30px;
	margin-top: 5px;
}
#texteF {
	width:355px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	position: absolute;
	left: 149px;
	top: 73px;
	height: 263px;
}
#texteD {
	width:355px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	position: absolute;
	left: 198px;
	top: 34px;
	height: 280px;
}
#texteE {
	width:420px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	position: absolute;
	left: 84px;
	top: 58px;
	height: 263px;
	
}
#texteS {
	width:367px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	position: absolute;
	left: 357px;
	top: 24px;
	height: 242px;
}
#texteM {
	width:355px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	margin-top: 30px;
	margin-left: 30px;
	text-align: center;
	
}
#accroche {
	width:500px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	color: #FFFFFF;
	margin-top: 5px;
	margin-left: 150px;
	margin-right: 50px;
	margin-bottom: 30px;
}
#accrocheD {
	width:380px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	color: #FFFFFF;
	margin-top: 85px;
	margin-left: 60px;
	margin-right: 0px;
	margin-bottom: 20px;
}
#accrocheE {
	width:350px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	color: #FFFFFF;
	margin-top: 350px;
	margin-left: 60px;
	margin-right: 0px;
	margin-bottom: 10px;
}
#accrocheS {
	width:300px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: right;
	color: #FFFFFF;
	margin-top: 90px;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 15px;
}
#accrocheM {
	width:400px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	color: #FFFFFF;
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 30px;
	margin-bottom: 10px;
}
/***************** © *****************/

#ams {
	font-family: Tahoma, Trebuchet, Verdana;
	font-size: 9px;
	color: #000000;
	position: absolute;
	left: 14px;
	top: 536px;
	width: 340px;
}
a:link {
	text-decoration: none;
	color: #0099FF;
}
a:visited {
	text-decoration: none;
	color: #000000;
	}
a:hover {
	text-decoration: none;
	color: #336699;
}
/***************** contact *****************/
#adresse{
	float:right;
	width:220px;
	height:100px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	padding-right: 40px;
}
#coeur {
	float:right;
	width:100px;
	height:40px;
	margin-top: 350px;
	margin-left: 20px;
}
#flechefloat {
	position:absolute;
	left:453px;
	top:460px;
	height: 43px;
	width: 45px;
}
#anim {
	float:none;
	width:300px;
	height:403px;
	margin-top: 15px;
	margin-left: 0px;
}
#formulaire {
	width: 250px;
	height: 365px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 9px;
	float: right;
	padding-top: 20px;
	padding-left: 80px;
	padding-right: 70px;
}
#animaux {
	text-align: center;
}
#feuille1A {
	height: 100px;
	width: 80px;
	position: absolute;
	left: 20px;
	top: 20px;
}
#feuille2A {
	height: 100px;
	width: 80px;
	position: absolute;
	left: 660px;
	top: 20px;
}
#feuille3A {
	height: 100px;
	width: 100%;
	margin-top: 20px;
}
#img10 {
	width:110px;
	height:100;
	margin-bottom:30px;
}
#textbasd {
	width:100;
	height:40;
	position:absolute;
	margin-left:20px;
	left: 298px;
	top: 447px;
}
#citation {
	width:707px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	position: absolute;
	left: 27px;
	top: 471px;
	height: 31px;
	font-style: italic;
}
#bandebas {
	width:400px;
	height:40;
	position:absolute;
	left: 319px;
	top: 506px;
}
#topsite {
	width:250px;
	height:40;
	position:absolute;
	left: 51px;
	top: 506px;
	text-align: center;
}