@charset "utf-8";
/* CSS Document */

a:visited
{
color:black;
}
a
{
color:black;
}
p:hover
{
color:211313;
}
a:hover
{
color:211313;
}
h3:hover
{
color:211313;
}
#banniere {
	width:990px;
	height: 88px;
	position:relative;
}
#logo
{
	float:left;
	width: 170px;
	height: 88px;
	top:0px;
	left:0px;
	position: absolute;
}
#logo2
{
	float:left;
	top:-73px;
	left:-30px;
	position: absolute;
	z-index:100;
}
#texte-defilant
{
	float:left;
	top:20px;
	left:195px;
	width:570px;
	color: #ffffff;
	position: absolute;
	z-index:2;
}
#boutique
{
	float:left;
	top:110px;
	left:5px;
	position: absolute;
	z-index:2;
}
#we-need-you
{
	float:left;
	top:200px;
	left:25px;
	position: absolute;
	z-index:2;
}
#basilic
{
	float:left;
	top:400px;
	left:40px;
	position: absolute;
	z-index:100;
}
#windows
{
	float:left;
	top:-85px;
	right:190px;
	position: absolute;
	z-index:2;
}
#apple
{
	float:left;
	top:-85px;
	right:150px;
	position: absolute;
	z-index:2;
}
#hp
{
	float:left;
	top:-80px;
	right:-50px;
	position: absolute;
	z-index:2;
}
#hp-texte
{
	float:left;
	top:-85px;
	right:10px;
	position: absolute;
	z-index:2;
}

#header
{
	float:left;
	width: 820px;
	height: 88px;
	top:0px;
	left:170px;
	position: absolute;
}
#centre {
	width:990px;
	position:relative;
	background-color: #ffffff;
	background-image: url(images/centre_fond.jpg);
	background-repeat: no-repeat;
	z-index:0;
}
#banniere_menu1{
	width:990px;
	height:36px;
	padding: 0 0px;
	top: -3px;
	left: 0px;
	position:absolute;
	background: #ffe400;
	background: url();
	z-index:2;
}
#pied_liens {
	width:990px;
	height:22px;
	padding-top:4px;
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-weight:bold;
	font-size:10px;
	color:#ffffff;
	background-color: #cccccc;
	text-align:center;
	position:relative;
}
.menu_fond {
}
.contener {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	font-weight:bold;
}
.bottom {
    position: relative; width: 990px; height: 6px; z-index: 1;
}
.footer {
    position: relative; width: 990px; height: 259px; z-index: 1;
}
.texte {
	margin: 10px 25px 10px 10px ; 
}

/*Pied de page Pied de page Pied de page Pied de page Pied de page Pied de page Pied de page*/ 
 
a.lien10:link{
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:10px;
	font-weight:bold;
	color: #000001;
	text-decoration: none;
}
a.lien10:visited{
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:10px;
	font-weight:bold;
	color: #000001;
	text-decoration: none;
}
a.lien10:hover{
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:10px;
	font-weight:bold;
	color:#0091e5;
	text-decoration: none;
}

a.lien11:link{
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:11px;
	font-weight:bold;
	color: #ffffff;
	text-decoration: none;
}
a.lien11:visited{
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:11px;
	font-weight:bold;
	color: #ffffff;
	text-decoration: none;
}
a.lien11:hover{
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:11px;
	font-weight:bold;
	color:#ff6c00;
	text-decoration: none;
}
a.lien12:link{
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:12px;
	font-weight:bold;
	color: #000001;
	text-decoration: none;
}
a.lien12:visited{
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:12px;
	font-weight:bold;
	color: #000001;
	text-decoration: none;
}
a.lien12:hover{
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:12px;
	font-weight:bold;
	color:#0091e5;
	text-decoration: none;
}
a.lien_pied:link{
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:10px;
	font-weight:bold;
	color: #ffffff;
	text-decoration: none;
}
a.lien_pied:visited{
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:10px;
	font-weight:bold;
	color: #ffffff;
	text-decoration: none;
}
a.lien_pied:hover{
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:10px;
	font-weight:bold;
	color:#ff6c00;
	text-decoration: none;
}
.blanc12{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	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: Arial, Helvetica, sans-serif, Verdana;
	font-weight:normal;
	FONT-SIZE: 9px;
	color: #04202f;
	padding-left: 10px;
	padding-right:10px;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 20px;
}
.fin{
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:9px;
	color:#04202f;
	text-decoration:none;
}
.chg{
	background-image: url(images/chg.png);
	background-repeat: no-repeat;
	width:19px;
	height:21px;
}
.chm1{
	background-image: url(images/chm1.png);
	background-repeat: no-repeat;
	width:232px;
	height:21px;
}
.chm2{
	background-image: url(images/chm2.png);
	background-repeat: no-repeat;
	width:232px;
	height:21px;
}
.chm3{
	background-image: url(images/chm3.jpg);
	background-repeat: no-repeat;
	width:198px;
	height:21px;
}
.chd{
	background-image: url(images/chd.png);
	background-repeat: no-repeat;
	width:19px;
	height:21px;
}
.cbg{
	background-image: url(images/cbg.png);
	background-repeat: no-repeat;
	width:19px;
	height:8px;
}
.cbm{
	background-image: url(images/cbm.jpg);
	background-repeat: repeat-x;
	width:1px;
	height:8px;
}
.cbd{
	background-image: url(images/cbd.png);
	background-repeat: no-repeat;
	width:19px;
	height:8px;
}
.cmd{
	background-image: url(images/cmd.png);
	background-repeat: repeat-y;
	width:19px;
	height:1px;
}
.cmg{
	background-image: url(images/cmg.png);
	background-repeat: repeat-y;
	width:19px;
	height:1px;
}
a.lien_fin:link {
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:9px;
	font-weight:bold;
	color: #04202f;
	text-decoration: none;
}
a.lien_fin:visited {
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:9px;
	font-weight:bold;
	color: #04202f;
	text-decoration: none;
}
a.lien_fin:hover {
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:14px;
	font-weight:bold;
	color:#eaf8ff;
	text-decoration: none;
}
a.lien_commande:link {
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:14px;
	font-weight:bold;
	color: #0353ad;
	text-decoration: none;
}
a.lien_commande:visited {
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:14px;
	font-weight:bold;
	color: #0353ad;
	text-decoration: none;
}
a.lien_commande:hover {
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:14px;
	font-weight:bold;
	color:#cd1900;
	text-decoration: underline;
}
.lien_bleu{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#186aff;
	text-decoration: none;
}
.red12{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ff4e00;
	text-decoration: none;
}
.titre_normal14 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
}
.titre_normal18 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
}
.normal10 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
}
.normal10b {
	font-size: 10px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	text-decoration: none;
}
.normal12 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
}
.normal12bi {
	font-size: 12px;
	font-style:italic;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif, Verdana;
}
.normal12b {
	font-size: 12px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif, Verdana;
}
.normal14 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
}
.normal14b {
	font-size: 14px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif, Verdana;
}
.normal14bi {
	font-size: 14px;
	font-style:italic;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif, Verdana;
}
.normal18 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
}
.normal18b {
	font-size: 18px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif, Verdana;
}

