/* 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/blind-alley-fond2.jpg);
	background-position:center 0;
	background-repeat: no-repeat;*/
	background-color:#000;
	color: #FFF;
	/*min-height:1000px;*/
	
	
}

#back{
	position:absolute;
	top:0px;
	left:0px;
	background-position:center top;
	background-repeat: no-repeat;
	background-attachment:fixed;
	width:100%;
	min-height:940px;
}

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


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


/***** header *****/

#header {
	margin: 0px;
	height:248px;
	}


#login{
height:20px;
margin:0;
margin-top:5px;
text-align:right
}

#login p{
margin:0;
padding:0;
color:#FFFFFF;
}


#login p{
margin:0;
padding:0;
color:#FFFFFF;
}


#login a{color: #999999; text-decoration:underline}



#logo_site p{
	padding:0;
	margin:0;
}

	
#form_header{
	margin-top:10px;
	margin-left:5px;
	float:right;
	display:inline;
	color:#FFF;
	text-align:right;
}

#form_header p{
	margin:0px;
	padding:0px;
	margin-top:10px;
}

#form_header form{
	margin:0px;
	padding:0px;
}

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

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

}
	
#drapeaux {
	float:right;
	height:25px;
	display:inline;
	margin-top:10px;
	/*margin-right:10px;*/
	
	}
	
	
	
#nom_site{
	position:absolute;
	left: -4000px;
}

#logo_site{
	float:right;
	margin-top:30px;
	margin-right:20px;
	display:inline;
	height:90px;
	width:300px;
}

#logo_site p a{
	font-family: impact, Fjalla One, sans-serif;
	color:#b21603;
	font-size:54px;
}

#logo_site p a:hover{
	text-decoration:none;
}

#zone_pub1
{
	margin:0;
	height:60px;
	width:468px;
	float:left;
}

#logo_site img{
border:0px;
}
#header .accessible a{
color:#FFFFFF}

/***** footer *****/
	
#footer {
	text-align:left;
	position :relative;
	width:1040px;
	/*background-color:#FFFFFF;*/
	float:left;
	font-size:11px;
	color:#FFF;
	margin-top:15px;
	}

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

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



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

a.open, a.ouvrir{
	width:10px;
	height:12px;
	/*display:inline;*/
	float:left;
	
}

#navigation a img{
	width:21px;
	height:21px;
	margin-top:5px;
	margin-left:15px;
}


#navigation {
	clear:both;
	display:inline;
	width:1040px;
	margin-top:5px;
	}
	
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:1040px;
	background-color:#999999
}

#navigation li#navigation_accueil a{
	padding-left:0px;
}

#menu_principal li {
	float:left;
	list-style-type: none;
	list-style:none;
	}




#navigation li a{
	font-family: impact, Fjalla One, sans-serif;
	display: block;
	text-align: left;  
	text-decoration:none;
	font-style:normal;
	color:#FFFFFF;
	padding-left:9px;
	padding-right:9px;
	padding-top:7px;
	padding-bottom:9px;
	font-size:17px;
	list-style:none;
	text-align:left;
	/*letter-spacing:2px;*/
	/*border-left:solid 1px #FFFFFF;*/
}



#navigation li a:hover, #navigation li a:focus {

	display: block;
	color:#B21500;
	/*text-decoration:none;
	background-color:#FFFFFF;*/
}



#navigation li a.on{
	color:#B21500;
	/*background-color:#FFFFFF;*/
}





#navigation li ul
{	margin: 0;
	padding: 0;
	position: absolute;
	z-index:1;
	border-top: 1px solid white;
	display:none;

	}
	
	

#navigation li ul li
{	float: none;
	display: inline;
	}

#navigation li ul li a
{	
	background:#333333;
	color: #FFFFFF;
	}
	


