body{
margin:0px;
padding:0px;
background:/*transparent url(maquettev3.jpg) no-repeat center top;*/white;
}

		/* #############      DIVISION  DE LA PAGE ##############"*/

#cadre
{
width:964px;
margin:0 auto;
}

		/* #############      DIVISION DE LA PARTIE CENTRALE    ##############"*/

#haut
{
width:964px;
height:180px;
background:black;
}


#partiecentrale
{
width:962px;
height:100%;
background:#f8F8F8;
float:left;
border-right:1px solid #e9e9e9;
border-left:1px solid #e9e9e9;
}

#partiea
{
width:669px;
float:left;
}

#partieb
{
width:293px;
float:right;
}

		/* #############      DIVISION DU HAUT       ##############"*/

#tv
{
width:220px;
height:154px;
background:black;
float:left;
}

#soustitre
{
width:744px;
height:154px;
background:transparent url(../images/soustitre.gif) no-repeat center top;
float:left; 
}


#cadremenu1
{
height:25px;
background:#373737;
border-top:1px solid #585757;
float:left; 
}

		/* #############      Les Boutons du MENU     ##############"*/

#boutonchansons
{
width:150px;
height:45px;
float:left;
text-align:center;
}


#boutoninterviews
{
width:138px;
height:45px;
float:left;
text-align:center;
}


#boutonreportages
{
width:154px;
height:45px;
float:left;
text-align:center;
}


#boutonjournaltv
{
width:141px;
height:45px;
float:left;
text-align:center;
}


#boutonrecompenses
{
width:173px;
height:45px;
float:left;
text-align:center;
}


#boutonpubs
{
width:90px;
height:45px;
float:left;
text-align:center;
}

#boutonbonus
{
width:118px;
height:45px;
float:left;
}


/* #############     MENU 2    ##############"*/


#menu2
{
width:291px;
height:168px;
background:#ebebeb;
float:right;
margin-top:20px;
border-left:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
}


		/*****************      BOUTON NEWS    *******************/
		
#news
{
width:94px;
height:36px;
text-align:center;
float:left;
}

		/*****************      BOUTON MYLENE    *******************/

#mylene
{
width:89px;
height:36px;
text-align:center;
float:left;
}

		/*****************      CONTACT    *******************/

#contact
{
width:108px;
height:36px;
text-align:center;
float:left;
}

		
		/*****************      TITRE RECHERCHE    *******************/

#zonerecherche
{
width:260px;
height:23px;
float:left;
margin-top:15px;
margin-left:22px;
border:0px solid red;
}
		
#titrerecherche
{
font-size: 14px;
font-family: arial,verdana,georgia,times;
color: black;
text-decoration:none;
text-align:center;
float:left;
margin-top:4px;
border:0px solid red;
}

#zonetexterecherche
{
border:0px solid red;
float:left;
margin-left:13px;
border:0px solid red;
}

		/*****************      SEPARATION 1    *******************/

.separation1
{
width:291px;
height:1px;
background:transparent url(../images/separation1.gif) no-repeat center top;
float:left;
border:0px solid blue;
}

		/*****************      SEPARATION 2    *******************/

.separation2
{
width:291px;
height:1px;
background:transparent url(../images/separation1.gif) no-repeat center top;
margin-top:17px;
float:left;
border:0px solid yellow;
}

		/* #############      ABONNEMENT NEWSLETTER  ##############"*/

#abonnement
{
width:291px;
float:left;
border:0px solid blue;
margin-top:12px;
}

#titreabonnement
{
font-size: 13px;
font-family: arial,verdana,georgia,times;
color: #003cff;
font-weight:bold;
text-decoration:none;
border:0px solid red;
margin-left:22px;
}

#zonemail
{
margin-top:8px;
margin-left:20px;
border:0px solid red;
float:left;
}

/* #############     MENU 3    ##############"*/


#menu3
{
width:291px;
background:#ebebeb;
float:right;
margin-top:20px;
border-left:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
}

#titremenu3
{
width:291px;
height:36px;
background:transparent url(../images/titremenu3.gif) no-repeat center top;
}


