/*********************************************/
/*   Feuille de style du Kit Spip CNRS       */
/*   Styles globaux au Kit labos             */
/*   Auteur : CNRS Dircom                    */
/*********************************************/


/*--- COMMUN ---*/

#texte div.groupetitre h2 {
  margin-bottom: 0.4em;
}
#texte div.groupetitre #metas {
  color: grey !important;
  font-size: 0.8em;
  margin-bottom: 0.6em;
}
#texte div.groupetitre #metas a {
  text-decoration: none;
  font-weight: bold;
  color: grey;
}

a.ancre-sans-texte {
  margin-right: 0.3em;
}

.formulaire_spip fieldset ul li.erreur input,
.formulaire_spip fieldset ul li.erreur textarea {
  background-color: #FCC;
}
.formulaire_spip .erreur_message {
  color: red;
  margin-left: 1em;
}

/* http://www.alsacreations.com/astuce/lire/7-depassement-flottants-css.html */
.clear {
  clear: both;
  height: 0; overflow: hidden; /* Précaution pour IE 7 */
}


/* Message de maintenance Cf. inc/inc-info-maintenance.html, à priori uniquement sur la home, mais peut être affiché ailleurs si besoin */
#texte #texte_gauche div.bloc-message {
  background-color: #ddd;
}
#texte #texte_gauche div.bloc-message h2 {
  display:block;
  background-color:#456487;
  color:#fff;
  font-size:1.1em;
  text-indent:10px;
  padding:3px;
}
#texte #texte_gauche div.bloc-message .content {
  padding: 5px 10px;
  min-height: 72px;
}
#texte #texte_gauche div.bloc-message.en-travaux .content {
  background:#ddd url(../images/en-chantier.png) no-repeat 10px center;
  padding-left: 90px;
}
#texte #texte_gauche div.bloc-message.information .content {
  background:#ddd url(../images/information.png) no-repeat 10px center;
  padding-left: 90px;
}
#texte #texte_gauche div.bloc-message .content p {
  margin: 10px 0;
}
#texte #texte_gauche div.bloc-message .content p strong {
  color:#456487;
}

#texte-content > h3,
hr {
  clear: both;
}

code,
kbd,
.spip_code,
.spip_cadre {
  background-color: #eee;
  font-family: monospace !important;
  font-size: 1em;
  line-height: 1.2em;
  padding: 0.1em 0.15em;
  color: #333366;
}

kbd {
  background-color: #000;
  color: #f8f7f3;
}

.kitcnrs.spip_documents {
  min-width: 220px;
}
.spip_documents_center {
  margin: 1.5em 0;
  width: 100%;
  display: block;
  text-align: center;
}
.spip_documents_center ul {
  text-align : left;
}
.kitcnrs.spip_documents_center {
  margin-left: auto !important;
  margin-right: auto !important;
}
.spip_documents_left {
  float: left;
  margin: 5px 15px 7px 0;
}
.kitcnrs.spip_documents_left {
  margin-right: 1.7em;
  margin-bottom: 1.3em;
}
.spip_documents_right {
  float: right;
  margin: 5px 0 7px 15px;
}
.kitcnrs.spip_documents_right {
  margin-left: 1.7em;
  margin-bottom: 1.3em;
}
.kitcnrs.spip_documents .spip_doc_image {
  line-height: 0;
  text-align: center;
}
body.spip-2 .spip_documents img:not([src^="prive/vignettes/"]),
body.spip-3 .spip_documents img:not([src^="plugins-dist/medias/prive/vignettes/"]) {
  border: 1px solid #808080;
  /* pour ne pas agrandir de 2 pixels, le conteneur ayant en dur la largeur de l'image */  
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* ombre portée */
  box-shadow: 1px 2px 4px 1px rgba(170, 170, 170, 0.75);
  -moz-box-shadow: 1px 2px 4px 1px rgba(170, 170, 170, 0.75);
  -webkit-box-shadow: 1px 2px 4px 1px rgba(170, 170, 170, 0.75);
}
/* Si vous voulez supprimer l'affichage avec ombre portée des images contenues dans un article, copiez-collez ce code CSS dans votre fichier de surcharge * /
body.spip-2 .spip_documents img:not([src^="prive/vignettes/"]),
body.spip-3 .spip_documents img:not([src^="plugins-dist/medias/prive/vignettes/"]) {
  border: none;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
*/
.kitcnrs.spip_documents .spip_doc_legende {
  background-color: #ddd;
  padding: 5px 5px 2px 5px;
  font-size: 0.75em;
  line-height: 1.2em;
  color: #333;
}
.kitcnrs.spip_documents .spip_doc_titre {
  margin-bottom: 3px;
  font-weight: bold;
  color: #000;
}
.kitcnrs.spip_documents .spip_doc_descriptif {
  margin-top: 3px;
  margin-bottom: 3px;
}
.kitcnrs.spip_documents .spip_doc_credits {
  margin-top: 3px;
  margin-bottom: 3px;
  font-weight:bold;
  font-size: 0.8em;
}

