/* CSS Document */

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;/*vertical-align: baseline;*/
}
/* ###### DEBUT CSS ###### */
body {
	background-color: #ffffff;
	background-image: url(../image/interface_site/header-fond.png);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: arial, helvetica, sans-serif, verdana;
	text-align:center;
}
#container {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	border:#000000 solid 0px;
	width: 880px;
	position:relative;
	text-align:left;
}
/* --- BANDEAU --- */
#bandeau {
	width: 880px;
	height:111px;
	background: transparent repeat top url(../image/interface_site/bandeau.png);
}
#bandeau h1 {
	display: none;
}
#bandeau a{
	display:block;
	width: 880px;
	height:111px;
}

/* --- NAVIGATION --- */
#navigation {
	display:block;
	height: 50px;
	border: 0px black solid;
	margin-bottom: 15px;
}
#navigation ul {
	margin:0px;
	padding:0px;
}
#navigation li {
	margin:0px;
	padding:0px;
	display: inline;
}
#navigation a {
	text-decoration: none;
}
a#menu {
	height:25px;
	float:left;
	margin:0px 0px 0px 0px;
	padding: 10px 25px 0px 25px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	text-transform: uppercase;
}
a#menu:hover {
	background: #811a5e;
	color:white;
}
a#menu_active {
	height:25px;
	float:left;
	margin:0px;
	padding: 10px 20px 0px 20px;
	font-weight:bold;
	font-size:14px;
	text-transform: uppercase;
	background: #811a5e;
	color:white;
}
/* --- RECHERCHE --- */
#menu_recherche {
	margin-top: 7px;
	margin-left: 15px;
	height:20px;
	width: 191px;
	float:right;
	border:0px solid #000000;
	background: transparent no-repeat right url(../image/interface_site/search-icone.png);
}
#menu_recherche span {
	display: none;
}
#menu_recherche input {
	color: #5c0942;
	font-size: 13px;
	width: 165px;
	height: 14px;
}

/* --- FOOTER --- */
#footer-container {
	margin-top : 0px;
	width: 100%;
	height:140px;
	background: #a42177;
	/*position: absolute;
	bottom: 0px;*/
	float: left;
	display: block;
}
#footer {
	width: 880px;
	height: 110px;
	color: white;
	font-size:12px;
	margin: 0px auto 0px auto;
	text-align:left;
}
#footer ul {
	margin:0px 70px 0px 0px;
	padding:0px;
	float: left;
}
#footer li {
	margin:10px 0px 0px 0px;
	padding:0px;
	display: block;
}
#footer a {
	text-decoration: none;
	color: white;
}
#footer a:hover {
	text-decoration: underline;
}
#maxtv-adress {
	width: 440px;
	height : 100px;
	float:right;
	background: #811a5e;
	font-size: 13px;
}
#maxtv-adress ul {
	margin: 0px 0px 0px 47px;
	padding:0px;
	float: left;
}
/* --- CONTENU --- */
#contenu {
	border:#000000 solid 0px;
	float:left;
}
#contenu h3 {
	height: 15px;
	background: black;
	color: white;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	padding: 5px 0px;
}
#contenu li {
	display: inline;
}
#contenu a {
	text-decoration: none;
}
/* --- PLAYER --- */
#playlistplayer {
	width: 579px;
	height: 325px;
	float:left;
	margin-bottom: 20px;
}
#playlistplayer_wrapper{
	float:left;
}

#vodplaylist {
	width: 580px;
	height: 325px;
	float:left;
}
/* --- BLOCK PLAYLIST---*/
#block-playlist {
	margin-left: 1px;
	float:left;
	width: 300px;
	height: 330px;
	background: white;
	margin-bottom: 20px;
	border-bottom: 0px solid yellow;
}
#block-playlist li {
	margin:2px 0px 0px 0px;
	padding:0px;
	display: block;
	height: 73px;
	border: #000 0px solid;
	width: 300px;
}
#block-playlist img {
	width: 93px;
	height: 73px;
}
#block-playlist a {
	float:left;
	width:100%;
	color: #2b2b2b;
}
#block-playlist a:hover {
	background: #ff9900;
	float:left;
	width:100%;
	color: white;
}
/*#block-playlist a:hover img{
	opacity : 0.7;
    -moz-opacity : 0.7;
    -ms-filter: "alpha(opacity=70)";
    filter : alpha(opacity=70);	
}*/

