@charset "utf-8";
*{
	outline: none;
}
body{
	margin:0;
	width:100%;
	/*background-color:#090909;*/
	background-color:black;
	font-family:Arial;
}
img{
	border: none;
}
div#global {
	position:relative;
	left:50%;
	margin-left:-452px;
	min-height: 650px; /*100%;*/
	width: 905px;
	padding: 0;
	/*margin: 0 auto;*/
	/*background-color:blue;*/
	z-index:2; 	
}
/**Haut de Page**/
div#header {
	/*background: #7fcf2e url(img/header.jpg) no-repeat;*/
	background: black url(img/header.jpg) no-repeat;
	color: #fff;
	height: 195px;
	width: 100%;
}
div#boite1 {
	position:relative;
	width:100%;
	height:20px;
	/*background-color:#ff5556;*/
	background-color:black;
	text-align:right;
	padding-bottom:20px;
}
div#boite2 {
	float:left; 
	width:10%;
	height:140px;
	background-color:black;
	text-align:center;
	vertical-align:middle;
}
div#boite3 {
	float:right; 
	width:807px;
	height:140px;
	
	/*background-color:pink;*/
}

/******Menu******/
div#encart_menu{
	background-color:black;
	width:807px;
	height:36px;
	margin-top:10px;
	/*border:1px solid #686868;*/
	/*background: url(img/Haut/menuTotal.jpg) no-repeat;*/
}
#navigation {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
}
#navigation li{
	float: left ;
	/*width: 150px ;*/
	/*border: 1px solid #600 ;*/
	margin-right: -1px ;
	color: #fff ;
	background: black;
}
#navigation li a{
	display: block ;
	background: black;
	color: #fff ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 0px 0px ;
	text-align: center ;
}
#finMenu{
	background: black url(img/Haut/boutonMenu/fondMenu.jpg) repeat-x;
	color: black;
	height:36px;
}

/****************/
div#encart_recherche{
	/*background-color:green;*/
	width:100%;
	height:15px;
	text-align:right;
	vertical-align:middle;
	margin:2px 0;
	font: 11px Arial,sans-serif ;
	font-weight:bolder;
}
.inputGroup1{
	width:260px;
	float:right;
	height:11px;
}
.inputGroup2{
	width:260px;
	float:right;
	height:11px;
}
.inputBoxAccueil{
	border:1px solid #686868;
	background-color:black;
	color:white;
	width:129px;
	height:9px;
	font-size: 8px;	
	margin-left:3px;
}
.inputButtonAccueil{
	margin-left:-4px;
	width:22px;
	height:13px;
}
/****************/
div#center {
	padding-bottom: 32px; 
	overflow: auto;
	border-top:0px solid white;
}
/***Box Principal****/
div#mainBox{
	color:white;
	background: black url(img/milieu/boxPrincipal/boxFlash.jpg) no-repeat;
	width:905px;
	height:289px;
}
.boxFlNe{
	float:left;
}
div#boxFlash{
	width:587px;
	/*background:black;*/
	margin:10px 0px 0px 13px !important; margin:15px 0px 0px 13px;
	position:absolute;
	left: 0px; top:195px;
}
ul#menuVideoFlash
{	
	margin: 0 3px;
	padding: 0 ;
	list-style-type: none ;
}
ul#menuVideoFlash li a img
{
	margin: 0px 0px 10px;
	/*border: 1px solid #dcb ;*/
}
/**********/
div#boxNews{
	width:289px;
	/*background:pink;*/
	margin:10px 9px 0px 7px;
	position:absolute;
	left: 602px; top:195px;
}
div#news{
	height:184px;
}

