html{	
	position: relative;
	outline: none;
}

body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #e8e8e8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

img {
	border:none;
}

a {
	text-decoration:none;
}

ul {
	list-style-type: none;
}

h1{ font-size: 16px;  }

/********************************************
************ Authorisation ******************
*********************************************/

#authorisation{	
	position: absolute;
	top:0px;
	left:0px;
	z-index: 10;
	width: 100%;
	height: 100%;
	margin: 0px;
	text-align: center;
	background:url('../img/bg_authorisation.png');
}

#authorisation #auth_content{
	position: relative;
	margin-top: 200px;
	margin-left: auto;
  	margin-right: auto;
	width: 620px;
	height: 400px;
	background: #000000;
	border: 3px solid #555555;
	color: #999999;
}

#authorisation #auth_content .mini_titre {
	font-size: 15px;
}

#authorisation #auth_content img{
	margin-top: 30px;
	margin-bottom: 15px;
}

#authorisation #auth_content #info{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 30px;
}

#authorisation #auth_content a {
	font-size: 14px;
	font-weight: bold;
	color: #f613a3;
}

#authorisation #auth_content .lien{
	margin: 20px;
	font-size: 26px;
	font-weight: bold;
	color: #bbbbbb;
}

/********************************************
************ TOP + MENU *********************
*********************************************/

#top {
	position: relative;
	width: 100%;
	min-width: 1150px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	background: #000000;
}

#menu {
	position: relative;
	width: 100%;
	min-width: 1150px;
	height: 85px;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #333333;
	background: url('../img/bg-menu.png') #000000;
}

#menu #logo{
	position: absolute;
	top: 0px;
	left: 20px;
	width: 200px;
	height: 80px; 
}
#menu #logo a{ text-indent: -5000px; background: url(../img/logo.png) no-repeat; width: 200px; height: 80px; overflow: hidden; display:block}

#menu #liens{
	position:absolute;
	top: 36px;
	left: 250px;
	width:750px;
}

.lienmenu_on, .lienmenu_off:hover{
	position:relative;
	margin-right:40px;	
	font-weight:bold;	
	font-size:16px;
	color:#F613A3;
}

.lienmenu_off{
	position:relative;
	margin-right:40px;
	font-weight:bold;
	font-size:16px;
	color:#FFF;
}


/***************************************
*********** Recherche ******************
****************************************/

#recherche {
	position: relative;
	margin:0px;
	margin-top:22px;
	margin-bottom: 24px;
	width:220px;
	height:28px;
	border-top: 1px solid #979797;
	border-right:1px solid #979797;
	border-bottom: 1px solid #979797;
	background: url('../img/bg_form_search.png');
}

#recherche form{
	position:absolute;
	left:15px;
	top:5px;
}

#text_recherche {
	width: 120px;
	height: 15px;
	border: 1px solid #393939;
	background: #2B2B2B;
	color:#C2C2C2;
	font-size:11px;
	font-weight:bold;
}

#submit_recherche {
	position: absolute;
	top:-2px;
	left: 120px;
	width: 80px;
	height: 24px;
	padding-bottom:4px;
	border:0px;
	color:#C2C2C2;
	font-size:11px;
	font-weight:bold;
	background:none;
}

/******************************************
*********** Menu latéral ******************
*******************************************/

#sous_menu{
	position: absolute;
	top:192px;
	left:0px;
	width:11%;
	text-align: center;
	font-size:13px;
	font-weight:bold;
}

#sous_menu .select {
	position: relative;
	display:block;
	width: 98px;
	height: 70px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	background: url('../img/bg_ssmenu.png');
	background-position:-98px 0px;
	color:#703270;
	outline:none;
}

#sous_menu .notselect {
	position: relative;
	display:block;
	width: 98px;
	height: 70px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	background: url('../img/bg_ssmenu.png');
	background-position:0px 0px;
	color:#D0D0D0;
	outline:none;
}

#sous_menu .notselect:hover {
	background: url('../img/bg_ssmenu.png');
	background-position:-98px 0px;
	color:#703270;
}

#sous_menu .textalign1{
	position:absolute;
	top:27px;
	left:1px;
	width:96px;
}

#sous_menu .textalign2{
	position:absolute;
	top:19px;
	left:1px;
	width:96px;
}