.playlist-duree {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-weight: bold;
	font-size: 10px;
	color: white;
	width: auto;
	height: auto;
	padding: 1px 4px;
	position: absolute;
	right: 5px;
	bottom: 5px;
	background: black;
	background-color:rgba(0,0,0,0.5);
}
.playlist-image, .playlist-content {
	float:left;
	position: relative;
}
.playlist-content {
	margin-left: 10px;
	width: 190px;
	border: 0px solid black;
}
.playlist-date {
	margin-top: 5px;
	font-size: 11px;
}
.playlist-emission {
	margin-top: 5px;
	font-size: 12px;
	font-weight: bold;
}
.playlist-titre {
	font-size: 12px;
}
/* BLOCK INFO */
#block-info {
	float: left;
	width: 290px;
	/*height: 325px;*/
	margin-bottom: 20px;
	border:#000 0px solid;
}
/*#block-info a {
	display: block;
	padding: 5px 10px;
	font-size: 12px;
	color: black;
}
#block-info a:hover {
	background: #ff9900;
	color: white;
}
.ligne-color {
	background-color: #fce0f0;
}*/

/* BLOCK CENTER */
#block-center {
	float: left;
	width: 288px;
	/*height: 325px;*/
	margin-left: 1px;
	margin-bottom: 20px;
}
#block-center img {
	margin-top:0px;
	width: 288px;
	float:left;
}
/*#block-center h4{
	position: absolute;
	margin-top:167px;
	padding: 5px;
	float:left;
	width: 278px;
	height: 39px;
	background: #000;
	background-color:rgba(0,0,0,0.7);
	background-color:rgba(74,15,54,0.7);
	color: white;
}*/
#block-center a {
	color: black;
	display:block;
	float:left;
}
#block-center a:hover {
	color: white;
	background: #ff9900;
}
/*#block-center a:hover img{
	opacity : 0.7;
    -moz-opacity : 0.7;
    -ms-filter: "alpha(opacity=70)";
    filter : alpha(opacity=70);	
}*/

#header-block {
	margin: 0px;
	padding: 5px 10px;
	float:left;
	display: block;
	border: 0px solid black;
}
.date {
	font-size: 12px;
}
.emission {
	margin-top: 5px;
	font-weight: bold;
	font-size: 14px;
}
.titre {
	font-size: 14px;
}
/* BLOCK PUB */
#block-pub {
	float: left;
	width: 300px;
	margin-left: 1px;
	margin-bottom: 20px;
}
/* COLONNE DISPOSITION SITE */
#colonne-gauche {
	margin-right:10px;
	float: left;
	width: 290;
	border: 0px solid black;
}
#colonne-droite {
	float: left;
	width: 580px;
	border: 0px solid black;
}
/* BLOCK TITRE VIDEO */
#block-titre-video {
	width: 100%;
	height: 56px;
	background: black;
	margin-bottom: 0px;
}
#block-titre-video h3 {
	color: white;
	height: 15px;
	font-size: 18px;
	text-transform: none;
	text-align: left;
	padding: 5px 10px;
}
#block-titre-video a {
	font-size: 10px;
	color: white;
	padding: 2px 5px;
	background: #cc0066;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-transform: uppercase;
	margin: 7px 0px 0px 10px;
	float:left;
	border: 0px solid white;
}
#block-titre-video a:hover {
	background: white;
	color: #cc0066;
}
#block-titre-video p {
	float: right;
	color: #f17ab0;
	font-size: 12px;
	margin: 10px 10px 0px 0px;
}
/* BLOCK INTERACTION */
#block-interaction {
	width: 100%;
	background: white;
	float:left;
	margin-top: 4px;
}
#notation-etoiles {
	float:left;
	width: 150px;
	height: 25px;
	border: 0px solid black;
	margin-bottom: 5px;
}
#block-interaction a {
	float:right;
	border: 1px solid #9e1061;
	background: #cc0066;
	color: white;
	font-size:12px;
	font-weight:bold;
	padding: 5px 10px;
	margin-left: 5px;
}
#facebook-like {
	border: 0px solid black;
	margin-bottom: 5px;
	width:100%;
	float: left;
}
#twitter-share {
	border: 0px solid black;
	margin-bottom: 5px;
	width: 100%;
	float:left;
}
#google-share{
	margin-bottom: 25px;	
}

