/* couleurs 
---------------------------------------- */

.gris { color:#7b7b7b; }



/* conteneur 
---------------------------------------- */

body {

	margin: 0px; padding: 0px; text-align: center;
	
	background-color:#050505;

}

body a  {
	
	color:#fdfdfd;

	text-decoration: none;

}

body a:active{

	outline: none;

}

a:active, a:focus {
	
   outline:none;

}

body a:hover  {

	color: #01c5ff;

	text-decoration: underline;

}

body img {

	border: 0px;

}

#conteneur {

	padding: 0px 2px 0px 2px; margin: 0px; width: 1004px;

	text-align: left; margin-left: auto; margin-right: auto; padding-top:10px;
	
	background-color:#050505; color:#fdfdfd; font:normal 11px Arial, Helvetica, sans-serif;

}

.image { 
	
	margin:14px 20px 5px 0px; float:left; text-align:center; width:670px; position:relative; 
	
}

.image object  { width:670px; height:480px; }
.image embed { width:100%; min-height:480px; height:auto !important; height:480px; }

.image #fleche_gauche { position:absolute; background:transparent url(left-big.png) no-repeat; width:54px; height:66px; display:block; top:20px; left:40px; z-index:1 }
.image #fleche_droite { position:absolute; background:transparent url(right-big.png) no-repeat; width:54px; height:66px; display:block; top:20px; right:40px; z-index:1 }

.image #zone_gauche { position:absolute; top:0px; left:0px;  display:block; -moz-opacity:0.2; opacity:0.2; filter:alpha(opacity=20); background-color:#010101; z-index:2 }
.image #zone_droite { position:absolute; top:0px; right:0px; display:block; -moz-opacity:0.2; opacity:0.2; filter:alpha(opacity=20); background-color:#010101; z-index:2 }

.infos {
	
	font-size:13px; color:#a9a9a9; width:300px; float:left; margin-top:14px;
	
}

.partager {
	
	font-size:11px; font-weight:bold; color:#fdfdfd; margin:0px 0px 10px 0px; cursor:pointer;
	
}

.partager img { vertical-align:middle; margin-right:3px; }
.partager a:hover { -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50); }

.infos_rubrique .partager img { margin-right:12px; }
.infos_rubrique .partager p { float:left; }
.infos_rubrique .partager .titre { float:left; font-size:12px; margin-right:8px; font-weight:normal; }


.nav {
	
	font-size:11px; font-weight:bold; color:#7b7b7b; margin:0px 0px 10px 0px; cursor:pointer; float:left;
	
}

.nav img { vertical-align:middle; margin-right:0px; }

.minis {
	
	margin:5px 0px 0px 0px; 
	
}

