/****************************** GENERAL *******************************/
@font-face {
	font-family: 'hiragino_maru';
	src: url('../elements/fonts/hiragino_maru_pron_w4.eot');
	src: url('../elements/fonts/hiragino_maru_pron_w4.eot?#iefix') format('embedded-opentype'),
		 url('../elements/fonts/hiragino_maru_pron_w4.svg#hiragino_maru') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'ubunturegular';
    src: url('../elements/fonts/ubuntu-r-webfont.eot');
    src: url('../elements/fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('../elements/fonts/ubuntu-r-webfont.woff') format('woff'),
         url('../elements/fonts/ubuntu-r-webfont.ttf') format('truetype'),
         url('../elements/fonts/ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'dejavu_lgc_sans_monobook';
    src: url('../elements/fonts/dejavulgcsansmono-webfont.eot');
    src: url('../elements/fonts/dejavulgcsansmono-webfont.eot?#iefix') format('embedded-opentype'),
         url('../elements/fonts/dejavulgcsansmono-webfont.woff') format('woff'),
         url('../elements/fonts/dejavulgcsansmono-webfont.ttf') format('truetype'),
         url('../elements/fonts/dejavulgcsansmono-webfont.svg#dejavu_lgc_sans_monobook') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	background-color:#444;
	background-image:url("../elements/background_bleu.png");
	background-position:center top;
	font-family: hiragino_maru,ubunturegular,dejavu_lgc_sans_monobook;
}

/******************************** bandeau *****************************/
.entete
	{width:100%;}
	
.coin_gauche
	{width:20%;text-align:left;padding:10px;}
.centre
	{width:60%;text-align:center;}
#titre { z-index:10; }
.coin_droit
	{width:20%;text-align:right;padding:10px;}

/******************************** entree ******************************/
.zone
	{position:absolute;top:0px;left:0px;width:100%;height:100%;}
	
.texte_entree{
	position:absolute;
	top:300px;left:50%;
	width:350px;
	padding-left:30px;
	text-align:justify;
	color:#000;
	font-size:13px;
	z-index:10;
	cursor:pointer;
}

#clic {
	position:absolute;
	top:250px;left:100px;
	text-align:left;
	display:none;
	padding-left:20px;padding-right:20px;
	color:#000;
	font-size:11px;
	border:1px solid #222;
	 -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;
	 z-index:10;
}
#vitre {
	position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:0;
}
/**********************************************************************/