/* BLOCK TAGS */
#block-tags {
	width:100%;
	border: 0px solid black;
	font-size: 12px;
	color: #cc0066;
	float:left;
	margin-bottom: 15px;
}
#block-tags b {
	color: black;
}
#block-tags a:hover {
	text-decoration: underline;
	font-style: italic;
}
/* BLOCK CONTENU */
#block-contenu {
	width:100%;
	display:block;
	border: 0px solid black;
	font-size: 14px;
	color: black;
	margin-top: 15px;
	margin-bottom: 15px;
}
/* BLOCK COMMENT */
#block-comment {
	width:100%;
	border: 0px solid black;
	color: black;
	float:left;
	margin-bottom: 25px;
}
.field {
	margin: 10px 0px 0px 0px;
}
.field span {
	display:block;
}
.field label {
	cursor:pointer;
	display:block;
	font-size: 12px;
	margin-bottom: 1px;
	color: #666666;
	border: 0px solid black;
}
.field input, select, textarea {
	border:#D6D6D6 solid 1px;
	font-size: 12px;
	padding: 1px 2px 3px 2px;
	font-family: arial, helvetica, sans-serif;
	background-color: #F9F9F9;
}
.field textarea {
	width: 100%;
	margin-bottom: 0px;
}
.field input:focus, textarea:focus, .field input:hover, textarea:hover, select:hover {
	border: #3399CC solid 1px;
	color: #000000;
}