.minis .off { margin:1px 3px 0px 3px; -moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50);  }
.minis .off:hover { -moz-opacity:1; opacity: 1; filter:alpha(opacity=100); }
.minis .on  { border:#fdfdfd solid 3px; margin:0px 0px 0px 0px; }


.left {
	
	width:670px; height:250px; border-right:#434343 solid 1px; padding:10px 10px 10px 0px; float:left;
	
}

.right {
	
	width:300px; height:250px; border-right:#434343 solid 1px; padding:10px 10px 10px 10px; float:left;
	
}

.vignette {
	
	width:80px; color:#949494; font-size:10px; font-weight:normal; text-align:center; float:left; margin-right:4px;
	
}

.vignette img { margin-bottom:2px; }

.article {
	
	width:310px; float:left; color:#868686; padding-top:35px; text-align:left; margin-right:10px; background-repeat:no-repeat;
	
}

.article .titre { font-size:13px; color:#fdfdfd; display:block; margin:0px 0px 3px 0px; text-align:left; }

.news {
	
	width:350px; float:left; padding-top:12px; color:#858585; text-align:left;
	
}
.news .titre { font-size:13px; color:#fdfdfd; display:block; margin:0px 0px 1px 0px; }
.news img { margin:0px 7px 15px 0px; float:left }


.onglet, .onglet .no { border-top:#434343 solid 1px; padding:4px 0px 0px 0px; float:left; margin-right:7px; margin-top:20px; position:relative; cursor:pointer; }
.onglet { margin:4px 0px 4px 0px; border:0px; border-right:1px solid #434343; text-decoration:none; margin:0px 0px 0px 0px; padding:14px 14px 14px 14px;}
#conteneur .onglet_on { margin:0px 0px 0px 0px; padding:14px 14px 14px 14px; background-color:#505050; text-decoration:none; color:#fdfdfd; }
.onglet_zapp { border-top:#434343 solid 0px; margin-top:0px; }
.onglet a:hover, .onglet .on{ background-color:#626262; text-decoration:none; color:#fdfdfd; }
.onglet a { color:#626262; padding:2px 6px 2px 6px; }
.onglet .flechebas { position:absolute; top:17px; left:5px; display:block; width:20px; height:8px; 
					 background:transparent url(flechebas.png) no-repeat; margin:0px; }


.desc {

	/*min-height:150px; height:auto !important; height:150px; */
	text-align:left;

}

.desc p[align=justify] { text-align:left; }

#gallerie {	position: absolute; z-index:1000; width:100%; height:100%; color:#FFF }
#gallerie .fond { width:100%; height:100%; background-color:#000; -moz-opacity:0.7; opacity: 0.7; filter:alpha(opacity=70);z-index:100000; position:absolute }
#gallerie .images { z-index:1000000; position:absolute;  margin:auto auto; width:100%; height:80%; }
#gallerie img { margin:0px 8px 8px 0px; }



/* commentaires 
---------------------------------------- */

.comm {

	width:300px; float:left; font-size:12px; color:#a9a9a9; margin-right:45px; text-align:justify; margin-top:15px;


}

.comm .auteur { font-size:11px; font-weight:bold; color:#fdfdfd; }
.ajout { font-size:11px; font-weight:bold; color:#fefefe; background:#2d2d2d url(fondajout.jpg) no-repeat;
				border-top:#3c3c3c solid 1px; width:188px; height:26px; text-align:left; float:left; margin-top:15px; padding-top:12px; padding-left:110px; }
				


/* textes 
---------------------------------------- */

.chemindefer { font-size:12px; font-weight:bold; margin:0px 0px 10px 0px; float:left;  }

.titregalerie { font-size:20px; float:left; margin:0px 0px 4px 0px;}

.titrenext, .titreprev { font-size:11px; font-weight:bold; margin:0px 0px 4px 0px; position:absolute; width:60px; top:0px; left:0px; padding-top:2px;} 
.titrenext { text-align:right; background:transparent url(titrenext.jpg) no-repeat; background-position:50px 2px; padding-right:20px; width:50px; left:80px; }
.titreprev { text-align:left;  background:transparent url(titreprev.jpg) no-repeat; background-position:0px 2px; padding-left:20px; }

.fleche { float:right; }
.fleche:hover { -moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50); }

.titrenext:hover, .titreprev:hover { text-decoration:none; }

.titrephoto { font-size:15px; font-weight:bold; margin:0px 0px 4px 0px; color:#fdfdfd; }

.navig { float:right; width:320px; position:relative; margin:0px; }

.infos_rubrique { font-size:17px; margin:0px 0px 0px 0px;  text-align:left; float:left; font-size:12px; 
				  padding:15px 15px 10px 0px; margin-right:2px; background-color:transparent; min-height:210px; height:auto !important; height:210px; color:#a6a6a6;}
.infos_rubrique span { font-size:28px;font-weight:normal; color:#f6f6f6; display:block; width:350px; }
.infos_rubrique p { width:350px; }
.infos_rubrique .line { width:360px; margin:16px 0px 20px 0px; -moz-opacity:0.9; opacity:0.9; filter:alpha(opacity=90);}
.rubrique { width:1004px; background:transparent url(vides.jpg) repeat-y; float:left; background-image:none; position:relative; }
.rubrique img { float:left; margin:0px 2px 2px 0px; }
.rubrique img:hover { text-decoration:underline }
.rubrique .img0 { -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); }
.rubrique .img1 { -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); }
.rubrique .img2 { -moz-opacity:0.9; opacity:0.9; filter:alpha(opacity=90); }
.rubrique .img3 { -moz-opacity:1; opacity:1; filter:alpha(opacity=100); }

.voirdiapo { font:normal 20px Arial, Helvetica, sans-serif; color:#f6f6f6; margin-top:10px; background:transparent url(voirdiapo.jpg) no-repeat; padding-left:22px; }
.voirdiapo:hover { text-decoration:underline; color:#f6f6f6; }


.toutes { display:block; width:75px; height:70px; float:left; text-align:center; margin:0px 0px 0px 3px; background-color:#1a1a1a; padding:25px 10px 0px 10px; color:#9f9f9f; }
.toutes:hover { background-color:#fdfdfd; text-decoration:none; color:#070707; }

#toutesimg { position:absolute; z-index:101; left: 50%;top: 50%; width:602px; margin-left:-300px; margin-top:-250px; -moz-opacity:0; opacity:0; filter:alpha(opacity=0); }
#toutesimg img { display:block; margin:0px 4px 4px 0px; float:left; border:1px solid #070707; }
#toutesimg img:hover { -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50); }
#toutesfond { background-color:#000000; -moz-opacity:0; opacity:0; filter:alpha(opacity=0); height:100%; width:100%; position:absolute; z-index:100; top:0px; left:0px; cursor:pointer;  }
#toutesfermer { text-decoration:none; color:#CCC; font-size:12px; float:right }
#toutesfermer:hover { color:#FC0; text-decoration:underline;  }
.toutestexte { color:#CCC; font-size:12px; float:left }

/* divers 
---------------------------------------- */

.clear { 

	clear:both; height:0px;  overflow:hidden; 
	
}

.line, .line_gauche, .line_droite, #contenu_gauche .line {

	height: 1px; width: 100%; background-color:#434343;

	padding:0px 0px 0px 0px; margin:4px 0px 10px 0px; 

	clear: both; overflow: hidden;

}

.vide {
	
	width:109px; height:109px; float:left; margin-right:2px; background-color:#333;
	
}


/* menu 
---------------------------------------- */

#header {

	padding: 0px 2px 0px 2px; margin: 0px; width: 1018px;

	text-align: left; margin-left: auto; margin-right: auto;

}

#headr { width:100%; height:45px; background-color:#050505; border-bottom:1px solid #434343; margin-bottom:0px; }

#menu {



	float: right;



	font-family: Arial, Helvetica, sans-serif;



	margin: 12px 8px 0px 0px;



	padding: 0px 0px 0px 0px;



	display: inline;

	

	cursor:pointer;


}







#menu .separation{



	float: left;



	font-size: 20px; 



	font-weight: bold;



	margin: 0px 0px 0px 0px;



	padding: 0px 5px 0px 7px;

	

}







#menu a {



	color: #777777;



	float: left;



	font-size: 19px;



	font-weight: normal;



	letter-spacing: 1px;

	

	font-family: Arial, Helvetica, sans-serif; 

	

	padding:0px 4px 0px 4px;



}


#menu a:hover {
	
		text-decoration:none;
		
}



#menu a.menu_musique:hover, #menu a.menu_musiquebis, #menu a.menu_musiquebis:hover {



	background: #f79a41;



	color: #ffffff;



}







#menu a.menu_cinema:hover, #menu a.menu_cinemabis, #menu a.menu_cinemabis:hover {



	background: #5dd7d7;



	color: #ffffff;



}







#menu a.menu_livres:hover, #menu a.menu_livresbis, #menu a.menu_livresbis:hover {



	background: #b58cce;



	color: #ffffff;



}







#menu a.menu_arts:hover, #menu a.menu_artsbis, #menu a.menu_artsbis:hover {



	background: #ea1672;



	color: #ffffff;



}







#menu a.menu_scenes:hover, #menu a.menu_scenesbis, #menu a.menu_scenesbis:hover {



	background: #ff4839;



	color: #ffffff;



}







#menu a.menu_jeuxvideo:hover, #menu a.menu_jeuxvideobis, #menu a.menu_jeuxvideobis:hover {



	background: #aaf229;



	color: #000000;



}







#menu a.menu_foot:hover, #menu a.menu_footbis, #menu a.menu_footbis:hover {



	background: #ec653e;



	color: #ffffff;



}







#menu a.menu_sexe:hover, #menu a.menu_sexebis, #menu a.menu_sexebis:hover {



	background: #e91bae;



	color: #ffffff;



}







#menu a.menu_tele:hover, #menu a.menu_telebis, #menu a.menu_telebis:hover {



	background: #f58e8d;



	color: #ffffff;



}







