body {
	background: url(IMG/RSC/fond.jpeg) #e0e0e0 ;
	background-repeat: repeat ;
	margin: 0 ; padding: 0 ;
	font-family: verdana, sans-serif ;
	color: black ;
	}

.centre { text-align: center; }
.gauche { float: left ; margin: 0 1em 0 0 ; }
.droite { float: right ;margin: 0 0 0 1em ;  }
.separateur { clear: both ; }
.espace { clear: both ; margin: 1em 0 ; }
.signet { line-height: 1px; font-size: 1px ;}
a img { border: 0; margin:0 ; padding: 0 ;}
a { color: blue ; }

#logo {margin: 2em 0 3em 0 ; }
#logo table {
	margin: 0 auto ;
	border-collapse: collapse ;
	width: 70% ;
	}
#logo table td {
	vertical-align: middle;
	padding: 0 ; margin:0 ; 
	}
#logo table td.G { text-align: left ; width: 116px ;}
#logo table td.C { text-align: center ; }
#logo table td.D { text-align: right  ; width: 116px ; }
#logo h1 {
	font-family: betenoira, sans-serif ;
	letter-spacing: 1px ;
	font-weight: normal ;
	font-size: 34px ;
	text-align: center ;
	vertical-align: middle ;
	color: #600000 ; background: inherit ;
	line-height: 140% ;
	}
#logo h2 {
	font-family: verdana, sans-serif ;
	font-weight: normal ; font-style: italic ;
	font-variant: small-caps ;
	font-size: 15px ;
	text-align: center ;
	vertical-align: middle ;
	color: #802020 ;
	margin: 0 20% 10px 20% ; padding: 5px ;
	border-top: 1px solid #700000 ;
	border-bottom: 1px solid #700000 ;
	}
#logo h2 em {
	font-weight: bold ; font-style: italic ;
	text-transform: uppercase ;
	}

#sommaire {
	position: absolute ;
	left: 20px ; right: auto ; width: 200px ;
	top: 210px ; bottom: auto ; height: auto ;
	padding: 5px ;
	border-right: 3px solid #d2ccaa ;
	text-align: center ;
	}
#sommaire em { font-weight: normal ; font-style: normal ; }
#sommaire h1 {
	margin: 0 5px 10px 5px ;
	padding: 3px 0px ;
	font-family: betenoira, sans-serif ;
	letter-spacing: 1px ;
	font-size: 24px ;
	color: #802020 ;
	color: #700000 ;
	border-top: 1px solid #700000 ;
	border-bottom: 1px solid #700000 ;
	font-weight: normal ;
	background: #e0dab9 ;
	}
#sommaire p {
	font-family: verdana, sans-serif ;
	margin: 0 0 0 0 ; padding: 0 ;
	line-height: 130% ;
	}
#sommaire p.un {
	font-size: 15px ; font-weight: bold ;
	margin: 2px ; border: 1px solid white ;
	padding: 0.2em ;
	}
#sommaire p.deux {
	font-size: 15px ;
	margin: 0 3px ;
	padding: 0.4em ;
	}

#sommaire p.sep {
	font-size: 10px ;
	font-weight: bold ;
	color: #802020 ;
	background: inherit ;
	margin: 4px 0 ;
	}
#sommaire p.actif {
	color: #ffffff ;
	background: #daa520 ;
	}
#sommaire a {
	color: #802020 ;
	background: inherit ;
	text-decoration: none ;
	}

#sommaire a:hover {
	text-decoration: underline ;
	}


#contenu {
	margin: 30px 30px 30px 260px ;
	min-height: 600px ;
	font-size: 16px ; font-family: verdana, sans-serif ;
	font-weight: normal ;
	/*color: #401010 ;*/
	}

#contenu .section {
	margin-bottom: 6em ;
	}

#contenu a img {
	border: 2px solid #802020 ;
	}
#contenu h1 {
	font-weight: normal ;
	margin: 3em 0 2em 0 ;
	padding: 0px 5px ;
	font-family: betenoira, sans-serif ;
	letter-spacing: 1px ;
	font-size: 30px ;
	/* color: #802020 ; */
	border-top: 1px solid #700000 ;
	border-bottom: 1px solid #700000 ;
	clear: both ;
	text-align: right ;
	}
