#banniere {
	width:1077px;
	height: 162px;
	position:relative;
}
#header
{
	float:left;
	width: 1077px;
	height: 162px;
	top:0px;
	left:0px;
	position: absolute;
}
#logo
{
	top:-168px;
	left:-105px;
	position:relative;
	z-index:1;
}

#radio
{
	top:-350px;
	left:90px;
	position:relative;
	z-index:100;
}
#facebook
{
	top:-520px;
	right:-770px;
	position:relative;
	z-index:100;
}
#twiter
{
	top:-505px;
	right:-770px;
	position:relative;
	z-index:100;
}
#texte-defilant
{
	top:15px;
	left:360px;
	width:450px;
	color: #ffffff;
	position:relative;
	z-index:100;
}
#accueil {
	top:-470px;
	right:-134px;
	position:relative;
	z-index:100;
}
#windows
{
	float:left;
	top:-405px;
	right:-875px;
	position: relative;
	z-index:100;
}
#apple
{
	float:left;
	top:-405px;
	right:-880px;
	position: relative;
	z-index:100;
}

#centre {
	width:1077px;
	position: absolute;
	top:0px;
}
#banniere_menu1{
	top: -208px;
	left: -140px;
	position: relative;
	z-index: 1;
}

#pied-page {
	top: 0px;
	left: 0px;
	z-index: 1;
}
#copyright {
	top: -66px;
	left: 0px;
	position: relative; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	FONT-SIZE: 9px;
	color: #ff5e07;
	text-align: center;
	z-index: 1;
}
.pied {
	position: absolute; 
	left:-223px;
}
.left {
	width: 11px; 
	z-index: 1; 
	background-color: #fbfdff;
	background-image: url(images/left.jpg);
    background-repeat: repeat-y;
}

.contener {
	top: 0px;
	background-color:#fbfdff;
	background-image: url(images/contener.jpg);
	background-repeat: no-repeat;
}
.right {
	width: 97px; 
	z-index: 1;
	background-image: url(images/right.jpg);
    background-repeat: repeat-y;
}

.bottom {
	width: 933px; height: 53px; z-index: 1;
}

.footer {
	width: 1077px; height: 18px; z-index: 1; vertical-align: bottom;
}
#boutique {
	background-image: url(images/boutique.png);
}
#engagez-vous {
	background-image: url(images/engagez-vous.png);
}
#horoscope {
	background-image: url(images/horoscope.png);
}


.Style1 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Style2 {
	font-size: 14px;
	font-weight: bold;
}
.blanc12{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	FONT-SIZE: 10px;
	color: #000000;
	padding-left: 10px;
	padding-right:10px;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 20px;
}
.blanc9{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	FONT-SIZE: 9px;
	color: #ff5e07;
	padding-left: 10px;
	padding-right:10px;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 20px;
}
.fin{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ff5e07;
	text-decoration:none;
}
/*  class liens  */
a.lien_pied:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #1577db;
	text-decoration: none;
}
a.lien_pied:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #1577db;
	text-decoration: none;
}
a.lien_pied:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#ff5e07;
	text-decoration: none;
}


a.lien_fin:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color: #ff5e07;
	text-decoration: none;
}
a.lien_fin:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color: #ff5e07;
	text-decoration: none;
}
a.lien_fin:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#ff5e07;
	text-decoration: none;
}

/*  class titre  */
.titre_page {
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.titre_normal18 {
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.titre_normal14 {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.titre_normal14B {
	font-size: 14px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.titre_normal16 {
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.titre_normal16B {
	font-size: 16px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.titre_rubrique{
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
	color:#211101;
	background-color: #eb9f00;
}

/*  class red  */
.red12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}
.red12b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
}
.red10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}
.red10b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
}
.red11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}
.red11b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
}

/*  class cadrs  */
.chg{
	width:11px;
	height:50px;
	background-image:url(images/cadre/chg.png);
	background-repeat:no-repeat;
}
.chm{
	width:1px;
	height:50px;
	background-image:url(images/cadre/chm.png);
	background-repeat:repeat-x;
}
.boutique{
	width:173px;
	height:50px;
	background-image:url(images/cadre/boutique.png);
	background-repeat:no-repeat;
}
.engagez-vous{
	width:173px;
	height:50px;
	background-image:url(images/cadre/engagez-vous.png);
	background-repeat:no-repeat;
}
.horoscope{
	width:173px;
	height:50px;
	background-image:url(images/cadre/horoscope.png);
	background-repeat:no-repeat;
}
.agenda{
	width:173px;
	height:50px;
	background-image:url(images/cadre/agenda.png);
	background-repeat:no-repeat;
}

.chd{
	width:21px;
	height:50px;
	background-image:url(images/cadre/chd.png);
	background-repeat:no-repeat;
}
.chd2{
	width:44px;
	height:50px;
	background-image:url(images/cadre/chd2.png);
	background-repeat:no-repeat;
}
.cmg{
	width:11px;
	height:1px;
	background-image:url(images/cadre/cmg.png);
	background-repeat:repeat-y;
}

