html, body {
margin: 0;
padding: 0;
}

body {
font-family: Arial, sans-serif; 
font-size: 100%;
color: #000000;
background-image:url(images/background.jpg);
background-position: center top;
background-repeat: no-repeat;
background-color: #B6B7B9;
}

/* CLASS pour définir les conteneurs */
/* Il faut tenir compte du padding et des border dans le calcul de la dimension totale d'un conteneur */

#page {
display:block;
width:980px;
margin:0px auto 0px;
padding: 0;
border: solid 1px gray;
background-color: #FFFFFF;
}

/*********************/

#entete-global {
display:block;
width:100%;
height:255px;
}

	#montage {
	display:block;
	position:relative;
	width:100%;
	height:158px;
	background-image:url(images/entete.jpg);
	background-repeat:no-repeat;
	}
	
		#image_thematique {
		position:absolute;right:25px;top:0px;z-index:10;
		margin: 0;
		padding: 0;
		background-color: transparent;
		}
		
		#logo_site {
		position:absolute;left:10px;top:15px;z-index:10;
		margin: 0;
		padding: 0;
		background-color: transparent;
		}
		
		#slogan {
		position:absolute;left:250px;top:35px;z-index:10;
		margin: 0;
		padding: 0;
		background-color: transparent;
		}	
		
		
/*********************/	


	#menu_villes {
	display:block;
	position:relative;
	width:100%;
	height:62px;
	margin: 0;
	padding: 0;
	background-image:url(images/menu-ville.jpg);
	background-repeat:no-repeat;
	}	
	
		#cadre_recherche {  
		position:absolute;right:20px;top:20px;z-index:10;
		border: solid 0px  blue; 
		width: 183px;
		height:24px;
		margin: 0;
		padding:0;	
		background-image:url(images/cadre-recherche.jpg);
		background-repeat:no-repeat;
		}		
		
		#menu_haut{
		position:absolute;right:215px;top:24px;z-index:10;
		margin: 0;
		padding: 0;
		background-color: transparent;
		}
		
			.menu_du_haut{
			display:inline;
			float: left;
			margin:0;
			padding:0;
			font-size:80%;
			font-weight: bold;
			color:#FFFFFF;
			background-color: transparent;
			}
			
		#menu_groupe_logos{
		position:absolute;left:100px;top:0px;z-index:10;
		height:49px;
		margin: 0;
		padding: 0;
		background-color: transparent;
		}	
			
			.menu_logo{
			display:inline;
			float: left;
			line-height:49px;
			margin: 0;
			padding:0;
			background-color: transparent;
			}
			
			
/*********************/		

	
	#menu_autres_items {
	display:block;
	width:100%;
	height:35px;
	margin: 0;
	padding-top: 0px;
	background-image:url(images/menu-item.jpg);
	background-repeat:no-repeat;
	background-color: transparent;
	}			
			
	
	
			/* 	CLASS pour les items du menu sans l'utilisation des CLASS "a"
			La couleur du texte d'un item peut donc être changé lorsque celui-ci
			est sélectionné. */
			div.item_menu  {	
			margin:0;
			padding-top:6px;	
			height:29px;
			text-align:center;
			line-height:29px;
			text-transform:uppercase;
			color:#FFFFFF;
			font-size: 80%;
			font-weight: bold;
			cursor: pointer;
			background-color: transparent;
			}

			/* CLASS pour effet onMouseOver et swap */
			div.item_menu_on {
			margin:0;
			padding-top:6px;	
			height:29px;
			text-align:center;
			line-height:29px;
			text-transform:uppercase;
			color:#FFFFFF;
			font-size: 80%;
			font-weight: bold;
			cursor: pointer;
			background-color: #AAB71F;
			}

			/* CLASS pour le sous-menu */

			div.sub_menu  {
				white-space: nowrap;
				background-color: transparent;
				padding:0;
				display: none;
				margin:35px 0 0 0px;
				position: absolute;
				z-index:2000;
				border: solid 1px #010F02;		
			}
						
				div.item_sub_menu {
					list-style: none;
					list-style-type: none;
					background-color: #334619;
					color:#FFFFFF;
					font-size: 70%;
					font-family: Arial;
					font-weight: bold;
					text-transform:uppercase;
					text-align: left;
					padding: 5px 10px 5px 10px;
					cursor: pointer;
					z-index: 2000;
				}

				div.item_sub_menu_on {
					list-style: none;
					list-style-type: none;
					background-color: #AAB71F;
					color:#FFFFFF;
					font-size: 70%;
					font-family: Arial;
					font-weight: bold;
					text-transform:uppercase;
					text-align: left;
					padding: 5px 10px 5px 10px;
					cursor: pointer;
					z-index: 2000;
				}

		
/*********************/

