/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : -
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : 00 mois 0000
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: #8b9b9c;
	background: #000;
}
h1 {
	font-size: 1.8em;
	font-weight: bold;
	text-transform: uppercase;
}
h2 {
	font-size: 1.8em;
	font-weight: bold;
}
h3 {
	font-size: 1.4em;
	font-weight: bold;
}
h4, h5, h6 {
	font-size: 1.3em;
	font-weight: bold;
}
a {
	color: #e61a89;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/*- Styles communs a toutes les pages -----------------------------------------*/
.Clearer { clear: both; }
.AligneGauche { float: left; }
.AligneDroite { float: right; }

#SrcHautPage	{ background: url(/images/SRCNav_HTML_JS.png) repeat-x 0% 100%; }
#SrcBasPage		{ background: #fafafa url(/images/SRCPied_HTML_JS.png) repeat-x 0% 100%; }
#SrcHautPage .srcPubBg,
#SrcHautPage #src_nav,
#SrcBasPage #SRCPied_HTML_JS { margin: 0 auto; }

#Wrapper {
	width: 990px;
	margin: 0 auto;
}

/*---- Entete ----*/
#WrapperEntete { background: no-repeat 50% 0%; }
#Entete {
	position: relative;
	width: 990px; height: 147px;
	margin: 0 auto;
}
#Entete .Logo{
	position: absolute;
	left: 24px; top: 11px;
}
#Entete .Forum {
	position: absolute;
	right: 8px; top: 14px;
	height: 38px;
	line-height: 1.8em;
	background: url(/images/Bg_Entete_Forum.gif) no-repeat;
	padding: 2px 0 0 54px;
}
#Entete .Forum a {
	font-size: 1.2em;
	color: #5ea4ae;
}

/*- Listes déroulantes-*/
#Entete div.Liste {
	position: absolute;
	width: 186px; height: 30px;
	padding-top: 9px;
	z-index: 500;
}
#Entete div.Liste.Serie	{ left: 372px; top: 20px; background: url(/images/Bg_Entete_ListeSerie.png) no-repeat; }
#Entete div.Liste.Show	{ left: 567px; top: 20px; background: url(/images/Bg_Entete_ListeShow.png) no-repeat; }
#Entete div.Liste a {
	display: block;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	outline: none;
}
#Entete div.Liste a:hover { text-decoration: none; }
#Entete div.Liste p a {
	font-weight: bold;
	line-height: 19px;
	padding: 0 6px;
}
#Entete div.Liste ul {
	display: none;
	position: absolute;
	left: 0; top: 29px;
	width: 184px;
	background: #0a0a0a;
	border: 1px solid #717171;
	border-top: 0;
}
#Entete div.Liste ul li a {
	width: 168px;
	font-size: 11px;
	text-transform: none;
	background: no-repeat 4px 9px;
	padding: 2px 4px 2px 12px;
}
#Entete div.Liste.Serie ul li a	{ background-image: url(/images/Bg_Entete_ListeSerie_Item.gif); }
#Entete div.Liste.Show ul li a	{ background-image: url(/images/Bg_Entete_ListeShow_Item.gif); }
#Entete div.Liste ul li a:hover	{ background-color: #232323; }

/*- Module Facebook -*/
#Entete .Facebook {
	position: absolute;
	left: 372px; top: 70px;
	width: 608px; height: 41px;
	background: #343434;
	padding: 8px 0 0 8px;
	z-index: 250;
}
#Entete .Facebook p {
	float: left;
	font-size: 1.2em;
	line-height: 1.3em;
	margin-right: 16px;
}
#Entete .Facebook p strong {
	font-size: .9em;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
}
#Entete .Facebook a { color: #778bb5; }
#Entete .Facebook p strong a { color: #fff; }
#Entete .Facebook p.Photo img { width: 30px; height: 30px; border: 1px solid #fff; }
#Entete .Facebook p.Connect {
	height: 29px;
	background: url(/images/Bg_Entete_InfluenceSuite.png) no-repeat 0% 50%;
	padding: 3px 0 0 280px;
}
#Entete .Facebook p.Communaute {
	height: 29px;
	background: url(/images/Bg_Entete_MembreRemyx.png) no-repeat 0% 50%;
	padding: 3px 0 0 155px;
}
#Entete .Facebook p.Info {
	font-size: 1em;
	border-left: 1px solid #737373;
	padding-left: 16px;
}
#Entete .Facebook p.Info a {
	display: block;
	color: #fff;
	line-height: 32px;
	text-transform: uppercase;
	background: url(/images/Puce_Entete_Info.gif) no-repeat 100% 50%;
	padding-right: 24px;
}