#detailperiode
{
width:170px;
height:213px;  /*A agrandir lorsqu'il y a rajout d'un Album !!! */
background:#ebebeb;
margin-top:15px;
margin-left:10px;
border:0px solid red;
margin:0 auto;
text-align:center;
}

#texteperiode
{
width:160px;
height:164px;
padding-top:7px;
margin-left:10px;
line-height:18px;
text-align:center;
}

a#periode
{
font-size:13px;
font-family:arial,verdana,georgia,times;
color:#838383;
text-decoration:none;
}

a:hover#periode
{
font-size:13px;
font-family:arial,verdana,georgia,times;
color:black;
text-decoration:none;
}


/* #############     MENU 4   ##############"*/


#menu4
{
width:291px;
height:386px;
background:#ebebeb;
float:right;
margin-top:20px;
border-left:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
}

#titremenu4
{
width:291px;
height:36px;
background:transparent url(../images/titremenu4.gif) no-repeat center top;
}

		/* #####    FOND VIDEO    #### */

.fondrecentes
{
width:289px;
height:102px;
border:1px solid #e9e9e9;
float:left;
background:#fafafa;
}

		/*   ############ COULEURS DES DIFFERENTS CADRES DES VIDEOS  ###### */

.cadrerecentesrose
{
width:90px;
height:70px;
border:1px #FF66CC solid;
margin-top:16px;
margin-left:16px;
float:left;
}

.cadrerecentesjaune
{
width:90px;
height:70px;
border:1px #FFFF66 solid;
margin-top:16px;
margin-left:16px;
float:left;
}

.cadrerecentesorange
{
width:90px;
height:70px;
border:1px #FF9933 solid;
margin-top:16px;
margin-left:16px;
float:left;
}
	
.cadrerecentesbleu
{
width:90px;
height:70px;
border:1px #0099FF solid;
margin-top:16px;
margin-left:16px;
float:left;
}

.cadrerecentesviolet
{
width:90px;
height:70px;
border:1px #9966FF solid;
margin-top:16px;
margin-left:16px;
float:left;
}

.cadrerecentesgris
{
width:90px;
height:70px;
border:1px #D8D8D8 solid;
margin-top:16px;
margin-left:16px;
float:left;
}

.cadrerecentesvert
{
width:90px;
height:70px;
border:1px #82EF31 solid;
margin-top:16px;
margin-left:16px;
float:left;
}

.cadrerecentesrouge
{
width:90px;
height:70px;
border:1px #FF4646 solid;
margin-top:16px;
margin-left:16px;
float:left;
}

		/*   ############ CADRE POUR LE TEXTE DES VIDEOS  ###### */

.cadretextevideorecentes
{
width:150px;
height:30px;
margin-top:10px;
margin-left:16px;
font-size:10px;
font-family:arial,georgia,verdana,times;
text-align:justify;
color:white;
float:left;
border:0px solid pink;
}

		/*   ############ COULEURS TITRES VIDEOS RECENTES ###### */

.titrerecentes
{
width:150px;
margin-top:25px;
margin-left:16px;
font-size:11px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#333333;
float:left;
}

		/*   ############ DETAILS SPECIFICITEES VIDEOS RECENTES  ###### */

.categorierecentes
{
width:84px;
height:11px;
float:left;
margin-left:16px;
border:0px solid red;
}


.dureerecentes
{
width:40px;
height:11px;
float:left;
border:0px solid yellow;
font-size:10px;
font-family:arial,georgia,verdana,times;
color:#838383;
}

	/*   ############ VIDEOS RECENTES : COULEURS DES DIFFERENTS LIENS MENANT DIRECTEMENT AUX CATEGORIES  ###### */

a.roserecentes
{
font-size:11px;
font-family:arial,georgia,verdana,times;
color:#FF66CC;
text-decoration:none;
}

a:hover.roserecentes
{
font-size:11px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#FF66CC;
text-decoration:none;
}


a.jaunerecentes
{
font-size:11px;
font-family:arial,georgia,verdana,times;
color:#FFFF66;
text-decoration:none;
}

a:hover.jaunerecentes
{
font-size:11px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#FFFF66;
text-decoration:none;
}


