/*********************************************/
/*   Feuille de style du Kit Spip CNRS	     */
/*   styles généraux						 */
/*   Auteur : CNRS						     */
/*  © 2008 - Distribué sous licence GNU/LGPL */
/*********************************************/

* {
  font-family: Arial, Helvetica, sans-serif;
}
/*---------------------
       TYPOGRAPHIE 
 ----------------------*/


@font-face {
  font-family: "NimbusSansLReguCond";
  src: url('plugins/kitcnrs-5.3/fonts/nimbuscondGNU/nimbuscondGNU.ttf');
}
@font-face {
  font-family: 'OpenSansLight';
  src: url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_light_macroman/OpenSans-Light-webfont.eot');
  src: url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_light_macroman/OpenSans-Light-webfont.eot?iefix') format('eot'),
  url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_light_macroman/OpenSans-Light-webfont.woff') format('woff'),
  url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_light_macroman/OpenSans-Light-webfont.ttf') format('truetype'),
  url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_light_macroman/OpenSans-Light-webfont.svg#webfont') format('svg');
}
@font-face {
  font-family: 'OpenSansRegular';
  src: url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
  src: url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_regular_macroman/OpenSans-Regular-webfont.eot?iefix') format('eot'),
  url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
  url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'),
  url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_regular_macroman/OpenSans-Regular-webfont.svg#webfont') format('svg');
}
@font-face {
  font-family: 'OpenSansSemiBold';
  src: url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot');
  src: url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot?iefix') format('eot'),
  url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_semibold_macroman/OpenSans-Semibold-webfont.woff') format('woff'),
  url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_semibold_macroman/OpenSans-Semibold-webfont.ttf') format('truetype'),
  url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_semibold_macroman/OpenSans-Semibold-webfont.svg#webfont') format('svg');
}
@font-face {
  font-family: 'OpenSansBold';
  src: url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_bold_macroman/OpenSans-Bold-webfont.eot');
  src: url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_bold_macroman/OpenSans-Bold-webfont.eot?iefix') format('eot'),
  url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_bold_macroman/OpenSans-Bold-webfont.woff') format('woff'),
  url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_bold_macroman/OpenSans-Bold-webfont.ttf') format('truetype'),
  url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_bold_macroman/OpenSans-Bold-webfont.svg#webfont') format('svg');
}
@font-face {
  font-family: 'OpenSansExtraBold';
  src: url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.eot');
  src: url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.eot?iefix') format('eot'),
  url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.woff') format('woff'),
  url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
  url('plugins/kitcnrs-5.3/fonts/OpenSans/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.svg#webfont') format('svg');
}
@font-face {
font-family: 'Laconic Light';
font-style: normal;
font-weight: normal;
src: local('plugins/kitcnrs-5.3/fonts/Laconic/Laconic Light'), url('plugins/kitcnrs-5.3/fonts/Laconic/Laconic_Light.woff') format('woff');
}
@font-face {
font-family: 'Laconic Regular';
font-style: normal;
font-weight: normal;
src: local('plugins/kitcnrs-5.3/fonts/Laconic/Laconic Regular'), url('plugins/kitcnrs-5.3/fonts/Laconic/Laconic_Regular.woff') format('woff');
}
@font-face {
font-family: 'Laconic Shadow';
font-style: normal;
font-weight: normal;
src: local('plugins/kitcnrs-5.3/fonts/Laconic/Laconic Shadow'), url('plugins/kitcnrs-5.3/fonts/Laconic/Laconic_Shadow.woff') format('woff');
}
@font-face {
font-family: 'Laconic Bold';
font-style: normal;
font-weight: normal;
src: local('plugins/kitcnrs-5.3/fonts/Laconic/Laconic Bold'), url('plugins/kitcnrs-5.3/fonts/Laconic/Laconic_Bold.woff') format('woff');
}

body {
  margin: 0;
  padding: 0;
  background:
  	url("../IMG/png/noise.png"),
  	url("../IMG/png/Capture.png") repeat-x;
  background-color: #f6e9ff;
  font-size : 12px;
  behavior: url(plugins/kitcnrs-5.3/csshover.htc);
}
#ismo-bar-bottom {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 42px;
    border-bottom: 8px solid #AA4AFF;
    border-top: 3px solid orange;
    background: rgba(85, 85, 85, 0.5);
}

/* Styles pour Spip */

.spip_documents { 
  text-align: center;
}

.spip_documents_center { 
  width: 100%;
  display: block;
  margin: auto;
}

.spip_documents_left { 
  margin:  5px 20px 5px 0;
  float: left;
}

.spip_documents_right { 
  float: right;
  margin: 5px 0 5px 20px;
}

.spip_surligne {
  color : #000000;
  background-color: #ffff00;
}

