/*======================================*/
/* DEFINITION OF THE SCREEN AREAS (DIV) */
/*======================================*/
/*------------------------------------------*/
/* ID -> Must Be Unique among the HTML Page */
/*------------------------------------------*/
#nuage {
  position:absolute;
  top:10px; left:600px;
  z-index:2;
  padding:0; /* top right bottom left */
}
#header {
  position:absolute;
  top:0px; left:0px; width:765px; height:120px;
  padding:10 10 10 10; /* top right bottom left */
}
#menu {
  position:absolute;
  top:170px; left:575px; width:200px;
  padding:0; /* top right bottom left */
}
#divCont {
  position:absolute;
  top:480px; left:570px; width:210px;
  text-align:right;
  background-color: #FFFFFF;
  padding:5; /* top right bottom left */
}
#grille {
  position:absolute;
  top:160px; left:20px; width:580px; height:315px;
  background-image: url(grille_rouge.gif);
  padding:0; /* top right bottom left */
}
#anim {
  position:absolute;
  top:160px; left:75px;
  padding:0; /* top right bottom left */
}
#carre {
  position:absolute;
  top:320px; left:275px;
  background-color:white;
  padding:5; /* top right bottom left */
}

/*---------------------------------------------------------------------*/
/* CLASS -> Possibly Used by several Objects with same Characteristics */
/*---------------------------------------------------------------------*/
.texta {
  position:absolute;
  z-index: 2;
  top:170px; left:240px; 
  padding: 5; /* top right bottom left */
  margin-left:0;
}
.textc {
  position:absolute;
  z-index: 20;
  top:400px; left:430px; 
  padding: 5; /* top right bottom left */
  margin-left:0;
  visibility:hidden;
}

/*==================*/
/* TYPES DEFINITION */
/*==================*/

.decouvrir {  
   font-family: arial;
   font-size: 10px; 
   color: #cc6633; 
   text-decoration: none
}

.decouvrir:hover {  
   font-family: arial;
   font-size: 10px; 
   color: #cc6633; 
   text-decoration: underline
}
.decA {  
   font-family: arial;
   font-size: 12px; 
   color: #003399; 
   text-decoration: none
}

.decA:hover {  
   font-family: arial;
   font-size: 12px; 
   color: #cc6633; 
   text-decoration: no
}

.dec {  
   font-family: arial;
   font-size: 11px; 
   color: #003399; 
   text-decoration: none
}

.dec:hover {  
   font-family: arial;
   font-size: 11px; 
   color: #cc6633; 
   text-decoration: underline
}
/*=================*/
/* TAGs DEFINITION */
/*=================*/
a {
  color: #003399;
  text-decoration: none;
}

a:hover {
  color: #ff6600;
  text-decoration: none;
}