body {
	margin:0;
	padding:0;
	background-color:#780002;
}

* {
	font-family:sans-serif;
	font-size:11px;
	color:gray;
}

/* global contener */
div.page {
	width:950px;
	margin:auto;
}

/* Header title and logo */
#header {
	position:relative;
	width:680px;
	height:150px;
	float:left;
	text-align:center;
}

#header h1 {
	padding-top:2em;
	font-style:italic;
	font-size:30px;
	color:#E4AF64;
}

#header #couteau {
	position:absolute;
	width:829px;
	height:20px;

	bottom:-10px;
	left:-110px;

	background-image:url("../img/couteau.png");
	background-repeat:no-repeat;
}

#header #fourchette {
	position:absolute;
	width:35px;
	height:508px;

	top:50px;
	left:-20px;

	background-image:url("../img/fourchette.png");
	background-repeat:no-repeat;
}

/* Left area for navigtion */
div.colonneG {
	margin:0;
	padding:10px 0 0 0;
	width:180px;
	float:left;
	text-align:center;
}

div.logo {
	text-align:center;
}

div.logo img {
	border:none;
}

/* La navigation */
div.nav {

	margin-left:auto;
	margin-right:auto;
	background-repeat:no-repeat;
}

div.nav ul {
	margin:0;
	padding:70px 0 0 0;

	list-style:none;
}

div.nav ul li {
	padding-top:8px;
	padding-bottom:8px;
}

div.nav ul li a {
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:0px 4px;
	font-size:16px;
	font-style:italic;
	color:#E4AF64;
}

div.nav ul li a:hover, div.nav ul li a.selected {
	color:white;
	font-weight:bold;
	text-decoration:none;
}

/* les liens par défaut */
a {
	text-decoration:none;
    padding:0 3px;
	color:black;
}

a:hover {
	text-decoration:underline;
}

/* Titres */
h1 {
	margin:0 0 10px 0;
	padding-left:5px;
	height:32px;
	line-height:30px;
	font-size:16px;
	color:black;
	
	font-family:courrier serif times;
}

h1 b {
	font-family:courrier serif times;
	font-size:30px;
	color:#780002;
}

h2 {
	margin:0 0 10px 0;
	padding-left:5px;
	height:32px;
	line-height:30px;
	font-size:14px;
	color:white;

	font-family:courrier serif times;
}

/* listes */
ul, ol {
	padding:0 0 0 30px;
}

/* layout central */
#main {
	width:680px;
	min-height:400px;

	float:left;
	margin:0;
	padding:0 10px 0px 0px;

	background-color:white;
}

#main h1 {
	text-align:center;
	margin-top:15px;
}

/* The bloc that holds the picture and the texte */
#home {
	width:690px;
	height:400px;
	background-image:url('../img/home_pic01-web.jpg');
	position:relative;
}

/* Le footer */
#footer {
	padding-left:150px;
	font-size:10px;
	font-weight:normal;
	font-style:italic;
	text-align:center;
	padding-top:1em;
	color:#aaa;
}

#footer img {
	border:none;
}

/* A style to disply an ambiance picture in the pages usually large of 300px */
.picture {
	float:left;
	margin-right:10px;
	text-align:center;
	font-size:10px;
}

.picture a {
	font-size:10px;
}

/* Les partenaires */
.partners {
	margin:0;
}

.partners li, .partners li>b {
	color:white;
}

.partners .partner {
	padding:5px;
}

.partners img {
	border:0;
}


/* Formulaire de contact */
form.contactForm {
	padding:5px;
	border:1px solid gray;
}

/********** Divers ************/

/* Pour les traductions fr->ang qui manquent */
.toTrans {
    color:red;
}

/* Clear pour les float */
.clear {
    clear:both;
}

/* les éléments de formulaires */
/* par défaut, les label son de type block */
label {
	display:block;
	position:relative;
	color:white;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	line-height:16px;
}

/* Classe pour faire d'autres éléments textes qui ont le même look que des label (des div d'explication par exemple)*/
.label {
	color:white;
	font-weight:bold;
}

.input {
	right:auto;
}

.input {
	border-width:0 0 1px 0;
	border-color:#F57707;
	border-style:solid;
	background-color:#333;
	color:#F57707;
	font-size:11px;
}

textarea {
	border:1px solid #F57707;
	background-color:#333;
	color:#F57707;
	font-size:12px;
	width:100%;
}

input.button {
	margin-top:10px;
	border-width:2px;
	border-style:solid;
	border-color:#FFBB7F #9F4B00 #9F4B00 #FFBB7F;
	background-color:#F57707;
	color:white;
	font-size:12px;
	font-weight:bold;
}


/* sandbox page and sub elements */
.sandbox .abstract {
	padding-left:1.5em;
	border-left:1px dotted #F57707;
}

.sandbox .date {
	text-align:right;
	font-style:italic;
}

.sandbox .link a {
	color:#F57707;
}

/* Pagination */
.pagination {
    border:1px dotted gray;
    padding:2px;
}

.pagination a {
    text-decoration:none;
}

/* Message d'erreur */
.error {
    color:red;
    border:1px solid red;
    border-left-width:4px;
    width:300px;
    margin:1em auto;

    padding:0.5em;
    font-size:120%;
}

/* Le listing de mots avec les kanjis */
table {
    border-collapse:collapse;
}

table td, table th {
    border:1px dotted gray;
    margin:0;
    padding:3px;
}

table th {
    text-align:left;
    background-color:#ddd;
}

/* The menu layout */
table.menu td {
	width:50%;
	border:none;
	text-align:center;
	vertical-align:top;
}