/*---- Zone Flash ----*/
#WrapperFlash {
	height: 434px;
	background: no-repeat 50% 0%;
}
#Flash {
	width: 990px; height: 434px;
	margin: 0 auto;
}
#Flash .NoFlash {
	position: absolute;
	width: 460px; height: 126px;
	background: #fff url(/images/Bg_NoFlash.jpg) no-repeat 28px 50%;
	margin: 150px 0 0 265px;
}
#Flash .NoFlash p {
	font-size: 1.3em;
	color: #000;
	line-height: 1.4em;
	padding: 34px 0 0 118px;
}
#Flash .NoFlash a { color: #dc3834; }

/*---- Chat "Sur le vif" ----*/
#WrapperChat {
	height: 70px;
	background: repeat-x;
	border-bottom: 1px solid;
	margin-bottom: 1px;
}
#PosiChat {
	position: relative;
	width: 990px; height: 70px;
	margin: 0 auto;
	z-index: 1000;
}
#Chat {
	position: absolute;
	width: 970px; height: 62px;
	background-repeat: repeat-x;
	padding: 8px 10px 0 10px;
}
#Chat div.VoirPlus { display: none; }
#Chat.Ouvert { height: 318px; background-repeat: no-repeat; }
#Chat.Ouvert div.VoirPlus { display: block; }

#Chat .AligneGauche { margin-right: 38px; }
#Chat .Form { width: 300px; }
#Chat .Form label {
	display: block;
	width: 260px; height: 26px;
	background: no-repeat 0px 2px;
	text-indent: -9999px;
	overflow: hidden;
}
#Chat .Form span {
	float: left;
	display: block;
	width: 260px; height: 20px;
	background: no-repeat;
	margin-right: 10px;
}
#Chat .Form input {
	display: block;
	width: 230px; height: 17px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	background: transparent no-repeat;
	border: 0;
	margin: 0 auto;
	padding-top: 3px;
}
#Chat .Form .Btn {
	float: left;
	display: block;
	width: 25px; height: 24px;
	background: no-repeat;
	margin-top: -2px;
	text-indent: -9999px;
	overflow: hidden;
}
#Chat .Messages { width: 550px; overflow: hidden; }
#Chat .VoirPlus { margin-bottom: 8px; }
#Chat p {
	font-size: 1.2em;
	color: #ccd1d3;
	line-height: 18px;
	white-space: nowrap;
}
#Chat p em { color: #8f8e8e; padding-left: 6px; font-style: normal; }
#Chat p.Agrandir {
	position: absolute;
	bottom: 10px; right: 12px;
}
#Chat p.Agrandir a {
	display: block;
	line-height: 16px;
	background: url(/images/Puce_Chat_Agrandir.gif) no-repeat 100% 50%;
	padding-right: 24px;
}

/*---- Corps du site ----*/
#WrapperCorps { background: repeat-x; }
#Corps {
	width: 990px; min-height: 293px;
	height: auto !important; height: 293px;
	background: no-repeat;
	margin: 0 auto;
}
#HautPage {
	width: 970px; height: 55px;
	background: no-repeat 0% 50%;
	margin: 0 auto;
	padding-top: 35px;
}
#HautPage p {
	font-size: 1.2em;
	text-align: right;
	padding-right: 10px;
}
#ColD {
	float: left;
	width: 300px;
	padding: 0 0 16px 18px;
}
#ColD div.Separ {
	height: 36px;
	background: no-repeat 0% 60%;
}
#ColD .Promo {
	background: url(/images/show/Img_ColD_Promo.gif) no-repeat 0% 100%;
	margin: 0 0 18px;
	padding: 6px 0 16px;
}
#ColD .Promo h1, #ColD .Promo h3 {
	text-transform: uppercase;
	margin: 0 0 8px;
}
#ColD .Promo p {
	font-size: 1.3em;
	color: #5f6364;
	margin: 0 0 10px;
}

/*---- Contenu principale ----*/
#Contenu {
	float: left;
	width: 650px;
	padding: 0 0 0 10px;
}
#Contenu h1 { padding: 0 0 8px; /*padding: 14px 0 4px;*/ }
#Contenu h2 { padding: 0 0 .6em; }
#Contenu h3 { text-transform: uppercase; margin: 0 0 .2em; }
#Contenu p {
	font-size: 1.3em;
	line-height: 1.4em;
	margin: 0 0 1em;
}
#Contenu p.No {
	float: left;
	width: 79px; line-height: 79px;
	font: bold 68px/79px "Trebuchet MS", Arial, sans-serif;
	color: #fff;
	text-align: center;
	background: url(/images/Bg_NoEpisode.png) no-repeat;
	margin: 0 25px 0 0;
}
#Contenu p.Date {
	font-size: 1.2em;
	margin: 0;
}
#Contenu div.Intro { padding: 16px 0 12px; }
#Contenu div.Intro p { font-size: 1.5em; }

