/* CSS Document */

body {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #201600;
	margin: 0;
	padding: 0;
}

#conteneur {
	border: 1px solid #CCCCCC;
	background: #FFFFFF url(images/fond_fleurs_d.gif) bottom right no-repeat;
	font: 1em Arial, Helvetica, sans-serif;
	width: 780px;
	margin: 0 auto;
	margin-top: 1%;
	margin-bottom: 1%;
}

#contenu {
	background: #A67702 url(images/fond_fleurs_b.gif) bottom left no-repeat;
	width: 50%;
	margin: 0 auto;
}

#contenuHaut {
	background: #A67702 url(images/fond_fleurs_h.gif) top right no-repeat;
	height: 180px;
}

#logo {
	padding: 25% 0 25% 25%;
}

#menu {
	width: 60%;
	margin: 0 auto;
	padding: 5% 0;
}
#menu li {
	list-style: none;
}
#menu li a {
	display: block;
	height: 19px;
	padding: 4% 0 0 12%;
	margin: 0;
	line-height: 1em;
	background: url(images/yin_off.gif) left top no-repeat;
	text-decoration: none;
	color: #FFFFFF;
}
#menu li a:hover, #navigation li a:focus, #navigation li a:active {
	background: url(images/yin_on.gif) left top no-repeat ;
	text-decoration: none;
	color: #FFFFFF;
}

#texteAccueil {
	width: 75%;
	margin: 15% auto;
}
#texteAccueil p {
	text-align: center;
}

#texteAccueilAuteur p{
	font-size: 1.2em;
	margin-left: 65%;
}
#texteAccueilAuteur img {
	margin-left: 54%;
}

#gauche {
	background: #FFFFFF url(images/aikido_kanji.gif) 15px 55px no-repeat;
	width: 24%;
	height: 625px;
	float: left;
}
#gauche img {
	margin-top: 550px;
	margin-left: 20%;
}

#droite {
	width: 24%;
	float: right;
}

#diaporama {
	width: 60%;
	margin: 10% auto;
	margin-bottom: 25%;
}
#diaporama img {
	border: 4px solid #A67702;
	margin: 3%;
}

#navigation {
	margin: 0;
	padding: 0;
}
#navigation li {
	list-style: none;
}
#navigation li a {
	display: block;
	width: 110px;
	height: 19px;
	padding: 6px 0 0 15px;
	margin: 3% 0;
	line-height: 1em;
	background: #B3000A url(images/fond_menu_off.gif) left top no-repeat;
	text-decoration: none;
	color: #FFFFFF;
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #A67702 url(images/fond_menu_on.gif) left top no-repeat ;
	text-decoration: none;
	color: #FFFFFF;
}
.texte {
	width: 75%;
	margin: 0 auto;
	padding: 10% 0;
	text-align:justify;
}

.titre {
	font-weight: bold;
}
.titre2 {
	font-style: italic;
}
.titre3 {
	font-weight: bold;
	color: #B3000A;
}
.titre4 {
	font-weight: bold;
	color: #FFFFFF;
}

.spacer {
	clear: both;
}

a img {
	border: none;
}

h1 {
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #B3000A;
	font-weight: bold;
}

.portrait {
	margin: 0;
	padding: 5% 0;
}
.portrait img {
	border: 4px solid #B3000A;
	margin: 0 5% 1% 0;
	float: left;
}

p a, li a {
	color: #FFFFFF;
}

table {
	width: 75%;
}
table tr {
	background-color: #AF851C;
}
table td {
	padding: 3px;
}
.titreTableau {
	font-weight: bold;
}

.evenement, .ici {
	border: 1px solid #9C6E00;
	background-color: #AF851C;
	padding: 0 5%;
	margin: 1% 0;
	overflow: auto;
}

.ici img {
	border: 4px solid #B3000A;
	margin: 0 5% 1% 0;
	float: left;
}

.souligne {
	font-weight: bold;
}

.image {
	float: right;
	margin: 1% 0 1% 8%;
}
.image2 {
	float: left;
	margin: 1% 4% 1% 0;
}

.commentaire {
	font-size: 0.9em;
}
.citation {
	font-style: italic;
}

/* STYLES DE LA GALERIE */ 

.galerie {
	cursor: default;
	list-style: none;
}

.galerie a {
	cursor: default;
}

.galerie a .apercu {
	display: none;
}

.galerie a:hover .apercu {
	display: block;
	position: absolute;
	top: -63px;
	left: -95px;
	z-index: 1;
}

.galerie img {
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 68px;
}

.galerie li
{
	background: #B3000A;
	display: inline;
	float: left;
	margin: 10px;
	position: relative;
}

.galerie .apercu
{
	width: 300px;
	height: 205px;
}

/* STYLES DU FORMULAIRE */

#formulaire {
	border: none;
	margin: 0;
	width: 100%;
}
#formpied {
	margin: 0;
	padding: 3px 15px 0px 0px;
	text-align: right;
}
#formpied input {
	margin-left: 0.7em;
	margin-top: 1em;
	color: #201600;
	background-color: #A67702;
}
#formbody {
	margin: 0;
	padding: 1em 1em 0.5em 1em;
}
#formbody fieldset {
	margin: 0;
	padding: 0 1em 1em;
	color: #B3000A;
}
#formbody legend {
	font-size: 1em;
	color: #B3000A;
	font-weight: 500;
	padding: 0px 10px 15px 5px;
}
#formbody p {
	padding: 0;
	margin: 0 0 0.5em 0;
}
#formbody label {
	font-size: 0.9em;
	color: #201600;
	float: left;
	width: 30%;
	text-align: right;
	margin: 0;
	padding: 0 0.5em 0 0;
	line-height: 2em;
}
#formbody input {
	font-size: 0.9em;
	margin: 0;
}
#formbody textarea {
	font-size: 1em;
	margin: 0;
}