/*======================================*/
/* 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 */
}
#titre {
  position:absolute;
  top:140px; left:0px; width:550px; height:200px;
  padding:20; /* top right bottom left */
}
#menu {
  position:absolute;
  top:170px; left:575px; width:200px;
  padding:0; /* top right bottom left */
}
#barre{
  position:absolute;
  top:210px; left:14px; width:560px;
  background-color: #cc6633;
  border: no;
}
#divCont {
  position:absolute;
  top:480px; left:570px; width:210px;
  text-align:right;
  background-color: #FFFFFF;
  padding:5; /* top right bottom left */
}
#grille {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  position:absolute;
  top:240px; left:14px; width:538px;
  padding:0; /* top right bottom left */
}
#last {
  width:538px;
  border-style:solid;
  border-width:2px;
  border-color:#EEEEEE;
  padding:10px;
}
.grille {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}
.annoncegrille {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#999999;
}
.small {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
}
#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
}

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

.select-noir {
   font-family: arial;
   font-size: 11px; 
   text-decoration: none;
}