/**********/
#menuDefilant {
	float: left;
	width: 275px;
	height: 135px;
	/*border: 1px solid #ccc;*/
	overflow: hidden;
	white-space: nowrap;
}
/* barre verticale */
#track1 {
	float: left;
	width: 3px;
	height: 135px;
	margin-left: 5px;
	background-color: black;
}
/* handle */
#handle1 {
	width: 3px;
	height: 37px;
	background-color: #ccc;
	cursor: move;
}
.boxDefile{
	width:268px;
	height:50px;
	/*background-color:green;*/
	margin-bottom:5px;
	clear:both;
	font: 11px Arial,sans-serif ;
	font-weight:bolder;
}
.boxDefile img{
	float:left;
	padding:4px 0px 2px 8px;
}
.texteDefile{
	width:205px;
	float:left;
	margin-top:10px;
	margin-left:10px;
}

/****************/


.orangeColor{
	color:#fe7700;
	font-weight:bolder;
}

/***Box Secondaire****/
.boxSecondaire{
	float:left;
	margin-top:10px;
}
div#boxBasGauche{
	color:white;
	background: black url(img/milieu/boxPrincipal/boxOuretrouver2.jpg) no-repeat;
	width:598px;
	height:150px;
	margin-right:13px;
	font: 11px Arial,sans-serif ;
	font-weight:bold;
}
.colFirst{
	width:195px;
	height:70px;
	/*background-color:pink;*/
	float:left;
	/*margin-top:77px;
	margin-left:4px;*/
	margin-top:0px;
	margin-left:0px;
	text-align:center;
}
.colTwo{
	width:183px;
	height:70px;
	/*background-color:green;*/
	float:left;
	margin-top:74px;
	margin-left:6px;
	text-align:center;
}
.colThree{
	width:195px;
	height:70px;
	/*background-color:red;*/
	float:left;
	margin-top:80px;
	margin-left:6px;
}
div#LiensExternes{
	margin-left:15px;
	width:180px;
	/*border:1px solid black;*/
	height:42px;
}
.listLien{
	float:left;
	width:90px;
	font: 9px Arial,sans-serif ;
	font-weight:bolder;
	margin:0;
	/*background-color:green;*/
}
.navLien{
	width: 90px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	text-align:left;
}
.navLien a{
	text-decoration:none;
	color:white;
}
.lienDispoInter{
	color:white;
	font: 9px Arial,sans-serif ;
	text-align:right;
	margin-right:2px;
}
.lienDispoInter a{
	color:white;
}
/*
div#boxBasGauche{
	color:white;
	background: black url(img/milieu/boxPrincipal/boxOuretrouver2.jpg) no-repeat;
	width:598px;
	height:150px;
	margin-right:20px;
	font: 1em Arial,sans-serif ;
	font-weight:bold;
}

div#enteteOuTrouver{
	height:33px;
	text-align:center;
	margin-top:5px;
}

.separateur{
	width:1px;
	float:left;
	text-align:center;
}
.colonne{
	width:32%;
	float:left;
	text-align:center;
}
*/
ul#listweb{
	margin: 0 3px;
	padding: 0 ;
	list-style-type: none ;
	float:left;
}
ul#listweb li {
	margin-top:-3px;
	margin-left:0;
}
ul#listweb li a{
	text-decoration:none;
	font: 10px Arial,sans-serif ;
}
/****************/
div#boxBasDroite{
	color:white;
	background: black url(img/milieu/boxPrincipal/boxMusic.jpg) no-repeat;
	/*background: black url(img/milieu/boxBasDroite/visuelGONG_iPhone.jpg) no-repeat;*/
	width:294px;
	height:150px;
	/*font: 1em "Trebuchet MS",Arial,sans-serif ;
	font-weight:bold;*/
}
div#enteteMusic{
	height:17px;
	/*background: green;*/
	margin-top:5px;
	margin-left:2px;
}
div#TitreMusic{
	float:left;
	font: 10px Arial,sans-serif ;
	font-weight:bold;
	margin-right:0px;
	margin-top:2px;
}
div#TitreMusic span{
	margin-left:8px;
}
div#corpsMusic{
	text-align:center;
	margin-top:10px;
	font: 11px Arial,sans-serif ;
}
/****************/
.SavoirPlus a{
	background: url(img/puce.png) ;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left:15px;
	color:white;
	font: 11px Arial,sans-serif ;
	font-weight:bold;
}
/*****Footer******/