#contenu h2 {
	font-family: verdana, sans-serif ;
	font-weight: bold ; font-style: italic ;
	font-variant: small-caps ;
	font-size: 20px ;
	text-align: center ;
	vertical-align: middle ;
	/* color: #802020 ; background: inherit ; */
	margin: 5em 10px 1em ; padding: 3px ;
	border-top: 1px solid #700000 ;
	border-bottom: 1px solid #700000 ;
	}

#contenu h3 {
	font-family: verdana, sans-serif ;
	font-weight: bold ; font-style: italic ;
	font-size: 100% ;
	text-align: center ;
	vertical-align: middle ;
	color: #802020 ;
	background: inherit ;
	margin: 1em 20% 0.8em 20%; padding: 1px ;
	border-top: 1px solid #700000 ;
	border-bottom: 1px solid #700000 ;
	}


#contenu p {
	text-align: justify ;
	margin: 1em 2em 0.5em;
	}
#contenu .centre { text-align: center ; }

#contenu ul {
	text-align: justify ;
	margin: 0.5em 2em ;
	}
#contenu li {
	text-align: justify ;
	margin-bottom: 0.3em ;
	}

#contenu .images {
	text-align: center; vertical-align: middle;
	line-height: 120% ;
	}
#contenu .images img {
	vertical-align: middle;
	margin: 20px 30px ;
	}
#contenu .images img.cadre {
	border: 2px solid #802020 ;
	}

#contenu table.cal {
	margin: 0.2em auto 0.1em ;
	border-collapse: collapse ;
	}
#contenu table.cal th, #contenu table.cal td {
	text-align: center ;
	vertical-align: middle ;
	border: 2px solid #802020 ;
	}
#contenu table.cal th {
	font-family: betenoira, sans-serif ;
	letter-spacing: 1px ;
	font-weight: normal ;
	font-size: 120% ;
	width: 3em ;
	height: 1.4em ;
	color: #802020 ;
	}
#contenu table.cal td {
	height: 1.8em ;
	color: #d0a070 ;
	background: inherit ;
	}
#contenu .nav {	
	margin: 1em 7% 0.1em ;
	}
#contenu .nav a, #contenu table.cal a  {
	background: inherit ;
	text-decoration: none ;
	font-weight: bold ;
	}
#contenu .nav a { color: #802020 ; }
#contenu table.cal a { color: #f02020 ; }

#contenu .nav a:hover, #contenu table.cal a:hover {
	text-decoration: underline ;
	}
#cal_info {
	margin: 1em auto 4em ; width: 90% ;
	border: 2px solid #802020 ;
	height: 14em ;
	padding: 5px ;
	overflow: auto ;
	font-size: 85% ;
	}
#cal_info p.date {
	text-align: right ;
	font-style: italic ;
	text-decoration: underline ;
	}
#cal_info p.lien {
	text-align: center ;
	font-weight: bold ;
	}

#contenu div.slogan {
	text-align: center ;
	margin: 0.1em auto 2em ;
	vertical-align: top ;
	letter-spacing: 2px ;
	word-spacing: 8px ;
	font-weight: bold ;
	padding: 10px 20px ;
	line-height: 240% ;
	}
#contenu div.slogan img {
	margin: 10px 5px 0 5px ;
	border: 2px solid #802020 ;
	}
#contenu div.liste_lien {
	text-align: center ;
	margin: 0.1em auto 2em ;
	vertical-align: top ;
	letter-spacing: 1px ;
	word-spacing: 4px ;
	padding: 10px 20px ;
	line-height: 240% ;
	}

#contenu div.nota {
	text-align: right ;
	font-style: italic ;
	font-size: 85% ;
	}
#contenu p.photo {
	text-align: center;
	font-size: 85%;
	font-style: italic;
	margin: 0 0 1em 0 ;
	}
#contenu p.photo img {
	margin: 0 20px 0 ;
	border-top:		5px solid #802020 ;
	border-right:	5px solid #802020 ;
	border-left:	5px solid #401010 ;
	border-bottom:	5px solid #401010 ;
	}
#contenu p.photo_comment {
	text-align: center;
	margin: 1.5em 0 0.4em 0 ;
	}
