body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #333;
	text-align: center;
}

table #main { /* ceci est le grand tableau central avec colonne de gauche et droite */
	/* background: url(../images/index_03.png) no-repeat 186px 400px;*/ /* Ceci est le fond de la page d'accueil 186 = largeur colonne de gauche, -50 = hauteur de la teiere */
	float: right;
}

#conteneur{ /*Image d'arriere plan reprenant les colonnes */
	width: 840px;
	background: #333333 url(../images/bg_tile.jpg) repeat-y center;
	margin-right: auto;
	margin-left: auto;
}

#footer {
	width: 840px;
	background: url(../images/footer.jpg) no-repeat center top;
	text-align: center;
	color: #fff;
	font: 9px Arial;
	vertical-align: top;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

/* ######### Feuilles de style du bloc principal ########### */
#principale {
	padding: 8px 16px;
}

#principale h1 { /*TITRE*/
	color: #99cc38;
	font: bold 24px/36px Arial;
	text-align: center;
	border-bottom: 1px solid #99cc38;
	border-top: 1px solid #99cc38;
}

#principale h2 { /*CHAPÔ*/
	color: #fff;
	font: italic bold 18px/24px Georgia, "Times New Roman", Times, serif;
}

#principale h3 { /* Inter */
	color: #99cc38;
	text-align: left;
	font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border-top: 3px groove #99cc38;
	padding-top: 10px;
	margin-bottom: -5px;
}

#principale h6 { /* Inter no border */
	color: #99cc38;
	text-align: left;
	font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: -10px;
	margin-bottom: 5px;
}

#principale h4 { /* Texte Courant */
	color: #fff;
	font: 12px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#principale h4 a { /* Texte Courant - Lien */
	color: #99cc38;
}

#principale h4 span {
	font-style: italic;
}

#principale h5 { /* Légendes */
	color: #fff;
	text-align: center;
	font: 10px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border-bottom: 1px dotted #facc1b;
	margin-top: 4px;
	padding-bottom: 4px;
}

#principale h7 { /* petit texte courant */
	color: #fff;
	text-align: left;
	font: 10px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 4px;
	padding-bottom: 4px;
}

#principale h7 a{
	color: #99cc38;
}

#principale h7 span{
	font-style: italic;
}

#principale .sommaire {
	display: list-item;
	color: #fff;
	font: 14px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	list-style-type: none;
	text-indent: -20px;
	margin-top: 5px;
}

#principale .article, #principale .source {
	color: white;
	font: italic 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#principale .article {
	text-align: left;
	font-style: italic;
}

#principale .article a {
	text-align: left;
	color: white;
	font-style: italic;
}

#principale .source {
	text-align: right;
	font-weight: normal;
	font-style: normal;
}

.sommaire li.theme {
	font-size: 12px;
	font-weight: bold;
}

.sommaire li.partie {
	font-size: 12px;
}

.sommaire li.chapitre, .sommaire li.chapitre_fin {
	font-size: 12px;
	text-transform: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	text-indent: 4px;
	list-style-type: square;
	padding: 0;
}

.sommaire li a {
	color: #99cc38;
}

.media img {
	margin-right: -1px;
	margin-left: -1px;
	border: 1px dashed #facc1b;
}

.media .legende {
	color: #fff;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	margin-top: 4px;
}

/* ######### Feuilles de styles de la colonne ##############*/
#colonne {
	padding: 8px;
	padding-bottom: 1px;
	text-align: center;
}

#colonne .citation {
	color: #99cc38;
	font: italic bold 12px Georgia, "Times New Roman", Times, serif;
}

#colonne .signature {
	color: #99cc38;
	font: normal bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
	margin-top: -8px;
}

#colonne a {
	color: #99cc38;
	font: normal bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	margin-top: -8px;
}

#colonne a:hover {
	color: #cbff1d;
}

#colonne hr {
	border: 1px dashed #cbff1d;
}

/*SLIDEDOORMENU */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.slidedoormenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 184px; /* width of menu (don't forget to add border with below!) */
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	z-index: 10;
}

.slidedoormenu li {
	border-bottom: 1px solid #669936; /* Shadow line color */
}

.slidedoormenu li a {
	background: #99cc38 url(../images/menu_bg.jpg) repeat-y left top;
	display: block;
	color: #34660a;
	border-bottom: 1px solid #ccff9b; /* White border beneath each menu item link */
	padding: 4px 0; /* Vertical (top/bottom) padding for each menu link */
	text-indent: 8px;
	text-decoration: none;
	font: normal 10px Arial;
	text-transform: uppercase;
	width: 184px;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active {
	color: #34660a;
}

.slidedoormenu li a:hover {
	background-position: -196px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
	color: #c70766;
	text-indent: 20px;
}

.slidedoormenu li.lastitem {
	border-bottom-width: 0; /* For last menu item within menu shadow, remove bottom border */
}

.slidedoormenu li.lastitemb {
	border-bottom-width: 0; /* For last menu item within menu shadow, remove bottom border */
}

.slidedoormenu li.lastitem a {
	border-bottom-width: 0; /* for last menu item light */
}

.slidedoormenu li.lastitemb a {
	border-bottom-width: 1; /* for last menu item light */
}

.slidedoormenu li.lastitem a {
	padding: 4px 0; /* increase vertical border of last menu link by 2px (default is padding: 6px 0) to account for removed border width */
}

.slidedoormenu li.firstitem a {
	border-top: 1px solid #fff;
}