/*******************************************************/
/* Projet : NRJ Paris                              */
/* Date : 22/02/2007                                   */
/* Feuille de style gerant les positions des calques    */
/*******************************************************/


/*@import url(styles2.css) screen;*/

a:link {color: #0F73B1}     /* unvisited link */
a:visited {color: #0F73B1}  /* visited link */
a:hover {color: #000000}   /* mouse over link */
a:active {color: #000000}   /* selected link */

FORM{
	margin:0px;
	padding:0px;
}

body {
	height:100%;
	margin:0px;
	padding:0px;
	width:100%;
	
	font-family: verdana; 
	font-size: 10px; 
	color: #FFFFFF;
	text-align: center;
	background-color: #b8cae0;
	background-image: url(../img/fond_degrade.jpg);
	background-repeat: repeat-x;
	background-position: 0px 40px;
/*
	scrollbar-3dlight-color: #666;
	scrollbar-arrow-color: #000;
	scrollbar-darkshadow-color: #e2e2e2;
	scrollbar-face-color: #000;
	scrollbar-highlight-color: #ededed;
	scrollbar-shadow-color: #000;
	scrollbar-track-color: #fff;
	scrollbar-base-color: #080;
*/
}


/*===============================================================================================================*/
/* === Structure commune === */

#conteneur {
	position:relative;
	margin-left: auto;
    margin-right: auto;
	width:910px;
    text-align: left;

}

#header{
	width: 790px;
	height: 140px;
	background-image: url(../img/header.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#tetiere{
	width: 790px;
	height: 27px;
	/*background-image: url(../img/tetiere.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	*/
	text-align: left;
	
	background-image: url(../img/fond_fil.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#fil{
	position:relative;
	width: 595px;
	height: 24px;
	top:0px;
	left:0px;
	padding-left:45px;
	padding-top:3px;
		
	float:left;
}

#form-newsletter{
	position:relative;
	width: 150px;
	height: 25px;
	top:0px;
	left:0px;
	padding-left:0px;
	padding-top:2px;

	
	float:left;
}

#btlogo{
	position:relative;
	float:left;
	width: 180px; /* ancienne valeur 527 */ 
	height: 120px;
	top:0px;
	left:0px;
}

#nav{
	position:relative;
	float:left;
	width: 527px; /* ancienne valeur 527 */ 
	height: 20px;
	top:120px;
	left:145px;
}

#publicite{
	position:relative;
	width: 760px;
	height: 97px;
	padding-top:6px;
	padding-left:30px;
	top:0px;
	left:0px;
	background-image: url(../img/fond_pub.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	
}

.colgauche{
	float:left;
	color: #0F73B1;
	width:58px;
	height:995px;
	background-image: url(../img/bord_gauche.jpg);
	background-repeat: no-repeat;
	background-position: -2px 0px;
}

.colcentre{
	width: 790px;
	float:left;
	color: #000000;
}
.coldroite{
	float:left;
	color: #0F73B1;
	width:58px;
	height:995px;
	background-image: url(../img/bord_droit.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#footer{
	width: 790px;
	height: 140px;
}

#mentions{
	width: 790px;
	height: 30px;
	text-align: center;
}


div#logo {
	width: 100%;
	height: 105px;
	background-image: url(../img/logo.jpg);
	background-repeat: no-repeat;
	background-position: 38px 14px;	
}

#flashcontentfooter{
	width: 790px;
	height: 130px;
	text-align: left;
}

/*===============================================================================================================*/
/* === Home === */

#contenu {
	position:relative;
	width:782px;
    text-align: left;
	background-color: #C5D4E5;
	/*
	background-image: url(../img/fond_contenu.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	*/
	padding-left:8px;
	padding-top:8px;
	padding-bottom:8px;
}

#colgauche{
	float:left;
	width: 281px;
	height: 350px;
	/*background-color: #FF6666;*/
}

#meteo-une{
	width: 281px;
	height: 88px;
	color: #000000;
	/*background-color: #FFFFFF;*/
}



#emissions-une{
	width: 230px;
	height: 262px;
	color: #000000;
	/*background-color: #0000FF;*/
}

#direct{
	width: 493px;
	height: 350px;
	float:left;
	color: #000000;
	z-index: 1;
	/*background-color: #FF00FF;*/
}

#dernieres-videos{
	height:196px;
	width: 780px;
	padding-left:8px;
	color: #000000;
	/*background-color: #FF0000;*/
}



