@charset "utf-8";
/*
############################################################		DEFINITION DE BASE
*/
body{
	font-size:0.8em;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
}
/*
############################################################		STRUCTURE DE BASE
*/
#bloc_site {
	margin: 0 auto;
	width:955px;
	min-height:600px;
	background-color:#FFFFFF;
}
#bloc_entete{
	width:955px;
	height:200px;
}
#bloc_logo{
	float:left;
	position:absolute;
	width:235px;
	height:163px;
	padding-left:17px;
	top:0px;
}
#bloc_bandeau {
	float:right;
	width:521px;
	height:85px;
	margin-top:10px;
	border-left: 1px solid #797777;
}
#bloc_login {
	float:right;
	width:172px;
	height:85px;
	margin-top:10px;
	border-left: 1px solid #797777;
	padding-left:25px;
	font-size:.8em;
	color:#7f7f7f;
}
#bloc_navigation {
	float:right;
	width:720px;
	height:18px;
	background-image:url(images/fond-nav.gif);
	margin-top:5px;
	margin-bottom:5px;
	font-size:.9em;
}

#bloc_central {
	clear:both;
	width:955px;
	background-image: url(images/lignesverticales.gif);
	background-repeat: repeat-y;
	background-position: 218px top;
	margin-top:-80px;
	overflow:hidden;
	position:relative;/*rajout pour pouvoir placer bloc droite en absolute(pour ie8)*/
}
#bloc_gauche {
	float:left;
	width:235px;
	margin-top:75px;
	font-size:.8em;
}
#contenu {
	/*clear:both;
	margin-left:235px;
	margin-right:262px;
	padding-left:12px;
	padding-right:12px;*/
	float:left;
	width:440px;
	padding-left:12px;
	padding-right:8px
}
* html #contenu{
	position:absolute;
	margin-top:5px;
}
/*ici code initial obligation de creer style pour ie8, et remettre styles initiaux pour FF ie7, ie6*/
/*#bloc_droite {
	float:right;
	width:260px;
	font-size:.9em;
	background-color:#666666;
	margin-left:260px;
}*/
#bloc_droite {
	position:absolute;
	width:260px;
	font-size:.9em;
	right:0px;

}
html:not([lang*=""]) #bloc_droite {
	float:right;
	width:260px;
	font-size:.9em;
	margin-left:0px;
}
* html #bloc_droite, *+html #bloc_droite{
	float:right;
	width:260px;
	font-size:.9em;
	margin-left:0px;
}
#bloc_pied_page {
	margin: 0 auto;
	width:955px;
	height:15px;
	background-image:url(images/lignehorizontale.gif);
	background-repeat:no-repeat;
	background-position:right top;
	clear:both;
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
	color:#7f7f7f;
	font-size:.8em;
}
/*
############################################################		ELEMENTS BLOC_LOGIN
*/
#bloc_login h1{
	font-size:.95em;
	font-weight:bold;
	margin:0 auto;
	margin-bottom:5px;
}
#bloc_login form{
	margin:0 auto;
}
#bloc_login label{
	display:block;
	text-align:right;
}
#bloc_login input{
	width:75px;
	height:12px;
	font-size:0.9em;
}
#bloc_login .connect{
	width:90px;
	height:20px;
	font-weight:bold;
	margin-top:3px;
	color:#7f7f7f;
}
/*
############################################################		ELEMENTS NAVIGATION
*/
#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	line-height:18px; 
}
#nav a{
	display:block;
	padding-left:10px;
	padding-right:10px;
	font-size:0.9em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
