/********************************************************************/
/*								GLOBAL								*/
/********************************************************************/

*{
margin:0;
padding:0;
border:0;
}

.png{
behavior: url(data/css/png.htc);
}

html, body{
margin:0;
padding:0;
height: 100%;
width: 100%;
font-family:Arial, Helvetica, sans-serif;
color:black;
font-size:11px;
}

body{
text-align:center;
/*background:url('../images/habillage_vancouver.jpg') center top no-repeat;*/
}

html{
text-align:center;
/*background:url('../images/habillage_vancouver.gif') center top repeat-y;*/
}

h1, h2, h3, h4, h5, h6{
display: inline;
font-weight: normal;
}

a img{
border:0px;
}

a{
text-decoration:none;
}

.clear{
clear:both;
}

/********************************************************************/
/*						ALERTE LOG PIU							*/
/********************************************************************/


.popupAlerte{
position:absolute;
width:225px;
height:80px;
z-index:150;
top:320px;
left:1px;
display:none;
}

.lienAlerte{
cursor:not-allowed;
}

/********************************************************************/
/*						HEADER et FOOTER							*/
/********************************************************************/

#global{
position:relative;
width:996px;
margin: 0 auto;
text-align:left;
}
/*
#fond{
position:relative;
width:996px;
height:826px;
background:url("../images/fondGlobal.gif");
}
*/
#fondTop{
position:relative;
width:996px;
height:130px;
background:url("../images/fondGlobalTop.gif");
}

#fondLine{
position:relative;
width:996px;
height: 750px;
background:url("../images/fondGlobalLine.gif") repeat;
}
		
		.ligneMenuTop{
		position:absolute;
		top:16px;
		left:21px;
		height:10px;
		width:954px;
		background:url("../images/fondLigne.gif");
		}


		#date{
		position:absolute;
		top:13px;
		left:20px;
		}

		#chaines{
		position:absolute;
		top:13px;
		right:20px;
		text-align:right;
		}

				#chaines a{
				font-weight:bold;
				margin-left: 10px;
				}

						#chaines .lienf2 {color:#fa000a;}
						#chaines .lienf3 {color:#3164cd;}
						#chaines .lienf4 {color:#820381;}
						#chaines .lienf5 {color:#58a321;}
						#chaines .lienrfo {color:#ff5f01;}
						#chaines .lienftv {color:#0b3d91;}
						#chaines .lienftd {color:#8fcef4;}
						#chaines .lienftvod {color:#000000;}

						#chaines a:hover {color:#7d7d7d;}

						

		#pub{
		position:absolute;
		top:30px;
		right:20px;
		width:730px;
		height:90px;
		overflow:hidden;
		text-align:right;
		}

		#clicHome{
		position:absolute;
		top:30px;
		left:20px;
		width:220px;
		height:90px;
		overflow:hidden;
		}

#fondBottom{
width:996px;
height: 50px;
background:url("../images/fondGlobalBottom.gif");
}
		#fondBottom	#footer {
		position: absolute;
		bottom: 22px;
		right: 14px;
		line-height:20px;
		font-size:13px;
		font-weight:bold;
		}
	
		#fondBottom	#footer a{
		color:black;
		margin:10px;
		}

		#fondBottom	#footer a:hover{
		color:#124a84;
		}


/********************************************************************/
/*								MENU								*/
/********************************************************************/

#menuGlobal{
position:absolute;
top:4px;
left:20px;
width:957px;
height:14px;
text-align:left;
/*background:red;*/
line-height:14px;
z-index:90;
}

		#menuGlobal li a{ color:black; }
		#menuGlobal li a:hover{ color:#124a84; }
		
		#menuGlobal li.menu{
		display:inline;
		list-style: none;
		font-size:14px;
		text-transform: uppercase;
		font-weight:bold;
		color:black;
		margin: 0 10px;
		z-index:95;
		}

		#menuGlobal li.sousMenu{
		display:block;
		list-style: none;
		font-size:14px;
		font-weight:bold;
		color:black;
		background:#f2f4f1;
		border: 1px solid #c3c3c1;
		padding: 1px 3px;
		margin:-1px 0 0 0;
		z-index:95;
		}

		#menuGlobal li.sousMenu.noUpper{
		text-transform: none;
		}

				
#menuQuiz{
display:none;
position:absolute;
top:14px;
left:275px;
text-align:left;
background:#ecebd9;
padding-top: 4px;
z-index:99;
}

