/* CSS NINA template CLIENT */


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

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

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


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

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

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

#logo_site img{
border:0px;
}


#header {
	margin: 0px;
	background-image: url(img/HautMenu-Rub1.jpg);
	background-repeat: no-repeat;
	background-position:365px 0px;
	height:130px;
	}

#top_header {
	
	height:100px;
	}
	
.rub_10 #header {
	background-image: url(img/HautMenu-Rub1.jpg);
}


.rub_11 #header {
	background-image: url(img/HautMenu-Rub2.jpg);
}

.rub_12 #header {
	background-image: url(img/HautMenu-Rub3.jpg);
}

.rub_13 #header {
	background-image: url(img/HautMenu-Rub4.jpg);
}
	
	
#footer {
	text-align:center;
	position :relative;
	width:650px;
	height:60px;
	/*background-color:#FFFFFF;*/
	float:left;
	font-size:11px;
	color:#666666;
	
	}

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


#footer ul li {
	display:inline;

}

#footer li a{
	color:#666666;
}

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



/***************** menu principal ******************/

#drapeaux {
	float:right;
	height:25px;
	width:75px;
	display:inline;
	margin-top:5px;
	margin-right:292px;
	
	}

#navigation {
	height:30px;
	width:500px;
	float:left;
	display:inline;
	clear:both;
	}


#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height:30px;
	
}


/* 	
RUB0 - accueil
color:#c0de00;
RUB1 - ADIRA
color:#ffc000;
RUB2 - entreprises
color:#f948a4;
RUB3 - territoires
color:#00c2f1;
RUB4 - réseaux
color:#9a63c8;
RUB5 - bleu = rubriques cachée
color:#4b5cc2;

*/

#navigation ul li {
	background-color:#4b5cc2;
	float:left;
	list-style-type: none;
	list-style:none;
	}

/* rub adira*/
#navigation ul li#rub_10 {
	background-color:#ffc000;
}

/*rub entreprise */
#navigation ul li#rub_11 {
	background-color:#f948a4;
}

/* rub territoires */
#navigation ul li#rub_12 {
	background-color:#00c2f1;
}

/*rub reseaux */
#navigation ul li#rub_13 {
	background-color:#9a63c8;
}




#navigation li a{
	display: inline-block;
    text-align: left;  
	text-decoration:none;
	color:#FFFFFF;
	height:25px;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	font-size:16px;
	float: left;
	list-style:none;/*indispenable pour IE6*/
	text-align:left;
	/*line-height:14px;*/
	
}



#navigation li a.on{
	/*background-color:#F69;*/
	color:#FFFFFF;
	text-decoration: underline;
}

#navigation li a:hover, #navigation li a:focus {
	text-decoration:underline;
	color:#FFFFFF;
}

#navigation li#navigation_accueil a{
	background-color:#c0de00;
	/*background-image: url(img/CoinMenu.jpg);
	background-repeat:no-repeat;*/
}

#navigation li#navigation_accueil a.on{
	background-color:#c0de00;
	/*background-image: url(img/CoinMenuAccueil.jpg);
	background-repeat:no-repeat;*/
}

#navigation li#navigation_accueil a:hover, #navigation li#navigation_accueil a:focus {
	background-color:#c0de00;
	text-decoration:underline;
	/*background-image: url(img/CoinMenuAccueil.jpg);
	background-repeat:no-repeat;*/
}

#navigation li a:focus {
	color: #FFFFFF;
	text-decoration:underline;
}


#arian{
position:relative;
float:left;
display:inline;
width:600px;
clear:both;
}


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



#conteneur{
	clear:both;
	width:650px;
	float:left;
	min-height:750px;
}	
	

/****** colonne de droite ****/
#colonne_droite{
	float:right;
	display:inline;
	width:260px;
	margin-right:5px;
}
		
/***************** Sous-menu dans la colonne ******************/
#colonne{
	float:left;
	display:inline;
	width:160px;
	margin:10px;
}
#colonne h1{
	padding-left:7px;
	margin-top:0px;
	padding-top:0px;
	color:#FFFFFF;
	line-height:22px;
	font-size:18px;
}

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

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

