/* CSS NINA template CEFPPA */


input.bouton_inscrire_cefppa{

font-size:16px;
}

#diapo_menu {
	height: 200px;
	margin: 0px;
	position :relative;
	background-color:#FFFFFF;
	text-align:center;
	background-image: url(img/FondPageCefpa.jpg);
}

/*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;
}

/* Colonne sous menu */

#colonne_ssmenu_haut{
height:12px;
width:200px;
float:left;
background-image: url(img/ZoneVerte_Haut.jpg);
}


#colonne_ssmenu_centre{
float:left;
width:200px;
background-image: url(img/ZoneVerte_Milieu.jpg);
}

#colonne_ssmenu_bas{
height:15px;
float:left;
width:200px;
background-image: url(img/ZoneVerte_Bas.jpg);
}


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


.selecteur_lang{
	float:right;
	display:inline;
	margin-right:30px;
	margin-top:65px;
}
#telechargement{
	height:45px;
	margin-left:7px;
}

#telechargement img{
	border:0px;
	margin-left:25px;
}

a.texte_telechargement{
	color:#FFFFFF;
}

a:hover.texte_telechargement{
	color:#FFFFFF;
}
a.img_telechargement{
	text-decoration:none;
}

.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);

}

/*//////////// 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/fondCefpa.jpg);
	background-position:center 0;
	background-repeat: no-repeat;
	color:#707172;
}

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


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

#nom_site{
	text-align:center;	
	color:#2f4392;
	clear:both;
}


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

#logo_site img{
border:0px;
}


#header {
	height: 185px;
	margin: 0px;
	background-image: url(img/MenuHautCefpa.jpg);
	background-repeat: no-repeat;
	position :relative;
	}
	
	
#footer {
	text-align:center;
	position :relative;
	width:900px;
	height:60px;
	background-color:#FFFFFF;
	float:left;
	}

#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:#707172;
}

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

#navigation {
	position :relative;
	width:900px;
	height:44px;
	list-style:none;
	background-image: url(img/FinMenu.jpg);
	background-repeat: no-repeat;
	background-position:right;
	}


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

#navigation ul li {
	background-image: url(img/Separateur.jpg);
	background-repeat:no-repeat;
	background-position:right;
	float:left;
	list-style-type: none;
	list-style:none;
}

#navigation li a{
	display: block;
    text-align: right;  
	text-decoration:none;
	color:#2f4392;
	height:36px;
	padding-left:11px;
	padding-right:10px; 
	padding-top:8px;
	margin-right:2px;
	background-image: url(img/FondMenu.jpg);
	background-repeat:repeat-x;
	font-size:14px;
	float: left;
	list-style:none;/*indispenable pour IE6*/
	text-align:center;
	line-height:14px;
}

#navigation li a.on{
	background-image: url(img/FondMenuSelect.jpg);
	color:#FFFFFF;

}

#navigation li a:hover, #navigation li a:focus {
	text-decoration:none;
	background-image: url(img/FondMenuSelect.jpg);
	color:#FFFFFF;
}

#navigation li:first-of-type a{
	background-image: url(img/CoinMenu.jpg);
	background-repeat:no-repeat;
}

#navigation li:first-of-type a.on{
	background-image: url(img/CoinMenuAccueil.jpg);
	background-repeat:no-repeat;
}

#navigation li:first-of-type a:hover, #navigation li:first-of-type a:focus {
	background-image: url(img/CoinMenuAccueil.jpg);
	background-repeat:no-repeat;
}


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


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



#conteneur{
	background-color:#FFFFFF;
}	
	


		
/***************** Sous-menu dans le colonne ******************/
#colonne{
	float:left;
	display:inline;
	width:200px;
	margin:10px;
}
#colonne h1{
	margin-left:10px;
	margin-bottom:10px;
	color:#233caa;
}

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

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

}

#colonne li a{
	display: block;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#colonne li.on a{
	color:#233caa;
}

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

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

#contenu_tiers{
	position:relative;	
	float:right;
	display:inline;
	width:640px;
	margin:10px;
}

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

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

#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;
}

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


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

a{
	color:#006ab3;
}


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

}

img a{
	text-decoration:none;
}


h1{
	padding:0px;
	margin:0px;
	color:#006ab3;
	font-size:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

}

h2{
	padding:0px;
	margin:0px;
	color:#006ab3;
	font-size:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

	}

h3{
	padding:0px;
	margin:0px;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#006ab3;
	
	}
	
hr{
color:#FFF;
background-color:#FFF;
height:1px;
border:0px;
 border-top: 2px dotted #999999;/*the border*/

}

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


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





/**************************************/
/**************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;
}

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

}



.article_accueil{
clear:both;
margin-top:20px;
border-bottom: 2px dotted #999999;/*the border*/
}

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

}

.texte_article_accueil{
width:330px;
min-height:110px;
float:left;
margin-bottom:10px;
}

.nom_secteur_accueil {
}

.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;

}

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

.nb_commentaire{
	 border-bottom: 2px dotted #999999;/*the border*/
color:#666666;
padding-top:5px;
padding-bottom:5px;
clear:both;
}


.antispam{
display:none;

}
#nom_site h1{ font-size:1.5em}