/*  ----------------------------------------------------------- */
/*  Feuilles de styles pour SPIP 1.9 - Aurore tm - 11/09/2008   */
/*  ----------------------------------------------------------- */


/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */



/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
html{
}
body {
	margin: 0;
	text-align: left;
	font-size: 12px;
	color: #333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

img, table, form { 
	margin: 0; 
	padding: 0; 
	border: none; 
}

p, h1, h2, h3, h4, h5, h6 { 
	margin: 0; 
	padding: 0; 
	font-size: 1em; 
	font-weight: normal; 
}

ol,ul,li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a { 
	text-decoration: none; 
}
a:hover { 
	text-decoration: underline; 
}

.spip-admin-bloc {
	float: left;
}


.spip_documents_left {
	margin-right: 0px;
}
.spip_documents_right {
	margin-left: 0px;
}

.spip_documents_center{
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* Espaceur de blocs */
.break, .nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


span.bouton{
	background:url(images/retour.gif) left top no-repeat;
	text-align:center;
	line-height:31px;
	height:31px;
	width:155px;
	position:absolute;
	margin:0;
	padding:0;
}

	span.bouton a{
		color:#fff;
		font-weight:normal;
		text-decoration:none;
	}

/*  ------------------------------------------
/*  Disposition des blocs principaux
/*  ------------------------------------------ */

#page{
	position:absolute;
	background:url(images/background.jpg) #FFFFFF  no-repeat scroll center top;
	top:0;
	margin:0;
	width:1200px;
	left:50%;
	margin-left:-600px;
	z-index:1;
}


/*  bandeau */

#bandeau{
	width:1000px;
	height:152px;
	margin-left:100px;	
	background:url(images/bandeau.jpg) no-repeat scroll center top;
}

	#bandeau #logo{
		float:left;
	}
		#bandeau #logo a{
			margin-left:20px;
			width:174px;
			height:100px;
			display:block;
		}

	#bandeau #menu{
		float:right;
		width:620px;/*décallage de 550 à 620px le 10/09/08*/
		text-align:left;/*était right*/
	}
		#bandeau #menu ul {
			margin-top:100px;
			padding-right:30px;
		}
			#bandeau #menu ul li{
				display:inline;
				padding:0px 15px;
			}
			#bandeau #menu ul li a{
				text-transform:uppercase;
				color:#000;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				font-weight:bold;
			}
			#bandeau #menu ul li a:hover{
				text-decoration:none;
				color:#fff;
			}
			#bandeau #menu ul li a.rubrique-active{
				color:#fff;
			}
			
/*  zone_principale */

#zone_principale{
	width:1000px;
	margin-left:100px;
	min-height: 350px; 
	height:auto !important;
	height:350px;
	background:url(images/content.jpg) #332302 no-repeat scroll center top;
}



/*  pied */

#pied{
	width:1000px;
	height:86px;
	margin-left:100px;	 
	text-align:right;
	background:url(images/bottom.jpg) no-repeat scroll center top;
	padding-top:62px;
}
	#pied #contenu_pied{
		font-size:10px;
	}
		#pied #contenu_pied li{
			display:inline;
		}
			#pied #contenu_pied a{
				color:#333;
				}


#liens{
		width:1000px;
		margin:auto;
		text-align:center;
		color:#aaa;
		margin-bottom:20px;
	}
	#liens a{
		text-decoration:underline;
		color:#aaa;
	}

/*structures page d'accueil*/

#contenus{/*centreur d' éléments en aval indépendant du fond */
            width:928px;
            margin-left:48px;  
            }

#accueil_gauche{
            float:left;
            width:620px;           
		        background:#fff;
            min-height: 326px; 
		        height:auto !important;
		        height:326px;
		        background:url(images/corner.jpg) #fff no-repeat scroll right bottom;
            }
            
            	#accueil_gauche .titre_principal{
		          background:url(images/titre_principal.gif) no-repeat scroll right top;
		          float:right;
		          height:30px;
		          width:600px;
		          text-align:right;
		          padding-right:20px;
              padding-top:10px;
              margin-bottom:20px;
	             }
              #accueil_gauche .redactionnel{
              padding:20px;
              }
              #accueil_gauche .redactionnel img{
              padding-left:8px;
              }             
            
