/*
#@squelettes/css/style.less
*/
/* Imports */
/* Général */
#spip-admin {
  display: none !important;
}
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
}
*,
*:after,
*:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
}
img {
  max-width: 100%;
  height: auto;
}
fieldset,
button {
  border: 0;
}
a {
  text-decoration: none;
}
section {
  max-width: 1066px;
  width: 98%;
  padding: 0 1%;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 40px;
}
.animer {
  transition: all 0.2s ease;
}
.radius {
  border-radius: 4px;
}
/* Positionnement */
.inline {
  display: inline-block;
  vertical-align: top;
}
.inlineMiddle {
  display: inline-block;
  vertical-align: middle;
}
.block {
  display: block;
}
.pointer {
  cursor: pointer;
}
.relative {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}
.absolute {
  position: absolute;
  top: 0;
  left: 0;
}
.fixed {
  position: fixed;
  top: 0;
  left: 0;
}
.cacher {
  display: none;
}
.pleineLargeure  {
  width: 100%;
  margin: 0;
  max-width: 100%;
}
.largeurContenu {
  max-width: 1066px;
  width: 98%;
  padding: 0 1%;
  margin: 0 auto;
}
.flottant_droite {
  float: right;
}
.flottant_gauche {
  float: left;
}
.centrer {
  text-align: center;
}
/* Typos */
.uppercase {
  text-transform: uppercase;
}
.minuscule {
  font-size: 12px;
  line-height: 16px;
}
.petit {
  font-size: 12px;
  line-height: 18px;
}
.normal {
  font-size: 16px;
  line-height: 24px;
}
.moyen {
  font-size: 19px;
  line-height: 28px;
}
.grand {
  font-size: 26px;
  line-height: 36px;
}
.enorme {
  font-size: 38px;
}
.majuscules {
  text-transform: uppercase;
}
.italique {
  font-style: italic;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
/* Formulaires */
form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
form input:focus,
form textarea:focus,
form select:focus {
  outline: 0 !important;
}
/* Cookie Choice */
#cookieChoiceInfo {
  font-size: 12px;
  line-height: 18px;
  padding: 3px 0!important;
  bottom: 0 !important;
  top: auto !important;
  line-height: 20px;
  background-color: #474747 !important;
}
#cookieChoiceInfo a {
  background-color: gray;
  color: white;
  padding: 0 5px;
  margin: 0 8px!important;
  border-radius: 3px;
  display: inline-block;
  vertical-align: top;
}
/* Articles */
article {
  /* Documents joints */
}
article .spip_documents.spip_documents_left {
  max-width: 50%;
  margin: 0 40px 40px 0;
}
article .spip_documents.spip_documents_right {
  max-width: 50%;
  margin: 0 0 40px 40px;
}
article .spip_documents.spip_documents_center {
  margin: 40px auto;
  display: block;
  text-align: center;
}
/* Documents */
.docs {
  margin: 0 0 40px;
}
.docs strong {
  display: block;
  margin-top: 40px;
}
.docs ul {
  margin-top: 10px;
}
.docs ul li {
  display: block;
  list-style: none;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 1px dotted gray;
  padding: 15px 10px;
  clear: both;
  min-height: 55px;
}
.docs ul li img {
  float: left;
  margin: -5px 10px 0 0;
}
.docs ul li div {
  overflow: auto;
}
.docs ul li div p {
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  padding: 0;
}
.docs ul li div p.credits {
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
}
.docs ul li a {
  color: black;
}
.docs ul li em {
  font-style: normal;
  display: block;
  font-size: 12px;
  line-height: 18px;
}
/* Formulaires WEB & Cie */
/* Développement : Arthur Verneret */
/* Nécessite LESS et jQuery */
form {
  width: 100%;
  max-width: 600px;
}
form div.editer,
form li.editer {
  list-style: none;
  margin-bottom: 20px;
  /* Gestion des erreurs */
}
form div.editer input[type='text'],
form li.editer input[type='text'],
form div.editer input[type='password'],
form li.editer input[type='password'],
form div.editer input[type='email'],
form li.editer input[type='email'],
form div.editer textarea,
form li.editer textarea {
  font-family: "Arial";
  padding: 10px;
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  border: 1px solid #ddd;
}
form div.editer input[type='text'].date,
form li.editer input[type='text'].date,
form div.editer input[type='password'].date,
form li.editer input[type='password'].date,
form div.editer input[type='email'].date,
form li.editer input[type='email'].date,
form div.editer textarea.date,
form li.editer textarea.date {
  width: 130px;
  background: white;
}
form div.editer input[type='text'].heure,
form li.editer input[type='text'].heure,
form div.editer input[type='password'].heure,
form li.editer input[type='password'].heure,
form div.editer input[type='email'].heure,
form li.editer input[type='email'].heure,
form div.editer textarea.heure,
form li.editer textarea.heure {
  width: 70px;
  background: white;
}
form div.editer input[type='text']:focus,
form li.editer input[type='text']:focus,
form div.editer input[type='password']:focus,
form li.editer input[type='password']:focus,
form div.editer input[type='email']:focus,
form li.editer input[type='email']:focus,
form div.editer textarea:focus,
form li.editer textarea:focus {
  border-color: #1a345c;
}
form div.editer select,
form li.editer select {
  padding: 10px;
}
form div.editer #pass_securise,
form li.editer #pass_securise {
  display: none !important;
}
form div.editer.editer_session,
form li.editer.editer_session {
  display: none;
}
form div.editer.erreur input[type='text'],
form li.editer.erreur input[type='text'],
form div.editer.erreur input[type='password'],
form li.editer.erreur input[type='password'],
form div.editer.erreur input[type='email'],
form li.editer.erreur input[type='email'],
form div.editer.erreur textarea,
form li.editer.erreur textarea {
  border: 1px solid red;
}
form div.editer.erreur span.erreur_message,
form li.editer.erreur span.erreur_message {
  color: red;
}
form p {
  max-width: 100%;
}
form p.boutons {
  text-align: right;
}
form p.boutons input {
  text-transform: uppercase;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 24px;
  border: 0;
  cursor: pointer;
  transition: all 0.2s ease;
}
form p.details {
  text-align: left;
  font-size: 12px;
  line-height: 18px;
}
form p.details a {
  color: gray;
}
.reponse_formulaire_erreur p {
  color: red;
}
/* Sondages */
.progress-bar span {
  background-image: none !important;
  background-color: #C7D42D !important;
}
.progress-bar strong {
  top: 0 !important;
}
table td span,
table td .instituer_objet {
  vertical-align: top !important;
}
/* Apparition animée des éléments WEB & Cie */
/* Développement : Arthur Verneret */
/* Nécessite LESS et jQuery */
.apparition {
  opacity: 0;
}
/* Carousel WEB & Cie */
.carousel_wec {
  overflow-x: hidden;
  position: relative;
  /* Conteneur */
  /* Flèches de navigation */
}
.carousel_wec .grand_conteneur {
  overflow: hidden;
}
.carousel_wec .grand_conteneur .liste {
  transition: all 0.5s ease;
  width: 30000px;
  text-align: left;
}
.carousel_wec .grand_conteneur .liste article {
  position: relative;
  transition: all ease 0.3s;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.carousel_wec #precedent,
.carousel_wec #suivant {
  position: absolute;
  top: 45%;
  cursor: pointer;
  transform: scale(0.8);
  transition: all 0.2s ease;
  left: 0;
}
.carousel_wec #precedent:hover,
.carousel_wec #suivant:hover {
  transform: scale(1);
}
.carousel_wec #suivant {
  left: auto;
  right: -0;
}
.carousel_wec #precedent {
  display: none;
}
/* Barre de chargement de la page WEB & Cie */
/* Développement : Arthur Verneret */
/* Nécessite LESS et jQuery */
body.chargement {
  overflow: hidden;
}
body.chargement .page {
  opacity: 0;
}
.page {
  transition: opacity 1s ease;
}
#chargement {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
}
/* Produits */
section.produits h3 {
  font-size: 19px;
  line-height: 28px;
  text-transform: uppercase;
  margin: 40px 0 20px;
  background-color: #1a345c;
  color: white;
  max-width: 150px;
  padding: 5px 10px;
  text-align: center;
  border-radius: 4px;
  border-radius: 8px;
}
section.produits .bouton,
section.produits button {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  top: auto;
  bottom: 0;
  background-color: #00B222;
  color: white;
}
.formulaire_panier .recalcul {
  display: none;
}
.formulaire_panier a {
  display: inline-block;
  vertical-align: top;
  background-color: #c7d42d;
  color: #1a345c;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18px;
  padding: 10px;
}
.formulaire_panier .gris {
  background-color: #ddd;
  color: #1a345c;
}
.page_rubrique table.nobord {
  width: 602px;
  max-width: 100%;
}
.page_rubrique table.nobord td {
  padding: 0;
  border-bottom: 0;
}
/* Version smartphone */
@media screen and (max-width: 1030px), screen and (max-height: 600px) {
  ul.listecommandes li .logo,
  ul.listecommandes li .prix.ht,
  ul.listecommandes li .taxe {
    display: none;
  }
}
/* Open Sans */
@font-face {
  font-family: 'open_sansregular';
  src: url('//85.ip-91-134-242.eu/squelettes/css/OpenSans-Regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansbold';
  src: url('//85.ip-91-134-242.eu/squelettes/css/OpenSans-Semibold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.bold {
  font-family: "open_sansbold", sans-serif;
}
/* Notes Internes */
/* Couleurs */
/* Note Interne */
.note {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}
.note a {
  color: #1a345c;
}
.note h1 {
  text-align: center;
  text-transform: uppercase;
  color: black;
  font-size: 40px;
  background-color: #c7d42d;
  padding: 100px 0 130px;
}
.note #logo-note {
  display: inline-block;
  background-color: white;
  padding: 100px 60px 180px;
  border-radius: 200px;
  margin-top: -130px;
  margin-left: 40px;
  position: relative;
  z-index: 1;
}
.note #logo-note img {
  display: block;
  margin-top: -60px;
}
.note #logo-agro {
  position: absolute;
  top: 0;
  left: 0;
  top: 300px;
  left: auto;
  right: 10px;
}
.note #categorie {
  background-color: #1a345c;
  width: 100%;
  display: block;
  margin-top: -150px;
  max-height: 20px;
  position: relative;
  z-index: 2;
}
.note #categorie > span {
  height: 40px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  margin-top: -10px;
  padding-right: 10px;
}
.note #categorie > span > strong {
  display: inline-block;
  vertical-align: top;
  background-color: #c7d42d;
  padding: 10px 20px;
  text-transform: uppercase;
}
.note #categorie > span:after {
  content: '';
  display: inline-block;
  vertical-align: top;
  background-color: #c7d42d;
  margin-top: -10px;
  width: 20px;
  height: 53px;
  transform: rotate(15deg);
  margin-left: -10px;
}
.note #categorie > span:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  background-color: #c7d42d;
  margin-top: -10px;
  width: 20px;
  height: 53px;
  transform: rotate(15deg);
  margin-right: -10px;
  margin-left: 50px;
}
.note .contenu {
  position: relative;
  z-index: 2;
}
.note .contenu > span {
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  padding: 0 40px;
  margin: 40px 0 20px;
  border-right: 1px solid #737373;
  line-height: inherit;
  background: none;
  color: #737373;
  font-size: 16px;
  line-height: 24px;
}
.note .contenu .texte p {
  text-align: justify;
}
.note .contenu .texte p span {
  border: 0;
}
.note .contenu .texte ul,
.note .contenu .texte ol {
  margin: 20px 0;
}
.note .contenu .texte ul li,
.note .contenu .texte ol li {
  list-style: initial;
  margin: 0 20px;
  color: #737373;
}
.note .contenu .texte ol li {
  list-style: decimal;
}
.note .contenu table {
  margin: 20px auto;
}
.note .contenu table tr td {
  border-color: #737373;
  padding: 5px;
  color: #737373;
}
.note .visuels {
  float: right;
  margin: 100px 0 40px 40px;
}
.note .visuels img {
  display: block;
  margin-bottom: 20px;
}
.note .texte {
  overflow: auto;
  margin: 40px;
}
.note table {
  border-collapse: collapse;
}
.note table tr td {
  border-color: black;
}
.note.ce h1,
.note.ce #categorie strong,
.note.ce #categorie span:before,
.note.ce #categorie span:after {
  background-color: #34c924;
  color: white;
}
.note.entreprise h1,
.note.entreprise #categorie strong,
.note.entreprise #categorie span:before,
.note.entreprise #categorie span:after {
  background-color: #40e0d0;
  color: white;
}
.note.rh h1,
.note.rh #categorie strong,
.note.rh #categorie span:before,
.note.rh #categorie span:after {
  background-color: #f58297;
  color: white;
}
.note.securite h1,
.note.securite #categorie strong,
.note.securite #categorie span:before,
.note.securite #categorie span:after {
  background-color: #ff0000;
  color: white;
}
.note.commercial h1,
.note.commercial #categorie strong,
.note.commercial #categorie span:before,
.note.commercial #categorie span:after {
  background-color: #9683ec;
  color: white;
}
.note.parrainage h1,
.note.parrainage #categorie strong,
.note.parrainage #categorie span:before,
.note.parrainage #categorie span:after {
  background-color: #03224c;
  color: white;
}
.note.collaborateur h1,
.note.collaborateur #categorie strong,
.note.collaborateur #categorie span:before,
.note.collaborateur #categorie span:after {
  background-color: #ff7f50;
  color: white;
}
.note.reccurent h1,
.note.reccurent #categorie strong,
.note.reccurent #categorie span:before,
.note.reccurent #categorie span:after {
  background-color: purple;
  color: white;
}
.page_article .note,
.page_publier .note {
  background-color: white;
}
/* Liste de notes */
.liste_notes {
  margin-bottom: 50px;
}
.liste_notes li {
  margin: 0 20px 20px 0;
  padding: 10px 10px 10px 70px;
  border: 2px solid #1a345c;
  list-style: none;
  background: url('//85.ip-91-134-242.eu/squelettes/img/pdf.svg') no-repeat;
  background-size: 50px;
  background-position: 10px 5px;
  display: inline-block;
  vertical-align: top;
  width: 300px;
  border-radius: 4px;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.liste_notes li a {
  color: black;
}
.liste_notes li a h3 {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 18px;
  color: black;
}
.liste_notes li.prepa {
  border: 1px dotted gray;
}
.liste_notes li:hover {
  transform: scale(1.05);
}
.liste_notes li.ce {
  border-color: #34c924;
  background-color: rgba(0, 178, 34, 0.1);
}
.liste_notes li.entreprise {
  border-color: #40e0d0;
  background-color: rgba(50, 181, 249, 0.1);
}
.liste_notes li.rh {
  border-color: #f58297;
  background-color: rgba(245, 130, 151, 0.1);
}
.liste_notes li.securite {
  border-color: #ff0000;
  background-color: rgba(255, 0, 0, 0.1);
}
.liste_notes li.commercial {
  border-color: #9683ec;
  background-color: rgba(110, 110, 188, 0.1);
}
.liste_notes li.parrainage {
  border-color: #03224c;
  color: white;
  background-color: rgba(26, 52, 92, 0.1);
}
.liste_notes li.collaborateur {
  border-color: #ff7f50;
  background-color: rgba(255, 127, 80, 0.1);
}
.liste_notes li .tag {
  margin-top: 4px;
}
.liste_notes li .date {
  background: none;
  display: block;
  padding-left: 0;
  color: black;
}
/* Publication */
.publier_note #joindre_mediatheque__new,
.publier_note #joindre_distant__new,
.publier_note .sourceup,
.publier_note #defaultsubmit__new,
.publier_note #formulaire_joindre_document-new + .box,
.publier_note .ariaformprop + .box.info {
  display: none;
}
/* Tuiles de catégories */
.tuiles li {
  width: 150px;
  height: 150px;
  display: inline-block;
  list-style: none;
  background-color: gray;
  color: white;
  transition: all 0.2s ease;
  margin: 0 10px 10px 0;
  cursor: pointer;
}
.tuiles li div {
  display: flex;
  width: 100%;
  height: 100%;
}
.tuiles li div span {
  display: block;
  margin: auto;
}
.tuiles li.note_11 {
  background-color: #34c924;
}
.tuiles li.note_12 {
  background-color: #40e0d0;
}
.tuiles li.note_13 {
  background-color: #f58297;
}
.tuiles li.note_14 {
  background-color: #ff0000;
}
.tuiles li.note_15 {
  background-color: #9683ec;
}
.tuiles li.note_16 {
  background-color: #03224c;
}
.tuiles li.note_17 {
  background-color: #ff7f50;
}
.tuiles li:hover {
  transform: scale(1.05);
}
/* Couleurs */
/* Général */
html,
body {
  width: 100%;
  height: 100%;
  font-family: 'open_sansregular', Helvetica;
}
body.noscroll {
  overflow: hidden;
  padding-top: 0;
}
.ombre {
  box-shadow: 2px 2px 11px #ddd;
}
.radius {
  border-radius: 8px;
}
/* Page de connexion */
#connexion {
  height: 100%;
  /* Version petit écran */
}
#connexion #fondecran {
  background: url('//85.ip-91-134-242.eu/squelettes/img/background.jpg') no-repeat center left #284a6d;
  background-size: contain;
  width: 100%;
  height: 100%;
}
#connexion #fondecran .jaune {
  display: none;
  background-color: #c7d42d;
  width: 40%;
  height: 150%;
  position: absolute;
  top: 0;
  left: 0;
  right: -100px;
  top: -100px;
  left: auto;
  transform: rotate(10deg);
}
#connexion #fondecran article {
  background-color: white;
  width: 400px;
  margin-top: -310px;
  box-shadow: 0 0 5px #aaa;
  position: absolute;
  top: 0;
  left: 0;
  top: 50%;
  right: 10%;
  left: auto;
  text-align: center;
  padding: 40px 40px 0;
}
#connexion #fondecran article h1 {
  display: none;
}
#connexion #fondecran article p.reponse_formulaire {
  font-size: 12px;
  line-height: 18px;
  margin: 20px;
  color: #1a345c;
}
#connexion #fondecran article p.reponse_formulaire + form {
  margin-top: 20px;
}
#connexion #fondecran article form {
  margin-top: 40px;
}
#connexion #fondecran article form #spip_logo_auteur {
  display: none;
}
#connexion #fondecran article form div.editer input,
#connexion #fondecran article form div.editer textarea {
  color: #1a345c;
  border: 0;
  border-bottom: 2px solid #1a345c;
  padding: 10px 10px 2px 10px;
  margin-bottom: 30px;
}
#connexion #fondecran article form div.editer span.erreur_message {
  display: block;
  text-align: left;
  font-size: 12px;
  line-height: 18px;
  color: #1a345c;
  padding: 0 10px;
}
#connexion #fondecran .message_logout {
  display: none;
  width: 100%;
  text-align: center;
  padding: 10px;
}
#connexion #fondecran .message_logout p {
  font-size: 16px;
  line-height: 24px;
  margin: 20px;
  color: #1a345c;
  display: none;
}
#connexion #fondecran .message_logout p.on {
  display: block;
}
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  #connexion #fondecran {
    background: none;
  }
  #connexion #fondecran .jaune {
    top: 0;
    left: 0;
    right: auto;
    width: 100%;
    height: 100%;
    margin: 0;
    transform: none;
  }
  #connexion #fondecran article {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: 20px auto;
    max-width: 90%;
  }
  #connexion #fondecran article p.reponse_formulaire {
    margin: 20px 0;
  }
  #connexion #fondecran .message_logout {
    display: none;
  }
}
/* Gestion des cookies */
#banniere-cookie {
  background: #c7d42d !important;
  padding: 60px 30px!important;
  text-align: center;
}
#banniere-cookie .cicb_texte {
  font-size: 16px;
  line-height: 24px;
  max-width: 600px;
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
  float: none;
  color: #1a345c;
}
#banniere-cookie .cicb_fermer {
  position: absolute;
  top: 0;
  left: 0;
  top: 10px;
  right: 10px;
  left: auto;
  color: #1a345c !important;
}
#banniere-cookie .cicb_boutons {
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
  float: none;
  margin-left: 50px;
}
#banniere-cookie .cicb_boutons a {
  border-radius: 0;
  background-color: white;
  color: black;
  font-size: 12px;
  line-height: 18px;
  padding: 8px;
}
#banniere-cookie .cicb_boutons a.accepte,
#banniere-cookie .cicb_boutons a:hover {
  background-color: #1a345c;
  color: white;
}
@media screen and (max-width: 1000px) {
  #banniere-cookie .cicb_texte {
    text-align: center;
    margin: 0 auto 10px;
  }
  #banniere-cookie .cicb_boutons {
    margin: 0;
  }
}
/* En-tête */
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 55px;
  background-color: white;
  box-shadow: 0 0 5px #aaa;
  overflow: hidden;
  /* Menu hamburger */
  /* Version smartphone */
  /* Logo CDB */
  /* Version smartphone */
  /* Formulaire de recherche */
  /* Version smartphone */
  /* Encart utilisateur */
  /* Version smartphone */
  /* Date */
  /* Version smartphone */
}
header .hamburger {
  padding: 19px;
  display: none;
}
header .hamburger .hamburger-inner,
header .hamburger .hamburger-inner::after,
header .hamburger .hamburger-inner::before {
  background-color: #1a345c;
}
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  header .hamburger {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
  }
}
header #logo_cdb {
  display: inline-block;
  vertical-align: top;
  margin: 5px 50px 5px 7%;
}
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  header #logo_cdb {
    text-align: left;
    display: block;
    margin: 5px 50px 5px 70px;
  }
}
header #formulaire_recherche {
  display: inline-block;
  vertical-align: top;
  margin: 10px 70px;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}
header #formulaire_recherche input.search {
  width: 400px;
  border: 1px solid #f7f7f7;
  border-radius: 4px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
  padding: 5px 10px;
  transition: all 0.2s ease;
}
header #formulaire_recherche input.search:focus {
  border-color: #1a345c;
  color: #1a345c;
}
header #formulaire_recherche input[type='submit'] {
  background: url('//85.ip-91-134-242.eu/squelettes/img/rechercher.png') no-repeat;
  border: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  top: 8px;
  right: 10px;
  left: auto;
}
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  header #formulaire_recherche {
    display: none;
    margin: 20px 70px!important;
  }
  header #formulaire_recherche form {
    max-width: none;
  }
  header #formulaire_recherche.affiche {
    display: block;
  }
  header #formulaire_recherche.affiche input.search {
    width: 100%;
  }
}
@media screen and (max-width: 1260px), screen and (max-height: 600px) {
  header #formulaire_recherche {
    margin-right: 10px;
  }
  header #formulaire_recherche input.search {
    width: 250px;
  }
}
header #utilisateur {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 18px;
  min-width: 250px;
  line-height: 12px;
  transition: all 0.2s ease;
}
header #utilisateur a {
  color: #1a345c;
}
header #utilisateur a span.img {
  float: left;
  margin: 5px 10px;
  max-width: 45px;
  min-width: 5px;
  height: 45px;
  border-radius: 22px;
  display: block;
  overflow: hidden;
}
header #utilisateur a strong {
  display: block;
  padding-top: 7px;
  font-size: 16px;
  line-height: 24px;
}
header #utilisateur:hover {
  background-color: #1a345c;
}
header #utilisateur:hover a {
  color: white;
}
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  header #utilisateur {
    display: none;
  }
}
header #date {
  float: right;
  color: #1a345c;
  font-size: 12px;
  line-height: 18px;
  margin: 0 20px;
  line-height: 12px;
}
header #date strong {
  display: block;
  padding-top: 7px;
  font-size: 16px;
  line-height: 24px;
}
header #date strong:first-letter {
  text-transform: uppercase;
}
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  header #date {
    display: none;
  }
}
/* Droit à l'image */
#droitimage {
  padding: 20px;
  background-color: #1a345c;
}
#droitimage h2 {
  margin: 0;
  color: white;
}
#droitimage p {
  margin: 0;
  padding: 0;
  color: white;
}
#droitimage label {
  color: white;
}
#droitimage input[type='submit'] {
  background-color: white;
  color: #1a345c;
  margin: 10px 10px 0 0;
  border: 0;
  padding: 10px;
  font-size: 14px;
}
/* Barre de publication */
#publication {
  background-color: #c7d42d;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  z-index: 1;
  margin: -50px 0 0 0;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  transition: all 0.2s ease;
}
#publication.on {
  margin-top: 5px;
}
#publication ul {
  padding: 6px 10px 4px;
}
#publication ul li {
  list-style: none;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  border-right: 1px dotted white;
  padding: 0 20px 0 50px;
  transition: all 0.2s ease;
  margin-left: 15px;
}
#publication ul li a {
  color: #1a345c;
  font-family: "open_sansbold", sans-serif;
}
#publication ul li.publication {
  background: url('//85.ip-91-134-242.eu/squelettes/img/publier_actu.png') no-repeat;
}
#publication ul li.gestion {
  background: url('//85.ip-91-134-242.eu/squelettes/img/parametres.png') no-repeat;
}
#publication ul li:last-child {
  border: 0;
}
#publication ul li:hover {
  transform: scale(1.05);
}
#publication + section {
  padding-top: 20px;
}
/* Version smartphone */
@media screen and (max-width: 1230px), screen and (max-height: 600px) {
  #publication {
    margin-top: -390px;
  }
  #publication.on {
    margin-top: 6px;
    z-index: 15;
  }
  #publication ul li {
    display: block;
    border-bottom: 1px dotted white;
    border-right: 0;
    padding: 0 20px 10px 50px;
    margin-bottom: 10px;
  }
  #publication ul li:nth-child(2) {
    margin-bottom: 0;
  }
  .page_rubrique #publication {
    margin-top: -340px;
  }
  .page_rubrique #publication.on {
    margin-top: -14px;
  }
}
/* Outil de publication */
.page_publier {
  padding-top: 100px;
}
.page_publier #joindre_mediatheque__new,
.page_publier #joindre_distant__new,
.page_publier .sourceup,
.page_publier #defaultsubmit__new,
.page_publier #formulaire_joindre_document-new + .box,
.page_publier .ariaformprop + .box.info {
  display: none;
}
.page_publier h1 {
  margin-bottom: 0;
}
.page_publier article:not(.nogris) {
  background-color: #f7f7f7;
  padding: 40px;
  margin: 40px 0;
  border-radius: 10px;
}
.page_publier article:not(.nogris) .titrem {
  padding: 0;
}
.page_publier article:not(.nogris) .titrem img {
  display: none;
}
.page_publier article:not(.nogris).previz {
  background-color: white;
}
.page_publier article:not(.nogris).previz table {
  border-collapse: collapse;
}
.page_publier article:not(.nogris).previz table td {
  padding: 5px;
}
.page_publier article.nogris {
  margin: 40px auto;
}
.page_publier .aide,
.page_publier .editer_parent {
  display: none;
}
.page_publier form {
  max-width: none;
}
.page_publier form label,
.page_publier form legend {
  display: block;
  font-size: 16px;
  line-height: 24px;
}
.page_publier form .editer_logo_on {
  margin: 20px 0 30px;
}
.page_publier form p.boutons {
  text-align: left;
}
.page_publier form .editer_repetitions {
  display: none;
}
.page_publier form li.editer_date_debut_fin {
  margin-top: 20px;
}
.page_publier form li.editer_date_debut_fin * {
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
}
.page_publier form li.editer_date_debut_fin .ui-datepicker-trigger {
  margin-right: 10px;
  margin-left: -30px;
}
.page_publier form li.editer_date_debut_fin input[type='text'] {
  margin: 0 10px;
}
.page_publier form li.editer_date_debut_fin label.date_fin {
  display: none;
}
.page_publier form li.editer_descriptif {
  margin-top: 40px;
}
.page_publier form .editer_horaire label,
.page_publier form .choix.inscription label,
.page_publier form .editer_horaire input,
.page_publier form .choix.inscription input {
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
  margin-right: 5px;
}
.page_publier form .choix.places {
  margin-top: 20px;
}
.page_publier form .editer_adresse {
  display: none;
}
.page_publier form .session_qui {
  display: none;
}
.page_publier form .editer_agro {
  display: none;
}
.page_publier form .editer_agro label,
.page_publier form .editer_agro input {
  display: inline-block;
  vertical-align: top;
}
.page_publier #ui-datepicker-div {
  background-color: white;
  box-shadow: 2px 2px 11px #ddd;
  margin-top: 10px;
}
.page_publier .ui-datepicker-prev,
.page_publier .ui-datepicker-next {
  display: none;
}
.page_publier .comments-thread h2 {
  display: none;
}
.page_publier .comments-thread ul li {
  list-style: none;
}
.page_publier .comments-thread ul li p.comment-meta {
  padding-bottom: 0;
}
.page_publier h3 {
  padding-top: 0;
}
.page_publier.publier_note form .editer_agro {
  display: block;
}
.page_publier_liste {
  padding-top: 100px;
}
.page_publier_liste .liste article {
  display: inline-block;
  vertical-align: top;
}
.page_publier_liste .liste article.editprepa {
  background-color: #f7f7f7;
}
.page_publier_liste .liste article.editpoubelle {
  background-color: red;
}
.page_publier_liste .liste.nonpublie article {
  background-color: #c7d42d;
}
.page_publier_liste .bouton {
  margin: 20px 0;
}
.page_publier_liste #evenements {
  padding: 0 20px;
}
.page_publier_liste #evenements .carousel_wec {
  margin-top: 0;
}
.page_publier_liste #evenements .carousel_wec .liste article {
  background-color: white;
}
/* Version smartphone */
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  .page_publier,
  .page_publier_liste {
    padding-top: 50px;
  }
}
.citation form .editer_texte,
.citation form .champs_extras,
.citation form label {
  display: none;
}
/* Tableaux */
.page_article table,
.page_rubrique table,
.page_sommaire table {
  width: 100%;
  margin: 20px 0 20px;
  /* Version smartphone */
}
.page_article table th,
.page_rubrique table th,
.page_sommaire table th,
.page_article table td,
.page_rubrique table td,
.page_sommaire table td {
  font-weight: normal;
  text-align: left;
}
.page_article table th,
.page_rubrique table th,
.page_sommaire table th {
  overflow: hidden;
  color: #fff;
  background-color: #465160;
  border: 0;
  padding: 10px 15px;
}
.page_article table th a,
.page_rubrique table th a,
.page_sommaire table th a {
  color: #fff;
}
.page_article table td,
.page_rubrique table td,
.page_sommaire table td {
  border-bottom: 1px solid #e9ebe7;
  font-size: 16px;
  line-height: 24px;
  padding: 15px;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}
