/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ 
	margin: 0;
	padding: 0;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img{
	border: 0;
}
ol,ul{
	list-style: none;
}
caption,th{
	text-align: left;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
}
q:before,q:after{
	content: '';
}

/* Global */
*{ 
	margin: 0;
	padding: 0;
   outline: none;
}
html{ 
	height: 100%;
}
body{
	background-color: #EBEEF1;
	height: 100%;
	font-family: Georgia, "Times New Roman", Garamond;
	background-image: url(../../imgstat/culture/fond.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
a{
	color: #000;
	text-decoration: none;

}
#main a{

}
a:hover{
	text-decoration: underline;
}
input{
	border: 0;
	color: #000;
	font-size: 11px;
	margin: 0;
	padding: 0;
	padding-top: 2px;
   font-family: Georgia;
}

/* class */
.alignleft{
	float: left;
}
.alignright{
	float: right;
}
.margin-top{
   /*margin-top: 15px !important;*/
}
.clear{
	clear: both;
   width: 100%;
   height: 0;
   font-size: 0;
}

/* Titles */
#header h1{
	font-family: Arial;
	font-size: 10px;
}
#header h1 img{
	margin-bottom: -10px;
}
#header h1 img.partenaire{
	margin-bottom: -15px;
}
h1 .partenaire{
	margin-left: 5px;
}
.topic_cinema h1 .partenaire{
   margin-bottom: -5px;
}
h6{
   margin-bottom: 5px;
}
h6 a{
   text-decoration: underline;
   font-size: 12px;
}

/* */
#main{
	background-image: url(../../imgstat/culture/fond.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 996px;
	font-size: 13px;
	background-color: #EBEEF1;
}
#upline, #header, #content{
   float: left;
   width: 996px;
   clear: both;
}
#content{
	background-image: url(../../imgstat/culture/fond_right.gif);
	background-image: left top;
	background-repeat: repeat-y;
   margin: 15px 0;
}
#left{
	width: 680px;
	float: left;
}
#right{
	float: left;
	margin-left: 16px;;
	width: 330px;
}
.breakflow{
   height: 15px;
   clear: both;
}
#footer{
	clear: both;
	margin-top: 10px;
	padding: 15px;
	font-size: 11px;
	padding-bottom: 0;
	background-color: #FFF;
}

/* Pub */
#main .leaderboard{
   text-align: center;
   background-color: transparent;
   width: 996px;
   float: left;
   clear: both;
   padding: 0;
   margin: 0;
   padding-top: 15px;
   font-size: 0;
   border: 0;
}
#main .leaderboard.bas{
   padding-top: 0;
   padding-bottom: 15px;
}

/* upline */
#upline{
	height: 27px;
	font-size: 11px;
	/*margin-bottom: -25px;*/
	margin-bottom: 11px;
	position: relative;
}
#compte{
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  font-size: 10px;
  width: auto;
}
#upline ul{
   margin-top: 7px;
   float: left;
}
#upline li{
	background-image: url(../../imgstat/culture/puce_upline.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 8px;
	margin-right: 7px;
	float: left;
	display: block;
}
#upline .abo{
   position: relative;
   background-image: url(../../imgstat/culture/bullets/arrow_bottom_grey.gif);
   background-position: right 5px;
   padding-right: 12px;
}
#upline .abo div{
   color: #FFF;
   position: absolute;
   float: left;
   padding: 0 7px;
   width: 119px;
   left: -20px;
   top: 10px;
   padding-top: 10px;
   z-index: 999;
   background-image: url(/imgstat/culture/fond_abo_top.gif);
   background-repeat: no-repeat;
   background-position: left 10px;
}
#upline .abo ul{
   background-image: url(/imgstat/culture/fond_abo_bottom.gif);
   background-repeat: no-repeat;
   background-position: left bottom;
   padding-bottom: 11px;
}
#upline .abo li{
   float: left;
   background-image: none;
   padding: 0;
   margin: 0;
   padding-bottom: 10px;
   background-color: #000;
   width: 106px;
   padding-left: 13px;
}
#upline .abo .last{
   padding-bottom: 0;
}
#upline .abo li a{
   color: #FFF;
}
#upline #recherche legend{
	display: none;
}
#upline ul, #upline #recherche{
	color: #D4D8D9;
	float: left;
	font-size: 10px;
}
#upline #recherche{
	padding: 0 5px;
   margin-top: 5px;
   width: 200px;
}
#upline #recherche a{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	margin-left: 5px;
	font-family: Arial;
	font-size: 11px;
}
#upline a{
	color: #D4D8D9;
}

