/* ------------------------------------------ */
/*  LESS AUTOMATICALLY GENERATED              */
/* ------------------------------------------ */
/* ===================================================================
 * CLASS STANDARD
 * =================================================================*/
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clear {
  clear: both;
}
/* CLEARFIX */
.clearfix {
  zoom: 1;
}
.clearfix::before,
.clearfix::after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix::after {
  clear: both;
}
/* ===================================================================
 * CLASS LESS
 * =================================================================*/
/*
 *   Simplification de la déclaration d'une police spécifique
 *   Exemple à mettre en place dans la feuille de style default.less :
 *   => @font-face{ .font-face('ExempleFont', 'ExempleFont-webfont'); }
 *   => ExempleFont correspond au nom de la police déclaré ensuite avec font-family.
 *   => ExempleFont-webfont correspond au nom des fichiers ttf, eot etc...
 */
/*
 *   Calcul de la taille de police en em à partir de la taille en px
 *   ex : .fontSize(20px)
 */
/*
 *   Effets graphiques simples :
 */
/*
 *   Checkbox :
 *   => @coche: motif à afficher pour la coche, code hexa ou image, ex: .checkbox(url("../images/barreHaut_puce.gif"));
 *   => @fontsize: taille de la coche en pixels
 *   => @left: position absolue left de la coche
 *   => @top: position absolue top de la coche
 *   => @color: couleur de la coche;
 */
/*
 *   Radio bouton :
 *   => @size: largeur et hauteur du bouton
 *   => @color: couleur du bouton;
 */
/*
 *   Custom select :
 *   => @arrow:   url du background
 *   => @taille:  width du background en pixels permettant de calculer le padding-right
 *   => @right:   espacement de l'image par rapport au bord droit
 */
/*
 *   Font Awesome:
 *   => @size:   taille en pixel du picto
 *   => @color:  couleur de la picto
 */
/*
 *   Alignement :
 *   Permet d'aligner en pourcentage un élément via absolute et tranform
 *   !! Attention !! Il faut que le bloc container soit en position relative ou absolute.
 *   => @x:  alignement sur l'axe x
 *   => @y:  alignement sur l'axe y
 */
/* ---------------------------------------------------------------- */
/* Style du bandeau CNIL */
/* ---------------------------------------------------------------- */
#bandeauCnil {
  position: fixed;
  z-index: 5;
  width: 450px;
  text-align: center;
  background-color: rgba(100, 100, 100, 0.9);
  padding: 10px;
  font-size: 14px;
  color: white;
  top: 0;
  left: 50%;
  margin-left: -225px;
  display: inline-block;
  max-width: 100%;
}
#bandeauCnil .bouton {
  margin-left: 10px;
  transform: skewX(150deg);
  background: white;
  display: inline-block;
}
#bandeauCnil .bouton input {
  transform: skewX(30deg);
  color: #656565;
  min-height: auto;
  min-width: auto;
  background: none;
  border: none;
  padding: 0px 5px;
  font-weight: bold;
}
#bandeauCnil a {
  color: white;
}
@media (max-width: 640px) {
  #bandeauCnil {
    left: 0;
    width: 100%;
    margin-left: 0;
  }
}