/* CSS NINA template RED */

/*//////////// styles génériques ///////////////*/

body
{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px; /* pour éviter les marges */
	padding:0px;
	text-align: center; /* pour corriger le bug de centrage IE */
	background-image: url(img/fondRed.jpg);
	background-position:center 0;
	background-repeat: no-repeat;
	color:#707172;
}

.espace {
	clear: both;
	line-height: 0px;
	height:0px;
	padding:px;
	margin:0px;
}


#site {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	text-align: left;
	position :relative;	
}

#nom_site{
	position:absolute;
	left: -3000px;
}

#logo_site{
	float:left;
	margin-top:69px;
	margin-left:55px;
	display:inline;
}

#logo_site img{
border:0px;
}


#header {
	height: 170px;
	margin: 0px;
	/*background-image: url(img/Haut_Logo.jpg);*/
	background-repeat: no-repeat;
	position :relative;
	}
	
	
#footer {
	background-color: transparent;
	text-align: center;
	position :relative;
	height:40px;
	background-image: url(img/FondPiedPage.gif);
	color:#FFFFFF;
}


#footer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size:11px;
	margin-left:auto;	
	margin-right:auto;
	height:40px;
	padding-top:5px;
	}


#footer ul li {
	display:inline;

}

#footer li a{
	color:#FFFFFF;
}

#footer li a:hover, #footer li a:focus {
	text-decoration:none;
}



#navigation {
	position :relative;
	width:940px;
	display:inline;
	list-style:none;
	}


#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height:40px;
	background-image: url(img/FondMenu.gif);
	background-repeat:repeat-x;
}

#navigation li {
	border-left:#666666 1px solid;
	border-right:#FFFFFF 1px solid;
	float:left;
	list-style-type: none;
	list-style:none;
}

#navigation li a{
	display: block;
    text-align: right;  
	text-decoration:none;
	color:#FFFFFF;
	height:26px;
	padding-left:30px;
	padding-right:30px;
	padding-top:14px;
	background-image: url(img/FondMenu.gif);
	background-repeat:repeat-x;
	font-size:14px;
	float: left; 
	list-style:none;/*indispenable pour IE6*/
}

#navigation li a.on{
	background-image: url(img/FondMenu_Select.gif);
	color:#ffa801;

}

#navigation li a:hover, #navigation li a:focus {
	text-decoration:none;
	background-image: url(img/FondMenu_Select.gif);
	color:#ffa801;

}

#arian{
float:left;
display:inline;
clear:both;
background-color: #FFFFFF;
width:100%;
}


#arian p{
margin-left:10px;
margin-bottom:0px;
margin-top:5px;
}


#accueil{
float:left;
display:inline;
width:340px;
margin-left:5px;
margin-right:10px;
}



#conteneur{
	background-color:#FFFFFF;
	min-height:400px;
}	
	
/* Sous-menu dans le colonne */
#colonne{
	background-color:#f1f1f1;
	float:left;
	display:inline;
	width:200px;
	margin:10px;
	padding:10px;
}

#colonne ul {
	margin-left:5px;
	padding-left:5px;
}

#colonne ul ul{
margin-top:10px;
}

#colonne li {
	margin-bottom:10px;

	}

#colonne li a{
	display: block;
	font-size:13px;
	text-decoration:none;
		color:#333333;

}

#colonne li.on a{
	color:#333333;
	font-weight:bold;

}


#colonne li.on li a{
	color:#707172;
	font-weight: 100;

}

#colonne li.on li.on a{
	color:#333333;
	font-weight: bold;

}

#colonne li a:hover, #navigation li a:focus {
	color: #333333;

}

/* Zone de Texte */
#contenu_tiers {
	position :relative;	
	float:right;
	display:inline;
	width:680px;
	margin:10px;
}



#contenu_plein{
	position :relative;	
	float:left;
	display:inline;
	margin:10px;
	width:915px;
}

#colonne_gauche_accueil{
	float:left;

}

#colonne_centre_accueil{
	display: inline;
	margin-left:10px;
	margin-right:10px;
	float:left;
	width:320px;
}

#colonne_droite_accueil{
	float:right;
}

.antispam{
display:none;

}

.nb_commentaire{

border-top:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
color:#666666;
padding-top:5px;
padding-bottom:5px;
clear:both;
}


/*////////////////////////// Selecteurs //////////////////////*/

a{
	color:#707172;
}


a:hover, a:focus {
	color: #999999;

}

