html {
font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}

body {
  margin: 0;
  padding: 0;
  /* Pensez à utiliser une collection de polices (2), par ex:
  font-family: Arial, Helvetica, FreeSans, sans-serif; */
  /*font-size: .8em;  À adapter pour la police choisie. (3) */
  /*line-height: 1.4;  À adapter au design. (4) */
  /*font-family:"Verdana", sans-serif;*/
}


/* Listes */
ul, ol {
  margin: .75em 0 .75em 32px;
  padding: 0;
  margin: 0;
}

li {
	list-style-type: none;
	display: inline;
	}

/* Paragraphes */
p {
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */
}
address {
  margin: .75em 0;
  font-style: normal;
}


/* Liens */
h1 {padding: 0 0 0 20px; color:#fff; background: #333333; font-family: Georgia,Times,"Times New Roman",serif; font-weight: 100;}
h2 {padding-left:5px;font-family: Georgia,Times,"Times New Roman",serif; font-weight: 100;color:#cc6600;/*text-shadow: 1px 1px #000;*/ background: url(images/bg_blanc.png) repeat;}
h3 {font-family: Georgia,Times,"Times New Roman",serif; font-weight: 100;}

a, a img {
   -webkit-transition: all 0.3s ease-in;
   -moz-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in
   -o-transition: all .03s ease-in;
   transition: all 0.3s ease-in;
    }

a:link {color: black; text-decoration:none;font-weight: bolder;}
a:visited {color: black; text-decoration:none;font-weight: bolder;}
a:hover {color: red; text-decoration:none;font-weight: 100;}
a:active {color: red; text-decoration:none;font-weight: 100;}

/* Divers éléments de type en-ligne (8) */
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}

/* Formulaires */
form, fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
input, button, select {
  vertical-align: middle; /* Solution pb. d'alignement. (9) */
}

/*----Formulaire de contact-----*/
input { 
	color: #000; 
	font-size: 11px; 
	background-color: #ffffff;
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
	padding:5px;
	}
	
textarea { 
	color: #000; 
	font-size: 11px; 
	background-color: #ffffff;
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
	padding:5px;
	height: 100px;
	}
	
.txterror { color: black; font-size: 11px;  }
.txtform { color: black; font-size: 12px;  }

/* Mise en forme simple pour les tableaux */
table {
  margin: 0;
  border: none; /* Pas de bordure = "none". */
  border-collapse: collapse; /* Valeur par défaut: "separate". */
  border-spacing: 0;
}
table td, table th {
  padding: 4px; /* Pas de retrait autour du texte = "0". */
  border: none; /*1px solid #ccc;  Pas de bordure = "none". */
  vertical-align: top; /* Valeur par défaut: "middle" */
}

/* CONTENU */
#titre {
		position:absolute;
		z-index:1;
		top:10px;
		/*left:10px;*/
		width: 100%;
		font-size:85px;
		color:#fff;
		text-shadow:2px 2px 5px #333;
		font-family: 'Mrs Saint Delafield', cursive;
		font-weight:400;
		background:transparent url(images/pattern.png) repeat top left;
		}

/*
font-family: 'Parisienne', cursive;
font-family: 'Mrs Saint Delafield', cursive;
font-family: 'Monsieur La Doulaise', cursive;
*/

#bg { position: fixed; top: 0; left: 0; z-index:-1;}
.bgwidth { width: 100%; }
.bgheight { height: 100%; } 

a img { border: 7px solid #ddd; margin:10px;}
a img:hover { border: 7px solid #333333; margin:10px;}

#contenu {
	position: absolute;
	z-index:2;
	margin: 10% auto 0 15%; 
	width: 70%;
	max-width: 800px;
	min-width: 500px;
	height: 70%;
	background: #ffffff;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.5;
	color: #333333;
	background: url(images/bg_blanc.png) repeat;
	padding:10px;
	-webkit-box-shadow: 5px 5px 12px rgba(0,0,0,0.4);
	-moz-box-shadow:    5px 5px 12px rgba(0,0,0,0.4);
	box-shadow:         5px 5px 12px rgba(0,0,0,0.4); 
	overflow: auto;
	}


/* MENU */

#menu {
	position:fixed;
	z-index:3;
	display: block;
	bottom: 5px;
	font-family: helvetica neue, 'Questrial', Arial, sans-serif;
	font-size: 24px; 
	font-weight: 100;
	/*position: absolute;*/
	margin-top:50px;
	width:100%;
	/*background:transparent url(images/pattern.png) repeat top left;*/
	background: #111;
	color:#fff;
	}
	
#menutab {margin :0 0 0 25%;}

#menu p {margin:0; padding:0; float:left;}

/* Styles pour tous les liens du menu */
#menutab a {
	font-weight: 100;
	color: #ffffff;
	text-decoration:none;
}

/* Styles pour les liens survolés ou sélectionnés au clavier*/
#menutab a:hover, #menutab a:focus {
	font-weight: 100;
	color: #444;
	text-decoration:none;
}

/* Styles pour la rubrique en cours */
#menutab #en-cours a {
    background-color: #ddd;padding:5px;
    font-weight: 100;
    color: #333; 
    text-decoration:none;
}