#menuGagnants{
display:none;
position:absolute;
top:14px;
left:420px;
text-align:left;
background:#ecebd9;
padding-top: 4px;
z-index:99;
}




/********************************************************************/
/*								ZONE MEMBRE PIU 					*/
/********************************************************************/

#zoneMembre{
position:absolute;
border: 1px solid #c3c3c1;
top:28px;
left:20px;
height:286px;
width:166px;
background: white;
overflow:hidden;
}

		#zoneMembreIn{
		position:relative;
		margin: 5px;
		height:276px;
		width:156px;
		overflow:hidden;
		}



/********************************************************************/
/*								ZONE FLASH PROMO 					*/
/********************************************************************/

#promoFlash{
position:absolute;
border: 1px solid #c3c3c1;
top:323px;
left:20px;
height:420px;
width:166px;
background: white;
overflow:hidden;
}


/********************************************************************/
/*								 UNE TOURNANTE 		    			*/
/********************************************************************/

#uneTournante{
position:absolute;
border: 1px solid #c3c3c1;
top:28px;
left:196px;
height:286px;
width:384px;
background: white;
overflow:hidden;
z-index:5;
}

		#uneTournante .uneBg{
		position:absolute;
		top:0;
		left:0;
		}

		#uneTournante .uneDegrade{
		position:absolute;
		top:0;
		left:0;
		}

		#uneTournante .uneClic{
		position:absolute;
		top:0;
		left:0;
		z-index:50;
		}

		#uneTournante .uneTitre{
		position:absolute;
		top:191px;
		left:3px;
		height:20px;
		width:378px;
		overflow:hidden;
		font-size:14px;
		color:white;
		font-weight:bold;
		text-transform:uppercase;
		}

		#uneTournante .uneDate{
		position:absolute;
		top:3px;
		left:3px;
		height:14px;
		overflow:hidden;
		font-size:9px;
		color:white;
		text-align:right;
		}

		#uneTournante .uneTexte{
		position:absolute;
		top:213px;
		left:3px;
		height:70px;
		width:180px;
		overflow:hidden;
		font-size:11px;
		color:white;
		text-align:left;
		}

		#uneTournante .unePreview{
		position:absolute;
		top:230px;
		right:3px;
		height:38px;
		width:180px;
		overflow:hidden;
		}

		#uneTournante .uneVignette{
		float:left;
		margin-right:3px;
		height:36px;
		width:55px;
		overflow:hidden;
		border:1px solid white;
		cursor:pointer;
		}

/********************************************************************/
/*								 PLAYER VIDEO		    			*/
/********************************************************************/

#playerVideo{
position:absolute;
border: 1px solid #c3c3c1;
top:28px;
left:590px;
height:286px;
width:384px;
background: white;
overflow:hidden;
z-index: 5;
}


/********************************************************************/
/*								 PETITS BLOCS EN HOME   			*/
/********************************************************************/

#mea1{
position:absolute;
top:322px;
left:196px;
}

#mea2{
position:absolute;
top:322px;
left:590px;
}

#mea3{
position:absolute;
top:431px;
left:196px;
}

#mea4{
position:absolute;
top:431px;
left:590px;
}

#mea5{
position:absolute;
top:540px;
left:196px;
}

#mea6{
position:absolute;
top:540px;
left:590px;
}

#mea7{
position:absolute;
top:649px;
left:196px;
}

#mea8{
position:absolute;
top:649px;
left:590px;
}