#navigation li ul li a:hover
{	background: #FFFFFF;}


#navigation li ul li ul 
{	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	}
	
.rub_0, .rub_7, .rub_-1{
	background: url("img/backgroundaccueil1.jpg") no-repeat scroll center top #000;}
	
.rub_9{
	background: url("img/backgroundaccueil2.jpg") no-repeat scroll center top #000;}
	
.rub_2{
	background: url("img/backgroundaccueil3.jpg") no-repeat scroll center top #000;}
	
.rub_3{
	background: url("img/backgroundaccueil4.jpg") no-repeat scroll center top #000;}
	
.rub_1{
	background: url("img/backgroundaccueil5.jpg") no-repeat scroll center top #000;}
	
.rub_10{
	background: url("img/backgroundaccueil6.jpg") no-repeat scroll center top #000;}
	
.rub_11{
	background: url("img/backgroundaccueil7.jpg") no-repeat scroll center top #000;}
		
.rub_14{
	background: url("img/backgroundaccueil8.jpg") no-repeat scroll center top #000;}
	



#arian{
position:relative;
float:left;
display:inline;
width:900px;
clear:both;
margin-left:10px;
margin-bottom:10px;
margin-top:10px;

}


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


#conteneur{
	clear:both;
	width:1040px;
	float:left;
	/*min-height:450px;*/
	/*background-color:#FFF;*/
	background-color:rgba(0, 0, 0, 0.83);
	/*background-color:#000;
	  filter:alpha(opacity=83);
	 -moz-opacity:0.83;
	 opacity: 0.83;*/
	/*background-image:url(img/fond_conteneur.jpg);
	background-repeat:no-repeat;*/
}	
	

/***************** Sous-menu dans la colonne ******************/
#colonne{
	float:left;
	display:inline;
	width:229px;
	margin-left:10px;
	margin-top:15px;
	/*background-image:url(img/fond_colonne_haut.jpg);
	background-repeat:no-repeat;
	background-color:#e8e8e8;*/

}
#colonne h1{
	/*margin-top:15px;*/
	margin-left:10px;
	padding-top:0px;
	line-height:22px;
	/*font-size:18px;*/
	color:#FFFFFF;
	
}

#colonne ul {
	margin:0px;
	margin-left:15px;
	padding:0px;
}
* html	#colonne ul {
	margin:0px;
	margin-left:15px;
	margin-top:5px;
	padding:0px;
}

* html	#colonne ul ul{
	margin:0px;
	margin-top:15px;
	margin-left:20px;
	padding:0px;
}
#colonne ul ul{
	margin:0px;
	margin-left:20px;
	padding:0px;
}

#colonne li {
	margin-top:5px;
	margin-bottom:10px;
	padding:0px;
	list-style:none;
	

	}
	
* html	#colonne li {
	margin:0px 5px 0px 5px;
	padding:0px;

	}
	
#colonne li.on {
}

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

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

}



#colonne li a:hover {
	color: #FFF;
	text-decoration:underline;
	}

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


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

}

/* Colonne sous menu */

/*#colonne_ssmenu_haut{
float:left;
display:inline;
margin-left:10px;
margin-top:15px;
}*/


#colonne_ssmenu_centre{
float:left;
width:229px;


display:inline;
min-height:150px;
}

#colonne_ssmenu_bas{
height:15px;
float:left;
width:229px;

display:inline;
/*background-image:url(img/fond_colonne_bas.jpg);
background-repeat:no-repeat;*/
height:20px;
/*background-color:#FFFFFF;*/
}




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


#contenu{
	position:relative;	
	float:left;
	display:inline;
	width:1000px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:30px;
	margin-top:20px;
	
}


#contenu_tiers{
	position:relative;	
	float:left;
	display:inline;
	width:720px;
	margin-left:20px;
	margin-bottom:30px;
}


#colonne_gauche_accueil{
	float:left;
	width:190px;
	display:inline;
	/*background-color: #e0e0e1;*/
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;
}



#colonne_centre_accueil{
	display: inline;
	/*margin-left:10px;*/
	float:left;
	width:690px;
	/*margin-top:10px;*/
}

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




#colonne_droite_accueil{
	float:right;
	width:240px;
	margin-left:10px;
	display:inline;
	/*background-color: #AE774E;*/
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;
}

/*#colonne_droite_accueil p{
	margin:0px;
}*/


/*#colonne_gauche_accueil h2, #colonne_droite_accueil h2{
	font-size:18px;

}*/

#edito{
	/*background-color: #FAFAFA;*/
	/*padding:10px;*/
	margin-bottom:50px;
	width:680px;
}


/* debug */
#debug{
	position: fixed;
	left:0;
	top:0;
	background-color:#FFFFFF;
	width:200px;
	text-align:left;
	padding:5px;
	z-index:100;

}

/*************************** CLASSES ************************/
#actus{
	width:690px;
	/*height:600px;*/
}


