/* Styles generaux */

/* valeur margin et padding, haut, droit, bas, gauche   */

* {

  font-family: Verdana, Arial black, Helvetica, sans-serif;

}



body {

  margin: 0;

  padding: 0;

  background-color:  #008080;

  font-size : 10px;

  behavior: url(styles/csshover.htc);

}





/* Styles pour Spip */



.spip_documents { 

  text-align: center;

}



.spip_documents_center { 

  width: auto;

  display: block;

  margin: auto;

}



.spip_documents_left { 

  margin: 5px;

  float: left;

}



.spip_documents_right { 

  float: right;

  margin: 5px;

}



.spip_surligne {

  color : #000000;

  background-color: #FFFF00;

}



blockquote.spip, 

blockquote.spip p,

.spip_serif { 

  font-family:"Arial Black", Bitstream Vera Serif,  Times, serif;

}



blockquote.spip { 

  margin: 1em; 

  padding-left: 1em;

}



.spip_code,

code,

.spip_cadre { 

  font-family: monospace; 

  font-style: normal; 

  font-size: 1em; 

  margin: 1em;

}



#texte .spip_cadre {

  border: 1px solid #999999; 

  padding: 5px;

}



table.spip {

  margin: 15px 0px 15px 10px;

  border: 1px solid;

  border-collapse: collapse; 

}



table.spip caption {

  caption-side: top; /* bottom pas pris en compte par IE */

  text-align: center;

  margin: auto;

  padding: 3px;

  font-weight: bold; 

}



table.spip td,

table.spip th {

  border-style : solid;

  border-width : 1px;

  padding: 3px 5px 3px 5px;

}



table.spip th { 

  text-align: left;

}



h3.spip {

  font-size: 11px;
  text-align: center;

  font-weight: bold;

  margin: 20px 0px 10px 0px;

}



p.spip {

  margin: 5px 0px 5px 0px;

}



hr.spip {

  width: 80%;

  margin: 20px auto 20px auto;

}



a.spip_note {

  text-decoration: none;

}



/* Fin styles pour Spip */



/* liens internes et externes */

a.spip_in { text-decoration: underline; color: #333333; } /* liens internes */

a.spip_out, a.spip_url, a.spip_glossaire { /* liens sortants */

	text-decoration: underline; color: #333333;

	background: url(../IMG/spip_out.gif) no-repeat right;

	padding-right: 10px;

}



.accessibility {

  display: none;

}



.clearer {

  clear: both;

}



img {

  border: none;

}



a:link,

a:visited,

a:hover {

  text-decoration : underline;

}



table {

  border-collapse: collapse;

}



h3 {

  font-size: 11px;

  font-weight: bold;

  margin: 0 0 5px 0;

}



h3 a:link,

h3 a:visited,

h3 a:hover {

  text-decoration: none;

}



td, p

{

  font-size: 11px;

}



span.petit,

ul ul,

p.petit {

  font-size: 10px;

}



ul.liste-liens a:link,

ul.liste-liens a:visited,

ul.liste-liens a:hover {

  text-decoration: none;

  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;

}





/* Conteneur general */

/* ************************************** */

/* rajout pour centrer le site dans la page */

#page {

	width: 750px;

	padding: 0px;

	margin-top: 10px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 10px;

	background-color:#FFFFFF;

}

/* ************************************** */



/* ************************************** */

/* rajout pour centrer le site dans la page */

/* La couleur #xxxxxx; doit correspondre à l'UMR */

/* autre = #3076b9 */

/* chimie = #ff9352 */

/* edd = #edd407 */

/* mppu = #e42f2f */

/* shs = #f09415 */

/* stii = #e287d8 */

/* vivant = #d32264 */



#page {

	border-top: 1px solid #f09415;

	border-bottom: 0px solid #f09415;

	border-left: 1px solid #f09415;

	border-right: 1px solid #f09415;

}



/* ************************************** */

/* rajout pour centrer le site dans la page */

#main {



	border-right: 0px solid;

 	border-bottom: 0px solid;



}

/* ************************************** */



#main {

  position: relative;

  margin: 0;

  padding: 0;

  width: 750px;

  border-right: 1px solid;

  border-bottom: 1px solid;

}