.blocMEA{
position:relative;
height:96px;
width:386px;
overflow:hidden;
background:url("../images/fondBlocMEA.gif");
}


		.blocMEA .imgMEA{
		position:absolute;
		top:3px;
		left:3px;
		height:90px;
		width:187px;
		overflow:hidden;
		}

		.blocMEA .colorMEA{
		position:absolute;
		top:3px;
		left:194px;
		height:90px;
		width:2px;
		overflow:hidden;
		}

				.colorMEA.meaf2 {background:#fa000a;}
				.colorMEA.meaf3 {background:#3164cd;}
				.colorMEA.meaf4 {background:#820381;}
				.colorMEA.meaf5 {background:#87BA09;}
				.colorMEA.mearfo {background:#ff5f01;}
				.colorMEA.meaftv {background:#0b3d91;}
				.colorMEA.meaftd {background:#8fcef4;}
				.colorMEA.meaftvod {background:#000000;}
				.colorMEA.mea {background:#000000;}

		.blocMEA .txtMEA{
		position:absolute;
		top:3px;
		left:201px;
		height:90px;
		width:178px;
		text-align:justify; 
		overflow:hidden;
		}
		
		.blocMEA .logoMEA{
		position:absolute;
		right:4px;
		top:72px;
		height:20px;
		text-align:right;
		}

		.blocMEA .clicMEA{
		position:absolute;
		height:96px;
		width:384px;
		}

		.blocMEA .bgMEA{
		display:none;
		position:absolute;
		height:96px;
		width:384px;
		}


/********************************************************************/
/*								ARTICLE         					*/
/********************************************************************/

.ligne{
height:10px;
width:100%;
background:url("../images/fondLigne.gif");
}

#zoneArticle{
position:absolute;
top:28px;
left:196px;
height:716px;
width:502px;
overflow:hidden;
}

		#zoneArticle #imgArticle{
		position:relative;
		width:500px;
		height:110px;
		border: 1px solid #c3c3c1;
		}

				#zoneArticle #imgArticle #logoIn{
				position:absolute;
				bottom:5px;
				right:5px;
				}

		#zoneArticle h1{
		display:block;
		font-size:18px;
		font-weight:bold;
		}

		#zoneArticle h4{
		display:block;
		font-size:10px;
		margin-bottom:12px;
		}
		
		#zoneArticle #txtArticle{
		width:490px;
		padding-right:10px;
		height:572px;
		font-size:12px;
		text-align:justify;
		overflow:auto;
		overflow-x:hidden;
		scrollbar-face-color:#ECEBD9;
		scrollbar-arrow-color:#000378;
		scrollbar-track-color: #ECEBD9;
		scrollbar-3dlight-color:#ECEBD9;
		scrollbar-darkshadow-color: #ECEBD9;
		}

		#zoneArticle a{
		text-decoration:underline;
		font-weight:bold;
		font-style: italic;
		color:#124A84;
		}

		#zoneArticle a:hover{
		text-decoration:underline;
		font-weight:bold;
		font-style: italic;
		color:#000000;
		}

#colonneArticle{
position:absolute;
top:28px;
right:20px;
width:270px;
height:716px;
overflow:hidden;
}

		.blocArticle{
		border: 1px solid #c3c3c1;
		background:#ffffff url("../images/fondDegrade.gif") no-repeat;
		background-position: bottom;
		width:268px;
		padding: 5px 0;
		margin-bottom: 8px;
		}

		.blocArticleIn{
		width:258px;
		margin: 0 5px;
		}

				.blocArticleIn h2{
				display:block;
				font-weight:bold;
				font-size:12px;
				text-decoration:underline;
				margin-bottom:6px;
				}

				.blocArticleIn input{
				float:left;
				}

				.blocArticleIn form{
				margin: 0 0 2px 0;
				}
		
		.blocArticleIn .logoDerniers{
		float:left;
		width: 50px;
		text-align:center;
		margin-bottom: 10px;
		height: 26px;
		overflow:hidden;
		}

		.blocArticleIn .txtDerniers{
		float:left;
		width: 208px;
		height: 26px;
		margin-bottom: 10px;
		overflow:hidden;
		}


/* --------------------------------- */
/* PAGE QUIZ */
/* --------------------------------- */	

#titreQuiz{
position:absolute;
top:28px;
left:196px;
height:16px;
overflow:hidden;
background:black;
line-height:16px;
color:white;
font-weight:bold;
padding-left:5px;
padding-right:5px;
}

#zoneQuiz{
position:absolute;
top:48px;
right:18px;
width:782px;
height:696px;
overflow:auto;
overflow-x:hidden;
scrollbar-face-color:#ECEBD9;
scrollbar-arrow-color:#000378;
scrollbar-track-color: #ECEBD9;
scrollbar-3dlight-color:#ECEBD9;
scrollbar-darkshadow-color: #ECEBD9;
}

.blocQUIZ{
float:left;
position:relative;
height:96px;
width:375px;
margin: 0 5px 5px 0;
overflow:hidden;
background:url("../images/fondBlocQUIZ.gif");
}

		.blocQUIZ .imgMEA{
		position:absolute;
		top:3px;
		left:3px;
		height:90px;
		width:184px;
		overflow:hidden;
		}

		.blocQUIZ .colorMEA{
		position:absolute;
		top:3px;
		left:191px;
		height:90px;
		width:2px;
		overflow:hidden;
		}

		.blocQUIZ .txtMEA{
		position:absolute;
		top:3px;
		left:198px;
		height:90px;
		width:170px;
		text-align:justify; 
		overflow:hidden;
		}

		.blocQUIZ .logoMEA{
		position:absolute;
		right:7px;
		top:72px;
		height:20px;
		text-align:right;
		}

		.blocQUIZ .clicMEA{
		position:absolute;
		height:96px;
		width:375px;
		}

		.blocQUIZ .bgMEA{
		display:none;
		position:absolute;
		height:96px;
		width:375px;
		}




