﻿/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 10
   ============================================== */

/* GENERALITES */
body {
  color: #FFFFFF;
  background: #003366; /* BLEU MARINE 000|051|102 */
  /* background-color:white; */
  /* background-image:url(/wimages/decor/CMB_1-6k.jpg); */
  /* background-repeat:repeat; */

}
a {
  color: #0040B0;
}
a:hover, a:focus {
 color: #5555FF;
}
.style_photo {
				margin-top: 6px;
				margin-left: 6px;
				margin-bottom: 4px;
}
/* --- POSITIONNEMENT --- */

body {
  padding: 10px 5px;
}
#global {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

/* EN-TETE (haute) */
#entete {
  background: #FFFFFF;
  color: #333333;
}
#entete {
  padding: 0;
}

/* EN-TETE (basse) */
#ariane {
  text-align: right;
  padding: 2px;
}

/* CONTENEUR CENTRAL */
#centre {
  background: url(../wimages/colonnes3.png) repeat-y;
}
#centre {
  width: 100%;
  overflow: hidden;
  color: #333333;
}

/* NAVIGATION #navigation VOIR navigation.css */

/* 1 COLONNE = CONTENU UNIQUE */
#unique {
  color: #333333;
  background: #FFFFFF;
}
#unique a {
  color: #0040B0;
}
#unique a:hover, #unique a:focus {
  color: #5555FF;
}
#unique {
  float: left;
  width: 640px;
  padding: 10px 20px;
}

/* 2 COLONNES = CONTENUS PRINCIPAL + SECONDAIRE */
#principal {
  color: #333333;
  background: #FFFFFF;
}
#principal a {
  color: #0040B0;
}
#principal a:hover, #principal a:focus {
  color: #5555FF;
}
#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: #5555FF;
}
#secondaire {
  margin-top: 6px;
  margin-left: 730px; /*220+500+10*/
  margin-right: 20px;
  padding: 12px 0;
}

/* PIED DE PAGE */
#pied a {
  color: #FFFFFF;
  /* background: #66c1f8; */
  text-decoration: underline;  
}
#pied p {
  color: #FFFFFF;
  /* background: #66c1f8; */
}
#pied {
  margin: 0;
  padding: 5px 0 20px 0;
  font-size: .85em;
}
/* PIED DE PAGE : LOGOS */
#logos {
  clear: both;
  width: 900px;
  height: 80px;
  background: #FFFFFF;
}
.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;
}