/* Compte*/
#compte a{
	color: #FFF;
	text-decoration: underline;
}
#compte .left_compte,
#compte .right_compte{
	float: left;
	background-image: url(../../imgstat/culture/compte_left_.gif); 
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 58px;
	width: 23px;
	border: 0;
	margin: 0;
}
#compte .right_compte{
	background-image: url(../../imgstat/culture/compte_right.gif); 
	background-position: right bottom;
}
#identity{
	background-image: url(../../imgstat/culture/puce_footer.gif);
	background-position: left center;
	background-repeat: repeat;
	height: 58px;
	font-size: 10px;
	color: #FFF;
	float: left;
	position: relative;
	z-index: 999;
}
#identity p{
	padding-top: 21px;
	color: #FFF;
	background-image: url(../../imgstat/culture/picto_compte.gif);
	background-position: left 90%;
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-right: 3px;
}
#identifiants{
	padding-top: 3px;
	margin-left: 22px;
	padding-right: 15px;
}
#identity .onglet{
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
#onglet-identifie{
	border-right: 1px solid;
}
#recherche input{
	width: 150px;
	padding: 2px 5px;
}
.bouton_valider{
	background-color: #000;
	color: #FFF;
   width: auto;
	font-weight: bold;
}

/* HEADER */
h1{
	margin-top: 10px;
}
.date{
	font-size: 10px;
	color: #516074;
	/*margin: -15px 0 20px 2px;*/
	margin: -12px 0 21px 2px;
}
/* Main nav */
.main_nav{
	float: left;
   margin-top: 7px;
}
.main_nav li{
	float: left;
	margin-right: 8px;
   height: 28px;
   position: relative;
   overflow: hidden;
}
.main_nav a img{
   position: relative;
}
.main_nav a:hover{
   background-color: #FFF;
}
.main_nav a:hover img{
   bottom: 28px;
}
.main_nav .accueil img{
   bottom: 28px;
}
.topic_cinema .main_nav .accueil  img,
.topic_musique .main_nav .accueil img,
.topic_livre .main_nav .accueil img,
.topic_tele .main_nav .accueil img,
.topic_scene .main_nav .accueil img,
.topic_art .main_nav .accueil img,
.topic_photo .main_nav .accueil img,
.topic_video .main_nav .accueil img{
   bottom: 0;
}
.topic_cinema .main_nav .cinema img,
.topic_musique .main_nav .musique img,
.topic_livre .main_nav .livre img,
.topic_tele .main_nav .tele img,
.topic_scene .main_nav .scene img,
.topic_art .main_nav .art img,
.topic_photo .main_nav .photo img,
.topic_video .main_nav .video img{
   bottom: 28px;
}
.topic_cinema .main_nav .accueil a:hover img,
.topic_musique .main_nav .accueil a:hover img,
.topic_livre .main_nav .accueil a:hover img,
.topic_tele .main_nav .accueil a:hover img,
.topic_scene .main_nav .accueil a:hover img,
.topic_art .main_nav .accueil a:hover img,
.topic_photo .main_nav .accueil a:hover img,
.topic_video .main_nav .accueil a:hover img{
   bottom: 28px;
}

/* sub nav */
.sub_nav{ 
	background-image: url(../../imgstat/culture/fond_sub_nav.jpg);
	background-repeat: no-repeat;
	float: right;
	/*margin-top: -90px;
	padding-left: 70px;
	padding-top: 99px;*/
	margin-top: -108px;
	padding-left: 83px;
	padding-top: 117px;
	/*width: 267px;*/
}
.sub_nav li{ 
	float: left;
	border-top: 3px solid #0092FC;
	font-size: 10px;
	padding-right: 5px;
	padding-top: 5px;
	font-weight: bold;
}
.sub_nav .facebook{
	padding-right: 0;
}
.sub_nav li a{
	padding-right: 6px;
	padding-left: 18px;
	border-right: 1px solid #CCC;
	background-position: left top;
	background-repeat: no-repeat;
	text-decoration: underline;
}
.sub_nav .newsletter a{
	padding-left: 0;
}
.sub_nav .facebook a{ 
	border-right: 0;
	background-image: url(../../imgstat/culture/icons/facebook_subnav.gif);
}
.sub_nav .twitter a{ 
	background-image: url(../../imgstat/culture/icons/twitter_subnav.gif);
}
.sub_nav .rss a{ 
	background-image: url(../../imgstat/culture/icons/feed_subnav.gif);
}

/* A ne pas manquer */
.np_manquer{ 
	margin-top: 15px;
   clear: both;
   float: left;
   width: 996px;
}
.np_manquer h5{
   float: left;
}
.np_manquer ul{
   margin-top: 3px;
   float: left;
}
.np_manquer li{
	display: block;
	float: left;
	font-size: 11px;
	border-left: 1px solid #000;
	margin-left: 7px;
	padding-left: 7px;
	font-weight: bold;
}
.np_manquer ul > li:first-child{
   border: 0;
   margin-left: 0;
}
.np_manquer a{
	text-decoration: underline;
}