#submit {
	padding: 2px;
	font-size: 13px;
	font-weight:bold;
	color: #333333;
}
#submit:hover {
	color:#000000;
	border: #999999 solid 1px;
}
/* BLOCK COMMENTAIRE*/
#block-commentitre {
	font-size: 16px;
	font-weight: bold;
	color:#000099;
	margin: 25px 0px 10px 0px;
	border-bottom:#000000 dotted 1px;
}
#block-commentinfo {
	font-size: 11px;
	color:#666666;
	margin-top: 15px;
}
#block-commentfleche {
	background: transparent no-repeat url(../image/interface_site/fleche-comment.png);
	width:15px;
	height:8px;
	margin:0px 0px 0px 15px;
}
#block-commentcontenu {
	display:block;
	border:#D6D6D6 solid 1px;
	background-color:#F3F3F3;
	padding: 10px;
	font-size: 13px;
}
#block-comment li {
	display: inline;
}
/* BLOCK ONGLETS */
#block-onglet {
	float:left;
	border: 0px solid black;
	margin-bottom:20px;
}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 25px; /*--Set height of tabs--*/
	border-bottom: 0px solid #999;
	border-left: 1px solid #999;
	width: 289px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 25px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 25px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #4c4848;
}
ul.tabs li a {
	text-decoration: none;
	color: #FFF;
	display: block;
	font-size: 14px;
	font-weight:bold;
	padding: 0px;
	width: 95px;
	text-align:center;
	border: 0px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #cc0066;
}
html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: black;
	border-bottom: 0px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 287px;
	background: black;
}
.tab_content {
	padding: 8px 8px 3px 8px;
}
.tab_content a {
	background: #858585 url(../image/interface_site/fleche-onglet.png) no-repeat;
	background-position: 15px 5px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	text-transform:uppercase;
	padding: 3px 20px 3px 30px;
	display: block;
	margin-bottom: 3px;
}
.tab_content a:hover {
	background: #b82586 url(../image/interface_site/fleche-onglet.png) no-repeat;
	background-position: 15px 5px;
}
/* BLOCK CAROUSEL */
#block-carousel {
	margin-bottom: 15px;
	height: 220px;
	background: black;
	float:left;
}
#block-carousel h4 {
	position: absolute;
	margin-top:130px;
	padding: 5px;
	float:left;
	width: 224px;
	height: 35px;
	background: #811a5e;
	background-color:rgba(74,15,54,0.7);
	color: white;
	font-size: 14px;
}
/* BLOCK TRIER */
#block-trier {
	margin-bottom: 15px;
	/*float: left;
	width: 580px;*/
	border: 0px solid black;
}
#block-trier p {
	margin: 4px 5px 0px 0px;
	float: left;
	font-size: 14px;
	font-weight: bold;
}
#block-trier form {
	background: #dddddd;
	padding: 2px 20px;
	color: #333;
	margin-bottom: 0px;
}
#block-trier select {
	border:#D6D6D6 solid 1px;
	color: #333;
	font-size: 14px;
	padding: 2px 2px 2px 2px;
	font-family: arial, helvetica, sans-serif;
	background-color: #F9F9F9;
	display: block;
}
#block-trier select:hover {
	border: #999 solid 1px;
	color: #333;
}
#block-trier select option {
	color: #333;
}

#block-trier ul{
	margin-bottom: 5px;
	display: block;
	border: 0px solid black;
	float: left;
	width: 100%;
}
#block-trier li{
	margin:0px 0px 0px 0px;
	display: block;
	/*height: 73px;*/
	float:left;
}
#block-trier img{
	width: 183px;
	height: 135px;
}
#block-trier li a{
	float:left;
	width:183px;
	color: #2b2b2b;
	padding:5px;
}
#block-trier li a:hover{
	background: #ff9900;
	float:left;
	color: white;
}
#block-trier .playlist-content {
	margin-left: 10px;
	width: 163px;
	border: 0px solid black;
}

/* BLOCK SEARCH */
#block-search {
	float:left;
	width: 100%;
	margin-bottom: 20px;
	font-size: 14px;
}
#block-search h3 {
	color: white;
	background: #639;
	height: 21px;
	font-size: 18px;
	text-transform: none;
	text-align: left;
	padding: 2px 10px;
	margin-bottom: 2px;
}
#block-search .words {
	margin: 0px 0px 20px 0px;
	color: #36C;
	font-size: 14px;
}
#block-search .words b{
	color: #33C;
}

#block-search .title{
	margin: 0px 0px;
}
#block-search .title a{
	height:20px;
	color: #639;
	font-weight: bold;
	text-decoration: underline;
	padding-right: 20px;
	background: transparent no-repeat top right url(../image/interface_site/icone-zoom.png);
}
#block-search .title a:hover{
	background: transparent no-repeat url(../image/interface_site/icone-zoom.png);
	background-position: right -17px;
}
#block-search .content{
	margin: 0px 0px 15px 0px;
}



/* PAGINATION */
#pagination{
	margin: 20px 0px 20px 0px;
	border: 0px solid black;
	text-align:center;
}
#pagination a, #pagination strong{
	margin-left:0px;
	background:#e3e3e3;
	padding: 1px 5px;
	text-decoration : none;
	border: #cac9c9 1px solid;
	color:#292929;
	font-size:14px;
}
#pagination strong, #pagination a:hover{
	font-weight: normal;
	background: #cac9c9;
}

#block-image{
	width: 290px;
}


