/* CSS Document */

visible { visibility:visible; }
cache  { visibility:hidden; }
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:1022px;
}
a {text-decoration:underline; color:#000000;}
a:hover{text-decoration:underline; color:#00778F;}
p {text-align:justify;}
#gauche {
	position:absolute;
	width:361px;
	margin-left:0px;
	height:1022px;
	z-index:1;
	overflow: hidden;
	
}
#menu{
	position:absolute;
	margin-left:160px;
	margin-top:205px;
	width:150px;
	z-index:1;
	overflow: hidden;
	font-size:15px;
}
#menu dl{
	list-style-type:none; 
	margin-left:6px;
	margin-right:auto;
	margin-top:0px;
	}
#menu dt{
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	}

#menu img {border:0; }

#recherche{
	position:absolute;
	margin-left:174px;
	margin-top:422px;
	width:150px;
	height:150px;
	z-index:1;
	overflow: hidden;
		font-size:15px;


}
#recherche td{
	text-align:top;

}
#aide{
	position:absolute;
	margin-left:272px;
	margin-top:452px;
	width:30px;
	z-index:1;
	overflow: hidden;


}
#aide img {border:0; }



#Content {
	position:absolute;
	margin-left:328px;
	width:677px;
	height:1022px;
	z-index:1;
	overflow: hidden;

}

/********************************/
/* Lecteur windows media player */
/********************************/
#Lecteur {
	position:absolute;
	margin-left:36px;
	margin-top:87px;
	width:430px;
	height:350px;
	z-index:1;
	background-color: #999999;
}
#Lecteur_play {
	position:absolute;
	margin-left:390px;
	margin-top:418px;
	width:440px;
	height:20px;
	z-index:1;
}
#volumeup {
	position:absolute;
	margin-left:811px;
	margin-top:326px;
	width:25px;
	height:25px;
	z-index:1;
}
#volumedown {
	position:absolute;
	margin-left:811px;
	margin-top:385px;
	width:25px;
	height:25px;
	z-index:1;
}
#volumeupradio {
	position:absolute;
	margin-left:731px;
	margin-top:160px;
	width:25px;
	height:25px;
	z-index:1;
}
#volumedownradio {
	position:absolute;
	margin-left:731px;
	margin-top:200px;
	width:25px;
	height:25px;
	z-index:1;
}

/********/
/* Logo */
/********/
#Logo {
	position:absolute;
	margin-left:69px;
	margin-top:0px;
	width:100px;
	height:100px;
	z-index:2;
	left: 129px;
	top: 65px;
	/*background-color: #FF00FF;*/
}
	#Logo a img {
	border: 0;
	}

/****************************/
/*Polices du petit poucet*/
/****************************/
#poucet {
	position:absolute;
	margin-left:35px;
	margin-top:468px;
	z-index:2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	left: 26px;
	top: 6px;
}
#poucet a {text-decoration:none; color:#000000;}
#poucet a:hover{text-decoration:underline; color:#00778F;}

#poucettexte {
	position:absolute;
	margin-left:25px;
	margin-top:80px;
	z-index:2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	left: 26px;
	top: 6px;
}
#poucettexte a {text-decoration:none; color:#000000;}
#poucettexte a:hover{text-decoration:underline; color:#00778F;}

