/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 10
   ============================================== */

/* GENERALITES */
body {
  color: #FFFFFF;
  background: #050010;
  /*background: #003366; /* BLEU MARINE 000|051|102 */
  /*background:#088A08*/ /* vert fonce */
  /*background: #111144; /* blanc */

}
a {
  /*color: #003366; /* BLEU  MARINE */
  color: #FFFFFF; /* BLEU  MARINE */
}
a:hover, a:focus {
  color: #3333FF;
}

/* --- POSITIONNEMENT --- */

body {
  padding: 10px 5px;
}
#global {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

/* EN-TETE (haute) */
#entete {
  background: #FFFFFF;
  /*color: #333333;*/
  color: #000A08
}
#entete {
  padding: 0px;
}

/* EN-TETE (basse) */
#ariane {
  text-align: right;
  padding: 4px;   /* Seb: change here to increase the width of en-tete*/
}

/* CONTENEUR CENTRAL */
#centre {
  background: url(Gif/colonnes3.png) repeat-y;
}
#centre {
  width: 100%;
  overflow: hidden;
}

/* NAVIGATION #navigation VOIR navigation.css */

/* 1 COLONNE = CONTENU UNIQUE */
#unique {
  color: #333333;
  background: #F0F0F0;
}
#unique a {
  color: #5500FF;
}
#unique a:hover, #unique a:focus {
  color: #3333FF;
}
#unique {
  float: left;
  width: 640px;
  height: 600px;       /* SEB: change here!!!!! */
  padding: 10px 20px;
}

/* 2 COLONNES = CONTENUS PRINCIPAL + SECONDAIRE */
#principal {
  color: #333333;
  background: #FFFFFF;
}
#principal a {
  color: #003366;
}
#principal a:hover, #principal a:focus {
  color: #3333FF;
}
#principal {
  float: left;
  width: 460px;
  padding: 10px 20px;
}
#principal > :first-child {
  margin-top: 10px;
}
#principal p, #principal li {
  line-height: 1.5;
}
#principal p {
  /*text-align: left;*/
}
#secondaire {
  background: #FFFFFF;
  color: #CC9900;
}
#secondaire a {
  color: #003366;
}
#secondaire a:hover, #secondaire a:focus {
  color: #3333FF;
}
#secondaire {
  margin-top: 6px;
  margin-left: 730px; /*220+500+10*/
  margin-right: 20px;
  padding: 12px 0;
}

/* PIED DE PAGE */
#pied a {
  color: #FFFFFF;
  text-decoration: underline;  
}
#pied {
  margin: 0;
  padding: 5px 0 20px 0;
  font-size: .85em;
}
/* PIED DE PAGE : LOGOS */
#logos {
  clear: both;
  width: 900px;
  height: 20px;
  /*background:  #33CC00;   /* Seb vert*/
  /*background:  #00A08; /* vert fonce */
  background:  #000000


}
.logo_cnrs {
  float: left;
  margin: 0;
}
.logo_upmc {
  float: right;
  margin: 0;
}
/* PIED DE PAGE : INFOS */
#infos_site {
  float: right;
  text-align: right;
  font-size: 1em;
  color: #EEEEEE;
}
#infos_site a {
  color: #FFFFFF;
  text-decoration: underline;
}