#centre-global {
display:block;
margin: 0;
padding: 0;
width:100%;
background-color: #AAB71F;
}

	#centre {
	display:block;
	margin: 0;
	padding: 0;
	width:100%;
	background-color: transparent;
	background-image:url(images/filet_pleine_largeur.jpg);
	background-repeat:y-repeat;
	}
		
		#colonne_gauche {
		float:left;
		margin:0;
		padding: 20px 0 0 0;
		width:197px;
		background-image:url(images/image-top-colonne-gauche.png);
		background-repeat:no-repeat;
		background-color: transparent;
		}
		

/*********************/	

		#corps {
		float:left;
		position:relative;
		margin:0;
		padding: 0;
		width: 583px;
		background-color: transparent;
		}
		
				#ombre_top_corps {
				position:absolute; left:0px; top:0px;z-index:500;
				float:left;
				margin:0;
				padding: 0;
				width: 583px;
				background-image:url(images/image-top-corps.png);
				background-repeat:no-repeat;
				background-color: transparent;
				}
				
		
				#corps_diaporama {
				float:left;
				position:relative;
				margin:0;
				padding: 0;
				width: 583px;
				background-color: transparent;
				}
		
						.corps_message {
						position:absolute; left:0px; bottom:0px;z-index:10;
						float:left;
						margin:0;
						padding: 20px;
						width: 543px;
						text-align:center;
						font-size: 1.5em;
						background-color: transparent;
						background-image:url(images/bienvenue.png);
						}
		
				#corps_pad {
				float:left;
				position:relative;
				margin:0;
				padding: 30px 10px 10px 10px;
				width: 563px;
				background-color: transparent;
				}
		

		#corps_sans_colonne {
		float:left;
		margin:0;
		padding: 10px;
		width: 763px;
		background-color: white;
		min-height: 360px;
		}

		#colonne {
		float:left;
		margin:0;
		padding: 20px 0 0 0;
		width:200px;
		background-image:url(images/image-top-colonne-droite.png);
		background-repeat:no-repeat;
		background-color: transparent;
		}
		
		
				#colonne_fond_nouvelles_top{
				float:left;
				margin-left:10px;
				padding: 0;
				width:176px;
				height: 10px;
				background-image:url(images/image-fond-top-nouvelles.png);
				background-repeat:no-repeat;
				background-color: transparent;
				}
				
				#colonne_fond_nouvelles{
				float:left;
				margin-left:10px;
				padding: 0 10px 0 10px;
				width:156px;
				background-color: #FFFFFF;
				}
		
		
				#pub_bouton	{
				float:left;
				width:177px;
				height:75px;
				padding:0;
				margin:0 0 10px 10px;
				text-align: center;
				background-image: url(images/bouton-pub.png);
				background-repeat:no-repeat;
				background-color: transparent;
				}
				
				#pub_bouton:hover	{
				float:left;
				width:177px;
				height:75px;
				padding:0;
				margin:0 0 10px 10px;
				text-align: center;
				background-image: url(images/bouton-pub-over.png);
				background-repeat:no-repeat;
				background-color: transparent;
				}
				
						.pub_contenu	{
						float:left;
						width:157px;
						padding:0 10px 0 10px;
						text-align: center;
						background-color: transparent;
						}
				
/*********************/	

#spacer-centre {
clear:both;
width:100%;
height:0px;
background-color:transparent;
text-align:center;
}

#spacer {
clear:both;
width:100%;
height:3px;
background-color:transparent;
}

.spacer_vide {
clear:both;
width:100%;
height: 10px;
background-color: transparent;
}

.spacer_ligne {
clear:both;
width:100%;
margin-top: 10px;
height: 10px;
border-top:solid 1px #5F7C2E;
background-color: transparent;
}

.spacer_dotted {
clear:both;
width:100%;
margin-top: 10px;
height: 10px;
border-top:dotted 1px #5F7C2E;
background-color: transparent;
}

.retour {
clear:both;
width:100%;
font-size:70%;
text-align:left;
border-top:solid 1px #AAB71F;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 10px;
background-color: transparent;
}

#impression{
margin:0;
padding:10px;
width: 98%;
font-family: Times, serif;
font-size: 120%;
background-color: transparent;
}

/*********************/


#copyright-global {
display:block;
width:100%;
margin:0 auto;
padding:0;
width:100%;
height:30px;
line-height:30px;
font-size: 70%;
text-align:center;
background-color:#F4EF9E;
}

	.copyright_impression {
			margin-left:10px;
			font-size:70%;
			color:#999999;
			text-align: left;
			}
			
	
/* Autres CLASS */


#copyright p {margin:0;padding:5px;font-size:70%;color:gray;text-align:center}

h1, .titre {
font-size: 1.25em;
background-color:transparent;
text-align:left;
font-weight: bold;
}

h2, .titre-moyen {
font-size:1.1em;
background-color:transparent;
text-align:left;
font-weight: bold;
}

h3, .titre-extrait {
font-size:1em;
background-color:transparent;
text-align:left;
font-weight: bold;
}

h4, .titre-petit {
font-size:0.90em;
background-color:transparent;
text-align:left;
font-weight: bold;
}

