@font-face {
    font-family: 'HelveticaNeueLTStd-Roman';
    src: url('./font/HelveticaNeueLTStd-Roman.otf');
    src: url('./font/HelveticaNeueLTStd-Roman.otf?iefix') format('opentype'),
         url('./font/HelveticaNeueLTStd-Roman.otf') format('opentype'),
         url('./font/HelveticaNeueLTStd-Roman.otf') format('opentype'),
    font-weight: normal;
    font-style: normal;
}
body
{
background-image: url('images/bg.jpg');
width:940px;
margin:40px;
padding:10px;
repeat : none; background-color: #bf2b1c;
}



.titre{ 
  position: absolute; 
  top: 27px; 
  left: 27px; 
} 


h1
{
color: white;
font-family: 'HelveticaNeueLTStd-Roman';
}

.video1
{ display: block;
float : right;
 position: absolute; 
  top: 96px; 
  left: 199px; 

}


#music_video
{
	display: block;
    width: 50px; 
	color : #EBEBEB;
	font-family: 'HelveticaNeueLTStd-Roman';
	position: absolute; 
	top: 112px; 
	left: 829px;
	font-size: 15px;
	line-height:16px;

}


.video2
{ display: block;
float : left;
position: absolute; 
top: 547px; 
left: 55px; 

}

#en_fait
{
	display: block;
    width: 117px; 
	color : #EBEBEB;
	font-family: 'HelveticaNeueLTStd-Roman';
	position: absolute; 
  top: 547px; 
  left: 685px;
	font-size: 15px;
	line-height:16px;

}


.video3
{ display: block;
width: 500px;
position: absolute; 
top: 659px; 
left: 920px; 
}


#overweight
{
	display: block;
	float : right;
    width: 200px; 
	color : #EBEBEB;
	font-family: 'HelveticaNeueLTStd-Roman';
	position: absolute; 
	top: 1032px; 
	left: 920px; 
	font-size: 15px;
	line-height:16px;
}



.video4
{ display: block;
float:left;
width: 500px;
position: absolute; 
top: 1034px; 
left: 215px; 
}


#any
{
	display: block;
	float : left;
    width: 400px; 
	height: 300px;
	color : #EBEBEB;
	font-family: 'HelveticaNeueLTStd-Roman';
	position: absolute; 
	top: 1326px; 
	left: 846px;
	font-size: 15px;
	line-height:16px;

}


#biofrench{
display:block;
width:350px;
height: 208px;
color: #EBEBEB;
font-family:'HelveticaNeueLTStd-Roman';
position: absolute; 
top: 1452px; 
left: 134px;
font-size: 15px;
line-height:16px;
}


#bioenglish {
display:block;
width:360px;
height: 208px;
color: #EBEBEB;
font-family:'HelveticaNeueLTStd-Roman';
position: absolute; 
top: 1452px; 
left: 550px;
font-size: 15px;
line-height:16px;
}


#colonne1{
display:block;
float:left;
width:300px;
height: 280px;
color: #EBEBEB;
font-family: 'HelveticaNeueLTStd-Roman';
position: absolute; 
top: 1655px; 
left: 134px;
font-size:15px;
line-height:16px;
}

#colonne2{
width:300px;
height: 280px;
color: #EBEBEB;
font-family: 'HelveticaNeueLTStd-Roman';
position: absolute; 
top: 1655px; 
left:388px;
font-size:15px;
line-height:16px;
}

#colonne3{
display:block;
width:300px;
height: 280px;
color: #EBEBEB;
font-family: 'HelveticaNeueLTStd-Roman';
position: absolute; 
top: 1655px; 
left: 667px;
font-size:15px;
line-height:16px;
}

#colonne4{
	display:block;
	width:300px;
	height: 280px;
	color: #EBEBEB;
	font-family: 'HelveticaNeueLTStd-Roman';
	position: absolute; 
	top: 1667px; 
	left: 887px;
	font-size:15px;
	line-height:16px;
	}
	

#links
{
display:block;
float:left;
width:300px;
color: #EBEBEB;
font-family: 'HelveticaNeueLTStd-Roman';
position: absolute; 
    top: 544px;
left: 970px;
}


#hypertexte
{
display:block;
float:left;
width:300px;
color: #EBEBEB;
font-family: 'HelveticaNeueLTStd-Roman';
position: absolute; 
top: 420px; 
left: 972px;
font-size: 15px;
line-height: 16px;
}

#colonne3 img {
    margin-left: -8px;
}

a
{
color: #EBEBEB;
font-family: 'HelveticaNeueLTStd-Roman';

}