#nav a:hover{
	color:#000;
}
#nav li{
	float:left;
	position:relative;
}
#nav ul  {
	position:absolute;
	display:none;
	width:10em;
	top:18px;
}
#nav li ul{
	background-color:#FFF;
	border-left: 2px solid #e9e9e9;
	border-top: 2px solid #e9e9e9;
	border-bottom: 2px solid #e9e9e9;
}
#nav li ul li a{
	width:12em;
	color:#2f3132;
	font-size:0.8em;
}
#nav li ul li a:hover{
	color:#cccccc;
}
#nav li:hover ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul{
	display:block;
}
/*
############################################################		ELEMENTS BLOC_GAUCHE
*/
.bordureMenuGauche{
	width:172px;
	padding:5px;
	margin-left:30px;
	margin-bottom:7px;
	border: 2px solid #e9e9e9;
	color:#625f5f;
}
.bordureMenuGauche h1{
	color:#7f7f7f;
	font-size:1.3em;
}
.bordureMenuGauche img{
	margin-left:25px;
	margin-bottom:10px;
}
.bordureMenuGauche a{
	color:#7f7f7f;
	text-decoration:none;
}
.bordureMenuGauche a:hover{
	color:#625f5f;
	text-decoration:underline;
}
/*
############################################################		ELEMENTS BLOC_DROIT
*/
#btPlayer{
	margin-left:10px;
	margin-bottom:5px;
	cursor:pointer;
}
#player{
	width:245px;
	/*margin-top:-17px;*/
	margin-left:13px;
	margin-bottom:2px;
	padding-bottom:20px;
	background-image: url(images/player_fond.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	z-index:2;
	display:none;
	position:relative;
	margin-top:58px;
}
html:not([lang*=""]) #player {
	margin-top:-17px;
}
*html #player{
	margin-top:0px;
}
*+html #player{
	margin-top:-17px;
}
#player h1{
	color:#AB0232;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	margin-left:7px;
}
.rad{
	margin-right:3px;
}
#player a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:.95em;
	color:#000;
	text-decoration:none;
	margin-left:15px;
}
#player a:hover{
	color:#AB0232;
}
.bordureMenuDroite{
	width:203px;
	margin-bottom:5px;
	margin-left:13px;
	padding:15px;
	border: 2px solid #e9e9e9;
}
.bordureMenuDroite h1{
	color:#7f7f7f;
	font-size:1.3em;
}
#micro4{
	border-right: 2px solid #fabc1b;
	margin-top:71px;
}
html:not([lang*=""]) #micro4 {
	margin-top:0;
}
*html #micro4{
	margin-top:0px;
}
*+html #micro4{
	margin-top:0px;
}
#micro4 h1{
	color:#AB0232;
	font-size:.8em;
}
#micro4 a{
	color:#7f7f7f;
	font-size:.8em;
	text-decoration:none;
}
#micro4 a:hover{
	text-decoration:underline;
}
#coproductions{
	color:#625f5f;
	border-right: 2px solid #15ee05;
}
#coproductions h1{
	font-size:1.3em;
}
#coproductions h2{
	font-size:.9em;
	display:inline;
}
#coproductions div{
	font-size:.9em;
}
#coproductions a{
	display:block;
	color:#7f7f7f;
	text-decoration:none;
}
#coproductions a:hover{
	color:#625f5f;
	text-decoration:underline;
}
#coproductions img{
	margin-top:2px;
	margin-left:0px;
	margin-right:10px;
}
#coproductions .sousBloc{
	height:90px;
	margin-bottom:8px;
}
#coproductions .sousBloc2{
	height:80px;
	margin-bottom:8px;
}
#coproductions .sousBloc div{
	margin-bottom:5px;
}

/*
############################################################		ELEMENTS BLOC_CONTENU
*/
#texteActu{
	filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity: 0.7;
	width:431px;
	height:70px;
	margin-top:-80px;
	padding-left:10px;
	padding-top:6px;
	text-align:left;
	z-index:2;	color:#625f5f;
}
.turquoise{
	color:#05b7d7;
}
#texteActu h1{

	margin:0px;
	font-size:1em;
}
#texteActu a{

	font-size:0.8em;
	text-decoration:none;
}
#texteActu a:hover{
	text-decoration:underline;
}
.bordureMenuContenu{
	padding:5px;
	margin-top:7px;
	margin-bottom:7px;
	border: 2px solid #e9e9e9;
	color:#625f5f;
}
#echoActu{
	padding:6px;
	color:#625f5f;
	font-size:.9em;
	border-right: 2px solid #05b7d7;
}
*html #echoActu {
	width:400px;
	top:0px;
}
#echoActu h1{
	font-size:1.4em;
}
#echoActu .titre{
	font-size:1.1em;
	font-weight:bold;
}
#echoActu p{
	text-align:justify;
}
#echoActu img{
	margin:5px;
	margin-right:15px;
}
#echoActu a, #contenu a{
	color:#625f5f;
	text-decoration:none;
}
#echoActu a:hover, #contenu a{
	color:#7f7f7f;
	text-decoration:underline;
}
/*
############################################################		ELEMENTS DU BLOC_PIED_PAGE
*/
#bloc_pied_page a{
	color:#625f5f;
	text-decoration:none;
}
#bloc_pied_page a:hover{
	color:#7f7f7f;
	text-decoration:underline;
}
/*
############################################################		ELEMENTS POUR BORDURE, mis à la fin pour écraser les autres data
*/
.rfp{
	border-right: 4px solid #ee0584;z-index:1000;
}

.copro{
	border-right: 4px solid #15ee05;z-index:1000;
}
.micro{
	border-right: 4px solid #fabc1b;z-index:1000;
}
#micro4{
	border-right: 2px solid #fabc1b;
}
.radio{
	border-right: 4px solid #a91bfa;z-index:1000;
}
#radio{
	border-right: 2px solid #a91bfa;
}
.site{
	border-right: 4px solid #f96d07;z-index:1000;
}
.sitesT{
	border-right: 2px solid #f96d07;
}
.actu{
	border-right: 4px solid #05b7d7;z-index:1000;
}
.evenement{
	border-right: 4px solid #3f70e1;z-index:1000;
}
.blog{
	border-right: 2px solid #9b9393;
}
.imgAcc{border: 1px solid #c6c6c6;
margin-right:10px;
margin-bottom:10px;}


.retrait{
	display:block;
	line-height:15px;
	width:180px;
	margin-left:5px;
	padding-left:0px;
}
#micro4 ul {
	list-style-type:none;}
#micro4 ul li{
	margin-left:-40px;}
	
	
	/*############################################################"lecteur son*/
.ecouter{
	float:right;
	text-align:center;
}
#texteSon a{
	color:#ab0232;
	font-weight:normal;
	text-decoration:none;
}
.innerbox{
	width:130px;	
}
#texteSon{
	
	font-size:.9em;
	text-align:justify;}

#article .btEcouter{
 margin-left:360px;
 }
 
 /*############################################sons semaine*/
#sonsemaine, #sonsemainea{
	color:#7F7F7F;
}