/*---- Pied de page ----*/
#PiedPage {
	position: relative;
	width: 970px; height: 135px;
	background: no-repeat 0px 15px;
	margin: 0 auto;
}
#PiedPage ul { position: absolute; }
#PiedPage ul li {
	float: left;
	font-size: 1.1em;
}
#PiedPage ul.Partager { top: 18px; left: 0px; }
#PiedPage ul.Partager li {
	line-height: 36px;
	margin-right: 10px;
}
#PiedPage ul.Partager a {
	display: block;
	background: no-repeat 0% 50%;
	padding-left: 22px;
}
#PiedPage ul.Partager li.Facebook a { background-image: url(/images/Puce_Facebook.gif); }
#PiedPage ul.Partager li.Delicious a { background-image: url(/images/Puce_Delicious.gif); }
#PiedPage ul.Partager li.Twitter a { background-image: url(/images/Puce_Twitter.gif); }
#PiedPage ul.Partager li.Digg a { background-image: url(/images/Puce_Digg.gif); padding-left: 36px; }

#PiedPage ul.NavFixe { top: 85px; left: 0px; }
#PiedPage ul.NavFixe li {
	background: url(/images/Bg_PiedPage_NavFixe.gif) no-repeat 6px 50%;
	padding-left: 13px;
}
#PiedPage ul.NavFixe li.FirstItem {
	background-image: none;
	padding-left: 0;
}
#PiedPage ul.NavFixe li,
#PiedPage ul.NavFixe a { color: #6c7879; }

#PiedPage ul.Production { top: 36px; left: 576px; }
#PiedPage ul.Production li { margin: 0 15px 0 0; }
#PiedPage ul.Production li.LastItem { margin: 0; }
#PiedPage ul.Production li.Clearer {
	float: none;
	font-size: 1em;
	text-transform: uppercase;
	margin: 0 0 3px;
}

#PiedPage ul.Partenaires { top: 36px; right: 0px; }
#PiedPage ul.Partenaires li { margin: 0 15px 0 0; }
#PiedPage ul.Partenaires li.LastItem { margin: 0; }
#PiedPage ul.Partenaires li.Clearer {
	float: none;
	font-size: 1em;
	text-transform: uppercase;
	margin: 0 0 10px;
}

/*- Styles spéciaux pour pages d'accueil --------------------------------------*/
#Contenu div.Section {
	position: relative;
	background: no-repeat;
	margin: 0 0 24px;
}
#Contenu div.Section p.Titre {
	width: 100%; height: 22px;
	text-indent: -9999px;
	background: no-repeat;
	margin: 0 0 22px;
	overflow: hidden;
}
#Contenu div.Section .ColG {
	float: left;
	width: 204px;
	padding: 0 0 4px 16px;
}
#Contenu div.Section .ColD {
	float: left;
	width: 402px;
	padding: 0 0 16px 16px;
}
#Contenu div.Section .Notice {
	width: 100%;
	text-align: center;
	background: #dae357;
	border-top: 1px solid;
	padding: 8px 0;
}
#Contenu div.Section .Notice p {
	font-weight: bold;
	color: #000;
	margin: 0;
}

/*- Styles spéciaux pour pages intérieurs -------------------------------------*/
#WrapperRetour	{ background: no-repeat 50% 0%; border-bottom: 1px solid; }
#Retour {
	width: 970px; height: 35px;
	margin: 0 auto;
}
#Retour h4 {
	float: left;
	width: 71px; height: 31px;
	background: url(/images/Txt_RetourEcoute.png) no-repeat;
	margin-right: 7px;
	text-indent: -9999px;
	overflow: hidden;
}
#Retour p {
	float: left;
	height: 30px;
	padding-top: 5px;
}
#Retour p a {
	display: block;
	height: 30px;
	background: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#Retour p.Episode a	{ width: 77px; background: url(/images/Bt_RetourEpisode.png); }
#Retour p.Soiree a	{ width: 83px; background: url(/images/Bt_RetourSoiree.png); }

/*-- Listes de clips --*/
#Contenu div.Section .Clips {
	width: 610px;
	margin: 0 auto;
	padding-bottom: 12px;
}
#Contenu div.Section .Clip {
	margin: 0 0 6px;
	padding: 1px;
}
#Contenu div.Section .Clip h3,
#Contenu div.Section .Clip p {
	line-height: normal;
	text-transform: none;
	margin: 0;
}
#Contenu div.Section .Clip h3 { width: 350px; }
#Contenu div.Section .Clip p.AligneGauche { margin-right: 14px; }
#Contenu div.Section .Clip p strong { color: #000; }