#contenu p.piece_comment {
	text-align: right ;
	font-style: italic ;
	margin-top: 0 ;
	}

#contenu table.fiche {
	width: 100% ; border-collapse: separate ; border-spacing: 0.6em ;
	font-size: 85% ;
	margin-top: 1em ; margin-bottom: 2em ;
	}
#contenu table.fiche td {
	width: 60% ;
	vertical-align: text-top ;
	}
#contenu table.fiche th {
	text-align: right ;
	text-decoration : underline ;
	font-weight: normal ;
	vertical-align: text-top ;
	}


#menu {
	font-family: verdana, sans-serif ; font-size: 15px ; font-weight: bold ;
	color: #802020 ;
	border-top: 1px solid #802020 ;
	border-bottom: 1px solid #802020 ;
	text-align: center ;
	margin: 20px 15% 50px ;
	padding: 2px 5px ;
	clear: both ;
	}
#menu p {
	margin: 5px 0 7px 0 ; padding: 0 3em ;
	/*line-height: 100% ;*/
	}
#menu a {
	color: #802020 ;
	text-decoration: none ;
	background: inherit ;
	}
#menu a:hover {
	text-decoration: underline ;
	}
#menu p.rub { font-weight: normal ; }


/* bas de page */
#info {
	font-family: verdana, sans-serif ; font-size: 12px ;
	font-weight: normal ; font-style: italic ;
	color: #401010 ;
	background: inherit ;
	border-top: 2px solid #802020 ;
	border-bottom: 1px solid #802020 ;
	text-align: justify ;
	margin: 40px 22% 50px ;
	padding: 20px 0 ;
	clear: both ;
	text-align: center ;
	}

form.contact {
	color: #802020 ;
	background: #e0dab8 ;
	border: 2px solid #802020 ;
	padding: 2px ;
	margin: 0 4em ;
	font-size: 12px ;
	}
form.contact table {
	border-collapse: collapse ;
	width: 100% ;
	}
form.contact th {
	background: #bfba9d ;
	color: #802020 ;
	border: 2px solid #802020 ;
	text-align: center ;
	font-weight: bold ;
	padding: 4px ;
	}
form.contact td {
	padding: 5px 5px ;
	vertical-align: top ;
	}
form.contact td.label {
	padding-top: 9px ;
	text-align: right ;
	font-weight: bold ;
	width: 20% ;
	}
form.contact td input.full {
	width: 96% ;
	}
form.contact td textarea.saisie3 {
	width: 96% ; height: 3em ;
	}
form.contact td textarea.saisie8 {
	width: 96% ; height: 12em ;
	}
form.contact td.bouton {
	text-align: right; ;
	border-top: 1px solid #802020 ;
	}
form.contact td.bouton input {
	margin: 0 12px 0 0 ;
}
pre.contact {
	margin: 2em ; padding: 5px ;
	background: #e0dab8 ;
	border: 2px solid #802020 ;
	}

/* zone deroulante pour les histoires */
.spec_bouton {
	display: none;
	color: blue ;
	cursor: pointer ;
	text-decoration: underline ;
	text-align: right ;
	font-style: italic ;
	font-weight: bold ;
	font-size: 85% ;
	}
.spec_info {
	border: 2px solid  #802020 ;
	padding: 0.5em ;
	background: #e0dab9 ;
	color: #802020 ;
	}

.histoire { margin: 0.5em 0 0 25% ; }
.histoire_theme { margin: 0 0 0.7em 30% ; }

#contenu div.citation {
	background: #e0dab9 ;
	font-style: italic ;
	margin: 1em ;
	padding: 6px ;
	}
#contenu div.citation p.auteur {
	text-align: center ;
	font-style: italic ;
	}

#contenu table.jeu {
	margin: 1em 0 ;
	width: 100% ;
	border-spacing: collapse ;
	}
#contenu table.jeu th {
	vertical:align-middle ;
	width: 100px ;
	}
#contenu table.jeu td {
	vertical:align-middle ;
	padding: 0 1em ;
	}
#contenu table.jeu td.c2 {
	width: 15% ;
	}



/* en bas de page */
div.espace_ligne {
	margin: 4em 25% 1em 25% ;
	border-top: 3px solid #d2ccaa ;
	}