#accueil_droite{
            float:right;
            width:260px;
            right:16px;
            }
           

/*structures toutes pages hors accueil*/

#contenus_generiques{/*cadrage des pages rédactionnelles*/
            width:928px;
            margin-left:32px;  
            }

#zone_gauche{
            float:left;
            width:260px;
            right:16px;
            }

#zone_droite{
            float:right;
            width:660px;           
		        background:#fff;
            min-height: 326px; 
		        height:auto !important;
		        height:326px;
		        background:url(images/corner_left.jpg) #fff no-repeat scroll left bottom;}

#redactionnel{
             float:left;
			       min-width:400px;
			       margin-top:0;
             padding-bottom:20px;
			      }
            
			      #redactionnel .titre_principal{
			      background:url(images/titre_principal_ddroite.gif) no-repeat scroll left top;
		        float:left;
		        height:30px;
		        width:450px;
		        text-align:left;
		        padding-top:10px;
		        padding-left:20px;
		        margin-bottom:20px;
		        }
		        #redactionnel .redactionnel{
		        margin-top:40px;
		        margin-left:20px;
            padding:20px;
            }
            #redactionnel .redactionnel img{
            padding-left:8px;
            }
			      
                  
              #redactionnel .redactionnel  #hierarchie{
			  	margin-bottom:20px;
				font-size:10px;
				
              }    
              #redactionnel .redactionnel  #hierarchie a{
			  	color:#000;
				
              }   

#descriptif{
            float:right;
      			width:150px;
			      padding:6px;
			      min-height: 400px; 
			      height:auto !important;
			      height:400px;
            }


/*navigation toutes pages sauf accueil*/

	#zone_principale #navigation_g {
		float:left;
		background:url(images/fond_menu_gauche.jpg) #b4afa6 no-repeat right top;
		width:246px;
		padding-bottom:10px;
		min-height: 200px; 
		height:auto !important;	
		}	
	
		#zone_principale	#navigation_g .titre_contexte{
			display:block;
			height:26px;
			width:246px;
			color:#555;
			border-bottom:2px solid #e9af2e;
			text-align:center;
			font-weight:600;
			padding-top:8px;
			text-transform:uppercase;
			}
			
		#zone_principale	#navigation_g  a.active{
		  color:#9F6000;
		}
		#zone_principale	#navigation_g  a.sous_rubrique{
			text-decoration:underline;
		}	
				
		#zone_principale	#navigation_g a, .lien_faux{
			display:block;
			min-height:24px;
			height:auto !important;
			margin-left:5px;	
			font-weight:600;
			padding-left:3px;
			padding-top:3px;
			color:#555;
			}

		#zone_principale #navigation_g a:hover{
			display:block;
			min-height:24px;
			height:auto !important;
			color:#482F00;
			}
			#zone_principale #navigation_g .sous_article{
				margin-left:20px;
			}

			.sr a{margin:4px;border-bottom:1px solid #fff;}
			.artsr a{margin:8px;font-weight:400;font-size:10px;color:white;border-bottom:1px solid #ccc;}
						
/*encart actualités*/ 

		#zone_principale #encart_actu_ref .bloc_encart{
			color:#fff;
			border:1px solid #fff;
			margin-bottom:10px;
		}
			#zone_principale #encart_actu_ref .bloc_encart .titre_encart_actu_ref{
				color:#000;
				background: url(images/titre_top.jpg) no-repeat scroll center top;
				padding:5px 10px;
				text-transform:uppercase;
			}
			#zone_principale #encart_actu_ref .bloc_encart .texte_encart_actu_ref{
			text-align:justify;
				color:#fff;
				padding:5px 10px;
			}
			#zone_principale #encart_actu_ref .bloc_encart .texte_encart_actu_ref .titre_article_encart{
				color:#FF9900;
				font-weight:bold;
				margin-bottom:10px;
			text-align:left;
			}
			#zone_principale #encart_actu_ref .bloc_encart .texte_encart_actu_ref img{
				padding:0px 10px 0px 0px ;
			}
			#zone_principale #encart_actu_ref .bloc_encart .texte_encart_actu_ref .savoir_plus{
				float:right;
			}
			#zone_principale #encart_actu_ref .bloc_encart .texte_encart_actu_ref a{
				color:#fff;
			}
			#zone_principale #encart_actu_ref .bloc_encart .texte_encart_actu_ref a:hover{
				color:#FF9900;
				text-decoration:none;
			}