.cmd{
	width:21px;
	height:1px;
	background-image:url(images/cadre/cmd.png);
	background-repeat:repeat-y;
}
.cmd2{
	width:44px;
	height:1px;
	background-image:url(images/cadre/cmd2.png);
	background-repeat:repeat-y;
}
.cmm{
	width:173px;
	height:128px;
	background-image:url(images/cadre/cmm.png);
	background-repeat:repeat;
}
.cbg{
	width:11px;
	height:22px;
	background-image:url(images/cadre/cbg.png);
	background-repeat:no-repeat;
}
.cbm{
	width:11px;
	height:22px;
	background-image:url(images/cadre/cbm.png);
	background-repeat:repeat-x;
}
.cbd{
	width:21px;
	height:22px;
	background-image:url(images/cadre/cbd.png);
	background-repeat:no-repeat;
}
.cbd2{
	width:44px;
	height:22px;
	background-image:url(images/cadre/cbd2.png);
	background-repeat:no-repeat;
}

/*   class normal */
.normal {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.normal10 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.normal12 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.normal14 {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.normal10b {
	font-size: 10px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.normal12b {
	font-size: 12px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.normal14b {
	font-size: 14px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.normal12i {
	font-size: 12px;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.normal12bi {
	font-size: 12px;
	font-style: italic;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.normal14bi {
	font-size: 14px;
	font-style: italic;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*   class lien */

a.lien10:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #007fcf;
	text-decoration: none;
}
a.lien10:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #007fcf;
	text-decoration: none;
}
a.lien10:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#ff9600;
	text-decoration: none;
}

a.lien11:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #007fcf;
	text-decoration: none;
}
a.lien11:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #007fcf;
	text-decoration: none;
}
a.lien11:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ff9600;
	text-decoration: none;
}

a.lien12:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #007fcf;
	text-decoration: none;
}
a.lien12:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #007fcf;
	text-decoration: none;
}
a.lien12:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ff9600;
	text-decoration: none;
}
a.lien14:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #007fcf;
	text-decoration: none;
}
a.lien14:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #007fcf;
	text-decoration: none;
}
a.lien14:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ff9600;
	text-decoration: none;
}

/*MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU*/
#menus
{
	position: relative;
	width: 1077px; /*787*/
	top:-105px;
	left: 220px; /* position horizontale des boutons */
	padding-left: 0;
	/* Laisser le margin-top sinon ça buggue sur Opera 9.23 */
	margin-left: 0;
	list-style-type: none;
	line-height: 2; /* espacement entre les éléments du sous-menu, 0, plus de sous-menu*/
}

#menus a
{
	display: block;
	text-decoration: none;
	text-indent: 0em; /* réduit ou augmente les espaces entre les boutons, par défaut : 1.1 Nécessite de modifier le style menus*/
}

#menus li
{
	float: left;
	margin: 0 0px; /* joue sur le positionnement du menu */
	padding: 0;
}

#menus li ul
{
	width: 113px;
	padding-left: 0;
	margin-top: -7;
	margin-left: 0; /* alignement horizontal du sous-menu */ /*+600*/
	list-style-type: none;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	
}

#menus ul li
{
	margin: 0px 0;
	filter: Alpha(opacity=90);
	-moz-opacity : 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

/*-- à reproduire pour chaque menu --*/

#menus li.menu1 { 
	background-image: url(); /* radio */
	width:111px;
	height:31px;
	background-repeat: no-repeat; 
}
#menus li.menu1 ul a {
	background-color: #e7300d;
	color: white;
}
#menus li.menu1 ul a:hover{
	background-color: #fc7c3a;
	color: white;
}
#menus li.menu2 { 
	background-image: url(); /* podcasts */
	width:113px;
	height:31px;
	background-repeat: no-repeat; 
}
#menus li.menu2 ul a {
	background-color: #e98a0a;
	color: white;
}
#menus li.menu2 ul a:hover{
	background-color: #f5c17a;
	color: white;
}
#menus li.menu3 { 
	background-image: url(); /* les blogs */
	width:113px;
	height:31px;
	background-repeat: no-repeat; 
}
#menus li.menu3 ul a {
	background-color: #c0c4cc;
	color: #000000;
}
#menus li.menu3 ul a:hover{
	background-color: #0091e5;
	color: #000000;
}
#menus li.menu4 { 
	background-image: url(); /* programmes */
	width:113px;
	height:31px;
	background-repeat: no-repeat; 
}
#menus li.menu4 ul a {
	background-color: #91e410;
	color: white;
}
#menus li.menu4 ul a:hover{
	background-color: #c8fa7c;
	color: white;
}
#menus li.menu5 { 
	background-image: url(); /* voir */
	width:113px;
	height:31px;
	background-repeat: no-repeat; 
}
#menus li.menu5 ul a {
	width:113px;
	background-color: #ebc65f;
	color: #000000;
}
#menus li.menu5 ul a:hover{
	width:113px;
	background-color: #b68c17;
	color: #000000;
}
#menus li.menu6 { 
	background-image: url(); /* infos */
	width:113px;
	height:31px;
	background-repeat: no-repeat; 
}
#menus li.menu6 ul a {
	width:113px;
	background-color: #ebc65f;
	color: #000000;
}
#menus li.menu6 ul a:hover{
	width:113px;
	background-color: #b68c17;
	color: #000000;
}
#menus li.menu7 { 
	background-image: url(); /* partenaires */
	width:113px;
	height:31px;
	background-repeat: no-repeat; 
}
#menus li.menu7 ul a {
	background-color: #ebc65f;
	color: #000000;
}
#menus li.menu7 ul a:hover{
	background-color: #b68c17;
	color: #000000;
}
/*--- rien toucher ci dessous --*/

#menus .Montre
{
	position: absolute;
}

#menus .Cache
{
	display: none;
}

.over /* Classe ajoutée sur la div qui suit le menu pour supprimer le margin-top lorsque JS est actif */
{
	margin: 0 20px;
}