@CHARSET "ISO-8859-1";

@font-face
{ 
	font-family:"Taxidermist"; 
	src:url("taxidermist.ttf");
}

*
{
	margin : 0;
	padding : 0;
}

body 
{
	background-color : #E0E0E0;
	color : #003333;
	font-size : 15px;
}

#content
{
	background-color : #FFFFFF;
	width : 80%;
	heigth : 100%;
	margin-right : auto;
	margin-left: auto;
	/*margin-top : 20px;*/
	padding : 10px;
	box-shadow : 0px 0px 20px rgba(0, 0, 0, 1);
}

#footer
{
	width : 80%;
	background-color : #CA907E;
	margin-right : auto;
	margin-left : auto;
	margin-top : 30px;
	margin-bottom : 10px;
	text-align : center;
	padding : 8px;
	box-shadow : 0px 0px 20px rgba(65, 16, 0, 1);
	border-radius: 20px;
	font-size : 12px;
	color : #411000;
}

#banner
{
	background-color : #42C0C0;
	margin-left :auto;
	margin-right: auto;
	text-align:center;
	/*margin-top:-10px;*/
	/*margin-bottom : 20px;	*/
	padding-bottom : 10px;
	box-shadow : 0px 10px 10px rgba(66, 192, 192, 1);
	z-index:2;
	position:relative;
}

#banner img
{
	box-shadow : 0px 0px 20px rgba(255, 255, 255, 1);
}

.clear
{
	clear : both;
}

.content
{
	margin-top : 10px;
	padding : 10px;
	text-align : justify;
}

h1
{
	color : #1F5A5A;
	font-size : 60px;
	padding : 10px;
	font-family : "Taxidermist";
}

h2
{
	font-family : "Taxidermist";
	color : #543200;
	font-size : 40px;
	padding : 10px;
	margin-left : 20px;
}

ul
{
	margin-left : 30px;
	margin-top : 10px;
}

li
{
	margin-left : 10px;
}

hr
{
	margin-top : 10px;
	margin-bottom : 10px;
	border : 1px solid #541400;
}

p
{
	margin-bottom : 10px;
	margin-top : 5px;
}

table.menu
{
	padding-right : 10px;
	padding-left : 10px;
	background-color : #E0E0E0;
	width : 100%;
	text-align : center;
}

.menu td
{
	padding : 10px;
	cursor : pointer;
	background-color : #CA907E;
	color : #411000;
}

.menu td:hover, td.actif
{
	background-color : #411000;
	color : #CA907E;
}

.menu td a
{
	color : #411000;
}

.menu td a:hover, .menu td.actif a
{
	color : #CA907E;
}

.sub
{
	background-color : #CA907E;
	color:#411000;
	position:absolute;
	padding:5px;
	margin-top:5px;
}
.sub div
{
	padding : 5px;
}

.sub div:hover
{
	background-color:#411000;
	color:#CA907E;
}

b, p.interview
{
	font-weight : bold;
	color : #411000;
}

div.interview
{
	width : 80%;
	margin-left : auto;
	margin-right : auto;
}

a
{
	text-decoration : none;
	color : #1F5A5A;
}

a:hover
{
	color : #77C0C0;
}

input[type=text], textarea
{
	padding : 5px;
	background-color : #CAAB7E;
	color : #543200;
	border : 2px solid #543200;
	border-radius : 5px;
	width : 100%;
}

input[type=button]
{
	margin-top : 20px;
	padding : 2px;
	background-color : #CA7535;
	color : #543200;
	border : 2px solid #543200;
	border-radius : 5px;
	width : 40%;
}

input[type=button]:hover
{
	border-color : #CA907E;
	box-shadow : 0px 0px 20px rgba(66, 192, 192, 1);
}

textarea
{
	height : 100px;
}

input[type=text]:focus, textarea:focus, input[type=text]:hover, textarea:hover
{
	border-color : #CA7535;
	box-shadow : 0px 0px 20px rgba(66, 192, 192, 1)
}

h3
{
	font-weight : bold;
	color : #CA7535;
	margin-bottom : 10px;
}

.info
{
	color : #543200;
	background-color : #CAAB7E;
	margin-left : auto;
	padding : 10px;
	margin-top : 20px;
	margin-bottom : 20px;
	width : 90%;
	margin-right : auto;
}

table.collection
{
	text-align:center;
	width : 90%;
	margin-right : auto;
	margin-left : auto;
	margin-top : 20px;
}

table.collection td
{
	padding : 7px;
}

table.collection td:hover
{
	background-color : #CAAB7E;
}

div.left
{
	float : left;
	margin-left : 20px;
	margin-right : 30px;
}

div.right
{
	float: right;
	margin-left: 30px;
	margin-right: 20px;
}

.center
{
	text-align:center;
}

div.navleft
{
	float: left;
	margin-top : 30%;
}

div.navright
{
	float:right;
	margin-top:30%;
}

table.champ
{
	text-align:center;
	width : 90%;
	margin-right : auto;
	margin-left : auto;
	margin-top : 20px;
	margin-bottom : 10px;
	border : 1px solid #543200;
	border-collapse:collapse;
}

table.champ td
{
	padding : 5px;
	border : 1px solid #543200;
}

table.champ td.equipe:hover
{
	background-color : #CA7535;
	cursor : pointer;
}

table.champ th
{
	background-color : #543200;
	color : #CA7535;
	padding: 5px;
}

table.form
{
	text-align : left;
	margin-top : 50px;
	margin-bottom : 10px;
	margin-right: auto;
	margin-left : auto;
	width : 50%;
}

table.form td
{
	padding : 5px;
}