/*	#zone_principale #contenus{
		float:left;
		background:#fff;
		width:686px;
		top:0;  
		margin-right:16px; 
		min-height: 326px; 
		height:auto !important;
		height:326px;
		background:url(images/corner_left.jpg) #fff no-repeat scroll left bottom;
	}*/		


	/*	#zone_principale #contenus #zone_droite #colonne_descriptif{
			float:right;
			width:150px;
			padding-bottom:10px;
			min-height: 400px; 
			height:auto !important;
			height:400px;
		}*/
			/*#zone_principale #contenus #colonne_gauche #menu_gauche{
				background:url(images/bas_sous_menu.jpg) no-repeat scroll left bottom;
				height:320px;
				margin-top:10px;
			}
			#zone_principale #contenus #colonne_gauche #contenu_menu_gauche{
				background:url(images/haut_sous_menu.jpg)  no-repeat  left top;
				padding:35px 10px 10px 15px;
				position:relative;
			}
				#zone_principale #contenus #colonne_gauche #contenu_menu_gauche li{
					padding: 5px 0px;
				}
					#zone_principale #contenus #colonne_gauche #contenu_menu_gauche li a{
						color:#000;
						font-weight:bold;
					}
					#zone_principale #contenus #colonne_gauche #contenu_menu_gauche li a:hover{
						color:#fff;
						text-decoration:none;
						font-weight:bold;
					}*/

					
			/*#zone_principale #contenus #colonne_gauche #menu_gauche_presta{
				height:320px;
				margin-top:10px;
			}
				#zone_principale #contenus #colonne_gauche #menu_gauche_presta li.titre_rubrique_presta{
					background:url(images/retour.gif) left top no-repeat;
					height:31px;
					width:155px;
					line-height:31px;
					text-align:center;
					padding:0;
				}
				#zone_principale #contenus #colonne_gauche #menu_gauche_presta li{
					padding: 2px 0px;
				}
					#zone_principale #contenus #colonne_gauche #menu_gauche_presta li a{
						color:#000;
						font-weight:bold;
					}
						#zone_principale #contenus #colonne_gauche #menu_gauche_presta li.titre_rubrique_presta a{
							color:#fff;
							font-weight:normal;
						}
						#zone_principale #contenus #colonne_gauche #menu_gauche_presta li.titre_rubrique_presta a:hover{
							color:#fff;
							font-weight:normal;
							text-decoration:none;
						}
					#zone_principale #contenus #colonne_gauche #menu_gauche_presta li a:hover{
						text-decoration:underline;
						font-weight:bold;
					}*/
	
		/*#zone_principale #contenus #colonne_contenus{
			float:left;
			width:480px;
			margin-top:0;
      margin-left:20px; 
			padding-bottom:20px;
			padding-left:20px;
		}*/
			ul#sousmenu {
				margin: 0px 0px  10px  0px;
			}
				ul#sousmenu li {
					font-weight:bold;
					list-style-type:square;
					height:16px;
					list-style-position:inside;
					margin-left:30px;
				}
					ul#sousmenu li a{
						color:#333;
						width:400px;
					}
					ul#sousmenu li a:hover{
						color:#fff;
						text-decoration:none;
						background-color:#666666;					
					}
		#zone_principale #contenus #colonne_droite .titre_actu{
			color:#FF9900;
			text-transform:uppercase;
			font-weight:bold;
		}
	