a.orangerecentes
{
font-size:11px;
font-family:arial,georgia,verdana,times;
color:#FF9933;
text-decoration:none;
}

a:hover.orangerecentes
{
font-size:11px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#FF9933;
text-decoration:none;
}

	
a.bleurecentes
{
font-size:11px;
font-family:arial,georgia,verdana,times;
color:#0099FF;
text-decoration:none;
}

a:hover.bleurecentes
{
font-size:11px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#0099FF;
text-decoration:none;
}


a.violetrecentes
{
font-size:11px;
font-family:arial,georgia,verdana,times;
color:#9966FF;
text-decoration:none;
}

a:hover.violetrecentes
{
font-size:11px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#9966FF;
text-decoration:none;
}


a.grisrecentes
{
font-size:11px;
font-family:arial,georgia,verdana,times;
color:#D8D8D8;
text-decoration:none;
}

a:hover.grisrecentes
{
font-size:11px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#D8D8D8;
text-decoration:none;
}


a.vertrecentes
{
font-size:11px;
font-family:arial,georgia,verdana,times;
color:#82EF31;
text-decoration:none;
}

a:hover.vertrecentes
{
font-size:11px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#82EF31;
text-decoration:none;
}


a.rougerecentes
{
font-size:11px;
font-family:arial,georgia,verdana,times;
color:#FF4646;
text-decoration:none;
}

a:hover.rougerecentes
{
font-size:11px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#FF4646;
text-decoration:none;
}

/* #############     MENU 5  ##############"*/


#menu5
{
width:291px;
background:#ebebeb;
float:right;
margin-top:20px;
border-left:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
}

#titremenu5
{
width:291px;
height:36px;
background:transparent url(../images/titremenu5.gif) no-repeat center top;
}

#webradio
{
margin:0 auto;
text-align:center;
}


/* #############     MENU 6  ##############"*/


#menu6
{
width:291px;
background:#ebebeb;
float:right;
margin-top:20px;
border-left:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
}

#titremenu6
{
width:291px;
height:36px;
background:transparent url(../images/titremenu6.gif) no-repeat center top;
}

.integral
{
padding-top:7px;
line-height:18px;
text-align:center;
margin:0 auto;
border:0px solid red;
}


a#integral
{
font-size:13px;
font-family:arial,verdana,georgia,times;
color:#838383;
text-decoration:none;
}

a:hover#integral
{
font-size:13px;
font-family:arial,verdana,georgia,times;
color:black;
text-decoration:none;
}

/* #############     MENU 7 - Partenaires  ##############"*/


#menu7
{
width:291px;
background:#ebebeb;
float:right;
margin-top:20px;
border-left:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
}

#titremenu7
{
width:291px;
height:36px;
background:transparent url(../images/titremenu7.gif) no-repeat center top;
}

.partenaires
{
margin:0 auto;
text-align:center;
border:0px solid purple;
}


/* #############     MENU 8 - Compteur Live  ##############"*/


#menu8
{
width:291px;
float:right;
margin-top:20px;
}

#compteur
{
margin:0 auto;
margin-left:91px;
text-align:center;
}


		/* #############      DIVISION DU CENTRE    ##############"*/
		
#miseajour
{
font-size:12px;
font-family:arial,georgia,verdana,times;
color:#838383;
float:left;
text-align:left;
margin-top:20px;
margin-left:37px;
}
		
#contenu
{
width:669px;
float:left;
margin-top:20px;
background:#F3F3F3;
border-right:1px solid #EEEEEE;
border-top:1px solid #EEEEEE;
}

#separation
{
width:400px;
height:10px;
float:left;
border:0px solid red;
}

#separation2
{
width:400px;
height:15px;
float:left;
}

#separation3
{
width:400px;
height:20px;
margin-top:43px;
float:left;
border:0px solid green;
}

#separation4
{
width:150px;
height:5px;
float:left;
border:0px solid blue;
}

#separation5
{
height:36px;
float:left;
border:0px solid blue;
}


.lesvideos
{
width:626px;
background:;/*#000200;*/
float:left;
margin-top:-60px;
margin-left:21px;
border:0px solid red;
}


		/*****************      AFFICHAGE NOMBRE DE VIDEOS    *******************/

#nombrevideo
{
width:155px;
height:30px;
font-size:10px;
font-family:arial,georgia,verdana,times;
color:#CECECE;
line-height:15px;
float:left;
margin-top:7px;
margin-left:20px;
text-align:center;
}

		/*   ################   SECTIONS / CONTENEUR VIDEO  #########################  */

.section
{
height:100%;
margin-left:41px;
float:left;
border:0px solid red;
}

.section2
{
height:100%;
margin-left:116px;
float:left;
border:0px solid blue;
}


.pf 					/*   ###########     PICTUREFLOW      ###### */
{
width:209px;
height:37px;
float:right;
margin-right:41px;
}

.pf2 					/*   ###########     PICTUREFLOW      ###### */
{
width:163px;
height:37px;
float:right;
margin-right:41px;
}


					/*   ###########     Cadre du titre Vidéo	###### */

.cadretitrevideo
{
width:380px;
height:21px;
margin-top:16px;
margin-left:16px;
float:left;
}
		/*   ############ COULEURS DES DIFFERENTS TITRES DES VIDEOS  ###### */

.titrerose
{
font-size:14px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#FF66CC;
float:left;
}

.titrejaune
{
font-size:14px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#FFFF66;
float:left;
}

.titreorange
{
font-size:14px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#FF9933;
float:left;
}
	
.titrebleu
{
font-size:14px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#0099FF;
float:left;
}

.titreviolet
{
font-size:14px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#9966FF;
float:left;
}

.titregris
{
font-size:14px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#D8D8D8;
float:left;
}

.titrevert
{
font-size:14px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#82EF31;
float:left;
}

.titrerouge
{
font-size:14px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#FF4646;
float:left;
}

		/* #####    FOND VIDEO    #### */

.fondvideo
{
width:626px;
height:174px;
background:#636363;
border:1px solid #303030;
float:left;
}

		/*   ############ COULEURS DES DIFFERENTS CADRES DES VIDEOS  ###### */

.cadrevideorose
{
width:180px;
height:140px;
border:1px #FF66CC solid;
margin-top:16px;
margin-left:16px;
float:left;
}

.cadrevideojaune
{
width:180px;
height:140px;
border:1px #FFFF66 solid;
margin-top:16px;
margin-left:16px;
float:left;
}

.cadrevideoorange
{
width:180px;
height:140px;
border:1px #FF9933 solid;
margin-top:16px;
margin-left:16px;
float:left;
}
	
.cadrevideobleu
{
width:180px;
height:140px;
border:1px #0099FF solid;
margin-top:16px;
margin-left:16px;
float:left;
}

.cadrevideoviolet
{
width:180px;
height:140px;
border:1px #9966FF solid;
margin-top:16px;
margin-left:16px;
float:left;
}

.cadrevideogris
{
width:180px;
height:140px;
border:1px #D8D8D8 solid;
margin-top:16px;
margin-left:16px;
float:left;
}

.cadrevideovert
{
width:180px;
height:140px;
border:1px #82EF31 solid;
margin-top:16px;
margin-left:16px;
float:left;
}

.cadrevideorouge
{
width:180px;
height:140px;
border:1px #FF4646 solid;
margin-top:16px;
margin-left:16px;
float:left;
}

		/*   ############ CADRE POUR LE TEXTE DES VIDEOS  ###### */

.cadretextevideo
{
width:400px;
margin-top:15px;
margin-left:16px;
font-size:12px;
font-family:arial,georgia,verdana,times;
text-align:justify;
color:white;
float:left;
}


.categorie
{
width:160px;
height:15px;

float:left;
}

.chaine
{
width:155px;
border:0px solid red;
float:left;
}

.duree
{
width:77px;
height:15px;
float:left;
border:0px solid red;
}


.date
{
width:200px;
height:15px;
float:left;
}


.qualite
{
width:180px;
height:15px;
float:left;
}


.commentaires
{
width:393px;
height:100%;
border:0px solid red;
float:left;
}


	/*   ############ COULEURS DES DIFFERENTS LIENS MENANT DIRECTEMENT AUX CATEGORIES  ###### */

