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

#page
{
width:1004px;
height:862px;
}

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

#footer
{
width:726px;
height:28px;
position:absolute;
z-index:1;
margin-top:680px;
background:transparent url(../images/footer.gif) no-repeat center top;
}

#textefooter
{
width:290px;
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#blanc
{
font-size:12px;
font-family:arial,georgia,verdana,times;
font-weight:bold;
letter-spacing:1px;
color:#656565;
text-decoration:none;
}

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


		/* #############      CADRE ENTIER   ##############"*/
#cadre
{
width:1004px;
height:862px;
margin:0 auto;
position: absolute;
left: 50%;
margin-left: -502px; /* moitié de width */

}

		/* #############      DIVISION  DU CADRE   ##############"*/

#ondegauche
{
width:139px;
height:862px;
background:transparent url(../images/ondegauche.png) no-repeat right top;
float:left;
}

#partiecentrale
{
width:726px;
height:862px;
margin:0 auto;
float:left;
}

#ondedroite
{
width:139px;
height:862px;
background:transparent url(../images/ondedroite.png) no-repeat left top;
float:left;
}

.cadrepub1
{
width:100px;
height:130px;
position:absolute;
margin-top:500px;
}

.cadrepub2
{
width:100px;
height:130px;
position:absolute;
margin-top:750px;
}


.cadrepub3
{
width:100px;
height:130px;
position:absolute;
margin-top:500px;
margin-left:15px;
}

.cadrepub4
{
width:100px;
height:130px;
position:absolute;
margin-top:750px;
margin-left:20px;
}


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

#haut
{
width:726px;
height:154px;
}


#centre
{
width:726px;
height:708px;
}

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

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

#menu2
{
width:505px;
height:153px;
background:#000209;
border-bottom:1px solid #282828;
border-left:1px solid #282828;
float:right;
}

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

#boutonchansons
{
width:115px;
height:30px;
margin-top:8px;
margin-left:22px;
float:left;
text-align:center;
}


#boutoninterviews
{
width:115px;
height:30px;
margin-top:8px;
float:left;
text-align:center;
}


#boutonreportages
{
width:116px;
height:30px;
margin-top:8px;
float:left;
text-align:center;
}


#boutonjournaltv
{
width:115px;
height:30px;
margin-top:8px;
float:left;
text-align:center;
}


#boutonrecompenses
{
width:117px;
height:32px;
margin-top:2px;
margin-left:77px;
float:left;
text-align:center;
}


#boutonpubs
{
width:116px;
height:32px;
margin-top:2px;
float:left;
text-align:center;
}

#boutonbonus
{
width:118px;
height:32px;
float:left;
margin-top:2px;
}

#ensemblenews
{
width:505px;
height:36px;
float:left;
margin-top:6px;
}


#cadrenewsletter1
{
width:103px;
height:36px;
background:#232323;
margin-left:80px;
float:left;
}

#textenewsletter
{
width:94px;
height:18px;
margin-top:8px;
margin-left:10px;
font-size:16px;
font-family:arial,verdana,georgia,times;
font-style:italic;
font-weight:bold;
color:white;
}

#cadrenewsletter2
{
width:241px;
height:36px;
background:transparent url(../images/newsletter.gif) no-repeat left top;
float:left;
}

#zonemail
{
width:178px;
height:25px;
margin-top:8px;
margin-left:82px;
}

#zonerecherche
{
width:260px;
height:23px;
float:left;
margin-top:10px;
margin-left:130px;

}


		/* #############      DIVISION DU CENTRE    ##############"*/

#gauche
{
width:220px;
height:708px;
background:transparent url(../images/fondgauche.gif) repeat-y center top;
float:left;
}

#contenu
{
width:505px;
height:708px;
border-left:1px solid #282828;
float:right;
background:#000209;
}

#separation
{
width:505px;
height:10px;
float:left;
}


.lesvideos
{
width:505px;
height:578px;
overflow:auto;
background:#000200;
border-top:1px solid #121212;
float:left;
}
		/* #############      DIVISION PARTIE GAUCHE    ##############"*/

			/* #############      CADRE POUR BOUTONS    ##############"*/
#cadrebouton1
{
width:190px;
height:480px;/*436*/
background:#121212;
border:1px solid #525151;
margin-top:23px;
margin-left:14px;
}
		/*****************      BOUTON NEWS    *******************/
		
#news
{
width:174px;
height:51px;
font-size:50px;
margin-top:8px;
margin-left:8px;
text-align:center;
text-align:center;
}

		/*****************      BOUTON CLASSEMENT PAR PERIODE    *******************/

#classementperiode
{
width:174px;
height:51px;
font-size:50px;
margin-top:11px;
margin-left:8px;
background:transparent url(../images/classperiode.gif) no-repeat center top;
}

		/*****************      DETAIL PERIODE    : A AGRANDIR DES QU'IL Y AURA UNE NOUVELLE PERIODE*******************/  

#detailperiode
{
width:170px;
height:177px;
background:#232323;
margin-top:15px;
margin-left:10px;
}

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

a#periode
{
font-size:11px;
font-family:arial,verdana,georgia,times;
font-weight:bold;
color:white;
text-decoration:none;
}

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

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

#mylene
{
width:174px;
height:51px;
font-size:50px;
margin-top:15px;
margin-left:8px;
text-align:center;
}


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

#logocontact
{
width:46px;
height:33px;
font-size:33px;
margin-top:10px;
margin-left:40px;
background:transparent url(../images/logocontact.png) no-repeat center top;
float:left;
}

#textecontact
{
width:70px;
height:20px;
float:left;
margin-top:19px;
}
 
a#contact
{
font-size:14px;
font-family:arial,verdana,georgia,times;
font-weight:bold;
color:#929292;
display:block;
text-decoration:none;
}

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

		/*****************      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
{
width:194px;
height:61px;
margin-top:29px;
margin-left:14px;
float:left;
}

.section2
{
width:246px;
height:61px;
margin-top:22px;
margin-left:129px;
}


.pf 					/*   ###########     PICTUREFLOW      ###### */
{
width:283px;
height:73px;
float:left;
margin-top:18px;
margin-left:14px;
}

.cadretitrevideo
{
width:469px;
height:21px;
margin-top:28px;
margin-left:14px;
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:460px;
height:235px;
background:#101010;
border:1px solid #303030;
margin-left:14px;
float:left;
}

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

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

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

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

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

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

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

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

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

.cadretextevideo
{
width:217px;
height:200px;
margin-top:20px;
margin-left:20px;
font-size:12px;
font-family:arial,georgia,verdana,times;
text-align:justify;
color:white;
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;
}

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


#texteformulaire2
{
width:470px;
height:105px;
font-size:12px;
font-family:arial,verdana,georgia,times;
color:white;
text-align:justify;
margin-top:15px;
margin-left:16px;
}

#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 white;
background:#0f0f0f;
}

#textevalidation
{
font-size:14px;
font-family:arial,verdana,georgia,times;
color:#5d5d5d;
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:465px;
font-size:12px;
font-family:arial,verdana,georgia,times;
color:white;
text-align:justify;
margin-left:10px;
margin:0 auto;
}

/*   ############ Texte Mise à jour  ###### */

#separation2
{
width:505px;
height:10px;
float:left;
}

#miseajour
{
font-size:10px;
font-family:arial,georgia,verdana,times;
color:#0099FF;
float:left;
text-align:left;
margin-left:20px;
}