/********************************************
************ Contenu 	********************
*********************************************/

#page{
	position: relative;
	width: 1040px;
	margin-left: 11%;
	min-height: 500px;
}

#content{
	position: relative;	
	width: 880px;
	min-height: 1040px;
	z-index: 0;
	margin: 0px;
	border: 0px;
	border: 1px solid #cfcfcf;
	background: #ffffff;
}

#onglet_tri{
	position:relative;
	width: 100%;
	height: 39px;
	color: #000;
	font-weight:bold;
	text-align:center;
}

#onglet1{
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	height:39px;
	margin:0px;
	border-bottom:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	background: #eeeeee;
}

#onglet2{
	position:absolute;
	top:0px;
	left:201px;
	width:200px;
	height:39px;
	margin:0px;
	border-bottom:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	background: #eeeeee;
}

#onglet3{
	position:absolute;
	top:0px;
	left:402px;
	width:200px;
	height:39px;
	margin:0px;
	border-bottom:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	background: #eeeeee;
}

#onglet_tri a{
	position:relative;
	display:block;
	width:200px;
	height:39px;
	padding-top:12px;
	color:#000;
	outline:none;
}

#onglet_tri a:hover{
	color:#F613A3;
}

#onglet_tri .selected{
	color:#F613A3;
}

#message{
	position: relative;
	width: 100%;
	height: 20px;
	text-align: center;
	margin-top: 20px;
	font-weight: bold;
}

#live{
	margin-top: 20px;
	margin-left:78px;
}

#vod{
	margin-top:20px;
	margin-left:110px;
}

#videos{
	position: relative;
	width: 100%;
	height:100%;
	margin-bottom: 60px;
}

#videos .video_titre {
	font-size: 14px;
	font-weight: bold;
	color: #f613a3;
	height:20px;
	margin-top:8px;
	margin-bottom:12px;
}

#videos .video_titre a {
	font-size: 14px;
	font-weight: bold;
	color: #f613a3;
}

#videos a{
	color: #222222;
}

#videos td{
	position: relative;
	width: 183px;
	height: 200px;
	text-align: center;
}

#videos td .lefttext {
	width: 100%;
	height: 12px;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	margin-left: 10px;	 
}

#videos td .lefttext .gras {
	color: #111111;
	font-weight: bold;
	font-size:11px;
}

#categories{
	position: relative;
	width: 100%;
	height:100%;
	margin-bottom: 60px;
}

#categories .categorie_titre {
	font-size: 14px;
	font-weight: bold;
	color: #f613a3;
}

#categories a{
	color: #222222;
}

#categories td{
	position: relative;
	width: 183px;
	height: 180px;
	text-align: center;
}

#suggestion {
	position: relative;
	width: 100%;
	margin-top: 30px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #111111;
}

#a_video {
	width:880px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}


#a_video td {
	min-width: 120px;
}

#a_video player {
	z-index: 0;
}

#a_video #video_vues {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #f613a3;
}

#a_video #video_titre {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

#a_video #video_titre a {
	color: #f613a3;
}

#a_video #video_infos {
	margin: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #111111;
}

#a_video #video_infos a {
	font-size: 12px;
	font-weight: bold;
	color: #555555;
}

#a_video #video_infos #addbest{
	position: relative;
	margin: 10px;
	color: #111111;
	font-size: 15px;
	font-weight: bold;
}

#a_video #video_infos #addbest a{
	font-size: 15px;
	font-weight: bold;
	color: #f613a3;
}

/***************************************
************* HISTOIRES ****************
****************************************/

.histoire{
	position:relative;
	width:820px;
	margin:30px;	
}

.histoire .titre{
	font-size: 15px;
	font-weight: bold;
	color: #f613a3;
}

.histoire .titre2{
	display:block;
	font-size: 17px;
	font-weight: bold;
	color: #f613a3;
	margin-bottom:10px;
}

.histoire .apercu{
	position:relative;
	width:100%;
	text-align:justify;
	margin-top:5px;
	margin-bottom:5px;
}

.histoire .contenu{
	position:relative;
	width:100%;
	text-align:justify;
	margin-top:10px;
	margin-bottom:20px;
}

.histoire .suite{
	display:block;
	font-weight: bold;
	color: #f613a3;
	margin-bottom:5px;
}

