body {
 background-color:rgb(120,170,210);
}

h1 {
 margin:0 auto;
 border:2px solid #000;
 text-align:center;
 width:60%;
 background-color:rgb(220,220,240);
}

h2 {
 text-decoration:underline;
 padding-left:25px;
}

h3 {
 margin-top:5px;
 text-align:center;
 font-style:italic;
}

p.intro {
 text-indent:2em;
}

p, ul {
 font-size:16px;
 padding-left:30px;
 padding-right:30px;
 text-align:justify;
 line-height:150%;
}

ul { padding-left:45px; }

ul.link a { color:#000; }

div.menu {
 text-align:center;
 margin-left:25%;
}

div.menu a {
 display:block;
 padding-left:6px;
 padding-right:6px;
 padding-top:2px;
 padding-bottom:2px;
 border:2px solid #000;
 border-left:none;

 font-size:16px;
 font-family:"Verdana", "Arial", sans-serif;
 font-weight:bold;

 float:left;
 text-decoration:none;
 color:#004;

 background-color:rgb(210,150,70);
}

div.menu a:hover, div.menu a.actuel {
 background-color:rgb(180,180,80);
}

p span {
 font-weight:bold;
 padding-left:15px;
}

.clear {
  padding-top:20px;
  clear:left;
}

div.image {
 text-align:center;
 font-size:10px;
 font-style:italic;
}

div.hidden {
 visibility:hidden;
 position:absolute;
 top:0;
 left:0;
}

div.copy {
 font-size:10px;
 margin:0 auto;
 margin-top:20px;
 text-align:center;
 width:70%;
 font-style:italic;
}

img {
 border:0;
 vertical-align:middle;
}

span.orange { color:rgb(160,100,40); }
span.grey { color:rgb(100,100,100); }
span.green { color:rgb(90,230,90); }
span.red { color:rgb(200, 50, 50); }

#nbgp {
 position:relative;
 margin-top:-175px;
 font-weight:bold;
 font-size:14px;
}

#nbpp {
 position:relative;
 margin-top:-270px;
 margin-left:260px;
 font-weight:bold;
 font-size:14px;
}

#vbac {
 position:absolute;
 top:280px;
 left:55%;
 padding:5px;
 color:#E44;
 border:2px solid;
 font-size:18px;
 font-weight:bold;
 width:200px;
 text-align:center;
 background-color:#DDD;
 text-decoration:blink;
 display:none;
}

div.imgPieces {
 margin: 0 auto;
 height:80px;
 width:150px;
 text-align:center;
 font-size:72px;
}

#control {
 width:80%;
 margin:0 auto;
 margin-top:50px;
 margin-bottom:50px;
 background-color:#CCC;
 padding:5px;
 border:2px solid #000;
 text-align:center;
}

#control input {
 margin-left:5%;
 margin-right:5%;
 padding:4px;
 font-weight:bold;
 background-color:#EAA;
 border-color:#00A;
}

#control input:hover {
 background-color:#BBD;
}

div.bloc {
 width:50%;
 float:left;
 text-align:center;
 font-size:16px;
}

div.fVert {
 height:35px;
 width:200px;
 background-color:#9F9;
 border:1px solid #000;
 margin:0 auto;
}

div.fRouge {
 height:100%;
 background-color:#D55;
 border-right:1px solid #000;
}

div.bloc div.copy {
 padding:3px;
 border:1px solid #000;
 background-color:#9F9;
}