.page_article table td.action,
.page_rubrique table td.action,
.page_sommaire table td.action {
  cursor: pointer;
}
.page_article table td:last-child,
.page_rubrique table td:last-child,
.page_sommaire table td:last-child {
  min-width: 50px;
}
.page_article table td i,
.page_rubrique table td i,
.page_sommaire table td i {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  top: 15px;
  left: 15px;
}
.page_article table td ul,
.page_rubrique table td ul,
.page_sommaire table td ul {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  top: 35px;
  left: -30px;
  border: 1px solid #f7f7f7;
  background-color: white;
  box-shadow: 2px 2px 11px #ddd;
  z-index: 102;
  min-width: 150px;
}
.page_article table td ul li,
.page_rubrique table td ul li,
.page_sommaire table td ul li {
  list-style: none;
  padding: 10px 20px;
}
.page_article table td ul li:hover,
.page_rubrique table td ul li:hover,
.page_sommaire table td ul li:hover {
  background-color: #f7f7f7;
}
.page_article table td ul li a,
.page_rubrique table td ul li a,
.page_sommaire table td ul li a,
.page_article table td ul li button,
.page_rubrique table td ul li button,
.page_sommaire table td ul li button {
  font-weight: bold;
  color: #465160;
  background: none;
  font-size: 16px;
  line-height: 24px;
  display: block;
  width: 100%;
  height: 100%;
  text-align: left;
  cursor: pointer;
}
.page_article table td ul li form,
.page_rubrique table td ul li form,
.page_sommaire table td ul li form {
  margin: 0;
}
.page_article table td.on ul,
.page_rubrique table td.on ul,
.page_sommaire table td.on ul {
  display: block;
}
.page_article table td form .editer-groupe,
.page_rubrique table td form .editer-groupe,
.page_sommaire table td form .editer-groupe {
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
}
.page_article table td form .boutons,
.page_rubrique table td form .boutons,
.page_sommaire table td form .boutons,
.page_article table td form .aide,
.page_rubrique table td form .aide,
.page_sommaire table td form .aide,
.page_article table td form label,
.page_rubrique table td form label,
.page_sommaire table td form label,
.page_article table td form .erreur_message,
.page_rubrique table td form .erreur_message,
.page_sommaire table td form .erreur_message {
  display: none;
}
.page_article table td form .boutons,
.page_rubrique table td form .boutons,
.page_sommaire table td form .boutons {
  margin: 0;
}
.page_article table td form select,
.page_rubrique table td form select,
.page_sommaire table td form select {
  background: none !important;
}
.page_article table td .reponse_formulaire,
.page_rubrique table td .reponse_formulaire,
.page_sommaire table td .reponse_formulaire {
  display: none;
}
.page_article table td span,
.page_rubrique table td span,
.page_sommaire table td span,
.page_article table td .instituer_objet,
.page_rubrique table td .instituer_objet,
.page_sommaire table td .instituer_objet {
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
}
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  .page_article table td.prix_unitaire,
  .page_rubrique table td.prix_unitaire,
  .page_sommaire table td.prix_unitaire,
  .page_article table th.prix_unitaire,
  .page_rubrique table th.prix_unitaire,
  .page_sommaire table th.prix_unitaire {
    display: none;
  }
  .page_article table tr.total_ttc td.quantite,
  .page_rubrique table tr.total_ttc td.quantite,
  .page_sommaire table tr.total_ttc td.quantite,
  .page_article table tr.taxes td.quantite,
  .page_rubrique table tr.taxes td.quantite,
  .page_sommaire table tr.taxes td.quantite {
    display: none;
  }
}
.page_article .confirmation table + .boutons,
.page_rubrique .confirmation table + .boutons,
.page_sommaire .confirmation table + .boutons {
  display: none;
}
/* Liste des commandes */
.listecommandes li {
  list-style: none;
}
/* Barre de navigation */
nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  background-color: #1a345c;
  width: 100%;
  height: 50px;
  top: 55px;
  /* Mini-panier */
  /* Commandes */
  /* Publier */
}
nav > ul {
  margin: 0 0 0 6%;
}
nav > ul li {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  margin: 0 15px;
  line-height: 48px;
  font-size: 14px;
}
nav > ul li a {
  color: white;
}
nav > ul li a span {
  border-bottom: 2px solid #1a345c;
}
nav > ul li.on a,
nav > ul li:hover a {
  color: #c7d42d;
}
nav > ul li.on a span,
nav > ul li:hover a span {
  border-bottom: 2px solid #c7d42d;
}
nav > ul li:nth-child(1) {
  background: url('//85.ip-91-134-242.eu/squelettes/img/home.png') no-repeat left center;
}
nav > ul li:nth-child(1) a {
  padding-left: 45px;
}
nav > ul li:nth-child(2) {
  background: url('//85.ip-91-134-242.eu/squelettes/img/actus.png') no-repeat left center;
}
nav > ul li:nth-child(2) a {
  padding-left: 45px;
}
nav > ul li:nth-child(3) {
  background: url('//85.ip-91-134-242.eu/squelettes/img/entreprise.png') no-repeat left center;
}
nav > ul li:nth-child(3) a {
  padding-left: 35px;
}
nav > ul li:nth-child(4) {
  background: url('//85.ip-91-134-242.eu/squelettes/img/cse.png') no-repeat left center;
}
nav > ul li:nth-child(4) a {
  padding-left: 45px;
}
nav > ul li:nth-child(5) {
  background: url('//85.ip-91-134-242.eu/squelettes/img/notesinternes.png') no-repeat left center;
}
nav > ul li:nth-child(5) a {
  padding-left: 35px;
}
nav .minipanier {
  position: absolute;
  top: 0;
  left: 0;
  background: url('//85.ip-91-134-242.eu/squelettes/img/cart.png') no-repeat center 10px #1a345c;
  left: auto;
  right: 0;
  height: 110px;
  top: 50px;
  text-align: center;
  width: 100px;
  padding-top: 45px;
}
nav .minipanier li {
  font-size: 12px;
  line-height: 18px;
  list-style: none;
  color: white;
}
nav .minipanier p {
  color: white;
  display: block;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
}
nav #commandes {
  color: #1a345c;
  font-size: 12px;
  line-height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c7d42d;
  left: auto;
  right: 225px;
  height: 50px;
  text-align: center;
  width: 100px;
  padding-top: 8px;
}
nav #commandes a {
  color: #1a345c;
}
nav #contact,
nav #publier,
nav #deconnexion {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  left: auto;
  background-color: #c7d42d;
  color: #1a345c;
  font-size: 38px;
  display: block;
  width: 75px;
  text-align: center;
  transition: all 0.2s ease;
}
nav #contact span,
nav #publier span,
nav #deconnexion span {
  border-radius: 20px;
  border: 2px solid #1a345c;
  width: 35px;
  display: block;
  line-height: 30px;
  margin: 8px auto;
  text-align: center;
  transition: all 0.2s ease;
}
nav #contact:hover,
nav #publier:hover,
nav #deconnexion:hover {
  border-color: white;
}
nav #contact:hover span,
nav #publier:hover span,
nav #deconnexion:hover span {
  border-color: white;
}
nav #contact img,
nav #publier img,
nav #deconnexion img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
}
nav #publier {
  right: 75px;
}
nav #contact {
  right: 150px;
}
nav #deconnexion span {
  background: url('//85.ip-91-134-242.eu/squelettes/img/off.png') no-repeat;
  background-size: contain;
  width: 45px;
  border: 0;
  color: transparent;
  margin: 3px auto 0;
  height: 47px;
  display: block;
}
/* Version smartphone */
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  nav {
    left: -100%;
    width: 100%;
    transition: all 0.2s ease;
  }
  nav.ouvert {
    left: 0;
    height: 100%;
    z-index: 12;
  }
  nav ul {
    margin-top: 160px;
  }
  nav ul li {
    display: block;
    max-width: 200px;
    margin: 20px auto;
  }
  nav ul li:nth-child(1) a,
  nav ul li:nth-child(2) a,
  nav ul li:nth-child(3) a,
  nav ul li:nth-child(4) a,
  nav ul li:nth-child(5) a {
    padding-left: 50px;
  }
  nav #publier,
  nav #contact {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    left: auto;
  }
  nav #publier span,
  nav #contact span {
    margin: 10px auto 11px;
  }
  nav #contact {
    right: 75px;
  }
  nav #deconnexion {
    display: none;
  }
  nav #commandes {
    width: 150px;
    right: 0;
  }
}
#logout {
  text-align: right;
  padding: 10px 30px;
}
#logout a {
  font-size: 12px;
  line-height: 18px;
  color: #1a345c;
}
/* Messages */
#message {
  padding: 0 20px;
  max-width: 90%;
  margin: 20px auto -20px;
  width: auto;
  transition: all 0.2s ease;
  /* Version smartphone */
}
#message p {
  font-size: 19px;
  line-height: 28px;
  background-color: #c7d42d;
  color: #1a345c;
  padding: 5px 30px;
  display: none;
}
#message.ok p.on {
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  #message {
    margin: 20px auto 40px;
  }
}
/* Pied de page */
footer {
  position: fixed;
  top: 0;
  z-index: 3;
  bottom: 0;
  left: 0;
  top: auto;
  width: 100%;
  display: none;
}
footer a {
  color: white;
  font-size: 12px;
  line-height: 18px;
}
footer a:hover {
  color: #c7d42d;
}
/* Version smartphone */
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  footer {
    left: -100%;
    transition: all 0.2s ease;
  }
  footer.ouvert {
    left: 40px;
  }
}
/* Sommaire */
.page_sommaire {
  padding-top: 100px;
}
.page_sommaire .formulaire_spip form p.boutons {
  text-align: left;
}
/* Version smartphone */
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  .page_sommaire {
    padding-top: 50px;
  }
}
/* Sections */
section {
  padding: 0 20px;
  max-width: 90%;
  margin: 0 auto;
  width: auto;
  transition: all 0.2s ease;
}
section h1,
section h2 {
  font-family: "open_sansbold", sans-serif;
  color: #1a345c;
  margin: 40px auto 20px;
}
/* Version smartphone */
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  section {
    text-align: center;
    padding: 0;
  }
}
/* Page Auteur */
.page_auteur .editer_new_login,
.page_auteur .editer_bio,
.page_auteur .editer_pgp,
.page_auteur .editer_liens_sites,
.page_auteur .editer_niveau {
  display: none;
}
.page_auteur .editer_identification {
  margin-top: 40px;
}
.page_auteur .editer_identification .notice,
.page_auteur .editer_identification legend,
.page_auteur .editer_identification .offscreen,
.page_auteur .editer_identification .reset_password {
  display: none;
}
.page_auteur .formulaire_editer_logo_auteur p.boutons {
  text-align: left;
}
.page_auteur .formulaire_editer_logo_auteur .editer_logo_on img {
  padding: 10px;
  margin-top: 20px;
  border: 1px dotted gray;
}
.page_auteur #supprimer_logo_on_auteur_1 {
  display: inline-block;
  vertical-align: top;
  background-color: #c7d42d;
  color: #1a345c;
  transition: all 0.2s ease;
  font-size: 12px;
  line-height: 18px;
  font-family: "open_sansbold", sans-serif;
  text-transform: uppercase;
  padding: 10px 20px;
  cursor: pointer;
  border: 0;
  margin-top: 20px;
}
.page_auteur #supprimer_logo_on_auteur_1:hover {
  background-color: #1a345c;
  color: white;
}
.page_auteur .formulaire_alertes_email ul {
  list-style: none;
  margin-bottom: 40px;
}
.page_auteur .formulaire_alertes_email .choix {
  margin-right: 20px;
}
.page_auteur p.boutons {
  text-align: left;
}
.page_auteur p.boutons input {
  display: inline-block;
  vertical-align: top;
  background-color: #c7d42d;
  color: #1a345c;
  transition: all 0.2s ease;
  font-size: 12px;
  line-height: 18px;
  font-family: "open_sansbold", sans-serif;
  text-transform: uppercase;
  padding: 10px 20px;
  cursor: pointer;
}
.page_auteur p.boutons input:hover {
  background-color: #1a345c;
  color: white;
}
.page_auteur h3 + p {
  font-size: 12px;
  line-height: 18px;
  margin: 10px 0 20px;
}
.page_auteur .formulaire_newsletter .reponse_formulaire_ok + h3,
.page_auteur .formulaire_newsletter .reponse_formulaire_ok + h3 + p,
.page_auteur .formulaire_newsletter .reponse_formulaire_ok + h3 + p + form {
  display: none;
}
/* Pages rubriques */
.page_rubrique {
  padding-top: 100px;
  /* Articles */
}
.page_rubrique h1 {
  color: #1a345c;
  padding: 10px 20px 20px;
  max-width: 90%;
  margin: 0 auto;
}
.page_rubrique#page_rubrique_2 h1,
.page_rubrique#page_rubrique_4 h1 {
  display: none;
}
.page_rubrique article {
  /* Textes */
}
.page_rubrique article p strong {
  color: #1a345c;
}
.page_rubrique article p a {
  color: #1a345c;
  text-decoration: underline;
}
.page_rubrique article h3.spip {
  padding-left: 0;
}
/* Version smartphone */
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  .page_rubrique {
    padding-top: 70px;
  }
}
/* Citation */
#citation {
  position: fixed;
  top: 0;
  left: 0;
  left: 50%;
  z-index: 10;
}
#citation .content {
  display: flex;
  max-width: 400px;
  height: 56px;
}
#citation .content quote {
  color: #1a345c;
  font-style: italic;
  text-align: center;
  padding: 0;
  font-size: 12px;
  line-height: 18px;
  margin: auto;
  line-height: 12px;
}
/* Version petit écran */
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  #citation {
    position: absolute;
    top: 0;
    left: 0;
    top: 70px;
    left: 5%;
    width: 90%;
  }
  #citation .content {
    display: block;
    max-width: 100%;
    text-align: center;
  }
  #citation .content quote {
    display: block;
    margin: auto;
  }
  .page_rubrique #citation,
  .page_article #citation {
    display: none;
  }
}
/* Evènements */
#evenements {
  padding: 0;
}
#evenements h2 {
  color: #1a345c;
  padding: 10px 2% 60px;
  width: 100%;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  overflow: hidden;
}
#evenements .grand_conteneur {
  border-radius: 4px;
  border-radius: 8px;
  box-shadow: 2px 2px 11px #ddd;
  width: 96%;
  margin: 10px auto;
  background-color: white;
  padding: 0 15px;
}
#evenements .carousel_wec {
  margin-top: -80px;
  height: 150px;
}
#evenements .carousel_wec #suivant,
#evenements .carousel_wec #precedent {
  top: 45%;
}
#evenements .carousel_wec #suivant {
  right: 0;
}
#evenements .carousel_wec #precedent {
  left: 0;
}
#evenements article {
  transition: all 0.2s ease;
  margin: 0 40px 0 0;
  padding: 15px 0;
}
#evenements article .calendrier {
  width: 75px;
  height: 88px;
  display: inline-block;
  vertical-align: top;
  background-color: #1a345c;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  margin-right: 10px;
  border-radius: 4px;
  border-radius: 8px;
  box-shadow: 2px 2px 11px #ddd;
}
#evenements article .calendrier strong {
  display: block;
  background-color: white;
  color: #1a345c;
  font-size: 38px;
  line-height: 70px;
  font-family: "open_sansbold", sans-serif;
}
#evenements article .infos {
  display: inline-block;
  vertical-align: top;
  width: 180px;
  margin-left: 10px;
}
#evenements article .infos h3 {
  padding: 5px 0 0;
  font-size: 16px;
  line-height: 24px;
}
#evenements article .infos p {
  padding: 0;
  font-size: 12px;
  line-height: 18px;
}
#evenements article:hover {
  transform: scale(1.05);
}
#evenements article span.bouton {
  padding: 4px 10px;
}
/* Version smartphone */
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  #evenements {
    margin-bottom: 50px;
  }
  #evenements h2 {
    text-align: left;
  }
  #evenements h2 span {
    width: 30%;
  }
}
/* Evènements sur la page actualités */
@media screen and (min-width: 1300px) {
  .page_rubrique #evenements {
    position: fixed;
    top: 0;
    left: 0;
    left: auto;
    right: 0;
    top: 34px;
    width: 300px;
    margin-left: 20px;
    padding: 40px 0;
  }
  .page_rubrique #evenements h2 {
    background: none;
    color: #1a345c;
    padding: 30px 0 0 10px;
    width: 100%;
  }
  .page_rubrique #evenements h2 span {
    display: none;
  }
  .page_rubrique #evenements .carousel_wec {
    height: auto;
    margin-top: 0;
  }
  .page_rubrique #evenements .carousel_wec .grand_conteneur {
    width: 100%;
    box-shadow: none;
    padding: 0;
  }
  .page_rubrique #evenements .carousel_wec .grand_conteneur .liste article {
    display: block;
    margin-bottom: 20px;
    width: 290px;
    padding: 10px;
  }
  .page_rubrique #evenements .carousel_wec .grand_conteneur .liste article:hover {
    transform: scale(1.05);
  }
  .page_rubrique #evenements .carousel_wec #suivant,
  .page_rubrique #evenements .carousel_wec #precedent {
    display: none;
  }
  .page_rubrique #evenements + section {
    margin-right: 350px;
    margin-left: 5%;
  }
}
/* Inscriptions */
.page_evenement {
  padding-top: 100px;
}
.page_evenement section h1,
.page_evenement section h2 {
  margin: 40px 0 0;
  font-size: 26px;
  line-height: 36px;
}
.page_evenement article p {
  font-size: 16px;
  line-height: 24px;
  padding: 20px 0;
}
.page_evenement article p.boutons {
  text-align: left;
  margin: 0;
  padding: 0;
}
.page_evenement article img {
  display: block;
  margin: 20px 0 20px 0;
}
.page_evenement article legend {
  font-family: "open_sansbold", sans-serif;
  color: #1a345c;
  margin: 0 0 10px;
  font-size: 19px;
  line-height: 28px;
}
.page_evenement article .editer_id_evenement {
  display: none;
}
.page_evenement article fieldset + fieldset legend {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
.page_evenement article form {
  background-color: #f7f7f7;
  padding: 40px;
  margin: 40px 0;
}
.page_evenement article .date {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  padding-top: 2px;
  background-position: 2px 2px;
}
/* Page article */
.page_article {
  padding-top: 100px;
}
.page_article article.complet {
  background-color: white;
}
.page_article article.complet iframe {
  display: block;
  margin-bottom: 40px;
  border: 0;
}
/* Version smartphone */
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  .page_article {
    padding-top: 50px;
  }
}
/* Articles */
article {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}
article h3,
article h4 {
  padding: 20px 0;
  font-size: 19px;
  line-height: 28px;
  font-weight: normal;
  color: #1a345c;
}
article p {
  font-size: 16px;
  line-height: 24px;
  color: #737373;
  padding: 0 0 20px 0;
}
article .date {
  font-size: 12px;
  line-height: 18px;
  color: #1a345c;
  padding-left: 25px;
  line-height: 15px;
  min-height: 20px;
  background: url('//85.ip-91-134-242.eu/squelettes/img/date.png') no-repeat;
}
/* Arborescence */
.arbo {
  font-size: 12px;
  line-height: 18px;
  margin-top: 20px;
}
.arbo a {
  color: #737373;
}
.arbo a:hover {
  color: #1a345c;
}
/* Version smartphone */
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  .arbo {
    display: none;
  }
}
/* Version complète */
article.complet,
article.previz {
  margin-bottom: 40px;
}
article.complet > img.spip_logo,
article.previz > img.spip_logo {
  float: left;
  margin-right: 20px;
}
article.complet .intro,
article.previz .intro,
article.complet span.bouton,
article.previz span.bouton {
  display: none;
}
article.complet > div,
article.previz > div {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  overflow: auto;
}
article.complet > div .tag,
article.previz > div .tag {
  position: absolute;
  top: 0;
  left: 0;
}
article.complet > div > .date,
article.previz > div > .date {
  position: absolute;
  top: 0;
  left: 0;
  top: 3px;
  left: 160px;
}
article.complet > div h3,
article.previz > div h3,
article.complet > div h4,
article.previz > div h4 {
  display: none;
}
article.complet > div p,
article.previz > div p {
  font-size: 16px;
  line-height: 24px;
  padding: 20px 0;
  text-align: justify;
}
article.complet > div li,
article.previz > div li {
  color: #737373;
  margin: 5px 20px;
}
article.complet > div ul,
article.previz > div ul {
  padding: 10px 0 20px;
}
article.complet > div .texte,
article.previz > div .texte {
  padding-top: 40px;
}
article.complet > div .auteurs,
article.previz > div .auteurs {
  display: block;
  margin-top: 25px;
}
article.previz > div h3,
article.previz > div h4 {
  display: block;
  margin-top: 30px;
  color: #1a345c;
}
article.previz > div .texte {
  padding-top: 0;
}
/* fiche produit */
.page_produit article.complet div .texte {
  padding: 0 0 20px;
}
.page_produit article.complet .tarif {
  display: block;
  width: 70px;
  border-radius: 35px;
  background-color: #00B222;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
  color: white;
  margin-bottom: 40px;
}
.page_produit article.complet .tarif.prix_0 {
  display: none;
}
.page_produit article.complet .prix_0 {
  display: none;
}
.page_produit article.complet .bouton_action_post {
  width: auto;
  display: inline-block;
  vertical-align: top;
  margin-right: 40px;
}
/* Version smartphone */
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  article.complet img.spip_logo {
    float: none;
  }
  article.complet div .tag,
  article.complet div .date {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
  article.complet div .date {
    display: block;
    background: none;
    margin-top: 20px;
  }
  article.complet div a.bouton {
    display: block;
    margin: 20px 0;
  }
  article.complet div > p {
    text-align: left;
  }
}
/* Blocs */
article.bloc {
  display: inline-block;
  vertical-align: top;
  box-shadow: 2px 2px 11px #ddd;
  border: 2px solid #1a345c;
  border-radius: 4px;
  border-radius: 8px;
  margin: 0 20px 20px 0;
  width: 300px;
  padding-bottom: 30px;
  transition: all 0.2s ease;
  height: 415px;
  overflow: hidden;
}
article.bloc a {
  display: block;
  width: 100%;
}
article.bloc img {
  max-width: 100%;
  height: auto;
  background-color: white;
}
article.bloc .texte {
  display: none;
}
article.bloc .tag {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 20px;
  right: 20px;
  top: auto;
  left: auto;
}
article.bloc .date {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 18px;
  left: 20px;
  top: auto;
}
article.bloc:hover {
  transform: scale(1.05);
}
article.bloc .bouton {
  display: none;
}
article.bloc + .pagination {
  display: none;
}
article.bloc p {
  padding: 0 20px;
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
}
article.bloc h3,
article.bloc h4 {
  padding: 20px 20px 0;
  color: #000;
  text-transform: uppercase;
  line-height: 22px;
  margin-bottom: 5px;
}
article.bloc span.auteurs {
  font-size: 12px;
  line-height: 18px;
  display: block;
  padding: 0 20px 10px;
  color: #737373;
}
article.bloc .tarif {
  width: 70px;
  border-radius: 35px;
  background-color: #00B222;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
  color: white;
  margin: 5px 20px 20px;
  display: block;
}
article.bloc .tarif.prix_0 {
  display: none;
}
article.bloc .prix_0 {
  display: none;
}
.page_rubrique article.bloc {
  display: inline-block;
  vertical-align: top;
}
/* Listes */
article.liste {
  box-shadow: 0 0 5px #ccc;
  border: 2px solid #1a345c;
  border-radius: 4px;
  border-radius: 8px;
  margin-bottom: 20px;
  min-height: 200px;
  overflow: hidden;
  transition: all 0.2s ease;
}
article.liste img {
  float: left;
  margin-right: 20px;
}
article.liste img + div .tag {
  left: 320px;
}
article.liste img + div .date {
  left: 420px;
}
article.liste div {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}
article.liste div .tag {
  position: absolute;
  top: 0;
  left: 0;
  top: 20px;
  left: 20px;
}
article.liste div .date {
  position: absolute;
  top: 0;
  left: 0;
  top: 20px;
  left: 120px;
}
article.liste div h3 {
  padding: 50px 20px 5px;
}
article.liste div .texte {
  display: none;
}
article.liste div p {
  font-size: 12px;
  line-height: 18px;
}
article.liste:hover {
  transform: scale(1.02);
}
article.liste .bouton {
  position: absolute;
  top: 0;
  left: 0;
  top: auto;
  bottom: 20px;
  right: 20px;
  left: auto;
}
/* Couleurs */
article.ce {
  border-color: #00B222;
  background-color: rgba(0, 178, 34, 0.1);
}
article.ce h3 {
  color: #000;
}
article.entreprise {
  border-color: #32b5f9;
  background-color: rgba(50, 181, 249, 0.1);
}
article.rh {
  border-color: #f58297;
  background-color: rgba(245, 130, 151, 0.1);
}
article.securite {
  border-color: #ff0000;
  background-color: rgba(255, 0, 0, 0.1);
}
article.commercial {
  border-color: #6e6ebc;
  background-color: rgba(110, 110, 188, 0.1);
}
article.parrainage {
  border-color: #1a345c;
  background-color: rgba(26, 52, 92, 0.1);
}
article.collaborateur {
  border-color: #ff7f50;
  background-color: rgba(255, 127, 80, 0.1);
}
/* Version smartphone */
@media screen and (max-width: 970px), screen and (max-height: 600px) {
  article.liste img {
    max-width: 50%;
  }
  article.liste div h3,
  article.liste div h4,
  article.liste div p {
    text-align: left;
  }
}
/* Pagination */
.pagination {
  margin-bottom: 40px;
}
.pagination .sep {
  display: none;
}
.pagination strong,
.pagination a {
  display: inline-block;
  vertical-align: top;
  background-color: #1a345c;
  color: white;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 24px;
  font-family: "open_sansbold", sans-serif;
  margin-right: 10px;
  transition: all 0.2s ease;
}
.pagination strong.on,
.pagination a.on,
.pagination strong:hover,
.pagination a:hover {
  background-color: #c7d42d;
  color: #1a345c;
}
/* Distribution */
#distribution h2 {
  margin-bottom: 0;
}
#distribution h3 {
  padding-top: 0;
}
#distribution h4 {
  color: purple;
  margin-bottom: -30px;
}
#distribution p {
  text-align: center;
}
#distribution p.enlevement strong,
#distribution p.distribution strong {
  display: block;
  font-size: 26px;
  line-height: 36px;
}
#distribution p.distribution {
  margin-top: 30px;
}
#distribution ul {
  text-align: left;
}
#distribution ul li {
  margin-bottom: 5px;
}
#distribution ul.securite {
  color: red;
}
#distribution ul.tailles {
  display: inline-block;
  vertical-align: top;
  width: 45%;
}
#distribution ul.tailles li:first-child {
  list-style: none;
  color: purple;
  margin: 0;
}
#distribution ul.tailles li {
  margin-left: 20px;
}
/* Tags */
.tag {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  padding: 1px 4px;
  font-family: "open_sansbold", sans-serif;
  min-width: 50px;
  text-align: center;
  border-radius: 4px;
  border-radius: 8px;
}
.tag.ce {
  background-color: #00B222;
  color: white;
}
.tag.entreprise {
  background-color: #32b5f9;
  color: white;
}
.tag.rh {
  background-color: #f58297;
  color: white;
}
.tag.securite {
  background-color: #ff0000;
  color: white;
}
.tag.commercial {
  background-color: #6e6ebc;
  color: white;
}
.tag.parrainage {
  background-color: #1a345c;
  color: white;
}
.tag.collaborateur {
  background-color: #ff7f50;
  color: white;
}
.tag.recurrent {
  background-color: purple;
  color: white;
}
/* Boutons */
.bouton,
button {
  display: inline-block;
  vertical-align: top;
  background-color: #c7d42d;
  color: #1a345c;
  transition: all 0.2s ease;
  font-size: 12px;
  line-height: 18px;
  font-family: "open_sansbold", sans-serif;
  text-transform: uppercase;
  padding: 10px 20px;
  cursor: pointer;
}
.bouton:hover,
button:hover {
  background-color: #1a345c;
  color: white;
}
/* Dates de publication */
.datespublication {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  padding-bottom: 80px !important;
}
.datespublication form div.editer {
  margin-bottom: 0;
}
.datespublication form input[type='hidden'] + div > input {
  display: none;
}
.datespublication form label {
  display: inline-block !important;
  vertical-align: top !important;
}
.datespublication form p.boutons {
  padding: 0;
}
.datespublication form .editable {
  display: block;
}
.datespublication form .toggle_box_link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 20px;
  top: auto;
  left: 40px;
}
.datespublication form .toggle_box_link i {
  display: none;
}
/* Joindre des documents */
.formulaire_joindre_document h3 {
  margin-bottom: 30px;
}
.formulaire_joindre_document .reponse_formulaire {
  font-size: 12px;
  margin-bottom: 20px;
  background-color: #1a345c;
  color: white;
  padding: 5px 10px;
  display: inline-block;
  vertical-align: top;
}
.formulaire_joindre_document p.boutons input {
  font-size: 12px;
}
.formulaire_joindre_document input[type='file'] {
  border: 2px solid #1a345c;
  padding: 10px;
  margin: 20px 0;
}
.formulaire_editer_logo p.boutons input,
.formulaire_editer_article p.boutons input {
  font-size: 12px;
}
.docs_joindre li {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  background-color: white;
  border: 1px solid #ddd;
}
/* Insertion vidéo */
.formulaire_insertion_video p.boutons input {
  font-size: 12px;
}
.formulaire_insertion_video .reponse_formulaire {
  font-size: 12px;
  margin-top: -10px;
  margin-bottom: 20px;
  background-color: #1a345c;
  color: white;
  padding: 5px 10px;
  display: inline-block;
  vertical-align: top;
}
.formulaire_insertion_video div.editer input[type="text"] {
  width: 300px;
  text-align: left;
}
/* Charte */
#page_rubrique_6 section {
  padding: 0 20px 200px;
}
/* Profil */
.page_auteur form .editer_note_interne,
.page_auteur form .editer_connexion,
.page_auteur form .editer_droit_image,
.page_auteur form .editer_cistatut {
  display: none;
}
.page_auteur form p.explication {
  background: none;
  color: #737373;
  margin: 0;
  padding: 0;
}
.page_auteur form label {
  color: #1a345c;
}
.page_auteur section {
  display: none;
}
.page_auteur section.on {
  display: block;
}
/* Menu */
#onglets {
  padding: 10px 20px 0;
  border-bottom: 1px solid #eaeaea;
  max-width: 90%;
  margin: auto auto 60px;
}
#onglets li {
  display: inline-block;
  vertical-align: top;
  padding-right: 24px;
  /* Menu admin */
}
#onglets li a {
  font-size: 16px;
  line-height: 24px;
  display: block;
  padding-bottom: 12px;
  color: black;
}
#onglets li a * {
  display: inline-block;
  vertical-align: middle;
}
#onglets li.cacher {
  display: none;
}
#onglets li.on a {
  color: black;
  border-bottom: 2px solid #1a345c;
}
#onglets li.on:hover a {
  border-color: #1a345c;
}
#onglets li:hover a {
  border-bottom: 2px solid #1a345c;
  color: #1a345c;
}
#onglets li.admin {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  padding-right: 40px;
}
#onglets li.admin:after {
  content: 'Admin';
  position: absolute;
  top: 0;
  left: 0;
  top: -10px;
  right: 0;
  left: auto;
  font-size: 10px;
  background-color: red;
  padding: 4px;
  border-radius: 2px;
  display: block;
  color: white;
  line-height: 10px;
}
/* CKE Editor */
#cke_text_area {
  background-color: #c7d42d;
  width: 100% !important;
}
#cke_text_area .cke_inner span.cke_top {
  background-color: #c7d42d;
}
#cke_text_area .cke_bottom {
  display: none;
}
.cke_dialog_container .cke_dialog_title,
.cke_dialog_container .cke_dialog_footer {
  background-color: #1a345c !important;
  color: white;
}
.cke_dialog_container a.cke_dialog_ui_button_ok {
  background-color: #c7d42d;
  color: black;
}
/* Formulaires */
form p.boutons input {
  background-color: #c7d42d;
  color: #1a345c;
  text-align: center;
  min-width: 100px;
}
form p.boutons input:hover {
  background-color: #1a345c;
  color: white;
}
form p.explication {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 10px;
  background-color: #ddd;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 40px;
}
form p.explication strong {
  display: block;
}
form label {
  color: #737373;
}
form legend {
  font-size: 12px;
  line-height: 18px;
  margin: 30px 0 10px;
}
p.explication {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 10px;
  background-color: #ddd;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 40px;
}