body
{
    background-color: black; /* Le fond de la page sera gris bleuté variante de silver - utiliser la boite ŕ couleur */
    color: black; /* Le texte de la page sera noir */
    font-family: Lucida Sans;
}

.container {
  width: 1250px;
  background-color: white;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

.header {
  background-color: #56BEB7;
}


ul#nav {
 padding:0;
 margin:0;
 list-style-type:none;
 }
ul#nav li {
 margin-left:2px;
 float:left; /*pour IE*/
 }
ul#nav li a {
 display:block;
 float:left;   
 width:110px;
 background-color: #cccccc;
 color:black;
 text-decoration:none;
 text-align:center;
 padding:5px;
 border:2px solid;
 /*pour avoir un effet "outset" avec IE :*/
 border-color:#DCDCDC #696969 #696969 #DCDCDC;
 }
ul#nav li a:hover {
 background-color:#D3D3D3;
 border-color:#696969 #DCDCDC #DCDCDC #696969;
 text-decoration:none;
 } 
 
 a:link {
  color: #004B8C;
  text-decoration: none;
}

a:visited {
  color: #5455B0;
  text-decoration: none;
}

a:hover, a:active, a:focus {
    text-decoration: underline;
    color: #FF0000;
}
 

.button {
  display: block;
  font-size: 20px;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  outline: 5px;
  background-color: white;
  border: 2px;
}

.button:hover {background-color: #6B9CE3}

.button:active {
  background-color: #828AFE;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

 
.curseur_main {
cursor:pointer;
}

.curseur_sablier {
cursor: wait;
}
 
   
.cadre_accueil
{
    display: block;
    width: 1200px;
    border: 3px outset;/* border-left: 2px solid black; ou border-right: 3px solid black;*/
    border-radius: 10px;
    padding: 5px; /* Marge intérieure de 0px */
    margin: auto; /* On peut donc demander ŕ ce que le bloc soit centré avec auto */
    font-family: "verdana";
    font-size: 14px;
    font-style: normal;
    background-color: #002E54;
    } 
 
.cadre_verical90
{
    display: block;
    position: relative;
    width: 90%;
    border: 3px outset;/* border-left: 2px solid black; ou border-right: 3px solid black;*/
    border-radius: 10px;
    padding: 20px; /* Marge intérieure de 20px */
    margin: auto; /* On peut donc demander ŕ ce que le bloc soit centré avec auto */
    font-family: "verdana";
    font-size: 14px;
    font-style: normal;
    }
 
 .footer {
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  background-color: #56BEB7;
  position: relative;
  clear: both;
  text-align: center;
}