* {
  font-family: verdana, helvetica, arial;
  font-size: 11px; 
}

body { 
  margin: 0;  
  padding: 0;
  background-color:#FFFFFF; 
} 

img {
  bottom: -6px; border:none; margin:0; padding:0;
}

#results tr .even {
  background: #ccc;
}

/*****************************************************************************/     
/* Bandeau de navigation haut                                               **/
/*****************************************************************************/  

#divnavhaut-nom-labo {
  position: absolute;
  left: 10px;
  top: 10px;
  font-weight: bold;
  white-space: nowrap;
}

#inria-grand-est {
  position: absolute;
  top: 3pt; 
  left: 3pt; 
}

.bandeau-liens { 
  position:absolute;
  left:470px;
  top:13px;
  /* font-family : Arial, Helvetica, sans-serif; 
  font-size : 12px;*/ 
  vertical-align : top;
  text-align: left; white-space: nowrap;
}

.bandeau-liens a:link, div.bandeau-liens a:visited, div.bandeau-liens a:hover {
  font-weight: bold; 
  text-decoration:none; 
  padding: 0 3px 0 3px;
}

.bandeau-liens img {
  position:relative; 
  bottom:-6px; 
  border:none; 
  margin:0; 
  padding:0;
}

/*****************************************************************************/     
/* Bandeau de navigation gauche                                             **/
/*****************************************************************************/  

.Xnavgauche, .Xnavgauche p, .XnavgaucheIcones { 
  font-size : 11px;
}

.Xnavgauche p {
  margin-top:0px;
  margin-bottom:0px
}    

.Xnavgauche p.intertitre {
  color: #A5B8C9; 
  font-weight: bold; 
  font-size : 12px;
}   

.Xnavgauche p.intertitre a:link, 
.Xnavgauche p.intertitre a:visited {
  font-weight: bold;  
  text-decoration : none; 
}

.Xnavgauche p.intertitre a:hover {
  font-weight: bold;  
  text-decoration : none; 
}             
.XnavgaucheIcones {
  vertical-align:bottom; 
}                         

#divpartenaires {
  position:absolute;
  margin:0;
  padding:0;
  width:150px;
  height:115px;
  z-index:1;
  left: 0px;
  top: 66px;
  visibility: visible;
}

#divnavgauche-spec {
  position:absolute;
  left:0px;
  top:500px;
  z-index:1;
  width:150px;
  visibility: visible; 
  margin:0; 
  padding:0;
} 

#divnavgauche-spec form {
  margin: 0;
  padding: 0;
}

#divnavgauche-spec input.box {
  font-size: 10px;
  border: 1px solid #A5B8C9;
  margin-right: 5px;
}

#divnavgauche-searchLabo {
  position:absolute;
  left:11px;
  top:579px;
  z-index:1;
  width:100px;
  visibility: visible;
}

#divnavgauche-search {
  position:absolute;
  left:11px;
  top:621px;
  z-index:1;
  width:100px;
  visibility: visible;
}					 

#boiterechercher {
  position:absolute;
  left:230px;
  top:8px;
  height:20px;
  width:150px;
  z-index:0;
  border-width: 1pt;
} 

/*****************************************************************************/
/* Une : navdroite                                                          **/
/*****************************************************************************/
td.Xnavdroite {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 1px;
  border-top-width: 1px;
  font-size : 11px;
}

td.Xnavdroite p {
  font-size : 11px; 
  margin-top : 3px; 
  margin-bottom : 0px
}       

td.Xnavdroite p.titre {
  color: #556268; 
  font-size : 14px; 
  font-weight: bold; 
  margin-bottom: 3px
}

/*****************************************************************************/     
/* Chemin de navigation pour les pages secondes                             **/
/*****************************************************************************/  

td.Xchemin {
  color: #556268; 
  vertical-align : middle
}        

td.Xchemin a:link, td.Xchemin a:visited {
  color: #556268; 
  text-decoration: none
}  

td.Xchemin a:hover {
  text-decoration: none
}       

/*****************************************************************************/     
/* Menus en CSS                                                             **/
/*****************************************************************************/  

div#menu {
  position: absolute;
  left: 0px;
  top: 290px;
  width:150px;
  margin: 0;
  padding: 0;
}

div#menu ul { 
  margin: 0; 
  padding: 0; 
  list-style-type: none; 
  list-style-image: none; 
  width: 150px; 
  background: #FFFFFF;
  border:none;
}

div#menu ul.level1 li {
  position: relative; 
  margin: 0;
  padding: 4px 6px 4px 6px;
  #width: 138px;
  width: 180px;
}

div#menu ul.level1 a { 
  display: block;
  font-weight: bold;  
  font-size : 12px;
  text-decoration: none; 
}

div#menu ul.level2, div#menu ul.level3 {
  width: 180px;
  position: absolute;
  top: 0; 
  left: 150px;
  display: none;
  font-weight: bold;
}

div#menu ul.level2 {
  width: 180px;
  margin: -1px 0 0 0;
}

div#menu ul.level2 li, div#menu ul.level3 li {
  width: 180px;
  position: relative;
  padding: 4px 5px 4px 5px;
  font-weight: bold;
}

div#menu ul.level2 a, div#menu ul.level3 a { 
  width: 180px;
  display: block;
  text-decoration: none;
  font-size: 8px;
  font-weight: bold;
}

div#menu ul.level1 li:hover ul.level2, 
div#menu ul.level2 li:hover ul.level3 {
  width: 180px;
  display:block;
}

/*****************************************************************************/  
/* corps du site                                                            **/
/*****************************************************************************/ 