/* Bandeau superieur */



#top {

  position: relative;

  background: url(../images/charte/bandeau-haut-droit.gif) no-repeat bottom right;

  height: 65px;

  border-bottom: 1px solid;

  margin: 0;

  padding: 0;

}



#nom-labo {

  padding: 10px 0 0 10px;

}



#nom-labo h1 {

  font-size : 18px;

  font-weight: bold;

  white-space: nowrap;

  margin: 0;

  padding: 0;

}



#nom-labo h1 a {

  text-decoration: none;

}





#liens-top {

  margin: 5px -1px 5px 0;

  position: absolute;

  right: 0px;

  bottom: 25px;

  white-space: nowrap;

  list-style: none;

}



#liens-top a:link,

#liens-top a:visited,

#liens-top a:hover {

  font-weight: bold;

  text-decoration: none;

  padding: 0;

}



#liens-top li {

  float: left;

  display: inline;

  padding: 0 0.7em 0.2em 0.9em;

  margin: 0;

  background: url(../images/charte/trait-vertical.gif) no-repeat bottom left;

}







/* Colonne de gauche */

       

#colgauche {

  position: relative;

  float: left;

  width: 150px;

  border-right: 1px solid;

  padding-bottom: 80px;

  z-index: 10;

}



#partenaires {

  margin: -1px 0 0 0;

}



#partenaires .partenaire {

  width: 150px;

  text-align: center;

  border-top: 1px solid;

}





/* Menu */



div#menu {

  position: relative;

  width: 150px; 

  margin: 10px 0 0 0;

  background:  #FFA500

}





div#menu li:hover { 

  background: #FFA500;

} 



div#menu ul {

  margin: 0; 

  padding: 0; 

  width: 150px; 

  background: white;

  border-top: 1px solid;

}



div#menu li {

  position: relative; 

  list-style: none; 

  margin: 0;

  padding: 0; 

  border-bottom: 1px solid;

}



div#menu li a {

  display: block;

  font-weight: bold;

  font-size : 12px;

  text-decoration: none;

  padding: 4px 5px 4px 5px;

  width: 140px;

}



div#menu ul.level2 li a,

div#menu ul.level3 li a { 

  text-decoration: none;

  font-size: 12px;

  font-weight: normal;

}



div#menu>ul a {

  width: auto;

}



div#menu ul ul {

  position: absolute; 

  top: -1px; 

  left: 150px;

  display: none;

}



div#menu ul.level1 li:hover ul.level2, 

div#menu ul.level2 li:hover ul.level3 {

  display: block !important;

}





/* Annuaire et Intranet */



#annuaire,

#intranet {

  position: relative;

  width: 150px;

  margin: 50px 0 0 0;

  border-top: 1px dotted;

}



#intranet { 

  margin-top: 0px;

  background: url(../images/boite-outils/icones/intranet.gif) no-repeat 5px center;

}



#annuaire ul,

#intranet ul {

  list-style-type: none;

  list-style-image: none;

  margin: 0;

  padding: 0;

  width: 150px;

}



#intranet ul {

  margin-left: 25px;

  width: 125px;

}



#annuaire ul li a,

#intranet ul li a {

  display: block;

  font-weight: bold;

  font-size : 12px;

  text-decoration: none;

  padding: 10px 6px 10px 6px;

  width: 138px;

}



#intranet ul li a { 

  width: 113px;

}



/* Rechercher */



#recherche {

  position: relative;

  border-top: 1px dotted;

  border-bottom: 1px dotted;

  padding: 10px 6px 6px 6px;

  margin: 0;

}



#recherche h2 {

  margin: 0;

  padding: 0;

  font-weight: bold;

  font-size : 11px;

}



#recherche p {

  font-size: 11px;

  margin: 0;

  line-height: 13px;

  padding: 0;

}



#recherche form {

  padding: 0;

  margin: 0;

}



#recherche input.box {

  position: relative;

  top: -6px;

  font-size: 10px;

  border: 1px solid;

  width: 100px;

  margin: 0 5px 0 0;

  padding: 1px;

}



/* Menu de langue */



