@font-face {
  font-family: 'open_sans_condensedbold';
  src: url('../font/opensans-condbold-webfont.svg');
  src: url('../font/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/opensans-condbold-webfont.woff2') format('woff2'), url('../font/opensans-condbold-webfont.woff') format('woff'), url('../font/opensans-condbold-webfont.ttf') format('truetype'), url('../font/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansextrabold';
  src: url('../font/opensans-extrabold-webfont.eot');
  src: url('../font/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/opensans-extrabold-webfont.woff2') format('woff2'), url('../font/opensans-extrabold-webfont.woff') format('woff'), url('../font/opensans-extrabold-webfont.ttf') format('truetype'), url('../font/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansbold';
  src: url('../font/opensans-bold-webfont.eot');
  src: url('../font/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/opensans-bold-webfont.woff2') format('woff2'), url('../font/opensans-bold-webfont.woff') format('woff'), url('../font/opensans-bold-webfont.ttf') format('truetype'), url('../font/opensans-bold-webfont.svg#open_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sanslight';
  src: url('../font/opensans-light-webfont.eot');
  src: url('../font/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/opensans-light-webfont.woff2') format('woff2'), url('../font/opensans-light-webfont.woff') format('woff'), url('../font/opensans-light-webfont.ttf') format('truetype'), url('../font/opensans-light-webfont.svg#open_sanslight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansregular';
  src: url('../font/opensans-regular-webfont.eot');
  src: url('../font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/opensans-regular-webfont.woff2') format('woff2'), url('../font/opensans-regular-webfont.woff') format('woff'), url('../font/opensans-regular-webfont.ttf') format('truetype'), url('../font/opensans-regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'playfair_displaybold';
  src: url('../font/playfairdisplay-bold-webfont.eot');
  src: url('../font/playfairdisplay-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/playfairdisplay-bold-webfont.woff2') format('woff2'), url('../font/playfairdisplay-bold-webfont.woff') format('woff'), url('../font/playfairdisplay-bold-webfont.ttf') format('truetype'), url('../font/playfairdisplay-bold-webfont.svg#playfair_displaybold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'playfair_displayitalic';
  src: url('../font/playfairdisplay-italic-webfont.eot');
  src: url('../font/playfairdisplay-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/playfairdisplay-italic-webfont.woff2') format('woff2'), url('../font/playfairdisplay-italic-webfont.woff') format('woff'), url('../font/playfairdisplay-italic-webfont.ttf') format('truetype'), url('../font/playfairdisplay-italic-webfont.svg#playfair_displayitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'playfair_displayregular';
  src: url('../font/playfairdisplay-regular-webfont.eot');
  src: url('../font/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/playfairdisplay-regular-webfont.woff2') format('woff2'), url('../font/playfairdisplay-regular-webfont.woff') format('woff'), url('../font/playfairdisplay-regular-webfont.ttf') format('truetype'), url('../font/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*------------------------
== WEBFORM
-----------------------*/
/*-----------------------
== MEDIA QUERIES
------------------------*/
.node-contenu-generique {
  background-color: #fff;
}
.interest {
  overflow: hidden;
  clear: both;
  padding: 0 25px;
  background: #fff;
}
@media (min-width: 768px) {
  .interest {
    padding: 0 25px 40px;
  }
}
.interest h2 {
  clear: both;
  font-family: 'open_sans_condensedbold', Arial, sans-serif;
  color: #56555a;
  margin: 35px 0 20px;
  font-size: 32px;
}
@media (max-width: 767px) {
  .interest h2 {
    padding: 10px 15px;
  }
}
@media (min-width: 768px) {
  .interest h2 {
    padding: 10px 40px 10px 20px;
  }
}
.interest a.element:hover {
  text-decoration: none;
}
.interest img + .element-bg {
  height: auto;
  position: absolute;
  bottom: 1px;
  left: 11px;
  right: 11px;
  padding: 15px 15px 25px;
  background: #fff;
}
@media (min-width: 992px) {
  .interest img + .element-bg .auteur {
    left: 15px;
  }
}
@media (min-width: 992px) {
  .interest img + .element-bg .date {
    right: 15px;
  }
}
@media (min-width: 992px) {
  .interest img + .element-bg .titre {
    padding-bottom: 20px;
  }
}
.interest .interest-wrapper {
  height: 100%;
  border: 1px #808080 solid;
}
.interest .interest-wrapper img {
  height: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .interest .interest-wrapper img {
    max-height: 225px;
  }
}
.interest .interest-wrapper .date {
  font-style: italic;
}
.interest .element-bg {
  padding: 40px 15px 15px;
  color: #686767;
  height: 100%;
}
.interest .element-bg .date {
  font-family: '';
  font-size: 14px;
  color: #686767;
  position: static;
}
@media (min-width: 992px) {
  .interest .element-bg .date {
    position: absolute;
    bottom: 15px;
    right: 25px;
  }
}
.interest .element-bg .auteur {
  font-size: 0.9em;
  text-transform: uppercase;
  font-family: 'open_sansregular', Arial, sans-serif;
}
.interest .element-bg .auteur i {
  text-transform: none;
}
@media (min-width: 992px) {
  .interest .element-bg .auteur {
    position: absolute;
    bottom: 15px;
    left: 25px;
  }
}
.interest .element-bg .titre {
  font-size: 16px;
  word-wrap: break-word;
  color: #686767;
  text-transform: uppercase;
  font-family: 'open_sansbold';
}
@media (min-width: 768px) and (max-width: 991px) {
  .interest .element-bg .titre {
    line-height: 18px;
  }
}
.interest .element-bg .titre:hover {
  color: #4596ec;
}
.interest .element-bg .intro {
  font-size: 16px;
}
.interest .element-htag {
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 16px;
  padding: 10px 15px;
  text-transform: uppercase;
  background: none;
  border: none;
  color: #AAAAAA;
  font-family: 'open_sansregular', Arial, sans-serif;
}
@media (min-width: 768px) and (max-width: 991px) {
  .interest .element-htag {
    font-size: 10px;
  }
}
.interest .element-htag a {
  color: #AAAAAA !important;
  font-weight: normal;
}
.interest .element-htag a:first-child:before {
  content: " # ";
  color: #AAAAAA;
}
@media (max-width: 991px) {
  .interest .interest-block {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .interest .interest-block img {
    height: 200px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .interest .interest-block {
    height: 276px;
  }
}
@media (min-width: 1200px) {
  .interest .interest-block {
    height: 320px;
  }
}
.ctn-gen,
.ctn-gen .ctn-gen-texte-wysiswyg {
  background: #fff;
  overflow: hidden;
}
.ctn-gen p,
.ctn-gen .ctn-gen-texte-wysiswyg p {
  line-height: 28px;
}
.ctn-gen .context-sdl_editor_representation .image img,
.ctn-gen .ctn-gen-texte-wysiswyg .context-sdl_editor_representation .image img {
  max-width: 100%;
  height: auto !important;
}
.ctn-gen div[class*="ctn-gen-"] h2,
.ctn-gen .ctn-gen-texte-wysiswyg div[class*="ctn-gen-"] h2,
.ctn-gen .timeline h2,
.ctn-gen .ctn-gen-texte-wysiswyg .timeline h2,
.ctn-gen .ctn-gen-carte h2,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carte h2,
.ctn-gen .ctn-gen-apparte h2,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-apparte h2,
.ctn-gen .ctn-gen-carrousel h2,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel h2,
.ctn-gen .mots.cles h2,
.ctn-gen .ctn-gen-texte-wysiswyg .mots.cles h2 {
  clear: both;
  font-size: 32px;
  font-family: 'open_sans_condensedbold', Arial, sans-serif;
  line-height: 30px;
  color: #56555a;
}
@media (max-width: 767px) {
  .ctn-gen .timeline h2,
  .ctn-gen .ctn-gen-texte-wysiswyg .timeline h2,
  .ctn-gen .ctn-gen-carte h2,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carte h2,
  .ctn-gen .ctn-gen-apparte h2,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-apparte h2,
  .ctn-gen .ctn-gen-carrousel h2,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel h2,
  .ctn-gen .mots.cles h2,
  .ctn-gen .ctn-gen-texte-wysiswyg .mots.cles h2 {
    padding: 10px 15px;
  }
}
@media (min-width: 768px) {
  .ctn-gen .timeline h2,
  .ctn-gen .ctn-gen-texte-wysiswyg .timeline h2,
  .ctn-gen .ctn-gen-carte h2,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carte h2,
  .ctn-gen .ctn-gen-apparte h2,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-apparte h2,
  .ctn-gen .ctn-gen-carrousel h2,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel h2,
  .ctn-gen .mots.cles h2,
  .ctn-gen .ctn-gen-texte-wysiswyg .mots.cles h2 {
    padding: 10px 40px;
  }
}
.ctn-gen .ctn-gen-ascenseur,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur {
  margin-bottom: 15px;
}
.ctn-gen .ctn-gen-ascenseur h2,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur h2 {
  margin: 0;
  padding: 0;
}
.ctn-gen .ctn-gen-mise-avant-contenu h2,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-mise-avant-contenu h2 {
  color: #fff !important;
}
.ctn-gen .ctn-gen-titre,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-titre,
.ctn-gen .ctn-gen-introduction,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-introduction,
.ctn-gen .ctn-gen-body,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body,
.ctn-gen .ctn-gen-citation,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-citation,
.ctn-gen .ctn-gen-ascenseur,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur,
.ctn-gen .ctn-gen-texte-wysiswyg,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-texte-wysiswyg,
.ctn-gen .ctn-gen-tweet,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-tweet,
.ctn-gen .ctn-gen-chiffre,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-chiffre,
.ctn-gen .ctn-gen-documents,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents,
.ctn-gen .paragraphs-item-paragraph-textes-references,
.ctn-gen .ctn-gen-texte-wysiswyg .paragraphs-item-paragraph-textes-references,
.ctn-gen .ctn-gen-code,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-code,
.ctn-gen .ctn-gen-textes-references,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-textes-references,
.ctn-gen .ctn-gen-onglets,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets,
.ctn-gen .ctn-gen-carrousel-contenu-inner,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel-contenu-inner,
.ctn-gen .mots.cles ul,
.ctn-gen .ctn-gen-texte-wysiswyg .mots.cles ul {
  clear: both;
  font-family: 'Open Sans', Arial, sans-serif;
  color: #56555a;
}
@media (max-width: 767px) {
  .ctn-gen .ctn-gen-titre,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-titre,
  .ctn-gen .ctn-gen-introduction,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-introduction,
  .ctn-gen .ctn-gen-body,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body,
  .ctn-gen .ctn-gen-citation,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-citation,
  .ctn-gen .ctn-gen-ascenseur,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur,
  .ctn-gen .ctn-gen-texte-wysiswyg,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-texte-wysiswyg,
  .ctn-gen .ctn-gen-tweet,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-tweet,
  .ctn-gen .ctn-gen-chiffre,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-chiffre,
  .ctn-gen .ctn-gen-documents,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents,
  .ctn-gen .paragraphs-item-paragraph-textes-references,
  .ctn-gen .ctn-gen-texte-wysiswyg .paragraphs-item-paragraph-textes-references,
  .ctn-gen .ctn-gen-code,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-code,
  .ctn-gen .ctn-gen-textes-references,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-textes-references,
  .ctn-gen .ctn-gen-onglets,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets,
  .ctn-gen .ctn-gen-carrousel-contenu-inner,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel-contenu-inner,
  .ctn-gen .mots.cles ul,
  .ctn-gen .ctn-gen-texte-wysiswyg .mots.cles ul {
    padding: 10px 15px;
  }
}
@media (min-width: 768px) {
  .ctn-gen .ctn-gen-titre,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-titre,
  .ctn-gen .ctn-gen-introduction,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-introduction,
  .ctn-gen .ctn-gen-body,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body,
  .ctn-gen .ctn-gen-citation,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-citation,
  .ctn-gen .ctn-gen-ascenseur,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur,
  .ctn-gen .ctn-gen-texte-wysiswyg,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-texte-wysiswyg,
  .ctn-gen .ctn-gen-tweet,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-tweet,
  .ctn-gen .ctn-gen-chiffre,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-chiffre,
  .ctn-gen .ctn-gen-documents,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents,
  .ctn-gen .paragraphs-item-paragraph-textes-references,
  .ctn-gen .ctn-gen-texte-wysiswyg .paragraphs-item-paragraph-textes-references,
  .ctn-gen .ctn-gen-code,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-code,
  .ctn-gen .ctn-gen-textes-references,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-textes-references,
  .ctn-gen .ctn-gen-onglets,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets,
  .ctn-gen .ctn-gen-carrousel-contenu-inner,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel-contenu-inner,
  .ctn-gen .mots.cles ul,
  .ctn-gen .ctn-gen-texte-wysiswyg .mots.cles ul {
    padding: 10px 40px;
  }
}
.ctn-gen strong,
.ctn-gen .ctn-gen-texte-wysiswyg strong {
  color: #333333;
}
.ctn-gen .img-responsive,
.ctn-gen .ctn-gen-texte-wysiswyg .img-responsive {
  width: 100%;
}
.ctn-gen .ctn-gen-titre,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-titre {
  font-weight: bold;
}
.ctn-gen .ctn-gen-auteur,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-auteur {
  clear: both;
  font-style: italic;
  font-size: 20px;
  text-align: center;
}
@media (max-width: 767px) {
  .ctn-gen .ctn-gen-auteur p.tiret,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-auteur p.tiret {
    line-height: 0.1;
  }
}
@media (min-width: 768px) {
  .ctn-gen .ctn-gen-auteur p,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-auteur p {
    display: inline-block;
  }
}
.ctn-gen .ctn-gen-introduction,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-introduction {
  font-size: 25px;
  color: #71716e;
  text-align: center;
  font-style: italic;
}
.ctn-gen .ctn-gen-introduction p,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-introduction p {
  line-height: 28px;
}
.ctn-gen .ctn-gen-visuel,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-visuel {
  clear: both;
  width: 100%;
  margin-bottom: 50px;
}
.ctn-gen .ctn-gen-visuel img,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-visuel img {
  width: 100%;
  background-size: cover;
}
.ctn-gen .ctn-gen-body,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body,
.ctn-gen .ctn-gen-texte-wysiswyg,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-texte-wysiswyg,
.ctn-gen .ctn-gen-body .field-name-body.field-type-text-with-summary,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body .field-name-body.field-type-text-with-summary {
  color: #71716e;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  font-style: normal;
  margin-bottom: 0px;
}
.ctn-gen .ctn-gen-body .citation,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body .citation,
.ctn-gen .ctn-gen-body .field-name-body.field-type-text-with-summary .ctn-gen-introduction .citation,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body .field-name-body.field-type-text-with-summary .ctn-gen-introduction .citation,
.ctn-gen .ctn-gen-ascenseur-texte .citation,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur-texte .citation,
.ctn-gen .ctn-gen-onglets-texte .citation,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets-texte .citation,
.ctn-gen .ctn-gen-texte-wysiswyg .citation,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-texte-wysiswyg .citation {
  font-family: Georgia, serif;
  font-style: italic;
  color: #71716e;
  margin: 35px 0 20px;
  line-height: 28px;
  position: relative;
  border: 0;
}
@media (max-width: 767px) {
  .ctn-gen .ctn-gen-body .citation,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body .citation,
  .ctn-gen .ctn-gen-body .field-name-body.field-type-text-with-summary .ctn-gen-introduction .citation,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body .field-name-body.field-type-text-with-summary .ctn-gen-introduction .citation,
  .ctn-gen .ctn-gen-ascenseur-texte .citation,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur-texte .citation,
  .ctn-gen .ctn-gen-onglets-texte .citation,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets-texte .citation,
  .ctn-gen .ctn-gen-texte-wysiswyg .citation,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-texte-wysiswyg .citation {
    padding: 25px 0px;
  }
}
@media (min-width: 768px) {
  .ctn-gen .ctn-gen-body .citation,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body .citation,
  .ctn-gen .ctn-gen-body .field-name-body.field-type-text-with-summary .ctn-gen-introduction .citation,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body .field-name-body.field-type-text-with-summary .ctn-gen-introduction .citation,
  .ctn-gen .ctn-gen-ascenseur-texte .citation,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur-texte .citation,
  .ctn-gen .ctn-gen-onglets-texte .citation,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets-texte .citation,
  .ctn-gen .ctn-gen-texte-wysiswyg .citation,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-texte-wysiswyg .citation {
    padding: 8px 60px;
  }
}
.ctn-gen .ctn-gen-body .citation::before,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body .citation::before,
.ctn-gen .ctn-gen-body .field-name-body.field-type-text-with-summary .ctn-gen-introduction .citation::before,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body .field-name-body.field-type-text-with-summary .ctn-gen-introduction .citation::before,
.ctn-gen .ctn-gen-ascenseur-texte .citation::before,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur-texte .citation::before,
.ctn-gen .ctn-gen-onglets-texte .citation::before,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets-texte .citation::before,
.ctn-gen .ctn-gen-texte-wysiswyg .citation::before,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-texte-wysiswyg .citation::before {
  content: "";
  height: 46px;
  width: 55px;
  overflow: hidden;
  background: transparent url("../img/sprite.png") -11px -341px no-repeat;
  font-size: 140px;
  position: absolute;
  left: 0;
  top: -20px;
  color: #7a7a7a;
}
.ctn-gen .ctn-gen-body .citation::after,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body .citation::after,
.ctn-gen .ctn-gen-body .field-name-body.field-type-text-with-summary .ctn-gen-introduction .citation::after,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body .field-name-body.field-type-text-with-summary .ctn-gen-introduction .citation::after,
.ctn-gen .ctn-gen-ascenseur-texte .citation::after,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur-texte .citation::after,
.ctn-gen .ctn-gen-onglets-texte .citation::after,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets-texte .citation::after,
.ctn-gen .ctn-gen-texte-wysiswyg .citation::after,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-texte-wysiswyg .citation::after {
  content: "";
  height: 46px;
  width: 55px;
  overflow: hidden;
  background: transparent url("../img/sprite.png") -98px -341px no-repeat;
  font-size: 140px;
  position: absolute;
  color: #7a7a7a;
  right: 0;
  bottom: -20px;
}
.ctn-gen .ctn-gen-body .chiffre,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body .chiffre,
.ctn-gen .ctn-gen-body .field-name-body.field-type-text-with-summary .ctn-gen-introduction .chiffre,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body .field-name-body.field-type-text-with-summary .ctn-gen-introduction .chiffre,
.ctn-gen .ctn-gen-ascenseur-texte .chiffre,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur-texte .chiffre,
.ctn-gen .ctn-gen-onglets-texte .chiffre,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets-texte .chiffre,
.ctn-gen .ctn-gen-texte-wysiswyg .chiffre,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-texte-wysiswyg .chiffre {
  border: 10px solid #a5a5a5;
  padding: 20px;
}
.ctn-gen .ctn-gen-body .apparte,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body .apparte,
.ctn-gen .ctn-gen-body .field-name-body.field-type-text-with-summary .ctn-gen-introduction .apparte,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body .field-name-body.field-type-text-with-summary .ctn-gen-introduction .apparte,
.ctn-gen .ctn-gen-ascenseur-texte .apparte,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur-texte .apparte,
.ctn-gen .ctn-gen-onglets-texte .apparte,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets-texte .apparte,
.ctn-gen .ctn-gen-texte-wysiswyg .apparte,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-texte-wysiswyg .apparte {
  margin: 10px 0;
  color: #71716e;
  font-size: 20px;
  border-left: 10px solid #a5a5a5;
}
@media (min-width: 768px) {
  .ctn-gen .ctn-gen-body .apparte,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body .apparte,
  .ctn-gen .ctn-gen-body .field-name-body.field-type-text-with-summary .ctn-gen-introduction .apparte,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body .field-name-body.field-type-text-with-summary .ctn-gen-introduction .apparte,
  .ctn-gen .ctn-gen-ascenseur-texte .apparte,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur-texte .apparte,
  .ctn-gen .ctn-gen-onglets-texte .apparte,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets-texte .apparte,
  .ctn-gen .ctn-gen-texte-wysiswyg .apparte,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-texte-wysiswyg .apparte {
    margin-left: -40px;
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .ctn-gen .ctn-gen-body .apparte,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body .apparte,
  .ctn-gen .ctn-gen-body .field-name-body.field-type-text-with-summary .ctn-gen-introduction .apparte,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-body .field-name-body.field-type-text-with-summary .ctn-gen-introduction .apparte,
  .ctn-gen .ctn-gen-ascenseur-texte .apparte,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur-texte .apparte,
  .ctn-gen .ctn-gen-onglets-texte .apparte,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets-texte .apparte,
  .ctn-gen .ctn-gen-texte-wysiswyg .apparte,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-texte-wysiswyg .apparte {
    margin-left: -15px;
    padding-left: 5px;
  }
}
.ctn-gen .ctn-gen-carte,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carte {
  clear: both;
}
.ctn-gen .ctn-gen-carte .olMapViewport,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carte .olMapViewport {
  z-index: 0;
}
.ctn-gen .ctn-gen-carte .map:hover,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carte .map:hover,
.ctn-gen .ctn-gen-carte .map:active,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carte .map:active,
.ctn-gen .ctn-gen-carte .map:focus,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carte .map:focus {
  cursor: pointer;
}
.ctn-gen .ctn-gen-apparte,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-apparte {
  clear: both;
  margin: 10px 0;
}
.ctn-gen .ctn-gen-apparte p,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-apparte p {
  color: #71716e;
  font-size: 20px;
  padding: 0 40px 0 30px;
  border-left: 10px solid #a5a5a5;
}
@media (max-width: 767px) {
  .ctn-gen .ctn-gen-apparte p,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-apparte p {
    padding: 0 15px 0 5px;
  }
}
@media (min-width: 768px) {
  .ctn-gen .ctn-gen-apparte p,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-apparte p {
    padding: 0 40px 0 30px;
  }
}
.ctn-gen .ctn-gen-citation,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-citation {
  overflow: hidden;
  padding-bottom: 35px;
}
.ctn-gen .ctn-gen-citation .ctn-gen-citation-date,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-citation .ctn-gen-citation-date {
  font-size: 14px;
  font-style: italic;
  color: #71716e;
}
.ctn-gen .ctn-gen-citation .ctn-gen-citation-texte,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-citation .ctn-gen-citation-texte {
  font-style: italic;
}
.ctn-gen .ctn-gen-citation .ctn-gen-citation-texte blockquote,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-citation .ctn-gen-citation-texte blockquote {
  font-family: Georgia, serif;
  font-style: italic;
  color: #71716e;
  margin: 35px 0 20px;
  line-height: 1.45;
  position: relative;
  border: 0px;
}
@media (max-width: 767px) {
  .ctn-gen .ctn-gen-citation .ctn-gen-citation-texte blockquote,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-citation .ctn-gen-citation-texte blockquote {
    padding: 25px 0px;
  }
}
@media (min-width: 768px) {
  .ctn-gen .ctn-gen-citation .ctn-gen-citation-texte blockquote,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-citation .ctn-gen-citation-texte blockquote {
    padding: 8px 60px;
  }
}
.ctn-gen .ctn-gen-citation .ctn-gen-citation-texte blockquote:before,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-citation .ctn-gen-citation-texte blockquote:before {
  content: "...";
  height: 46px;
  width: 55px;
  overflow: hidden;
  background: transparent url("../img/sprite.png") -11px -341px no-repeat;
  font-size: 140px;
  position: absolute;
  left: 0px;
  top: -20px;
  color: #7a7a7a;
}
.ctn-gen .ctn-gen-citation .ctn-gen-citation-texte blockquote:after,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-citation .ctn-gen-citation-texte blockquote:after {
  content: "...";
  height: 46px;
  width: 55px;
  overflow: hidden;
  background: transparent url("../img/sprite.png") -98px -341px no-repeat;
  font-size: 140px;
  position: absolute;
  color: #7a7a7a;
  right: 0px;
  bottom: -20px;
}
.ctn-gen .ctn-gen-citation .ctn-gen-citation-auteur,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-citation .ctn-gen-citation-auteur {
  font-weight: bold;
  font-size: 14px;
  float: right;
}
.ctn-gen .ctn-gen-ascenseur,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur {
  position: relative;
}
.ctn-gen .ctn-gen-ascenseur p,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur p {
  font-size: 20px;
  color: #71716e;
}
.ctn-gen .ctn-gen-ascenseur ul,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur ul {
  padding: 0;
}
.ctn-gen .ctn-gen-ascenseur ul li,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur ul li {
  font-size: 20px;
}
.ctn-gen .ctn-gen-ascenseur ul li h2,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur ul li h2 {
  margin-left: -23px;
}
.ctn-gen .ctn-gen-ascenseur ul li h3,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur ul li h3 {
  margin-left: -24px;
}
.ctn-gen .ctn-gen-ascenseur ul li h4,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur ul li h4 {
  margin-left: -22px;
}
.ctn-gen .ctn-gen-ascenseur ul li:before,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur ul li:before {
  color: #333333;
  vertical-align: text-top;
}
.ctn-gen .ctn-gen-ascenseur .ctn-gen-ascenseur-collapse,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur .ctn-gen-ascenseur-collapse {
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 50px;
  width: 51px;
  background-size: 50px 50px;
  background: transparent url('../img/sprite.png') -11px -185px no-repeat;
}
@media (max-width: 767px) {
  .ctn-gen .ctn-gen-ascenseur .ctn-gen-ascenseur-collapse,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur .ctn-gen-ascenseur-collapse {
    right: 15px;
  }
}
@media (min-width: 768px) {
  .ctn-gen .ctn-gen-ascenseur .ctn-gen-ascenseur-collapse,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur .ctn-gen-ascenseur-collapse {
    right: 40px;
  }
}
.ctn-gen .ctn-gen-ascenseur .ctn-gen-ascenseur-collapse.collapsed,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur .ctn-gen-ascenseur-collapse.collapsed,
.ctn-gen .ctn-gen-ascenseur .ctn-gen-ascenseur-collapse:hover,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur .ctn-gen-ascenseur-collapse:hover,
.ctn-gen .ctn-gen-ascenseur .ctn-gen-ascenseur-collapse:active,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur .ctn-gen-ascenseur-collapse:active,
.ctn-gen .ctn-gen-ascenseur .ctn-gen-ascenseur-collapse:focus,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur .ctn-gen-ascenseur-collapse:focus {
  background: transparent url('../img/sprite.png') -86px -185px no-repeat;
}
.ctn-gen .ctn-gen-ascenseur .ctn-gen-ascenseur-toCollapse,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-ascenseur .ctn-gen-ascenseur-toCollapse {
  clear: both;
  display: block;
  padding-top: 20px;
}
.ctn-gen .ctn-gen-tweet iframe,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-tweet iframe {
  margin: 0 auto !important;
}
.ctn-gen .ctn-gen-chiffre,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-chiffre {
  text-align: center;
}
.ctn-gen .ctn-gen-chiffre .ctn-gen-chiffre-contenu,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-chiffre .ctn-gen-chiffre-contenu {
  border: 10px solid #a5a5a5;
  padding: 20px;
}
.ctn-gen .ctn-gen-chiffre .ctn-gen-chiffre-contenu.ctn-gen-chiffre-block-left,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-chiffre .ctn-gen-chiffre-contenu.ctn-gen-chiffre-block-left {
  width: 33%;
}
.ctn-gen .ctn-gen-chiffre .ctn-gen-chiffre-contenu .ctn-gen-chiffre-chiffre,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-chiffre .ctn-gen-chiffre-contenu .ctn-gen-chiffre-chiffre {
  font-family: 'open_sansbold';
  font-size: 74px;
  line-height: 40px;
  color: #333333;
}
.ctn-gen .ctn-gen-chiffre .ctn-gen-chiffre-contenu .ctn-gen-chiffre-titre,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-chiffre .ctn-gen-chiffre-contenu .ctn-gen-chiffre-titre {
  font-family: 'open_sans_condensedbold';
  font-size: 26px;
  line-height: 30px;
  color: #333333;
  display: block;
}
.ctn-gen .ctn-gen-chiffre .ctn-gen-chiffre-contenu .ctn-gen-chiffre-texte,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-chiffre .ctn-gen-chiffre-contenu .ctn-gen-chiffre-texte {
  color: #71716e;
  font-size: 18px;
}
.ctn-gen .ctn-gen-chiffre .ctn-gen-chiffre-texte-droite,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-chiffre .ctn-gen-chiffre-texte-droite {
  color: #71716e;
  font-size: 18px;
  text-align: left;
}
@media (max-width: 767px) {
  .ctn-gen .ctn-gen-chiffre .ctn-gen-chiffre-texte-droite,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-chiffre .ctn-gen-chiffre-texte-droite {
    padding: 0;
  }
}
.ctn-gen .ctn-gen-documents span.ref-dw,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents span.ref-dw {
  display: inline-block;
  vertical-align: top;
  width: 26px;
  height: 26px;
  background: transparent url('../img/sprite.png') -11px -507px no-repeat;
}
.ctn-gen .ctn-gen-documents img,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents img {
  width: auto;
}
.ctn-gen .ctn-gen-documents div.docref,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents div.docref {
  width: 50px;
  height: 50px;
  background: transparent url('../img/sprite.png') -85px -260px no-repeat;
}
@media (min-width: 768px) {
  .ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu {
    margin: -55px 0px 0px 55px;
  }
}
.ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu h2,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu h2 {
  margin-top: 12px;
}
@media (max-width: 767px) {
  .ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu h2,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu h2 {
    margin-left: 60px;
    margin-top: -45px;
  }
}
.ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-texte,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-texte {
  color: #71716e;
}
.ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-categorie,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-categorie {
  margin: 25px 0 35px;
}
@media (max-width: 767px) {
  .ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-categorie,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-categorie {
    padding: 0;
  }
}
.ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-categorie.ctn-gen-documents-left,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-categorie.ctn-gen-documents-left {
  border-right: 1px solid #AAAAAA;
}
@media (max-width: 767px) {
  .ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-categorie.ctn-gen-documents-left,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-categorie.ctn-gen-documents-left {
    border: none;
  }
}
.ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-categorie p,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-categorie p {
  margin: 5px 0 0 0;
}
.ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-categorie span.tag,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-categorie span.tag {
  color: #4596ec;
  padding-left: 10px;
  text-transform: uppercase;
}
.ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents {
  word-wrap: break-word;
  color: #444444;
  text-transform: initial;
}
.ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents .ctn-gen-documents-desc-fichier,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents .ctn-gen-documents-desc-fichier {
  color: #AAAAAA;
}
.ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents a,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents a {
  color: #444444;
}
.ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents a:hover,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents a:hover,
.ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents a:active,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents a:active,
.ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents a:focus,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents a:focus {
  color: #4596ec;
}
.ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents a img,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents a img {
  margin-right: 10px;
}
.ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents .div-link,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents .div-link {
  margin: 0 0 0 5px;
  display: inline-block;
  max-width: 87%;
}
.ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents .div-link a,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents .div-link a {
  font-size: 18px;
  line-height: 24px;
}
.ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents img,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents img {
  vertical-align: top;
}
.ctn-gen .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents .document,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-documents .ctn-gen-documents-contenu .ctn-gen-documents-documents .document {
  margin-bottom: 10px;
}
.ctn-gen .paragraphs-item-paragraph-textes-references .field-label,
.ctn-gen .ctn-gen-texte-wysiswyg .paragraphs-item-paragraph-textes-references .field-label {
  display: none;
}
.ctn-gen .ctn-gen-mise-avant,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-mise-avant {
  clear: both;
  overflow: hidden;
  background-color: #444444;
}
.ctn-gen .ctn-gen-mise-avant h2,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-mise-avant h2 {
  color: #fff;
  margin: 15px 0 0;
  font-size: 20px;
  font-family: 'open_sansbold';
  line-height: 22px;
  letter-spacing: 0px;
}
.ctn-gen .ctn-gen-mise-avant .ctn-gen-mise-avant-image,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-mise-avant .ctn-gen-mise-avant-image {
  padding: 0px;
}
.ctn-gen .ctn-gen-mise-avant .ctn-gen-mise-avant-image img,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-mise-avant .ctn-gen-mise-avant-image img {
  width: 100%;
  height: auto;
}
.ctn-gen .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu {
  color: #fff;
  font-size: 16px;
  padding-bottom: 30px;
}
.ctn-gen .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-date,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-date {
  font-size: 14px;
  font-style: italic;
  font-size: 'playfair_displayregular', "Times New Roman", Times, serif;
  margin: 10px 0;
}
.ctn-gen .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-button,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-button {
  margin-top: 30px;
}
.ctn-gen .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-button a,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-button a {
  display: block;
  color: #fff;
  width: 260px;
  text-decoration: none;
  font-style: italic;
  padding: 4px;
  border-radius: 6px;
  background: #4596ec;
}
.ctn-gen .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-button a:hover,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-button a:hover,
.ctn-gen .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-button a:active,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-button a:active,
.ctn-gen .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-button a:focus,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-button a:focus {
  color: #4596ec;
  background: #fff;
}
.ctn-gen .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-button a:hover:before,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-button a:hover:before,
.ctn-gen .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-button a:active:before,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-button a:active:before,
.ctn-gen .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-button a:focus:before,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-button a:focus:before {
  background-position: -27px -445px;
  background-color: #fff;
}
.ctn-gen .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-button a:before,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-mise-avant .ctn-gen-mise-avant-contenu .ctn-gen-mise-avant-button a:before {
  content: '';
  background: #4596ec url('../img/sprite.png') -5px -445px no-repeat;
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 10px;
}
.ctn-gen .ctn-gen-mise-avant-image-desc,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-mise-avant-image-desc {
  clear: both;
  text-align: center;
  margin-bottom: 35px;
}
.ctn-gen .ctn-gen-code,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-code {
  position: relative;
}
.ctn-gen .ctn-gen-code .ctn-gen-code-source,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-code .ctn-gen-code-source {
  text-align: justify;
  position: relative;
}
.ctn-gen .ctn-gen-code .ctn-gen-code-source .ctn-gen-code-source-texte,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-code .ctn-gen-code-source .ctn-gen-code-source-texte {
  white-space: pre-wrap;
  word-wrap: break-word;
  height: 300px;
  overflow: hidden;
  line-height: 28px;
}
.ctn-gen .ctn-gen-code .ctn-gen-code-source .ctn-gen-load-more-wrapper,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-code .ctn-gen-code-source .ctn-gen-load-more-wrapper {
  text-align: center;
  margin: 15px;
}
.ctn-gen .ctn-gen-code .ctn-gen-code-source .ctn-gen-load-more-wrapper button,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-code .ctn-gen-code-source .ctn-gen-load-more-wrapper button {
  padding: 5px 14px;
  font-style: normal;
  font-size: 18px;
  width: 220px;
  color: #fff;
  background: #a5a5a5 url('../img/sprite.png') 0px -470px no-repeat;
  border: 1px solid #a5a5a5;
  border-radius: 6px;
}
.ctn-gen .ctn-gen-code .ctn-gen-code-source .ctn-gen-load-more-wrapper button:hover,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-code .ctn-gen-code-source .ctn-gen-load-more-wrapper button:hover,
.ctn-gen .ctn-gen-code .ctn-gen-code-source .ctn-gen-load-more-wrapper button:active,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-code .ctn-gen-code-source .ctn-gen-load-more-wrapper button:active,
.ctn-gen .ctn-gen-code .ctn-gen-code-source .ctn-gen-load-more-wrapper button:focus,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-code .ctn-gen-code-source .ctn-gen-load-more-wrapper button:focus {
  background: #4596ec url('../img/sprite.png') 0px -470px no-repeat;
  border: 1px solid #4596ec;
}
.ctn-gen .ctn-gen-code .ctn-gen-code-copier,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-code .ctn-gen-code-copier {
  position: absolute;
  right: 20px;
  top: -10px;
  margin: 20px 0px;
  cursor: pointer;
  font-size: 16px;
}
@media (max-width: 767px) {
  .ctn-gen .ctn-gen-code .ctn-gen-code-copier,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-code .ctn-gen-code-copier {
    position: relative;
    right: 0px;
    top: 0px;
    text-align: center;
  }
}
.ctn-gen .ctn-gen-code .ctn-gen-code-copier a.ctn-gen-code-button,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-code .ctn-gen-code-copier a.ctn-gen-code-button {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 4px 10px 4px 30px;
  border-radius: 6px;
  border: 1px solid #4596ec;
  background: #4596ec url('../../bootstrap_cnil/img/sprite.png') 6px -1381px no-repeat;
  font-style: italic;
}
.ctn-gen .ctn-gen-code .zeroclipboard-is-hover a,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-code .zeroclipboard-is-hover a {
  cursor: pointer;
  border: 1px solid #eee !important;
  color: #4596ec !important;
  background: #fff url('../../bootstrap_cnil/img/sprite.png') -24px -1406px no-repeat !important;
}
.ctn-gen .ctn-gen-code .ctn-gen-code-source-texte,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-code .ctn-gen-code-source-texte {
  font-size: 16px;
  color: #71716e;
  padding: 30px 40px;
  background: #f3f3f4;
  border-bottom: 40px solid #f3f3f4;
}
.ctn-gen .ctn-gen-push-2,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-push-2 {
  clear: both;
}
@media (min-width: 768px) {
  .ctn-gen .ctn-gen-push-2,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-push-2 {
    padding: 0 25px;
  }
}
.ctn-gen .ctn-gen-push-2 .ctn-gen-push-2-intro,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-push-2 .ctn-gen-push-2-intro {
  font-weight: bold;
  font-size: 20px;
}
.ctn-gen .ctn-gen-push-2 .ctn-gen-push-2-texte,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-push-2 .ctn-gen-push-2-texte {
  color: #71716e;
  font-size: 18px;
}
.ctn-gen .ctn-gen-push-2 .ctn-gen-push-2-visuel,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-push-2 .ctn-gen-push-2-visuel {
  display: table-cell;
  background-size: cover;
  background-position: center center;
  float: none;
}
.ctn-gen .ctn-gen-push-3,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-push-3 {
  clear: both;
  float: left;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .ctn-gen .ctn-gen-push-3,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-push-3 {
    padding: 0 25px;
  }
}
.ctn-gen .ctn-gen-push-3 h2,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-push-3 h2 {
  color: #757272;
  font-size: 20px;
  line-height: 24px;
  font-family: 'open_sansextrabold';
  letter-spacing: 0px;
  margin: 12px 0 0;
}
.ctn-gen .ctn-gen-push-3 a,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-push-3 a {
  color: #4596ec;
  font-size: 16px;
}
.ctn-gen .ctn-gen-push-3 .ctn-gen-push-3-texte,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-push-3 .ctn-gen-push-3-texte {
  color: #71716e;
  font-size: 16px;
}
.ctn-gen .ctn-gen-push-3 .ctn-gen-push-3-visuel,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-push-3 .ctn-gen-push-3-visuel {
  display: table-cell;
  background-size: cover;
  background-position: center center;
  float: none;
}
.ctn-gen .ctn-gen-push-3 .ctn-gen-push-3-visuel img,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-push-3 .ctn-gen-push-3-visuel img {
  width: 100%;
  height: auto;
  margin: 15px 0;
}
.ctn-gen .ctn-gen-textes-references img,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-textes-references img {
  width: auto;
}
.ctn-gen .ctn-gen-textes-references h2,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-textes-references h2 {
  margin-top: 12px;
}
@media (max-width: 767px) {
  .ctn-gen .ctn-gen-textes-references h2,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-textes-references h2 {
    margin-left: 60px;
    margin-top: -45px;
  }
}
.ctn-gen .ctn-gen-textes-references div.textref,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-textes-references div.textref {
  width: 50px;
  height: 50px;
  background: transparent url('../img/sprite.png') -12px -260px no-repeat;
}
@media (min-width: 768px) {
  .ctn-gen .ctn-gen-textes-references .ctn-gen-textes-references-contenu,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-textes-references .ctn-gen-textes-references-contenu {
    margin: -55px 0px 0px 55px;
  }
}
.ctn-gen .ctn-gen-textes-references .ctn-gen-textes-references-contenu .ctn-gen-textes-references-lien a,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-textes-references .ctn-gen-textes-references-contenu .ctn-gen-textes-references-lien a {
  line-height: 30px;
  color: #71716e;
}
.ctn-gen .ctn-gen-textes-references .ctn-gen-textes-references-contenu .ctn-gen-textes-references-lien a:hover,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-textes-references .ctn-gen-textes-references-contenu .ctn-gen-textes-references-lien a:hover,
.ctn-gen .ctn-gen-textes-references .ctn-gen-textes-references-contenu .ctn-gen-textes-references-lien a:active,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-textes-references .ctn-gen-textes-references-contenu .ctn-gen-textes-references-lien a:active,
.ctn-gen .ctn-gen-textes-references .ctn-gen-textes-references-contenu .ctn-gen-textes-references-lien a:focus,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-textes-references .ctn-gen-textes-references-contenu .ctn-gen-textes-references-lien a:focus {
  color: #4596ec;
}
.ctn-gen .ctn-gen-onglets ul li,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets ul li {
  padding-left: 10px;
}
@media (max-width: 767px) {
  .ctn-gen .ctn-gen-onglets ul li,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets ul li {
    padding-left: 0px;
  }
}
.ctn-gen .ctn-gen-onglets ul li:first-child,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets ul li:first-child {
  padding-left: 0;
}
.ctn-gen .ctn-gen-onglets .nav-pills > li > a,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets .nav-pills > li > a {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ctn-gen .ctn-gen-onglets .ctn-gen-onglets-titre-onglet a,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets .ctn-gen-onglets-titre-onglet a {
  text-align: left;
  background-color: #a5a5a5;
  color: white;
  text-transform: capitalize;
  font-size: 18px;
}
.ctn-gen .ctn-gen-onglets .ctn-gen-onglets-titre-onglet a:hover,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets .ctn-gen-onglets-titre-onglet a:hover {
  background-color: #4596ec;
}
.ctn-gen .ctn-gen-onglets .ctn-gen-onglets-titre-onglet a:before,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets .ctn-gen-onglets-titre-onglet a:before {
  content: url('../../bootstrap_cnil/img/tabs-off.png');
}
.ctn-gen .ctn-gen-onglets .ctn-gen-onglets-titre-onglet.active a,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets .ctn-gen-onglets-titre-onglet.active a {
  background-color: #4596ec;
}
.ctn-gen .ctn-gen-onglets .ctn-gen-onglets-titre-onglet.active a:before,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets .ctn-gen-onglets-titre-onglet.active a:before {
  content: url('../../bootstrap_cnil/img/tabs-on.png');
}
.ctn-gen .ctn-gen-onglets .tab-content,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets .tab-content {
  margin-top: 20px;
}
.ctn-gen .ctn-gen-onglets .tab-content p,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets .tab-content p {
  color: #71716e;
  font-size: 20px;
}
.ctn-gen .ctn-gen-onglets .tab-content img,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-onglets .tab-content img {
  margin: 10px 0;
}
.ctn-gen .ctn-gen-carrousel,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel {
  clear: both;
  margin: 0px 0px 15px 0px;
}
.ctn-gen .ctn-gen-carrousel .ctn-gen-carrousel-contenu,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .ctn-gen-carrousel-contenu {
  width: 100%;
  margin-bottom: 80px;
  background-color: #444444;
  /*white-space: pre-wrap;*/
  word-wrap: break-word;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ctn-gen .ctn-gen-carrousel .ctn-gen-carrousel-contenu,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .ctn-gen-carrousel-contenu {
    min-height: 0px;
  }
}
@media (min-width: 1200px) {
  .ctn-gen .ctn-gen-carrousel .ctn-gen-carrousel-contenu,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .ctn-gen-carrousel-contenu {
    min-height: 327px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ctn-gen .ctn-gen-carrousel .ctn-gen-carrousel-contenu,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .ctn-gen-carrousel-contenu {
    min-height: 303px;
  }
}
.ctn-gen .ctn-gen-carrousel .ctn-gen-carrousel-contenu .ctn-gen-carrousel-image,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .ctn-gen-carrousel-contenu .ctn-gen-carrousel-image {
  padding: 0;
}
.ctn-gen .ctn-gen-carrousel .ctn-gen-carrousel-contenu .ctn-gen-carrousel-image-full,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .ctn-gen-carrousel-contenu .ctn-gen-carrousel-image-full {
  padding-right: 0px;
  padding-left: 0px;
}
.ctn-gen .ctn-gen-carrousel .ctn-gen-carrousel-contenu .ctn-gen-carrousel-contenu-inner,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .ctn-gen-carrousel-contenu .ctn-gen-carrousel-contenu-inner {
  clear: none;
  color: white;
}
.ctn-gen .ctn-gen-carrousel .ctn-gen-carrousel-contenu .ctn-gen-carrousel-contenu-inner h2,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .ctn-gen-carrousel-contenu .ctn-gen-carrousel-contenu-inner h2 {
  padding: 0;
  margin: 20px 0 15px 0;
  font-family: 'open_sansbold';
  letter-spacing: 0px;
  font-size: 32px;
  line-height: 24px;
}
.ctn-gen .ctn-gen-carrousel .ctn-gen-carrousel-contenu .ctn-gen-carrousel-contenu-inner h2 a,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .ctn-gen-carrousel-contenu .ctn-gen-carrousel-contenu-inner h2 a {
  color: #fff;
}
.ctn-gen .ctn-gen-carrousel .ctn-gen-carrousel-contenu .ctn-gen-carrousel-contenu-inner p,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .ctn-gen-carrousel-contenu .ctn-gen-carrousel-contenu-inner p {
  margin-top: 15px;
}
.ctn-gen .ctn-gen-carrousel .ctn-gen-carrousel-contenu .ctn-gen-carrousel-contenu-inner .ctn-gen-carrousel-titre,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .ctn-gen-carrousel-contenu .ctn-gen-carrousel-contenu-inner .ctn-gen-carrousel-titre {
  color: white;
}
.ctn-gen .ctn-gen-carrousel .ctn-gen-carrousel-contenu .ctn-gen-carrousel-contenu-inner .ctn-gen-carrousel-date,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .ctn-gen-carrousel-contenu .ctn-gen-carrousel-contenu-inner .ctn-gen-carrousel-date {
  font-style: italic;
  font-size: 14px;
}
.ctn-gen .ctn-gen-carrousel .ctn-gen-carrousel-contenu .ctn-gen-carrousel-contenu-inner .ctn-gen-carrousel-texte,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .ctn-gen-carrousel-contenu .ctn-gen-carrousel-contenu-inner .ctn-gen-carrousel-texte {
  font-size: 18px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .ctn-gen .ctn-gen-carrousel .carousel-inner .ctn-gen-carrousel-image,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .carousel-inner .ctn-gen-carrousel-image,
  .ctn-gen .ctn-gen-carrousel .carousel-inner .ctn-gen-carrousel-contenu-inner,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .carousel-inner .ctn-gen-carrousel-contenu-inner {
    max-height: 360px;
  }
  .ctn-gen .ctn-gen-carrousel .carousel-inner .ctn-gen-carrousel-texte,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .carousel-inner .ctn-gen-carrousel-texte {
    max-height: 159px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ctn-gen .ctn-gen-carrousel .carousel-inner .ctn-gen-carrousel-image,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .carousel-inner .ctn-gen-carrousel-image,
  .ctn-gen .ctn-gen-carrousel .carousel-inner .ctn-gen-carrousel-contenu-inner,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .carousel-inner .ctn-gen-carrousel-contenu-inner {
    max-height: 392px;
  }
  .ctn-gen .ctn-gen-carrousel .carousel-inner .ctn-gen-carrousel-texte,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .carousel-inner .ctn-gen-carrousel-texte {
    max-height: 183px;
  }
}
@media (min-width: 1200px) {
  .ctn-gen .ctn-gen-carrousel .carousel-inner .ctn-gen-carrousel-image,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .carousel-inner .ctn-gen-carrousel-image,
  .ctn-gen .ctn-gen-carrousel .carousel-inner .ctn-gen-carrousel-contenu-inner,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .carousel-inner .ctn-gen-carrousel-contenu-inner {
    max-height: 475px;
  }
  .ctn-gen .ctn-gen-carrousel .carousel-inner .ctn-gen-carrousel-texte,
  .ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .carousel-inner .ctn-gen-carrousel-texte {
    max-height: 260px;
  }
}
.ctn-gen .ctn-gen-carrousel .ctn-gen-carrousel-indicator,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .ctn-gen-carrousel-indicator {
  bottom: -65px;
}
.ctn-gen .ctn-gen-carrousel .ctn-gen-carrousel-indicator li,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .ctn-gen-carrousel-indicator li {
  width: 22px;
  height: 22px;
  margin: 5px;
  background-color: #a5a5a5 !important;
  border: none;
}
.ctn-gen .ctn-gen-carrousel .ctn-gen-carrousel-indicator li.active,
.ctn-gen .ctn-gen-texte-wysiswyg .ctn-gen-carrousel .ctn-gen-carrousel-indicator li.active {
  background-color: #004a99 !important;
  border: none;
}
.ctn-gen .auteur,
.ctn-gen .ctn-gen-texte-wysiswyg .auteur {
  clear: both;
  text-align: center;
  font-size: 18px;
  color: #71716e;
}
@media (max-width: 767px) {
  .ctn-gen .auteur,
  .ctn-gen .ctn-gen-texte-wysiswyg .auteur {
    padding: 20px 15px;
  }
}
@media (min-width: 768px) {
  .ctn-gen .auteur,
  .ctn-gen .ctn-gen-texte-wysiswyg .auteur {
    padding: 20px 40px;
  }
}
.ctn-gen .auteur > img,
.ctn-gen .ctn-gen-texte-wysiswyg .auteur > img {
  width: 140px;
  height: 140px;
  border-radius: 70px;
  margin-bottom: 30px;
}
.ctn-gen .auteur div.nom,
.ctn-gen .ctn-gen-texte-wysiswyg .auteur div.nom {
  font-style: italic;
  margin-bottom: 25px;
}
.ctn-gen .auteur strong a,
.ctn-gen .ctn-gen-texte-wysiswyg .auteur strong a {
  font-family: 'open_sansbold';
  text-transform: capitalize;
  color: #333333;
}
.ctn-gen .auteur strong a:hover,
.ctn-gen .ctn-gen-texte-wysiswyg .auteur strong a:hover {
  color: #4596ec;
}
.ctn-gen .auteur div.bio,
.ctn-gen .ctn-gen-texte-wysiswyg .auteur div.bio {
  margin-bottom: 30px;
}
.ctn-gen .auteur div.plus,
.ctn-gen .ctn-gen-texte-wysiswyg .auteur div.plus {
  font-family: 'open_sanslight';
  font-size: 15px;
  font-family: 'open_sansregular', Arial, sans-serif;
}
.ctn-gen .auteur div.plus a,
.ctn-gen .ctn-gen-texte-wysiswyg .auteur div.plus a {
  color: #56555a;
  margin: 0 20px;
}
@media (max-width: 767px) {
  .ctn-gen .auteur div.plus a,
  .ctn-gen .ctn-gen-texte-wysiswyg .auteur div.plus a {
    display: block;
  }
}
.ctn-gen .auteur button,
.ctn-gen .ctn-gen-texte-wysiswyg .auteur button {
  border: none;
  background: transparent;
  padding: 0 7px 0 7px;
  position: absolute;
  right: 15px;
}
.ctn-gen .auteur button div.impr,
.ctn-gen .ctn-gen-texte-wysiswyg .auteur button div.impr {
  width: 51px;
  height: 51px;
  background: url('../../bootstrap_cnil/img/sprite.png') 0px -501px no-repeat;
}
.ctn-gen .auteur button div.impr:hover,
.ctn-gen .ctn-gen-texte-wysiswyg .auteur button div.impr:hover {
  background: transparent url('../../bootstrap_cnil/img/sprite.png') 0px -559px no-repeat;
}
.popover {
  z-index: 99;
  background: #56555a !important;
  border-radius: 0;
  border: none;
  padding: 20px;
}
.popover .popover-title {
  font-size: 18px;
  background-color: transparent;
  border-bottom: none;
  color: #fff;
  padding: 0 0 0 30px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: 'open_sansextrabold', Arial, sans-serif;
  position: relative;
}
.popover .popover-title:before {
  content: "";
  background: transparent url('../img/sprite.png') -11px -142px no-repeat;
  width: 22px;
  height: 22px;
  display: inline-block;
  position: absolute;
  left: 0;
}
.popover .popover-content {
  color: #fff;
  font-size: 16px;
  padding: 0;
}
.popover.top .arrow:after {
  border-top-color: #56555a !important;
}
.popover.top.right .arrow:after {
  border-top-color: #56555a !important;
}
.popover.right .arrow:after {
  border-right-color: #56555a !important;
}
.popover.right.right .arrow:after {
  border-right-color: #56555a !important;
}
.popover.left .arrow:after {
  border-left-color: #56555a !important;
}
.popover.left.right .arrow:after {
  border-left-color: #56555a !important;
}
.popover.bottom .arrow:after {
  border-bottom-color: #56555a !important;
}
.popover.bottom.right .arrow:after {
  border-bottom-color: #56555a !important;
}
div.social-share {
  clear: both;
  margin: 30px 0;
  text-align: center;
}
div.social-share a,
div.social-share button.rs-facebook,
div.social-share button.rs-twitter {
  display: inline-block;
  width: 51px;
  height: 51px;
  margin: 0 7px;
  border: none;
}
div.social-share button.rs-facebook.fb_activate.tac_activate {
  background: transparent url('../../bootstrap_cnil/img/sprite.png') 0 -1091px no-repeat;
}
div.social-share button.rs-facebook,
div.social-share .fb_desactivate {
  background: transparent url('../img/sprite.png') -180px -40px no-repeat;
}
div.social-share .fb_activate {
  background: transparent url('../../bootstrap_cnil/img/sprite.png') 0 -1091px no-repeat;
}
div.social-share button.rs-twitter.tw_activate.tac_activate {
  background: transparent url('../../bootstrap_cnil/img/sprite.png') 0 -972px no-repeat;
}
div.social-share button.rs-twitter,
div.social-share .tw_desactivate {
  background: transparent url('../img/sprite.png') -135px -40px no-repeat;
}
div.social-share .tw_activate {
  background: transparent url('../../bootstrap_cnil/img/sprite.png') 0 -972px no-repeat;
}
div.social-share a.rs-mail {
  background: transparent url('../img/sprite.png') -220px -40px no-repeat;
}
div.social-share span {
  vertical-align: top;
}
div.social-share span.custom-fb a.fb_activate,
div.social-share span.custom-tw a.tw_activate {
  width: 51px !important;
}
.outils {
  float: right;
  padding: 20px 13px 0 0;
}
.outils button {
  border: none;
  background: transparent;
  padding: 0 7px 0 7px;
  width: 51px;
  height: 51px;
  margin-left: 10px;
}
.outils button#decreaseFont {
  background: transparent url('../img/sprite.png') -45px -90px no-repeat;
}
.outils button#increaseFont {
  background: transparent url('../img/sprite.png') -5px -90px no-repeat;
}
.outils button#print {
  background: url('../img/sprite.png') -100px -90px no-repeat;
}
.ctn-gen-liste-texte .ctn-gen-liste-thematique {
  font-style: italic;
}
@media (max-width: 767px) {
  .ctn-gen table {
    margin-top: 15px;
  }
  .ctn-gen table:before {
    content: 'Le contenu du tableau n\'est pas visible sur mobile';
  }
  .ctn-gen table thead,
  .ctn-gen table tbody {
    display: none;
  }
  .ctn-gen .table-responsive table {
    border: none !important;
    table-layout: auto;
  }
  .ctn-gen .table-responsive table:before {
    display: none;
  }
  .ctn-gen .table-responsive table thead,
  .ctn-gen .table-responsive table tbody {
    display: table-header-group;
  }
  .ctn-gen .table-responsive table thead,
  .ctn-gen .table-responsive table th {
    color: #fff;
    text-align: center;
    background: #4596ec;
    font-family: 'open_sansregular';
    font-size: 18px;
  }
  .ctn-gen .table-responsive table thead {
    text-transform: uppercase;
  }
  .ctn-gen .table-responsive table th,
  .ctn-gen .table-responsive table td {
    padding: 5px;
    border: 3px solid #e8e5dc;
    width: 20%;
    word-wrap: break-word;
  }
  .ctn-gen .table-responsive table ul {
    padding: 0 !important;
  }
  .ctn-gen .table-responsive table ul li {
    font-family: 'playfair_displayregular', "Times New Roman", Times, serif;
    font-size: 16px !important;
  }
  .ctn-gen .table-responsive table ul li:before {
    font-size: 30px !important;
    line-height: 9px !important;
    margin-right: 5px !important;
    color: #71716e !important;
  }
  .ctn-gen .table-responsive table tr:nth-child(2n+2) {
    background: #f1f0ea;
  }
  .ctn-gen .table-responsive table th + td {
    text-align: center;
    text-transform: uppercase;
  }
  .ctn-gen .table-responsive table a {
    color: #71716e;
    padding-right: 15px;
    background: transparent url("../../bootstrap_cnil/img/sprite.png") right -1790px no-repeat;
  }
  .ctn-gen .table-responsive table a:before {
    content: "> ";
  }
}
@media (min-width: 768px) {
  .ctn-gen table {
    border: none !important;
    table-layout: fixed;
  }
  .ctn-gen table thead,
  .ctn-gen table th {
    color: #fff;
    text-align: center;
    background: #4596ec;
    font-family: 'open_sansregular';
    font-size: 18px;
  }
  .ctn-gen table thead {
    text-transform: uppercase;
  }
  .ctn-gen table th,
  .ctn-gen table td {
    padding: 5px;
    border: 3px solid #e8e5dc;
    width: 20%;
    word-wrap: break-word;
  }
  .ctn-gen table ul {
    padding: 0 !important;
  }
  .ctn-gen table ul li {
    font-family: 'playfair_displayregular', "Times New Roman", Times, serif;
    font-size: 16px !important;
  }
  .ctn-gen table ul li:before {
    font-size: 30px !important;
    line-height: 9px !important;
    margin-right: 5px !important;
    color: #71716e !important;
  }
  .ctn-gen table tr:nth-child(2n+2) {
    background: #f1f0ea;
  }
  .ctn-gen table th + td {
    text-align: center;
    text-transform: uppercase;
  }
  .ctn-gen table a {
    color: #71716e;
    padding-right: 15px;
    background: transparent url("../../bootstrap_cnil/img/sprite.png") right -1790px no-repeat;
  }
  .ctn-gen table a:before {
    content: "> ";
  }
}
.mots.cles {
  clear: both;
  overflow: hidden;
}
.mots.cles ul {
  margin: 0;
  overflow: hidden;
  text-align: center;
}
.mots.cles ul li {
  display: inline-block;
  list-style: none;
  padding: 5px 10px;
  color: #fff;
  border-radius: 4px;
  background-color: #56555a;
  margin-right: 10px;
}
.mots.cles ul li:last-child {
  margin-right: 0;
}
.mots.cles ul li a {
  color: #fff;
}
.mots.cles ul li a:hover {
  text-decoration: none;
}
.mots.cles ul li:before {
  display: none;
}
.no-border {
  border: none !important;
}
.ctn-gen .ctn-img {
  margin-left: -40px;
  margin-right: -40px;
}
@media (max-width: 767px) {
  .ctn-gen .ctn-gen-auteur {
    padding: 0 15px;
  }
}
@media (min-width: 768px) {
  .ctn-gen .ctn-gen-auteur {
    padding: 0 40px;
  }
}
.ctn-gen.node .field-label-inline,
.ctn-gen.node .field--label-inline,
.ctn-gen.node .field {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .ctn-gen.node-declarer-un-fichier {
    padding: 0 15px;
  }
}
@media (min-width: 768px) {
  .ctn-gen.node-declarer-un-fichier {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  .node-norme,
  .node-modele,
  .page-node .action,
  .page-node .demarche,
  .page-node .principe {
    padding: 0 15px;
  }
}
@media (min-width: 768px) {
  .node-norme,
  .node-modele,
  .page-node .action,
  .page-node .demarche,
  .page-node .principe {
    padding: 0 40px;
  }
}
.node-modele .node-webform h1.main-title,
.node-modele .node-webform hr.main-title {
  display: none;
}
.node-modele .node-webform hr.subtitle {
  display: block;
}
.erreur-pushs {
  text-align: center;
}
.erreur-pushs h2 {
  text-align: center;
}
.node-commissaire .field--name-field-commissaire-mandat-cnil .field--label:after {
  content: ' : ';
}

/*# sourceMappingURL=maps/contenu_generique.css.map */