hr { 
  color: #282828 
}

a:link { 
  color : #556268; text-decoration : underline; 
} 

a:visited { 
  color : #556268; 
  text-decoration : underline; 
} 

a:hover { 
  text-decoration : underline; 
} 

table {
  border-collapse: collapse;
}   

ul {
  list-style-position : outside; 
  list-style-type:square; 
  /*list-style-image:url('../images/boite-outils/puce.gif')*/
}

p {
  margin-top : 5px; 
  margin-bottom : 5px; 
}                      

ul {
  margin-top : 5px; 
  margin-bottom : 5px; 
}  

h1 {
  font-size : 13px;
}

h2 {
  font-size : 12px;
}

h3 {
  font-size : 12px;
}

td, p {
  color : #556268; 
  vertical-align : top;
  text-align: left;
}

p.titre 
{
  font-size : 14px; 
  color : #556268; 
  font-weight: bold;
}

p.sous-titre {
  font-size : 12px; 
  color : #556268; 
  font-weight: bold;
}

span.petit, ul ul, p.petit {
  font-size : 12px; 
  color: #282827; 
}         

p.intertitre { 
  padding-left: 3px; 
  padding-right: 3px; 
  color: #184C94; 
  font-weight: bold; 
  font-size : 12px;
}   

p.intertitre a:link, 
p.intertitre a:visited { 
  font-weight: bold;  
  font-size : 12px;
  text-decoration : none; 
}

p.intertitre a:hover { 
  font-weight: bold;  
  font-size : 12px;
  text-decoration : none; 
}  

/* Sommaires de haut de pages, pages liste de liens - style à appliquer à une liste */		   
ul.liste-liens a:link    { text-decoration : none; font-weight: bold;} 
ul.liste-liens a:visited { text-decoration : none; font-weight: bold;} 
ul.liste-liens a:hover   { text-decoration : underline; font-weight: bold;}            

/* tableaux avec bordures, style à appliquer au tableau */
table.table-avec-bordures, table.table-avec-bordures td, 
table.table-avec-bordures th {
  border-style : solid;
  border-width : 1px;
  border-collapse:collapse;
}      

/* tableaux sans bordures dans un tableau avec bordures */
table.table-sans-bordures, table.table-sans-bordures td,
table.table-sans-bordures th {
  border-width : 0px;
} 

textarea {
    font-size: 12px;    
}

div#conteneur {
    position: absolute;
    top: 150px; left: 0px; width: 600px;
    visibility: visible;
}

div#conteneur-saisie {
    position: absolute;
    top: 211px; left: 10px; width: 961px;
    visibility: visible;
}

div#contenu {
    margin: 5px;
    visibility: visible;
}

div#annuaire-contenu {
    margin-left: 20px;
    visibility: visible;
}

#header {
    position: absolute;
    background: #ffffff;
    top: 0px; left: 0px; width: 973px; height: 150px;
    border-right: 1px solid #3076b9;
    visibility: visible;
    z-index: 100;
}
html>body #header {
    position: fixed;
}

#colonne-gauche,
#colonne-droite {
    position: absolute;
    top: 150px;
    width: 150px;
}
html>body #colonne-gauche,
html>body #colonne-droite {
    position: fixed;
}

div#colonne-gauche {
    left: 0px; 
    width: 150px; 
    border-right: 1px solid #3076b9;
    border-bottom: 1px solid #3076b9;
}

div#colonne-droite {
    left: 599px; 
    width: 146px; 
}

#divnavhaut-nom-labo {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size : 12px;
    font-weight: bold;
    white-space: nowrap;
}

.bandeau-liens {
    position: absolute;
    left: 470px; top:13px;
    font-family: Arial, Helvetica, sans-serif; font-size : 12px;
    vertical-align : top;
    text-align: left; white-space: nowrap;
}
.bandeau-liens a:link, div.bandeau-liens a:visited, div.bandeau-liens a:hover {
    font-weight: bold; 
    text-decoration: none; 
    padding: 0 3px 0 3px;
}
.bandeau-liens img {
    position:relative; 
    bottom:-6px; 
    border: none; 
    margin:0; padding:0;
}

img#bandeau-haut-droit {
    position: relative; 
    top: 0px; left: 150px; width: 822px; height: 65px;
    border: 0;
}

img#logo-univ {
    position:absolute;
    margin:0; padding:0; border: 0px;
    top: 65px; left: 0px; width: 23px; height: 85px;
    border-top: 1px solid #3076b9;
    border-bottom: 1px solid #3076b9;
}

img#logo-lifc {
    position:absolute;
    margin:0; padding:0; border: 0px;
    top: 65px; left: 23px; width: 104px; height: 85px;
    border-top: 1px solid #3076b9;
    border-bottom: 1px solid #3076b9;
}

img#espaceur-logo-lifc {
    position:absolute;
    margin:0; padding:0; border: 0px;
    top: 65px; left: 127px; width: 46px; height: 85px;
    border-top: 1px solid #3076b9;
    border-right: 1px solid #3076b9;
    border-bottom: 1px solid #3076b9;
}

img#bandeau-lifc {
    position:absolute;
    margin:0; padding:0; border: 0px;
    top: 64px; left: 150px; width: 822px; height: 86px;
    border: 1px solid #3076b9;
}

div#colonne-gauche,
div#colonne-droite {
    position: absolute;
    top: 200px; 
}

div#colonne-gauche {
    left: 0px; 
    width: 150px; 
    border-right: 1px solid #3076b9;
    border-bottom: 1px solid #3076b9;
}

div#colonne-droite {
    left: 599px; 
    width: 146px; 
    padding: 2px;
    border: 1px solid #3076b9;
}

