.accordion_toggle {
	display: block;
	height: 22px;
	width: 131px;
	
	padding: 0 10px 0 0px;
	line-height: 21px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 11px;
	color: #000000;
	border-bottom: 0px;
	cursor: pointer;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right	
		}
		
		.accordion_toggle:hover {
	
	background: url(images/accordion_toggle.jpg) no-repeat right top;
	
	color: #660000;
	
		}
		
		.accordion_toggle_active {
			background: url(images/accordion_toggle.jpg) no-repeat right top;
			color: #660000;
		}
		
		.accordion_content {
			
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 0px 0 0px 0px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 100%;
				padding: 0px 0px 0px 0px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 21px;
			width: 131px;
			
			padding: 0 0px 0 0px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 0px 0 0px 0px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 100%;
				padding: 0px 0px 0px 0px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 80px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 131px;
				line-height: 100%;
				padding: 0px 0px 0px 0px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 0px auto 0px auto;
      width: 131x;   
      height: 50px;    
    }
    
    #vertical_nested_container {
      margin: 0px auto 0px auto;
      width: 131px;
    }
	
	

.gauche {
	background-image: url(images/fond1_gauche.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 426px;
}

.gauche2 {
	background-image: url(images/fond2_gauche.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 426px;
}
.gauche3 {
	background-image: url(images/fond3_gauche.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 426px;
}

.gauche4 {
	background-image: url(images/fond4_gauche.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 426px;
}
.gauche5 {
	background-image: url(images/fond5_gauche.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 426px;
}
.gauche6 {
	background-image: url(images/fond6_gauche.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 426px;
}
.gauche7 {
	background-image: url(images/fond7_gauche.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 426px;
}
.gauche8 {
	background-image: url(images/fond8_gauche.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 426px;
}

.gauche9 {
	background-image: url(images/fond9_gauche.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 426px;
}

.index_droite {
	
	height: 426px;
	width: 426px;
}

.menu {
	display: block;
	height: 22px;
	width: 131px;
	
	padding: 0 10px 0 0px;
	line-height: 21px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 11px;
	color: #000000;
	border-bottom: 0px;
	cursor: pointer;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right	
	
	
}

.menu:hover {
	font-family: Arial, Helvetica, sans-serif;
	
	color: #660000;
	text-decoration: none;
	font-weight: bold;
	background: url(images/accordion_toggle.jpg) no-repeat right top;
	
	color: #660000;
}

.sousmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #660000;
	text-decoration: none;
	font-weight: bold;
	
}

.sousmenu:hover {
	
	
	color: #000000;
}


.lien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	
	
}

.lien:hover {

	
	color: #FEDBC0;
}


.lien2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #DDC7B3;
	text-decoration: none;
	
	
}

.lien2:hover {

	
	color: #B0957D;
}
.textebeige {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B9B597;
	line-height: 16px;

}


	
.titre {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-style: italic;
	font-weight: normal;
	color: #C2BEA4;
	height: 22px;
	padding: 3px;
}

	
.titre2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 34px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
}

div.centre
{
position:absolute;
left:50%;
top:50%;
width:840px;
height:500px;
margin-left:-420px; /* Cette valeur doit être la moitié négative de la valeur du width */
margin-top:-250px; /* Cette valeur doit être la moitié négative de la valeur du height */
background-color:#FFFFFF;
}



.ombre_haut {
	background-image: url(images/obre_ardoise_haut.jpg);
	background-repeat: repeat-x;
	background-position: top;
}






/* SPIP-STYLE                                              version 1.9  */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de vos squelettes.                */


/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {}

.spip_puce { list-style-position: outside; }

ul.spip {}
ol.spip {}
li.spip {}

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

/* Paragraphes, citations, code et poesie */
p.spip {}
p.spip_note {}

blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }

.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

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

/* modeles par defaut */
.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color: #900; } /* liens internes */
a.spip_out { color: #009; } /* liens sortants */
a.spip_url { color: #009; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */