* { 
  border: 0;
  margin: 0;
  padding: 0;
}

body {
  font-family: Verdana, sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1.4em;            
  background: #007CBD url('../../images/site/layout/fond.gif') repeat;
  margin: 20px 0;
}

div.clear {
  clear: both;
  height: 1px;
  line-height: 1px;
}

#site {
  position: relative;
  width: 840px;
  margin: 40px auto;
  padding-bottom: 20px;
}

#pied {
  height: 50px; 
  background: transparent url('../../images/site/histoire/pied.png') no-repeat;
  padding-left: 20px;    
}

#lien {
  position: absolute;
  right: 20px;
  top: 100px;
  z-index: 100;
}

#lien a, #pied a {
  background: url('../../images/site/layout/pied_lien.png') no-repeat left center;
  text-decoration: underline;
  color: #E0003C;      
  padding-left: 30px;
  margin-right: 20px;
}


#lien a {
  font-size: 1.2em;
}

#pied a:hover, #lien a:hover {
  background-image: url('../../images/site/layout/entete_lien.png'); 
}

/* -------------------------------------------------------------- *
                           FRISE
* -------------------------------------------------------------- */

#frise {
  position: relative;
  height: 140px;
  width: 840px;
  background: transparent url('../../images/site/histoire/frise.png') no-repeat; 
  z-index: 30;
}

#frise img {
  position: absolute;
  cursor: pointer;
  width: 100px;
}

#kizou_2 {
  left: 60px;
  top: 40px;
  width: 100px;
}

#kizou_3 {
  left: 210px;
  top: 5px;
}

#kizou_4 {
  left: 380px;
  top: -45px;
}

#kizou_5 {
  left: 540px;
  top: -15px;
}

#kizou_6 {
  left: 710px;
  top: -10px;
}

/* -------------------------------------------------------------- *
                           ARTICLE
* -------------------------------------------------------------- */


#article {
  background-color: #FFE25F;
  min-height: 300px;
  height: auto !important;
  height: 300px;
  position: relative;
  z-index: 20;
}

#news {
  background-color: #FFE25F;
  position: relative;
  z-index: 20;
}

#article .affichage {
  padding: 20px;
  margin-right: 220px;
}

#news .affichage {
  padding: 20px;
  margin-left: 220px;
}

.affichage h1 {              
  font-family: Georgia, serif;
  font-size: 1.5em;     
  line-height: 1.2em;     
  font-weight: normal;
  font-style: italic;
  margin-bottom: 20px;
  text-decoration: underline;         
}

.affichage h2 {              
  font-family: Georgia, serif;
  font-size: 1.2em;     
  line-height: 1.1em;     
  font-weight: normal;
  font-style: italic;
  margin-bottom: 10px;
  text-decoration: underline;         
} 

.affichage div.texte p {                    
  margin: 10px 0;
  text-indent: 3em;        
}

/* -------------------------------------------------------------- *
                           GALERIE
* -------------------------------------------------------------- */

#galerie {
  float: right;
  margin: 20px;
}

#news .image {
  float: left;
  margin: 20px;
}

/* -------------------------------------------------------------- *
                           LIEN
* -------------------------------------------------------------- */

div.lien {
  margin: 10px;            
  height: 25px;
  padding-left: 30px;
  background: transparent url('../../images/site/layout/lien_debut.png') no-repeat left;
  cursor: pointer;                  
  color: #FFF;
  display: block;
  position: relative; 
  text-decoration: none;  
  float: left;                                 
}

div.lien div.fin {                
  height: 25px; 
  padding-right: 10px;       
  background: transparent url('../../images/site/layout/lien_fin.png') no-repeat right;  
  float: left;                                              
}

div.lien div.milieu {                
  height: 25px;
  line-height: 22px;
  font-weight: bold;
  float: left;     
  background: transparent url('../../images/site/layout/lien_milieu.png') repeat-x;   
}

/* -------------------------------------------------------------- *
                              FIN
* -------------------------------------------------------------- */