div#boite-annuaire {
    position: absolute;
    left: 0px;
    top: 190px;
    width:150px;
    margin: 0;
    padding: 0;
    border-right: 1px solid #3076b9;
}

/****************************/
/** Menus en CSS           **/
/****************************/

#menu-principal {
    position: absolute;
    left: 0px;
    top: 151px;
    width:150px;
    margin: 0;
    padding: 0;
    border-right: 1px solid #3076b9;
    z-index: 25;
}
html>body #menu-principal {
    position: fixed;
}
#menu-principal ul { 
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
    list-style-image: none; 
    background: #e9ecb1;
    border-right: 1px solid #3076b9;
    border:none;
}
#menu-principal ul.level1 li {
    position: relative; 
    margin: 0;
    padding: 4px 6px 4px 6px;
}
#menu-principal ul.level1 a { 
    display: block;
    text-decoration: none; 
    font-size: 11px;
}
#menu-principal ul.level2 {
    position: absolute;
    top: 0; 
    left: 150px;
    display: none;
    border: 1px;
}
#menu-principal ul.level2 {
    width: 180px;
    margin: -1px 0 0 0;
}
#menu-principal ul.level2 li {
    position: relative;
    background: #d7db9b;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}
#menu-principal ul.level2 li.titre-equipe {
    background: #d7db9b;
    font-weight: bold;
}
#menu-principal ul.level1 li:hover ul.level2, 
#menu-principal ul.level2 li:hover {display:block;}

/* Menu page personnelle */
#menu-page-personnelle {
    border-top: 2px solid #3076b9;
    border-bottom: 2px solid #3076b9;
    background: #e9ecb1;
    margin: 5px;
    padding: 0;
    z-index: 25;
}
html>body #menu-page-personnelle {
    position: relative;
}
#menu-page-personnelle ul { 
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
    list-style-image: none; 
    width: 150px; 
    background: #e9ecb1;
    border-right: 1px solid #3076b9;
    border:none;
}
#menu-page-personnelle ul.level1 {
    display: inline;
}
#menu-page-personnelle ul.level1 li {
    position: relative; 
    margin: 0;
    padding: 4px 6px 4px 6px;
    width: 138px;
    display: inline;
}
#menu-page-personnelle ul.level1 a { 
    text-decoration: none; 
}

/* Surchage pour les styles */
#divnavhaut-nom-labo { color :#3076B9; }

.bandeau-liens a:link, div.bandeau-liens a:visited, div.bandeau-liens a:hover { color:#3076B9; }

div#menu-principal ul.level1 { 
    border-top: 1px solid #3076B9; 
}
div#menu-principal ul.level1 li { 
    border-bottom: 1px solid #3076B9; 
}
div#menu-principal li a { 
    color: #3076B9; 
}
div#menu-principal li a:hover { 
    color: #286583; 
}
div#menu-principal ul.level2 { 
    border-top: 1px solid #3076B9; 
    border-right: 1px solid #3076B9; 
    border-left: 1px solid #3076B9;  
    background: #e9ecb1; 
    color: #3076bc; 
}

div#menu-principal ul.level3 { 
    border-top: 1px solid #3076B9; 
    border-right: 1px solid #3076B9; 
    border-left: 1px solid #3076B9; 
    background: #e9ecb1; 
    color: #3076bc; 
}

div#menu-principal ul.level1 a:hover { 
    font-size: 11px;
    font-weight: bold;
    color: #286583; 
}

div#menu-principal ul.level2 li, ul.level3 li { 
    background: #e9ecb1; 
}
div#menu-principal ul.level2 a, ul.level3 a { 
    color: #3076bc; 
}
div#menu-principal ul.level2 a:hover, ul.level3 a:hover { 
    font-size: 11px;
    font-weight: bold;
    color: #286583; 
}

a:hover {color : #286583; }

h2 {color : #3076B9;}

ul.rubrique-a-noter {
    padding: 0 2px 12px;
    margin: 0;
    background: url(/static/images/headline.jpg) no-repeat right bottom;
}
ul.rubrique-a-noter li {
    padding-bottom: 3px;
    margin-left: 15px;
}
ul.rubrique-a-noter li.more {
    margin-left: 15px;
}

#colonneDroite .autresNews { 
    background:#BEC8CC url('/static/images/bordhautgauche.gif') no-repeat scroll left top;
}

#colonneDroite .autresNews h2 { 
    border:medium none;
    color:#516A6C;
    /*color: #5ae299;*/
    font-size:12px;
    margin:0px;
    padding:3px 0pt 2px 7px;
    text-transform:uppercase;
    background:transparent url('/static/images/bordhautdroit.gif') no-repeat scroll right top;
}

.relatedCat, #boitePt  {
    background-color: #EBEFF3;
    border-color: #EBEFF3;
    border-style:solid;
    border-width:1px;
    margin:0px;
    padding:3px 4px 1px 7px;
}

div#colonneDroite div.autresNews div.relatedCat blockquote {
    font-family:"Lucida Grande",Tahoma,Arial,sans-serif;
    font-size:10px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    margin:0px 0px 5px 15px;
}

.profil-personne img {
    width: 102px; height: 153px;
    padding-right: 20px;
    float: left;
}
table.profil-personne tr {
    font-weight: normal;
    padding-right: 10px;
    vertical-align: top;
}
table.profil-personne td {
    font-weight: normal;
    padding-right: 10px;
    vertical-align: top;
}

/**
 * Style pour la page personnelle 
 */
