body {
	background-attachment: fixed;
	background-color: white;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-image: url(./background1.jpg);
	margin: 0;
	padding: 0;
	min-width: 900px;
}

/* =====================================================================================
   ====================================== HEADER =======================================
   ===================================================================================== */

header {
	height: 200px;
}
header p {
	font-family: Vivaldi, VivaldiItalic;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
}
header a {
	text-decoration: none;
	color: white;
	text-shadow:
		black 1px 1px,
		black -1px 1px,
		black -1px -1px,
		black 1px -1px; 
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 31, 2012 */
@font-face {
    font-family: 'VivaldiItalic';
    src: url('vivaldii-webfont.eot');
    src: url('vivaldii-webfont.eot?#iefix') format('embedded-opentype'),
         url('vivaldii-webfont.woff') format('woff'),
         url('vivaldii-webfont.ttf') format('truetype'),
         url('vivaldii-webfont.svg#VivaldiItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* =====================================================================================
   ======================================= MENU ========================================
   ===================================================================================== */

nav#menu {
	margin: 10px;
	padding: 10px;
	float: left;
	background-color: white;
	text-align: center;
}
nav#menu a {
	text-decoration: none;
}
nav#menu img {
	margin: 5px;
	padding: 2px;
	border: 1px solid black;
}
nav span{
	font-size: 20px;
	font-family: LobsterTwo, Arial;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 31, 2012 */
@font-face {
	font-family: 'LobsterTwo';
	src: url('lobstertwo-regular.eot');
	src: url('lobstertwo-regular.otf') format('truetype'),
		 url('lobstertwo-regular.woff') format('woff'),
		 url('lobstertwo-regular.eot?#iefix') format('embedded-opentype'),
		 url('lobstertwo-regular.svg#LobsterTwo') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* =====================================================================================
   ======================================= CORPS =======================================
   ===================================================================================== */
   
section {
   padding: 15px; 
   color: black;
   background-color: white;
   font-size: 14px;
   font-family: Arial, Verdana, serif;
   text-align: justify;
   overflow: hidden;
   margin: -148px 10px 10px 250px;
}
h1 {
	text-align: center;
}
h2 {
	display: block;
	text-decoration: none;
	color: white;
	margin: 30px 0 5px;
	padding: 10px;
	text-align: right;
	font-size: medium;
	font-weight: normal;
}

/* =====================================================================================
   =============================== BARRES DE PROGRESSION ===============================
   ===================================================================================== */
  
 /* http://www.css3create.com/Barre-de-progression-avec-l-element-HTML5-progress */
#progress {
    width: 300px;
    margin: auto;
}
progress {
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
    height: 20px;
    padding: 3px 3px 2px 3px;
    background: #333; 
    background: -webkit-linear-gradient(#2d2d2d,#444);
    background:    -moz-linear-gradient(#2d2d2d,#444);
    background:      -o-linear-gradient(#2d2d2d,#444);
    background:         linear-gradient(#2d2d2d,#444);
    border: 1px solid rgba(0,0,0,.5);
    border-radius: 15px;
}

/* Style de la barre pour Firefox*/
progress::-moz-progress-bar {
    border-radius:10px;
    background: #09c;
    background-color: #3FA9A9;
    background-size: 300px 20px, auto, auto;
    background-position: -300px 0, top, top;
    background-position: top right, top, top;
    box-shadow: 0 1px 0 rgba(255,255,255,.5) inset, 
                0 -1px 0 rgba(0,0,0,.8) inset,
                0 0 2px black;
  
}

/* =====================================================================================
   ====================================== FOOTER =======================================
   ===================================================================================== */
   
footer {
   font-size: 14px;
   font-family: Calibri, Arial, Verdana, serif;
   text-align: center;
   background: black;
   padding: 10px;
}