a.rose
{
font-size:12px;
font-family:arial,georgia,verdana,times;
color:#FF66CC;
text-decoration:none;
}

a:hover.rose
{
font-size:12px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#FF66CC;
text-decoration:none;
}


a.jaune
{
font-size:12px;
font-family:arial,georgia,verdana,times;
color:#FFFF66;
text-decoration:none;
}

a:hover.jaune
{
font-size:12px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#FFFF66;
text-decoration:none;
}


a.orange
{
font-size:12px;
font-family:arial,georgia,verdana,times;
color:#FF9933;
text-decoration:none;
}

a:hover.orange
{
font-size:12px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#FF9933;
text-decoration:none;
}

	
a.bleu
{
font-size:12px;
font-family:arial,georgia,verdana,times;
color:#0099FF;
text-decoration:none;
}

a:hover.bleu
{
font-size:12px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#0099FF;
text-decoration:none;
}


a.violet
{
font-size:12px;
font-family:arial,georgia,verdana,times;
color:#9966FF;
text-decoration:none;
}

a:hover.violet
{
font-size:12px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#9966FF;
text-decoration:none;
}


a.gris
{
font-size:12px;
font-family:arial,georgia,verdana,times;
color:#D8D8D8;
text-decoration:none;
}

a:hover.gris
{
font-size:12px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#D8D8D8;
text-decoration:none;
}


a.vert
{
font-size:12px;
font-family:arial,georgia,verdana,times;
color:#82EF31;
text-decoration:none;
}

a:hover.vert
{
font-size:12px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#82EF31;
text-decoration:none;
}


a.rouge
{
font-size:12px;
font-family:arial,georgia,verdana,times;
color:#FF4646;
text-decoration:none;
}

a:hover.rouge
{
font-size:12px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#FF4646;
text-decoration:none;
}



		/* #############      LE FOOTER   ##############"*/

#footer
{
width:961px;
height:26px;
float:left;
background:#ebebeb;
border:1px solid #e7e7e7;
}

#textefooter
{
width:300px;
height:14px;
font-size:12px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
letter-spacing:1px;
color:#656565;
margin:0 auto;
padding:6px;
}

a#noir
{
font-size:12px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
letter-spacing:1px;
color:#656565;
text-decoration:none;
}

a:hover#noir
{
font-size:12px;
font-family:arial,georgia,times;
font-weight:bold;
letter-spacing:1px;
color:black;
text-decoration:underline;
}


	/*   ############ FORMULAIRES DE CONTACT  ###### */

#texteformulaire
{
width:120px;
height:16px;
font-size:12px;
font-family:arial,verdana,georgia,times;
color:#838383;
margin-left:50px;
}


#texteformulaire2
{
width:626px;
height:100px;
font-size:12px;
font-family:arial,verdana,georgia,times;
color:#838383;
text-align:justify;
margin-top:52px;
float:left;
}

#envoyerformulaire
{
width:85px;
height:22px;
margin:0 auto;
text-align:center;
}

.input
{
margin-left:60px;
}

#cadrevalidation
{
width:290px;
height:35px;
margin:0 auto;
text-align:center;
border:1px solid #838383;
background:white;
}

#textevalidation
{
font-size:14px;
font-family:arial,verdana,georgia,times;
color:#838383;
text-align:center;
margin-top:9px;
}


		/*   ############ Police des liens pour les pages suivantes et retour  ###### */


a.grisblanc
{
font-size:14px;
font-family:arial,verdana,georgia,times;
font-weight:bold;
color:#929292;
text-decoration:none;
}

a:hover.grisblanc
{
font-size:14px;
font-family:arial,verdana,georgia,times;
font-weight:bold;
color:white;
text-decoration:underline;
}


.textegris
{
font-size:14px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
color:#656565;
margin-top:5px;
}

/*   ############ Texte page Mylène  ###### */

#cadretextemylene
{
width:626px;
font-size:12px;
font-family:arial,verdana,georgia,times;
color:#838383;
text-align:justify;
margin-top:40px;
border:0px solid purple;
}