.page-personnelle h1 {
    color: #556268;
    font-size: 20px;
}
.page-personnelle h2 {
    color: #556268;
    font-size: 12px;
}
.page-personnelle img {
    /*width: 102px; height: 153px;*/
    padding-right: 20px;
    float: left;
}
.page-personnelle th {
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
    vertical-align: top;
    color : #556268;
}
.page-personnelle td {
    vertical-align: top;
}
div.actualite-box1 {
    width: 200px; height: 200px;
    padding-right: 10px;
    float: left;  
}

ul.liste2-liens a:link    { text-decoration : none;}
ul.liste2-liens a:visited { text-decoration : none;}
ul.liste2-liens a:hover   { text-decoration : underline;}

.select {
  width: 200px;
}

a:hover {color : #286583; }

/*h1,h2 {color : #3076B9;}*/
h1,h2 {color : #5D8BA2;}

p.intertitre a:link, 
p.intertitre a:visited {color: #5D8BA2; }

p.intertitre a:hover {color: #286583;}

/* Sommaires de haut de pages, pages liste de liens - style à appliquer à une liste */		   
ul.liste-liens a:link    {color : #3076B9; }
ul.liste-liens a:visited {color : #3076B9; }
ul.liste-liens a:hover   {color : #286583; }

/* tableaux avec bordures, style à appliquer au tableau */
table.table-avec-bordures, table.table-avec-bordures td, 
table.table-avec-bordures th
{
border-color : #3076B9;
}      

table.spip, table.spip td { 
border-color : #3076B9;
}              

td.separateur { background-color: #3076B9; }

#divnavhaut-nom-labo {
color :#3076B9;
}

.bandeau-liens a:link, div.bandeau-liens a:visited, div.bandeau-liens a:hover 
{color:#3076B9;}

/*****************************************************************************/     
/* Bandeau de navigation gauche                                             **/
/*****************************************************************************/  
.Xnavgauche p.intertitre a:link, 
.Xnavgauche p.intertitre a:visited 
{color: #5D8BA2; }
.Xnavgauche p.intertitre a:hover  
{color: #286583; }

td.Xnavdroite { border-bottom-color: #3076B9; }
/*****************************************************************************/     
/* Chemin de navigation pour les pages secondes                             **/
/*****************************************************************************/  
td.Xchemin a:hover
{color: #286583; }       

/*****************************************************************************/     
/* Menus en CSS                                                             **/
/*****************************************************************************/  
div#menu ul.level1 {
border-top: 1px solid #e9ecb1;
}

div#menu ul.level1 li {
/*border-bottom: 1px solid #3076B9;*/
border-bottom: 1px solid #3076B9;
}

div#menu li a {
color: #3076B9;
}

div#menu li a:hover {
color: #286583;
}

div#menu ul.level2 { 
background: #e9ecb1;
color: #FFFFFF;
}

div#menu ul.level2 { 
background: #e9ecb1;
color: #FFFFFF;
}

div#menu ul.level3 { 
background: #e9ecb1;
color: #FFFFFF;
}


div#menu ul.level2 li, ul.level3 li {
background: #e9ecb1;
}

div#menu ul.level2 a, ul.level3 a { 
color: #FFFFFF;
}

div#menu ul.level2 a:hover, ul.level3 a:hover { 
color: #286583;
}

#navsite h5 {
    display: none;
}
#navsite ul {
    padding: 3px 0; 
    margin-left: 0; 
    border-bottom: 1px solid #778; 
    font: bold 12px Verdana, sans-serif; 
}
#navsite ul li {
    list-style: none;
    margin: 0; 
    display: inline; 
}
#navsite ul li a {
    padding: 3px 0.5em; 
    margin-left: 3px; 
    border: 1px solid #778;
    border-bottom: none;
    background: #dde;
    text-decoration: none;
}
#navsite ul li a:link {
    color: #448;
}
#navsite ul li a:visited {
    color: #667;
}
#navsite ul li a:link:hover, #navsite ul li a:visited:hover {
    color: #000;
    border-color: #227;
    color: white;
}
#navsite ul li a#current {
    border-bottom: 1px solid white;
    color: #3076B9;
}