/*div.colonne_article_accueil{
	width:335px;
	display:inline;
	float:left;
	margin-right:10px;
}*/

div.colonne_article_accueil{
	width:690px;
	/*display:inline;
	float:left;
	margin-right:10px;*/
}


/*#actus div.colonne_article_accueil:first-child{
	margin-left:0px;
}*/

/*.article_accueil{
min-height:150px;
clear:both;
width:315px;
padding:10px;
background-color: #000;
margin-bottom:10px;
}*/

.article_accueil{
/*min-height:150px;*/
clear:both;
width:670px;
padding:10px;
background-color: #000;
margin-bottom:10px;
}

.logo_article_accueil{
float:left;
width:150px;
height:90px;
margin-bottom:10px;
margin-right:10px;
}

.texte_article_accueil{
width:670px;
/*min-height:130px;*/
float:left;
/*margin-left:10px;*/
}

.texte_article_accueil_plein{
	width:670px;
	float:left;
	/*margin-left:10px;*/
	/*min-height:130px;*/

}

a.fleche-cal{
	font-weight:bold;
	font-size:18px;
	
}

.titre-ev{
	margin-top:0px;
	margin-bottom:15px;
}

.tous-ev{
	text-align:right;
	margin-top:15px;
}

.nom_secteur_accueil {
}

.date_article_accueil{
color:#FFF;
}

.article_accueil h2{
margin:0px;
padding:0px;
margin-bottom:5px;
font-size:14px;
font-family: Fjalla One, sans-serif;
font-weight: normal;
text-align:left;

}

.article_accueil p{
margin:0px;
margin-bottom:10px;
font-size:11.5px;
color:#FFF;
}

.article_accueil p.lire_suite{
	text-align:right;
}

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

span.date_droite{
float:right;
	
}



.add_this_gauche{
	float:right;
	text-align:right;
	margin-right:10px;
	padding:10px;
	display:inline;
}

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


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

.tags{
	border-top:#CCCCCC solid 1px;
	/*border-bottom:#CCCCCC solid 1px;*/
	background-color: #EFEFEF;
	color:#666666;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	clear:both;
	margin-top:5px;
}
.tags h2{
	font-weight:100px;
	color: #666666;
}

.nb_commentaire{
	color:#666666;
	padding-left:5px;
	clear:both;
	padding-bottom:2px;
	padding-top:3px;
	background-color: #EFEFEF;
}

.nb_commentaire p{
margin:0px;
}

.article_date_auteur{
	color:#666666;
}

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

.module_image{
	float:left;
	width:140px;
	display:inline;
	margin-left:10px;
}

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


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

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

}

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


a{
	color:#B21500;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;

}

a:hover, a:focus {
	color:#FFF;
	text-decoration:none;

}

h1{
	color:#B21500;
	font-size:20px;
	font-family: Fjalla One, sans-serif;
	font-weight: bold;
}

#colonne_droite_accueil h2{color:#B21500;
	font-size:20px;
	font-family: Fjalla One, sans-serif;
	font-weight: bold;
	text-align:center;
}

#colonne_droite_accueil h2 a{
	color:#B21500;
}

#colonne_droite_accueil h2 a:hover{
	text-decoration:none;
	color:#FFF;
	
}

h2{
	color:#B21500;
	font-size:16px;
	font-family: Fjalla One, sans-serif;
	font-weight: normal;
}

h3{
	margin-top:20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	/*color:#006a73;*/
}

h4{
	margin:0px;
	margin-top:10px;
}
	
hr{
	
	height: 1px;
	color: #CCC;
	background-color: #CCC;
	border: 0;
	clear:both;
	
}



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

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


.bouton_lang{
	text-align:center;
	width:30px;
	float:right;
	display:inline;
}


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


/**************************************/
/**************Agenda******************/
.calendarBack {
width:200px;
float:left;
margin-left:10px;
}
.calendarTable {
width:200px;
margin-left:6px;
}


#colonne_droite_accueil .calendarTable {
width:200px;
margin-left:6px;
}

.calendar_haut {
width:200px;
text-align:center;
padding-top:10px;
padding-bottom:5px;
clear:both;
font-size:13px;
margin-left:20px;
}

.calendar_centre {
width:200px;
clear:both;
margin-left:15px;
margin-bottom:30px;
}
.calendar_bas {
width:200px;
clear:both;
height:15px;
}

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