h1{
	padding:0px;
	margin:0px;
	color:#9ac12c;
	font-size:18px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

h1 a{
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	color:#9ac12c;
}


h2{
	padding:0px;
	margin:0px;
	color:#9ac12c;
	font-size:14px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	
	}
	
h2 a{
	padding:0px;
	margin:0px;
	color:#9ac12c;
	font-size:14px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	
	}

h3{
	padding:0px;
	margin:0px;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	
	}
	
hr{
	color:#FFF;
	background-color:#FFF;
	height:1px;
	border:0px;
	border-top: 1px solid #CCCCCC;/*the border*/
}

 
input{
	border-color: #666666;
	border: 1px solid #999999;
}


textarea {
	border-color: #666666;
	border: 1px solid #999999;
}


img
{
	border:0px;
}


/**************************************/
/**************Agenda******************/

.calendarTable { 
	background-color: gray; 
	width:200px;
	margin-left: auto;
	margin-right: auto;
}

.calendarNav{ 
	font-style: normal; 
 }

.calendarTop{  
	font-size: 14px;
 	font-weight: bold; 
 	background-color:silver;
 }
	
.calendarToday{ 
 font-size: 10px;
  font-weight: bold; 
  color: #606060;
   background-color:#CCCCCC;
}
.calendarDays{  
	width: 18px; 
	height: 20px; 
	font-size: 10px;
	font-style: normal;
	color: #606060;
	background-color: #ffffff;
	text-align: center
}

.calendar{  
	width: 18px; 
	height: 20px; 
	font-size: 10px;
	font-style: normal;
	color: #000000;
	background-color: silver;
	text-align: center
}

.calendarHL
{  
	width: 20px;
	height: 20px;
	font-size: 10px; 
	color: #FFF;
	background-color: #e32322; 
	text-align: center;
}


.calendarHL a
{  
	width: 20px;
	height: 20px;
	font-size: 10px; 
	color: #FFF;
	background-color: #e32322; 
	text-align: center;
}

.calendarHeader{ 
	font-size: 12px;
	background-color:  silver;
}


.plugin_image{
	float:left;
	width:150px;
	display:inline;
	min-height:200px;
	margin-right:10px;
	margin-left:10px;
}


.article_accueil{
	margin-bottom:10px;
	min-height:150px;
	clear:both;
	border-top:1px solid #CCCCCC;
	padding-top:5px;
	margin-top:20px;
}

.logo_article_accueil{
	float:left;
	width:100px;
	min-height:100px;

}

.texte_article_accueil{
	width:200px;
	min-height:150px;
	float:left;
}

.nom_secteur_accueil {
font-style:italic;
}

.date_article_accueil{
	color:#666666;
}


.article_accueil p{
	margin:0px;
	margin-bottom:2px;
	font-size:11px;
}

/* specifique RED */

#colonne_actu_podcast hr{
	background-color:#e32322;
}


#colonne_droite_accueil hr{
	background-color:#e32322;
}

#colonne_gauche_accueil hr{
background-color:#606060;}


#colonne_actu_agenda{
background-color:#606060;
width:280px;
background-image: url(img/FondBreaking.gif);
background-repeat:repeat;
position:relative;
color:#FFFFFF;
float:left;
clear:both;
}

#colonne_actu_recherche{
background-color:#606060;
width:280px;
background-image: url(img/FondBreaking.gif);
background-repeat:repeat;
position:relative;
color:#FFFFFF;
float:left;
clear:both;
}

.texte_colonne_gauche{
margin-left:10px;
margin-right:10px;
font-size:20px;

}


#colonne_actu_recherche h2{
margin-left:20px;
font-size:20px;

}

#colonne_actu_agenda a{
color:#FFFFFF;
}

#colonne_actu_agenda h2{
font-size:20px;

}

#colonne_actu_agenda_texte{
padding:10px;
}


#colonne_actu_agenda_bas{
	background-color:#606060;
	width:280px;
	height:45px;
	background-image: url(img/Bas_Breaking.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	position:relative;
}

/* podcast accueil */

#colonne_actu_podcast{
background-color:#e32322;
width:280px;
background-repeat:repeat;
position:relative;
color:#FFFFFF;
float:left;
clear:both;
background-image: url(img/FondPodcast.gif);
}

#colonne_actu_newsletter{
background-color:#e32322;
width:280px;
background-repeat:repeat;
position:relative;
color:#FFFFFF;
float:left;
clear:both;
background-image: url(img/FondPodcast.gif);
}


#colonne_actu_podcast a{
color:#FFFFFF;
}

#colonne_actu_podcast h2{
font-size:20px;
color:#FFFFFF;
}


#colonne_actu_newsletter h2{
font-size:20px;
color:#FFFFFF;
margin-left:20px;
}

#colonne_actu_podcast_texte{
padding:10px;
background-image: url(img/Image_Podcast.gif);
background-repeat:no-repeat;
background-position: 150px 30px;
}

#colonne_newsletter_texte{
margin-left:10px;
margin-right:10px;
}


#colonne_droite_accueil h2 a{
color:#FFFFFF;
text-decoration:none;
font-size:20px;

}

#colonne_gauche_accueil h2 a{
color:#9ac12c;
text-decoration:none;
font-size:20px;
}

#colonne_centre_accueil h1{
font-size:20px;
}


#colonne_droite_accueil h3 a, #colonne_gauche_accueil h3 a{
color:#FFFFFF;
text-decoration:none;
}

#colonne_actu_podcast_bas{
	background-color:#606060;
	width:280px;
	height:45px;
	background-image: url(img/Bas_podcast.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	position:relative;
}

.date_droite{
	text-align:right;
	font-size:10px;
}

.date_gauche{
	text-align:left;
	font-size:10px;
	margin:0px;
	padding:0px;
}



#player_red{
float:right;
margin-top:48px;
display:inline;
}


#player_red img{
display:inline;
border:0px;
display:inline;
}

#photo_menu {
	height: 110px;
	margin: 0px;
	background-image: url(img/PhotoMenu.jpg);
	background-repeat: no-repeat;
	position :relative;
}