#colonne li {
	list-style:none;
	margin:10px 5px 10px 5px;
	}
	
#colonne li.on {
	list-style:url(img/flecheN1.gif);
}

#colonne li a{
	display: block;
	color:#0066b3;
	text-decoration:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#colonne li.on a{
	color:#000000;
}

#colonne li a:hover, #navigation li a:focus {
	color: #0066b3;
	text-decoration:underline;
}



/* Colonne sous menu */

#colonne_ssmenu_haut{
height:25px;
width:150px;
float:left;
background-image: url(img/fond_titre_Rub5.gif);
}


.rub_10 #colonne_ssmenu_haut{
background-image: url(img/fond_titre_Rub1.gif);
}


.rub_11 #colonne_ssmenu_haut{
background-image: url(img/fond_titre_Rub2.gif);
}

.rub_12 #colonne_ssmenu_haut{
background-image: url(img/fond_titre_Rub3.gif);
}

.rub_13 #colonne_ssmenu_haut{
background-image: url(img/fond_titre_Rub4.gif);
}

#colonne_ssmenu_centre{
float:left;
width:150px;
min-height:600px;
background-image: url(img/fond_sous_Rub.gif);
background-repeat:repeat-x;
}

#colonne_ssmenu_bas{
height:15px;
float:left;
width:150px;
}


/************ Zone de Texte **********/

#contenu_tiers{
	position:relative;	
	float:left;
	display:inline;
	width:455px;
	margin-top:10px;
}

#contenu_tiers h1{
	 /*border-bottom: 2px dotted #999999;the border*/
}	

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

#contenu_plein h1{
	 /*border-bottom: 2px dotted #999999;the border*/
}	
/*
#colonne_gauche_accueil{
	float:left;
	width:200px;

}

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

#colonne_centre_accueil h2{
	font-size:24px;
}

#colonne_droite_accueil{
	float:right;
	width:200px;
}
*/


/*************************** CLASSES ************************/


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

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

.add_this_gauche{
	clear:both;
	float:right;
	text-align:right;
	margin-right:0px;
	padding:10px;
	display:inline;
	width:160px;
}

.commentaire_gauche{
float:left;
width:100px;
height:25px;
clear:both;

}


.commentaire_gauche2{
float:left;
width:400px;
display:inline;
}

.nb_commentaire{

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

.article_date_auteur{
color:#666666;
}

.plugin_image{
float:left;
width:150px;
display:inline;
}


hr.plugin{
height: 1px;
margin:0;
padding: 0;
color: #CCC;
background-color: #CCC;
border: 0;
}


ul.liste_plugin{
	margin-left:10px;
	padding:0px;
}

li.liste_plugin{
	margin:10px 5px 10px 5px;
	}
	
.antispam{
display:none;

}

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

a{
	color:#0066b3;
	text-decoration:none;
}
.observatoire a {
	color:#666666;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;

}

a:hover, a:focus {
	/*color:#0066b3;*/

}

h1{
	padding:0px;
	margin:0px;
	color:#0066b3;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h2{
	padding:0px;
	margin:0px;
	color:#0066b3;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h3{
	padding:0px;
	margin:0px;
	margin-top:20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0066b3;
}

h4{
	margin:0px;
	margin-top:10px;
}
	
hr{
color:#FFF;
background-color:#FFF;
height:1px;
border-top: 1px thin  #FFF;/*the border*/

}



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


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


a img {
	border: none;
}
img a{
	text-decoration:none;
}




/************************************************************************/
/***************Colonnes des modules de l'accueil ***********************/

/*agenda accueil*/
#colonne_actu_agenda{
	background-color:#ededee;
	width:180px;
	background-repeat:repeat;
	position:relative;
	float:left;
	padding:10px;
	padding-top:0px;
}


#colonne_actu_agenda h2{
font-size:24px;

}