/* FOOTER */
.les_plus_lus{
	padding-left: 0;
	clear: both;
}
#footer .les_plus_lus li{
	color: #0092FC;
	float: left;
	font-size: 50px;
	margin: 0;
	padding: 0 13px 5px 0;
	width: 180px;
}
.les_plus_lus li span{
	font-family: Arial;
}
.les_plus_lus p{
	float: left;
}
.les_plus_lus li a{
	font-size: 12px;
	margin: 0;
	padding: 0;
	margin-left: 50px;
	color: #000;
	font-weight: bold;
	display: block;
	padding-top: 20px;
}
#culture_pres_de_vous{
	clear: both;
	background-color: #000;
	color: #FFF;
	float: left;
	width: 970px;
	margin-top: 20px;
	font-size: 13px;
	font-weight: bold;
	height: 39px;
}
#culture_pres_de_vous p{
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}
#culture_pres_de_vous ul{
   float: right;
}
#culture_pres_de_vous li{
	display: block;
	float: left;
	margin-left: 15px;
	font-weight: normal;
	font-size: 12px;
}
#culture_pres_de_vous li a{
	color: #FFF;
	padding-right: 5px;
	background-position: left center;
	background-repeat: no-repeat;
}
#culture_pres_de_vous .newletter{
	background-image: url(../../imgstat/culture/icons/newsletter_footer.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 80px;
	padding-right: 5px;
}
#culture_pres_de_vous .feed{
	padding-top: 10px;
	padding-bottom: 10px;
	width: 70px;
}
#culture_pres_de_vous .feed a{
	background-image: url(../../imgstat/culture/icons/feed_footer.gif);
	padding-left: 25px;
	padding-bottom: 2px;
}
#culture_pres_de_vous .feed a:hover{
	background-image: url(../../imgstat/culture/icons/feed.png);
}
#culture_pres_de_vous a .text{
	float: left;
	width: 80px;
}
#culture_pres_de_vous .twitter,
#culture_pres_de_vous .facebook{
	padding-top: 5px;
	text-align: left;
	width: 110px;
}
#culture_pres_de_vous .twitter a{
	background-image: url(../../imgstat/culture/icons/twitter_footer.gif);
	padding-left: 25px;
	float: left;
	display: block;
}
#culture_pres_de_vous .twitter a:hover{
	background-image: url(../../imgstat/culture/icons/twitter.png);
}
#culture_pres_de_vous .facebook a{
	background-image: url(../../imgstat/culture/icons/facebook_footer.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 25px;
	float: left;
	display: block;
}
#culture_pres_de_vous .facebook a:hover{
	background-image: url(../../imgstat/culture/icons/facebook.png);
}
#recherche2 legend{
   display: none;
}

/* Plan site */
#plan_site a{
   text-decoration: none;
}
#plan_site a:hover{
   text-decoration: underline;
}
#plan_site .col{
	float: left;
	width: 240px;
	margin-top: 15px;
}
#plan_site h6{
	text-transform: uppercase;
	font-weight: bold;
}
#plan_site ul{
	padding-left: 5px;
	margin-bottom: 25px;
}
#plan_site li{
	background-image: url(../../imgstat/culture/puce.gif);
	background-position: left 65%;
	background-repeat: no-repeat;
	padding-left: 10px;
	list-style-type: none;
	padding-top: 5px
}
#plan_site h6{
	background-position: left 95%;
	background-repeat: no-repeat;
	padding-bottom: 5px;
}
#plan_site .cinema{
	background-image: url(../../imgstat/culture/icons/cinema.gif);
	padding-left: 25px;
}
#plan_site .musique{
	background-image: url(../../imgstat/culture/icons/musique.gif);
	padding-left: 25px;
}
#plan_site .livre{
	background-image: url(../../imgstat/culture/icons/livre.gif);
	padding-left: 30px;
}
#plan_site .tele {
	background-image: url(../../imgstat/culture/icons/tv.gif);
	padding-left: 30px;
}
#plan_site .scene{
	background-image: url(../../imgstat/culture/icons/scene.gif);
	padding-left: 30px;
}
#plan_site .art{
	background-image: url(../../imgstat/culture/icons/art.gif);
	padding-left: 25px;
}
#plan_site #recherche2 input{
	border: 1px solid #000;
	float: left;
	margin-right: 8px;
	padding: 2px;
	width: 150px;
	margin-top: 1px;
}
#plan_site #recherche2 a{
	background-color: #000;
	color: #FFF;
	float: left;
	font-weight: bold;
	padding: 3px 5px;
	text-decoration: none;
}
#plan_site{
	border-bottom: 6px solid #000;
	float: left;
	margin-top: 5px;
	margin-bottom: 15px;
}
#liens_footer{
	clear: both;
}
#liens_footer ul{
	padding-left: 0;
	padding-bottom: 5px;
	padding-top: 5px;
}
#autres_sites_groupe{
	border-top: 1px dotted #999;
	border-width: 1px 0;
}
#liens_footer li{
	display: inline;
	line-height: 17px;
	margin-right: 2px;
	font-size: 10px;
}
#liens_footer h2{
	display: inline;
	font-weight: bold;
	margin-right: 5px;
	font-size: 10px;
}
#liens_footer span{
	background-image: url(../../imgstat/culture/puce_footer.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 4px;
	line-height: 5px;
	margin-right: 3px;
	padding-right: 5px;
	width: 4px;
}