/* CSS Document */
html{
	height:100%;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width:100%;
	height:50%;
	overflow:hidden;
	text-align: center;
	position: relative;
	z-index:15;
	margin-left:auto;
	margin-right:auto;
	
}
a:link {
	color:#000000;
        font-size:13px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
}
a:visited {
	color:#000000;
        font-size:13px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
}
a:hover {
	color:#666666;
        font-size:13px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
}
a:active {
	color:#CCCCCC;
        font-size:x-small;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
}
#accueil_img a:link {
		color:#FFFFFF;
        font-size:13px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
}
#accueil_img a:visited {
	color:#FFFFFF;
        font-size:13px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
}
#accueil_img a:hover {
	color:#CCCCCC;
        font-size:13px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
}
#accueil_img a:active {
	color:#666666;
        font-size:13px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
}
#accueils {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}
#btn{
	position:absolute;
	top:15%;
	height:70%;
	width:70%;
	z-index: 20;
}
#accueil_img {
	position:absolute;
	text-align:center;
	height:100%;
	width:100%;
	z-index: 15;
	vertical-align:middle;
	top:1%;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	color: #FFFFFF;
	
}
#presentation {
	position:absolute;
	text-align:center;
	height:100%;
	width:50%;
	z-index: 15;
	vertical-align:middle;
	top:40%;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	color:#FFFFFF;
	left: 70%;
	
}
#fond_der3 {
background-image: linear-gradient(top, rgb(245,245,245) 2%, rgb(255,255,255) 20%);
background-image: -o-linear-gradient(top, rgb(245,245,245) 2%, rgb(255,255,255) 20%);
background-image: -moz-linear-gradient(top, rgb(245,245,245) 2%, rgb(255,255,255) 20%);
background-image: -webkit-linear-gradient(top, rgb(245,245,245) 2%, rgb(255,255,255) 20%);
background-image: -ms-linear-gradient(top, rgb(245,245,245) 2%, rgb(255,255,255) 20%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.02, rgb(245,245,245)),
	color-stop(0.2, rgb(255,255,255))
);

	height:100%;
	width:20%;
	background-color:#FFFFFF;
	z-index:14;
	-moz-opacity:0.20;
	opacity:0.20;
	filter:alpha(opacity=20);
	overflow:hidden;
	position: absolute;
	
}
#fond_der4 {
	background-image: linear-gradient(top, rgb(245,245,245) 2%, rgb(255,255,255) 20%);
	background-image: -o-linear-gradient(top, rgb(245,245,245) 2%, rgb(255,255,255) 20%);
	background-image: -moz-linear-gradient(top, rgb(245,245,245) 2%, rgb(255,255,255) 20%);
	background-image: -webkit-linear-gradient(top, rgb(245,245,245) 2%, rgb(255,255,255) 20%);
	background-image: -ms-linear-gradient(top, rgb(245,245,245) 2%, rgb(255,255,255) 20%);
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.02, rgb(245,245,245)),
	color-stop(0.2, rgb(255,255,255))
);
	height:593px;
	width:507px;
	background-color:#FFFFFF;
	z-index:14;


	-moz-opacity:0.80;
	opacity:0.80;
	filter:alpha(opacity=80);
	overflow:hidden;
	position: absolute;
	top: 2%;
	left: 20%;
	
}
#fond_der2 {
	height:100%;
	width:80%;
	left:19.8%;
	background-color:#666666;
	z-index:14;
	-moz-opacity:0.90;
	opacity:0.90;
	filter:alpha(opacity=90);
	overflow:hidden;
	position: absolute;
	
}
#ligne{
	height:100%;
	width:1%;
	background-color:#000000;
	z-index:150;
	overflow:hidden;
	position: absolute;
	left:15%;
	
}
#ligne2{
	height:100%;
	width:0.5%;
	background-color:#000000;
	z-index:150;
	overflow:hidden;
	position: absolute;
	left:13%;
	
}
#ligne3{
	height:100%;
	width:0.4%;
	background-color:#000000;
	z-index:150;
	overflow:hidden;
	position: absolute;
	left:10%;
	
}
#ligne4{
	height:100%;
	width:0.3%;
	background-color:#000000;
	z-index:150;
	overflow:hidden;
	position: absolute;
	left:9%;
	
}
#ligne5{
	height:100%;
	width:0.2%;
	background-color:#FFCC00;
	z-index:150;
	overflow:hidden;
	position: absolute;
	left:8%;
	
}
#ligne6{
	height:100%;
	width:0.1%;
	background-color:#000000;
	z-index:150;
	overflow:hidden;
	position: absolute;
	left:7%;
	
}
#ligne7{
	height:100%;
	width:0.08%;
	background-color:#000000;
	z-index:150;
	overflow:hidden;
	position: absolute;
	left:5%;
	
}
.bouton
{
	color:#000000;
	font-size:18px;
	cursor:pointer;
	vertical-align: top;
		
}
.txt
{
        color:#FFFFFF;
        font-size:13px;
		font-family:Verdana,Helvetica, sans-serif;
		
		font-weight:bold;
} 
.txt2
{
        color:#FFFFFF;
        font-size:15px;
		font-family:Verdana,Helvetica, sans-serif;
		
		font-weight:normal;
} 

.txtg
{
	color:#FFFFFF;
	font-size:17px;
	font-family:Verdana,Helvetica, sans-serif;
	font-weight:bold;
	text-align: left;
		
}
.bouton2
{
        color:#CCCCCC;
		text-decoration: none;
        cursor:pointer;
		
}
.tirets{
	z-index: 6;
	color:#666666;
	cursor:default;
}