span.titre-1 { font-size: 14px; font-weight: bold; color: #3076B9; }

span.titre-2 { font-size: 12px; font-weight: bold; color: #3076B9; }

ul.liste-liens-2 { font-size: 12px; }
ul.liste-liens-2 a:link    {color : #3076B9; }
ul.liste-liens-2 a:visited {color : #3076B9; }
ul.liste-liens-2 a:hover   {color : #286583; }
ul.liste-liens-2 li { padding-bottom: 3px; }
ul.liste-liens-2 p { color : #3076B9; font-weight: bold; }


div#ligne-titre {
  background-color: #e9ecb1;
  border: 1px solid #3076b9;
  padding: 0px 5px 0 0;
  margin: 0px 0px 0px -2px;
}
div#ligne-titre p {
  color: #516A6C;
  font: bold 12px "Lucida Grande", Tahoma, Arial, sans-serif;
}
#ligne-titre p#date {
  color: #516A6C;
  background-color: #EBEFF3;
  display: inline;
  float: left;
  margin: 0px 10px 0px 0px;
  padding: 2px 10px 0 10px;
  border-right: 1px solid #3076b9;
  height: 1.5em;
  padding: 2px 10px 0 10px;
}
#ligne-titre p#posted {
  font-size: 10px;
  font-weight: normal;
  float: right;
  margin: 2px 0px 0px;
}
#ligne-titre p#source {
  margin: 2px 0px 0px;
  height: 1.5em;
}

div.subsection h1 { color: #516A6C; padding-top: 3px; }
div.subsection h1>a { color: #6196c9; padding-top: 3px; }

div.subsection h2 { color: #516A6C; padding-top: 3px; }
div.subsection h2>a { color: #6196c9; padding-top: 3px; }

a.more {
  background: url(/static/images/moremain.gif) no-repeat right top;
  padding-right: 16px;
  white-space:nowrap;
}

h3 {
  display: block;
  position: relative;
  margin: 10px 0 5px 0;
  padding: 0 0 0 0px;
  border-width: 0 0 0 0px;
  border-color: transparent;
  border-style: none;
  background:  transparent;
}

h3 div.all_zone {
  display: block;
  position: relative;
  background-color: #D6D6D6;
  height: 22px;
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
  z-index: 5;
}

h3 div.content_zone {
  display: block;
  position: relative;
  top: -2px;
  left: -2px;
  height: 20px !important;
  height: 22px;
  border-width: 1px 1px 1px 1px;
  border-color: #CDCDCD;
  border-style: solid;
  overflow: hidden;
  vertical-align: middle;
}

h3 span.left_zone {
  position: relative;
  z-index: 10;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  height: 20px !important;
  height: 22px;
  float: left;
}

h3 span.middle_zone {
  position: relative;
  padding: 0 0 0 0;
  height: 20px !important;
  height: 22px;
  float: left;
  line-height: 1.4em;
  vertical-align: middle;
  min-width: 15%;
}

h3 span.right_zone {
  position: relative;
  text-align: center;
  padding: 0px 0px 0px 0px;
  height: 20px !important;
  height: 22px;
  float: right;
  font-family: Arial,Helvetica,Sans-serif;
  font-weight: normal;
  font-size: 12px;
  top: 3px;
  /* IE Mac Hack \*//*/    line-height:1.8em;		vertical-align:middle; /**/
} 

h3 span.right_zone a {
  color: #2D77B9;
  background-color: transparent;
}

h3 span.texte404 {
  position: relative;
  padding: 0 0 0 0;
  height: 20px !important;
  height: 22px;
  float: left;
  line-height: 1.4em;
  vertical-align: middle;
  min-width: 15%;
  text-transform:none;
  font-size:14px;
}

h3 #bg_img_blue {
  background: #fff url(/static/images/bg_inline_header_black.gif) repeat-x left;
}


h3 #bg_img_yellow {
  background: #fff url(/static/images/bg_inline_header_black.gif) repeat-x left;
}

h3 #bg_img_yellow span {
  background: #fff;
}

h3 #bg_img_yellow .left_zone {
  background: #fff url(/static/images/arrow_yellow3.gif) no-repeat top left;
  width: 20px;
}

h3 #bg_img_blue {
  background: #fff url(/static/images/bg_inline_header_black.gif) repeat-x left;
}

h3 #bg_img_blue span {
  background: #fff;
}

h3 #bg_img_blue .left_zone {
  background: #fff url(/static/images/arrow_blue3.gif) no-repeat top left;
  width: 20px;
}

h3 #bg_img_green {
  background: #fff url(/static/images/bg_inline_header_black.gif) repeat-x left;
}

h3 #bg_img_green span {
  background: #fff;
}

h4 {
  display: block;
  position: relative;
  margin: 10px 0 5px 0;
  padding: 0 0 0 0px;
  border-width: 0px 0px 0px 0px;
  border-color: transparent;
  border-style: none;
}

h4 div.all_zone {
  display: block;
  position: relative;
  background-color: #D6D6D6;
  height: 22px;
  color: #666666;
  font-size: 12px;
  z-index: 5;
}

h4 div.content_zone {
  display: block;
  position: relative;
  background:  #F3F3F3 url(/static/images/bg_inline_header_black.gif) repeat-x left;
  top: -2px;
  left: -2px;
  height: 20px !important;
  height: 22px;
  border-width: 1px 1px 1px 1px ;
  border-color: #CDCDCD;
  border-style: solid;
  overflow: hidden;
}

h4 span.left_zone {
  position: relative;
  z-index: 10;
  height: 20px !important;
  height: 22px;
  float: left;
  background: #F3F3F3;
  padding: 0px 0px 0 15px;
}

h4 span.middle_zone {
  position: relative;
  background: #F3F3F3;
  padding: 2px 0px 0 0px;
  height: 20px !important;
  height: 22px;
  float: left;
  line-height: 1.3em;
  vertical-align: middle;
}

h4 span.right_zone {
  position: relative;
  background:  #F3F3F3;
  text-align: center;
  padding: 2px 0px 0 0px;
  height: 20px !important;
  height: 22px;
  float: right;
  max-width: 80%;
}

h4 div.bg_img_rond {
  display: block;
  position: absolute;
  z-index: 9;
  height: 28px;
  width: 28px;
  top: -5px;
  left: -9px;	
  float: left;
}

h4 div.bg_img_rect {
  display: block;
  position: absolute;
  z-index: 10;
  height: 22px;
  width: 7px;
  top: -2px;
  left: -1px;	
  float: left;
  padding: 0px 0px 0 0px;
}


h4 div#bg_img_yellow {
  background: transparent url(/static/images/rect_yellow.gif ) repeat-y left;
}

h4 div#bg_img_blue {
  background: transparent url(/static/images/rect_blue.gif ) repeat-y left;
}

h4 div#bg_img_rond_blue {
  background: transparent url(/static/images/entete_rond_blue.gif ) no-repeat left;
}

div.singleBlock {
  float: left;
  margin: 0 0 10px 15px;
  z-index: 5;
}