/* Portfolio */
#documents_portfolio,
#documents_joints {
  margin: 3% 0;
}
body.spip-3 #documents_portfolio ul {
  padding-left: 0;
  margin: 1em 0;
}
body.spip-3 #documents_portfolio li {
  display: inline;
  list-style-type: none;
}


/* Navigation */
#nav-art-bas, #nav-rub-bas, #nav-site-bas {
  clear: both;
}
/* liste d'articles de la rubrique affichés en bas de page ("Dans la même rubrique") : par défaut, l'article courant est masqué */
#nav-art-freres-bas-list li.active { display: none; }
/* mise en valeur de l'élément suivant l'élément actif, uniquement sur les listes d'articles du bas */
#nav-art-freres-bas-list li.after-active:before { content: '\25BA'; color: lightgrey; }

/* liste de sites web */
#sites {
  width: 550px;
  margin: 20px auto 0 auto;
}
#sites div.site {
  float: left;
  width: 170px;
  height:260px;
  overflow: hidden;
  margin: 0 13px 20px 0;
  background-color:#ddd;
}
#sites div.logo {
  height: 170px;
  width: 170px;
  display: table-cell;
  vertical-align: bottom;
  text-align: center;
  border:solid 1px #ddd;
  background-color:#fff;

}
#sites div.logo img {
  max-width: 165px;
  height: auto;
  border: 0;
}

#sites .url a, #sites .titre a {
  font-size:11px;
  text-decoration:none;
  line-height:12px;
  display:block;
  padding:5px;
  color:#000;

}
#sites .titre a {
  font-weight:bold;
  border-top:solid 1px #999;
  padding-top:3px;
}


/* listes de résumés */

div.liste-resumes {
  clear: left;
}
div.resume {
  clear: both;
}


/*--- HOME ---*/

/* Modif valeur fixée dans le plugin calendriermini/v2.3.5/css/minical.css height: 17em; */
.calendriermini .calendar-container {
  height: auto !important;
}


/*--- MOTS-CLES ---*/

/* avec affichage des titres des groupes de mots-clés */

.groupes-mots {
padding: 0.5em 0;
border-top: 1px solid #CCC;
font-size:1.1em;
line-height:1.5em;
}
.groupes-mots > .title {
font-weight: bold;
 margin-bottom: 0.5em;
}
.groupe-mots > .title, .mots-cles {
  display: inline;
}
.groupe-mots > .title:after {
  content: ':';
}
html[lang=fr] .groupe-mots > .title:after {
  content: ' :';
}
.mot-cle:after {
  content: ' | ';
}
.mot-cle.last:after {
  content: '';
}



body.p-mot span.titre-groupe-mots:after {
  content: ':\0020';
}
html[lang=fr] body.p-mot span.titre-groupe-mots:after {
  content: '\00a0:\0020';
}


/*--- SITE ---*/

body.p-site .logo-url {
  text-align: center;
}
body.p-site .logo-url .url {
  margin: 0.5em 0;
}
body.p-site .logo-url .url a {
  font-size: 1.05em;
  font-weight: bold;
  text-decoration: none;
}
body.p-site #syndic-articles li h3 {
  margin: 1em 0 0.5em 0;
}


/* --- PAGE RUBRIQUE --- */

body.p-rubrique-portraits #texte div.resume {
  display: inline-block;
  float: left;
  clear: none;
  border-top-style: none;
}
body.p-rubrique-portraits #texte div.resume div.titre {
  height: 20px;
  overflow: hidden;
  font-weight: bold;
  background-color: #7aaec8;
  color: white;
}
body.p-rubrique-portraits #texte div.resume a:hover div.titre {
  color: black;
}
body.p-rubrique-portraits #texte div.resume div.vignette img {
  vertical-align: bottom;
}