/* --------------------------------- */
/* PAGE QUIZ */
/* --------------------------------- */	

/* ------------------------ */
/* Gestion Quiz Partenariat */
/* ------------------------ */	

		.partenariat .colorMEA{
		position:absolute;
		top:3px;
		left:194px;
		height:90px;
		width:13px;
		overflow:hidden;
		background:url("../images/meaPartenariat.gif");
		}
		
		.partenariat .txtMEA{
		position:absolute;
		top:3px;
		left:210px;
		height:90px;
		text-align:justify; 
		overflow:hidden;
		}
		
		.blocMEA.partenariat .txtMEA{
		width:170px;
		}
		
		.blocQuiz.partenariat .txtMEA{
		width: 159px;
		}

/* ------------------------ */
/* Gestion Quiz Partenariat */
/* ------------------------ */	

#titreActu{
position:absolute;
top:58px;
left:196px;
height:16px;
overflow:hidden;
background:black;
line-height:16px;
color:white;
font-weight:bold;
padding-left:5px;
padding-right:5px;
}

#zoneActu{
position:absolute;
top:58px;
right:18px;
width:782px;
height:684px;
overflow:auto;
overflow-x:hidden;
scrollbar-face-color:#ECEBD9;
scrollbar-arrow-color:#000378;
scrollbar-track-color: #ECEBD9;
scrollbar-3dlight-color:#ECEBD9;
scrollbar-darkshadow-color: #ECEBD9;
}

.blocACTU{
float:left;
position:relative;
height:44px;
width:375px;
margin: 0 5px 5px 0;
overflow:hidden;
background:url("../images/fondBlocACTU.gif");
}

		.blocACTU .imgMEA{
		position:absolute;
		top:3px;
		left:3px;
		height:38px;
		width:50px;
		overflow:hidden;
		}

		.blocACTU .colorMEA{
		position:absolute;
		top:3px;
		left:56px;
		height:38px;
		width:2px;
		overflow:hidden;
		}

		.blocACTU .txtMEA{
		position:absolute;
		top:3px;
		left:61px;
		height:38px;
		width:300px;
		text-align:justify; 
		overflow:hidden;
		line-height: 12px;
		}

		.blocACTU .logoMEA{
		position:absolute;
		right:7px;
		top:18px;
		height:20px;
		text-align:right;
		}

		.blocACTU .clicMEA{
		position:absolute;
		height:38px;
		width:375px;
		}

		.blocACTU .bgMEA{
		display:none;
		position:absolute;
		height:38px;
		width:375px;
		}

/* --------------------------------- */
/* PAGE VIDEO */
/* --------------------------------- */	

#contenuVideo{
position:absolute;
top:342px;
left:600px;
height:303px;
width:370px;
overflow:hidden;
z-index: 5;
text-align:justify;
}

		#contenuVideo h1{
		display:block;
		font-size:15px;
		font-weight:bold;
		}

		#contenuVideo h4{
		display:block;
		font-size:10px;
		margin-bottom:12px;
		}
		
		#contenuVideo .txt{
		font-size:12px;
		height: 255px;
		width:360px;
		padding-right:10px;
		overflow:auto;
		overflow-x:hidden;
		scrollbar-face-color:#ECEBD9;
		scrollbar-arrow-color:#000378;
		scrollbar-track-color: #ECEBD9;
		scrollbar-3dlight-color:#ECEBD9;
		scrollbar-darkshadow-color: #ECEBD9;
		}

#zoneVideo{
position:absolute;
top:29px;
left:196px;
width:390px;
height:682px;
overflow:auto;
overflow-x:hidden;
scrollbar-face-color:#ECEBD9;
scrollbar-arrow-color:#000378;
scrollbar-track-color: #ECEBD9;
scrollbar-3dlight-color:#ECEBD9;
scrollbar-darkshadow-color: #ECEBD9;
}