/******************************************************************************************************************/
/* ligne des films affciche 2 images cote a cote va par paire a gauche le top est à 0 et relative, à droite le top est un mutliple de 80 est absolute*/
/******************************************************************************************************************/
#film_gauche {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit {
	position:absolute;
	left:250px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche1 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit1 {
	position:absolute;
	left:250px;
	top:80px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche2 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit2 {
	position:absolute;
	left:250px;
	top:160px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche3 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit3 {
	position:absolute;
	left:250px;
	top:240px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche4 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit4 {
	position:absolute;
	left:250px;
	top:320px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche5 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit5 {
	position:absolute;
	left:250px;
	top:400px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche6 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit6 {
	position:absolute;
	left:250px;
	top:480px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche7 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit7 {
	position:absolute;
	left:250px;
	top:560px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche8 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit8 {
	position:absolute;
	left:250px;
	top:640px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche9 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit9 {
	position:absolute;
	left:250px;
	top:720px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche10 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit10 {
	position:absolute;
	left:250px;
	top:800px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche11 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit11 {
	position:absolute;
	left:250px;
	top:880px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche12 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit12 {
	position:absolute;
	left:250px;
	top:960px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche13 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit13 {
	position:absolute;
	left:250px;
	top:1040px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche14 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit14 {
	position:absolute;
	left:250px;
	top:1120px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche15 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit15 {
	position:absolute;
	left:250px;
	top:1200px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche16 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit16 {
	position:absolute;
	left:250px;
	top:1280px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche17 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit17 {
	position:absolute;
	left:250px;
	top:1360px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche18 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit18 {
	position:absolute;
	left:250px;
	top:1440px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche19 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit19 {
	position:absolute;
	left:250px;
	top:1520px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche20 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit21 {
	position:absolute;
	left:250px;
	top:1600px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_gauche22 {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:80px;
	z-index:5;
}
#film_droit22 {
	position:absolute;
	left:250px;
	top:1680px;
	width:250px;
	height:80px;
	z-index:5;
}

/************************/
/*Bulles blanches films */
/************************/
#MiniBulle_hg {
	position:absolute;
	left:100px;
	top:0px;
	width:134px;
	height:58px;
	z-index:1;
	background-image: url(images/minibulle.gif);
}
/**********************************************************************************************************************************/
/*Texte des bulles allant avec les images des films (hg=haut-gauche hd=haut-droite mg=milieu-gauche md=milieu-droite bg=bas-gauche
bd=bas-droite)*/
/**********************************************************************************************************************************/
#Bulle_hg {
	position:absolute;
	left:14px;
	top:2px;
	width:120px;
	height:53px;
	z-index:1;
	overflow:hidden;

}
/****************************/
/*Polices des bulles de film*/
/****************************/
.Titre2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.Texte2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}

/*********************/
/* Picto bas de page */
/*********************/
#Telephone {
	position:absolute;
	left:915px;
	top:785px;
	width:18px;
	height:44px;
	z-index:1;
	/*background-color: #FF00FF;*/
}
#Mail {
	position:absolute;
	left:935px;
	top:802px;
	width:27px;
	height:35px;
	z-index:1;
	/*background-color: #FFFF00;*/
}
#Mentions {
	position:absolute;
	left:961px;
	top:791px;
	width:27px;
	height:45px;
	z-index:1;
	/*background-color: #FFFF00;*/
}
/***************************/
/*Textes de la grosse bulle*/
/***************************/
#Titrebulle {
	position:relative;
	left:27px;
	top:34px;
	width:140px;
	height:30px;
	z-index:1;
	overflow: hidden;
}
#Textebulle {
	position:relative;
	left:15px;
	top:34px;
	width:148px;
	height:120px;
	z-index:1;
	overflow: hidden;
}
/**************/
/*Grosse bulle*/
/**************/
#Bulle {
	position:absolute;
	width:194px;
	height:259px;
	left:480px;
	top:20px;
	background-image: url(images/bulle1.gif);
	z-index:1;
	background-repeat: no-repeat;
}
/**************************************/
/*Polices de la bulle en haut à droite*/
/**************************************/
.Titre01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00778F;
	padding-bottom: 10px;
}
.Titre02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FBAF19;
}
.Texte1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align:justify;
}
.espace5 {
	font-size: 11px;
}
.Texte3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#0066CC;
	text-align:justify;
}

/**********/
/* Scroll Yann*/
/**********/
#contenutexte {
	position:absolute;
	margin-top:115px;
	margin-left:30px;
	width:547px;
	height:628px;
	overflow:hidden;
}
#support {
	position:absolute;
	margin-top:495px;
	margin-left: 60px;
	width:547px;
	height:268px;
	overflow:hidden;
}
#scroller {
background-image: url(images/ascenseur.gif);
 width:14px;
  height:270px;
   position:absolute;
    right:0;
}	

/**********************************************************************/
/* page on air2 */
/**************************************************************************/
#contenutexteradio {
	position:absolute;
	margin-top:115px;
	margin-left:30px;
	width:134px;
	height:628px;
	overflow:hidden;

}
#supportradio {
	position:absolute;
	margin-top:330px;
	margin-left: 140px;
	width:145px;
	height:448px;
	overflow:hidden;

}
#scrollerradio {
background-image: url(images/ascenseur.gif);
 width:14px;
  height:270px;
   position:absolute;
    right:0;
}	
#contenutexteradio2 {
	position:absolute;
	margin-top:115px;
	margin-left:230px;
	width:547px;
	height:628px;
	overflow:hidden;
}
#supportradio2 {
	position:absolute;
	margin-top:330px;
	margin-left: 300px;
	width:310px;
	height:448px;
	overflow:hidden;

}
#scrollerradio2 {
background-image: url(images/ascenseur.gif);
 width:14px;
  height:270px;
   position:absolute;
    right:0;
}	