/*  ------------------------------------------
/*  Plan
/*  ------------------------------------------ */	


#plan
	{
		color:#000;
		margin-left:30px;
	}
	
		#plan a{
			color:#000;
		}
		#plan a:hover{
			color:#f90;
			text-decoration:none;
		}
	.rub{
		margin: 5px 10px 5px 30px;
		font-size:12px;
		font-weight:normal;
		list-style:disc;
	}
	.sousrub{
		margin: 5px 0px 5px 30px;
		font-size:12px;
		list-style:circle;
	}
	.art{
		margin: 5px 0px 5px 30px;
		list-style:square;
	}

	.sousart{
		margin: 5px 0px 5px 30px;
		list-style:square;
	}
		
/*actus à travailler*/

	#zone_principale #encart_actu_ref{
		background: url(images/fond_encart_actu_ref.jpg) #1F0D01 no-repeat scroll center top;
		float:right;
		width:260px;  
		min-height: 306px; 
		height:auto !important;
		height:306px;
		color:#fff;
		padding:10px;
	}
		#zone_principale #encart_actu_ref .bloc_encart{
			color:#fff;
			border:1px solid #fff;
			margin-bottom:10px;
		}
			#zone_principale #encart_actu_ref .bloc_encart .titre_encart_actu_ref{
				color:#000;
				background: url(images/titre_top.jpg) no-repeat scroll center top;
				padding:5px 10px;
				text-transform:uppercase;
			}
			#zone_principale #encart_actu_ref .bloc_encart .texte_encart_actu_ref{
			text-align:justify;
				color:#fff;
				padding:5px 10px;
			}
			#zone_principale #encart_actu_ref .bloc_encart .texte_encart_actu_ref .titre_article_encart{
				color:#FF9900;
				font-weight:bold;
				margin-bottom:10px;
			text-align:left;
			}
			#zone_principale #encart_actu_ref .bloc_encart .texte_encart_actu_ref img{
				padding:0px 10px 0px 0px ;
			}
			#zone_principale #encart_actu_ref .bloc_encart .texte_encart_actu_ref .savoir_plus{
				float:right;
			}
			#zone_principale #encart_actu_ref .bloc_encart .texte_encart_actu_ref a{
				color:#fff;
			}
			#zone_principale #encart_actu_ref .bloc_encart .texte_encart_actu_ref a:hover{
				color:#FF9900;
				text-decoration:none;
			}





/* formulaire de connexion */

#connexion{
	border:0;
	padding-bottom:20px;
	padding-left:25px;
	color:#000;
	font-size:11px;	
	line-height: 18px;	
}
	#connexion .spip_bouton input, #prive .btn_connexion  {
		width:auto;
		height:20px;
		border: 2px solid #EEE3C1;
		cursor:pointer;
		background:#CEAE4D;
		cursor:pointer;
		color:#fff;
		font-weight:bold;
		font-size:8px;
		text-align:center;
	}	
	#connexion input, #prive input {
		height:12px;
		font-size:10px;
		border:solid 1px #CEAE4D;
		background:#EEE3C1 ;
		color:#000;
		margin-top:2px;
		padding-left:5px;
	}
	#connexion input {
		width:100px;
	}
#bienvenue{
	padding-bottom:20px;
	padding-left:25px;
	color:#000;	
	line-height: 18px;	
}
	#bienvenue a{
		color:#000;	
	}

.disconnector{border:4px solid green;padding:10px;font-weight:600;}
a.disconnector {color:red;}



.image_lien{
	border: 1px solid rgb(255, 153, 0); 
	margin: 10px; 
	padding: 2px; 
	width: 154px; 
	height:97px;
	float: left;
	text-align:center;
	
}