/* 
   #########################
   Style CSS 
   wrote by 
   Fabien Pamelard 
   - Genopole de Lille - 2006
   #########################
   */
/*
   #############
   HEADER, CONTAINER ET POURTOUR
   #############
   */
 
/* Pourtour vertical */
#containerblank { 
  float: left;
  background: url(IMG/bgmiddle.gif) repeat-y;
  width: 92em;
  text-align: left;
  padding-top: 7px;
}
#containerdivhead {
  float: left;
  width: 85em;
}

/* Container principal */
#containerdiv {
  margin-left: 20px;
  margin-right: 10px;
  width: 78em;
}

/* Pourtour haut */
#containertopdiv {
  background: url(IMG/bgtop.gif) repeat-x;
  background-position: bottom;
  margin-left:0.8em;
  margin-right:-0.1em;
  float: left;
  width: 82em;
  height: 26px;
}

/* Pourtour bas */
#containerbottomdiv {
  background: url(IMG/bgbottom.gif) repeat-x;
  background-position: top;
  margin-left:0.8em;
  margin-right:-0.1em;
  float: left;
  width: 82em;
  height: 26px;
}

#containercentraldiv {
  margin: 3em 16em 0em 22em;
}

/* 3 types de blocs sur la partie gauche */
#containerlefttopdiv { 
  position: absolute;
  top: 22em;
  left: 3em;
}

#containerleftmiddlediv { 
  position: relative;
  top: 31em;
  left: 0.5em;
}

/* Bloc RNG */
#containerleftbottomdiv { 
  position: relative;
  top: 47em;
  left: -0.1em;
}


/* 3 types pour la partie droite */
#containerrighttopdiv {
   position:relative;
   left:64em;
   top:6em;
}

#containerrightmiddlediv {
  position:relative;
  top: 38em;
  left: 64em;
}

#containerrightbottomdiv {
  position:relative;
  top:52em;
  right: 6em;
}



/*
   ##################
   SOMMAIRES ET BLOCS
   ##################
   */

/* Affiche le sommaire au centre */
#sommaire {
  margin-top: 1px;
  margin-left: 60px;
  margin-right: 10px;
  text-align: center;
}

/* Blocs gauche */
#sous_sommaire {
  position: absolute;
  border-left: solid #E0E0E0 1px;  /* Bleu genopole */
  border-bottom: solid #E0E0E0 1px;  /* Bleu genopole */
  border-right: solid #E0E0E0 1px;  /* Bleu genopole */
  border-radius: 5px 5px; -moz-border-radius: 5px;
  background: #F9F9F9;
  text-align:left;
  padding:10px;
  width:195px;
}

#titre_sous_sommaire {
  background: #0e5ea4; /* Bleu genopole */
  border-radius: 5px 5px; -moz-border-radius: 5px;
  text-align: center;
  padding: 4px;
  margin: -11px;
  margin-bottom: 10px;
  color: white;
  font-family: verdana, sans-serif, 14px, bold;
}
				
#sous_sommaire_rng {
  position: absolute;
  border-left: solid #E0E0E0 1px;  /* Bleu genopole */
  border-bottom: solid #E0E0E0 1px;  /* Bleu genopole */
  border-right: solid #E0E0E0 1px;  /* Bleu genopole */
  border-radius: 5px 5px; -moz-border-radius: 5px;
  background: #F9F9F9;
  text-align: left;
  padding: 1px;
}

#titre_sous_sommaire_rng { 
  background: #0e5ea4; /* Bleu genopole */
  border-radius: 5px 5px; -moz-border-radius: 5px;
  text-align: center;
  padding: 3px;
  margin: -1px;
  margin-bottom: 20px;
  color: white;
  font-family: verdana, sans-serif, 14px, bold;
}


/* Blocs droits */
#sous_actualite {
  position:absolute;
  border-left: solid #E0E0E0 1px;  /* Bleu genopole */
  border-bottom: solid #E0E0E0 1px;  /* Bleu genopole */
  border-right: solid #E0E0E0 1px;  /* Bleu genopole */
  border-radius: 5px 5px; -moz-border-radius: 5px;
  background: #F9F9F9;
  text-align: left;
  padding: 10px;
  width:172px;
}

#titre_sous_actualite { 
  /* background : #d35220;  Orange genopole */
  background: #0e5ea4;
  border-radius: 5px 5px; -moz-border-radius: 5px;
  padding: 4px;
  text-align: center;
  margin: -11px;
  margin-bottom: 10px;
  color: white;
  font-family: verdana, sans-serif, 14px, bold;
}

/*
   #########
   FOOTER
   #########
   */

#footer {  
  border-top-color: #E0E0E0;
  border-top-style: dashed;
  margin-left: 15px;
  margin-right: 20px;
  margin-top: 30px;
  text-align: center;
  padding: 5px;
  border-width: 1px;
}

#footerleftdiv{ 
  float: left;
  margin-top: -40px;
}

#footerrightdiv{ 
  float: right;
  margin-top: -40px;
  margin-right: 10px;
}