.calendarNav{ 
	font-style: normal; 
 }

.calendarTop{  
	font-size: 12px;

 }
 
.calendarToday{
	background-color:#B21500;
}
	
.calendarToday a{ 
 font-size: 12px;
  /*font-weight: bold; */
  color:#FFF;
}

.calendarToday a:hover{
	color:#000;}

.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;
	font-weight:bold;
}


/********** NUAGE **/
.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;
margin-left:10px;
}

#nuage{
clear:both;
width:200px;
}


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


#slider{
	display:inline;
	width:1340px;
	float:left;
	padding-top:5px;
	margin-bottom:10px;
}


div.scrollable { 
	float:left;
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 1340px; 
    height:1000px;
	display:inline;
	background-color:#000;
} 
 
/* 
    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;
	background-color: #000; 
} 
 
/* 
    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.div_slider { 
    float:left;
	width:1340px;
	margin:0px;
	display:inline;
} 

.disabled {
	visibility:hidden;		
}

.slider_image{
	float:left;
	display:inline;
	z-index:1;
	margin-top:60px;
}

.slider_texte{
	}


.slider_texte p{
	color: #FFF;
	padding:0px;
	margin:0px;
	
}
.slider_texte a{
	color: #CCC;
}


.slider_texte h1, .slider_texte h2, .slider_texte h3, .slider_texte h4, .slider_texte h5, .slider_texte h6{
	margin:0px;
	color: #FFF;
	padding:0px;
	
}

.slider_texte h1 {
	padding:0px;
	font-weight:bold;
	margin:0px;
}



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

/* position and dimensions of the navigator */ 
.navi {
	text-align:center;
    height:15px;
	background-image: url(img/fond_pictos_slider.jpg);
	background-repeat:no-repeat;
	} 
 
 
/* items inside navigator */ 
.navi a { 
    width:8px; 
    height:8px; 
    float:left; 
    margin-left:5px;
	margin-top: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;      
}



/* this makes it possible to add next button beside scrollable */
/* prev, next, prevPage and nextPage buttons */
a.browse {
    display:block;
    width:48px;
    height:48px;
    float:left;
    cursor:pointer;
	position:absolute;
}

/* right */
a.right { 
	left:920px; 	
	top:175px;
	background-image:url(img/fleche_d_slider.png); 
	background-repeat:no-repeat;
}

a.right:hover {opacity : 0.5;
    -moz-opacity : 0.5;
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
}


/* left */
a.left {
	left: 20px; 
	top:175px;
	background-image:url(img/fleche_g_slider.png);
	 background-repeat:no-repeat; 
}
a.left:hover  { opacity : 0.5;
    -moz-opacity : 0.5;
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */ 
	}


/* disabled navigational button */
a.disabled {
    visibility:hidden !important;
}

/*LEI*/
/* galerie miniature */

div#galerie 
{ 
	float:left;
	position:relative;
	text-align:center;
	
} 

div#affiche-image
{
width:310px;
min-height:245px;
} 

 
 
ul#galerie_mini 
{ 
    margin: 0 ; 
    padding: 0 ; 
    list-style-type: none ; 
} 
 
ul#galerie_mini li 
{ 
    float: left ; 
} 
 
ul#galerie_mini li img 
{ 
    margin: 2px 1px ; 
} 
 
dl#photo 
{ 
  	clear: both ; 
    margin: 0 auto ; 
} 
 
 
dl#photo dd 
{ 	
    margin: 0 ; 
} 
 
dl#photo img 
{ 
    border: 1px solid #dcb ; 
}

#texte_fiche{
	position:relative;
	float:left;
	width:370px;
	margin-left:10px;
	display:inline;
}

#texte_fiche p{
margin-top:0px;
}

.fiche_lei{
	min-height:100px;
	margin-bottom:10px;
	border-bottom:solid 1px #666;
	clear:both;
}

/* module annuaire */

table.tableau_nina{
border: thin solid #CCCCCC;
border-collapse: collapse ;
text-align:center;
}

.tableau_nina td{
border:1px  solid #999999;
padding:5px;

}

.tableau_nina th{
border:1px  solid #999999;
background-color:#CCCCCC;
text-align:center;
padding:5px;
}

.cellule_aligne_gauche{
text-align:left;
}