#lang { 

  border-bottom: 1px dotted;

  padding: 10px 6px 10px 6px;

  margin: 0;

}



#lang form {

  padding: 0;

  margin: 0;

}



#lang label { 

  margin: 0;

  padding: 0;

  font-weight: bold;

  font-size : 11px;

}



#lang select {

  margin-top: 5px;

  border: 1px solid;

  font-size: 10px;

  width: 100px;

  background-color: white;

}



#lang input { 

  margin: 5px 0 0 5px;

  border: none;

  padding: 0;

  font-size: 10px;

}



/* Icones de navigation */



#navigation {

  position: absolute;

  left: 0px;

  bottom: 10px;

  width: 150px;

  text-align: center;

  z-index: 20;

}



#navigation ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

  list-style-image: none;

}



#navigation ul li {

  margin: 0;

  padding: 0;

  display: inline;

}





/* Colonne de droite */



#pageune,

#pageseconde {

  position: relative;

  margin: 0 0 0 150px;

  padding: 0;

  border-left: 1px solid;

}



#pageune {

  background: url(../IMG/bandeau_une.jpg) no-repeat top left;

}



#pageseconde {

  background: url(../IMG/bandeau_seconde.jpg) no-repeat top left;

}



#chemin {

  margin: 0;

  font-size: 10px;

  padding: 67px 10px 4px 7px;

  border-bottom: 1px solid;

}



#chemin a:link, #chemin a:visited, #chemin a:hover {

  text-decoration: none

}



#texte {

  position: relative;

  margin: 0;

  padding: 0px 10px 1px 10px;

  height: 1%;



/* Pour justifier le texte enlever les commentaires ci-dessous */

 text-align: justify;

}



div.texteune {

  padding-top: 135px !important;

}



#texte h2 {

  font-size : 12px;

  font-weight: bold;

  margin: 0px 0 5px 0;

  padding-top: 10px;

}



#texte ul {

  margin: 5px 0px 5px 0px;

  list-style-position: outside;

  list-style-image:url('../images/boite-outils/puce.gif');

  padding-left: 2.5em;

}



#texte ul.liste-liens {

  padding-left: 15px;

}



#texte ul.liste-liens li {

  margin-left: 15px;

}



p.suite {

  font-size : 10px;

  background-repeat: no-repeat;

  background-position: center left;

  background-image: url(../images/boite-outils/lire-la-suite-g.gif);

  height: 1em;

  margin: 0;

  padding: 0px 0 5px 25px;

}



div.separateur {

  border-bottom: 1px solid;

  height: 20px;

  width: 98%;

  margin: 0px auto 0px auto;

}



div.groupetitre { 

  margin: 0px 0 25px 0;

}



p.surtitre {

  font-weight: bold;

  margin: 0 0 -5px 0;

  padding-top: 10px;

}



p.soustitre {

  font-weight: bold;

  margin: 4px 0 0 0;

}



p.auteur {

  margin: 10px 0 0 0;

  font-size: 10px;

}



p.auteur a {

  text-decoration: none;

}



p.chapeau {

  margin: 0px 0px 15px 0px;

  font-style: italic;

}



p.lien_article {

  font-weight: bold;

  margin: 15px 0px 15px 0px;

}



p.lien_article a {

  font-weight: normal;

}



p.postscriptum {

  font-style: italic;

  margin: 25px 0px 10px 0px;

}



div.notes {

  margin: 5px 0px 10px 0px;

}



div.notes p {

  font-size: 10px;

  margin: 3px;

}



table.docjoints {

  border: none;

  margin: 25px 10px 20px 10px;

}



table.docjoints td {

  border: none;

  padding: 0px 25px 20px 0px;

  width: 150px;

  text-align: center;

  vertical-align: top;

} 



table.docjoints p,

.spip_doc_titre,

.spip_doc_descriptif { 

  font-size: 10px;

  margin: 0;

}



table.docjoints p.titredoc,

.spip_doc_titre { 

  font-weight: bold;

}



div.autres {

  margin: 35px 0 30px 0;

}



div.autres p {

  font-weight: bold;

  margin: 0;

}