blockquote.spip, 
blockquote.spip p,
.spip_serif { 
  font-family: "Bitstream Vera Serif", Georgia, 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;
}
/* Tableaux Revues*/
table.revues {font-size: 1em; border-color: transparent; line-height: 1.4em; border-collapse: inherit; border-spacing: 2px; margin-bottom: 1em;} 
table.revues caption {} /*Cf.: spip_style.css*/
table.revues tr.row_first {text-align: center;
	color: #ffffff;
	background: #808080;}
table.revues tr.row_odd {background: #e0e0e0; color: inherit}
table.revues tr.row_even {background: #eeeeee; color: inherit}
table.revues td, table.revues th {padding: 0 10px}
table.revues th {border : none;} 
table.revues td {border : none;} 

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: 12px;
  font-weight: bold;
  margin: 20px 0px 10px 0px;
}

p.spip,
p {
  margin: 12px 0px 12px 0px;
}

hr.spip {
  width: 80%;
  margin: 20px auto 20px auto;
}

a.spip_note {
  text-decoration: none;
}

/* Fin styles pour Spip */

.accessibility {
  display: none;
}

.clearer {
  clear: both;
}

img {
  border: none;
}

a:link,
a:visited,
a:hover {
  text-decoration : underline;
}

h2 a:link,
h2 a:visited,
h2 a:hover {
  text-decoration : none;
}

h2 a.fil-rss-actus {
  float: right;
  font-weight: normal;
  font-size: 12px;
}
h2 a.twitt {
  float: right;
  font-weight: normal;
  font-size: 13px;
}
h2 a.twitt:hover {
  text-decoration : underline;
}

table {
  border-collapse: collapse;
}

h3 {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 5px 0;
}

h3 a:link,
h3 a:visited,
h3 a:hover {
  text-decoration: none;
}

td, p
{
  font-size: 12px;
  line-height: 1.35;
}

span.petit,
ul ul,
p.petit,
.date {
  font-size: 11px;
  margin: 5px 0 0;
}
.lieu {
  font-size: 11px;
  text-align: center;
}
span.compteur {
  float: right;
  color: #78A419;
  margin: 0 20px 0 0;
}

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;
}

/* bordure des listes d'articles div.actus et div.resume et navline */ 

.avec-bordure {
  border-bottom: 1px dashed #aa92c0; 
  padding-bottom: 10px;
}
/* bordure des listes d'articles div.alaune */
.avec-bordure1 {
  box-shadow: 8px 4px 2px #ededed;
  background-image: url(plugins/kitcnrs-5.3/images/boite-outils/Capture21.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
/* bordure des evenements avenir */

.avec-bordureA {
 border-bottom: 1px dashed #78A419;
 padding-bottom: 10px;
}
/* bordure des articles modifs */

.avec-bordureB {
  border-bottom: 2px solid #419F2E !important;
}
.avec-trait {
  border-right: 1px solid;
}

/*** Styles pagination ***/

p.pagination {
  background-color: #EEE;
  border-bottom: 1px solid #DDD;
  border-top: 1px solid #DDD;
  padding: 3px 5px;
}

p.pagination .on {
  padding: 2px;
  color: white;
  background-color: grey;
}

.derniers_articles {
  background-color: #FFF !important;
  border-bottom: 3px solid #06C !important;
}

.derniers_articles .on {
  padding: 2px;
  color: white;
  background-color: #06C !important;
}

p.pagination .label {
  margin-right: 10px;
  font-weight: bold;
  color: grey;
}

p.pagination .disabled {
  color: grey;
}

p.pagination .pages .on {
  padding: 2px;
  color: white;
  background-color: grey;
}

p.pagination .pages .a {
  padding: 2px;
}

/*** Fin Styles pagination ***/

/* Conteneur general */

#principal {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  width: 980px;
  box-shadow: 0px 0px 15px #aa92bf;
  background-color: #f6e9ff;
}

/* Bandeau superieur */

#top {
  position: relative;
  height: 65px;
  margin: 0;
  padding: 0;
}

#nom-labo {
  padding: 30px 0 29px 10px;
  background: url(plugins/kitcnrs-5.3/images/charte/physique/bandeau-haut-droit.gif) no-repeat top right;
  background-color: #ffffff;
  box-shadow: 0 1px 5px #aa92bf;
}

#nom-labo h1 {
  font-size : 14px;
  font-weight: bold;
  white-space: nowrap;
  margin: 0 -15px 0 0;
  padding: 0;
}

#nom-labo h1 a {
  text-decoration: none;
}

#liens-top {
  margin: 5px 0 5px 0;
  position: absolute;
  right: 3px;
  bottom: 25px;
  white-space: nowrap;
  list-style: none;
}
#liens-top2 {
    margin: 5px 0 5px 0;
    position: absolute;
    right: 4px;
    bottom: 3px;
    white-space: nowrap;
    list-style: none;
}

#liens-top a:link,
#liens-top a:visited,
#liens-top a:hover,
#liens-top2 a:link,
#liens-top2 a:visited,
#liens-top2 a:hover {
  font-weight: bold;
  text-decoration: none;
  padding: 0;
}

