BODY {
	background: #000000 url("images/fond2.png") repeat-y top center;
	text-align: center;
	font-style: normal;
	font-family: muli;
	color: #FFFFFF;
	font-weight: 300;
}

H1 {font-size:25pt;font-weight:bold;text-align:center;}
H2 {font-size:0.9em;font-weight:bold;text-align:center;font-family:gruppo;}
H3 {font-size:0.9em;font-weight:bold;text-align:center;}
H4 {
	font-size: 1.7em;
	font-weight: bold;
	text-align: center;
	font-family : poiret-one;
}
H5 {font-size:10pt;font-weight:bold;text-decoration:underline;}
H6 {font-size:10pt;font-weight:bold;font-style:italic;}
P {
	font-size: 12pt;
	text-align: justify;
}

table {
	text-align:center;
	margin:5px;
	padding:10px;
		}
td {
	text-align:left;
	padding:7px;
	}		

A:link {
	color: #E2A654;
	text-decoration: none;
}
A:visited {
	background-color: transparent;
	color: #E2A654;
	text-decoration: none;
}
A:active {
	background-color: transparent;
	color: #333333;
	text-decoration: none;
}
A:hover {color:#FFDBA7;}

HR {
	text-align: center;
	width: 50%;
	margin: auto;
}

.hr80{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	border-width: 1px;
		}
	
.centre {
		text-align:center;
			}

.largeur10 {
		width:10%;
			}
	
.fondnoir {
		background : #000000;
		margin: 5px;
		padding:5px;
			}
.fond280 {
		margin-left: auto;
		margin-right:auto;
		padding:5px;
		width:280px;
		border:1px solid;
	border-color : #fad887;
	border-style: ridge;
			}
.fond2 {
		margin:15px;
		padding:5px;
		border:1px solid;
	border-color : #fad887;
	border-style: ridge;
			}
			
.left {
	float:left;
	margin-left:35px;
	text-align:center;
		}
		
.right {
	float:right;	
	margin-right:35px;
	text-align:center;
		}
.bold {
		font-weight:bold;
			}
			
.underline {
		text-decoration:underline;
			}
			
.italic {
		font-style:italic;
			}
			
.bolditalic {
		font-style:italic;
		font-weight:bold;
			}
			
.italicunderline {
		font-style:italic;
		text-decoration:underline;
			}	

.hide {
	display:none;
		}

#nofloat{
	clear:both;
}		
						
#page{
	margin:auto;
	height:auto;
	text-align: center;
	max-width:1400px;
}

#header{
	text-align: center;
	font-size: 4em;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	max-width: 700px;
	padding-top: 1em;
	}

#headerindex{
	text-align: center;
	font-size: 4em;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	max-width: 800px;
	padding-top: 1em;
	}
	
#intro{
	text-align: center;
	float: right;
	font-size: 0.5em;
	max-width: 300px;
	margin-top: 0.4em;
	margin-right : 0.4em;
	color: #666666;
	font-family:poiret-one;
		}

#main{
	max-width: 900px;
	height: auto;
	background: transparent  url("images/") no-repeat top right;
	border: 0px;
	border-color: #000000;
	border-style: dotted;
	margin: auto;
	}	
#main2{
	
	padding-top: 0em;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
		}
#fond{
	background:transparent  url("images/fondfond2.png") repeat-x top left ;
	padding:10px;
	margin: auto;
	max-width: 800px;
	height: 100%	}
	
img {
	border:0px;
	vertical-align:middle;
	max-width:100%;
	height:auto;
			}
	
#fond img.left{
	float:left;
	margin:15px;
	}	
#fond img.right{
	float:right;	
	margin:15px;
	}
#fond img.center{
		margin-left: auto; 
	margin-right: auto;
	display: block; 
	}		
#fond img.debord{
		margin-left: -15px; 
	
	}		
#colonne1, #colonne2, #colonne3, #colonne4 {		
	float:left;
	max-width:400px;
	}
 
#colonne1, #colonne2, #colonne3, #colonne4, #colonne5 {		
	text-align:center;
	font-weight:bold;
	}
 
 
#comportement,#especes, #histoire, #photos, #bibliographie, #liens, #contact{
	height: auto;
	padding : 0.2em;
	max-width: 600px;
	width: auto;
	display: block;
	border-radius: 0em;
	-webkit-box-shadow: 0em 0em #CCCCCC;
	box-shadow: 0em 0em #CCCCCC;
	border: 0;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	}	
#comportement {
	background:#000000  url("images/binoculars.gif") no-repeat top left ;
		}

#especes {
	background:#000000  url("images/map.gif") no-repeat top left ;
			}

#histoire {
	background:#000000  url("images/histoire.gif") no-repeat top left ;
	
	}

#photos {
	background:#000000  url("images/photo.gif") no-repeat top left ;
	
	}

#bibliographie {
	background:#000000  url("images/livre.gif") no-repeat top left ;
	}

#liens {
	background:#000000  url("images/web.gif") no-repeat top left ;
	}

#contact {
	background:#000000  url("images/contact.gif") no-repeat top left ;
		}
.cache {
	background-color:transparent ;
	clear:both;	
	}

#validation p{
	text-align:right;
	
		}
	
#piedpage{
	max-width: 800px; 
	background:transparent url("images/") no-repeat top right ;
	text-align: center;
	margin:auto;
	padding:0;
	font-size:10px;
	}	
#piedpage a{
	color:#FFFFFF;
	}
#piedpage a:hover{
	color:#D64100;
	}		

/* MENU*/	
		
/*Strip the ul of padding and list styling*/
#menu2 {	
	background: transparent  url("images/fondmenu.png") repeat ;
		max-width : 1400px;
		margin : auto;
}
#menu3 {
	margin: auto;
	max-width : 1400px;
}
#menu {
		max-width :800px;
		margin:auto;
		text-align:center;
	}

#menu a {
	font-family: gruppo;
	font-style: normal;
	font-weight: 400;
}

ul {
	list-style-type: none;
	margin: auto;
	padding: 0;
	text-align: center;
	max-width : 1000px;
}

/*Create a horizontal list with spacing*/
li {
	display: inline-block;
	float: left;
	margin-right: 0.2em;
}



/*Style for menu links*/
li a {
	display: block;
	min-width: 80px;
	height: 2em;
	text-align: center;
	line-height: 2em;
	font-family: buda;
	color: #fff;
	text-decoration: none;
	font-style: normal;
	font-weight: 300;
}

li A:link {
	color: #ffffff;
}
li A:visited {
	color: #ffffff;
}


/*Hover state for top level links*/
li:hover a {
	background-color: #918E8A;
}

/*Style for dropdown links*/
li:hover ul a {
	color: #ffffff;
	height: 40px;
	line-height: 40px;
	background-color: #918E8A;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	color: #fff;
	background-color: #41403F;
}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
	position:absolute;
		z-index: 9;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
	text-align:left;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
	color: #fff;
	background-color: #918E8A;
	text-align: center;
	padding: 10px 0;
	display: none;
	font-family: gruppo;
	font-style: normal;
	font-weight: 400;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

/*
-------------------RESTRICTION POUR GRAND ECRAN----------------------------------------------------------------------------------------------
*/
	
/*Responsive Styles*/

@media screen and (max-width : 760px){
	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
}