/* divers styles de cadres de contenu */
div.cadreBlueBorder {
  border: 1px solid #276fa3;
  padding: 5px 0 5px 0;
  margin-bottom: 5px;
}

div.cadrePremium {
  background-color: #F7D37B;
  color: #7B5F08;
  font-weight: bold;
  width: auto;
  padding: 5px 10px 5px 10px;
  margin-bottom: 5px;
  text-align: justify;
}

div.cadreRedBorder {
  border: 1px solid #CC0000;
  padding: 5px 0 5px 0;
  margin-bottom: 5px;
}

div.cadreGrayBg {
  border: 1px solid #E5E5E5;
  padding: 5px 0 5px 3px;
  margin-bottom: 5px;
  background-color: #F4F4F4;
}


.contents {
  position : relative;
  top:0px;
  float:left;	
  margin:0px;
  padding:0px;
  text-align:center;
}

.border_blue {
  position : relative;
  top:-10px;
  float:left;
  border:1px solid #3076BC;
  padding:15px 2px 0 2px;
}

.border_blue p {
  position : relative;
  left:0px;
  top:0px;
  padding:0px 0px 2px 0px;
  margin : 5px 2px 5px 2px;
  font-size:12px;
  color:#000;
  text-align:left;
  background : url(/static/images/dotted_gray.gif) repeat-x left bottom;
  font-size:11px;
}

.border_blue p a {
  margin-left:2px;
  color : #000;
}
.border_blue p span.date {
  color : #000;
  font-weight:normal;
  font-size:10px;
}

#FirstColumn p.nobg, #SecondColumn p.nobg, #ThirdColumn p.nobg {
  background:none;
  padding-bottom:0px;
  margin-bottom:0px;
}

.RightBoxesImg {
  float:right;
  position:absolute;
  right:1px;
  _right:0;
  top:1px;
  _top:0px;
}

.RightBoxesImg img {
  border:none;
  z-Index:1;
}

.minH {
  height: auto !important;
  height: 68px;
  min-height: 52px;
}

.titles {
  font-size: 12px;
  text-align: left;
  position : relative;
  float:left;
  height:18px;
  vertical-align:middle;
  border:none;
  border-bottom:1px solid #8F8F8F;
  border-right:1px solid #8F8F8F;
  margin:0px 0px 0px 5px;
  z-index:15;
}

.titles h6 {
  position : relative;
  float:left;
  background: #3076BC ;
  padding-top:1px !important;
  padding:0px 8px 0px 10px;
  margin:0px;
  color:#fff;
  font-size:14px;
  height:15px;
  _height:16px;
  border:1px solid #fff;
  text-transform:uppercase;
}

/* titres pour boîtes avec légendes */
.titres {
  border-color:-moz-use-text-color #8F8F8F rgb(143, 143, 143) -moz-use-text-color;
  border-style:none solid solid none;
  border-width:medium 1px 1px medium;
  float:left;
  height:18px;
  margin:0px 0px 0px 5px;
  position:relative;
  vertical-align:middle;
  z-index:10;
}
.titres h3 {
  background:#3076BC none repeat scroll 0%;
  border:1px solid #FFFFFF;
  color:#FFFFFF;
  float:left;
  font-size:12px;
  height:15px;
  margin:0px;
  padding-bottom:0px;
  padding-left:10px;
  padding-right:8px;
  padding-top:1px !important;
  position:relative;
  text-transform:uppercase;
}

.contents {
  clear:left;
  margin:0px;
  padding:0px;
  position:relative;
  text-align:center;
  top:0px;
}

/* Styles de cadres de contenu */
div.tout_cadre {
  display: block;
  clear: left;
  position: relative;
  background-color: #D6D6D6;
  padding: 0px 0px 0px 0px;
}

div.cadre {
  display :block;
  position: relative;
  border: 1px solid #E5E5E5;
  padding: 5px 0 5px 3px;
  margin-bottom: 5px;
  top: -2px;
  left: -2px;
  background-color: #FFFFFF;
}

/**
 * Dessine un cadre avec une ombre
 */
div.cadre_ombre {
  display: block;
  clear: left;
  position: relative;
  background-color: #D6D6D6;
  padding: 0px 0px 0px 0px;
}

div.cadre {
  display :block;
  position: relative;
  border: 1px solid #E5E5E5;
  padding: 5px 0 5px 3px;
  margin-bottom: 5px;
  top: -2px;
  left: -2px;
  background-color: #FFFFFF;
}

/**
 * Affiche un titre avec une décoration
 */
h4 {
  display: block;
  position: relative;
  margin: 10px 0 5px 0;
  padding: 0 0 0 0px;
  border-width: 0px 0px 0px 0px;
  border-color: transparent;
  border-style: none;
}

h4 div.zone_complete {
  display: block;
  position: relative;
  background-color: #D6D6D6;
  height: 22px;
  color: #666666;
  font-size: 12px;
  z-index: 5;
}

h4 div.zone_contenu {
  display: block;
  position: relative;
  background:  #F3F3F3 url(/static/images/bg_entete_point_noir.gif) repeat-x left;
  top: -2px;
  left: -2px;
  height: 20px !important;
  height: 22px;
  border-width: 1px 1px 1px 1px ;
  border-color: #CDCDCD;
  border-style: solid;
  overflow: hidden;
}

h4 span.zone_gauche {
  position: relative;
  z-index: 10;
  height: 20px !important;
  height: 22px;
  float: left;
  background: #F3F3F3;
  padding: 0px 0px 0 15px;
}

h4 span.zone_milieu {
  position: relative;
  background: #F3F3F3;
  padding: 2px 0px 0 0px;
  height: 20px !important;
  height: 22px;
  float: left;
  line-height: 1.3em;
  vertical-align: middle;
}

