.hidden{
	display:none;
} 



input, textarea{
background-color:#ddd;

}

label{
color: #559df6;
}

html, body 
{
height: 100%;
margin: 0;

}

html 
{
background: black url(images/htl.png);
}	

	
body 
{
	font: 90% "Trebuchet MS", sans-serif;
	margin:0px 0;
	color:#fff6f6;

}


p#contact
{
padding: 0 20px;
font-size:0.8em;
}	

div.presentation{
	float:left;
	margin-right:20px;
	text-align:justify;
	height:150px;
}

div.element_presentation{
padding-right:20px;
text-align:justify
}

p.mail
{
padding: 0 20px;
font-size:11px;
}

	div.bienvenue 
	{
	margin-top:60px;
	text-align:center;
	}
	
	div.bienvenue p
	{
	font-size:1.4em;
	}

	div.double_div
	{
	width:50%;
	}

	div.element_centre
	{
	width:202px;
	float:left;
	margin-right:15px;
	padding-right:20px;
	
	
	}
	


div#global 
{
	min-height: 100%;
	width: 750px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
	background: url(images/bordur.jpg) center repeat-y;
	
	
}


div#global2 
{
	
	width: 750px;
	border:2px solid white;
	height:200px;
	margin: 0 auto;
	background-color:white;
	
	
}
	
div#header 
{
	/*background: #c0e2ef url(images/header_photo2.jpg) no-repeat;*/
	/*color: #ddd;*/
	padding-right:5px;
	height: 200px;
	position: relative;
	background-color:;
	border-right:1px solid #b3a2a2;	
	border-left:1px solid #b3a2a2;	
	border-top:1px solid #b3a2a2;
	border-bottom: 2px solid black;
}
div#header h1{
	font: 2.4em Georgia, serif;
}

	 h1 
	{
		
	margin:0;
	/*text-align:justify;*/
	font: 2em Georgia, serif;
	color:#b3a2a2;
	}

	div#header img{
		border-right:1px solid black;
	}
div#sidebar 
	{	
	width: 125px;
	
	float: right;
	margin:auto;
	
	background-color:;
	
	
	/*border-right:1px solid black;
	border-bottom:1px solid black;	
	border-left:1px solid black;	*/
	
	
	}
	
	/*et peut être mettre un float:left dans la sidebar*/

	div#sidebar h3, div#footer p, div#sidebar p
	{
	padding: 0 10px;
	}
	
	div#sidebar a
	{
	padding: 0 10px;
	color:#37bdef;
	}
	
	

	ul#menu 
	{
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
	ul#menu li a 
	{
	color: #1c26f4;
	font: small-caps 1em/30px Georgia,serif;
	text-decoration: underline;
	}
	
	ul#menu li a:hover 
	{
	color: #fb6137;
	}
	
div#center 
{
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
	
	padding-right:5px;
	padding-left:0px;
	padding-bottom: 50px; 
	overflow: auto;
	border-right:1px solid #b3a2a2;	
	border-left:1px solid #b3a2a2;
	
	background-color:#b3a2a2;
	
	/*float:right;
	width:250px;*/
	
	
	
}
	
div#content 
	{
	float:left;
	padding-left:5px;
	width: 600px;
	margin-left: 0px;
	background: black url(images/tmp/backgroud.jpg) no-repeat;
	
	
	}

	div#content ul, div#content ol, div#content p
	{
	padding-right:9px;
	
	}

	div#content h2 
	{
	
	font: 1.7em Georgia, serif;
	color:white;
	text-align:left;
	background:#b3a2a2;;
	}
	
	div#content h4 
	{
	padding-left: 35px;
	color: #fd9a73;
	font-size:1.2em;
	}
	
	div#content h3 
	{
	color: #c00;
	font-variant: small-caps;
	}	
	
	
	
div#footer 
	{
	position: absolute;
	width: 97.1% !important;
	width:100%;
	bottom: 0;
	background: black  url(img/footer.png) repeat-x;
	color: #fff;
	border:1px solid #b3a2a2;
	border-top:7px solid #b3a2a2;
	}
	div#footer p 
	{
	margin: 2px 0;
	font-size: 0.9em;
	}
	
	div#footer img
	{
	margin:5px 28px 0px;
	}
	
a 
{
color: #559df6;
font-weight: bold;
}

a:hover 
{
color: #cce6e8;
}