#colonne_actu_agenda hr{
background-color:#ededee;
}


#colonne_actu_agenda_bas{
	width:180px;
	height:0px;
	position:relative;
	background-color:#FFFFFF;
	}


/*colonne de droite */

#colonne_droite_accueil #colonne_actu_agenda{
	background-color:#FFFFFF;
	width:200px;
	background-repeat:repeat;
	position:relative;
	float:left;
	padding:0px;
	}


#colonne_droite_accueil #colonne_actu_agenda_haut{
	background-image: url(img/ZoneVerte_Haut.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-left:10px;
	padding-top:0px;
	width:190px;
	height:50px;
	float:left;
	}

#colonne_droite_accueil #colonne_actu_agenda_texte{
	background-image: url(img/ZoneVerte_Milieu.jpg);
	padding:10px;
	padding-top:0px;
	width:180px;
	float:left;
	color:#FFFFFF;
	text-align:left;
}


#colonne_droite_accueil #colonne_actu_agenda_texte a{
color:#FFFFFF;
}

#colonne_droite_accueil #colonne_actu_agenda_texte a:hover, #colonne_droite_accueil #colonne_actu_agenda_texte a:focus {
color: #E1E1E1;
}

#colonne_droite_accueil #colonne_actu_agenda_bas{
	background-image: url(img/ZoneVerte_Bas.jpg);
	width:200px;
	height:15px;
	background-repeat:no-repeat;
	background-position:top;
	float:left;
}

/* podcast accueil */

#colonne_actu_podcast{
background-color:#e32322;
width:200px;
position:relative;
color:#FFFFFF;
float:left;
}


#colonne_actu_podcast a{
color:#FFFFFF;
}

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

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


#colonne_actu_podcast_texte{
padding:10px;
}


#colonne_actu_podcast_bas{
	width:280px;
	height:45px;
	position:relative;
}



/*////// Selecteur langues /////////*/


.selecteur_lang{
	float:right;
	display:inline;

}

.bouton_lang{
text-align:center;
width:50px;	float:left;
}


.bouton_lang a,.bouton_lang a:hover,.bouton_lang a:focus {
color:#FFFFFF;
}


.bouton_lang a .FR{
background-image: url(img/Flag_FR.gif);
background-repeat:no-repeat;
background-position:center;
background-position:bottom;
height:30px;
width:50px;
}


a:hover .FR{
background-image: url(img/Flag_FR_Over.gif);

}

.bouton_lang a .DE{
background-image: url(img/Flag_DE.gif);
background-repeat:no-repeat;
background-position:center;
background-position:bottom;
height:30px;
width:50px;
}


a:hover .DE{
background-image: url(img/Flag_DE_Over.gif);

}

.bouton_lang a .EN{
background-image: url(img/Flag_EN.gif);
background-repeat:no-repeat;
background-position:center;
background-position:bottom;
height:30px;
width:50px;
}


a:hover .EN{
background-image: url(img/Flag_EN_Over.gif);

}


/**************************************/
/**************Agenda******************/
.calendarBack {
background-image: url(img/Fond_Agenda.gif);
background-repeat:no-repeat;
width:170px;
float:left;
margin-left:10px;
}
.calendarTable {
width:160px;
margin-left:6px;
}

.calendar_haut {
background-image: url(img/Fond_Agenda_top.gif);
background-repeat:no-repeat;

width:170px;
text-align:center;
padding-top:10px;
padding-bottom:5px;
clear:both;

}

.calendar_centre {
background-image: url(img/Fond_Agenda_fond.gif);
background-repeat:repeat;
width:170px;
clear:both;
}
.calendar_bas {
background-image: url(img/Fond_Agenda_bottom.gif);
background-repeat:no-repeat;
width:170px;
clear:both;
height:15px;
}



.calendarNav{ 
	font-style: normal; 
 }

.calendarTop{  
	font-size: 12px;

 }
	