h4 span.zone_droite {
  position: relative;
  background:  #F3F3F3;
  text-align: center;
  padding: 2px 0px 0 0px;
  height: 20px !important;
  height: 22px;
  float: right;
  max-width: 80%;
}

h4 div.bg_img_rond {
  display: block;
  position: absolute;
  z-index: 9;
  height: 28px;
  width: 28px;
  top: -5px;
  left: -9px;
  float: left;
}

/**
 * Boite titre avec dominante rouge
 */

div.legende-rouge {
  display: block;
  position: relative;
  margin: 10px 0 5px 0;
  padding: 0 0 0 0px;
  border-width: 0px 0px 0px 0px;
  border-color: transparent;
  border-style: none;
  width: 100%;
  font-weight: bold;
}

div.legende-rouge div.zone_complete {
  display: block;
  position: relative;
  background-color: #9a2424;
  height: 22px;
  color: #9a2424;
  font-size: 12px;
  z-index: 5;
}

div.legende-rouge div.zone_contenu {
  display: block;
  position: relative;
  background: #ffffff url(/static/images/bg_entete_point_rouge.gif) repeat-x left;
  top: -2px;
  left: -2px;
  height: 20px !important;
  height: 22px;
  border-width: 1px 1px 1px 1px ;
  border-color: #fb8c8c;
  border-style: solid;
  overflow: hidden;
}

div.legende-rouge span.zone_gauche {
  position: relative;
  z-index: 10;
  height: 20px !important;
  height: 22px;
  float: left;
  background: #ffffff;
  padding: 0px 0px 0 15px;
}

div.legende-rouge span.zone_milieu {
  position: relative;
  background: #ffffff;
  padding: 2px 0px 0 0px;
  height: 20px !important;
  height: 22px;
  float: left;
  line-height: 1.3em;
  vertical-align: middle;
}

div.legende-rouge span.zone_droite {
  position: relative;
  background:  #ffffff;
  text-align: center;
  padding: 2px 0px 0 0px;
  height: 20px !important;
  height: 22px;
  float: right;
  max-width: 80%;
}

/**
 * Boite titre avec dominante bleue
 */

div.legende-bleue {
  display: block;
  position: relative;
  margin: 10px 0 5px 0;
  padding: 0 0 0 0px;
  border-width: 0px 0px 0px 0px;
  border-color: transparent;
  border-style: none;
  width: 100%;
  font-weight: bold;
}

div.legende-bleue div.zone_complete {
  display: block;
  position: relative;
  background-color: #7ba9d4;
  height: 22px;
  color: #3076b9;
  font-size: 12px;
  z-index: 5;
}

div.legende-bleue div.zone_contenu {
  display: block;
  position: relative;
  background: #ffffff url(/static/images/bg_entete_point_bleu.gif) repeat-x left;
  top: -2px;
  left: -2px;
  height: 20px !important;
  height: 22px;
  border-width: 1px 1px 1px 1px ;
  border-color: #7ba9d4;
  border-style: solid;
  overflow: hidden;
}

div.legende-bleue span.zone_gauche {
  position: relative;
  z-index: 10;
  height: 20px !important;
  height: 22px;
  float: left;
  background:  #ffffff;
  padding: 0px 0px 0 15px;
}

div.legende-bleue span.zone_milieu {
  position: relative;
  background:  #ffffff;
  padding: 2px 0px 0 0px;
  height: 20px !important;
  height: 22px;
  float: left;
  line-height: 1.3em;
  vertical-align: middle;
}

div.legende-bleue span.zone_droite {
  position: relative;
  background:  #ffffff;
  text-align: center;
  padding: 2px 0px 0 0px;
  height: 20px !important;
  height: 22px;
  float: right;
  max-width: 80%;
}

div.legende-bleue div.bg_img_rond {
  display: block;
  position: absolute;
  z-index: 9;
  height: 28px;
  width: 28px;
  top: -5px;
  left: -9px;
  float: left;
}

/**
 * Boite titre avec dominante bleu foncé
 */

div.legende-bleu-fonce {
  display: block;
  position: relative;
  margin: 10px 0 5px 0;
  padding: 0 0 0 0px;
  border-width: 0px 0px 0px 0px;
  border-color: transparent;
  border-style: none;
  width: 100%;
  font-weight: bold;
}

div.legende-bleue-fonce div.zone_complete {
  display: block;
  position: relative;
  background-color: #1616c4;
  height: 22px;
  color: #1616c4;
  font-size: 12px;
  z-index: 5;
}

div.legende-bleue-fonce div.zone_contenu {
  display: block;
  position: relative;
  background: #ffffff url(/static/images/bg_entete_point_bleu_fonce.gif) repeat-x left;
  top: -2px;
  left: -2px;
  height: 20px !important;
  height: 22px;
  border-width: 1px 1px 1px 1px ;
  border-color: #1616c4;
  border-style: solid;
  overflow: hidden;
}

div.legende-bleue-fonce span.zone_gauche {
  position: relative;
  z-index: 10;
  height: 20px !important;
  height: 22px;
  float: left;
  background:  #ffffff;
  padding: 0px 0px 0 15px;
}

div.legende-bleue-fonce span.zone_milieu {
  position: relative;
  background:  #ffffff;
  padding: 2px 0px 0 0px;
  height: 20px !important;
  height: 22px;
  float: left;
  line-height: 1.3em;
  vertical-align: middle;
  font-weight: bold;
}

