body
{
   width: 960px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url("images/fond.jpg");
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover; 
}

#btn_up
{
position: fixed;
bottom: 15px;
right: 25px;
cursor: pointer;
display:none;
}

#progress{ width: 300px; margin: auto; } progress{ display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; width: 300px; 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; box-shadow: 0 1px 0 rgba(255,255,255,.2); }

progress::-moz-progress-bar{ border-radius:10px; background: #09c; background: -moz-repeating-linear-gradient( 45deg, rgba(255,255,255,.2) 0, rgba(255,255,255,.2) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 20px ), -moz-linear-gradient( rgba(255,255,255,.1) 50%, rgba(255,255,255,0) 60% ), #09c; background: repeating-linear-gradient( 45deg, rgba(255,255,255,.2) 0, rgba(255,255,255,.2) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 20px ), linear-gradient( rgba(255,255,255,.1) 50%, rgba(255,255,255,0) 60% ), #09c; 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; } /* Style de la barre pour Chrome*/ 

progress::-webkit-progress-value{ border-radius:10px; background: #09c; background: -moz-repeating-linear-gradient( 45deg, rgba(255,255,255,.2) 0, rgba(255,255,255,.2) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 20px ), -moz-linear-gradient( rgba(255,255,255,.1) 50%, rgba(255,255,255,0) 60% ), #09c; background: repeating-linear-gradient( 45deg, rgba(255,255,255,.2) 0, rgba(255,255,255,.2) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 20px ), linear-gradient( rgba(255,255,255,.1) 50%, rgba(255,255,255,0) 60% ), #09c; 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; }

a
{
   color: #B3B3B3;
}

p
{
   text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
   text-align: justify;
}

ul
{
   list-style-type:none;
}

#nectar_ol {
	margin-left: 20px;
}

#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 height:50px;
 line-height: 50px;
 vertical-align:center;
font-weight:bold;
font-style: italic;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
 background-color:black;
 }
#menu li a {
 display:block;
 width:150px;
 height:50px;
 color:white;
 text-decoration:none;
 padding:5px;
 }
#menu li a:hover {
 color: rgb(179,179,179);
 }
 
#menu ul li ul {
 display:none;
 }
 
#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }

#menu li ul {
 position:absolute;
 }
 

.signature
{
   text-align: right; /* Pour aligner à droite ma signature */
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 55%;
}

#corps
{
   margin-left: auto;
   margin-bottom: 20px;
   padding: 5px;
   color: #B3B3B3;
   background-color: #626262;
   
   border: 2px solid black;
   
}
   
#en_tete
{
   width: 960px;
   height: 100px;
   background-image: url("images/Bandeau.jpg");
   background-repeat: no-repeat;
}

#pied_de_page
{
   padding: 5px;
   clear: both;
   text-align: center;
   color: #B3B3B3;
   background-color: #626262;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid black;
}

.article_attention
{
text-align: center;
text-indent: 0px;
font-size: 18px;
font-style: italic;
}

#chronoligie p
{
text-align: center;
}

h3
{
	text-align: center;
}

h2
{
	text-align: center;
}

h1
{
	text-align: center;
}

.arabia_liste
{
	font-size: 31px;
}

.arabia_titre
{
	font-size: 27px;
}

.arabia
{
	font-size: 25px;
}

.font_intro
{
    font-family: 'journalregular', Arial, serif;
    font-size: 30px;
    font-style: bold;
}

@font-face {
    font-family: 'journalregular';
    src: url('journal-webfont.eot');
    src: url('journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('journal-webfont.woff') format('woff'),
         url('journal-webfont.ttf') format('truetype'),
         url('journal-webfont.svg#journalregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#quizz
{
	margin: auto;
	min-width: 450px;
	min-height: 300px;
	border: 2px solid black;
}

#mot_quizz
{
	text-align: center;
	}
	
#reponse_quizz
{
	text-align: center;
	}
	
#word_number
{
	text-align: right;
    	font-style: bold;
}

#boutons_quizz
{
	text-align: center;
}