div#footer {
	position: relative;
	width: 100%;
	height:159px;	
	bottom: 0;
	/*background: #7fcf2e url(img/Bas/fondBasPage.png) repeat-x;*/
	color: #fff;
	/*background-color: #000000;*/
	/*border-top:1px solid white;*/
	z-index:1;
}
div#footerHome {
	left:50%;
	top:0px !important; top:20px;
	margin-left:-450px;
	position: relative;
	width: 900px;
	height:159px;
	bottom: 0;
	/*background: #7fcf2e url(img/Bas/fondBasPage.png) repeat-x;*/
	color: #fff;
	/*background-color: #000000;*/
	/*border-top:1px solid white;*/
	z-index:1;
}
div#footerFondHome {
	left:0px;
	top:0px !important; top:20px;
	position: absolute;
	width: 100%;
	height:159px;
	background: url(img/Bas/fondBasPage.png) repeat-x;
	color: #fff;
	z-index:1;
}
div#signature{
	/*border:#FF0000 1px solid;*/
}
div#footerInterieur {
	left:50%;
	margin-left:-450px;
	position: relative;
	width: 900px;
	height:59px;
	bottom:0px;
	color: #fff;
	/*background-color: #000000;*/
	/*border-top:1px solid white;*/
}
div#footercentre{
	position:absolute;
	left:0;
	width:905px;
	height:140px;
	margin: 0 auto;
	/*background-color:gray;*/ 
	z-index:10;
}
div#footercentreInterieur{
	width:905px;
	height:40px;
	margin: 0 auto;
	/*background-color:gray;*/ 
}
/****caroussel****/
div#caroussel{
	float:left; 
	width:602px;
	height:90px;
	/*background-color:yellow; */
	margin-top:10px;
}
div#encartCaroussel{
	float:left;
	width:553px;
}
div#navCarousselFirst{
	float:left;
}
div#navCarousselLast{
	float:left;
	margin-left:-6px;
}
.boxCaroussel{
	float:left;
	/*margin-right:13px;*/
	width:125px;
}
.boxCaroussel span{
	/*color:red;*/
	font: 11px Arial,sans-serif ;
	font-weight:bold;
}
.boxCaroussel .SavoirPlus{
	margin-left:32px;
}
div#separationCaroussel{
	float:left; 
	width:2px;
	height:87px;
	margin-left:6px;
	margin-top:10px;
	/*background-color:green;*/
}
/****Concours Prochainement****/
div#goodies{
	/*float:left; */
	width:295px;
	height:90px;
	/*background-color:green;*/
	margin-top:10px;
	margin-bottom:30px;
	position:absolute;
	left:612px; top:0px;
}
div#boxGoodies1{
	float:left;
	margin-left:10px;
}
div#boxGoodies2{
	float:right;
	margin-left:20px;
}
.boxGoodies span{
	/*color:red;*/
	font: 11px Arial,sans-serif ;
	font-weight:bold;
}
.boxGoodies .SavoirPlus{
	margin-left:32px;
}
/****Contact****/
div#contact{
	font: 11px Arial,sans-serif ;
	/*font-weight:bold;*/
	text-align:center;	
	position:absolute;
	left:0px; top:0px; width:910px;
}
#footerHome #contact{
	top:120px;
}
div#contact a{
	text-decoration:none;
	color:white;
}
div#ShareLien{
	float:left;
}
div#ContactLien{
	float:left;
	margin-left:100px;
}
div#ContactLien a{
	color:white;
	text-decoration:none;
}
div#contactLEFTcon{
	width:55px;
	/*background-color:gray;*/
	float:left;
	text-align:left;
}
div#contactLEFTsha{
	width:135px;
	/*background-color:gray;*/
	float:left;
	text-align:left;
	margin-left:20px;
}
div#contactCENTER{
	width:530px;
	/*background-color:green;*/
	float:left;
	text-align:center;
	color:gray;
}
div#contactCENTER a{
	color:gray;
}
div#contactRIGHT{
	width:140px;
	/*background-color:red;*/
	float:right;
	text-align:right;
	font: 10px Arial, sans-serif;
}

