@charset "utf-8";
/* CSS Document */
#prechargement {
 display: none;
 visibility:hidden;
 }

body{
	margin:0;
	padding:0;
	width:990px;
	margin-left: auto;
    margin-right: auto;	
	background-color:#00addd;
	position:relative;
	z-index:0;
}
.entete{
	height:150px;
	width:990px;

}

/*---------------------*/
/*------- Authentification  et contenu de la pub -------*/
.conteneur{
	float:right;
	width:828px;
	height:90px;
}
.auth{
	float:left;
	width:100px;
	height:90px;
	background-color:#2b6e88;
}
.banner_pub{
	float:left;
	width:728px;
	height:90px;
	background-color:#2b6e88; 	
}
/*--------------------------------*/
/*-------banniere flash message!! ----------*/
.block_flash{
	float:left;
	width:600px;
	height:28px;
	background-color:#00addd;
	position:relative;
	z-index:100;
}
.fond{
	float:left;
	width:162px;
}
/*--------------------------------*/
/*---------------pied de page---------------*/
.pieddepage{
	
	background-color:#00addd; 
	width:870px;
	font-family:Verdana;
	font-weight:bold;
	font-size:12px;

}

.pdp_texte{
	float:left;
	width:990px;
	text-align:center;
	background-color:#00addd;
}

/*---------------------------------------------*/	
/*-------------------Login----------------------*/
.connexion{
	width:100px;
	text-align:center;
	height:24px;
	color:#FFFFFF; 
	font-family: Verdana;
	font-size:10px;
}
.inscription{
	width:100px;
	text-align:center;
	height:24px; 
	color:#FFFFFF;
	font-family:Verdana;
	font-size:10px;
}
.acces{
	font-family:Verdana;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	height:84px;
	background-image:url(../images/acceuil/fond_connect.png);
}
.acces a{
	text-decoration:none;
	color:#FFFFFF;
}
.acces a:visited{
	text-decoration:none;
	color:#FFFFFF;
}
#filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 1005px;
	background-color: #CCA;
	z-index:160;
	opacity:0.5;

}
#box 
{
	display: none;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	position: absolute;
	height:100px;
	width:250px;
	padding: 0;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:200;
	overflow:  hidden;
}

.quitter
{
	margin-top:-25px;
	position:relative;
	z-index:10;
	padding-left:10px;
}
/*---------------------------------------------*/	
/*--------------module programme--------------*/
.conteneurprogr {
	width:870px;
	height:265px;
	background-color:#2b6e88;	
}
.t1{
 padding-left:80px;
 padding-top:10px;
 font-family:Verdana;
 font-weight:bold;
 font-size:12px;

}
.liste_chaine{
	width:225px;
	height:250px;
	background-color:#00addd;
	float:left;
	position:relative;
	z-index:50;
}
.votresoir{
	margin-bottom:5px;
}
.img1{
	border:0px;
}
.block_languette{
	border:0px;
	padding:0px;	
	width:237px;
	height:33px;
	background-image:url(../images/votre_soiree/tf1_1.png);
}
.block_languette2{
	border:0px;
	padding:0px;	
	width:237px;
	height:33px;
	background-image:url(../images/votre_soiree/france2_1.png);
}
.block_languette3{
	border:0px;
	padding:0px;	
	width:237px;
	height:33px;
	background-image:url(../images/votre_soiree/france3_1.png);
}
.block_languette4{
	border:0px;
	padding:0px;	
	width:237px;;
	height:33px;
	position:relative;
	z-index:90;
	background-image:url(../images/votre_soiree/canal_1.png);
}
.block_languette5{
	border:0px;
	padding:0px;	
	width:237px;
	height:33px;
	position:relative;
	z-index:90;
	background-image:url(../images/votre_soiree/arte_1.png);
}
.block_languette6{
	border:0px;
	padding:0px;
	width:237px;
	height:33px;
	background-image:url(../images/votre_soiree/m6_1.png);
	cursor:default;
	position:relative;
	z-index:90;
}

.block_languette2:hover{
	border:0px;
	margin-left:10px;
	position:relative;	
	height:33px;	
	z-index:160;
	background-image:url(../images/votre_soiree/france2_2.png);
	cursor:default;
}
.block_languette3:hover{
	border:0px;
	padding:0px;
	margin-left:10px;	
	position:relative;	
	z-index:150;
	width:237px;
	height:33px;	
	background-image:url(../images/votre_soiree/france3_2.png);
	cursor:default;
}
.block_languette4:hover{
	border:0px;
	margin-left:10px;
	position:relative;
	width:237px;
	height:33px;		
	z-index:140;
	background-image:url(../images/votre_soiree/canal_2.png);
	cursor:default;
}
.block_languette5:hover{
	border:0px;
	margin-left:10px;
	position:relative;
	width:237px;
	height:33px;	
	z-index:130;
	background-image:url(../images/votre_soiree/arte_2.png);
	cursor:default;
}
.block_languette6:hover{
	border:0px;
	margin-left:10px;
	position:relative;	
	width:237px;
	height:33px;	
	z-index:120;
	background-image:url(../images/votre_soiree/m6_2.png);
	cursor:default;
}
.block_languette:hover{
	border:0px;
	margin-left:10px;
	position:relative;	
	width:237px;
	height:33px;	
	z-index:110;
	background-image:url(../images/votre_soiree/tf1_2.png);		
	cursor:default;
}
.con_chaine{
	float:left;
	width:387px;
	
	height:50px;
	margin-top:30px;
}

.gd_languette{
	padding-left:30px;
	margin-top:-22px;
	position:absolute;
	z-index:150;
}
/*---------------------------------------------*/	
/*--------------module dossiers---------------*/
.contenu2{
	width:870px;
	min-height:440px;
	background-color:#FFFFFF;
}
.contenant{
	height:323px;
	width:160px;
	margin-top:30px;
	margin-left:10px;
	float:left;
	text-align:center;
	background-image:url(../images/acc_news/fond_dossiers.jpg) ;
}

.contenant:hover{
	height:323px;
	width:160px;
	margin-top:40px;
	margin-left:10px;
	float:left;
	text-align:center;
	background-image:url(../images/acc_news/fond_dossiers.jpg) ;
}
.contenant3{
	height:345px;
	width:170px;
	margin-top:30px;
	margin-left:5px;
	float:left;
	text-align:center;
	background-image:url(../images/acc_news/fond_dossiers_2.jpg) ;
}
.contenant3:hover{
	height:345px;
	width:170px;
	margin-top:40px;
	margin-left:5px;
	float:left;
	text-align:center;
	background-image:url(../images/acc_news/fond_dossiers_2.jpg) ;
}
.contenant2{
	height:393px;
	width:190px;
	float:left;	
}
.texte_prog{
	position:relative;
	z-index:190;
	margin-top:-10px;	
}
#photo1:hover{
	height:320px;
	width:190px;
}
#photo2:hover{
	height:320px;
	width:190px;
}
#photo3:hover{
	height:320px;
	width:190px;
}
#photo4:hover{
	height:320px;
	width:190px;
}
#photo5:hover{
	height:320px;
	width:190px;
}
#photo6:hover{
	height:320px;
	width:190px;
}
#contact_titre{
	margin-left:200px;
	
}
#contact_contenu{

	margin-left:150px;
}