#liens-top li,
#liens-top2 li {
  float: left;
  display: inline;
  margin: 0;
}
#liens-top li {
  border-bottom:2px solid;
  padding: 0 0.7em 0.4em 0.9em;
  background: url(plugins/kitcnrs-5.3/images/charte/trait-vertical-blanc.gif) no-repeat left;
}
#liens-top2 li {
  padding: 0 0.7em 0.2em 0.9em;
  background: url(plugins/kitcnrs-5.3/images/charte/trait-vertical-blanc.gif) no-repeat top left;
}
#liens-top li.first,
#liens-top2 li.first {
  background: none;
}
#expl-labo {
    position: absolute;
    left: 180px;
    bottom: 7px;
    white-space: nowrap;
    list-style: none;
}
#expl-labo h2 {
    margin: 0px;
    color: #8864a8;
    font-family: "Laconic Light", Arial, Helvetica, sans-serif;
    font-size: 23px;
}

/* Colonne de gauche */
       
#colgauche {
  position: relative;
  margin-top: 50px;
  float: left;
  width: 180px;
  padding-bottom: 40px;
  z-index: 10;
}

#partenaires {
  margin-top: 40px;
}

#partenaires .partenaire {
  width: 180px;
  height: 120px;
  text-align: center;
}

#partenaires a {
  display: block;
  float: left;
  width: 74px;
  height: 80px;
  margin: 15px 0 0 6px;
  background-color: #fff;
  border: solid 1px #fff;
  box-shadow: 0px 2px 4px #aa92bf;
  text-align: center;
}

#partenaires a:hover {
  opacity: 0.5;
}

/* Menu */

div#menu {
  position: relative;
  width: 180px; 
  margin: 10px 0 0 0;
}


div#menu li:hover { 
  background: #FFFFFF;
} 

div#menu ul {
  margin: 0; 
  padding: 0; 
  width: 180px; 
}

div#menu li {
  position: relative; 
  list-style: none; 
  margin: 5px 15px 5px 5px;
  padding: 0; 
  border: 1px solid;
}

div#menu li a {
  display: block;
  font-family: "OpenSansBold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size : 11px;
  text-decoration: none;
  padding: 4px 5px 4px 5px;
  width: 140px;
}

div#menu ul.level2 {
  top: -1px;
}
div#menu ul.level3 {
  top: -5px;
}
div#menu ul.level2 li a,
div#menu ul.level3 li a { 
  text-decoration: none;
  font-size: 10px;
  text-transform: none;
}

div#menu>ul a {
  width: auto;
}

div#menu ul ul {
  position: absolute; 
  left: 158px;
  display: none;
}

div#menu ul.level1 li:hover ul.level2, 
div#menu ul.level2 li:hover ul.level3 {
  display: block !important;
}


/* Contact, Acces, Annuaire et Intranet */

#contact,
#acces,
#annuaire,
#intranet,
#deconnexion {
  position: relative;
  width: 180px;
  margin: 30px 0 0 0;
}

#acces,
#annuaire,
#intranet,
#deconnexion { 
  margin-top: 0px;
}

#contact ul,
#acces ul,
#annuaire ul,
#intranet ul,
#deconnexion ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 180px;
}

#annuaire {
  background: url(plugins/kitcnrs-5.3/images/boite-outils/icones/beespipannuaire.png) no-repeat 25px center;
}
#intranet {
  background: url(plugins/kitcnrs-5.3/images/boite-outils/icones/intranet.gif) no-repeat 25px center;
}
#deconnexion {
  background: url(plugins/kitcnrs-5.3/images/boite-outils/icones/assistance-pt.gif) no-repeat 25px center;
}
#acces {
  background: url(plugins/kitcnrs-5.3/images/boite-outils/icones/map.png) no-repeat 25px center;
}
#contact {
  background: url(plugins/kitcnrs-5.3/images/boite-outils/icones/email.png) no-repeat 25px center;
}
#annuaire:hover {
  background: url(plugins/kitcnrs-5.3/images/boite-outils/icones/beespipannuaire.png) no-repeat 40px center;
    transition: background-position 300ms ease;
}
#intranet:hover {
  background: url(plugins/kitcnrs-5.3/images/boite-outils/icones/intranet.gif) no-repeat 40px center;
    transition: background-position 300ms ease;
}
#deconnexion:hover {
  background: url(plugins/kitcnrs-5.3/images/boite-outils/icones/assistance-pt.gif) no-repeat 40px center;
    transition: background-position 300ms ease;
}
#acces:hover {
  background: url(plugins/kitcnrs-5.3/images/boite-outils/icones/map.png) no-repeat 40px center;
    transition: background-position 300ms ease;
}
#contact:hover {
  background: url(plugins/kitcnrs-5.3/images/boite-outils/icones/email.png) no-repeat 40px center;
    transition: background-position 300ms ease;
}

#contact ul li a,
#acces ul li a,
#annuaire ul li a,
#intranet ul li a,
#deconnexion ul li a {
  display: block;
  font-family: "OpenSansBold", Arial, Helvetica, sans-serif;
  font-size : 12px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px 6px 10px 60px;
}
#contact ul li a:hover,
#acces ul li a:hover,
#annuaire ul li a:hover,
#intranet ul li a:hover,
#deconnexion ul li a:hover {
  display: block;
  font-size : 12px;
  text-decoration: none;
  padding: 10px 6px 10px 75px;
  transition: padding 300ms ease;
}