div.legende-bleue-fonce span.zone_droite {
  position: relative;
  background:  #ffffff;
  text-align: center;
  padding: 2px 0px 0 0px;
  height: 20px !important;
  height: 22px;
  float: right;
  max-width: 80%;
}

div.legende-bleue-fonce div.bg_img_rond {
  display: block;
  position: absolute;
  z-index: 9;
  height: 28px;
  width: 28px;
  top: -5px;
  left: -9px;
  float: left;
}

div.box {
        border: 1px solid #3076b9;
        padding: 0px 0px 0px 0px;
        font: normal 11px sans-serif;
}
table.results { 
    padding: 0; 
    margin: 0; 
    background: #eee; 
    width: 100%; 
}
table.results td { 
    padding: 3px 4px 0 4px; 
    margin: 0; 
    border: 0; 
}
table.results tr.heading { 
    background: #afafaf; 
}
table.results tr { 
    background: #fff; 
}
table.results tr .rhdr { 
    text-align: right; 
}
table.results tr .rdta { 
    text-align: right; 
}
table.results table tr.alt td { 
    background: #ecf6fc; 
}
td.hdr {
	font-weight: bold;
	padding: 5px;
	background: #e9ecb1;
	text-align: left;
}
td.rhdr {
    font-weight: bold;
	background: #e9ecb1;
	text-align: right;
	width:100px;
}

#barre-droite {
  	float:right;
  	width: 150px;
  	margin-top: -5px;
  	margin-left: 5px;
  	margin-bottom: 3px;
}

div.seminaire th {
    vertical-align: top;
}
div.seminaire td {
    padding-top: 5px;
    padding-left: 5px;
}
div.seminaire th {
    padding-top: 5px;
}

#equipe-composition {
  	display: block;
  	background-color: #d0dae4;
  	padding: 2px 0px 0px 0px;
}

#equipe-composition h2 {
  	padding: 0px;
  	text-decoration: underline;
}

#equipe-composition h3 {
  	display: inline;
  	color: #516A6C;
  	font-size: 12px;
  	font-weight: bold;
  	width: 100px;
  	padding: 0px;
}

div#boite-actualites {
    position: absolute;
    left: 0px;
    top:250px;
    width:150px;
    margin: 0;
    padding: 0;
    border-right: 1px solid #3076b9;
    z-index: 25;
}

.fiche table {
  width: auto;
}
.fiche th,td {
  vertical-align: top;
}

.titre-page {
    background-color: #ebeff3;
    border: 1px solid #3076b9; 
    padding: 2px 2px 2px 5px;
    font-weight: bold; 
}

.html-boite1 {
    background-color: #fbfbd8;
    border: solid 1px #3076b9;
    -moz-border-radius: 8px;
}
.html-boite1>h1 {
    margin: 2px 2px 2px 5px;
    font-weight: bold;
    font-size: 12px;
}
.html-boite1>p {
    margin: 2px 2px 2px 5px;
    font-weight: bold;
    font-size: 12px;
}
.html-boite2 {
    padding: 2px;
    background-color: #d0dae4;
    border: solid 1px #3076b9;
    -moz-border-radius: 8px;
}
.html-boite2>h1 {
    margin: 2px 2px 2px 2px;
    font-weight: bold;
    font-size: 12px;
    color: #666666;
}
.html-boite2>p {
    margin: 2px 2px 2px 2px;
    font-weight: bold;
    font-size: 12px;
}
.html-boite2>a {
    margin: 2px 2px 2px 2px;
    font-weight: normal;
    font-size: 12px;
}

.flag {
    top: 1px;
}
#results table tr.results-row#results { background: #ffffff; }
#results tr.odd { background: #ffffff; }
#results tr.even { background: #e3e3e3; }
#results tr.hightlight { background: #cccccc; }

div#menu-user-ombre { background: #b9b9b9; position: relative; left: 0px; }
div#menu-user { background: #e9ecb1; position: relative; top: -2px; left: -2px; font-size: 11px; padding: 3px; border: solid 1px;} 
div#menu-user table { margin: 5px; }
div#menu-user span { font-weight: bold; font-size: 11px; }
div#menu-user a { font-size: 11px; color: #3076B9; }
div#menu-user a:hover { font-size: 11px; color: #286583; }

div#composition-lab-ombre { 
    margin-left: 10px;
    margin-bottom: 10px;
    background: #489cbf; 
    /*background: #b9b9b9;*/ 
    position: relative; 
    left: 0px; 
    top: 5px;
    float: right; 
    width: 200px;
}
div#composition-lab { background: #ddedf3; position: relative; top: -2px; left: -2px; font-size: 11px; padding: 3px; border: solid 1px;} 
div#composition-lab table { margin: 5px; }
div#composition-lab span { font-weight: bold; font-size: 11px; }
div#composition-lab a { font-size: 9px; font-weight: bold; color: #3076B9; }
div#composition-lab a:hover { font-size: 9px; color: #286583; }
div#composition-lab h1 { margin-left: 5px; font-size: 11px; color: #286583; }

#news-feed {
   position: relative;
   height: 200px;
   width: 17em;
   overflow: hidden;
}

.headline {
   position: absolute;
   height: 200px;
   top: 210px;
   overflow: hidden;
}

div#loading { 
    margin-left: 10px;
    margin-bottom: 10px;
    background: #b9b9b9; 
    position: absolute; 
    left: 300px; 
    top: 300px;
    float: right; 
    width: 200px;
    display: none;
}
div#loading-2 { 
    background: #e9ecb1; 
    position: relative; 
    top: -2px; left: -2px; 
    font-size: 11px; 
    padding: 3px; 
    border: solid 1px;
}