.titre-80 {
font-size:0.80em;
background-color:transparent;
text-align:left;
font-weight: bold;
}

p  {
font-size:1em;
background-color:transparent;
text-align:left;
}

.center p  {
font-size:1em;
background-color:transparent;
text-align:center;
}

.texte {
font-size:1em;
background-color:transparent;
text-align:left;
}

.texte-petit {
font-size:0.90em;
background-color:transparent;
text-align:left;
}

.texte-80 {
font-size:0.80em;
background-color:transparent;
text-align:left;
}

li {
font-size:1em;
background-color:transparent;
text-align:left;
margin-bottom: 0.3em;

}


/* CLASS pour les liens hypertextes */

a:link {
color:#5F7C2E;
background-color:transparent;
text-decoration:underline;
}

a:visited {
color:#5F7C2E;
background-color:transparent;
text-decoration:underline;
}

a:hover {
color:gray;
background-color:transparent;
text-decoration:underline;
}

a.a_white:link {
color:white;
text-decoration:none;
}

a.a_white:visited {
color:white;
text-decoration:none;
}

a.a_white:hover {
color:white;
text-decoration:underline;
}

a.spip_mail:before {} /* liens vers un email */


/* CLASS pour les tableaux */

/* Intertitre */

h3.spip { text-align: left; margin-top: 2em; margin-bottom: 1.4em; font-size: 1.15em; font-weight: bold; }
hr.spip { margin: 2em auto; }


/* CLASS pour les Documents */

.spip_doc_titre { margin-right: auto; margin-left: auto; margin-top:0.5em; font-weight: bold; font-size: 0.80em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.80em; }
.spip_documents { margin: 0; padding: 0; line-height: normal; text-align:center; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin: 0 1em 0.5em 0; }
.spip_documents_right { float: right; margin: 0 0 0.5em 1em;}


/* 	Logos */

.logo_sans_marge { padding:0; margin: 0;}
.logo_cadre	{ padding:0; margin: 0; border: solid 1px #333333;}
.logo	{ padding:0; margin: 5px 0 5px 0;}

.logo_left_cadre	{
	display: inline; 
	float: left;
	border: solid 1px #333333;
	padding:0;
	margin-right: 10px;
}

.logo-left	{
	display: inline; 
	float: left;
	padding:0;
	margin-right: 10px;
}

.logo_right_cadre	{
	display: inline; 
	float: right;
	border: solid 1px #333333;
	padding:0;
	margin-left: 10px;
}

.logo-right	{
	display: inline; 
	float: right;
	padding:0;
	margin-left: 10px;
}

.logo_pub	{
	display: inline; 
	float: left;
	border: solid 1px #333333;
	padding:0;
	margin-left: 0;
}

.logo_document	{
	display: inline; 
	float: left;
	padding:0;
	min-height:150px;
	width: 150px;
	margin:0 20px 20px 0;
}

/* 	Formulaire de recherche */

/* 	Les CLASS concernant le moteur de recherche dans la CSS "spip_formulaire.css" de la distribution
	doivent être retirées et réinscritent dans la présente CSS. */
	
/* 	Le formulaire "recherche.html" de la distribution doit être modifié pour afficher le mot "Rechercher" dans
	la fenêtre de saisie. Il faut se référer à la version 1.9.2 de SPIP pour voir comment modifier
	le formulaire. */

/* 	Class qui contrôle le moteur de recherche et la fenêtre de saisie à l'intérieur.
	La dimension horizontale occupe tout l'espace de la cellule (100%).
	La dimension verticale est de 45 pixels (avec IE mais pas avec FF).
	Les paddings augmentent la dimension occupée par le moteur de recherche (avec IE). */
.formulaire_recherche {
	position:relative;
	width: 100%;
	height:100%;
	margin:0;
	padding:0;
	border: solid 0px red;
	background: none;
	background-color: transparent;
}

/* 	On met en background de la fenêtre de saisie la même image que dans le conteneur
 ou un fond blanc ou de couleur car un fond transparent rend difficile la mise en place du curseur
 pour effectuer une recherche. */
.formulaire_recherche input.text  {
	width: 154px;
	height: 21px;
	margin-top:0px;
	margin-left:0px;
	padding: 3px 0 0 5px;
	border: solid 0px green;
	background-image:url(images/cadre-recherche.png);
	background-repeat:no-repeat;
	background-color: transparent;
}

/* 	Pour mettre en place le bouton SUBMIT en transparence dans le cas ou une loupe est présente à droite
de la fenêtre de saisie. Il faut modifier le formulaire "recherche.html" du dossier squelettes-dist/formulaire
pour retirer les ">>" du paramêtre "value" du bouton. */
.formulaire_recherche input.submit {
	position:absolute;right:0px;top:0px;z-index:90;
	border: solid 0px yellow;
	margin:0;
	padding:0;
	width:24px;
	height:24px;
	background-color: transparent;
}

.formulaire_recherche label {display: none;}


/******** Fin de la CSS ********/