/* CSS Document */

/* 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{
	margin:0;
	padding:0;
	font-size:100%;
	background:url(images/fond_html.gif) #c1d77b top left repeat-y;
}
body {
	font-family:"Trebuchet MS",  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	margin: 0;
	padding: 0;
	color:#000;
background:url(images/fond_content.gif) top left no-repeat;
}
img, table, form { 
	margin: 0; 
	padding: 0; 
	border: none; 
}

select, object{
	z-index:0;
}
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; 
	cursor:pointer;
	color:#000;
}
a:hover { 
	text-decoration: underline;
}

/* Images typographiques (via image_typo), URL a revoir... */
img { behavior: url(win_png.htc); }

/* Espaceur de blocs */
.nettoyeur, .break { 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%; }


.no_border { border:0}

.pour_print{
	display:none;
}
/***************************************************/
/************		     Content  	      **********/
/***************************************************/
#page{
	width:100%;
	height:100%;
}

.display {position: absolute; visibility: hidden; width:230px; font-size:1em; line-height:1.2em; font-weight:normal; background-color:#B2D05C; border:#E5007D 2px solid; margin-left:-260px; padding:6px; z-index:9; color:#000}


#colonne_gauche{
	width:200px;
	float:left;
	margin-left:52px;
	position: absolute;
	left:0;
	height: 100%;

}
	#colonne_gauche #logo{
		background:url(images/logo.gif) top left no-repeat;
		width:200px;
		height: 230px;
	}
		#colonne_gauche #logo a{
			display:block;
			width:200px;
			height: 230px;
		}
	#colonne_gauche #menu{
		width:200px;
		min-height: 389px;
		height: auto !important;
		height: 389px;
	}
			#colonne_gauche #menu .bouton_on, #colonne_gauche #menu .bouton_off{
				width:113px;
				height:24px;
				float:right;
				text-align:center;
				margin-bottom:10px;
				line-height:24px;
			}
				#colonne_gauche #menu .bouton_off a, #colonne_gauche #menu .bouton_on a{
					color:#fff;
				}
	
				#colonne_gauche #menu .bouton_on{
					margin-right:40px;
					!margin-right:20px;
				}
				#colonne_gauche #menu .bouton_on_accueil{
					margin-right:20px;
					!margin-right:10px;
				}
				#colonne_gauche #menu .bouton_off{
					margin-right:10px;
					!margin-right:5px;
				}
			#colonne_gauche #menu #bouton_menu_accueil{
				background:url(images/fond_acc.gif) no-repeat;
			}
		#colonne_gauche #menu #menu_departement{
			margin-top:30px;
			width:200px;
			position:relative;	
		}
		#colonne_gauche #menu #menu_departement ul{
			z-index:10;
			position:absolute;
			top:0;
		}
		#colonne_gauche #menu #menu_departement_carte{
			width:183px;
			height:57px;
			z-index:1;
			position:absolute;
			top:50px;
			left:0;
			text-align:left;
			
		}

#colonne_droite{
	height: 100%;
	margin-left: 252px;
	background:url(images/fond_bandeau.gif)  top left repeat-x;
}
	#colonne_droite #bandeau{
		height: 164px;
		background:url(images/bandeau.gif) top left no-repeat;
	}
	#colonne_droite #contenu{
		width:735px;
		margin-left:10px;
	}
		#colonne_droite #contenu #texte_content{
			width:480px;
			float:left;
			padding-top:50px;
		}
		#colonne_droite #contenu #texte_content .titre{
			background:url(images/bas_titre.gif) #E0EBBD bottom left no-repeat;
			margin-bottom:10px;
			display: block;
			float: left;
			padding-right:-27px;
			min-height: 60px;
			height: auto !important;
			height: 60px;		
			width:480px;
		}
		#colonne_droite #contenu #texte_content .titre span{
			background:url(images/haut_titre.gif) top right no-repeat;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			display: block;
			padding-left:26px;	
			padding-right:27px;
			padding-top:15px;
		}
		
		#colonne_droite #contenu #texte_content .contenu_texte{
			padding-left:10px;
			text-align:justify;
		}
			#colonne_droite #contenu #texte_content .descriptif_article{
				float:right;
				width:310px;
			}
		
		
		#colonne_droite #contenu #texte_content .retour_liste{
			float:right;
		}
		
		
		#colonne_droite #contenu #encart_filtre{
			width:480px;
			min-height: 50px;
			height: auto !important;
			height:50px;
			background:url(images/bas_filtre.gif) bottom left no-repeat;
			margin-bottom:30px;
			margin-top:20px;
			color:#282f14;
		}
			#colonne_droite #contenu #encart_filtre #contenu_encart_filtre{
				padding:20px 15px;
				background:url(images/haut_filtre.gif) top  left no-repeat;
			}
			#colonne_droite #contenu #encart_filtre #contenu_encart_filtre a{
			color:#282f14;
			}
		
		
		
		
		
		#colonne_droite #contenu #encart_permanent{
			width:232px;
			height:440px;
			float:right;
			background:url(images/fond_col_droite.gif) top left no-repeat;
		}
		
		#colonne_droite #contenu #encart_permanent #zone_verte{
			padding:20px 15px 10px 15px;
			font-size:11px;
			background:url(images/fond_col_droite.gif) top left no-repeat;
		}
		#colonne_droite #contenu #encart_permanent #zone_verte .titre_encart_permanent{
			margin-bottom:5px;
			font-size: 11px;
		}
		#colonne_droite #contenu #encart_permanent #zone_verte p.spip{
			margin-bottom:5px;
		}
		
		#colonne_droite #contenu #encart_permanent #logo{
			width:232px;
			text-align:center;
/*			margin-top:20px; */
		}