.fond-emissions {
	background-image: url(../img/fond_emissions.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.fond-meteo {
	
	background-image: url(../img/fond_meteo.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	/*
	background-color: #FF0000;
	*/
}

.fond-dernieres-videos {
	background-image: url(../img/fond_dernieres_videos.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.habillage-droite {
	margin-left : 3px;
	float : right;
}


/*===============================================================================================================*/
/* === ANIMATEURS === */

#contenu-anim {
	position:relative;
	width:782px;
    text-align: left;
	background-color: #C5D4E5;
	/*
	background-image: url(../img/fond_contenu.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	*/
	padding-left:8px;
	padding-top:8px;
	padding-bottom:8px;
}

#liste-animateurs{
	width: 768px;
	padding:3px;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../img/fond_deg_contenu.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
}


/*===============================================================================================================*/
/* === VIDEOS === */

#contenu-videos {
	position:relative;
	width:782px;
    text-align: left;
	background-color: #C5D4E5;

	/*
	background-image: url(../img/fond_contenu.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	*/
	padding-left:8px;
	padding-top:8px;
	padding-bottom:8px;
	
/*	background-color: #C5D4E5;
	background-image: url(../img/fond_deg_contenu2.jpg);
	background-repeat: no-repeat;
	background-position: 8px bottom;
*/
}

.degrade-marge{
	background-color: #FFFFFF;
	background-image: url(../img/fond_deg_contenu3.jpg);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}

.degrade-archive{
	background-color: #e7eef4;
	background-image: url(../img/fond_deg_contenu2.jpg);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}

.video-description{
	color: #FFFFFF;
	padding:8px;
	background-color: #5490ab;
}


/*===============================================================================================================*/
/* === CONTACTS === */
#contenu-contact {
	position:relative;
	width:774px;
    text-align: left;
	
	background-color: #FFFFFF;
	background-image: url(../img/fond_deg_contenu3.jpg);
	background-repeat: repeat-x;
	background-position: 8px bottom;

}
	
#noscoordonnees {
	position:relative;
	width:766px;
    text-align: left;

	padding-left:8px;
	padding-top:8px;
	padding-bottom:8px;
	
}

#adresse {
	position:relative;
	width:694px;
    text-align: left;

	padding-left:80px;
	padding-top:8px;
	padding-bottom:20px;
	
}

#nosequipes{
	position:relative;
	width:766px;
    text-align: left;

	padding-left:8px;
	padding-top:20px;
	padding-bottom:8px;
	
}

#lesanimateurs {
	position:relative;
	width:712px;
    text-align: left;

	padding-left:62px;
	padding-top:8px;
	padding-bottom:20px;
}


/*===============================================================================================================*/
/* === INSCRIPTION NEWSLETTER === */

#contenu-newsletter {
	position:relative;
	width:774px;
    text-align: left;
	
	padding-left:8px;
	padding-right:8px;
	padding-top:20px;
	
	background-color: #C5D4E5;

}

#newsletter {
	position:relative;
	width:774px;
    text-align: left;
	
	background-color: #FFFFFF;
	background-image: url(../img/fond_deg_contenu3.jpg);
	background-repeat: repeat-x;
	background-position: 8px bottom;

}

#nl-col-obligatoire{
	width: 305px;
	height: 350px;
	float:left;
	color: #000000;
	/*background-color: #00FF00;*/
	padding-left:20px;
	padding-right:20px;
	
}

#nl-col-filet{
	width: 2px;
	height:380px;
	float:left;
	/*background-color: #0000FF;*/

	background-image: url(../img/filet_vertical.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

#nl-col-facultative{
	width: 386px;
	float:left;
	color: #000000;
	/*background-color: #FF0000;*/
	padding-left:20px;
	padding-right:20px;
	
	
}

#nl-titre{

	width:758px;
	height:56px;
	
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	
	background-color: #FFFFFF;
}

#nl-login{

	width:758px;
	height:56px;
	
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:20px;
	
	background-color: #FFFFFF;
}

#nl-confirm{

	width:758px;
	height:56px;
	text-align: center;
	padding-left:8px;
	padding-right:8px;
	padding-top:30px;
}


/*===============================================================================================================*/
/* === INSCRIPTION LA CHAINE === */

#contenu-lachaine {
	position:relative;
	width:774px;
    text-align: left;
	
	padding-left:8px;
	padding-right:8px;
	padding-top:20px;
	
	background-color: #C5D4E5;

}

#lachaine {
	position:relative;
	width:758px;
    text-align: left;
	
	padding-left:8px;
	padding-right:8px;
	padding-top:20px;
	
	background-color: #FFFFFF;
	background-image: url(../img/fond_deg_contenu3.jpg);
	background-repeat: repeat-x;
	background-position: 8px bottom;

}


/*===============================================================================================================*/
/* === SEND MESSAGE === */

#contenu-sendmessage {
	width: 768px;
	padding-left:3px;
	padding-right:3px;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../img/fond_deg_contenu.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;

}





/*===============================================================================================================*/
/* === JEUX === */

#contenu-jeux {
	position:relative;
	width:782px;
    text-align: left;
	background-color: #C5D4E5;
	/*
	background-image: url(../img/fond_contenu.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	*/
	padding-left:8px;
	padding-top:8px;
	padding-bottom:8px;
}

#liste-jeux{
	width: 768px;
	padding:3px;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../img/fond_deg_contenu.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
}


/*===============================================================================================================*/
/* === MENTIONS LEGALES === */

#contenu-mentions {
	position:relative;
	width:782px;
    text-align: left;
	background-color: #C5D4E5;

	padding-left:8px;
	padding-top:8px;
	padding-bottom:8px;
}

#liste-mentions{
	width: 768px;
	padding:3px;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../img/fond_deg_contenu.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



.contact-mail a:hover {color: #FFFFFF}


.txt-rouge{
	color:#FF0000;
}

.txt { 
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	color: #000000; 
}
.txt-g { 
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000000; 
}

.titre { 
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #0F73B1; 
}

.legende { 
	font-family: verdana;
	font-size: 9px;
	font-weight: normal;
	font-style: italic;
	color: #666666; 
}


.filetvert{
	background-image: url(../img/filet_vert_trame.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#filetvert{
	width:100%;
	height:1px;
	background-image: url(../img/filet_vert_trame.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}



INPUT {
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	color: #0F73B1; 
}

.input{
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	color: #0F73B1; 
}

.txtfdbleu{
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF; 
	background-color: #0f2b4f;   
}