#message
	{
	display : none;
	position : fixed;
	text-align : center;
	width : 96%;
	height : 96%;
	top : 2%;
	left : 2%;
	border : 1px solid black;
	-moz-border-radius: 5px 5px 5px 5px; 
	  -webkit-border-radius: 5px 5px 5px 5px;
	  -0-border-radius: 5px 5px 5px 5px; 
	  border-radius: 5px 5px 5px 5px;	background : rgba(255, 255, 255, 0.75);
	}
#contenu_message
	{
		margin-top : 20%;
		color : red;
		font-size : 1.5em;
		text-align : center;
	}
	
	
	
html
	{
	min-width : 1000px;
	margin : 0px;
	padding : 0px;
	position : relative;
	font-size : 20px;
	background : url("../graph/bg_top.jpg") #FFFFFF no-repeat;
	background-size : 100% auto;
	background-position : bottom right;
	max-width : 1600px;
	}
	
body
	{
	margin : 0px;
	padding : 0px;
	position : relative;
	height : 100%;
	min-height : 800px;
	color : #333333;
	background : rgba(255, 255, 255, 0.25);
	}
	

img 
	{border : none;}
	
a:link, a:visited
	{
	text-decoration : none;
	color : inherit;
	}
	
a:hover
	{
	text-decoration : underline;
	color : #598dba;
	}
	
	
h1, h2, h3
	{
	font-family: 'Dancing Script', cursive;
	color : #87ba59;
	padding : 0px;
	}
	
#top
	{
		font-family: 'Dancing Script', cursive;
		text-align : left;
		vertical-align : middle;
		background : rgba(255, 255, 255, 0.5);
	}
#top span
	{
		padding-left : 20px;
		margin-top : 10px;
		color : #598dba;
		font-size : 2em;
	}
#top h1
	{
		margin-top : 20px;
		padding-left : 10px;
		font-size : 2.5em;
	}
	
	
#page
	{
	position : relative;
	font-family: 'Ubuntu', sans-serif;
	margin-left : 25%;
	margin-top : 25px;
	padding : 10px;
	background : rgba(255, 255, 255, 0.75);
	-moz-border-radius: 15px 15px 15px 15px; 
	  -webkit-border-radius: 15px 15px 15px 15px;
	  -0-border-radius: 15px 15px 15px 15px; 
	  border-radius: 15px 15px 15px 15px;box-shadow: -20px -20px 40px rgba(255, 255, 255, 0.75),
            20px 20px 40px rgba(255, 255, 255, 0.75); 	}
	
@media screen and (max-width: 1200px)
	{

	html
		{
		min-width : 400px;
		}
		
	
	#page
		{
		margin-left : 20px;
		}
	}