/*-- Playlist --*/
#ColD .Playlist {
	background: no-repeat 0% 100%;
	padding: 4px 0 18px;
}
#ColD .Playlist h3 { text-transform: uppercase; }
#ColD .Playlist .AligneDroite {
	font-size: 1.1em;
	background: no-repeat 0% 0%;
	padding-left: 24px;
}
#ColD .Playlist .AligneDroite a {
	display: block;
	width: 108px; height: 19px;
	background: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#ColD .Playlist div.Lecteur { clear: both; margin: 8px 0; }
#ColD .Playlist ul li {
	background: no-repeat 98% 50%;
	margin: 0 0 1px;
	padding: 1px;
}
#ColD .Playlist ul li a {
	display: block;
	font-size: 1.2em;
	background: repeat-y;
	padding: 4px 32px;
	outline: none;
}
#ColD .Playlist ul li a span {
	position: absolute;
	width: 24px;
	font-weight: bold;
	text-align: center;
	margin-left: -32px;
}
#ColD .Playlist ul li a:hover { text-decoration: none; }
#ColD .Playlist ul li a strong { font-weight: bold; white-space: nowrap; }
#ColD .Playlist ul li a em { font-style: normal; white-space: nowrap; }

/*- Styles pour formulaires ----------------------------------------------------*/
.Formulaire { }
.Formulaire p { }
.Formulaire p.AligneGauche { margin-right: 15px; }
.Formulaire p label {
	display: block;
	margin-bottom: 3px;
}
.TxtErreur {
	font-weight: bold;
	color: #a61b1b !important;
}

#Contenu div.SommaireValidation {
	color: #b46f6d !important;
	background: #fdf1f1;
	border:1px solid #b46f6d;
	padding: 20px;
	margin-bottom: 12px;
}
#Contenu div.SommaireValidation ul { margin: 0; }
#Contenu div.SommaireValidation ul li {
	float: left;
	list-style: none outside none;
	padding: 0;
}

input, textarea, select,
input.TxtBox, textarea.TxtArea, select.SelectList, .Btn {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px; /* fixer la size pour pas que les champs défoncent si la grosseur du texte est grandie par l'utilisateur */
}
input.TxtBox, textarea.TxtArea, select.SelectList {
	font-size: 13px;
	background: #fff;
	border: 1px solid #ccd5d6;
	padding: 2px;
}
textarea.TxtArea { overflow: auto; }
select.SelectList { padding: 1px; }
input.Checkbox { margin: 3px; }
.Btn { overflow: visible; }

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TextePetit {
	font-size: 0.9em;
}

/*- Classes pour les hyperliens ----*/
a.LienPlus {
	background: url(/images/Puce_Plus.gif) no-repeat 0% 50%;
	padding-left: 24px;
}

/*- Classes pour les images ----*/
img.ImageContour {
	background: #fff;
	border: 1px solid #809092;
	padding: 1px;
}
img.ImageGauche {
	float: left;
	margin:	0 16px 8px 0;
}
img.ImageDroite {
	float: right;
	padding: 1px;
}

/*- Classes pour les listes ----*/
/* 	NOTE : Il est important de garder le font-size sur les ul et ol et non de le
	mettre sur les li, plus bas se trouve une liste d'ajustements pour les EM */
#Contenu ul,
#ColD .Promo ul {
	font-size: 1.2em;
	margin: 0 0 12px 15px;
}
#Contenu ul li,
#ColD .Promo ul li {
	list-style: disc outside url(/images/Puce_Liste.gif);
	padding: 0 0 5px 0;
}
#Contenu ol,
#ColD .Promo ol {
	font-size: 1.2em;
	margin: 0 0 12px 24px;
}
#Contenu ol li,
#ColD .Promo ol li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
}

/*- Classes pour les tableaux ----*/
/* 	NOTE : Il est important de garder le font-size sur le tableau et non de le 
	mettre sur les td, plus bas se trouve une liste d'ajustements pour les EM */
table.Tableau {
}
table.Tableau td {
	font-size: 1.1em;
	vertical-align: top;
}
table.Tableau td.CelluleTitre {
}
table.Tableau td.CelluleSousTitre {
}
table.Tableau td.CelluleAlternative {
}

/*--------------------------------------------------------------------------*/

/*- Styles d'ajustement pour les EM ----------------------------------------*/
div#Contenu p p,
div#Contenu ul ul, 
div#Contenu ol ol, 
div#Contenu ol ul, 
div#Contenu ul ol,
table.Tableau ul,
table.Tableau ol,
table.Tableau p {
	font-size:1em;
}