/**********************************************************************/
/* page on air old a virer si besoin*/
/**************************************************************************/
/********************************/
/* Lecteur windows media player page on air */
/********************************/
#Lecteur_radio {
	position:absolute;
	margin-left:150px;
	margin-top:270px;
	width:1px;
	height:1px;
	z-index:1;
	background-color: #999999;
}
#Lecteur_radio_play {
	position:absolute;
	margin-left:507px;
	margin-top:275px;
	width:440px;
	height:20px;
	z-index:1;
}
#volumeup_radio {
	position:absolute;
	margin-left:740px;
	margin-top:170px;
	width:25px;
	height:25px;
	z-index:1;
}
#volumedown_radio {
	position:absolute;
	margin-left:740px;
	margin-top:205px;
	width:25px;
	height:25px;
	z-index:1;
}
/**************************************/
/*bloc music on air page on air*/
/**************************************/
#on_air {
	position:absolute;
	margin-left:180px;
	margin-top:245px;
	width:250px;
	z-index:1;
}
/**************************************/
/*bloc alphabet page on air*/
/**************************************/
#alphabet {
	position:absolute;
	margin-left:55px;
	margin-top:332px;
	width:25px;
	z-index:1;

}
.texte_alphabet{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FBAF19;
	font-size: 14px;
	line-height: 1.15;
	text-align: center;
}

.texte_alphabet a{
	color: #FBAF19;
	text-decoration:none; 
}
.texte_alphabet a:hover{
	color: #FBAF19;
	text-decoration:underline; 
}

/**************************************/
/*bloc artiste page on air*/
/**************************************/
#artiste {
	position:relative;
	margin-left:0px;
	margin-top:0px;
	width:127px;
	z-index:1;
}
.texte_artiste{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FBAF19;
	font-size: 11px;
	text-align: left;
}

.texte_artiste a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FBAF19;
	padding-bottom: 11px;
	text-decoration:none; 
}
.texte_artiste a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FBAF19;
	padding-bottom: 11px;
	text-decoration:underline; 
}
#ContainerScroll2 {
	position	: absolute;
	margin-top:10px;
	left		: 0px;
	right :0px;
	width		: 126px;
	height		: 423px;
	overflow	: hidden;

}
#ContentScroll2{
	position	: absolute;
	width		: 126px;
	left		: 0px;

}
#ScrollArea2 {
	position	: absolute;
	left		: 134px;
	top			: 0px;
	height		: 289px;
	width		: 15px;
	overflow	: hidden;
	background-image: url(images/ascenseur.gif);
	z-index:100;	
}
#ScrollAreaIn2{
	position	: absolute;
	top			: 10px;
	height		: 271px;
	width		: 15px;
	z-index:100;

}
#Scroller2 {
	position	: absolute;
	top			: 1px;
	width		: 15px;
	height		: 12px;
	background-image: url(images/curseur.gif);
	background-repeat: no-repeat;
	z-index:100;
}
#ScrollContentGlobal2 {
	position	: absolute;
	top			: 330px;
	left		: 138px;
	height		: 423px;
	width		: 126px;

}
/**************************************/
/*bloc videoartiste page on air*/
/**************************************/
#video_artiste {
	position:relative;
	margin-left:0px;
	margin-top:0px;
	width:127px;
	z-index:1;
}
.texte_video_artiste{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FBAF19;
	font-size: 11px;
	text-align: left;
}

.texte_video_artiste a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FBAF19;
	padding-bottom: 11px;
	text-decoration:none; 
}
.texte_video_artiste a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FBAF19;
	padding-bottom: 11px;
	text-decoration:underline; 
}
#ContainerScroll3 {
	position	: absolute;
	margin-top:5px;
	left		: 20px;
	right :0px;
	width		: 280px;
	height		: 423px;
	overflow	: hidden;
}
#ContentScroll3{
	position	: absolute;
	width		: 280px;
	left		: 0px;

	
}
#ScrollArea3 {
	position	: absolute;
	left		: 294px;
	top			: 0px;
	height		: 289px;
	width		: 15px;
	overflow	: hidden;
	background-image: url(images/ascenseur.gif);
	z-index:100;	
}
#ScrollAreaIn3{
	position	: absolute;
	top			: 10px;
	height		: 271px;
	width		: 15px;
	z-index:100;

}
#Scroller3 {
	position	: absolute;
	top			: 1px;
	width		: 15px;
	height		: 12px;
	background-image: url(images/curseur.gif);
	background-repeat: no-repeat;
	z-index:100;
}
#ScrollContentGlobal3 {
	position	: absolute;
	top			: 330px;
	left		: 300px;
	height		: 423px;
	width		: 280px;

}