#menu a.menu_politique:hover, #menu a.menu_politiquebis, #menu a.menu_politiquebis:hover {



	background: #c91c60;



	color: #ffffff;



}







#menu a.menu_societe:hover, #menu a.menu_societebis, #menu a.menu_societebis:hover {



	background: #ffe000;



	color: #000000;



}



#menu a.menu_sortir:hover, #menu a.menu_sortirbis, #menu a.menu_sortirbis:hover {



	background: #28c9dd;



	color: #fdfdfd;



}



/* ados 
---------------------------------------- */

#headr #menu_ados { position: relative; padding:1px 3px 1px 3px; }

#headr #menu_ados a {

	font:bold 11px Arial, Helvetica, sans-serif; padding:1px 3px 1px 3px; background-color:#383838;
	padding:3px 9px 3px 9px; font-size:12px; font-weight:normal; background-color:#2c2c2c

}

#headr #menu_ados a:hover {

	background-color:#fdfdfd; text-decoration:none; color:#383838;

}

#headr #menu_ados .logo {
	
	position:absolute; top:-3px; left:0px; background-color:#050505; width:auto;

}

#headr #menu_ados .logo:hover {	background-color:transparent; }

.desc_ados {	min-height:20px; height:auto !important; height:20px; }

.news_ados { float:left; width:310px; margin:0px 20px 0px 0px; padding-top:7px; }
.news_ados img { border:1px solid #292929; }

.titre_news { font-size:11px; font-weight:bold; margin:0px 0px 0px 0px; }


/* zapping 
---------------------------------------- */

.zapp_gauche { width:596px; float:left; padding:15px 42px 30px 42px; }
.zapp_droite { width:305px; height:433px; border-left:1px solid #2b2b2b; float:left; padding:20px 0px 0px 15px; }
.zapp_droite h1 { font:normal 26px Arial, Helvetica, sans-serif; margin:7px 0px 7px 0px; }
.zapp_droite span { font:normal 12px Arial, Helvetica, sans-serif; }
.zapp_droite .partager { font-size:11px; font-weight:bold; color:#fdfdfd; margin:0px 0px 10px 0px; cursor:pointer; }
.zapp_droite .partager img { vertical-align:middle; margin-right:6px; display:block; float:left }
.zapp_droite .partager span { font-size:11px; font-weight:bold; float:left; padding-right:5px; }




/* Home 
---------------------------------------- */

.blckhme { float:left; width:240px; margin-right:11px; margin-bottom:15px; font:normal 13px Arial, Helvetica, sans-serif; color:#cdcdcd; position:relative; }
.blckhme:hover { text-decoration:none; color:#cdcdcd; -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); }
.blckhme .line { margin:4px 0px 5px 0px; }
.blckhme span { position:absolute; right:0px; bottom:0px; color:#686868; }
.blckhme img { width:240px; height:195px;}

.diaporamas_titre { position:absolute; top:-24px; left:-10px; z-index:1; }

.diaporamas_fleche_gauche { -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); width:65px; height:90px; display:block; position:absolute; bottom:0px; right:70px; z-index:2; background:transparent url(diaporamas_gauche.png) no-repeat; cursor:pointer; }
.diaporamas_fleche_droite { -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); width:65px; height:90px; display:block; position:absolute; bottom:0px; right:0px;  z-index:3; background:transparent url(diaporamas_droite.png) no-repeat; cursor:pointer; }

.diaporamas_fleche_gauche:hover, .diaporamas_fleche_droite:hover { -moz-opacity:1; opacity:1; filter:alpha(opacity=100); }

.off, .off:hover { cursor:auto; -moz-opacity:0.2; opacity:0.2; filter:alpha(opacity=20); cursor:default; }