* {
    margin: 0;
    padding: 0;
}

body{
display: none;
font-size:15px;
}

a {
	color:white;
	text-decoration: none;
}

a:hover {
	color:#F00;
	text-decoration:underline;
}

.videos {
margin-left: 35%;
width: 640px;
}

.videos ul {
width: 550px;
text-align: center;
list-style: none;
margin:20px auto;
}

.videos li{
display: inline;
padding: 0 15px 0 15px;
}

.videos a{
margin: auto;
font-weight: bold;
}

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
	background: #000;
	font-family: Arial, Verdana, sans-serif;
	color: white;
}
.photos{
position: relative;
left: 20%;
top: -10%;
width: 850px;
}

.photos img{
padding: 2px;
background: #0a0a0a;
border: solid 1px #1a1a1a;
}

img{
border: none;
}

#bg {
    position: relative;
	left: 14%;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
}

/* CONTENU */

#cont {
    position:absolute;
    top:0;left:0;
    z-index:80;
    overflow:hidden;
	width:100%;
	height: 100%;
}

/* ACCUEIL */

.accueil {
	position: relative;
	top:10%;
	left: 5%;
	width: 400px;
}

.accueil .logo{
	margin: 0 0 15px 0;
	}

.accueil h2{
	color: white;
    font-size: 24px;
	font-weight: normal;
}

.photos h2{
	color: white;
    font-size: 24px;
	font-weight: normal;
}

.langue {
	color: white;
	display: block;
	font-size: 18px;
	position:relative;
	top: 70px;
	margin: 20px 0 10px 0;
}

.accueil li {
	color: white;
	display: block;
	font-size: 18px;
	margin: 10px 0 10px 0;
}

.en:hover{
color: #1aaed9;
}

.fr:hover {
color: #1aaed9;
}

/* PROFIL */

.profil {
	position: relative;
	left: 20%; 
	top: 14%;
	width: 500px;
}
.profil p{
margin: 15px 0 0 0;
line-height:18px;
}

.profil ul{
margin: 15px 0 0 0;
 }

.profil h2{
	color: white;
    font-size: 24px;
	font-weight: normal;
}

/* BIOGRAPHIE */

.biographie {
	position: relative;
left: 20%;
top: 15%;
width: 500px;
}

.biographie h2{
	color:white;
    font-size: 24px;
	font-weight: normal;
	margin: 0 0 10px 0;
	float:left;
}

.biographie a{
font-weight: bold;
}
.biographie ul{
list-style: none;
}

.biographie .date {
float: left;
font-weight: bold;
font-size: 11px;
line-height: 9px;
}

.biographie .what {
float: right;
width: 400px;
line-height:9px;
font-size: 11px;
}

.clear {
clear: both;
padding: 20px 0 0 0;
}
		
#bio p{ margin: 0 0 10px 0;	}

#bio{ 
float:left;
width:500px;
position: absolute;
top: 60px;
left: 205px;
}
		
/* TECHNIQUE */

.technique {
	position: relative;
	left: 20%;
	top: 16%;
	width: 500px;
}
.technique p{
margin: 15px 0 0 0;
}

.technique ul{
margin: 15px 0 0 0;
}

.technique h2{
	color: white;
    font-size: 24px;
	font-weight: normal;
}

/* REFERENCES */

.references {
	position: relative;
	top:15%;
	left: 20%;
	width: 500px;
}

.references .titre {
position: relative;
left: 55%;
}

.references  .conseillers {
float: right;
}

.references  .trainers {
float: right;
position: relative;
left: 34%;
}

.references p{
margin: 15px 0 0 0;
}

.references ul{
margin: 15px 0 0 0;
}

.references h2{
	color: white;
    font-size: 24px;
	font-weight: normal;
}


/* COORDONÉES */

.coordonnees {
	position: relative;
	top: 20%;
	left:20%;
	width: 500px;
}
.coordonnees p{
margin: 15px 0 0 0;
}
.test{

position: relative;
left: 110px;

}
.test2{

position: relative;
left: 167px;

}
.test3{

position: relative;
left: 169px;

}

.test4{

position: relative;
left: 92px;

}

.test5{

position: relative;
left: 56px;

}
.coordonnees ul{
margin: 15px 0 0 0;
}

.coordonnees h2{
	color: white;
    font-size: 24px;
	font-weight: normal;
}


		/* MENU */

.menu {
	float: left;
	position: relative;
	top:40px;
	list-style-type: none;
	height: 600px;
}

.menu li a{
color:white;
font: 24px Arial, Sans-Serif;
margin: 0 0 10% 0;

}

.menu li a:hover{
color: #d20000;
}