/* NEWSLETTER */
#block-newsletter a{
	text-decoration:underline;
	font-size:14px;
}

#block-newsletter label{
	font-size: 14px;
	color:#333333;
}

#block-newsletter form{
	margin: 0px auto 0px auto;
	text-align:center;
}

#block-newsletter #submit{
	font-size:14px;
	color: #000;
}
#block-newsletter #submit:hover {
	border: #a42177 solid 1px;
}

/* CONTACT */
#block-contact label{
	font-size: 14px;
	color:#333333;
}

/* AMIS */
#block-amis a{
	text-decoration:underline;
	font-size:14px;
}

#block-amis label{
	font-size: 14px;
	color:#333333;
}

#block-amis #submit{
	font-size:14px;
	color: #000;
}
#block-amis #submit:hover {
	border: #a42177 solid 1px;
}


/* TWITTER */
#block-twitter{
	margin: 5px 0px 30px 0px;	
}

#block-twitter h3{
	height: 13px;
	background: black;
	color: white;
	text-transform: none;
	text-align: left;
	padding: 0px 0px;
}

/* FACEBOOK */
#block-facebook{
	margin: 5px 0px 30px 0px;		
}

/* SHARE*/
#share{
	border: 0px solid black;
	margin: 10px 0px;
	padding: 5px 0px 0px 0px ;
	width:100%;
	background-color:#ebebeb;
	text-align:center;
	
}
#share img{
	border: 0px solid black;
	width:32px;
	height:32px;
}
#share a{
	border: 0px solid black;
	padding: 0px;
	margin: 0px 2px;
	display: inline-block;
	height:32px;
	width:32px;
}

/* PROGRAMME */
#block-programme{
	margin-bottom: 20px;
	float:left;
}
#block-programme h4{
	font-weight:bold;
	margin: 30px 0px 5px 0px;
	float:left;
	font-weight:100;
	text-align:center;
	width:100%;
}

#block-programme .nom_emi{
	margin: 10px 0px 5px 0px;
	width:100%;
	color: #3b5998;
	font-size: 14px;
	font-weight:bold;
	display:block;
	float:left;
}

#block-programme li{
	width:100%;
	display:block;
	margin: 1px 0px;
	border:0px solid black;
	float:left;
	color: white;
	font-size:14px;
	font-weight:bold;
}
#block-programme li a{
	background-color:#3b5998;
	color:white;
	display:block;
	width:100%;
	border:0px solid black;
	float:left;
}
#block-programme li a:hover{
	background-color:white;
	color:#3b5998;
}

#block-programme li img{
	margin: 0px 10px 0px 0px;
	float:left;
	background-color: white;
	padding-right: 2px;
}
#block-programme li b{
	margin:10px 0px 0px 0px;
	float:left;
}

/* ANNONCEUR */
#block-annonceur label{
	font-size: 14px;
	color:#333333;
}
#block-annonceur h4{
	margin: 10px 0px;
	font-weight: bold;
	font-size: 18px;
	color: #3b5998;
	text-align:center;
}
#block-annonceur ul{
	display:block;
	width:100%;
	height: 225px;
	margin:5px 0px;
}
#block-annonceur ul .player{
	display:block;
	float:left;
	margin-right: 10px;
}
#block-annonceur ul li{
	display:block;
}

/* PRESTATIONS */
#block-prestations label{
	font-size: 14px;
	color:#333333;
}
#block-prestations h4{
	margin: 10px 0px;
	font-weight: bold;
	font-size: 18px;
	color: #3b5998;
	text-align:center;
}
#block-prestations ul{
	display:block;
	width:100%;
	margin:5px 0px 0px 0px;
}
#block-prestations ul li{
	display:block;
	margin:0px 0px 20px 0px;
}


/* NEWS */
#block-news h4 {
	height: 15px;
	background: #244790;
	color: white;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	padding: 5px 0px;
}

#block-news a{
	text-decoration:underline;
	font-size:14px;
}