@font-face { font-family: ceb; src: url('../fonts/CooperHewitt-Heavy.otf');}
@font-face { font-family: cb; src: url('../fonts/CooperHewitt-Bold.otf');}
@font-face { font-family: csb; src: url('../fonts/CooperHewitt-Semibold.otf');}
@font-face { font-family: cbook; src: url('../fonts/CooperHewitt-Book.otf');}
@font-face { font-family: cm; src: url('../fonts/CooperHewitt-Medium.otf');}
@font-face { font-family: cl; src: url('../fonts/CooperHewitt-Light.otf');}
@font-face { font-family: ct; src: url('../fonts/CooperHewitt-Thin.otf');}

.ceb {
font-family: 'ceb'!important, sans-serif;
}

.cb {
font-family: 'cb'!important, sans-serif;
}

.csb {
font-family: 'csb'!important, sans-serif;
}

.cbook {
font-family: 'cbook'!important, sans-serif;
}

.cm {
font-family: 'cm'!important, sans-serif;
}

.cl {
font-family: 'cl'!important, sans-serif;
}

.ct {
font-family: 'ct'!important, sans-serif;
}

.rotate-me-too
  {
  display:block;
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg); 
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  }

.column-12 {
  float: left;
  width: 100%;
  padding: 10px;
}

.column-8 {
  float: left;
  width: 80%;
  padding: 10px;
}

.column-6 {
  float: left;
  width: 50%;
  padding: 10px;
}

.column-3 {
  float: left;
  width: 25%;
  padding: 10px;
}

.column-2 {
  float: left;
  width: 16,66666666667%;
  padding: 10px;
}


.column-4 {
  float: left;
  width: 33,3333333333333%;
  padding: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.filter__me{
  mix-blend-mode: luminosity;
}

.animateAll {
  opacity: 0;
  filter: blur(5px);
  transform: translateY(-100%);
  transition: opacity .1s, filter .1s, transform .1s; /* Transitionne ces propriétés sur 1s */
}


.animateRotateScale {
  opacity: 0;
  filter: blur(5px);
  transform: translateY(-20%) scale(0.95) rotate(-10deg);
  transition: opacity 1s, filter 1s, transform 1s;
}

.animateRotateScale.animateIn {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0) scale(1) rotate(0deg);
}

.show-me{
  opacity: 1!important;
  filter: blur(0)!important;
  transform: translateY(0)!important;
}