.histoire .info{
	font-size: 11px;
	color: #929292;
}

.histoire .info a{
	font-weight: bold;
	color: #f613a3;
}

.histoire .info .gras{
	font-weight: bold;
	color: #727272;
}

.histoire .info .gras .gris{
	text-decoration:underline;
	font-weight: bold;
	color: #929292;
}

.histoire #addbest{
	position: absolute;
	right:10px;
	top: 20px;
	color: #111111;
	font-size: 15px;
	font-weight: bold;
}

.histoire #addbest a{
	font-size: 15px;
	font-weight: bold;
	color: #f613a3;
}

/***************************************
******** DIVERS COMMUN *****************
****************************************/

#protection{
	position: relative;
	width: 800px;
	margin: 20px;
}
	
#protection a {
	font-weight: bold;
	color: #f613a3;
}

#protection .mini_titre{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}

#numpages {
	position: absolute;
	left:0px;
	bottom: 0px;
	width: 100%;
	height: 45px;
	margin: 0px;
	padding: 0px;
}

#numpages ul {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
	float: left;
}

#numpages ul li{
	display: inline;
	float: left;
	text-align: center;
	border-bottom: 0px;
	width: 50px;
	height: 44px;
	margin: 0px;
	border-right: 1px solid #cfcfcf;
}

.textpage {
	margin-top : 15px;
	font-weight: bold;
}

#numpages ul li a {
	display:block;
	width: 54px;
	height: 44px;
	color: #222222;
}


#numpages .ongletpageselect{
	border-top: 1px solid #ffffff;
	background: #ffffff;
}

#numpages .ongletpage{
	border-top: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	background: #f6f6f6;
}

#contact {
	position: relative;
	margin: 40px;
	margin-left: 50px;
	padding: 0px;
	text-align:left;
}

#message_contact{
	position: relative;
	height: 20px;
	margin-top: 20px;
	margin-bottom:20px;
	font-weight: bold;
}


/******************************************
*********** Bannieres pub ******************
*******************************************/

#infoPop {}

#pub0{
	position: absolute;
	width: 468px;
	height: 60px;
	left: 360px;
	top: 95px;
}

#pub1{
	position: absolute;
	top:0px;
	left:895px;
	width: 145px;
	height: 1160px;
	margin: 0px;
}

#pub1 #pub1_titre{
	width: 120px;
	height: 39px;
	margin:0px;
	border-top: 1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	border-left:1px solid #cfcfcf;
	background: #eeeeee;
	text-align: center;
}

#pub1 #pub1_titre .textcenter {
	position: relative;
	margin-top: 12px;
	font-size:12px;
	font-weight: bold;
}

#pub1 #pub1_contenu{
	position: relative;
	width: 100%;
	min-height: 1000px;
	margin: 0px;
	border: 1px solid #cfcfcf;
	background: #ffffff;
	color: #666666;
	text-align: center;
}

#pub1 #pub1_contenu #scriptpub{
	position:relative;
	margin-top: 10px;
}

#pub2{
	position: relative;
	width: 100%;
	height: 30px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background:url('../img/bg_footer.png');
	text-align: center;
	color: #999999;
}

#pub2 table {
	position: relative;
	width: 930px;
	margin-left: auto;
	margin-right: auto;
}

#pub2 td {
	width: 300px;
	margin-left: 10px;
}

#promo_cdbar{
	position:absolute;
	top:0px;
	width:100%;
	height:20px;
	z-index:1000;
	background:#000;
}

.pub_center{
    position:relative;
    width:100%;
    text-align:center;
	clear:both;
}

.cleardiv{
	clear:both;
}

#mail_catcher{
	position:absolute;
	top:15px;
	left:400px;
}

#footer{
	position: relative;
	width: 100%;
	min-width: 1150px;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	border: 0px;
}

#footcontent{
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size:13px;
	font-weight: bold;
	text-align: center;
	color: #777777;
	background: #000000;
}

#footcontent a {
	color: #aaaaaa;
}

#referencement{
	position: relative;
	width: 100%;
	height:56px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size:13px;
	font-weight: bold;
	text-align: center;
	background: #111111;
	color: #777777;
}

#referencement a {
	color: #AF4C8C;
}