.calendarToday a{ 
 font-size: 14px;
  font-weight: bold; 


}
.calendarDays{  
	width: 18px; 
	height: 18px; 
	font-size: 12px;
	font-style: normal;
	text-align: center
}

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

.calendarHL a
{  
	width: 20px;
	height: 18px;
	font-size: 12px; 
	text-align: center;
}




/* special ADIRA */

.div_picto_0{
float:left;
display:inline;
text-align:center;

}

.div_picto_1{
float:left;
margin-right:26px;
margin-left:10px;
display:inline;
text-align:center;

}


.div_picto_2{
float:left;
margin-right:10px;
margin-left:0px;
display:inline;
text-align:center;
height:100px;

}

.div_picto_3, .div_picto_4{
float:left;
margin-left:0px;
display:inline;
text-align:center;
}

.div_picto_3 a{
color:#666;
}


.div_picto_4 a{
color:#000;
}

#form_accueil{
margin-top:20px;
float:right;
display:inline;
color:#FFF;
margin-right:8px;
text-align:right;
}

#form_accueil input{
background-color:#87c8df;
border-color:#2c8bb4;
margin:0px;
color: #333333;
}

#form_accueil input[type=submit]{
background: transparent;
border:none;
color:#FFFFFF;
margin:0px;
cursor:  pointer;

}



/* /////////////// SLIDER  ///////////////*/

div.scroll{

background-image: url(img/Fond_Zone_Actu.gif);
width:640px;
height:520px;
clear:both;

}


div.scroll_gauche{
float:left;
width:25px;
margin-top:230px;
margin-left:3px;
display:inline;

}

div.scroll_droite{
float:left;
margin-top:230px;
margin-left:10px;
display:inline;

}


div.scrollable { 
	float:left;
	margin-top:25px;
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 580px; 
    height:500px;
	display:inline;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute;
	margin-left:5px;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div.colonne_article_accueil { 
    float:left;
	width:280px;
	margin-right:10px;
	display:inline;
} 

.disabled {
	visibility:hidden;		
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}


.article_accueil{
height:150px;
clear:both;
}

.logo_article_accueil{
float:left;
width:100px;

}

.texte_article_accueil{
width:180px;
height:150px;
float:left;
}

.nom_secteur_accueil {
color:#4b5cc2;
}

.nom_secteur_accueil.secteur_10{
color:#ffc000;
}

.nom_secteur_accueil.secteur_11{
color:#f948a4;
}

.nom_secteur_accueil.secteur_12{
color:#00c2f1;
}

.nom_secteur_accueil.secteur_13{
color:#9a63c8;
}


.date_article_accueil{
color:#666666;
}

.article_accueil h2{
margin:0px;
padding:0px;
margin-bottom:5px;
font-size:14px;	

}

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

}

/* position and dimensions of the navigator */ 
.navi {
	text-align:center;
    height:15px;
	margin-left:5px;
	} 
 
 
/* items inside navigator */ 
.navi a { 
    width:8px; 
    height:8px; 
    float:left; 
    margin-right:5px; 
    background:url(img/navigator.png) 0 0 no-repeat; 
    display:block; 
    font-size:1px; 
	display:inline;
} 
 
/* mouseover state */ 
.navi a:hover { 
    background-position:0 -8px;       
} 
 
/* active state (current page state) */ 
.navi a.active { 
    background-position:0 -16px;      
}

.nuage_1 a{font-size: 18px; color:#666666; padding-right:10px; white-space : nowrap;}
.nuage_2 a{font-size: 16px;  color:#666666; padding-right:10px;white-space : nowrap;}
.nuage_3 a{font-size: 14px;  color:#666666; padding-right:10px;white-space : nowrap;}
.nuage_4 a{font-size: 12px;  color:#666666; padding-right:10px;white-space : nowrap; }
.nuage_5 a{font-size: 10px;  color:#666666; padding-right:10px;white-space : nowrap;}


#nuage p{
text-align:center;
width:250px;
margin-left:10px;
}

#nuage{
clear:both;
}