.blocVIDEO{
float:left;
position:relative;
height:44px;
width:365px;
margin: 0 5px 5px 0;
overflow:hidden;
background:url("../images/fondBlocVIDEO.gif");
}

		.blocVIDEO .imgMEA{
		position:absolute;
		top:3px;
		left:3px;
		height:38px;
		width:50px;
		overflow:hidden;
		}

		.blocVIDEO .colorMEA{
		position:absolute;
		top:3px;
		left:56px;
		height:38px;
		width:2px;
		overflow:hidden;
		}

		.blocVIDEO .txtMEA{
		position:absolute;
		top:3px;
		left:61px;
		height:38px;
		width:290px;
		text-align:justify; 
		overflow:hidden;
		line-height: 12px;
		}

		.blocVIDEO .logoMEA{
		position:absolute;
		right:7px;
		top:18px;
		height:20px;
		text-align:right;
		}

		.blocVIDEO .clicMEA{
		position:absolute;
		height:38px;
		width:365px;
		}

		.blocVIDEO .bgMEA{
		display:none;
		position:absolute;
		height:38px;
		width:365px;
		}

/* --------------------------------- */
/* PAGE SIMPLE */
/* --------------------------------- */	

#zoneSimple{
position:absolute;
top:162px;
right:20px;
width:780px;
height:606px;
overflow:auto;
overflow-x:hidden;
scrollbar-face-color:#ECEBD9;
scrollbar-arrow-color:#000378;
scrollbar-track-color: #ECEBD9;
scrollbar-3dlight-color:#ECEBD9;
scrollbar-darkshadow-color: #ECEBD9;
text-align:justify;
font-size:12px;
}

		#zoneSimple h2{
		height:20px;
		font-size:12px;
		background:black;
		line-height:20px;
		color:white;
		font-weight:bold;
		padding:2px 5px;
		}


/********************************************************************/
/*					    	 PAGE RENCONTRE 		    			*/
/********************************************************************/

#textRecontre{
position:absolute;
top:28px;
left:196px;
height:288px;
width:386px;
overflow:hidden;
text-align:justify;
z-index:5;
font-size:12px;
}

		#textRecontre h4{
		font-size:14px;
		color:#124A84;
		font-weight:bold;
		}

		.ligneRencontre{
		position:absolute;
		top:336px;
		left:196px;
		height:10px;
		width:778px;
		background:url("../images/fondLigne.gif");
		}

		.titreGalerie{
		position:absolute;
		top:332px;
		left:196px;
		background:black;
		padding: 2px 5px;
		color:white;
		font-weight:bold;
		}

		.galerie{
		position:absolute;
		top:350px;
		left:196px;
		height:279px;
		width:778px;
		}


/* --------------------------------- */
/* LIENS */
/* --------------------------------- */				

a.gris{
color:black;
}

a.gris:hover{
color:#a2a2a2;
}

a.bleu{
color:black;
}

a.bleu:hover{
color:#124A84;
}



/* --------------------------------- */
/*	 FORM	*/
/* --------------------------------- */

form{
margin:0;
padding:0;
border:0;
}

input.text{
border: 1px solid #c3c3c1;
padding: 2px;
font-size:11px;
margin-right:5px;
}

select.text{
border: 1px solid #c3c3c1;
padding: 2px;
font-size:11px;
margin-right:5px;
}

textarea.text{
border: 1px solid #c3c3c1;
padding: 2px;
font-size:11px;
margin-right:5px;
font-family:arial, sans-serif;
}

input.ok{
border-top: 1px solid #c3c3c1;
border-left: 1px solid #c3c3c1;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
padding-bottom: 1px;
font-size:11px;
font-weight:bold;
background:white;
}

/* --------------------------------- */
/* TEXTE */
/* --------------------------------- */

.t1{font-size:1px;}
.t2{font-size:2px;}
.t3{font-size:3px;}
.t4{font-size:4px;}
.t5{font-size:5px;}
.t6{font-size:6px;}
.t7{font-size:7px;}
.t8{font-size:8px;}
.t9{font-size:9px;}
.t10{font-size:10px;}
.t11{font-size:11px;}
.t12{font-size:12px;}
.t14{font-size:14px;}
.t15{font-size:15px;}
.t16{font-size:16px;}
.t18{font-size:18px;}
.t20{font-size:20px;}
.t24{font-size:24px;}
.blanc{color: #ffffff;}
.noir{color: #000000;}
.bold{font-weight:bold;}
.italique{font-style: italic;}
.underline{text-decoration:underline;}
.uppercase{text-transform:uppercase;}