body {

background-color: #ffffff;
text-align: center;
font-family: Arial;
font-size: 13px;
color: #FFFFFF;

}

a{
	color:#00FF00;
	text-decoration:none;
	font-weight:bolder;
}
a:hover{
	color:#99FF66;
}

#conteneur {

width: 950px;
margin: 0 auto;
text-align: left;

}

/* Header :
contient le logo (#logo)
le texte défilant (#textdef)
les photos défilantes (#imgdef,#photoX)
le logo VPN (#logo_varlin)
le menu (#menu_pre,#menu_emi,#menu_actu,#menu_go)
le flux rss (#rss)
*/

#header {

position: absolute;
z-index: 1;
top: 0px;
width: 950px;
height: 175px;
background-image: url("img/header.png");

}

#logo {

position: absolute;
z-index: 3;
top: 0px;
left: 0px;
width: 250px;
height: 150px;

}

.drop_down{
float:left;
z-index:15;
position:absolute;
top:149px; 
width: 153px; 
background:#009900; 
border:#FFFFFF solid 2px;
}

.drop_down ul{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
}

.drop_down a{
	display:block;
	padding-left:10px;
	text-decoration:none;
	color:#A4F200;
	background-color:transparent;
}

.drop_down a:hover{
	display:block;
	background-color:#FFFFFF;
	color:#006600;
}

#textdef {

position: absolute;
z-index: 2;
top: 0px;
left: 215px;
width: 725px;
height: 25px;
background-image: url("img/textdef.gif");

}

#imgdef {

position: absolute;
z-index: 2;
top: 25px;
left: 225px;
width: 625px;
height: 90px;
background-image: url("img/imgdef.gif");

}

#logo_varlin {

position: absolute;
z-index: 2;
top: 28px;
right: 10px;
width: 85px;
height: 85px;
background-image: url("img/logo_varlin.png");

}

#menu_pre {

position: absolute;
z-index: 2;
top: 115px;
left: 225px;
width: 170px;
height: 30px;
background-image: url("img/menuout1.png");
}

#menu_emi {

position: absolute;
z-index: 2;
top: 115px;
left: 395px;
width: 170px;
height: 30px;
background-image: url("img/menuout2.png");

}

#menu_actu {

position: absolute;
z-index: 2;
top: 115px;
left: 565px;
width: 170px;
height: 30px;
background-image: url("img/menuout3.png");

}

#menu_go {

position: absolute;
z-index: 2;
top: 115px;
left: 735px;
width: 170px;
height: 30px;
background-image: url("img/menuout4.png");

}

#rss {

position: absolute;
z-index: 3;
top: 115px;
right: 10px;
width: 30px;
height: 30px;
/*background-image: url("img/rss.png");*/


}

/* News Vidéos :
contient le logo
et les vidéos des émissions récentes (5 à 10 maximum) 
*/

#tele{

position: absolute;
z-index: 2;
top: 5px;
left: 30px;
width: 103px;
height: 135px;
background-image: url("img/tele.png");

}

#news {

position: absolute;
z-index: 1;
top: 175px;
left : 50px;
width: 850px;
height: 150px;
background-image: url("img/news.png");

}

#cadre_news {

position: absolute;
z-index: 2;
top: 190px;
right : 65px;
width: 675px;
height: 125px;
background-image: url("img/cadre_news.png");

}

#video1 {

position: absolute;
z-index: 4;
top: 12px;
left: 80px;
width: 124px;
height: 100px;
background-image: url("img/video1.png");

}

#video2 {

position: absolute;
z-index: 4;
top: 12px;
left: 220px;
width: 124px;
height: 100px;
background-image: url("img/video2.png");

}

#video3 {

position: absolute;
z-index: 4;
top: 12px;
left: 360px;
width: 124px;
height: 100px;
background-image: url("img/video3.png");

}

#nav_left{

position: absolute;
z-index: 5;
top: 30px;
left: 0px;
width: 70px;
height: 70px;
background-image: url("img/nav_left.png");
cursor:pointer;

}

#nav_right{

position: absolute;
z-index: 5;
top: 30px;
right: 0px;
width: 70px;
height: 70px;
background-image: url("img/nav_right.png");
cursor:pointer;
}

/* Footer 

Comprend les liens utiles et les mentions légales
ainsi que les financeurs du projet*/

#footer{

position: absolute;
z-index: 1;
top: 1525px;
width: 950px;
height: 150px;
background-image: url("img/footer.png");

}

#textfooter {

position: absolute;
z-index: 2;
top: 25px;
Left: 85px;
width: 825px;
height: 50px;

}

#region {

position: absolute;
z-index: 2;
top: 45px;
left: 50px;
width: 76px;
height: 100px;
background-image: url("img/region.png");

}

#ville {

position: absolute;
z-index: 2;
top: 45px;
left: 400px;
width: 76px;
height: 100px;
background-image: url("img/ville.png");

}

#acse {

position: absolute;
z-index: 2;
top: 45px;
right: 225px;
width: 132px;
height: 100px;
background-image: url("img/acse.png");

}

#caf {

position: absolute;
z-index: 2;
top: 45px;
right: 50px;
width: 76px;
height: 100px;
background-image: url("img/caf.png");

}

#dpt {

position: absolute;
z-index: 2;
top: 45px;
left: 225px;
width: 76px;
height: 100px;
background-image: url("img/dpt.png");

}

/* Présentations des Acteurs

Cette partie concerne en fait les articles ainsi que les présentations des acteurs de TVI.

*/

#mainact1{

position: absolute;
z-index: 1;
top: 325px;
width: 950px;
height: 1000px;
background-image: url("img/mainfocus.png");

}

.scroll{
	overflow:scroll;
	height:1000px;
}

#texteact1{

position: absolute;
z-index: 2;
top: 350px;
left: 25px;
width: 900px;
height: 1000px;
text-align: justify;
overflow:auto;

}

#objetact1{

position: absolute;
z-index: 3;
top: 55px;
left: 60px;
width: 350px;
height: 263px;
background-image: url("img/objet1.png");

}

#titreact1{

position: absolute;
z-index: 2;
top: 35px;
right: 60px;
width: 425px;
height: 300px;
background-image: url("img/titrefocus.png");

}

#textetitre{

position: absolute;
z-index: 3;
top: 10px;
left:10px;
width: 405px;
height: 280px;

}

#similact1{

position: absolute;
z-index: 2;
top: 360px;
right: 60px;
width: 300px;
height: 575px;
background-image: url("img/liensact.png");

}

#lien1 {

position: absolute;
z-index: 3;
top: 70px;
left: 20px;
width: 124px;
height: 100px;
background-image: url("img/video1.png");

}

#lien2 {

position: absolute;
z-index: 3;
top: 190px;
left: 20px;
width: 124px;
height: 100px;
background-image: url("img/video2.png");

}

#lien3 {

position: absolute;
z-index: 3;
top: 310px;
left: 20px;
width: 124px;
height: 100px;
background-image: url("img/video3.png");

}

#textlien1 {

position: absolute;
z-index: 3;
top: 70px;
left: 149px;
width: 124px;
height: 100px;
text-align: justify;

}

#textlien2 {

position: absolute;
z-index: 3;
top: 190px;
left: 149px;
width: 124px;
height: 100px;
text-align: justify;

}

#textlien3 {

position: absolute;
z-index: 3;
top: 310px;
left: 149px;
width: 124px;
height: 100px;
text-align: justify;

}