.normal18b-rouge {
	font-size: 18px;
	color:#F00;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif, Verdana;
}
.normal24 {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
}
.normal24b {
	font-size: 24px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif, Verdana;
}

/*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: 600px; /*684*/
	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: 114px;
	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:94px;
	height:56px;
	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:92px;
	height:56px;
	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(); /* emissions */
	width:111px;
	height:56px;
	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:125px;
	height:56px;
	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:60px;
	height:56px;
	background-repeat: no-repeat; 
}
#menus li.menu5 ul a {
	width:114px;
	background-color: #c0c4cc;
	color: #000000;
}
#menus li.menu5 ul a:hover{
	width:114px;
	background-color: #0091e5;
	color: #000000;
}
#menus li.menu6 { 
	background-image: url(); /* partenaires */
	width:118px;
	height:56px;
	background-repeat: no-repeat; 
}
#menus li.menu6 ul a {
	background-color: #1283df;
	color: #000000;
}
#menus li.menu6 ul a:hover{
	background-color: #7cbdf2;
	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;
}

/* Test de superposition */

/*div /* Margin-top nécessaire pour éviter la superposition avec les items du menu lorsque JS est inactif */
/*{
	padding: 1em 0;
	margin: 16em 20px 0;
	clear: both;
}*/

/* BOUTIQUE BOUTIQUE BOUTIQUE BOUTIQUE BOUTIQUE BOUTIQUE BOUTIQUE BOUTIQUE BOUTIQUE BOUTIQUE BOUTIQUE BOUTIQUE */

#filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #f3f9ff;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}



#box 
{
	display: none;
	position: absolute;
	top: 70px;
	left: 150px;
	width: 600px;
	height: 515px;
	padding: 0;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:11;
}
#paypal 
{
	position: absolute;
	top: 160px;
	right: 30px;
	padding: 0;
	margin:0;
	z-index:11;
}

#boxcontent
{
	left:0;
	right:0;
	bottom:0;
	margin:0;
	padding: 8px;
	overflow: auto;
	width:100%;
	height:100%;
}

#boxtitle
{
	left:0%;
	width:100%;
	height:20px;
	padding:0;
	margin:0;
	color:black;
	text-align:center;
}

.commande
{
	float:right;
	width:140px;
	height:20px;
	border: 1px solid #5b9be3;
	background-color:#e7e8ea;
	font-family:Verdana, Geneva, sans-serif, "French Script MT";
	margin:150px 50px; /* Y X */
	padding:auto;
	text-align:center;
}

				/*ARTICLES*/
.hg
{
	border: 2px solid #069;
	width:200px;
	height:173px;
	margin:20px 20px 20px 20px;
	pading: 0px;
	position:absolute;
}

.hd
{
	border: 2px solid #069;
	width:200px;
	height:173px;
	margin:20px 20px 20px 280px;
	pading: 0px;
	position:absolute;
}

.bd
{
	border: 2px solid #069;
	width:200px;
	height:173px;
	margin:235px 20px 20px 280px;
	pading: 0px;
	position:absolute;
}

.bg
{
	border: 2px solid #069;
	width:200px;
	height:173px;
	margin:235px 20px 20px 20px;
	pading: 0px;
	position:absolute;
}
.bd2
{
	border: 2px solid #069;
	width:200px;
	height:173px;
	margin:450px 20px 20px 280px;
	pading: 0px;
	position:absolute;
}

.bg2
{
	border: 2px solid #069;
	width:200px;
	height:173px;
	margin:450px 20px 20px 20px;
	pading: 0px;
	position:absolute;
}


				/*permet de selectionnner un element précis du form*/

input[type=text]/*comme une zone text*/
{
	
}
				/*BOX*/
.box_fond
{
	width:900px;
	height:679px;
	background-image:url(../images/fond.jpg);
	background-repeat:no-repeat;
	margin:auto;
	z-index: 100;
	position:relative;


}

.box_conteneur
{
	width:520px;
	height:950px;
	top:50px;
	left:250px;
	position:absolute;
	border: 0px solid black;
	z-index:8;	
}

.box_conteneur a img
{
	border:none;
}