/*****************/
/***haut Page****/

div#hautPageOuRetrouver{
	float:right;
	width:882px;
	height:76px;
	background:url(img/Haut/bandeau/bandeauTitre1.jpg) no-repeat;
	/*background:url(img/milieu/pageProgramme/hautPage.jpg) repeat-x;*/
}
div#hautPageNews{
	float:right;
	width:882px;
	height:76px;
	background:url(img/Haut/bandeau/bandeauTitre2.jpg) no-repeat;
	/*background:url(img/milieu/pageProgramme/hautPage.jpg) repeat-x;*/
}
div#hautPageProgramme{
	float:right;
	width:882px;
	height:76px;
	background:url(img/Haut/bandeau/bandeauTitre3.jpg) no-repeat;
	/*background:url(img/milieu/pageProgramme/hautPage.jpg) repeat-x;*/
}
div#hautPageVod{
	float:right;
	width:882px;
	height:76px;
	background:url(img/Haut/bandeau/bandeauTitre4.jpg) no-repeat;
	/*background:url(img/milieu/pageProgramme/hautPage.jpg) repeat-x;*/
}
div#hautPageTelechargements{
	float:right;
	width:882px;
	height:76px;
	background:url(img/Haut/bandeau/bandeauTitre5.jpg) no-repeat;
	/*background:url(img/milieu/pageProgramme/hautPage.jpg) repeat-x;*/
}

/***Menu Gauche****/
div#menuGauche{
	width: 216px;
	float:left;
	margin-left:23px;
	/*background: pink;*/
}
* html div#menuGauche { /* Pour IE6 */
 width: 193px;
}
#navigationGauche {
	margin: 0;
	padding: 0;
	list-style: none;
	/*background: pink;*/
	color: #fff;
	width: 178px;
	font: 12px Arial, sans-serif;
	font-weight:bolder;
	float:left;
	}
#navigationGauche li{
	margin-top: 22px;
}
#navigationGauche li ul li{
	margin-top: 0;
}
#navigationGauche a, #navigationGauche span {
	display: block;
	padding: 7px 10px;
	color: #fff;
	text-decoration: none;
	background: #000 url(img/menuGauche/boutonEtat11.jpg) left bottom no-repeat;
	}
#navigationGauche .toggleSubMenu a, #navigationGauche .toggleSubMenu span {
	background-image: url(img/menuGauche/boutonEtat11.jpg);
	}
#navigationGauche .open a, #navigationGauche .open span {
	background-image: url(img/menuGauche/boutonEtat22.jpg);
	}
#navigationGauche a:hover, #navigationGauche a:focus, #navigationGauche a:active {
	text-decoration: underline;
	}
#navigationGauche .subMenu {
	font-size: .8em;
	/*background: #ccc url(subMenu.png) 0 0 repeat-x;*/
	background: black;
	font-size: .9em;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #666;
	font-weight:bolder;
	list-style:none;
	}
#navigationGauche ul.subMenu a {
	background: none;
	padding: 3px 20px;
	}

/***********************/
div#ZoneContenu{
	color:white;
	width:666px;
	float:left;
}
div#ZoneContenussMenu{
	color:white;
	width:879px;
	float:left;
	margin-left:26px;
	text-align:center;
	
}
div#ZoneContenuConcours{
	color:white;
	width:884px;
}
/**********************/
div#confirmation{
 position:relative;
 left:285px;
 width:260px;
 height:15px;
 text-align:right;
 vertical-align:middle;
 margin:2px 0;
 font: 11px Arial,sans-serif ;
 font-weight:bolder;
 color:#FF0000;
}