span.vignette {

  float: left;

  padding: 0px 5px 0px 4px;

}



#texte ul.navdroite {

/*   position: absolute; */

/*   top: -10px; */

/*   right: 0px; */

  position: relative;

  top: 0px;

  right: -10px;

  float: right;

  width: 130px;

  font-size: 10px;

  text-align: left;

  margin: 0 0 20px 20px;

  padding: 0;

  border-left: 1px solid;

  list-style-image: none;

}



/* Hack IE6 Windows \*/

* html #texte ul.navdroite {

  position: relative;

  top: 0px;

  right: -10px;

  list-style-image: none;

}

/* Fin hack IE6 */



#texte ul.navdroite li { 

  list-style-image: none;

  display: block;

  margin: 0;

  padding: 5px 5px 0px 5px;

  border-bottom: 1px solid;

}





/*** Styles pour sommaire ***/



.texte_gauche {

  border-right: 1px solid;

  width: 428px;

  margin: 0 0 -1px 0px;

  padding: 0px 10px 10px 0px;

}



/* Hack IE6 Windows \*/

* html .texte_gauche {

  width: 425px;

}

/* Fin hack IE6 */



.texte_droite {

  position: absolute;

  top: 135px;

  right: 0px;

  width: 150px;

  font-size: 10px;

  margin: 0;

  padding: 0;

  border-left: 1px solid;

}



.texte_droite p {

  font-size: 9px;

}



#texte h2.alaune,

#texte h2.actus {

  background-repeat: no-repeat;

  background-position: center left;

  padding: 10px 0 10px 35px;

  margin: 0 0 10px 0;

}



#texte h2.alaune {

  background-image: url(../images/boite-outils/icones/a-la-une.gif);

}



#texte h2.actus {

  background-image: url(../images/boite-outils/icones/actulabo2.gif);

}



#texte h2.anoter {

  background-image: url(../images/boite-outils/icones/anoter.gif);

  background-repeat: no-repeat;

  background-position: 5px;

  padding: 10px 0 15px 40px;

  margin: 0;

  border-bottom: 1px solid;

}



div.alaune,

div.actus {

  margin: 10px 0px 20px 35px;

}



div.anoter {

  margin: 0;

  padding: 5px;

  border-bottom: 1px solid;

}



div.anoter h3 {

  font-size: 11px;

  margin: 0;

}



div.anoter p {

  margin: 0;

}



/*** Fin styles pour sommaire ***/





/*** Styles pour annuaire ***/



div.float_droit {

  float: right;

  width: 230px;

  text-align: left;

  border: none;

  padding: 5px 5px 10px 10px;

}



#texte div.float_droit p {

  margin: 0;

}



/*** Fin styles pour annuaire ***/





/*** Styles pour page auteur ***/



#texte fieldset { 

  border: 1px solid;

  margin: 20px 10px 10px 0;

  padding: 10px;

}



#texte legend { 

  font-size: 11px;

  font-weight: bold;

}



#texte form {

  margin: 0;

  padding: 0;

} 



#texte label { 

  display: block;

}



#texte input,

#texte textarea {

  border: 1px solid black;

  font-size: 10px;

}



#texte .spip_bouton { 

  margin-top: 10px;

}



/*** Fin styles pour auteur ***/





/*** Styles pour blogue ***/



#texte ul.archives_blogue {

  padding-left: 0px;

  margin-left: 0px;

  list-style-image: none;

  list-style-type: none;

}



#texte ul.archives_blogue li {

  font-weight: normal;

  margin-left: 5px;

  padding-left: 5px;

  list-style-image: none;

  list-style-type: none;

}



/*** Fin styles pour blogue ***/





/*** Styles pour rubriques ***/



div.resume {

  margin: 20px 0 20px 0;

}



div.resume h3 {

  margin: 0;

}



div.resume p.soustitre {

  margin: 0;

}



div.resume p {

  margin: 2px 0 3px 0;

}



p.descriptif {

  font-style: italic;

}



div.demicol {

  width: 230px;

  float: left;

  margin: 15px 0 15px 25px;

}



div.demicol p {

  margin: 0 0 5px 0;

}



/*** Fin styles pour rubriques ***/