.field-name-field-mot-cle .field-items:after, .field-name-field-thematique .field-items:after, .comment-wrapper .comment-form-header:after, .region-sidebar-menu .block-cnoa-search form:after, .footer-top:after, .footer-bottom:after, .infos-pratiques .tarif:after, .field-name-field-formation-doc-inscription > .field-items:after,
.field-name-field-a-telecharger > .field-items:after,
.field-name-field-fichiers > .field-items:after, .sommaire:after, #block-cnoa-publication-cnoa-publication-list .item-list ul:after,
#block-cnoa-actualite-cnoa-actualite-actualites .item-list ul:after,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .item-list ul:after,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres .item-list ul:after,
.contenus-meme-sujet .item-list ul:after, #block-cnoa-petite-annonce-cnoa-petite-annonce-form ul.term-reference-tree-level:after, #architectes-pour-tous-form-wrapper .form-item:after, .page-faq #block-system-main > .content:after, #cnoa-common-tableau-ordre-form .fieldset-wrapper:after, #tableau-architecte .resultats .row:after, #tableau-architecte .resultats .details .info-base > div:after, #tableau-architecte .resultats .details .mode-exercice > div:after,
#tableau-architecte .resultats .details .info-perso > div:after, .vocabulary-rubrique .une-rubrique:after, form#user-login > div:after, form#cnoa-user-architecte-login > div:after, .region-content .publications-list .item-list:after, #cnoa-user-password-architecte #edit-dob:after, .node-cnoa-dossier-deux-niveaux-full .field-name-field-a-telecharger > .field-items:after,
.node-cnoa-standard-full .field-name-field-fichiers > .field-items:after, .node-cnoa-publication-two-columns:after,
.node-cnoa-dossier-long-two-columns:after,
.node-cnoa-dossier-deux-niveaux-two-columns:after,
.node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns:after,
.node-cnoa-standard-two-columns:after, .node-cnoa-agence-full .top:after, .node-cnoa-agence-full .aside .addresses:after, .entity-projet .bottom:after, .node-cnoa-standard-full > .content:after, .taxonomy-term > .content .mea-three:after,
.node-cnoa-landing-univers > .content .mea-three:after,
.node-cnoa-landing-region > .content .mea-three:after, .taxonomy-term > .content .mea-six:after,
.node-cnoa-landing-univers > .content .mea-six:after,
.node-cnoa-landing-region > .content .mea-six:after, .group-edito:after, .group-edito .field-name-field-landing-en-savoir-plus:after, .group-publications:after, .group-transition-ecologique .content:after,
.group-chiffres-cles .content:after, .group-transition-ecologique .item-list ul:after,
.group-chiffres-cles .item-list ul:after, .group-exercer:after, .group-exercer .contenus-meme-sujet:after, .group-formation form:after, .group-kiosque .content:after, .group-kiosque .field-name-field-contenus-lies-atom .field-items:after, .group-cnoa .list-nodes:after, form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results:after, body.page-recherche #main:after,
body.page-recherche-annonce #main:after,
body.page-recherche-formation #main:after, body.page-recherche section#main-prefix .region-main-prefix .block form > div:after,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block form > div:after,
body.page-recherche-formation section#main-prefix .region-main-prefix .block form > div:after, body.page-recherche section#main-prefix .region-main-prefix .block .form-item-date-fin:after,
body.page-recherche section#main-prefix .region-main-prefix .block .form-item-date-debut:after,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block .form-item-date-fin:after,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block .form-item-date-debut:after,
body.page-recherche-formation section#main-prefix .region-main-prefix .block .form-item-date-fin:after,
body.page-recherche-formation section#main-prefix .region-main-prefix .block .form-item-date-debut:after, body.page-recherche section#content .thumbnails:after,
body.page-recherche-annonce section#content .thumbnails:after,
body.page-recherche-formation section#content .thumbnails:after, body.page-recherche #block-cnoa-search-cnoa-search-tools > .content form:first-child .container-inline:after,
body.page-recherche-annonce #block-cnoa-search-cnoa-search-tools > .content form:first-child .container-inline:after,
body.page-recherche-formation #block-cnoa-search-cnoa-search-tools > .content form:first-child .container-inline:after {
  content: " ";
  display: block;
  clear: both;
}

/*
 * Responsive mixins.
 */
/* @mixin tablet-landscape {
  @media (min-width: 768px) and (max-width: 1023px) {
    @content;
  }
} */
/*
 * Buttons, links
 */
/*
 * CSS elements
 */
#horaires-contacts, .node-cnoa-organigramme-full .entity-cnoa-architecte {
  margin-top: -100px;
  padding-top: 100px;
}

#breadcrumb .breadcrumb, #top-header, .footer-top .inner, .footer-bottom, #block-cnoa-espace-presse-cnoa-presse-kiosque-multimedia, section#content, #main-suffix, form#cnoa-architecte-pour-tous-page-form, body.page-recherche #main,
body.page-recherche-annonce #main,
body.page-recherche-formation #main, body.context-user.logged-in section#main-prefix .region-main-prefix {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 1280px) {
  #breadcrumb .breadcrumb, #top-header, .footer-top .inner, .footer-bottom, #block-cnoa-espace-presse-cnoa-presse-kiosque-multimedia, section#content, #main-suffix, form#cnoa-architecte-pour-tous-page-form, body.page-recherche #main,
  body.page-recherche-annonce #main,
  body.page-recherche-formation #main, body.context-user.logged-in section#main-prefix .region-main-prefix {
    padding: 0 20px;
  }
}
@media (max-width: 480px) {
  #breadcrumb .breadcrumb, #top-header, .footer-top .inner, .footer-bottom, #block-cnoa-espace-presse-cnoa-presse-kiosque-multimedia, section#content, #main-suffix, form#cnoa-architecte-pour-tous-page-form, body.page-recherche #main,
  body.page-recherche-annonce #main,
  body.page-recherche-formation #main, body.context-user.logged-in section#main-prefix .region-main-prefix {
    padding: 0 10px;
  }
}

.modal-cnoa-newsletter .ctools-modal-content .modal-header a.close, #block-cnoa-publication-cnoa-publication-list > .content > a,
#block-cnoa-publication-cnoa-publication-list > .content .link a,
#block-cnoa-publication-cnoa-publication-list > .content .read-more a,
#block-cnoa-actualite-cnoa-actualite-actualites > .content > a,
#block-cnoa-actualite-cnoa-actualite-actualites > .content .link a,
#block-cnoa-actualite-cnoa-actualite-actualites > .content .read-more a,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet > .content > a,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet > .content .link a,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet > .content .read-more a,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres > .content > a,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres > .content .link a,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres > .content .read-more a,
.contenus-meme-sujet > .content > a,
.contenus-meme-sujet > .content .link a,
.contenus-meme-sujet > .content .read-more a, #block-cnoa-publication-cnoa-publication-list .read-more a,
#block-cnoa-actualite-cnoa-actualite-actualites .read-more a,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .read-more a,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres .read-more a,
.contenus-meme-sujet .read-more a, .vocabulary-rubrique .contenus-rubrique .read-more, .view-id-presse .view-header p a, .view-id-presse .view-header .field-name-field-dossier-long-contenus .field-name-field-texte a, .field-name-field-dossier-long-contenus .view-id-presse .view-header .field-name-field-texte a, #block-cnoa-newsletter-cnoa-newsletter-latest .newsletters .newsletters-toutes, .region-content .publications-list > a, .group-edito .right .field-name-field-landing-contacts .organigramme-link a, .group-exercer .documents-les-plus-telecharges .read-more a, .group-kiosque .read-more a {
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.2rem;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 15;
}
.modal-cnoa-newsletter .ctools-modal-content .modal-header a.close:after, #block-cnoa-publication-cnoa-publication-list > .content > a:after,
#block-cnoa-publication-cnoa-publication-list > .content .link a:after,
#block-cnoa-publication-cnoa-publication-list > .content .read-more a:after,
#block-cnoa-actualite-cnoa-actualite-actualites > .content > a:after,
#block-cnoa-actualite-cnoa-actualite-actualites > .content .link a:after,
#block-cnoa-actualite-cnoa-actualite-actualites > .content .read-more a:after,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet > .content > a:after,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet > .content .link a:after,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet > .content .read-more a:after,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres > .content > a:after,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres > .content .link a:after,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres > .content .read-more a:after,
.contenus-meme-sujet > .content > a:after,
.contenus-meme-sujet > .content .link a:after,
.contenus-meme-sujet > .content .read-more a:after, #block-cnoa-publication-cnoa-publication-list .read-more a:after,
#block-cnoa-actualite-cnoa-actualite-actualites .read-more a:after,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .read-more a:after,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres .read-more a:after,
.contenus-meme-sujet .read-more a:after, .vocabulary-rubrique .contenus-rubrique .read-more:after, .view-id-presse .view-header p a:after, .view-id-presse .view-header .field-name-field-dossier-long-contenus .field-name-field-texte a:after, .field-name-field-dossier-long-contenus .view-id-presse .view-header .field-name-field-texte a:after, #block-cnoa-newsletter-cnoa-newsletter-latest .newsletters .newsletters-toutes:after, .region-content .publications-list > a:after, .group-edito .right .field-name-field-landing-contacts .organigramme-link a:after, .group-exercer .documents-les-plus-telecharges .read-more a:after, .group-kiosque .read-more a:after {
  content: " ";
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  border: 1px solid #000000;
  border-radius: 50%;
  background-image: url("../images/plus@2x.png");
  background-size: 25px 25px;
  background-repeat: no-repeat;
  -moz-transition: -moz-transform 0.25s ease-out;
  -o-transition: -o-transform 0.25s ease-out;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
}
.modal-cnoa-newsletter .ctools-modal-content .modal-header a.close:hover:after, #block-cnoa-publication-cnoa-publication-list > .content > a:hover:after,
#block-cnoa-publication-cnoa-publication-list > .content .link a:hover:after,
#block-cnoa-actualite-cnoa-actualite-actualites > .content > a:hover:after,
#block-cnoa-actualite-cnoa-actualite-actualites > .content .link a:hover:after,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet > .content > a:hover:after,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet > .content .link a:hover:after,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres > .content > a:hover:after,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres > .content .link a:hover:after,
.contenus-meme-sujet > .content > a:hover:after,
.contenus-meme-sujet > .content .link a:hover:after, #block-cnoa-publication-cnoa-publication-list .read-more a:hover:after,
#block-cnoa-actualite-cnoa-actualite-actualites .read-more a:hover:after,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .read-more a:hover:after,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres .read-more a:hover:after,
.contenus-meme-sujet .read-more a:hover:after, .vocabulary-rubrique .contenus-rubrique .read-more:hover:after, .view-id-presse .view-header p a:hover:after, .view-id-presse .view-header .field-name-field-dossier-long-contenus .field-name-field-texte a:hover:after, .field-name-field-dossier-long-contenus .view-id-presse .view-header .field-name-field-texte a:hover:after, #block-cnoa-newsletter-cnoa-newsletter-latest .newsletters .newsletters-toutes:hover:after, .region-content .publications-list > a:hover:after, .group-edito .right .field-name-field-landing-contacts .organigramme-link a:hover:after, .group-exercer .documents-les-plus-telecharges .read-more a:hover:after, .group-kiosque .read-more a:hover:after {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.formation-inscription a {
  background-color: #ff5e5c;
  display: inline-block;
  padding: 10px 80px;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #ffffff;
  -moz-transition: background-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out;
  -webkit-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}
.formation-inscription a:hover {
  background-color: #f25957;
}

.comment-wrapper .comment-form .form-submit, .comment-wrapper .comment-form-header .title, .publier-annonce > a, #architectes-pour-tous-form-wrapper .form-submit, .node-cnoa-petite-annonce-full .field-name-title-field a {
  background-color: #ffffff;
  display: inline-block;
  padding: 10px 80px;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #000000;
  border: 1px solid #000000;
}
.comment-wrapper .comment-form .form-submit:hover, .comment-wrapper .comment-form-header .title:hover, .publier-annonce > a:hover, #architectes-pour-tous-form-wrapper .form-submit:hover, .node-cnoa-petite-annonce-full .field-name-title-field a:hover {
  color: #ffffff;
  background-color: #000000;
}

#cnoa-common-tableau-ordre-form .form-submit, form#user-login input.form-submit, form#cnoa-user-architecte-login input.form-submit {
  background-color: #000000;
  border: 1px solid #000000;
  font-weight: 400;
  width: 100%;
  padding: 12px;
  white-space: normal;
}
#cnoa-common-tableau-ordre-form .form-submit:hover, form#user-login input.form-submit:hover, form#cnoa-user-architecte-login input.form-submit:hover {
  background-color: #ffffff;
  color: #000000;
}

.field-name-field-mot-cle .field-item, .field-name-field-thematique .field-item {
  float: left;
  margin-right: 5px;
}
.field-name-field-mot-cle .field-item a, .field-name-field-thematique .field-item a {
  color: #000000;
  padding: 10px 15px;
  background-color: #f7f7f7;
  display: block;
  -moz-transition: background-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out;
  -webkit-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}
.field-name-field-mot-cle .field-item a:hover, .field-name-field-thematique .field-item a:hover {
  background-color: #eaeaea;
}

.field-name-field-publication-type,
.field-name-field-type-actualite,
.field-name-field-formation-thematique,
.field-name-field-annonce-type,
.field-name-field-zone-geographique,
.field-name-field-formation-type, .node-cnoa-dossier-long-full .field-name-field-thematique,
.node-cnoa-dossier-deux-niveaux-full .field-name-field-thematique {
  font-size: 1.1rem;
  text-transform: uppercase;
  margin: 5px 0;
}
.field-name-field-publication-type a,
.field-name-field-type-actualite a,
.field-name-field-formation-thematique a,
.field-name-field-annonce-type a,
.field-name-field-zone-geographique a,
.field-name-field-formation-type a, .node-cnoa-dossier-long-full .field-name-field-thematique a,
.node-cnoa-dossier-deux-niveaux-full .field-name-field-thematique a {
  color: #000000;
}

.field-name-field-dossier-long-contenus .field-name-field-a-telecharger,
.field-name-field-dossier-long-contenus .field-name-field-dossier-en-savoir-plus,
.node-cnoa-dossier-deux-niveaux-full .field-name-field-a-telecharger,
.node-cnoa-dossier-deux-niveaux-full .field-name-field-dossier-en-savoir-plus, .info-contact,
.publier-annonce, .node-cnoa-standard-full .field-name-field-standard-savoir-plus,
.node-cnoa-standard-full .field-name-field-fichiers {
  border-top: 1px solid #e9e9e9;
  padding-top: 5px;
}
.field-name-field-dossier-long-contenus .field-name-field-a-telecharger h3,
.field-name-field-dossier-long-contenus .field-name-field-dossier-en-savoir-plus h3,
.node-cnoa-dossier-deux-niveaux-full .field-name-field-a-telecharger h3,
.node-cnoa-dossier-deux-niveaux-full .field-name-field-dossier-en-savoir-plus h3, .info-contact h3,
.publier-annonce h3, .node-cnoa-standard-full .field-name-field-standard-savoir-plus h3,
.node-cnoa-standard-full .field-name-field-fichiers h3,
.field-name-field-dossier-long-contenus .field-name-field-a-telecharger .field-label,
.field-name-field-dossier-long-contenus .field-name-field-dossier-en-savoir-plus .field-label,
.node-cnoa-dossier-deux-niveaux-full .field-name-field-a-telecharger .field-label,
.node-cnoa-dossier-deux-niveaux-full .field-name-field-dossier-en-savoir-plus .field-label,
.info-contact .field-label,
.publier-annonce .field-label,
.node-cnoa-standard-full .field-name-field-standard-savoir-plus .field-label,
.node-cnoa-standard-full .field-name-field-fichiers .field-label {
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 400;
  margin: 1em 0;
}

.field-name-field-dossier-long-contenus .field-name-field-a-telecharger .field-label,
.node-cnoa-dossier-deux-niveaux-full .field-name-field-a-telecharger .field-label, .field-name-field-actualite-telecharg-titre .field-item, .node-cnoa-standard-full .field-name-field-fichiers .field-label {
  background-image: url("../images/download-icon@2x.png");
  background-size: 18px 23px;
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 30px;
  line-height: 30px;
  height: 28px;
  vertical-align: middle;
  margin-bottom: 1.5em;
}

.field-name-field-dossier-long-contenus .field-name-field-dossier-en-savoir-plus .field-label,
.node-cnoa-dossier-deux-niveaux-full .field-name-field-dossier-en-savoir-plus .field-label, .node-cnoa-standard-full .field-name-field-standard-savoir-plus .field-label {
  background-image: url("../images/tag-icon@2x.png");
  background-size: 27px 27px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 35px;
  line-height: 30px;
  height: 28px;
  vertical-align: middle;
  margin-bottom: 1.5em;
}

.node-cnoa-standard-full .field-name-field-standard-savoir-plus .field-items {
  border-top: 2px solid #000000;
  padding-top: 5px;
}
.node-cnoa-standard-full .field-name-field-standard-savoir-plus .field-item {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1em;
  line-height: 1.2;
}

#results-load-more input.form-submit, #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce .form-submit, .page-faq a.button.oui, .page-faq a.button.non, .page-faq .view-footer > a.button, .view-faq .view-footer p a.button, .view-faq .view-footer .field-name-field-dossier-long-contenus .field-name-field-texte a.button, .field-name-field-dossier-long-contenus .view-faq .view-footer .field-name-field-texte a.button, form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results.map article .en-savoir-plus, body.page-recherche section#main-prefix .region-main-prefix .block input.form-submit,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block input.form-submit,
body.page-recherche-formation section#main-prefix .region-main-prefix .block input.form-submit, body.page-recherche section#content .thumbnails .ias-trigger a,
body.page-recherche-annonce section#content .thumbnails .ias-trigger a,
body.page-recherche-formation section#content .thumbnails .ias-trigger a, body.context-user.logged-in section#content .region-content > .aside ul li a.user-logout, body.context-user.logged-in section#content .region-content > #block-system-main > .content > a:first-child, body.context-user.logged-in section#content .region-content #block-cnoa-petite-annonce-cnoa-petite-annonce-list > .content > a:first-child {
  padding: 10px;
  text-transform: uppercase;
  border: 1px solid #000000;
  text-align: center;
  display: inline-block;
  font-size: 1.2rem;
  background-color: #ffffff;
  color: #000000;
}

body.context-user.logged-in section#content .region-content #block-cnoa-petite-annonce-cnoa-petite-annonce-list .annonces-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 0 -25px;
}
body.context-user.logged-in section#content .region-content #block-cnoa-petite-annonce-cnoa-petite-annonce-list .annonces-list > .node {
  display: -webkit-flex;
  display: flex;
  padding-left: 25px;
  margin-bottom: 25px;
  width: 25%;
  float: left;
}
body.context-user.logged-in section#content .region-content #block-cnoa-petite-annonce-cnoa-petite-annonce-list .annonces-list > .node > .content {
  width: 100%;
}

body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-content .item-list ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 0 -25px;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-content .item-list ul li {
  display: -webkit-flex;
  display: flex;
  padding-left: 25px;
  margin-bottom: 25px;
  width: 25%;
  float: left;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-content .item-list ul li > .content {
  width: 100%;
}

body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .view-content .item-list ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 0 -40px;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .view-content .item-list ul li {
  display: -webkit-flex;
  display: flex;
  padding-left: 40px;
  margin-bottom: 40px;
  width: 50%;
  float: left;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .view-content .item-list ul li > .content {
  width: 100%;
}

.rubrique-contenus-derniers-publies,
.rubrique-contenus-plus-consultes,
.rubrique-contenus-plus-selectionnes {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 0 -25px;
}
.rubrique-contenus-derniers-publies > .node,
.rubrique-contenus-plus-consultes > .node,
.rubrique-contenus-plus-selectionnes > .node {
  display: -webkit-flex;
  display: flex;
  padding-left: 25px;
  margin-bottom: 25px;
  width: 33.33%;
  float: left;
}
.rubrique-contenus-derniers-publies > .node > .content,
.rubrique-contenus-plus-consultes > .node > .content,
.rubrique-contenus-plus-selectionnes > .node > .content {
  width: 100%;
}

.group-autopromos .field-items {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 0 -25px;
}
.group-autopromos .field-items > .field-item {
  display: -webkit-flex;
  display: flex;
  padding-left: 25px;
  margin-bottom: 25px;
  width: 33.33%;
  float: left;
}
@media (max-width: 480px) {
  .group-autopromos .field-items > .field-item {
    width: 100%;
    float: none;
  }
}
.group-autopromos .field-items > .field-item > .content {
  width: 100%;
}

.group-actualites .iframe-wrap, .group-kiosque .field-name-field-contenus-lies-atom .field-items .field-item .iframe-wrap, body.page-recherche section#content .thumbnails > .scald-atom .iframe-wrap,
body.page-recherche-annonce section#content .thumbnails > .scald-atom .iframe-wrap,
body.page-recherche-formation section#content .thumbnails > .scald-atom .iframe-wrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}
.group-actualites .iframe-wrap iframe, .group-kiosque .field-name-field-contenus-lies-atom .field-items .field-item .iframe-wrap iframe, body.page-recherche section#content .thumbnails > .scald-atom .iframe-wrap iframe,
body.page-recherche-annonce section#content .thumbnails > .scald-atom .iframe-wrap iframe,
body.page-recherche-formation section#content .thumbnails > .scald-atom .iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

#block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > .fieldset-wrapper > fieldset > legend .fieldset-title, #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > .fieldset-wrapper > fieldset > legend .fieldset-legend-span, .vocabulary-rubrique .une-rubrique .field-name-field-thematique .field-item a,
.vocabulary-rubrique .une-rubrique .field-name-field-formation-thematique .field-item a,
.vocabulary-rubrique .une-rubrique .field-name-field-publication-type .field-item a, .vocabulary-rubrique .contenus-rubrique .field-name-field-thematique a,
.vocabulary-rubrique .contenus-rubrique .field-name-field-formation-thematique a,
.vocabulary-rubrique .contenus-rubrique .field-name-field-publication-type a, .entity-projet .bottom .group-content .field-name-field-projet-type-de-projet .field-item, .node-cnoa-publication-teaser .field-name-field-publication-type, .node-cnoa-agence-search-result .type-projet, .node-question-reponse-search-result .tag, .node-cnoa-publication-search-result .field-name-field-publication-type, .node-cnoa-dossier-long-search-result .field-type-taxonomy-term-reference,
.node-cnoa-dossier-deux-niveaux-search-result .field-type-taxonomy-term-reference, .taxonomy-term > .content .node-teaser .title-wrapper .field-name-field-type-actualite,
.taxonomy-term > .content .node-teaser .group-title-wrapper .field-name-field-type-actualite,
.node-cnoa-landing-univers > .content .node-teaser .title-wrapper .field-name-field-type-actualite,
.node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-name-field-type-actualite,
.node-cnoa-landing-region > .content .node-teaser .title-wrapper .field-name-field-type-actualite,
.node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-name-field-type-actualite, .group-publications .field-name-field-landing-publication .central .field-name-field-publication-type, body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .entity-projet .type-projet {
  font-size: 1.1rem;
  text-transform: uppercase;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > .fieldset-wrapper > fieldset > legend .fieldset-title:before, #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > .fieldset-wrapper > fieldset > legend .fieldset-legend-span:before, .vocabulary-rubrique .une-rubrique .field-name-field-thematique .field-item a:before,
.vocabulary-rubrique .une-rubrique .field-name-field-formation-thematique .field-item a:before,
.vocabulary-rubrique .une-rubrique .field-name-field-publication-type .field-item a:before, .vocabulary-rubrique .contenus-rubrique .field-name-field-thematique a:before,
.vocabulary-rubrique .contenus-rubrique .field-name-field-formation-thematique a:before,
.vocabulary-rubrique .contenus-rubrique .field-name-field-publication-type a:before, .entity-projet .bottom .group-content .field-name-field-projet-type-de-projet .field-item:before, .node-cnoa-publication-teaser .field-name-field-publication-type:before, .node-cnoa-agence-search-result .type-projet:before, .node-question-reponse-search-result .tag:before, .node-cnoa-publication-search-result .field-name-field-publication-type:before, .node-cnoa-dossier-long-search-result .field-type-taxonomy-term-reference:before,
.node-cnoa-dossier-deux-niveaux-search-result .field-type-taxonomy-term-reference:before, .taxonomy-term > .content .node-teaser .title-wrapper .field-name-field-type-actualite:before,
.taxonomy-term > .content .node-teaser .group-title-wrapper .field-name-field-type-actualite:before,
.node-cnoa-landing-univers > .content .node-teaser .title-wrapper .field-name-field-type-actualite:before,
.node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-name-field-type-actualite:before,
.node-cnoa-landing-region > .content .node-teaser .title-wrapper .field-name-field-type-actualite:before,
.node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-name-field-type-actualite:before, .group-publications .field-name-field-landing-publication .central .field-name-field-publication-type:before, body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .entity-projet .type-projet:before {
  content: "—";
  margin-right: 2px;
  float: left;
}

.node-cnoa-agence-full .top .field-name-title-field + a, body.page-diaporama #block-system-main > .content h1 + a {
  display: block;
  width: 80px;
  height: 80px;
  text-indent: -9999px;
  background: url(../images/x.png) no-repeat center center;
  border-left: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .flag-selections-projet a, body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-content .item-list ul li > .node > .content .flag-selections-node a {
  display: block;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  background: url("../images/close.png") no-repeat center top;
  z-index: 1;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .flag-selections-projet a:hover, body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-content .item-list ul li > .node > .content .flag-selections-node a:hover {
  background-position: center -35px;
}

.field-name-field-accroche,
.field-name-field-annonce-desc-succinte, #cnoa-common-tableau-ordre-form .intro {
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1;
  padding-bottom: 1em;
}
.field-name-field-accroche p,
.field-name-field-annonce-desc-succinte p, #cnoa-common-tableau-ordre-form .intro p, .field-name-field-accroche .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus .field-name-field-accroche .field-name-field-texte,
.field-name-field-annonce-desc-succinte .field-name-field-dossier-long-contenus .field-name-field-texte,
.field-name-field-dossier-long-contenus .field-name-field-annonce-desc-succinte .field-name-field-texte, #cnoa-common-tableau-ordre-form .intro .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus #cnoa-common-tableau-ordre-form .intro .field-name-field-texte {
  margin: 0;
  line-height: 1;
}

.page-faq a.button.oui, .page-faq a.button.non, .page-faq .view-footer > a.button, .view-faq .view-footer p a.button, .view-faq .view-footer .field-name-field-dossier-long-contenus .field-name-field-texte a.button, .field-name-field-dossier-long-contenus .view-faq .view-footer .field-name-field-texte a.button {
  width: 80px;
  height: 35px;
}
.page-faq a.button.oui:hover, .page-faq a.button.non:hover, .page-faq .view-footer > a.button:hover, .view-faq .view-footer p a.button:hover, .view-faq .view-footer .field-name-field-dossier-long-contenus .field-name-field-texte a.button:hover, .field-name-field-dossier-long-contenus .view-faq .view-footer .field-name-field-texte a.button:hover {
  background-color: #000000;
  color: #ffffff;
}

.view-faq .view-content .views-row .ui-state-active .ui-icon, .view-faq .view-content .views-row .ui-state-default .ui-icon {
  background-size: 25px 25px;
  background-repeat: no-repeat;
  height: 25px;
  width: 25px;
  background-position: 0px 0px;
  left: 0px;
  top: 0px;
  -moz-transition: -moz-transform 0.25s ease-out;
  -o-transition: -o-transform 0.25s ease-out;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
}

.node-cnoa-organigramme-full .field-name-field-orga-architectes .profile2-architecte .content a .profile, .node-cnoa-organigramme-full .field-name-field-orga-architectes .entity-cnoa-architecte .profile {
  width: 50%;
  float: left;
  clear: none;
  margin: 0px;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
}
.node-cnoa-organigramme-full .field-name-field-orga-architectes .profile2-architecte .content a .profile .titre, .node-cnoa-organigramme-full .field-name-field-orga-architectes .entity-cnoa-architecte .profile .titre {
  font-size: 12px;
  color: #ff5e5c;
  font-weight: normal;
}
.node-cnoa-organigramme-full .field-name-field-orga-architectes .profile2-architecte .content a .profile .email, .node-cnoa-organigramme-full .field-name-field-orga-architectes .entity-cnoa-architecte .profile .email {
  font-size: 12px;
  text-transform: lowercase;
  font-weight: bold;
}

.node-cnoa-dossier-long-full .group-publication,
.node-cnoa-dossier-deux-niveaux-full .group-publication, .node-cnoa-actualite-full .group-publication,
.node-cnoa-standard-full .group-publication,
.node-cnoa-publication-full .group-publication {
  margin: 60px 0 20px;
  border-top: 1px solid #e9e9e9;
  padding-top: 15px;
  font-size: 1.1rem;
  color: #999999;
  text-transform: uppercase;
  display: flex;
  align-items: baseline;
}
.node-cnoa-dossier-long-full .group-publication .date-author,
.node-cnoa-dossier-deux-niveaux-full .group-publication .date-author, .node-cnoa-actualite-full .group-publication .date-author,
.node-cnoa-standard-full .group-publication .date-author,
.node-cnoa-publication-full .group-publication .date-author,
.node-cnoa-dossier-long-full .group-publication .dates,
.node-cnoa-dossier-deux-niveaux-full .group-publication .dates,
.node-cnoa-actualite-full .group-publication .dates,
.node-cnoa-standard-full .group-publication .dates,
.node-cnoa-publication-full .group-publication .dates {
  margin: 0;
  padding: 0;
  border: none;
}
.node-cnoa-dossier-long-full .group-publication .etude_de_cas,
.node-cnoa-dossier-deux-niveaux-full .group-publication .etude_de_cas, .node-cnoa-actualite-full .group-publication .etude_de_cas,
.node-cnoa-standard-full .group-publication .etude_de_cas,
.node-cnoa-publication-full .group-publication .etude_de_cas,
.node-cnoa-dossier-long-full .group-publication .ressource,
.node-cnoa-dossier-deux-niveaux-full .group-publication .ressource,
.node-cnoa-actualite-full .group-publication .ressource,
.node-cnoa-standard-full .group-publication .ressource,
.node-cnoa-publication-full .group-publication .ressource,
.node-cnoa-dossier-long-full .group-publication .contribution,
.node-cnoa-dossier-deux-niveaux-full .group-publication .contribution,
.node-cnoa-actualite-full .group-publication .contribution,
.node-cnoa-standard-full .group-publication .contribution,
.node-cnoa-publication-full .group-publication .contribution {
  margin-right: 0.3rem;
}

/* header,
footer,
section,
main {
	& > .inner {
		width: 1200px;
		max-width: 100%;
		margin: 0 auto;
	}
} */
/* #header,
#main,
#footer {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
} */
@font-face {
  font-family: 'tomica';
  src: url("../fonts/tomica/tomicablack-webfont.eot");
  src: url("../fonts/tomica/tomicablack-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/tomica/tomicablack-webfont.woff2") format("woff2"), url("../fonts/tomica/tomicablack-webfont.woff") format("woff"), url("../fonts/tomica/tomicablack-webfont.ttf") format("truetype"), url("../fonts/tomica/tomicablack-webfont.svg#tomica") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'tomica';
  src: url("../fonts/tomica/tomicabold-webfont.eot");
  src: url("../fonts/tomica/tomicabold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/tomica/tomicabold-webfont.woff2") format("woff2"), url("../fonts/tomica/tomicabold-webfont.woff") format("woff"), url("../fonts/tomica/tomicabold-webfont.ttf") format("truetype"), url("../fonts/tomica/tomicabold-webfont.svg#tomica") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'tomica';
  src: url("../fonts/tomica/tomicalight-webfont.eot");
  src: url("../fonts/tomica/tomicalight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/tomica/tomicalight-webfont.woff2") format("woff2"), url("../fonts/tomica/tomicalight-webfont.woff") format("woff"), url("../fonts/tomica/tomicalight-webfont.ttf") format("truetype"), url("../fonts/tomica/tomicalight-webfont.svg#tomica") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'tomica';
  src: url("../fonts/tomica/tomicaregular-webfont.eot");
  src: url("../fonts/tomica/tomicaregular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/tomica/tomicaregular-webfont.woff2") format("woff2"), url("../fonts/tomica/tomicaregular-webfont.woff") format("woff"), url("../fonts/tomica/tomicaregular-webfont.ttf") format("truetype"), url("../fonts/tomica/tomicaregular-webfont.svg#tomica") format("svg");
  font-weight: normal;
  font-style: normal;
}
html {
  font-size: 62.5%;
  line-height: normal;
  overflow-x: hidden;
}

body {
  font-size: 1.5rem;
  font-family: 'tomica';
  color: #000000;
  overflow-x: hidden;
}
body:not(.cke_editable) {
  padding-top: 85px;
}

a, a:visited {
  text-decoration: none;
  color: #000000;
}

a:hover {
  text-decoration: none;
}

a[role="button"] {
  cursor: pointer;
}

a.access-denied {
  cursor: pointer;
  text-decoration: underline;
}

img {
  vertical-align: top;
}

h1, h2, .field-name-field-formation-objectifs .field-label,
.field-name-body .field-label,
.field-name-field-formation-formateur .field-label, #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #tableau-architecte .nb-resultats, h3, h4, h5, h6 {
  text-transform: none;
  font-family: 'tomica';
}

h1 {
  font-weight: 700;
  font-size: 5.5rem;
  color: #000000;
  margin: 0 0 0.5em 0;
  line-height: 1;
  padding: 0;
  border: none;
}
@media (max-width: 768px) {
  h1 {
    font-size: 4rem;
  }
}
@media (max-width: 480px) {
  h1 {
    font-size: 3rem;
  }
}

h2, .field-name-field-formation-objectifs .field-label,
.field-name-body .field-label,
.field-name-field-formation-formateur .field-label, #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #tableau-architecte .nb-resultats {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
}

/* Form Elements */
select {
  padding: 10px 35px 10px 10px;
  border: 1px solid #e9e9e9;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0px;
  color: #000000;
  background: url(../images/select-down-gray.png) right 5px center no-repeat;
  text-transform: uppercase;
}

select::-ms-expand {
  display: none;
}

input.form-text {
  padding: 10px;
}

input[type='radio'],
input[type='checkbox'] {
  display: none;
}

input[type='radio'] + label,
input[type='checkbox'] + label {
  text-transform: uppercase;
  cursor: pointer;
  font-size: 1.4rem;
}
input[type='radio'] + label:before,
input[type='checkbox'] + label:before {
  content: " ";
  width: 12px;
  height: 12px;
  border: 2px solid #ffffff;
  outline: 1px solid #000000;
  background-color: #ffffff;
  display: inline-block;
  margin: 0px 5px 6px 0;
  vertical-align: middle;
  box-sizing: border-box;
  position: relative;
  background-position: center;
}

input[type='radio']:checked + label:before,
input[type='checkbox']:checked + label:before {
  background-color: #000000;
}

input.hasDatepicker {
  padding-right: 70px;
  background: url(../images/calendar-select.png) right 10px center no-repeat;
  color: #000000;
}
input.hasDatepicker::-webkit-input-placeholder, input.hasDatepicker::-moz-placeholder, input.hasDatepicker:-ms-input-placeholder {
  color: #000000;
}

fieldset legend {
  background: none;
}

label {
  font-size: 0.876em;
}

/*
h3 {
  font-weight: 700; // Roboto Bold
  font-size: 2.25rem; // 36px
  line-height: 2.25rem;
}

h4 {
  font-weight: 400; // Roboto Regular
  font-size: 1.875rem;  // 30px
  line-height: 1.875rem;
}

h5 {
  font-weight: 400; // Roboto Regular
  font-size: 1.5rem;  // 24px
  line-height: 1.5rem;
}
p {
  line-height: 1.975rem;
} */
#breadcrumb {
  border-bottom: 1px solid #e9e9e9;
}
#breadcrumb .breadcrumb {
  background: none;
  padding: 0 15px 0 122px;
  font-size: 1rem;
  color: #999999;
}
#breadcrumb .breadcrumb > span:first-child a {
  padding-left: 15px;
  border-left: 1px solid #e9e9e9;
}
#breadcrumb .breadcrumb a {
  color: #666666;
  display: inline-block;
  padding: 15px 0;
}
@media (max-width: 480px) {
  #breadcrumb .breadcrumb {
    padding: 13px 15px;
    line-height: 1.7em;
  }
  #breadcrumb .breadcrumb > span:first-child a {
    border: none;
    padding-left: 0;
  }
  #breadcrumb .breadcrumb a {
    padding: 0;
  }
}

#block-system-main .node .field-name-body a,
#block-system-main .node .field-name-field-texte a {
  color: #ff5e5c;
}
#block-system-main .node .field-name-body a:hover,
#block-system-main .node .field-name-field-texte a:hover {
  color: gray;
}

.legend {
  font-size: 1.2rem;
  color: #999999;
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
  margin-top: 10px;
}

.formation-inscription a:visited {
  color: #ffffff;
}

html:not(.js) .js-visible {
  display: none;
}

#comments {
  margin-top: 40px;
  clear: both;
}

.comment-wrapper {
  border: 1px solid #e9e9e9;
  padding: 15px;
}
.comment-wrapper .comment-form {
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
}
.comment-wrapper .comment-form label {
  margin-bottom: 5px;
}
.comment-wrapper .comment-form .form-item {
  margin-bottom: 10px;
}
.comment-wrapper .comment-form-header {
  width: 100%;
}
.comment-wrapper .comment-form-header .comment-count {
  cursor: pointer;
  color: #999999;
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase;
  background-image: url("../images/comment-icon@2x.png");
  background-size: 24px 22px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 35px;
  line-height: 22px;
  margin-top: 8px;
  float: left;
}
.comment-wrapper .comment-form-header .title {
  padding: 10px 40px;
  float: right;
}
.comment-wrapper .comments {
  padding-top: 20px;
  display: none;
}
.comment-wrapper .comments .comment:not(:last-child) {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 20px;
}
.comment-wrapper .comments .comment h3 {
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 0;
}
.comment-wrapper .comments .comment .submitted {
  color: #999999;
  text-transform: uppercase;
  font-size: 1.1rem;
}
.comment-wrapper .comments .comment .submitted .permalink {
  display: none;
}
.comment-wrapper .comments .comment .content {
  margin-top: 10px;
}
.comment-wrapper .comments .comment .links {
  margin: 0;
  font-size: 1.2rem;
  padding: 5px 10px;
  background-color: #f7f7f7;
}
.comment-wrapper .comments .comment_forbidden {
  color: #999999;
}
.comment-wrapper .comments .comment_forbidden a {
  color: #000000;
}

/*
 * Share, Send, Print buttons.
 */
#partage {
  z-index: 16;
  position: fixed;
  left: 0;
  top: 30%;
  width: 40px;
  background-color: #ffffff;
}
#partage > a, #partage > .flag-wrapper {
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #e9e9e9;
}
#partage > a {
  background-image: url("../images/side-tools@2x.png");
  background-size: 86px 280px;
  background-repeat: no-repeat;
}
#partage > a:not(:last-child) {
  border-bottom: none;
}
#partage > a.commenter {
  background-position: left 5px top 8px;
  text-align: center;
  color: #999999;
  padding-top: 32px;
  height: 50px;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
}
#partage > a.commenter:hover {
  background-position: left -55px top 8px;
}
#partage > a.partager {
  background-position: left 5px top -90px;
}
#partage > a.partager > span {
  display: none;
}
#partage > a.partager:hover {
  background-position: left -55px top -90px;
}
#partage > a.envoyer {
  background-position: left 5px top -140px;
}
#partage > a.envoyer:hover {
  background-position: left -55px top -140px;
}
#partage > a.imprimer {
  background-position: left 5px top -190px;
}
#partage > a.imprimer:hover {
  background-position: left -55px top -190px;
}
#partage > .flag-wrapper {
  text-indent: -9999px;
  border-bottom: none;
}
#partage > .flag-wrapper > a {
  background-image: url("../images/side-tools@2x.png");
  background-size: 86px 280px;
  background-repeat: no-repeat;
  display: block;
  height: 40px;
}
#partage > .flag-wrapper > a.flag-action {
  background-position: left 5px top -40px;
}
#partage > .flag-wrapper > a.flag-action:hover {
  background-position: left -55px top -40px;
}
#partage > .flag-wrapper > a.unflag-action {
  background-position: left 5px top -244px;
}
#partage > .flag-wrapper > a.unflag-action:hover {
  background-position: left -55px top -244px;
}
@media (max-width: 480px) {
  #partage {
    display: none;
  }
}

#results-load-more {
  text-align: center;
  margin-top: 20px;
}
#results-load-more input.form-submit {
  font-weight: normal;
  padding: 10px 30px;
}

.ui-icon {
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -99999px;
}

div .webform-client-form {
  padding-left: 65px;
}
div .webform-client-form input {
  width: 58%;
}
div .webform-client-form input.form-submit {
  padding: 12px;
  margin-bottom: 30px;
  width: 20%;
}
div .webform-client-form label {
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 0px;
}
div .webform-client-form div .form-item {
  margin-bottom: 15px;
}
div .webform-client-form div .form-item.form-type-radio {
  margin-bottom: 0px;
}
div .webform-client-form .webform-apropos-wrapper label {
  width: 55%;
}

#block-system-main .content > .node ol {
  padding-left: 30px;
}
#block-system-main .content > .node ol li {
  list-style-type: decimal;
}

.tabledrag-toggle-weight-wrapper {
  display: none;
}

a.tabledrag-handle .handle {
  height: 28px;
  width: 20px;
}

/*
 * HEADER styles.
 */
body.admin-menu #header,
body.admin-menu #nav,
body.admin-menu #top-header #menu-trigger .menu-button.sticky,
body.admin-menu #block-cnoa-common-cnoa-common-menu > .content > .menu > li > .menu {
  top: 29px;
}

#header {
  background-color: #ffffff;
  border-bottom: 1px solid #e9e9e9;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 17;
}

#top-header {
  height: 85px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#top-header #menu-trigger {
  width: 85px;
  float: left;
}
#top-header #menu-trigger .menu-button {
  width: 85px;
  height: 85px;
  position: relative;
  cursor: pointer;
  background-color: #ffffff;
}
#top-header #menu-trigger .menu-button:not(.expanded) {
  background: url("../images/icon-burger.png") no-repeat center 18px;
}
#top-header #menu-trigger .menu-button:not(.expanded)::before {
  content: 'MENU';
  display: block;
  padding-top: 11px;
  font-size: 12px;
  line-height: 85px;
  text-align: center;
}
#top-header #menu-trigger .menu-button:not(.expanded):hover {
  background-image: url("../images/icon-burger-hover.png");
}
#top-header #menu-trigger .menu-button:not(.expanded):hover::before {
  color: #ff5e5c;
}
#top-header #menu-trigger .menu-button:not(.sticky) {
  left: 0 !important;
}
#top-header #menu-trigger .menu-button .line {
  display: none;
  width: 24px;
  height: 2px;
  background-color: #9c9d9e;
  position: absolute;
  left: 30px;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#top-header #menu-trigger .menu-button .line:nth-child(1) {
  top: 38px;
}
#top-header #menu-trigger .menu-button .line:nth-child(2) {
  top: 42px;
}
#top-header #menu-trigger .menu-button .line:nth-child(3) {
  top: 46px;
}
#top-header #menu-trigger .menu-button.expanded .line {
  display: block;
}
#top-header #menu-trigger .menu-button.expanded .line:nth-child(1) {
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  top: 42px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#top-header #menu-trigger .menu-button.expanded .line:nth-child(2) {
  opacity: 0;
}
#top-header #menu-trigger .menu-button.expanded .line:nth-child(3) {
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  top: 42px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#top-header #menu-trigger .menu-button.sticky {
  position: fixed;
  top: 0;
  left: 280px;
  z-index: 5;
  border-right: 1px solid #e9e9e9;
}
#top-header #menu-trigger .menu-button.submenu-visible.sticky {
  left: 560px;
}
@media (max-width: 640px) {
  #top-header #menu-trigger .menu-button.submenu-visible.sticky {
    left: 280px;
  }
}
#top-header #logo {
  float: left;
  width: 306px;
  height: 85px;
}
#top-header #logo img {
  width: 100%;
  vertical-align: middle;
}
#top-header #accroche {
  float: left;
  display: -webkit-flex;
  display: flex;
  font-size: 2.2rem;
  font-weight: 700;
  padding-left: 25px;
  padding-right: 10px;
}
#top-header #accroche .region {
  color: #ff5e5c;
  text-transform: uppercase;
  display: block;
}
#top-header #accroche .region:after {
  display: inherit;
}
#top-header .right {
  margin-left: auto;
  padding-right: 30px;
  min-width: 525px;
}
@media (max-width: 1024px) {
  #top-header .right {
    min-width: inherit;
  }
}
#top-header #ordre-regions,
#top-header #tableau-ordre,
#top-header #mon-compte {
  border-left: 1px solid #e9e9e9;
  float: left;
}
#top-header #ordre-regions {
  position: relative;
}
#top-header #ordre-regions span {
  font-size: 1.4rem;
  background-image: url("../images/map-pin@2x.png");
  background-size: 20px 90px;
  background-repeat: no-repeat;
  padding: 26px 19px 0 50px;
  background-position: left 25px top 25px;
  line-height: 1.1;
  width: 155px;
  height: 85px;
  display: block;
  cursor: pointer;
}
#top-header #ordre-regions span:hover, #top-header #ordre-regions span.opened {
  background-position: left 25px top -35px;
}
#top-header #ordre-regions .search-form {
  position: absolute;
  left: -1px;
  top: 50%;
  opacity: 0;
  width: 157px;
  pointer-events: none;
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
  border-top: none;
  padding: 10px;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#top-header #ordre-regions .search-form:not(.element-invisible) {
  pointer-events: auto;
  opacity: 1;
  top: 100%;
}
#top-header #ordre-regions .search-form .form-item {
  margin-top: 0;
}
#top-header #ordre-regions .search-form .form-item label {
  font-weight: 400;
  margin-bottom: 5px;
}
#top-header #ordre-regions .search-form .form-submit {
  font-weight: 400;
  width: 100%;
  padding: 10px 0;
}
#top-header #tableau-ordre {
  height: 85px;
  padding: 26px 30px;
  text-align: center;
  width: 150px;
  line-height: 1.05;
}
#top-header #tableau-ordre a {
  color: #ff5e5c;
  font-size: 1.4rem;
  font-weight: 700;
}
#top-header #mon-compte {
  height: 85px;
  padding: 30px 25px;
}
#top-header #mon-compte a {
  background-image: url("../images/user-icon@2x.png");
  background-size: 26px 81px;
  background-repeat: no-repeat;
  display: block;
  width: 26px;
  height: 22px;
  text-indent: -9999px;
}
#top-header #mon-compte a:hover {
  background-position: bottom center;
}
#top-header #langages {
  float: left;
  font-size: 1.2rem;
  height: 85px;
  line-height: 85px;
  vertical-align: middle;
}
#top-header #langages ul li {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#top-header #langages ul li:first-child:after {
  content: "|";
  margin: 0 2px 0 5px;
  color: #ccc;
}
#top-header #langages a {
  color: #999999;
  text-decoration: none;
}
#top-header #langages a:hover {
  color: #000000;
}
@media (max-width: 1280px) {
  #top-header {
    padding: 0;
  }
}
@media (max-width: 1024px) {
  #top-header #tableau-ordre,
  #top-header #mon-compte,
  #top-header #langages {
    display: none;
  }
  #top-header .right {
    padding-right: 0;
  }
}
@media (max-width: 480px) {
  #top-header #accroche {
    font-size: 1.3rem;
    padding-left: 10px;
  }
  #top-header #accroche .region {
    display: block;
    padding-left: 0;
  }
  #top-header #menu-trigger {
    width: 60px;
  }
  #top-header #menu-trigger .menu-button {
    width: 60px;
  }
  #top-header #menu-trigger .menu-button .line {
    left: 18px;
  }
  #top-header #menu-trigger .menu-button.sticky {
    width: 40px;
  }
  #top-header #menu-trigger .menu-button.sticky .line {
    left: 8px;
  }
  #top-header #menu-trigger .menu-button.submenu-visible {
    left: 280px;
  }
  #top-header #ordre-regions span {
    width: 50px;
    padding: 0;
    text-indent: -9999px;
    background-position: center top 25px;
    padding-left: 50px;
    overflow: hidden;
  }
  #top-header #ordre-regions span:hover, #top-header #ordre-regions span.opened {
    background-position: center top -35px;
  }
  #top-header #ordre-regions .search-form {
    left: auto;
    right: 0;
    z-index: 10;
  }
}

#nav {
  position: fixed;
  left: -280px;
  top: 0;
  z-index: 18;
  -moz-transition: left 0.25s ease-out;
  -o-transition: left 0.25s ease-out;
  -webkit-transition: left 0.25s ease-out;
  transition: left 0.25s ease-out;
}
#nav.expanded {
  left: 0;
}

.region-sidebar-menu {
  position: relative;
  overflow: hidden;
  z-index: 10;
  font-size: 1.4rem;
  width: 280px;
  background-color: #f7f7f7;
}
.region-sidebar-menu .block-cnoa-search form {
  padding: 25px 20px;
}
.region-sidebar-menu .block-cnoa-search form .form-item {
  width: 190px;
  float: left;
  margin: 0;
}
.region-sidebar-menu .block-cnoa-search form .form-actions {
  width: 36px;
  float: left;
}
.region-sidebar-menu .block-cnoa-search form .form-text {
  border: none;
  height: 36px;
  color: #000000;
  padding: 0 15px;
}
.region-sidebar-menu .block-cnoa-search form .form-text:focus, .region-sidebar-menu .block-cnoa-search form .form-text:active {
  outline: none;
}
.region-sidebar-menu .block-cnoa-search form .form-submit {
  float: left;
  margin: 0;
  background-color: #ffffff;
  background-image: url("../images/search-submit-icon@2x.png");
  background-size: 24px 74px;
  background-repeat: no-repeat;
  background-position: center top 6px;
  width: 36px;
  height: 36px;
  text-indent: -9999px;
}
.region-sidebar-menu .block-cnoa-search form .form-submit:hover {
  background-position: center bottom 6px;
}
.region-sidebar-menu .separator hr {
  border: none;
  border-bottom: 1px solid #dedede;
  margin: 10px 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari only override */
  ::i-block-chrome, .region-sidebar-menu {
    position: static;
  }
}
_::-webkit-full-page-media, _:future, :root .region-sidebar-menu {
  position: static;
}

@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  .region-sidebar-menu {
    position: static;
  }
}
#block-cnoa-common-cnoa-common-lien-tableau-ordre {
  background-color: #ff5e5c;
  font-weight: 700;
  padding: 15px 20px;
}
#block-cnoa-common-cnoa-common-lien-tableau-ordre a {
  color: #ffffff;
}

#block-cnoa-architecte-pour-tous-cnoa-architecte-pour-tous-lien {
  background-color: #ffc914;
  padding: 15px 20px;
}
#block-cnoa-architecte-pour-tous-cnoa-architecte-pour-tous-lien .lien {
  font-size: 1.8rem;
  font-weight: 400;
}
#block-cnoa-architecte-pour-tous-cnoa-architecte-pour-tous-lien .description {
  display: block;
  font-size: 1.2rem;
}

#block-cnoa-common-cnoa-common-menu .nolink {
  color: #666666;
  padding: 5px 20px;
  display: block;
}
#block-cnoa-common-cnoa-common-menu .menu li {
  margin: 0;
  padding: 0;
}
#block-cnoa-common-cnoa-common-menu .menu li.leaf {
  list-style-type: none;
  list-style-image: none;
}
#block-cnoa-common-cnoa-common-menu .menu li.expanded {
  list-style-image: none;
  list-style-type: none;
}
#block-cnoa-common-cnoa-common-menu .menu li a {
  padding: 5px 20px;
  display: block;
}
#block-cnoa-common-cnoa-common-menu .menu li.transition-ecologique {
  background-color: #67b42a;
}
#block-cnoa-common-cnoa-common-menu > .content > .menu > li {
  margin: 0;
  padding: 0;
}
#block-cnoa-common-cnoa-common-menu > .content > .menu > li a.plus-consultes {
  text-transform: none;
  font-weight: 700;
}
#block-cnoa-common-cnoa-common-menu > .content > .menu > li.transition-ecologique {
  padding-bottom: 10px;
  padding-top: 10px;
}
#block-cnoa-common-cnoa-common-menu > .content > .menu > li a.transition-ecologique {
  text-transform: none;
  font-weight: 600;
  color: #ffffff;
}
#block-cnoa-common-cnoa-common-menu > .content > .menu > li > a {
  text-transform: uppercase;
}
#block-cnoa-common-cnoa-common-menu > .content > .menu > li > .menu {
  position: fixed;
  left: 280px;
  pointer-events: none;
  top: 0;
  width: 280px;
  background: #e9e9e9;
  border-left: 1px solid #dedede;
  padding: 20px 0;
  opacity: 0;
  -moz-transition: opacity 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
}
#block-cnoa-common-cnoa-common-menu > .content > .menu > li > .menu .nolink {
  text-transform: uppercase;
  color: #000000;
}
#block-cnoa-common-cnoa-common-menu > .content > .menu > li > .menu .sous-menu-description {
  text-transform: none;
  color: #666666;
  padding-top: 0;
}
#block-cnoa-common-cnoa-common-menu > .content > .menu > li > .menu .sous-menu-titre {
  padding-bottom: 0;
}
#block-cnoa-common-cnoa-common-menu > .content > .menu > li > .menu a {
  font-weight: 700;
}
#block-cnoa-common-cnoa-common-menu > .content > .menu > li.expanded {
  position: relative;
}
#block-cnoa-common-cnoa-common-menu > .content > .menu > li.expanded:after {
  content: " ";
  background-image: url("../images/menu-arrow@2x.png");
  background-size: 14px 13px;
  background-repeat: no-repeat;
  background-position: right 10px center;
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
  height: 18px;
  padding: 5px 10px 5px 5px;
  cursor: pointer;
  -moz-transition: -moz-transform 0.25s ease-out;
  -o-transition: -o-transform 0.25s ease-out;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
}
#block-cnoa-common-cnoa-common-menu > .content > .menu > li.expanded.transition-ecologique:after {
  background-image: url("../images/menu_arrow_right_white.png");
  background-size: 14px 13px;
  background-repeat: no-repeat;
  top: 10px;
}
#block-cnoa-common-cnoa-common-menu > .content > .menu > li.expanded.transition-ecologique.visible {
  background-color: #67b42a;
}
#block-cnoa-common-cnoa-common-menu > .content > .menu > li.visible {
  background-color: #e9e9e9;
}
#block-cnoa-common-cnoa-common-menu > .content > .menu > li.visible > .menu {
  opacity: 1;
  pointer-events: auto;
}
#block-cnoa-common-cnoa-common-menu > .content > .menu > li.visible:after {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (max-width: 640px) {
  #block-cnoa-common-cnoa-common-menu > .content > .menu > li > .menu {
    left: 0;
    z-index: 9;
  }
}

#block-cnoa-common-cnoa-common-liens-sociaux-newsl {
  padding: 15px 20px;
  border-top: 1px solid #dedede;
}
#block-cnoa-common-cnoa-common-liens-sociaux-newsl .suivez-vous {
  display: inline-block;
}
#block-cnoa-common-cnoa-common-liens-sociaux-newsl .suivez-vous > a {
  text-indent: -9999px;
  display: inline-block;
  margin-right: 10px;
}
#block-cnoa-common-cnoa-common-liens-sociaux-newsl .suivez-vous > a.icon-facebook {
  width: 9px;
  height: 15px;
  background-image: url("../images/icon-fb.png");
  background-size: 9px 15px;
  background-repeat: no-repeat;
}
#block-cnoa-common-cnoa-common-liens-sociaux-newsl .suivez-vous > a.icon-twitter {
  width: 20px;
  height: 15px;
  background-image: url("../images/icon-twitter.png");
  background-size: 20px 15px;
  background-repeat: no-repeat;
}
#block-cnoa-common-cnoa-common-liens-sociaux-newsl .suivez-vous > a.icon-linkedin {
  width: 15px;
  height: 15px;
  background-image: url("../images/icon-linkedin.png");
  background-size: 15px 15px;
  background-repeat: no-repeat;
}
#block-cnoa-common-cnoa-common-liens-sociaux-newsl .newsletter {
  display: inline-block;
  height: 12px;
  vertical-align: top;
}

#block-cnoa-common-cnoa-common-mention-copyright {
  font-size: 1.1rem;
  color: #999999;
  text-transform: uppercase;
  padding: 15px 20px;
  border-top: 1px solid #dedede;
}

.search-anchor a {
  background-color: #ffffff;
  background-image: url("../images/search-submit-icon@2x.png");
  background-size: 24px 74px;
  background-repeat: no-repeat;
  background-position: center top 6px;
  display: block;
  height: 36px;
  margin: 0;
  text-indent: -9999px;
  width: 36px;
}
.search-anchor a:hover {
  background-position: center bottom 6px;
}
@media (max-width: 480px) {
  .search-anchor {
    display: none;
  }
}

/*
 * FOOTER styles.
 */
.footer-top {
  background-color: #000000;
  padding: 20px 0;
}
.footer-top .suivez-vous,
.footer-top .newsletter {
  width: 50%;
  float: left;
}
.footer-top .suivez-vous {
  text-align: center;
  color: #ffffff;
  font-size: 3rem;
  font-weight: 700;
}
.footer-top .icon-facebook,
.footer-top .icon-twitter,
.footer-top .icon-linkedin {
  text-indent: -9999px;
  margin: 0 10px;
  display: inline-block;
  vertical-align: middle;
}
.footer-top .icon-facebook {
  background-image: url("../images/fb-icon@2x.png");
  background-size: 14px 23px;
  background-repeat: no-repeat;
  width: 14px;
  margin-left: 20px;
}
.footer-top .icon-twitter {
  background-image: url("../images/tw-icon@2x.png");
  background-size: 33px 22px;
  background-repeat: no-repeat;
  width: 33px;
}
.footer-top .icon-linkedin {
  background-image: url("../images/in-icon@2x.png");
  background-size: 24px 23px;
  background-repeat: no-repeat;
  width: 24px;
}
.footer-top .newsletter {
  padding-left: 20px;
}
.footer-top .newsletter em {
  color: #ffffff;
  font-size: 3rem;
  font-weight: 700;
  font-style: normal;
}
.footer-top .newsletter .text {
  font-size: 2rem;
  color: #ffffff;
  font-weight: 300;
}
.footer-top .newsletter form {
  margin-top: 5px;
}
.footer-top .newsletter input {
  border: 1px solid #404040;
  font-size: 1.4rem;
  color: #f7f7f7;
  background-color: #000000;
  font-weight: 400;
  padding: 5px 15px;
  width: 50%;
}
.footer-top .newsletter a {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.footer-top .newsletter .ctools-modal-cnoa-newsletter {
  background-color: #333333;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 6px 40px;
  margin-left: 5px;
  width: 30%;
  margin-top: 2px;
  border: none;
}
@media (max-width: 768px) {
  .footer-top .suivez-vous {
    margin-bottom: 20px;
  }
  .footer-top .suivez-vous,
  .footer-top .newsletter {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .footer-top {
    font-size: 1rem;
  }
  .footer-top .suivez-vous span {
    display: block;
  }
  .footer-top .newsletter .ctools-modal-cnoa-newsletter {
    margin-left: 0;
  }
}

.footer-bottom {
  padding: 25px;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.footer-bottom > div {
  float: left;
}
.footer-bottom .copyright {
  color: #b3b3b3;
  width: 25%;
}
.footer-bottom .secondary-links {
  width: 75%;
  text-align: right;
}
.footer-bottom .secondary-links ul {
  margin: 0;
}
.footer-bottom .secondary-links ul li {
  display: inline-block;
  margin: 0 0 5px 25px;
}
.footer-bottom .secondary-links a {
  color: #000000;
  border-bottom: none;
}

.modal-cnoa-newsletter .ctools-modal-content .form-item label {
  width: 100%;
}
.modal-cnoa-newsletter .ctools-modal-content .modal-header {
  background-color: #000000;
  padding: 40px 15px 20px 15px;
}
.modal-cnoa-newsletter .ctools-modal-content .modal-header a.close {
  color: #000000;
  padding: 15px 15px 0px 0px;
  font-size: 0px;
  outline: none;
}
.modal-cnoa-newsletter .ctools-modal-content .modal-header a.close img {
  display: none;
  height: 0px;
  width: 0px;
}
.modal-cnoa-newsletter .ctools-modal-content .modal-header a.close:after {
  background-image: url("../images/plus-circle-white@2x.png");
  border: none;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modal-cnoa-newsletter .ctools-modal-content .modal-header a.close:hover::after {
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.modal-cnoa-newsletter .ctools-modal-content .modal-content {
  height: 100% !important;
  width: 100% !important;
  max-height: 400px;
  overflow-x: visible;
  overflow-y: scroll;
}
.modal-cnoa-newsletter .ctools-modal-content .modal-content .ctools-use-modal-processed .form-item.form-type-checkboxes.form-item-listes {
  padding: 20px 0px 10px;
}
.modal-cnoa-newsletter .ctools-modal-content .modal-content .ctools-use-modal-processed input[type=submit] {
  padding: 6px 40px;
  margin-bottom: 15px;
}

/*
 * Fields style without any special context for sitewide usage.
 */
.field-name-field-annonce-desc-succinte {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 2em;
}

.field-name-field-mot-cle {
  margin: 30px 0;
}

.dates,
.field-name-field-actualite-date-evenement,
.date-author {
  color: #999999;
  font-size: 1.1rem;
  text-transform: uppercase;
  padding-top: 0.5em;
  border-top: 1px solid #e9e9e9;
}

.date-author {
  margin-top: 60px;
  border-top: 1px solid #e9e9e9;
  padding-top: 15px;
}
.date-author .author {
  color: #000000;
}

.field-name-field-thematique {
  margin-top: 20px;
}

.infos-pratiques {
  background: #f2f2f2;
  padding: 30px;
  margin: 25px 0;
}
.infos-pratiques > div:not(:last-child) {
  margin-bottom: 10px;
}
.infos-pratiques .field-label, .infos-pratiques h3 {
  color: #ff5e5c;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.4rem;
  width: 30%;
  margin: 0;
}
.infos-pratiques h3, .infos-pratiques .field-name-field-formation-cout-ttc {
  float: left;
}
.infos-pratiques .field-items,
.infos-pratiques .field-name-field-formation-cout-ttc {
  font-weight: 700;
  width: 70%;
}
.infos-pratiques .field-name-field-formation-cout-ht,
.infos-pratiques .field-name-field-ville {
  width: 70%;
  margin-left: 30%;
}
@media (max-width: 480px) {
  .infos-pratiques {
    padding: 15px;
  }
  .infos-pratiques .field-label, .infos-pratiques h3,
  .infos-pratiques .field-items,
  .infos-pratiques .field-name-field-formation-cout-ttc,
  .infos-pratiques .field-name-field-formation-cout-ht {
    width: 100%;
  }
  .infos-pratiques .field-name-field-formation-cout-ht {
    margin-left: 0;
  }
}

.read-online {
  color: #000000;
  border: 1px solid #000000;
  width: 48%;
  text-align: center;
  padding: 5px 0;
  font-size: 1.2rem;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 4%;
  vertical-align: middle;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  float: left;
}
.read-online:before {
  content: " ";
  background-image: url("../images/bookmark-icon@2x.png");
  background-size: 25px 23px;
  background-repeat: no-repeat;
  width: 25px;
  height: 23px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
@media (max-width: 1024px) {
  .read-online {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.field-name-field-contenus-lies-atom {
  border: 1px solid #000000;
  width: 48%;
  text-align: center;
  padding: 5px 0;
  font-size: 1.2rem;
  text-transform: uppercase;
  float: left;
}
.field-name-field-contenus-lies-atom .scald-file-icon {
  display: none;
}
.field-name-field-contenus-lies-atom a {
  color: #000000;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.field-name-field-contenus-lies-atom a:before {
  content: " ";
  background-image: url("../images/download-icon@2x.png");
  background-size: 18px 23px;
  background-repeat: no-repeat;
  width: 18px;
  height: 23px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
@media (max-width: 1024px) {
  .field-name-field-contenus-lies-atom {
    width: 100%;
  }
}

.more-infos {
  border: 1px solid #e9e9e9;
  padding: 30px;
  margin: 30px 0;
}
.more-infos h3 {
  margin-top: 0;
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 400;
}
.more-infos > div:not(:last-child) {
  margin-bottom: 1em;
}
.more-infos .field-label {
  color: #ff5e5c;
  font-weight: 400;
}
@media (max-width: 480px) {
  .more-infos {
    padding: 15px;
  }
}

.field-name-field-formation-organisme {
  border-top: 1px solid #000000;
  margin: 25px 0;
  padding-top: 25px;
}
.field-name-field-formation-organisme .taxonomy-term > .content > div {
  font-size: 1.2rem;
  margin-bottom: 1em;
}
.field-name-field-formation-organisme .taxonomy-term > .content > div.field-name-field-logo {
  float: right;
  margin-bottom: 0;
  width: 90px;
}
.field-name-field-formation-organisme .taxonomy-term > .content > div.field-name-field-logo .field-items {
  width: 100%;
  padding-left: 0;
}
.field-name-field-formation-organisme .taxonomy-term > .content > div.field-name-field-logo img {
  width: 100%;
  height: auto;
}
.field-name-field-formation-organisme .taxonomy-term > .content > div:not(.field-name-field-logo) {
  width: calc(100% - 90px);
  padding-right: 30px;
}
.field-name-field-formation-organisme .taxonomy-term > .content > div.field-name-field-org-form-contact-nom {
  margin-bottom: 0;
}
.field-name-field-formation-organisme .taxonomy-term > .content > div .field-label {
  width: 30%;
  float: left;
  text-transform: uppercase;
  color: #999999;
  font-weight: 400;
}
.field-name-field-formation-organisme .taxonomy-term > .content > div .field-items {
  width: 70%;
  float: left;
  padding-left: 10px;
  font-weight: 700;
}
.field-name-field-formation-organisme .taxonomy-term > .content > div .field-items h3 {
  margin: 0;
  font-size: 1.2rem;
}
.field-name-field-formation-organisme .taxonomy-term > .content > div .field-items p, .field-name-field-formation-organisme .taxonomy-term > .content > div .field-items .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus .field-name-field-formation-organisme .taxonomy-term > .content > div .field-items .field-name-field-texte {
  margin: 0;
}

.field-name-field-formation-doc-inscription {
  margin-top: 120px;
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
}
.field-name-field-formation-doc-inscription .field-label {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.4rem;
  background-image: url("../images/download-icon@2x.png");
  background-size: 18px 23px;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 8px 0 0 25px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .field-name-field-formation-doc-inscription {
    margin-top: 40px;
  }
}

.field-name-field-formation-doc-inscription > .field-items,
.field-name-field-a-telecharger > .field-items,
.field-name-field-fichiers > .field-items {
  margin-left: -20px;
}
.field-name-field-formation-doc-inscription > .field-items > .field-item,
.field-name-field-a-telecharger > .field-items > .field-item,
.field-name-field-fichiers > .field-items > .field-item {
  padding-left: 20px;
  width: 50%;
  float: left;
  position: relative;
}
.field-name-field-formation-doc-inscription > .field-items > .field-item:hover .hover,
.field-name-field-a-telecharger > .field-items > .field-item:hover .hover,
.field-name-field-fichiers > .field-items > .field-item:hover .hover {
  opacity: 1;
  top: 0;
}
.field-name-field-formation-doc-inscription > .field-items > .field-item .title,
.field-name-field-a-telecharger > .field-items > .field-item .title,
.field-name-field-fichiers > .field-items > .field-item .title {
  border-top: 2px solid #000000;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 0.25em 0;
}
.field-name-field-formation-doc-inscription > .field-items > .field-item .field-name-field-description,
.field-name-field-a-telecharger > .field-items > .field-item .field-name-field-description,
.field-name-field-fichiers > .field-items > .field-item .field-name-field-description {
  font-size: 1.2rem;
}
.field-name-field-formation-doc-inscription > .field-items > .field-item .hover,
.field-name-field-a-telecharger > .field-items > .field-item .hover,
.field-name-field-fichiers > .field-items > .field-item .hover {
  position: absolute;
  left: 20px;
  top: 10px;
  opacity: 0;
  width: 100%;
  min-height: 80px;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.field-name-field-formation-doc-inscription > .field-items > .field-item .hover a,
.field-name-field-a-telecharger > .field-items > .field-item .hover a,
.field-name-field-fichiers > .field-items > .field-item .hover a {
  font-size: 1.2rem;
  border: 1px solid #000000;
  background-color: #ffffff;
  width: 140px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 50%;
  margin-left: -70px;
  text-transform: uppercase;
  text-align: center;
}

.field-name-field-fichiers {
  margin-bottom: 40px;
}

.field-name-field-dossier-long-contenus .field-name-field-a-telecharger,
.field-name-field-dossier-long-contenus .field-name-field-dossier-en-savoir-plus,
.node-cnoa-dossier-deux-niveaux-full .field-name-field-a-telecharger,
.node-cnoa-dossier-deux-niveaux-full .field-name-field-dossier-en-savoir-plus {
  margin-bottom: 20px;
}
.field-name-field-dossier-long-contenus .field-name-field-dossier-en-savoir-plus .field-items,
.node-cnoa-dossier-deux-niveaux-full .field-name-field-dossier-en-savoir-plus .field-items {
  border-top: 2px solid #000000;
  padding-top: 5px;
}
.field-name-field-dossier-long-contenus .field-name-field-dossier-en-savoir-plus .field-item,
.node-cnoa-dossier-deux-niveaux-full .field-name-field-dossier-en-savoir-plus .field-item {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1em;
}
@media (max-width: 768px) {
  .field-name-field-dossier-long-contenus .field-name-field-a-telecharger,
  .field-name-field-dossier-long-contenus .field-name-field-dossier-en-savoir-plus,
  .node-cnoa-dossier-deux-niveaux-full .field-name-field-a-telecharger,
  .node-cnoa-dossier-deux-niveaux-full .field-name-field-dossier-en-savoir-plus {
    width: 100%;
    float: none;
    margin-bottom: 40px;
  }
}

.field-name-field-dossier-long-contenus {
  width: 100%;
}
.field-name-field-dossier-long-contenus .field-name-field-titre-chapitre,
.field-name-field-dossier-long-contenus .field-name-field-texte {
  width: 70%;
  padding: 0 30px 0 170px;
}
.field-name-field-dossier-long-contenus .field-name-field-a-telecharger,
.field-name-field-dossier-long-contenus .field-name-field-dossier-en-savoir-plus {
  width: 30%;
  float: right;
  clear: both;
  position: relative;
  z-index: 2;
}
.field-name-field-dossier-long-contenus .field-name-field-illustration {
  padding: 0 0 0 170px;
  margin: 20px 0;
}
@media (max-width: 1280px) {
  .field-name-field-dossier-long-contenus .field-name-field-titre-chapitre,
  .field-name-field-dossier-long-contenus .field-name-field-texte,
  .field-name-field-dossier-long-contenus .field-name-field-illustration {
    padding-left: 65px;
  }
}
@media (max-width: 1024px) {
  .field-name-field-dossier-long-contenus .field-name-field-titre-chapitre,
  .field-name-field-dossier-long-contenus .field-name-field-texte,
  .field-name-field-dossier-long-contenus .field-name-field-illustration {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .field-name-field-dossier-long-contenus .field-name-field-titre-chapitre,
  .field-name-field-dossier-long-contenus .field-name-field-texte,
  .field-name-field-dossier-long-contenus .field-name-field-illustration {
    width: 100%;
    padding-right: 0;
  }
  .field-name-field-dossier-long-contenus .aside {
    width: 100%;
  }
}

.field-name-field-actualite-telecharg-titre,
.field-name-field-actualite-partenaire-titre {
  border-top: 1px solid #e9e9e9;
  padding-top: 5px;
}
.field-name-field-actualite-telecharg-titre .field-item,
.field-name-field-actualite-partenaire-titre .field-item {
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 400;
  margin: 1em 0;
}

.sommaire {
  background-color: #f7f7f7;
  padding: 20px 0;
}
.sommaire .title {
  color: #999999;
  font-size: 1.2rem;
  padding: 0 20px;
  margin-bottom: 5px;
}
.sommaire li {
  list-style-type: none;
  font-weight: bold;
  font-size: 1.4rem;
}
.sommaire li:not(:last-child) {
  border-bottom: 1px solid #e9e9e9;
}

.field-name-field-projet-date-de-livraison,
.field-name-field-code-postal,
.field-name-field-projet-departement,
.field-name-field-code-postal,
.field-name-field-projet-architecte-associe,
.field-name-field-projet-maitre-douvrage {
  font-size: 1.8rem;
  line-height: 1.2;
}

.field-name-field-media-principal .legend.horizontal {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
  text-align: right;
  width: 30%;
}
@media (max-width: 768px) {
  .field-name-field-media-principal .legend.horizontal {
    position: static;
    width: 100%;
    margin-top: 10px;
    text-align: left;
  }
}

.field-name-field-formation-note .active:before {
  content: "\2605";
  position: absolute;
}

.entity-adresse-geolocalisee {
  margin-bottom: 10px;
}

#block-cnoa-publication-cnoa-publication-list,
#block-cnoa-actualite-cnoa-actualite-actualites,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres,
.contenus-meme-sujet {
  position: relative;
  width: 100%;
}
#block-cnoa-publication-cnoa-publication-list .title,
#block-cnoa-actualite-cnoa-actualite-actualites .title,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .title,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres .title,
.contenus-meme-sujet .title {
  color: #0d0d0d;
  font-size: 1.4rem;
  text-transform: uppercase;
  padding-top: 0.5em;
}
#block-cnoa-publication-cnoa-publication-list .item-list,
#block-cnoa-actualite-cnoa-actualite-actualites .item-list,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .item-list,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres .item-list,
.contenus-meme-sujet .item-list {
  margin-top: 15px;
}
#block-cnoa-publication-cnoa-publication-list .item-list ul,
#block-cnoa-actualite-cnoa-actualite-actualites .item-list ul,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .item-list ul,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres .item-list ul,
.contenus-meme-sujet .item-list ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 0 -25px;
}
#block-cnoa-publication-cnoa-publication-list .item-list li,
#block-cnoa-actualite-cnoa-actualite-actualites .item-list li,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .item-list li,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres .item-list li,
.contenus-meme-sujet .item-list li {
  display: -webkit-flex;
  display: flex;
  width: 20%;
  float: left;
  padding-left: 25px;
  list-style-type: none;
  margin: 0;
}
#block-cnoa-publication-cnoa-publication-list .item-list li .node,
#block-cnoa-actualite-cnoa-actualite-actualites .item-list li .node,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .item-list li .node,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres .item-list li .node,
.contenus-meme-sujet .item-list li .node {
  width: 100%;
}
#block-cnoa-publication-cnoa-publication-list .item-list img,
#block-cnoa-actualite-cnoa-actualite-actualites .item-list img,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .item-list img,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres .item-list img,
.contenus-meme-sujet .item-list img {
  width: 100%;
}
@media (max-width: 768px) {
  #block-cnoa-publication-cnoa-publication-list .item-list li,
  #block-cnoa-actualite-cnoa-actualite-actualites .item-list li,
  #block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .item-list li,
  #block-cnoa-petite-annonce-cnoa-petite-annonce-offres .item-list li,
  .contenus-meme-sujet .item-list li {
    width: 50%;
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  #block-cnoa-publication-cnoa-publication-list .item-list li,
  #block-cnoa-actualite-cnoa-actualite-actualites .item-list li,
  #block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .item-list li,
  #block-cnoa-petite-annonce-cnoa-petite-annonce-offres .item-list li,
  .contenus-meme-sujet .item-list li {
    width: 100%;
  }
}
#block-cnoa-publication-cnoa-publication-list .field-name-title-field h3,
#block-cnoa-actualite-cnoa-actualite-actualites .field-name-title-field h3,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .field-name-title-field h3,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres .field-name-title-field h3,
.contenus-meme-sujet .field-name-title-field h3 {
  margin: 0.5em 0;
}
#block-cnoa-publication-cnoa-publication-list .field-name-field-media-principal,
#block-cnoa-actualite-cnoa-actualite-actualites .field-name-field-media-principal,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .field-name-field-media-principal,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres .field-name-field-media-principal,
.contenus-meme-sujet .field-name-field-media-principal {
  margin-bottom: 10px;
}
#block-cnoa-publication-cnoa-publication-list .field-name-field-publication-type a:before,
#block-cnoa-actualite-cnoa-actualite-actualites .field-name-field-publication-type a:before,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .field-name-field-publication-type a:before,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres .field-name-field-publication-type a:before,
.contenus-meme-sujet .field-name-field-publication-type a:before {
  content: "—";
  margin-right: 2px;
}
#block-cnoa-publication-cnoa-publication-list .field-name-field-formation-date-session,
#block-cnoa-actualite-cnoa-actualite-actualites .field-name-field-formation-date-session,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .field-name-field-formation-date-session,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres .field-name-field-formation-date-session,
.contenus-meme-sujet .field-name-field-formation-date-session {
  font-size: 1.1rem;
  text-transform: uppercase;
}
#block-cnoa-publication-cnoa-publication-list h2, #block-cnoa-publication-cnoa-publication-list .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs #block-cnoa-publication-cnoa-publication-list .field-label,
#block-cnoa-publication-cnoa-publication-list .field-name-body .field-label,
.field-name-body #block-cnoa-publication-cnoa-publication-list .field-label,
#block-cnoa-publication-cnoa-publication-list .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur #block-cnoa-publication-cnoa-publication-list .field-label, #block-cnoa-publication-cnoa-publication-list #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form #block-cnoa-publication-cnoa-publication-list #edit-add-petite-annonce > legend, #block-cnoa-publication-cnoa-publication-list #tableau-architecte .nb-resultats, #tableau-architecte #block-cnoa-publication-cnoa-publication-list .nb-resultats,
#block-cnoa-actualite-cnoa-actualite-actualites h2,
#block-cnoa-actualite-cnoa-actualite-actualites .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs #block-cnoa-actualite-cnoa-actualite-actualites .field-label,
#block-cnoa-actualite-cnoa-actualite-actualites .field-name-body .field-label,
.field-name-body #block-cnoa-actualite-cnoa-actualite-actualites .field-label,
#block-cnoa-actualite-cnoa-actualite-actualites .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur #block-cnoa-actualite-cnoa-actualite-actualites .field-label,
#block-cnoa-actualite-cnoa-actualite-actualites #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #block-cnoa-actualite-cnoa-actualite-actualites #edit-add-petite-annonce > legend,
#block-cnoa-actualite-cnoa-actualite-actualites #tableau-architecte .nb-resultats,
#tableau-architecte #block-cnoa-actualite-cnoa-actualite-actualites .nb-resultats,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet h2,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs #block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .field-label,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .field-name-body .field-label,
.field-name-body #block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .field-label,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur #block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .field-label,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet #edit-add-petite-annonce > legend,
#block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet #tableau-architecte .nb-resultats,
#tableau-architecte #block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .nb-resultats,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres h2,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs #block-cnoa-petite-annonce-cnoa-petite-annonce-offres .field-label,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres .field-name-body .field-label,
.field-name-body #block-cnoa-petite-annonce-cnoa-petite-annonce-offres .field-label,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur #block-cnoa-petite-annonce-cnoa-petite-annonce-offres .field-label,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #block-cnoa-petite-annonce-cnoa-petite-annonce-offres #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-offres #tableau-architecte .nb-resultats,
#tableau-architecte #block-cnoa-petite-annonce-cnoa-petite-annonce-offres .nb-resultats,
.contenus-meme-sujet h2,
.contenus-meme-sujet .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .contenus-meme-sujet .field-label,
.contenus-meme-sujet .field-name-body .field-label,
.field-name-body .contenus-meme-sujet .field-label,
.contenus-meme-sujet .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .contenus-meme-sujet .field-label,
.contenus-meme-sujet #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .contenus-meme-sujet #edit-add-petite-annonce > legend,
.contenus-meme-sujet #tableau-architecte .nb-resultats,
#tableau-architecte .contenus-meme-sujet .nb-resultats {
  margin-top: 0.25em;
}

.info-contact {
  margin-bottom: 60px;
  border-top-color: #000000;
}
.info-contact .note {
  color: #ff5e5c;
  margin-bottom: 1em;
}
.info-contact table tbody {
  border: none;
  font-size: 1.2rem;
}
.info-contact table tr {
  background: none;
  border: none;
}
.info-contact table td {
  vertical-align: top;
  padding: 5px 0;
}
.info-contact table td:first-child {
  color: #999999;
  text-transform: uppercase;
  width: 20%;
}
.info-contact table td:last-child {
  font-weight: 700;
  padding-left: 10px;
}
.info-contact table td span {
  float: left;
}
.info-contact table td span.adresse {
  width: 100%;
}
.info-contact table td span.zip {
  padding-right: 5px;
}
@media (max-width: 768px) {
  .info-contact {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  #block-cnoa-dossier-long-cnoa-dossier-long-meme-sujet .item-list li,
  .node-cnoa-dossier-deux-niveaux-full .item-list li {
    width: 33.33%;
  }
}

.publier-annonce {
  border-top-color: #e9e9e9;
}
.publier-annonce h3 {
  background-image: url("../images/icon-note@2x.png");
  background-size: 21px 26px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
  line-height: 32px;
  height: 26px;
  vertical-align: middle;
}
.publier-annonce .teaser,
.publier-annonce .desc {
  font-size: 1.8rem;
}
.publier-annonce .teaser {
  font-weight: 700;
}
.publier-annonce > a {
  margin: 10px 0;
}
.publier-annonce .login {
  font-size: 1.2rem;
}
.publier-annonce .login a {
  border-bottom: 1px solid #999999;
}

#block-cnoa-petite-annonce-cnoa-petite-annonce-form {
  width: 70%;
}
@media (max-width: 1280px) {
  #block-cnoa-petite-annonce-cnoa-petite-annonce-form {
    width: 85%;
  }
}
@media (max-width: 768px) {
  #block-cnoa-petite-annonce-cnoa-petite-annonce-form {
    width: 100%;
  }
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend {
  color: #ff5e5c;
  padding: 0;
  margin-bottom: 1em;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > .fieldset-wrapper {
  padding: 0;
  border: 0;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > .fieldset-wrapper > fieldset.collapsed {
  height: auto;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > .fieldset-wrapper > fieldset.collapsed > legend .fieldset-legend:after {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > .fieldset-wrapper > fieldset > legend {
  padding: 0;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > .fieldset-wrapper > fieldset > legend .fieldset-legend {
  padding-left: 0;
  background: none;
  position: relative;
  border-top: 1px solid #e9e9e9;
  padding-top: 5px;
  padding-right: 30px;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > .fieldset-wrapper > fieldset > legend .fieldset-legend:after {
  background-image: url("../images/circle-arrow.png");
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: center;
  content: " ";
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  right: 0;
  top: 15px;
  -moz-transition: -moz-transform 0.25s;
  -o-transition: -o-transform 0.25s;
  -webkit-transition: -webkit-transform 0.25s;
  transition: "transform" 0.25s;
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > .fieldset-wrapper > fieldset > legend .fieldset-legend .summary {
  display: none;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > .fieldset-wrapper > fieldset > legend .fieldset-title, #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > .fieldset-wrapper > fieldset > legend .fieldset-legend-span {
  color: #000000;
  font-weight: 400;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > .fieldset-wrapper > fieldset > legend .fieldset-title:before, #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > .fieldset-wrapper > fieldset > legend .fieldset-legend-span:before {
  margin-top: 3px;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce .fieldset-wrapper {
  padding: 0;
  border: 0;
  margin-top: 10px;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce .fieldset-description {
  font-size: 1.8rem;
  font-weight: 700;
  color: #000000;
  text-transform: none;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce .form-item .description {
  color: #999999;
  margin: 1em 0;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce .edit-add-petite-annonce-step3-button-wrapper {
  float: left;
  width: 12%;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce .pa-info-submit {
  float: left;
  margin-top: 10px;
  color: #999999;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .term-reference-tree-button {
  vertical-align: top;
  margin: 3px 4px 0 -3px;
  cursor: pointer;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form ul.term-reference-tree-level {
  width: 82%;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form ul.term-reference-tree-level li {
  list-style-type: none;
  width: 50%;
  float: left;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form ul.term-reference-tree-level .parent-term {
  text-transform: uppercase;
  font-size: 1.4rem;
}
@media (max-width: 1280px) {
  #block-cnoa-petite-annonce-cnoa-petite-annonce-form ul.term-reference-tree-level {
    width: 80%;
  }
}
@media (max-width: 768px) {
  #block-cnoa-petite-annonce-cnoa-petite-annonce-form ul.term-reference-tree-level {
    width: 100%;
  }
}
@media (max-width: 480px) {
  #block-cnoa-petite-annonce-cnoa-petite-annonce-form ul.term-reference-tree-level li {
    width: 100%;
  }
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form ul.term-reference-tree-level .term-reference-tree-level li {
  width: 100%;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce-step2 .form-item,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce-step3 .form-item {
  margin-bottom: 10px;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form label[for="edit-add-petite-annonce-step1-field-annonce-type"] {
  float: left;
  width: 10px;
}
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .nota {
  margin-bottom: 15px;
}

/*
 * Architectes pour tous page.
 */
.page-architectes-pour-tous section#content {
  width: 100%;
  padding: 0;
}
.page-architectes-pour-tous .region-content {
  padding: 0;
  margin: 0;
}
.page-architectes-pour-tous .header {
  background-color: #ffc914;
  padding: 40px 0;
  text-align: center;
}
.page-architectes-pour-tous .page-title {
  font-size: 4rem;
  font-weight: 300;
}
.page-architectes-pour-tous .description {
  font-size: 2.4rem;
  font-weight: 700;
  color: #ffffff;
}
.page-architectes-pour-tous .description h2, .page-architectes-pour-tous .description .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .page-architectes-pour-tous .description .field-label,
.page-architectes-pour-tous .description .field-name-body .field-label,
.field-name-body .page-architectes-pour-tous .description .field-label,
.page-architectes-pour-tous .description .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .page-architectes-pour-tous .description .field-label, .page-architectes-pour-tous .description #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .page-architectes-pour-tous .description #edit-add-petite-annonce > legend, .page-architectes-pour-tous .description #tableau-architecte .nb-resultats, #tableau-architecte .page-architectes-pour-tous .description .nb-resultats {
  line-height: 1;
}

#architectes-pour-tous-form-wrapper {
  width: 50%;
  float: right;
  padding: 40px;
}
#architectes-pour-tous-form-wrapper .form-item label, #architectes-pour-tous-form-wrapper .form-item .description {
  width: 45%;
  float: left;
  padding-right: 20px;
}
#architectes-pour-tous-form-wrapper .form-item label {
  color: #ffc914;
  font-size: 2rem;
  font-weight: 700;
  padding-top: 10px;
}
#architectes-pour-tous-form-wrapper .form-item .description {
  color: #999999;
  font-size: 1.2rem;
  font-weight: 400;
}
#architectes-pour-tous-form-wrapper .form-item input, #architectes-pour-tous-form-wrapper .form-item select, #architectes-pour-tous-form-wrapper .form-item textarea {
  width: 55%;
  float: right;
  border: 1px solid #000;
}
#architectes-pour-tous-form-wrapper .form-item .form-textarea-wrapper textarea {
  resize: none;
}
#architectes-pour-tous-form-wrapper .form-item .form-textarea-wrapper .grippie {
  display: none;
}
#architectes-pour-tous-form-wrapper .champs-obligatoires {
  width: 45%;
  float: left;
  padding-top: 10px;
  color: #999999;
  font-size: 1.2rem;
  font-weight: 400;
}
#architectes-pour-tous-form-wrapper .form-submit {
  font-size: 1.4rem;
  font-weight: 400;
  width: 55%;
  float: right;
}
@media (max-width: 1024px) {
  #architectes-pour-tous-form-wrapper {
    padding: 40px 20px;
  }
  #architectes-pour-tous-form-wrapper .form-item label, #architectes-pour-tous-form-wrapper .form-item .description,
  #architectes-pour-tous-form-wrapper .form-item input, #architectes-pour-tous-form-wrapper .form-item select, #architectes-pour-tous-form-wrapper .form-item textarea {
    width: 100%;
  }
  #architectes-pour-tous-form-wrapper .form-item .description {
    margin-top: 5px;
  }
}
@media (max-width: 480px) {
  #architectes-pour-tous-form-wrapper {
    width: 100%;
    padding: 20px 10px;
  }
}

.cnoa-architecte-pour-tous-page-form > div > .form-item, .cnoa-architecte-pour-tous-page-form > div > .architectes-pour-tous-type-projet, .cnoa-architecte-pour-tous-page-form > div > .options {
  margin-bottom: 10px;
}

.options .form-item {
  margin-bottom: 10px;
}
.options .description {
  margin-top: 10px;
}

div[id^='block-cnoa-architecte-pour-tous-autopromo'] {
  width: 50%;
  float: left;
  position: relative;
}
div[id^='block-cnoa-architecte-pour-tous-autopromo'] .text-wrapper {
  position: absolute;
  padding: 0 30px;
  top: 40%;
}
div[id^='block-cnoa-architecte-pour-tous-autopromo'] .text-wrapper .surtitre {
  background-color: #ffc914;
  display: inline-block;
  padding: 2px 10px;
  font-size: 1.1rem;
  text-transform: uppercase;
}
div[id^='block-cnoa-architecte-pour-tous-autopromo'] .text-wrapper .surtitre:before {
  content: "— ";
  float: left;
  margin-right: 2px;
}
div[id^='block-cnoa-architecte-pour-tous-autopromo'] .text-wrapper .text {
  background-color: #000000;
  padding: 5px 5px 10px 5px;
  font-size: 3.5rem;
  font-weight: 700;
  max-width: 60%;
  line-height: 1;
  color: #ffffff;
}
@media (max-width: 768px) {
  div[id^='block-cnoa-architecte-pour-tous-autopromo'] .text-wrapper .text {
    font-size: 2.5rem;
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  div[id^='block-cnoa-architecte-pour-tous-autopromo'] {
    display: none !important;
  }
}

/*
 * FAQ page.
 */
.page-faq #block-system-main > .content {
  padding: 0 30px 0 170px;
}
@media (max-width: 1280px) {
  .page-faq #block-system-main > .content {
    padding-left: 65px;
  }
}
@media (max-width: 1024px) {
  .page-faq #block-system-main > .content {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .page-faq #block-system-main > .content {
    padding-right: 0;
  }
}
.page-faq a.button.oui {
  margin-right: 10px;
  height: auto;
}
.page-faq a.button.non {
  height: auto;
}
.page-faq .question {
  font-size: 12px;
  color: #999999;
  margin-right: 40px;
}
.page-faq .view-footer > a.button {
  width: auto;
  height: auto;
}

.view-faq .view-content {
  width: 65%;
  float: left;
  padding-right: 25px;
}
@media (max-width: 480px) {
  .view-faq .view-content {
    width: 100%;
    float: none;
  }
}
.view-faq .view-content > h3 {
  font-size: 2.4rem;
  color: #ff5e5c;
  border-top: 1px solid #e9e9e9;
  padding-top: 15px;
}
.view-faq .view-content .views-row {
  /*  .ui-state-hover .ui-icon{
    @include rotate(180deg);
  }*/
}
.view-faq .view-content .views-row .ui-accordion-header {
  border: 0px none;
  border-radius: 0px;
  font-weight: bold;
}
.view-faq .view-content .views-row .ui-state-active .ui-icon {
  background-image: url("../images/circle-arrow@2x.png");
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.view-faq .view-content .views-row .ui-state-default .ui-icon {
  background-image: url("../images/circle-arrow@2x.png");
}
.view-faq .view-content .views-row .views-field.views-field-title {
  border-top: 1px solid #e9e9e9;
  padding: 5px 0px !important;
}
.view-faq .view-content .views-row .views-field.views-field-title .field-content {
  padding-right: 35px;
}
.view-faq .view-content .views-row .views-field.views-field-title .ui-accordion-header-icon {
  position: relative;
  float: right;
  margin-top: 2px;
}
.view-faq .view-content .views-row .ui-accordion-content {
  border: 0px none;
  padding: 5px 0px !important;
}
.view-faq .view-content .views-row .views-field.views-field-body p, .view-faq .view-content .views-row .views-field.views-field-body .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus .view-faq .view-content .views-row .views-field.views-field-body .field-name-field-texte {
  line-height: 1.3em;
}
.view-faq .view-filters {
  width: 100%;
  height: 200px;
}
.view-faq #edit-recherche-wrapper {
  width: 60%;
  float: left;
  margin-top: 100px;
}
@media (max-width: 768px) {
  .view-faq #edit-recherche-wrapper {
    width: 60%;
  }
}
@media (max-width: 480px) {
  .view-faq #edit-recherche-wrapper {
    width: 100%;
  }
}
.view-faq #edit-recherche {
  padding: 0px;
  border: 0px none;
  border-bottom: 1px solid #ccc;
  font-size: 35px;
  font-weight: 300;
  color: black;
  width: 60%;
  background-image: url("../images/search-submit-icon35px@2x.png");
  background-size: 35px 104px;
  background-repeat: no-repeat;
  background-position: right bottom 6px;
}
.view-faq #edit-recherche:hover {
  background-position: right top 8px;
}
@media (max-width: 768px) {
  .view-faq #edit-recherche {
    width: 100%;
  }
}
.view-faq #edit-categorie-wrapper-sticky-wrapper {
  width: 360px;
  z-index: 1;
  position: relative;
}
.view-faq #edit-categorie-wrapper-sticky-wrapper #edit-categorie-wrapper {
  width: 100%;
}
@media (max-width: 1024px) {
  .view-faq #edit-categorie-wrapper-sticky-wrapper {
    width: 30%;
  }
}
@media (max-width: 480px) {
  .view-faq #edit-categorie-wrapper-sticky-wrapper {
    display: none;
  }
}
.view-faq #edit-categorie-wrapper {
  width: 35%;
  float: right;
  background-color: #f7f7f7;
  padding: 30px 0px;
}
.view-faq #edit-categorie-wrapper label {
  color: #999999;
  text-transform: capitalize;
  font-weight: 300;
  padding: 0px 0px 5px 20px;
}
.view-faq #edit-categorie-wrapper .form-item.form-type-bef-link {
  border-bottom: 1px solid #e9e9e9;
}
.view-faq #edit-categorie-wrapper .form-item.form-type-bef-link:last-child {
  border-bottom: none;
}
.view-faq #edit-categorie-wrapper .form-item.form-type-bef-link a {
  padding: 2px 20px;
  width: 100%;
  display: block;
  font-weight: bold;
}
.view-faq #edit-categorie-wrapper .form-item.form-type-bef-link a:hover {
  background-color: #e9e9e9;
}
.view-faq .ui-state-default {
  background: none;
}
.view-faq .view-footer {
  float: left;
  margin-top: 70px;
}
.view-faq .view-footer p, .view-faq .view-footer .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus .view-faq .view-footer .field-name-field-texte {
  font-size: 12px;
  font-weight: 300;
  color: #999999;
  margin-right: 60px;
}
.view-faq .view-footer p a.button, .view-faq .view-footer .field-name-field-dossier-long-contenus .field-name-field-texte a.button, .field-name-field-dossier-long-contenus .view-faq .view-footer .field-name-field-texte a.button {
  width: auto;
  padding: 7px 35px 0px;
  margin-top: 10px;
}

/*
 * Page Tableu Ordre Form
 */
.page-tableau-ordre-form .region-content {
  margin-bottom: 0;
}

#cnoa-common-tableau-ordre-form h2, #cnoa-common-tableau-ordre-form .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs #cnoa-common-tableau-ordre-form .field-label,
#cnoa-common-tableau-ordre-form .field-name-body .field-label,
.field-name-body #cnoa-common-tableau-ordre-form .field-label,
#cnoa-common-tableau-ordre-form .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur #cnoa-common-tableau-ordre-form .field-label, #cnoa-common-tableau-ordre-form #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form #cnoa-common-tableau-ordre-form #edit-add-petite-annonce > legend, #cnoa-common-tableau-ordre-form #tableau-architecte .nb-resultats, #tableau-architecte #cnoa-common-tableau-ordre-form .nb-resultats {
  color: #ff5e5c;
}
#cnoa-common-tableau-ordre-form fieldset > legend {
  padding: 10px 30px 0 0;
  position: relative;
  border-top: 1px solid #e9e9e9;
}
#cnoa-common-tableau-ordre-form fieldset > legend:after {
  content: " ";
  width: 22px;
  height: 22px;
  position: absolute;
  right: 0;
  top: 15px;
  background-image: url("../images/circle-arrow.png");
  background-size: 22px 22px;
  background-repeat: no-repeat;
  -moz-transition: -moz-transform 0.25s;
  -o-transition: -o-transform 0.25s;
  -webkit-transition: -webkit-transform 0.25s;
  transition: "transform" 0.25s;
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
#cnoa-common-tableau-ordre-form fieldset > legend .fieldset-legend-tooltip {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  top: -60px;
  right: 1em;
  width: 85%;
  z-index: 10;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  border-radius: .5em;
  padding: .5em;
  text-transform: none;
  font-size: .9em;
  font-weight: normal;
}
#cnoa-common-tableau-ordre-form fieldset > legend:hover .fieldset-legend-tooltip {
  clip: auto;
  height: auto;
  overflow: auto;
}
#cnoa-common-tableau-ordre-form fieldset.collapsed {
  height: auto;
}
#cnoa-common-tableau-ordre-form fieldset.collapsed > legend:after {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#cnoa-common-tableau-ordre-form .fieldset-legend {
  background: none;
  padding: 0;
}
#cnoa-common-tableau-ordre-form .fieldset-title {
  text-transform: none;
}
#cnoa-common-tableau-ordre-form .fieldset-wrapper {
  border: 0;
  padding: 0;
  margin: 20px 0;
}
#cnoa-common-tableau-ordre-form .form-radios .form-item {
  width: 33.33%;
  float: left;
}
#cnoa-common-tableau-ordre-form .form-radios .form-type-radio {
  position: relative;
}
#cnoa-common-tableau-ordre-form .form-radios .form-type-radio .description {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 180px;
  z-index: 10;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  border-radius: .5em;
  padding: .5em;
  text-transform: none;
  font-size: .9em;
}
#cnoa-common-tableau-ordre-form .form-radios .form-type-radio:hover .description {
  clip: auto;
  height: auto;
  overflow: auto;
}
#cnoa-common-tableau-ordre-form .form-item-nom,
#cnoa-common-tableau-ordre-form .form-item-prenom,
#cnoa-common-tableau-ordre-form .form-item-ville,
#cnoa-common-tableau-ordre-form .form-item-dpt {
  width: 50%;
  float: left;
  margin-bottom: 10px;
}
@media (max-width: 480px) {
  #cnoa-common-tableau-ordre-form .form-item-nom,
  #cnoa-common-tableau-ordre-form .form-item-prenom,
  #cnoa-common-tableau-ordre-form .form-item-ville,
  #cnoa-common-tableau-ordre-form .form-item-dpt {
    width: 100%;
  }
}
#cnoa-common-tableau-ordre-form .form-item-nom,
#cnoa-common-tableau-ordre-form .form-item-ville {
  padding-right: 10px;
}
@media (max-width: 480px) {
  #cnoa-common-tableau-ordre-form .form-item-nom,
  #cnoa-common-tableau-ordre-form .form-item-ville {
    padding: 0;
  }
}
#cnoa-common-tableau-ordre-form .form-item-region {
  width: 50%;
  float: left;
  padding-right: 10px;
}
#cnoa-common-tableau-ordre-form .form-item-region label {
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 5px;
}
@media (max-width: 480px) {
  #cnoa-common-tableau-ordre-form .form-item-region {
    width: 100%;
    padding: 0;
  }
}
#cnoa-common-tableau-ordre-form .form-submit {
  width: 50%;
  float: left;
  margin-top: 25px;
  padding: 11px;
}
@media (max-width: 480px) {
  #cnoa-common-tableau-ordre-form .form-submit {
    width: 100%;
  }
}

/*
 * Page Tableu Ordre Form
 */
.page-tableau-ordre-exemple .right-col .bloc-recherche p, .page-tableau-ordre-exemple .right-col .bloc-recherche .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus .page-tableau-ordre-exemple .right-col .bloc-recherche .field-name-field-texte {
  line-height: 1.2;
}
.page-tableau-ordre-exemple .right-col .bloc-recherche .search {
  font-size: 1.4rem;
  text-transform: uppercase;
  background-image: url("../images/search-submit-icon@2x.png");
  background-size: 24px 74px;
  background-repeat: no-repeat;
  padding: 2px 0px 2px 35px;
  background-position: left top;
}
.page-tableau-ordre-exemple .right-col .bloc-recherche .search:hover {
  background-position: left bottom;
}

#tableau-architecte .nb-resultats {
  color: #ff5e5c;
}
#tableau-architecte .en-tete {
  border-top: 1px solid #e9e9e9;
  padding-top: 10px;
}
#tableau-architecte .en-tete .titre {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.2;
}
#tableau-architecte .en-tete .texte {
  line-height: 1.2;
}
#tableau-architecte .resultats .row {
  border-bottom: 1px solid #e9e9e9;
}
#tableau-architecte .resultats .row.expanded {
  padding-bottom: 10px;
}
#tableau-architecte .resultats .row.expanded .summary {
  border-bottom: 1px solid #e9e9e9;
  background-color: #f2f2f2;
  position: relative;
}
#tableau-architecte .resultats .row.expanded .summary:after {
  opacity: 1;
}
#tableau-architecte .resultats .row.expanded .details {
  display: block;
}
#tableau-architecte .resultats .row:first-child {
  border-top: 1px solid #e9e9e9;
}
#tableau-architecte .resultats .summary {
  display: table;
  cursor: pointer;
  padding: 2px;
  width: 100%;
}
#tableau-architecte .resultats .summary:after {
  background-image: url("../images/menu-arrow@2x.png");
  background-size: 13px 13px;
  background-repeat: no-repeat;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  opacity: 0;
  position: absolute;
  right: 6px;
  top: 8px;
  content: " ";
  width: 13px;
  height: 13px;
}
#tableau-architecte .resultats .summary > span {
  display: table-cell;
}
#tableau-architecte .resultats .summary .num {
  color: #999999;
  width: 5%;
}
#tableau-architecte .resultats .summary .id {
  color: #ff5e5c;
  width: 15%;
  min-width: 60px;
}
#tableau-architecte .resultats .summary .nom {
  font-weight: 700;
  width: 35%;
}
#tableau-architecte .resultats .summary .cp {
  width: 10%;
  min-width: 55px;
}
#tableau-architecte .resultats .summary .ville {
  width: 35%;
}
#tableau-architecte .resultats .details {
  display: none;
  width: 100%;
}
#tableau-architecte .resultats .details a {
  color: #FF5E5C;
}
#tableau-architecte .resultats .details a:hover {
  color: #808080;
}
#tableau-architecte .resultats .details .libelle {
  width: 30%;
  float: left;
  color: #999999;
}
#tableau-architecte .resultats .details .value {
  width: 70%;
  float: left;
  text-transform: uppercase;
}
#tableau-architecte .resultats .details .email .value {
  text-transform: none;
}
#tableau-architecte .resultats .details .info-base {
  padding: 25px 0;
}
#tableau-architecte .resultats .details .info-base > div {
  width: 100%;
}
#tableau-architecte .resultats .details .info-base .libelle {
  padding-top: 2px;
}
#tableau-architecte .resultats .details .info-base .value {
  font-size: 1.8rem;
  font-weight: 700;
}
#tableau-architecte .resultats .details .liberal {
  padding: 25px 0;
}
#tableau-architecte .resultats .details .liberal > .value {
  font-size: 1.8rem;
  font-weight: 700;
}
#tableau-architecte .resultats .details .mode-exercice > div,
#tableau-architecte .resultats .details .info-perso > div {
  line-height: 1.2;
  margin-bottom: 5px;
}
#tableau-architecte .resultats .details .mode-exercice .intro,
#tableau-architecte .resultats .details .info-perso .intro {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  color: #999999;
  padding: 5px 0;
  line-height: 1.2;
}
#tableau-architecte .resultats .details .mode-exercice {
  margin-bottom: 20px;
}
#tableau-architecte .resultats .print {
  float: right;
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #e9e9e9;
  background-position: left 5px top -190px;
  text-indent: -9999px;
  background-image: url("../images/side-tools@2x.png");
  background-size: 86px 280px;
  background-repeat: no-repeat;
}
#tableau-architecte .resultats .print:hover {
  background-position: left -55px top -190px;
}

/*
 * Taxonomy page for Rubrique.
 */
.vocabulary-rubrique {
  padding-left: 20px;
}
body.transition_ecologique .vocabulary-rubrique .group-autopromos .field-items .field-item .image:after {
  content: none;
}
@media (max-width: 768px) {
  .vocabulary-rubrique {
    padding-left: 0;
  }
}
.vocabulary-rubrique h1 {
  font-size: 3.5rem;
  font-weight: 100;
  text-align: center;
  margin-bottom: 1em;
}
.vocabulary-rubrique .taxonomy-term-description {
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1;
}
.vocabulary-rubrique .une-rubrique {
  margin-bottom: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.vocabulary-rubrique .une-rubrique .left,
.vocabulary-rubrique .une-rubrique .right {
  float: left;
}
.vocabulary-rubrique .une-rubrique .left {
  width: 68%;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .vocabulary-rubrique .une-rubrique .left {
    float: none;
    width: 100%;
    padding-right: 0px;
    margin-bottom: 20px;
  }
}
.vocabulary-rubrique .une-rubrique .right {
  width: 32%;
}
.vocabulary-rubrique .une-rubrique .right > .node:first-child {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .vocabulary-rubrique .une-rubrique .right {
    float: none;
    width: 100%;
  }
}
.vocabulary-rubrique .une-rubrique .node {
  position: relative;
}
.vocabulary-rubrique .une-rubrique .node[class*="-rubrique"] .field-name-title-field {
  font-size: 3rem;
}
.vocabulary-rubrique .une-rubrique .node[class*="-rubrique"] .group-titraille {
  padding: 20px;
}
.vocabulary-rubrique .une-rubrique .node[class*="-rubrique-une"] .field-name-title-field {
  font-size: 3.5rem;
}
@media (max-width: 480px) {
  .vocabulary-rubrique .une-rubrique .node[class*="-rubrique-une"] .field-name-title-field {
    font-size: 2.4rem;
  }
}
.vocabulary-rubrique .une-rubrique .node[class*="-rubrique-une"] .group-titraille {
  padding: 30px;
}
.vocabulary-rubrique .une-rubrique .group-titraille {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  color: #ffffff;
}
.vocabulary-rubrique .une-rubrique .group-titraille a {
  color: #ffffff;
}
.vocabulary-rubrique .une-rubrique .field-name-field-media-principal {
  position: relative;
  margin: 0;
}
.vocabulary-rubrique .une-rubrique .field-name-field-media-principal:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: " ";
  opacity: 0.4;
  background: url("../images/img-overlay.png") repeat-x left bottom;
}
.vocabulary-rubrique .une-rubrique .field-name-field-media-principal img {
  width: 100%;
}
.vocabulary-rubrique .une-rubrique .field-name-field-thematique .field-item a,
.vocabulary-rubrique .une-rubrique .field-name-field-formation-thematique .field-item a,
.vocabulary-rubrique .une-rubrique .field-name-field-publication-type .field-item a {
  background: none;
  padding: 0;
}
.vocabulary-rubrique .une-rubrique .field-name-title-field {
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 480px) {
  .vocabulary-rubrique .rubrique-contenus-derniers-publies {
    margin: 0;
  }
}
@media (max-width: 768px) {
  .vocabulary-rubrique .rubrique-contenus-derniers-publies .node {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .vocabulary-rubrique .rubrique-contenus-derniers-publies .node {
    width: 100%;
    padding: 0;
    float: none;
  }
}
.vocabulary-rubrique .contenus-rubrique {
  margin-top: 10px;
  position: relative;
}
.vocabulary-rubrique .contenus-rubrique .field-name-field-media-principal,
.vocabulary-rubrique .contenus-rubrique .field-name-field-formation-logo-label {
  margin-bottom: 10px;
}
.vocabulary-rubrique .contenus-rubrique .field-name-field-thematique,
.vocabulary-rubrique .contenus-rubrique .field-name-field-formation-thematique,
.vocabulary-rubrique .contenus-rubrique .field-name-field-publication-type {
  margin: 0;
}
.vocabulary-rubrique .contenus-rubrique .field-name-field-thematique a,
.vocabulary-rubrique .contenus-rubrique .field-name-field-formation-thematique a,
.vocabulary-rubrique .contenus-rubrique .field-name-field-publication-type a {
  padding: 0;
  background: none;
}
.vocabulary-rubrique .contenus-rubrique .field-name-title-field {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 480px) {
  .vocabulary-rubrique .contenus-rubrique .field-name-title-field {
    font-size: 2.4rem;
  }
}
.vocabulary-rubrique .contenus-rubrique .node-cnoa-formation .content > .group-titraille:first-child,
.vocabulary-rubrique .contenus-rubrique .node-cnoa-standard .content > .group-titraille:first-child {
  border-top: 1px solid #e9e9e9;
  padding-top: 15px;
}
.vocabulary-rubrique .horizontal-tabs {
  border: none;
}
.vocabulary-rubrique .horizontal-tabs ul.horizontal-tabs-list {
  background: none;
  border: none;
  margin-top: 5px;
}
.vocabulary-rubrique .horizontal-tabs ul.horizontal-tabs-list li {
  list-style-type: none;
  background: none;
  border: none;
}
.vocabulary-rubrique .horizontal-tabs ul.horizontal-tabs-list li a {
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #999999;
  font-weight: 400;
  padding: 0 5px;
  line-height: 1;
  border-left: 1px solid #999999;
}
.vocabulary-rubrique .horizontal-tabs ul.horizontal-tabs-list li a strong {
  font-weight: 400;
}
.vocabulary-rubrique .horizontal-tabs ul.horizontal-tabs-list li a:hover {
  background: none;
  color: #666666;
}
.vocabulary-rubrique .horizontal-tabs ul.horizontal-tabs-list li.selected a {
  color: #000000;
}
.vocabulary-rubrique .horizontal-tabs ul.horizontal-tabs-list li:first-child a {
  padding-left: 0;
  border-left: none;
}
.vocabulary-rubrique .horizontal-tabs-panes {
  margin-top: 10px;
}
.vocabulary-rubrique fieldset.horizontal-tabs-pane {
  padding: 0;
}
.vocabulary-rubrique fieldset.horizontal-tabs-pane .fieldset-wrapper {
  padding: 0;
  border: none;
}

.group-travailler {
  margin-top: 50px;
}
.group-travailler .item-list li {
  width: 33%;
}

.view-id-presse {
  width: 66.66667%;
  float: left;
  padding-right: 20px;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .view-id-presse {
    width: 100%;
    float: none;
  }
}
.view-id-presse .view-header {
  text-align: left;
  border-bottom: 1px solid #e9e9e9;
  height: 60px;
  margin-bottom: 25px;
}
.view-id-presse .view-header h1 {
  width: 60%;
  float: left;
  padding: 0px;
  margin: 0px;
}
.view-id-presse .view-header p, .view-id-presse .view-header .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus .view-id-presse .view-header .field-name-field-texte {
  width: 40%;
  float: left;
  height: 60px;
  text-align: right;
}
.view-id-presse .view-header p a, .view-id-presse .view-header .field-name-field-dossier-long-contenus .field-name-field-texte a, .field-name-field-dossier-long-contenus .view-id-presse .view-header .field-name-field-texte a {
  position: relative;
}
.view-id-presse .view-filters {
  margin-bottom: 25px;
}
.view-id-presse .views-exposed-form .views-exposed-widget {
  float: left;
  padding: 20px;
}
.view-id-presse .node-cnoa-actualite-teaser a,
.view-id-presse .node-cnoa-publication-teaser a,
.view-id-presse .node-cnoa-standard-teaser a {
  color: #000000;
}
.view-id-presse .view-content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 0 -25px;
}
.view-id-presse .view-content .views-row {
  display: -webkit-flex;
  display: flex;
  padding-left: 25px;
  margin-bottom: 25px;
  width: 33.33%;
  float: left;
}
@media (max-width: 768px) {
  .view-id-presse .view-content .views-row {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .view-id-presse .view-content .views-row {
    width: 100%;
  }
}
.view-id-presse .view-content .views-row div:first-child {
  width: 100%;
}
.view-id-presse .view-content .views-row div:first-child .field-name-field-type-actualite {
  font-size: 1.1rem;
  text-transform: uppercase;
}
.view-id-presse .view-content .views-row div:first-child .field-name-field-type-actualite:before {
  content: "—";
  margin-right: 2px;
  float: left;
}
.view-id-presse .view-content .views-row div:first-child .field-name-title-field h2, .view-id-presse .view-content .views-row div:first-child .field-name-title-field .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .view-id-presse .view-content .views-row div:first-child .field-name-title-field .field-label,
.view-id-presse .view-content .views-row div:first-child .field-name-title-field .field-name-body .field-label,
.field-name-body .view-id-presse .view-content .views-row div:first-child .field-name-title-field .field-label,
.view-id-presse .view-content .views-row div:first-child .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .view-id-presse .view-content .views-row div:first-child .field-name-title-field .field-label, .view-id-presse .view-content .views-row div:first-child .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .view-id-presse .view-content .views-row div:first-child .field-name-title-field #edit-add-petite-annonce > legend, .view-id-presse .view-content .views-row div:first-child .field-name-title-field #tableau-architecte .nb-resultats, #tableau-architecte .view-id-presse .view-content .views-row div:first-child .field-name-title-field .nb-resultats {
  margin-top: 0px;
}

#block-cnoa-espace-presse-cnoa-contact-presse {
  width: 33.33333%;
  float: left;
}
@media (max-width: 768px) {
  #block-cnoa-espace-presse-cnoa-contact-presse {
    width: 100%;
  }
}
#block-cnoa-espace-presse-cnoa-contact-presse .contact-presse {
  width: 100%;
  padding: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: 300px;
  background: #e9e9e9;
  text-align: center;
  margin-bottom: 20px;
}

#block-cnoa-newsletter-cnoa-newsletter-subscribe {
  width: 33.33333%;
  float: left;
}
@media (max-width: 768px) {
  #block-cnoa-newsletter-cnoa-newsletter-subscribe {
    width: 100%;
  }
}
#block-cnoa-newsletter-cnoa-newsletter-subscribe .s-abonner {
  width: 100%;
  padding: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  border: 1px solid #ff5e5c;
  color: #ff5e5c;
  text-transform: uppercase;
  margin-bottom: 20px;
}
#block-cnoa-newsletter-cnoa-newsletter-subscribe .s-abonner a {
  color: #ff5e5c;
}

#block-cnoa-newsletter-cnoa-newsletter-latest {
  width: 33.33333%;
  float: left;
}
@media (max-width: 768px) {
  #block-cnoa-newsletter-cnoa-newsletter-latest {
    width: 100%;
  }
}
#block-cnoa-newsletter-cnoa-newsletter-latest .newsletters {
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 20px;
}
#block-cnoa-newsletter-cnoa-newsletter-latest .newsletters .newsletters-toutes {
  top: auto;
}
#block-cnoa-newsletter-cnoa-newsletter-latest .newsletters .title {
  padding-bottom: 5px;
  color: #ff5e5c;
}
#block-cnoa-newsletter-cnoa-newsletter-latest .newsletters .node-cnoa-newsletter-teaser {
  text-transform: none;
  margin-bottom: 20px;
}
#block-cnoa-newsletter-cnoa-newsletter-latest .newsletters .content {
  border-top: 1px solid #e9e9e9;
  font-weight: bold;
  padding-top: 5px;
}

#block-cnoa-espace-presse-cnoa-presse-kiosque-multimedia .group-kiosque {
  clear: both;
  background-color: #000000;
  position: relative;
  color: #ffffff;
  padding: 20px 0;
}
@media (max-width: 768px) {
  #block-cnoa-espace-presse-cnoa-presse-kiosque-multimedia .group-kiosque {
    display: none;
  }
}
#block-cnoa-espace-presse-cnoa-presse-kiosque-multimedia .group-kiosque:before, #block-cnoa-espace-presse-cnoa-presse-kiosque-multimedia .group-kiosque:after {
  content: " ";
  width: 3000px;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  background: #000000;
}
#block-cnoa-espace-presse-cnoa-presse-kiosque-multimedia .group-kiosque:before {
  right: 100%;
}
#block-cnoa-espace-presse-cnoa-presse-kiosque-multimedia .group-kiosque:after {
  left: 100%;
}
#block-cnoa-espace-presse-cnoa-presse-kiosque-multimedia .group-kiosque .field-name-field-contenus-lies-atom {
  float: none;
}

#scald-dailymotion-videos input[type='radio'] {
  display: inline;
}

#scald-atom-add-form-add #edit-search {
  display: none;
}

.page-documents-les-plus-telecharges table {
  width: 100%;
}
.page-documents-les-plus-telecharges table td {
  height: 110px;
  padding: 5px;
}
.page-documents-les-plus-telecharges table a {
  color: #ff5e5c;
  font-weight: 700;
}

.page-atom .field-name-field-video-date-enregistrement {
  margin-top: 1.2em;
}
.page-atom .voeux iframe {
  height: 680px;
}

.taxonomy-term > .content .left .node .legend.horizontal {
  display: none;
}

.node-cnoa-landing-region-full .contenus-meme-sujet .field-name-field-publication-type a:before {
  content: none;
  margin-right: 0;
}

.page-user .tabs {
  display: none;
}
.page-user.not-logged-in .region-content {
  margin-top: 0;
}

form#user-login, form#cnoa-user-architecte-login {
  position: relative;
  padding-top: 30px;
  float: left;
  width: 50%;
}
@media (max-width: 768px) {
  form#user-login, form#cnoa-user-architecte-login {
    width: 100%;
  }
}
form#user-login .title, form#cnoa-user-architecte-login .title {
  font-size: 3rem;
  color: #ff5e5c;
  font-weight: 300;
  margin-bottom: 30px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}
form#user-login ul li, form#user-login p, form#user-login .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus form#user-login .field-name-field-texte, form#cnoa-user-architecte-login ul li, form#cnoa-user-architecte-login p, form#cnoa-user-architecte-login .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus form#cnoa-user-architecte-login .field-name-field-texte {
  line-height: 1.5;
}
form#user-login p, form#user-login .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus form#user-login .field-name-field-texte, form#cnoa-user-architecte-login p, form#cnoa-user-architecte-login .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus form#cnoa-user-architecte-login .field-name-field-texte {
  margin: 0;
}
form#user-login > div > a, form#cnoa-user-architecte-login > div > a {
  position: absolute;
  top: 0;
  right: 0;
  width: 85px;
  height: 85px;
  display: block;
  text-indent: -9999px;
  border: 1px solid #e9e9e9;
  border-top: none;
  background: url(../images/close-icon.png) no-repeat center center;
}
form#user-login a, form#cnoa-user-architecte-login a {
  border-bottom: 1px solid #a3a3a3;
}
form#user-login fieldset, form#cnoa-user-architecte-login fieldset {
  width: 50%;
  float: left;
}
form#user-login label, form#cnoa-user-architecte-login label {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  text-transform: none;
}
form#user-login input.form-text, form#cnoa-user-architecte-login input.form-text {
  border: 1px solid #000000;
  padding: 10px;
}
form#user-login input.form-submit, form#cnoa-user-architecte-login input.form-submit {
  margin-bottom: 30px;
}
form#user-login .form-item, form#cnoa-user-architecte-login .form-item {
  margin-bottom: 30px;
}
form#user-login .form-item .description, form#cnoa-user-architecte-login .form-item .description {
  font-size: 1.2rem;
  text-align: center;
  color: #999999;
  margin: 0.5em 0;
}
form#user-login .form-item .description a, form#cnoa-user-architecte-login .form-item .description a {
  color: #999999;
}
form#user-login ul, form#cnoa-user-architecte-login ul {
  margin-left: 1em;
}
form#user-login ul li, form#cnoa-user-architecte-login ul li {
  list-style-type: disc;
  padding: 0;
}
@media (max-width: 1024px) {
  form#user-login, form#cnoa-user-architecte-login {
    padding-top: 120px;
  }
}
form#user-login > div {
  padding: 20px 140px 0 90px;
}
@media (max-width: 1280px) {
  form#user-login > div {
    padding: 0 100px 0 50px;
  }
}
@media (max-width: 1024px) {
  form#user-login > div {
    padding: 0 10px;
  }
}
@media (max-width: 768px) {
  form#user-login > div {
    padding: 0 40px;
  }
}
@media (max-width: 480px) {
  form#user-login > div {
    padding: 0 20px;
  }
}
form#user-login > div > div {
  padding: 0 40px;
}
form#cnoa-user-architecte-login > div {
  padding: 20px 60px 0 130px;
}
@media (max-width: 1280px) {
  form#cnoa-user-architecte-login > div {
    padding: 0 100px 0 50px;
  }
}
@media (max-width: 1024px) {
  form#cnoa-user-architecte-login > div {
    padding: 0 10px;
  }
}
@media (max-width: 768px) {
  form#cnoa-user-architecte-login > div {
    padding: 0 40px;
  }
}
@media (max-width: 480px) {
  form#cnoa-user-architecte-login > div {
    padding: 0 20px;
  }
}
form#cnoa-user-architecte-login > div .form-wrapper {
  margin: 0 60px 30px 60px;
}
form#cnoa-user-architecte-login > div .form-wrapper #edit-architecte-title {
  margin: 0 -40px;
}
form#cnoa-user-architecte-login #edit-architecte-description {
  margin: 0 -40px;
}
form#cnoa-user-architecte-login .cotisation {
  margin: 30px -40px 0 !important;
}
form#cnoa-user-architecte-login .cotisation .title {
  font-size: 1.3em;
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 0;
}
form#cnoa-user-architecte-login .cotisation .societe {
  font-size: 1.1em;
}
form#cnoa-user-architecte-login .cotisation .societe a {
  color: #ff5e5c;
}
form#cnoa-user-architecte-login .cotisation .perso {
  margin-top: 10px;
}
form#cnoa-agence-node-form legend {
  background-color: #000000;
}
form#cnoa-agence-node-form legend a {
  color: #ffffff;
}
form#cnoa-agence-node-form > div input.form-submit {
  padding: 12px 30px;
}
form#cnoa-agence-node-form > div input.form-submit + .form-submit {
  margin-left: 12px;
}
form#cnoa-agence-node-form label {
  font-weight: 400;
  text-transform: initial;
  font-size: 20px;
  padding-top: 10px;
}
form#cnoa-agence-node-form .form-item {
  margin-bottom: 20px;
}
form#cnoa-agence-node-form .term-reference-tree > .term-reference-tree-level {
  margin-left: 1.5em;
}
form#cnoa-agence-node-form .term-reference-tree label {
  font-size: 14px;
}
form#cnoa-agence-node-form .term-reference-tree .form-item {
  margin-bottom: 0;
}

.region-content {
  /*
   * Default columns layout.
   */
  padding-right: 30px;
  margin: 30px 0 100px 0;
}
.region-content .central,
.region-content .top,
.region-content #cnoa-common-tableau-ordre-form,
.region-content .left-col {
  float: left;
  width: 70%;
  padding: 0 30px 0 170px;
}
@media (max-width: 1280px) {
  .region-content .central,
  .region-content .top,
  .region-content #cnoa-common-tableau-ordre-form,
  .region-content .left-col {
    padding-left: 65px;
  }
}
@media (max-width: 1024px) {
  .region-content .central,
  .region-content .top,
  .region-content #cnoa-common-tableau-ordre-form,
  .region-content .left-col {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .region-content .central,
  .region-content .top,
  .region-content #cnoa-common-tableau-ordre-form,
  .region-content .left-col {
    width: 100%;
    padding-right: 0;
  }
}
.region-content .aside,
.region-content .right-col {
  float: left;
  width: 30%;
}
@media (max-width: 768px) {
  .region-content .aside,
  .region-content .right-col {
    width: 100%;
  }
}
@media (max-width: 1280px) {
  .region-content {
    padding: 0;
  }
}
.region-content .publications-list {
  width: 100%;
  position: relative;
  float: left;
  margin-top: 100px;
}
.region-content .publications-list .title {
  font-size: 1.4rem;
  text-transform: uppercase;
}
.region-content .publications-list .item-list > ul > li {
  width: 20%;
  float: left;
  margin: 0;
  list-style-type: none;
}
.region-content .publications-list .field-name-field-publication-type a:before,
.region-content .publications-list .field-name-field-type-actualite a:before {
  content: "— ";
}
.region-content .publications-list h2, .region-content .publications-list .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .region-content .publications-list .field-label,
.region-content .publications-list .field-name-body .field-label,
.field-name-body .region-content .publications-list .field-label,
.region-content .publications-list .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .region-content .publications-list .field-label, .region-content .publications-list #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .region-content .publications-list #edit-add-petite-annonce > legend, .region-content .publications-list #tableau-architecte .nb-resultats, #tableau-architecte .region-content .publications-list .nb-resultats {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.1;
}
.region-content .publications-list h2 a, .region-content .publications-list .field-name-field-formation-objectifs .field-label a, .field-name-field-formation-objectifs .region-content .publications-list .field-label a,
.region-content .publications-list .field-name-body .field-label a,
.field-name-body .region-content .publications-list .field-label a,
.region-content .publications-list .field-name-field-formation-formateur .field-label a,
.field-name-field-formation-formateur .region-content .publications-list .field-label a, .region-content .publications-list #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend a, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .region-content .publications-list #edit-add-petite-annonce > legend a, .region-content .publications-list #tableau-architecte .nb-resultats a, #tableau-architecte .region-content .publications-list .nb-resultats a {
  color: #000000;
}
.region-content p, .region-content .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus .region-content .field-name-field-texte {
  line-height: 1.6;
}
.region-content ol, .region-content ul {
  margin: 0 0 1em 1em;
}
.region-content ol li, .region-content ul li {
  padding: 0;
  line-height: 1.6;
}
.region-content ol li:before, .region-content ul li:before {
  display: none;
}
.region-content .sommaire ul {
  margin: 0;
}
.region-content .sommaire li {
  margin: 0;
  padding: 3px 20px;
}
.region-content .field-name-field-media-principal {
  margin-bottom: 20px;
}

#main {
  margin-bottom: 120px;
}

#cnoa-user-password-architecte {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
}
#cnoa-user-password-architecte #edit-dob {
  padding: 0 50px;
}
#cnoa-user-password-architecte #edit-dob .form-item {
  margin-bottom: 0;
  width: 33.33%;
  float: left;
}
@media (max-width: 1024px) {
  #cnoa-user-password-architecte {
    padding-top: 40px;
  }
}
#cnoa-user-password-architecte label span {
  color: #ff5e5c;
}
#cnoa-user-password-architecte .description span {
  font-weight: 900;
}
#cnoa-user-password-architecte .form-type-item {
  color: #ff5e5c;
  text-transform: uppercase;
}

/* Drupal resets*/
.item-list ul {
  margin: 0px;
  padding: 0px;
}
.item-list ul li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.form-item, .form-actions {
  margin-top: 0;
  margin-bottom: 0;
}

.form-actions input {
  margin-right: 0px;
}

input[type="submit"] {
  margin: 0;
  padding: 0;
}

#user-profile-form .form-actions input {
  margin-right: 1em;
  padding: .2em .5em;
}

.focal-point-indicator {
  position: absolute !important;
}

@media (min-width: 1560px) and (max-width: 1839px) {
  #header .region-header,
  #breadcrumb .breadcrumb,
  #content,
  #footer .footer-top,
  #footer .footer-bottom {
    transition: margin-left 0.25s ease-out;
  }

  body.menu-open #header #top-header {
    padding-left: calc(280px - ((100% - 1280px) / 2));
  }
  body.menu-open #breadcrumb .breadcrumb,
  body.menu-open #content,
  body.menu-open #footer .footer-top,
  body.menu-open #footer .footer-bottom {
    margin-left: 280px;
  }
}
/*
 * Full display exceptions.
 */
.node-cnoa-actualite-full > .content > .central > .group-group > a > .transition_ecologique, .node-cnoa-actualite-full > .content > a > .transition_ecologique,
.node-cnoa-publication-full > .content > .central > .group-group > a > .transition_ecologique,
.node-cnoa-publication-full > .content > a > .transition_ecologique,
.node-cnoa-dossier-long-full > .content > .central > .group-group > a > .transition_ecologique,
.node-cnoa-dossier-long-full > .content > a > .transition_ecologique,
.node-cnoa-dossier-deux-niveaux-full > .content > .central > .group-group > a > .transition_ecologique,
.node-cnoa-dossier-deux-niveaux-full > .content > a > .transition_ecologique,
.node-cnoa-standard-full > .content > .central > .group-group > a > .transition_ecologique,
.node-cnoa-standard-full > .content > a > .transition_ecologique {
  overflow: hidden;
  *zoom: 1;
  padding: 10px 14px;
  background-color: #67b42a;
  margin-bottom: 20px;
  color: white;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  padding-left: 38px;
  position: relative;
}
.node-cnoa-actualite-full > .content > .central > .group-group > a > .transition_ecologique:before, .node-cnoa-actualite-full > .content > a > .transition_ecologique:before,
.node-cnoa-publication-full > .content > .central > .group-group > a > .transition_ecologique:before,
.node-cnoa-publication-full > .content > a > .transition_ecologique:before,
.node-cnoa-dossier-long-full > .content > .central > .group-group > a > .transition_ecologique:before,
.node-cnoa-dossier-long-full > .content > a > .transition_ecologique:before,
.node-cnoa-dossier-deux-niveaux-full > .content > .central > .group-group > a > .transition_ecologique:before,
.node-cnoa-dossier-deux-niveaux-full > .content > a > .transition_ecologique:before,
.node-cnoa-standard-full > .content > .central > .group-group > a > .transition_ecologique:before,
.node-cnoa-standard-full > .content > a > .transition_ecologique:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 18px;
  background: url(../images/ic_ecological_transition_white_big.png);
  background-size: cover;
  position: absolute;
  left: 10px;
  top: 9px;
}

.node-cnoa-dossier-long-full .group-header,
.node-cnoa-dossier-deux-niveaux-full .group-header {
  width: 100%;
  position: relative;
}

.node-cnoa-actualite-full .group-group {
  margin-bottom: 40px;
}
.node-cnoa-actualite-full .image-horizontal {
  margin: 40px 0 40px -40px;
}
.node-cnoa-actualite-full .image-vertical {
  margin-bottom: 40px;
}
.node-cnoa-actualite-full .field-name-field-accroche {
  border-bottom: 1px solid #e9e9e9;
}
.node-cnoa-actualite-full .field-name-field-actualite-date-evenement,
.node-cnoa-actualite-full .field-name-field-actualite-lieu {
  font-size: 1.2rem;
  color: #000000;
  font-weight: 700;
  display: inline-block;
  text-transform: uppercase;
  border: none;
}
.node-cnoa-actualite-full .field-name-field-mot-cle .field-item {
  margin-bottom: 5px;
}
.node-cnoa-actualite-full .field-name-field-thematique,
.node-cnoa-actualite-full .field-name-field-mot-cle {
  float: left;
  margin: 30px 0 40px 0;
}
.node-cnoa-actualite-full .field-name-field-partenaires .slick-track > .field-item {
  margin-right: 20px;
}
.node-cnoa-actualite-full .field-name-field-fichiers .field-items .field-item {
  max-height: 250px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .node-cnoa-actualite-full .aside .image-vertical {
    margin: 0px !important;
  }
  .node-cnoa-actualite-full .image-horizontal {
    margin: 40px 0 40px 0px;
  }
}

.node-cnoa-petite-annonce-full .aside {
  margin-top: 120px;
}
.node-cnoa-petite-annonce-full .field-name-title-field a {
  margin: 10px 0;
}
.node-cnoa-petite-annonce-full .field-name-field-annonce-type {
  /*display: inline-block;*/
}
.node-cnoa-petite-annonce-full .field-name-field-annonce-type .field-item {
  display: inline-block;
  margin-right: 5px;
}
.node-cnoa-petite-annonce-full .field-name-field-annonce-type .field-item:last-child {
  margin-right: 0;
}
.node-cnoa-petite-annonce-full .field-name-field-zone-geographique {
  display: inline-block;
  margin-left: 5px;
}
.node-cnoa-petite-annonce-full .field-name-field-zone-geographique .field-items:before {
  content: "— ";
}
.node-cnoa-petite-annonce-full .field-name-field-zone-geographique .field-item {
  display: inline;
  margin-right: 5px;
}
.node-cnoa-petite-annonce-full .field-name-field-zone-geographique .field-item:before {
  content: "/ ";
}
.node-cnoa-petite-annonce-full .field-name-field-zone-geographique .field-item:first-child:before {
  content: "";
}
@media (max-width: 768px) {
  .node-cnoa-petite-annonce-full .aside {
    margin-top: 20px;
  }
}

.node-cnoa-dossier-long-full > .content,
.node-cnoa-dossier-deux-niveaux-full > .content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.node-cnoa-dossier-long-full > .content > .field-name-field-media-principal,
.node-cnoa-dossier-deux-niveaux-full > .content > .field-name-field-media-principal {
  width: 70%;
  padding: 0 30px;
}
.node-cnoa-dossier-long-full > .content > .field-name-field-media-principal img,
.node-cnoa-dossier-deux-niveaux-full > .content > .field-name-field-media-principal img {
  width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .node-cnoa-dossier-long-full > .content > .field-name-field-media-principal,
  .node-cnoa-dossier-deux-niveaux-full > .content > .field-name-field-media-principal {
    padding: 0 30px 0 0;
  }
}
@media (max-width: 768px) {
  .node-cnoa-dossier-long-full > .content > .field-name-field-media-principal,
  .node-cnoa-dossier-deux-niveaux-full > .content > .field-name-field-media-principal {
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .node-cnoa-dossier-long-full .central,
  .node-cnoa-dossier-deux-niveaux-full .central {
    margin-bottom: 20px;
  }
}
.node-cnoa-dossier-long-full .field-name-field-thematique:before,
.node-cnoa-dossier-deux-niveaux-full .field-name-field-thematique:before {
  content: "— ";
  float: left;
  margin-right: 2px;
}
.node-cnoa-dossier-long-full .field-name-field-thematique .field-item a,
.node-cnoa-dossier-deux-niveaux-full .field-name-field-thematique .field-item a {
  padding: 0;
  background: none;
}
.node-cnoa-dossier-long-full .field-name-field-mot-cle,
.node-cnoa-dossier-long-full .date-author,
.node-cnoa-dossier-deux-niveaux-full .field-name-field-mot-cle,
.node-cnoa-dossier-deux-niveaux-full .date-author {
  margin-top: 0;
}
.node-cnoa-dossier-long-full .group-publication .date-author,
.node-cnoa-dossier-deux-niveaux-full .group-publication .date-author {
  display: inline;
}

.node-cnoa-dossier-deux-niveaux-full .field-name-field-dossier-contenus-lies {
  margin: 40px 0 80px 0;
}
.node-cnoa-dossier-deux-niveaux-full .field-name-field-dossier-contenus-lies > .field-items > .field-item {
  margin-bottom: 20px;
}
@media (max-width: 1280px) {
  .node-cnoa-dossier-deux-niveaux-full .field-name-field-dossier-contenus-lies > .field-items > .field-item > .node {
    margin-left: -35px;
  }
}
@media (max-width: 1024px) {
  .node-cnoa-dossier-deux-niveaux-full .field-name-field-dossier-contenus-lies > .field-items > .field-item > .node {
    margin-left: 0;
  }
}
.node-cnoa-dossier-deux-niveaux-full .field-name-field-dossier-contenus-lies .field-name-field-accroche {
  font-size: 1.8rem;
}

.node-cnoa-dossier-deux-niveaux-full .field-name-field-a-telecharger > .field-items,
.node-cnoa-standard-full .field-name-field-fichiers > .field-items {
  margin-left: -20px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .node-cnoa-dossier-deux-niveaux-full .field-name-field-a-telecharger > .field-items,
  .node-cnoa-standard-full .field-name-field-fichiers > .field-items {
    display: block;
  }
}
.node-cnoa-dossier-deux-niveaux-full .field-name-field-a-telecharger > .field-items > .field-item,
.node-cnoa-standard-full .field-name-field-fichiers > .field-items > .field-item {
  padding-left: 20px;
  width: 50%;
  float: left;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-flow: column;
  flex-flow: column;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .node-cnoa-dossier-deux-niveaux-full .field-name-field-a-telecharger > .field-items > .field-item,
  .node-cnoa-standard-full .field-name-field-fichiers > .field-items > .field-item {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .node-cnoa-dossier-deux-niveaux-full .field-name-field-a-telecharger > .field-items > .field-item,
  .node-cnoa-standard-full .field-name-field-fichiers > .field-items > .field-item {
    display: block;
  }
}

.node-cnoa-publication-two-columns,
.node-cnoa-dossier-long-two-columns,
.node-cnoa-dossier-deux-niveaux-two-columns,
.node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns,
.node-cnoa-standard-two-columns {
  margin-left: -140px;
}
.node-cnoa-publication-two-columns .group-media,
.node-cnoa-dossier-long-two-columns .group-media,
.node-cnoa-dossier-deux-niveaux-two-columns .group-media,
.node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .group-media,
.node-cnoa-standard-two-columns .group-media {
  width: 50%;
  float: left;
  margin-bottom: 0;
  display: inherit;
}
.node-cnoa-publication-two-columns .group-media img,
.node-cnoa-dossier-long-two-columns .group-media img,
.node-cnoa-dossier-deux-niveaux-two-columns .group-media img,
.node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .group-media img,
.node-cnoa-standard-two-columns .group-media img {
  width: 100%;
  padding-right: 20px;
}
.node-cnoa-publication-two-columns .group-media .transition_ecologique_icon,
.node-cnoa-dossier-long-two-columns .group-media .transition_ecologique_icon,
.node-cnoa-dossier-deux-niveaux-two-columns .group-media .transition_ecologique_icon,
.node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .group-media .transition_ecologique_icon,
.node-cnoa-standard-two-columns .group-media .transition_ecologique_icon {
  position: absolute;
  bottom: 50px;
  left: 30px;
}
.node-cnoa-publication-two-columns .aside,
.node-cnoa-dossier-long-two-columns .aside,
.node-cnoa-dossier-deux-niveaux-two-columns .aside,
.node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .aside,
.node-cnoa-standard-two-columns .aside {
  width: 100%;
}
.node-cnoa-publication-two-columns .aside h2, .node-cnoa-publication-two-columns .aside .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .node-cnoa-publication-two-columns .aside .field-label,
.node-cnoa-publication-two-columns .aside .field-name-body .field-label,
.field-name-body .node-cnoa-publication-two-columns .aside .field-label,
.node-cnoa-publication-two-columns .aside .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-publication-two-columns .aside .field-label, .node-cnoa-publication-two-columns .aside #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-publication-two-columns .aside #edit-add-petite-annonce > legend, .node-cnoa-publication-two-columns .aside #tableau-architecte .nb-resultats, #tableau-architecte .node-cnoa-publication-two-columns .aside .nb-resultats,
.node-cnoa-dossier-long-two-columns .aside h2,
.node-cnoa-dossier-long-two-columns .aside .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-dossier-long-two-columns .aside .field-label,
.node-cnoa-dossier-long-two-columns .aside .field-name-body .field-label,
.field-name-body .node-cnoa-dossier-long-two-columns .aside .field-label,
.node-cnoa-dossier-long-two-columns .aside .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-dossier-long-two-columns .aside .field-label,
.node-cnoa-dossier-long-two-columns .aside #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-dossier-long-two-columns .aside #edit-add-petite-annonce > legend,
.node-cnoa-dossier-long-two-columns .aside #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-dossier-long-two-columns .aside .nb-resultats,
.node-cnoa-dossier-deux-niveaux-two-columns .aside h2,
.node-cnoa-dossier-deux-niveaux-two-columns .aside .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-dossier-deux-niveaux-two-columns .aside .field-label,
.node-cnoa-dossier-deux-niveaux-two-columns .aside .field-name-body .field-label,
.field-name-body .node-cnoa-dossier-deux-niveaux-two-columns .aside .field-label,
.node-cnoa-dossier-deux-niveaux-two-columns .aside .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-dossier-deux-niveaux-two-columns .aside .field-label,
.node-cnoa-dossier-deux-niveaux-two-columns .aside #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-dossier-deux-niveaux-two-columns .aside #edit-add-petite-annonce > legend,
.node-cnoa-dossier-deux-niveaux-two-columns .aside #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-dossier-deux-niveaux-two-columns .aside .nb-resultats,
.node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .aside h2,
.node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .aside .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .aside .field-label,
.node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .aside .field-name-body .field-label,
.field-name-body .node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .aside .field-label,
.node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .aside .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .aside .field-label,
.node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .aside #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .aside #edit-add-petite-annonce > legend,
.node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .aside #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .aside .nb-resultats,
.node-cnoa-standard-two-columns .aside h2,
.node-cnoa-standard-two-columns .aside .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-standard-two-columns .aside .field-label,
.node-cnoa-standard-two-columns .aside .field-name-body .field-label,
.field-name-body .node-cnoa-standard-two-columns .aside .field-label,
.node-cnoa-standard-two-columns .aside .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-standard-two-columns .aside .field-label,
.node-cnoa-standard-two-columns .aside #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-standard-two-columns .aside #edit-add-petite-annonce > legend,
.node-cnoa-standard-two-columns .aside #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-standard-two-columns .aside .nb-resultats {
  margin: 0.25em 0;
  font-size: 3rem;
  line-height: 1;
}
.node-cnoa-publication-two-columns .aside .field-name-field-accroche,
.node-cnoa-dossier-long-two-columns .aside .field-name-field-accroche,
.node-cnoa-dossier-deux-niveaux-two-columns .aside .field-name-field-accroche,
.node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .aside .field-name-field-accroche,
.node-cnoa-standard-two-columns .aside .field-name-field-accroche {
  font-size: 1.8rem;
}
.node-cnoa-publication-two-columns .aside .field-name-field-accroche p, .node-cnoa-publication-two-columns .aside .field-name-field-accroche .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus .node-cnoa-publication-two-columns .aside .field-name-field-accroche .field-name-field-texte,
.node-cnoa-dossier-long-two-columns .aside .field-name-field-accroche p,
.node-cnoa-dossier-long-two-columns .aside .field-name-field-accroche .field-name-field-dossier-long-contenus .field-name-field-texte,
.field-name-field-dossier-long-contenus .node-cnoa-dossier-long-two-columns .aside .field-name-field-accroche .field-name-field-texte,
.node-cnoa-dossier-deux-niveaux-two-columns .aside .field-name-field-accroche p,
.node-cnoa-dossier-deux-niveaux-two-columns .aside .field-name-field-accroche .field-name-field-dossier-long-contenus .field-name-field-texte,
.field-name-field-dossier-long-contenus .node-cnoa-dossier-deux-niveaux-two-columns .aside .field-name-field-accroche .field-name-field-texte,
.node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .aside .field-name-field-accroche p,
.node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .aside .field-name-field-accroche .field-name-field-dossier-long-contenus .field-name-field-texte,
.field-name-field-dossier-long-contenus .node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .aside .field-name-field-accroche .field-name-field-texte,
.node-cnoa-standard-two-columns .aside .field-name-field-accroche p,
.node-cnoa-standard-two-columns .aside .field-name-field-accroche .field-name-field-dossier-long-contenus .field-name-field-texte,
.field-name-field-dossier-long-contenus .node-cnoa-standard-two-columns .aside .field-name-field-accroche .field-name-field-texte {
  line-height: 1;
}
.node-cnoa-publication-two-columns .group-media + .aside,
.node-cnoa-dossier-long-two-columns .group-media + .aside,
.node-cnoa-dossier-deux-niveaux-two-columns .group-media + .aside,
.node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .group-media + .aside,
.node-cnoa-standard-two-columns .group-media + .aside {
  width: 50%;
}
@media (max-width: 1280px) {
  .node-cnoa-publication-two-columns,
  .node-cnoa-dossier-long-two-columns,
  .node-cnoa-dossier-deux-niveaux-two-columns,
  .node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns,
  .node-cnoa-standard-two-columns {
    margin-left: -35px;
  }
}
@media (max-width: 1024px) {
  .node-cnoa-publication-two-columns,
  .node-cnoa-dossier-long-two-columns,
  .node-cnoa-dossier-deux-niveaux-two-columns,
  .node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns,
  .node-cnoa-standard-two-columns {
    margin-left: 0;
  }
  .node-cnoa-publication-two-columns .group-media + .aside,
  .node-cnoa-dossier-long-two-columns .group-media + .aside,
  .node-cnoa-dossier-deux-niveaux-two-columns .group-media + .aside,
  .node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .group-media + .aside,
  .node-cnoa-standard-two-columns .group-media + .aside {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .node-cnoa-publication-two-columns .group-media,
  .node-cnoa-dossier-long-two-columns .group-media,
  .node-cnoa-dossier-deux-niveaux-two-columns .group-media,
  .node-cnoa-dossier-deux-niveaux .node-cnoa-actualite-two-columns .group-media,
  .node-cnoa-standard-two-columns .group-media {
    width: 65%;
  }
}

.node-cnoa-actualite-two-columns .group-media {
  display: none;
}
.node-cnoa-actualite-two-columns .aside {
  width: 100%;
}

.node-cnoa-actualite-cnoa-rubrique .transition_ecologique_icon,
.node-cnoa-publication-cnoa-rubrique .transition_ecologique_icon,
.node-cnoa-standard-cnoa-rubrique .transition_ecologique_icon,
.node-cnoa-dossier-long-cnoa-rubrique .transition_ecologique_icon,
.node-cnoa-dossier-deux-niveaux-cnoa-rubrique .transition_ecologique_icon {
  position: relative;
  margin-top: -55px;
  margin-bottom: 26px;
  margin-left: 20px;
}

.node-cnoa-agence-full .portfolio-link {
  border: 1px solid #000000;
  text-align: center;
  margin: 30px 0;
}
.node-cnoa-agence-full .portfolio-link a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 60px;
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 30px;
}
.node-cnoa-agence-full .portfolio-link a span {
  color: #ff5e5c;
}
.node-cnoa-agence-full .portfolio-link a:before {
  content: '';
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  float: left;
  margin-right: 4px;
}
.node-cnoa-agence-full .portfolio-link a {
  padding: 5px 70px;
}
.node-cnoa-agence-full .portfolio-link a:before {
  width: 20px;
  height: 30px;
  background-image: url("../images/download-icon@2x.png");
  background-size: 18px 23px;
}
.node-cnoa-agence-full .top {
  width: 100%;
  float: none;
  padding: 0;
  display: table;
}
.node-cnoa-agence-full .top > .field-name-title-field {
  width: 70%;
  display: table-cell;
  vertical-align: bottom;
  padding: 0 0 40px 140px;
}
@media (max-width: 768px) {
  .node-cnoa-agence-full .top > .field-name-title-field {
    padding: 0 0 20px 0;
    width: 100%;
    display: block;
  }
}
.node-cnoa-agence-full .top > .field-name-title-field h1 {
  color: #ffc914;
  margin: 0;
}
@media (max-width: 480px) {
  .node-cnoa-agence-full .top > .field-name-title-field {
    display: block;
    width: 100%;
  }
}
.node-cnoa-agence-full .top .field-name-title-field + a {
  position: absolute;
  top: -30px;
  right: 0;
}
@media (max-width: 768px) {
  .node-cnoa-agence-full .top .field-name-title-field + a {
    display: none;
  }
}
.node-cnoa-agence-full .central {
  padding: 0 30px 0 0px;
}
@media (max-width: 768px) {
  .node-cnoa-agence-full .central {
    padding: 0;
  }
}
.node-cnoa-agence-full .central .entity-projet .bottom .group-content {
  float: none;
  width: 100%;
  padding-left: 0;
  position: relative;
}
.node-cnoa-agence-full .central .entity-projet .bottom .group-content .field-name-field-projet-type-de-projet {
  margin-left: 20%;
}
@media (max-width: 480px) {
  .node-cnoa-agence-full .central .entity-projet .bottom .group-content .field-name-field-projet-type-de-projet {
    margin-left: 0;
  }
}
.node-cnoa-agence-full .central .entity-projet .bottom .group-content .visuel-title {
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 480px) {
  .node-cnoa-agence-full .central .entity-projet .bottom .group-content .visuel-title {
    position: relative;
    float: none;
    width: 100%;
  }
}
.node-cnoa-agence-full .central .entity-projet .bottom .group-content .field-name-title-field,
.node-cnoa-agence-full .central .entity-projet .bottom .group-content .field-name-field-projet-date-de-livraison,
.node-cnoa-agence-full .central .entity-projet .bottom .group-content .field-name-field-projet-departement {
  margin-left: 20%;
}
@media (max-width: 480px) {
  .node-cnoa-agence-full .central .entity-projet .bottom .group-content .field-name-title-field,
  .node-cnoa-agence-full .central .entity-projet .bottom .group-content .field-name-field-projet-date-de-livraison,
  .node-cnoa-agence-full .central .entity-projet .bottom .group-content .field-name-field-projet-departement {
    margin-left: 0;
  }
}
.node-cnoa-agence-full .aside .field-name-field-image {
  padding: 0 0 20px;
}
.node-cnoa-agence-full .aside .field-name-field-image img {
  border-radius: 50%;
}
.node-cnoa-agence-full .aside .addresses .field-label {
  color: #999999;
  width: 30%;
  font-weight: 300;
  text-transform: uppercase;
  float: left;
  font-size: 1.2rem;
}
.node-cnoa-agence-full .aside .addresses .address {
  width: 70%;
  font-weight: 700;
  font-size: 1.2rem;
  float: right;
  margin-bottom: 10px;
}
.node-cnoa-agence-full .aside .addresses .address .street-block * {
  display: inline;
  line-height: 1;
}
.node-cnoa-agence-full .aside .addresses .address .street-block .thoroughfare + .premise::before {
  content: " ";
}
.node-cnoa-agence-full .aside .field-name-field-name,
.node-cnoa-agence-full .aside .field-name-field-agence-adresse,
.node-cnoa-agence-full .aside .field-name-field-code-postal,
.node-cnoa-agence-full .aside .field-name-field-ville,
.node-cnoa-agence-full .aside .field-name-field-telephone,
.node-cnoa-agence-full .aside .field-name-field-fax,
.node-cnoa-agence-full .aside .field-name-field-email,
.node-cnoa-agence-full .aside .field-name-field-agence-sites {
  margin-bottom: 10px;
}
.node-cnoa-agence-full .aside .field-name-field-name .field-label,
.node-cnoa-agence-full .aside .field-name-field-name .field-items,
.node-cnoa-agence-full .aside .field-name-field-agence-adresse .field-label,
.node-cnoa-agence-full .aside .field-name-field-agence-adresse .field-items,
.node-cnoa-agence-full .aside .field-name-field-code-postal .field-label,
.node-cnoa-agence-full .aside .field-name-field-code-postal .field-items,
.node-cnoa-agence-full .aside .field-name-field-ville .field-label,
.node-cnoa-agence-full .aside .field-name-field-ville .field-items,
.node-cnoa-agence-full .aside .field-name-field-telephone .field-label,
.node-cnoa-agence-full .aside .field-name-field-telephone .field-items,
.node-cnoa-agence-full .aside .field-name-field-fax .field-label,
.node-cnoa-agence-full .aside .field-name-field-fax .field-items,
.node-cnoa-agence-full .aside .field-name-field-email .field-label,
.node-cnoa-agence-full .aside .field-name-field-email .field-items,
.node-cnoa-agence-full .aside .field-name-field-agence-sites .field-label,
.node-cnoa-agence-full .aside .field-name-field-agence-sites .field-items {
  display: inline-block;
  font-size: 1.2rem;
}
.node-cnoa-agence-full .aside .field-name-field-name .field-label,
.node-cnoa-agence-full .aside .field-name-field-agence-adresse .field-label,
.node-cnoa-agence-full .aside .field-name-field-code-postal .field-label,
.node-cnoa-agence-full .aside .field-name-field-ville .field-label,
.node-cnoa-agence-full .aside .field-name-field-telephone .field-label,
.node-cnoa-agence-full .aside .field-name-field-fax .field-label,
.node-cnoa-agence-full .aside .field-name-field-email .field-label,
.node-cnoa-agence-full .aside .field-name-field-agence-sites .field-label {
  color: #999999;
  width: 30%;
  font-weight: 300;
  text-transform: uppercase;
}
.node-cnoa-agence-full .aside .field-name-field-name .field-items,
.node-cnoa-agence-full .aside .field-name-field-agence-adresse .field-items,
.node-cnoa-agence-full .aside .field-name-field-code-postal .field-items,
.node-cnoa-agence-full .aside .field-name-field-ville .field-items,
.node-cnoa-agence-full .aside .field-name-field-telephone .field-items,
.node-cnoa-agence-full .aside .field-name-field-fax .field-items,
.node-cnoa-agence-full .aside .field-name-field-email .field-items,
.node-cnoa-agence-full .aside .field-name-field-agence-sites .field-items {
  width: 70%;
  font-weight: 700;
}
.node-cnoa-agence-full .aside .field-name-body {
  margin-top: 20px;
  font-size: 1.5rem;
}
.node-cnoa-agence-full .aside .mots-cles,
.node-cnoa-agence-full .aside .url-jpo {
  margin-top: 20px;
}

.mots-cles .titre {
  font-weight: bold;
}
.mots-cles .liste li {
  list-style: none;
}
.mots-cles .liste li a {
  color: #ff5e5c;
}
.mots-cles .liste li a:hover, .mots-cles .liste li a:active, .mots-cles .liste li a.courant {
  color: #5a5b5e;
}
.mots-cles .liste li a .croisillon {
  color: #000000;
}

.entity-projet {
  margin-bottom: 50px;
}
.entity-projet .field-name-field-projet-visuels img {
  width: 100%;
}
.entity-projet .bottom {
  margin-top: 20px;
}
.entity-projet .bottom .visuel-title {
  width: 17%;
  float: left;
  font-size: 1.2rem;
  color: #999999;
  padding: 20px 15px 0 0;
  border-top: 1px solid #e9e9e9;
}
.entity-projet .bottom .group-content {
  width: 83%;
  float: right;
  padding-left: 20px;
}
.entity-projet .bottom .group-content .field-name-field-projet-type-de-projet .field-item {
  display: inline-block;
}
.entity-projet .bottom .group-content .field-name-title-field h2, .entity-projet .bottom .group-content .field-name-title-field .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .entity-projet .bottom .group-content .field-name-title-field .field-label,
.entity-projet .bottom .group-content .field-name-title-field .field-name-body .field-label,
.field-name-body .entity-projet .bottom .group-content .field-name-title-field .field-label,
.entity-projet .bottom .group-content .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .entity-projet .bottom .group-content .field-name-title-field .field-label, .entity-projet .bottom .group-content .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .entity-projet .bottom .group-content .field-name-title-field #edit-add-petite-annonce > legend, .entity-projet .bottom .group-content .field-name-title-field #tableau-architecte .nb-resultats, #tableau-architecte .entity-projet .bottom .group-content .field-name-title-field .nb-resultats {
  margin: 5px 0 15px 0;
}
.entity-projet .bottom .group-content .field-name-field-texte {
  margin-top: 20px;
  font-size: 1.5rem;
  line-height: 1.2;
}
.entity-projet .mots-cles {
  padding-left: 20px;
}
.entity-projet .mots-cles .titre {
  display: inline-block;
}
.entity-projet .mots-cles .liste {
  display: inline-block;
}
.entity-projet .mots-cles .liste li {
  display: inline;
}
.entity-projet .flag-selections-projet {
  display: none;
}

body.page-diaporama .slick-slider img {
  max-width: 100%;
  margin: 0 auto;
}
body.page-diaporama #header {
  position: absolute;
}
body.page-diaporama .diaporama-content {
  position: relative;
}
body.page-diaporama .slider-thumbnails {
  display: block;
  position: absolute;
  left: 20%;
  top: 600px;
  width: 60%;
  overflow: hidden;
}
body.page-diaporama .slider-thumbnails img {
  width: 7vw;
}
body.page-diaporama .slider-thumbnails .item-list {
  padding: 0 20px;
}
@media (max-width: 1280px) {
  body.page-diaporama .slider-thumbnails {
    top: 46vw;
  }
  body.page-diaporama .slider-thumbnails img {
    width: 7.8vw;
  }
}
@media (max-width: 1024px) {
  body.page-diaporama .slider-thumbnails img {
    width: 7.5vw;
  }
}
@media (max-width: 768px) {
  body.page-diaporama .slider-thumbnails img {
    width: 7.2vw;
  }
}
@media (max-width: 640px) {
  body.page-diaporama .slider-thumbnails {
    display: none;
  }
}
@media (max-width: 480px) {
  body.page-diaporama .project .slick-track img {
    max-height: 250px;
  }
}
@media (max-width: 640px) {
  body.page-diaporama .project .slick-slider {
    position: relative;
  }
  body.page-diaporama .project .slick-arrow {
    position: absolute;
    top: 26vw;
  }
  body.page-diaporama .project .slick-prev {
    left: 5px;
  }
  body.page-diaporama .project .slick-next {
    right: 5px;
  }
  body.page-diaporama .project .slick-dots {
    top: 51vw;
  }
}
body.page-diaporama #block-system-main > .content {
  overflow: hidden;
}
body.page-diaporama #block-system-main > .content .slick-list {
  overflow: visible;
}
body.page-diaporama #block-system-main > .content .slick-list .slick-slide {
  position: relative;
}
body.page-diaporama #block-system-main > .content .slick-list .slick-slide:focus {
  outline: 0;
}
body.page-diaporama #block-system-main > .content h1 a {
  font-size: 3rem;
  color: #ffc914;
  margin-bottom: 20px;
}
body.page-diaporama #block-system-main > .content h1 + a {
  position: absolute;
  top: -30px;
  right: 0;
}
@media (max-width: 480px) {
  body.page-diaporama #block-system-main > .content h1 + a {
    display: none;
  }
}
body.page-diaporama #block-system-main > .content .slick-initialized .visuel-img {
  position: relative;
}
body.page-diaporama #block-system-main > .content .slick-initialized .play {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  background: url("../images/play.png") no-repeat center center;
}
body.page-diaporama #block-system-main > .content .slick-initialized .play:hover {
  cursor: pointer;
}
@media (max-width: 480px) {
  body.page-diaporama #block-system-main > .content .slick-initialized .play {
    background: url("../images/play.png") no-repeat center 30%;
  }
}
body.page-diaporama .visuel-title {
  width: 12%;
  float: left;
  font-size: 1.2rem;
  color: #999999;
  padding: 20px 0 0 0;
  border-top: 1px solid #e9e9e9;
  margin-top: 25px;
  height: 200px;
  position: absolute;
}
@media (max-width: 768px) {
  body.page-diaporama .visuel-title {
    width: 25%;
  }
}
@media (max-width: 480px) {
  body.page-diaporama .visuel-title {
    width: 100%;
    position: static;
    height: auto;
  }
}
body.page-diaporama .data {
  float: right;
  width: 88%;
}
@media (max-width: 768px) {
  body.page-diaporama .data {
    width: 75%;
  }
}
@media (max-width: 480px) {
  body.page-diaporama .data {
    float: none;
    width: 100%;
    position: static;
  }
  body.page-diaporama .data > .entity {
    margin-bottom: 0px;
  }
}
body.page-diaporama .slider-nav {
  margin: 0 -25px 0 0;
}
body.page-diaporama .slider-nav li {
  opacity: .75;
}
body.page-diaporama .slider-nav li.active, body.page-diaporama .slider-nav li.slick-current, body.page-diaporama .slider-nav li:hover {
  opacity: 1;
}
body.page-diaporama .slider-nav li.active .wrap, body.page-diaporama .slider-nav li.slick-current .wrap, body.page-diaporama .slider-nav li:hover .wrap {
  position: relative;
}
body.page-diaporama .slider-nav li.active .wrap:before, body.page-diaporama .slider-nav li.active .wrap:after, body.page-diaporama .slider-nav li.active .border:before, body.page-diaporama .slider-nav li.active .border:after, body.page-diaporama .slider-nav li.slick-current .wrap:before, body.page-diaporama .slider-nav li.slick-current .wrap:after, body.page-diaporama .slider-nav li.slick-current .border:before, body.page-diaporama .slider-nav li.slick-current .border:after, body.page-diaporama .slider-nav li:hover .wrap:before, body.page-diaporama .slider-nav li:hover .wrap:after, body.page-diaporama .slider-nav li:hover .border:before, body.page-diaporama .slider-nav li:hover .border:after {
  content: "";
  position: absolute;
  opacity: 0.6;
  background: #000000;
}
body.page-diaporama .slider-nav li.active .wrap:before, body.page-diaporama .slider-nav li.slick-current .wrap:before, body.page-diaporama .slider-nav li:hover .wrap:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
}
body.page-diaporama .slider-nav li.active .wrap:after, body.page-diaporama .slider-nav li.slick-current .wrap:after, body.page-diaporama .slider-nav li:hover .wrap:after {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
}
body.page-diaporama .slider-nav li.active .border:before, body.page-diaporama .slider-nav li.slick-current .border:before, body.page-diaporama .slider-nav li:hover .border:before {
  top: 10px;
  bottom: 10px;
  left: 0;
  width: 10px;
}
body.page-diaporama .slider-nav li.active .border:after, body.page-diaporama .slider-nav li.slick-current .border:after, body.page-diaporama .slider-nav li:hover .border:after {
  top: 10px;
  bottom: 10px;
  right: 0;
  width: 10px;
}
body.page-diaporama .slider-nav .slick-arrow.slick-prev {
  left: -14px;
}
body.page-diaporama .slider-nav .slick-arrow.slick-next {
  right: 7px;
}
body.page-diaporama .bottom .group-content {
  width: 100%;
  height: 300px;
  overflow: auto;
}
body.page-diaporama .entity {
  position: relative;
}
body.page-diaporama .entity .add-to-bookmark {
  position: absolute;
  right: 0;
  top: 0;
}
body.page-diaporama .entity .add-to-bookmark a {
  background: url(../images/flag.png) no-repeat center center;
  display: block;
  text-indent: -125000px;
  /* Can be in a carousel with huge width */
  width: 40px;
  height: 40px;
}
body.page-diaporama .group-content {
  text-transform: uppercase;
}
body.page-diaporama .group-content .field-name-title-field,
body.page-diaporama .group-content .field-name-field-texte {
  text-transform: none;
}
body.page-diaporama .group-content .field-label {
  font-weight: 500;
  margin-right: 5px;
}

.slick-slider {
  margin: 0;
}
.slick-slider .slick-arrow {
  background-color: #000000;
  width: 25px;
  height: 25px;
  z-index: 3;
}
.slick-slider .slick-arrow:before {
  display: none;
}
.slick-slider .slick-arrow.slick-prev {
  background: url(../images/slick-arrows.png) no-repeat left center;
}
.slick-slider .slick-arrow.slick-next {
  background: url(../images/slick-arrows.png) no-repeat -35px center;
}

/*
 * Teaser display exceptions. Example: front and landing pages
 */
.node-teaser.clearfix:after {
  display: none;
}

.node-cnoa-petite-annonce-teaser .content {
  padding: 30px;
}

.node-cnoa-dossier-long-teaser a,
.node-cnoa-actualite-teaser a,
.node-cnoa-publication-teaser a,
.node-cnoa-standard-teaser a {
  color: #ffffff;
}

.contenus-meme-sujet .node-cnoa-dossier-long-teaser a,
.contenus-meme-sujet .node-cnoa-actualite-teaser a,
.contenus-meme-sujet .node-cnoa-publication-teaser a,
.contenus-meme-sujet .node-cnoa-standard-teaser a {
  color: #000000;
}

/*
 * Search result display exceptions.
 */
.node-cnoa-petite-annonce-search-result .field-name-title-field h2, .node-cnoa-petite-annonce-search-result .field-name-title-field .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .node-cnoa-petite-annonce-search-result .field-name-title-field .field-label,
.node-cnoa-petite-annonce-search-result .field-name-title-field .field-name-body .field-label,
.field-name-body .node-cnoa-petite-annonce-search-result .field-name-title-field .field-label,
.node-cnoa-petite-annonce-search-result .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-petite-annonce-search-result .field-name-title-field .field-label, .node-cnoa-petite-annonce-search-result .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-petite-annonce-search-result .field-name-title-field #edit-add-petite-annonce > legend, .node-cnoa-petite-annonce-search-result .field-name-title-field #tableau-architecte .nb-resultats, #tableau-architecte .node-cnoa-petite-annonce-search-result .field-name-title-field .nb-resultats, .node-cnoa-petite-annonce-search-result .field-name-title-field h3,
.node-cnoa-dossier-long-search-result .field-name-title-field h2,
.node-cnoa-dossier-long-search-result .field-name-title-field .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-dossier-long-search-result .field-name-title-field .field-label,
.node-cnoa-dossier-long-search-result .field-name-title-field .field-name-body .field-label,
.field-name-body .node-cnoa-dossier-long-search-result .field-name-title-field .field-label,
.node-cnoa-dossier-long-search-result .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-dossier-long-search-result .field-name-title-field .field-label,
.node-cnoa-dossier-long-search-result .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-dossier-long-search-result .field-name-title-field #edit-add-petite-annonce > legend,
.node-cnoa-dossier-long-search-result .field-name-title-field #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-dossier-long-search-result .field-name-title-field .nb-resultats,
.node-cnoa-dossier-long-search-result .field-name-title-field h3,
.node-cnoa-standard-search-result .field-name-title-field h2,
.node-cnoa-standard-search-result .field-name-title-field .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-standard-search-result .field-name-title-field .field-label,
.node-cnoa-standard-search-result .field-name-title-field .field-name-body .field-label,
.field-name-body .node-cnoa-standard-search-result .field-name-title-field .field-label,
.node-cnoa-standard-search-result .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-standard-search-result .field-name-title-field .field-label,
.node-cnoa-standard-search-result .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-standard-search-result .field-name-title-field #edit-add-petite-annonce > legend,
.node-cnoa-standard-search-result .field-name-title-field #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-standard-search-result .field-name-title-field .nb-resultats,
.node-cnoa-standard-search-result .field-name-title-field h3,
.node-cnoa-dossier-deux-niveaux-search-result .field-name-title-field h2,
.node-cnoa-dossier-deux-niveaux-search-result .field-name-title-field .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-dossier-deux-niveaux-search-result .field-name-title-field .field-label,
.node-cnoa-dossier-deux-niveaux-search-result .field-name-title-field .field-name-body .field-label,
.field-name-body .node-cnoa-dossier-deux-niveaux-search-result .field-name-title-field .field-label,
.node-cnoa-dossier-deux-niveaux-search-result .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-dossier-deux-niveaux-search-result .field-name-title-field .field-label,
.node-cnoa-dossier-deux-niveaux-search-result .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-dossier-deux-niveaux-search-result .field-name-title-field #edit-add-petite-annonce > legend,
.node-cnoa-dossier-deux-niveaux-search-result .field-name-title-field #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-dossier-deux-niveaux-search-result .field-name-title-field .nb-resultats,
.node-cnoa-dossier-deux-niveaux-search-result .field-name-title-field h3,
.node-cnoa-formation-search-result .field-name-title-field h2,
.node-cnoa-formation-search-result .field-name-title-field .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-formation-search-result .field-name-title-field .field-label,
.node-cnoa-formation-search-result .field-name-title-field .field-name-body .field-label,
.field-name-body .node-cnoa-formation-search-result .field-name-title-field .field-label,
.node-cnoa-formation-search-result .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-formation-search-result .field-name-title-field .field-label,
.node-cnoa-formation-search-result .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-formation-search-result .field-name-title-field #edit-add-petite-annonce > legend,
.node-cnoa-formation-search-result .field-name-title-field #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-formation-search-result .field-name-title-field .nb-resultats,
.node-cnoa-formation-search-result .field-name-title-field h3,
.node-cnoa-publication-search-result .field-name-title-field h2,
.node-cnoa-publication-search-result .field-name-title-field .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-publication-search-result .field-name-title-field .field-label,
.node-cnoa-publication-search-result .field-name-title-field .field-name-body .field-label,
.field-name-body .node-cnoa-publication-search-result .field-name-title-field .field-label,
.node-cnoa-publication-search-result .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-publication-search-result .field-name-title-field .field-label,
.node-cnoa-publication-search-result .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-publication-search-result .field-name-title-field #edit-add-petite-annonce > legend,
.node-cnoa-publication-search-result .field-name-title-field #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-publication-search-result .field-name-title-field .nb-resultats,
.node-cnoa-publication-search-result .field-name-title-field h3 {
  line-height: 1.2;
  margin: 0 0 7px 0;
  font-size: 1.8rem;
}
.node-cnoa-petite-annonce-search-result .field-name-field-media-principal,
.node-cnoa-dossier-long-search-result .field-name-field-media-principal,
.node-cnoa-standard-search-result .field-name-field-media-principal,
.node-cnoa-dossier-deux-niveaux-search-result .field-name-field-media-principal,
.node-cnoa-formation-search-result .field-name-field-media-principal,
.node-cnoa-publication-search-result .field-name-field-media-principal {
  margin-bottom: 15px;
}
.node-cnoa-petite-annonce-search-result .transition_ecologique_icon,
.node-cnoa-dossier-long-search-result .transition_ecologique_icon,
.node-cnoa-standard-search-result .transition_ecologique_icon,
.node-cnoa-dossier-deux-niveaux-search-result .transition_ecologique_icon,
.node-cnoa-formation-search-result .transition_ecologique_icon,
.node-cnoa-publication-search-result .transition_ecologique_icon {
  position: relative;
  margin-top: -55px;
  margin-bottom: 26px;
  margin-left: 20px;
}

.node-cnoa-agence-search-result .image-projet {
  margin-bottom: 10px;
}
.node-cnoa-agence-search-result .titre-projet {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.node-cnoa-agence-search-result .date-projet,
.node-cnoa-agence-search-result .lieu-projet {
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: normal;
  padding-right: 40px;
}
.node-cnoa-agence-search-result .titre-agence {
  padding-right: 40px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #ffc914;
  margin-top: 10px;
}
.node-cnoa-agence-search-result .image-agence img {
  border-radius: 50%;
  width: 40px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.node-question-reponse-search-result .question {
  font-size: 1.8rem;
  font-weight: 700;
}

.node-cnoa-standard-search-result .field-name-field-accroche,
.node-cnoa-organigramme-search-result .field-name-field-accroche {
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: normal;
}

.node-cnoa-formation-search-result .formation-thematique-image {
  margin-bottom: 15px;
}
.node-cnoa-formation-search-result .field-name-field-formation-date-session {
  font-size: 1.1rem;
  text-transform: uppercase;
  line-height: 1.2;
}

.node-cnoa-petite-annonce-search-result .field-name-field-zone-geographique {
  /*@include dash-before;*/
}
.node-cnoa-petite-annonce-search-result .field-name-field-annonce-type {
  margin-top: 0;
}
.node-cnoa-petite-annonce-search-result .field-name-field-annonce-type .background-annonce {
  position: relative;
  margin-bottom: 20px;
}
.node-cnoa-petite-annonce-search-result .field-name-field-annonce-type .background-annonce .background-annonce-title {
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: right;
  max-width: 85%;
  text-transform: none;
  line-height: 1;
}
.node-cnoa-petite-annonce-search-result .field-name-field-annonce-type .background-annonce-subtitle:before {
  content: "— ";
  float: left;
  margin-right: 2px;
}
@media (max-width: 480px) {
  .node-cnoa-petite-annonce-search-result .field-name-field-annonce-type .background-annonce {
    margin-bottom: 0;
  }
  .node-cnoa-petite-annonce-search-result .field-name-field-annonce-type .background-annonce .background-annonce-img {
    display: none;
  }
  .node-cnoa-petite-annonce-search-result .field-name-field-annonce-type .background-annonce .background-annonce-title {
    position: static;
    bottom: auto;
    right: auto;
    color: #666666;
  }
}
.node-cnoa-petite-annonce-search-result .dates {
  font-size: 1.1rem;
  border: none;
  color: #000000;
  padding: 0;
}

.node-cnoa-actualite-search-result .field-name-field-type-actualite:before {
  content: "— ";
  float: left;
  margin-right: 2px;
}
.node-cnoa-actualite-search-result .field-name-field-accroche {
  font-size: 1.2rem;
}
.node-cnoa-actualite-search-result .transition_ecologique_icon {
  position: relative;
  margin-top: -57px;
  margin-bottom: 40px;
  margin-left: 30px;
}

.node-cnoa-formation-search-result .field-name-field-formation-type:before {
  content: "— ";
  float: left;
  margin-right: 2px;
}

.node-cnoa-standard-search-result h2, .node-cnoa-standard-search-result .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .node-cnoa-standard-search-result .field-label,
.node-cnoa-standard-search-result .field-name-body .field-label,
.field-name-body .node-cnoa-standard-search-result .field-label,
.node-cnoa-standard-search-result .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-standard-search-result .field-label, .node-cnoa-standard-search-result #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-standard-search-result #edit-add-petite-annonce > legend, .node-cnoa-standard-search-result #tableau-architecte .nb-resultats, #tableau-architecte .node-cnoa-standard-search-result .nb-resultats,
.node-cnoa-actualite-search-result h2,
.node-cnoa-actualite-search-result .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-actualite-search-result .field-label,
.node-cnoa-actualite-search-result .field-name-body .field-label,
.field-name-body .node-cnoa-actualite-search-result .field-label,
.node-cnoa-actualite-search-result .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-actualite-search-result .field-label,
.node-cnoa-actualite-search-result #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-actualite-search-result #edit-add-petite-annonce > legend,
.node-cnoa-actualite-search-result #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-actualite-search-result .nb-resultats,
.node-cnoa-dossier-deux-niveaux-search-result h2,
.node-cnoa-dossier-deux-niveaux-search-result .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-dossier-deux-niveaux-search-result .field-label,
.node-cnoa-dossier-deux-niveaux-search-result .field-name-body .field-label,
.field-name-body .node-cnoa-dossier-deux-niveaux-search-result .field-label,
.node-cnoa-dossier-deux-niveaux-search-result .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-dossier-deux-niveaux-search-result .field-label,
.node-cnoa-dossier-deux-niveaux-search-result #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-dossier-deux-niveaux-search-result #edit-add-petite-annonce > legend,
.node-cnoa-dossier-deux-niveaux-search-result #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-dossier-deux-niveaux-search-result .nb-resultats,
.node-cnoa-agence-search-result h2,
.node-cnoa-agence-search-result .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-agence-search-result .field-label,
.node-cnoa-agence-search-result .field-name-body .field-label,
.field-name-body .node-cnoa-agence-search-result .field-label,
.node-cnoa-agence-search-result .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-agence-search-result .field-label,
.node-cnoa-agence-search-result #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-agence-search-result #edit-add-petite-annonce > legend,
.node-cnoa-agence-search-result #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-agence-search-result .nb-resultats {
  font-size: 1.8rem;
  margin: 5px 0;
}
.node-cnoa-standard-search-result img,
.node-cnoa-actualite-search-result img,
.node-cnoa-dossier-deux-niveaux-search-result img,
.node-cnoa-agence-search-result img {
  width: 100%;
}

.node-cnoa-dossier-deux-niveaux-search-result .field-name-field-thematique,
.node-cnoa-dossier-long-search-result .field-name-field-thematique {
  margin: 0;
}
.node-cnoa-dossier-deux-niveaux-search-result .field-name-field-thematique .field-item a,
.node-cnoa-dossier-long-search-result .field-name-field-thematique .field-item a {
  padding: 0;
  background-color: transparent;
}
.node-cnoa-dossier-deux-niveaux-search-result .field-name-field-thematique img,
.node-cnoa-dossier-long-search-result .field-name-field-thematique img {
  width: 100%;
}

/*
 * Standard page content type.
 */
.node-cnoa-standard-full > .content {
  width: 100%;
  padding: 0 30px 0 170px;
}
.node-cnoa-standard-full > .content table {
  border-collapse: separate;
}
.node-cnoa-standard-full .field-name-field-media-principal {
  margin: 10px 0px 40px -140px;
  position: relative;
}
@media (max-width: 1280px) {
  .node-cnoa-standard-full > .content {
    padding-left: 65px;
  }
  .node-cnoa-standard-full .field-name-field-media-principal {
    margin-left: 0;
  }
}
.node-cnoa-standard-full .field-name-field-standard-savoir-plus,
.node-cnoa-standard-full .field-name-field-fichiers {
  width: 50%;
  float: left;
}
.node-cnoa-standard-full .field-name-field-standard-savoir-plus {
  padding-right: 10px;
}
.node-cnoa-standard-full .field-name-field-fichiers {
  padding-left: 10px;
}
@media (max-width: 1024px) {
  .node-cnoa-standard-full > .content {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .node-cnoa-standard-full > .content {
    padding-right: 0;
    width: 100%;
  }
  .node-cnoa-standard-full .field-name-field-standard-savoir-plus,
  .node-cnoa-standard-full .field-name-field-fichiers {
    width: 100%;
    padding: 0;
  }
}

#horaires-contacts {
  float: left;
  width: 100%;
}
#horaires-contacts .field-label {
  margin: 20px 0px 20px;
  font-size: 24px;
  font-weight: bold;
}
#horaires-contacts .label {
  text-transform: uppercase;
  color: #999999;
  font-size: 12px;
  width: 150px;
  float: left;
  line-height: 20px;
}
#horaires-contacts .details {
  width: 100%;
  left: 0px;
  padding: 0px 0px 15px 150px;
}

body.node-type-cnoa-landing-region #horaires-contacts {
  margin-top: auto;
  padding-top: 0;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.node-cnoa-organigramme-full section {
  float: right;
  width: 33.33333%;
  position: relative;
}
@media (max-width: 768px) {
  .node-cnoa-organigramme-full section {
    width: 100%;
    margin-bottom: 20px;
  }
}
.node-cnoa-organigramme-full .field-name-field-accroche {
  padding: 0px 25px 50px 0px;
  border-bottom: 1px solid #e9e9e9;
  float: left;
  width: 66.66667%;
}
@media (max-width: 768px) {
  .node-cnoa-organigramme-full .field-name-field-accroche {
    width: 100%;
  }
}
.node-cnoa-organigramme-full .sommaire {
  z-index: 2;
}
.node-cnoa-organigramme-full .field-name-field-orga-architectes {
  width: 100%;
  float: left;
}
.node-cnoa-organigramme-full .field-name-field-orga-architectes > .field-items > .field-item {
  margin-bottom: 50px;
}
.node-cnoa-organigramme-full .field-name-field-orga-architectes .profile2-architecte {
  width: 33.33333%;
  float: left;
}
@media (max-width: 768px) {
  .node-cnoa-organigramme-full .field-name-field-orga-architectes .profile2-architecte {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .node-cnoa-organigramme-full .field-name-field-orga-architectes .profile2-architecte {
    width: 100%;
  }
}
.node-cnoa-organigramme-full .field-name-field-orga-architectes .profile2-architecte .content a {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f2f2f2;
  position: relative;
}
.node-cnoa-organigramme-full .field-name-field-orga-architectes .profile2-architecte .content a:hover {
  background-color: #ff5e5c;
  color: #ffffff;
}
.node-cnoa-organigramme-full .field-name-field-orga-architectes .profile2-architecte .content a:hover .profile .titre {
  color: #ffffff;
}
.node-cnoa-organigramme-full .field-name-field-orga-architectes .profile2-architecte .content a:hover:after {
  border-color: rgba(136, 183, 213, 0) #ff5e5c rgba(136, 183, 213, 0) rgba(136, 183, 213, 0);
}
.node-cnoa-organigramme-full .field-name-field-orga-architectes .profile2-architecte .content a:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-width: 8px;
  top: 50%;
  right: 50%;
  border-right-color: #f2f2f2;
  margin-top: -8px;
}
.node-cnoa-organigramme-full .field-name-field-orga-architectes .profile2-architecte .content a img {
  width: 50%;
  float: left;
  display: block;
}
.node-cnoa-organigramme-full .field-name-field-orga-architectes .entity-cnoa-architecte .architecte-autres p, .node-cnoa-organigramme-full .field-name-field-orga-architectes .entity-cnoa-architecte .architecte-autres .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus .node-cnoa-organigramme-full .field-name-field-orga-architectes .entity-cnoa-architecte .architecte-autres .field-name-field-texte {
  font-weight: normal;
  text-transform: none;
}
.node-cnoa-organigramme-full .field-name-field-orga-architectes .entity-cnoa-architecte .architecte-autres img {
  width: 100%;
}
.node-cnoa-organigramme-full .field-name-field-orga-architectes .entity-cnoa-architecte .profile p, .node-cnoa-organigramme-full .field-name-field-orga-architectes .entity-cnoa-architecte .profile .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus .node-cnoa-organigramme-full .field-name-field-orga-architectes .entity-cnoa-architecte .profile .field-name-field-texte {
  font-weight: normal;
  width: 100%;
}
@media (min-width: 769px) {
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n-2) .content a, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n-1) .content a, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n) .content a {
    position: relative;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n-2) .content a:after, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n-1) .content a:after, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n) .content a:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 8px;
    top: 50%;
    left: 100%;
    border-left-color: #f2f2f2;
    margin-top: -8px;
  }
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n-2) .content a:after, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n-1) .content a:after, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n) .content a:after {
    left: 50%;
  }
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n-2) .content a:hover:after, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n-1) .content a:hover:after, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n) .content a:hover:after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #ff5e5c;
  }
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n-2) .architecte-autres, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n-1) .architecte-autres, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n) .architecte-autres {
    position: relative;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n-2) .architecte-autres:after, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n-1) .architecte-autres:after, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n) .architecte-autres:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 8px;
    top: 50%;
    left: 100%;
    border-left-color: #f2f2f2;
    margin-top: -8px;
  }
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n-2) .architecte-autres:after, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n-1) .architecte-autres:after, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(6n) .architecte-autres:after {
    left: 50%;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(4n-1) .content a, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(4n) .content a {
    position: relative;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(4n-1) .content a:after, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(4n) .content a:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 8px;
    top: 50%;
    left: 100%;
    border-left-color: #f2f2f2;
    margin-top: -8px;
  }
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(4n-1) .content a:after, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(4n) .content a:after {
    left: 50%;
  }
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(4n-1) .content a:hover:after, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(4n) .content a:hover:after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #ff5e5c;
  }
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(4n-1) .architecte-autres, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(4n) .architecte-autres {
    position: relative;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(4n-1) .architecte-autres:after, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(4n) .architecte-autres:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 8px;
    top: 50%;
    left: 100%;
    border-left-color: #f2f2f2;
    margin-top: -8px;
  }
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(4n-1) .architecte-autres:after, .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(4n) .architecte-autres:after {
    left: 50%;
  }
}
@media (max-width: 480px) {
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(2n) .content a {
    position: relative;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(2n) .content a:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 8px;
    top: 50%;
    left: 100%;
    border-left-color: #f2f2f2;
    margin-top: -8px;
  }
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(2n) .content a:after {
    left: 50%;
  }
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(2n) .content a:hover:after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #ff5e5c;
  }
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(2n) .architecte-autres {
    position: relative;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(2n) .architecte-autres:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 8px;
    top: 50%;
    left: 100%;
    border-left-color: #f2f2f2;
    margin-top: -8px;
  }
  .node-cnoa-organigramme-full .entity-cnoa-architecte-default .content .item-list li:nth-child(2n) .architecte-autres:after {
    left: 50%;
  }
}
.node-cnoa-organigramme-full .architecte-autres {
  width: 33.33333%;
  float: left;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f2f2f2;
  position: relative;
}
@media (max-width: 768px) {
  .node-cnoa-organigramme-full .architecte-autres {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .node-cnoa-organigramme-full .architecte-autres {
    width: 100%;
  }
}
.node-cnoa-organigramme-full .architecte-autres:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-width: 8px;
  top: 50%;
  right: 50%;
  border-right-color: #f2f2f2;
  margin-top: -8px;
}
.node-cnoa-organigramme-full .architecte-autres div.type-image {
  width: 50%;
  float: left;
  display: block;
}
.node-cnoa-organigramme-full .architecte-autres p, .node-cnoa-organigramme-full .architecte-autres .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus .node-cnoa-organigramme-full .architecte-autres .field-name-field-texte {
  width: 50%;
  margin: 0px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.node-cnoa-organigramme-full .architecte-autres p a, .node-cnoa-organigramme-full .architecte-autres .field-name-field-dossier-long-contenus .field-name-field-texte a, .field-name-field-dossier-long-contenus .node-cnoa-organigramme-full .architecte-autres .field-name-field-texte a {
  font-size: 12px;
  text-transform: lowercase;
  font-weight: bold;
}
.node-cnoa-organigramme-full .architecte-autres p a:hover, .node-cnoa-organigramme-full .architecte-autres .field-name-field-dossier-long-contenus .field-name-field-texte a:hover, .field-name-field-dossier-long-contenus .node-cnoa-organigramme-full .architecte-autres .field-name-field-texte a:hover {
  color: #ff5e5c;
}

body.node-type-cnoa-publication .block-cnoa-publication .field-name-field-publication-type:before {
  display: none;
}

.node.node-cnoa-dossier-long .sommaire {
  z-index: 16;
}
.node.node-cnoa-dossier-long .entity h2, .node.node-cnoa-dossier-long .entity .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .node.node-cnoa-dossier-long .entity .field-label,
.node.node-cnoa-dossier-long .entity .field-name-body .field-label,
.field-name-body .node.node-cnoa-dossier-long .entity .field-label,
.node.node-cnoa-dossier-long .entity .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node.node-cnoa-dossier-long .entity .field-label, .node.node-cnoa-dossier-long .entity #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .node.node-cnoa-dossier-long .entity #edit-add-petite-annonce > legend, .node.node-cnoa-dossier-long .entity #tableau-architecte .nb-resultats, #tableau-architecte .node.node-cnoa-dossier-long .entity .nb-resultats {
  padding-top: 110px;
  margin-top: -110px;
}
@media (max-width: 768px) {
  .node.node-cnoa-dossier-long .sommaire,
  .node.node-cnoa-dossier-long #sticky-wrapper {
    display: none;
  }
}

.node-cnoa-dossier-deux-niveaux-full .contenus-meme-sujet {
  margin-left: 30px;
}

.node-cnoa-formation-full .field-name-field-formation-logo-label .field-items .field-item {
  display: inline-block;
  margin-left: 10px;
}
.node-cnoa-formation-full .field-name-field-formation-logo-label .field-items .field-item:first-child {
  margin-left: 0;
}
.node-cnoa-formation-full .field-name-field-formation-objectifs,
.node-cnoa-formation-full .field-name-body {
  padding-bottom: 15px;
}
.node-cnoa-formation-full .field-name-field-formation-objectifs p, .node-cnoa-formation-full .field-name-field-formation-objectifs .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus .node-cnoa-formation-full .field-name-field-formation-objectifs .field-name-field-texte,
.node-cnoa-formation-full .field-name-body p,
.node-cnoa-formation-full .field-name-body .field-name-field-dossier-long-contenus .field-name-field-texte,
.field-name-field-dossier-long-contenus .node-cnoa-formation-full .field-name-body .field-name-field-texte {
  margin: 0;
}
.node-cnoa-formation-full .field-name-field-formation-objectifs .field-label,
.node-cnoa-formation-full .field-name-body .field-label,
.node-cnoa-formation-full .field-name-field-formation-formateur .field-label {
  margin-bottom: 10px;
}
.node-cnoa-formation-full .field-name-field-formation-cout-ttc > .field-items > .field-item,
.node-cnoa-formation-full .field-name-field-formation-cout-ht > .field-items > .field-item {
  display: list-item;
  margin-left: 15px;
}
.node-cnoa-formation-full .aside .formation-thematique-image {
  margin: 30px 0px;
  width: max-content;
}

.transition_ecologique_icon {
  width: 27px;
  height: 27px;
  background: url(../images/ic_ecological_transition_green.jpg);
}

.node-cnoa-actualite-full .field-name-field-fichiers + .group-publication,
.node-cnoa-dossier-long-full .field-name-field-fichiers + .group-publication,
.node-cnoa-standard-full .field-name-field-fichiers + .group-publication,
.node-cnoa-publication-full .field-name-field-fichiers + .group-publication {
  margin: 0 0 40px;
}
@media (max-width: 768px) {
  .node-cnoa-actualite-full .field-name-field-fichiers + .group-publication,
  .node-cnoa-dossier-long-full .field-name-field-fichiers + .group-publication,
  .node-cnoa-standard-full .field-name-field-fichiers + .group-publication,
  .node-cnoa-publication-full .field-name-field-fichiers + .group-publication {
    width: 100%;
  }
}

body.node-type-cnoa-landing-region .region-content {
  padding: 0;
}

.taxonomy-term > .content .mea-three,
.node-cnoa-landing-univers > .content .mea-three,
.node-cnoa-landing-region > .content .mea-three {
  margin-bottom: 60px;
}
.taxonomy-term > .content .mea-three .left,
.node-cnoa-landing-univers > .content .mea-three .left,
.node-cnoa-landing-region > .content .mea-three .left {
  width: 67.93%;
  float: left;
  padding-right: 20px;
}
@media (max-width: 1024px) {
  .taxonomy-term > .content .mea-three .left,
  .node-cnoa-landing-univers > .content .mea-three .left,
  .node-cnoa-landing-region > .content .mea-three .left {
    float: none;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
}
.taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field h2, .taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field .field-label,
.taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field .field-name-body .field-label,
.field-name-body .taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field .field-label,
.taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field .field-label, .taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field #edit-add-petite-annonce > legend, .taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field #tableau-architecte .nb-resultats, #tableau-architecte .taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field .nb-resultats,
.node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field h2,
.node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field .field-label,
.node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field .field-name-body .field-label,
.field-name-body .node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field .field-label,
.node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field .field-label,
.node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field #edit-add-petite-annonce > legend,
.node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field .nb-resultats,
.node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field h2,
.node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field .field-label,
.node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field .field-name-body .field-label,
.field-name-body .node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field .field-label,
.node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field .field-label,
.node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field #edit-add-petite-annonce > legend,
.node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field .nb-resultats {
  font-size: 3.5rem;
}
@media (max-width: 480px) {
  .taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field h2, .taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field .field-label,
  .taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field .field-name-body .field-label,
  .field-name-body .taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field .field-label,
  .taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field .field-name-field-formation-formateur .field-label,
  .field-name-field-formation-formateur .taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field .field-label, .taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field #edit-add-petite-annonce > legend, .taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field #tableau-architecte .nb-resultats, #tableau-architecte .taxonomy-term > .content .mea-three .left .node-teaser .field-name-title-field .nb-resultats,
  .node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field h2,
  .node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field .field-name-field-formation-objectifs .field-label,
  .field-name-field-formation-objectifs .node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field .field-label,
  .node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field .field-name-body .field-label,
  .field-name-body .node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field .field-label,
  .node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field .field-name-field-formation-formateur .field-label,
  .field-name-field-formation-formateur .node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field .field-label,
  .node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
  #block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field #edit-add-petite-annonce > legend,
  .node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field #tableau-architecte .nb-resultats,
  #tableau-architecte .node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-title-field .nb-resultats,
  .node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field h2,
  .node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field .field-name-field-formation-objectifs .field-label,
  .field-name-field-formation-objectifs .node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field .field-label,
  .node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field .field-name-body .field-label,
  .field-name-body .node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field .field-label,
  .node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field .field-name-field-formation-formateur .field-label,
  .field-name-field-formation-formateur .node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field .field-label,
  .node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
  #block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field #edit-add-petite-annonce > legend,
  .node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field #tableau-architecte .nb-resultats,
  #tableau-architecte .node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-title-field .nb-resultats {
    font-size: 2.4rem;
  }
}
.taxonomy-term > .content .mea-three .left .node-teaser .field-name-field-media-principal .legend.horizontal,
.node-cnoa-landing-univers > .content .mea-three .left .node-teaser .field-name-field-media-principal .legend.horizontal,
.node-cnoa-landing-region > .content .mea-three .left .node-teaser .field-name-field-media-principal .legend.horizontal {
  display: none;
}
.taxonomy-term > .content .mea-three .left .without-image,
.node-cnoa-landing-univers > .content .mea-three .left .without-image,
.node-cnoa-landing-region > .content .mea-three .left .without-image {
  height: 562px;
}
.taxonomy-term > .content .mea-three .left .without-image .field-name-field-type-actualite, .taxonomy-term > .content .mea-three .left .without-image a,
.node-cnoa-landing-univers > .content .mea-three .left .without-image .field-name-field-type-actualite,
.node-cnoa-landing-univers > .content .mea-three .left .without-image a,
.node-cnoa-landing-region > .content .mea-three .left .without-image .field-name-field-type-actualite,
.node-cnoa-landing-region > .content .mea-three .left .without-image a {
  color: #000;
}
.taxonomy-term > .content .mea-three .left iframe,
.node-cnoa-landing-univers > .content .mea-three .left iframe,
.node-cnoa-landing-region > .content .mea-three .left iframe {
  height: 555px;
}
.taxonomy-term > .content .mea-three .right,
.node-cnoa-landing-univers > .content .mea-three .right,
.node-cnoa-landing-region > .content .mea-three .right {
  width: 32.05%;
  float: right;
}
@media (max-width: 1024px) {
  .taxonomy-term > .content .mea-three .right,
  .node-cnoa-landing-univers > .content .mea-three .right,
  .node-cnoa-landing-region > .content .mea-three .right {
    width: 100%;
    float: none;
    margin: 0 0 0 -25px;
  }
  .taxonomy-term > .content .mea-three .right:after,
  .node-cnoa-landing-univers > .content .mea-three .right:after,
  .node-cnoa-landing-region > .content .mea-three .right:after {
    content: '';
    clear: both;
  }
  .taxonomy-term > .content .mea-three .right .node,
  .node-cnoa-landing-univers > .content .mea-three .right .node,
  .node-cnoa-landing-region > .content .mea-three .right .node {
    width: 50%;
    padding-left: 25px;
    float: left;
  }
  .taxonomy-term > .content .mea-three .right .node .content,
  .node-cnoa-landing-univers > .content .mea-three .right .node .content,
  .node-cnoa-landing-region > .content .mea-three .right .node .content {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .taxonomy-term > .content .mea-three .right,
  .node-cnoa-landing-univers > .content .mea-three .right,
  .node-cnoa-landing-region > .content .mea-three .right {
    margin: 0;
  }
  .taxonomy-term > .content .mea-three .right .node,
  .node-cnoa-landing-univers > .content .mea-three .right .node,
  .node-cnoa-landing-region > .content .mea-three .right .node {
    width: 100%;
    padding-left: 0;
  }
}
.taxonomy-term > .content .mea-three .right .node-teaser .content .field-name-title-field *,
.node-cnoa-landing-univers > .content .mea-three .right .node-teaser .content .field-name-title-field *,
.node-cnoa-landing-region > .content .mea-three .right .node-teaser .content .field-name-title-field * {
  font-size: 3rem;
}
@media (max-width: 1280px) {
  .taxonomy-term > .content .mea-three .right .node-teaser .content .field-name-title-field *,
  .node-cnoa-landing-univers > .content .mea-three .right .node-teaser .content .field-name-title-field *,
  .node-cnoa-landing-region > .content .mea-three .right .node-teaser .content .field-name-title-field * {
    font-size: 2.6rem;
  }
}
@media (max-width: 768px) {
  .taxonomy-term > .content .mea-three .right .node-teaser .content .field-name-title-field *,
  .node-cnoa-landing-univers > .content .mea-three .right .node-teaser .content .field-name-title-field *,
  .node-cnoa-landing-region > .content .mea-three .right .node-teaser .content .field-name-title-field * {
    font-size: 2rem;
  }
}
.taxonomy-term > .content .mea-three .right .node-teaser:first-child,
.node-cnoa-landing-univers > .content .mea-three .right .node-teaser:first-child,
.node-cnoa-landing-region > .content .mea-three .right .node-teaser:first-child {
  margin-bottom: 13px;
}
.taxonomy-term > .content .mea-three .right .without-image,
.node-cnoa-landing-univers > .content .mea-three .right .without-image,
.node-cnoa-landing-region > .content .mea-three .right .without-image {
  height: 271px;
}
.taxonomy-term > .content .mea-three .right .without-image .field-name-field-type-actualite, .taxonomy-term > .content .mea-three .right .without-image a,
.node-cnoa-landing-univers > .content .mea-three .right .without-image .field-name-field-type-actualite,
.node-cnoa-landing-univers > .content .mea-three .right .without-image a,
.node-cnoa-landing-region > .content .mea-three .right .without-image .field-name-field-type-actualite,
.node-cnoa-landing-region > .content .mea-three .right .without-image a {
  color: black;
}
.taxonomy-term > .content .mea-three .right iframe,
.node-cnoa-landing-univers > .content .mea-three .right iframe,
.node-cnoa-landing-region > .content .mea-three .right iframe {
  height: 271px;
}
.taxonomy-term > .content .mea-three .title,
.node-cnoa-landing-univers > .content .mea-three .title,
.node-cnoa-landing-region > .content .mea-three .title {
  display: none;
}
.taxonomy-term > .content .mea-six,
.node-cnoa-landing-univers > .content .mea-six,
.node-cnoa-landing-region > .content .mea-six {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 30px -25px;
}
.taxonomy-term > .content .mea-six .node-teaser,
.node-cnoa-landing-univers > .content .mea-six .node-teaser,
.node-cnoa-landing-region > .content .mea-six .node-teaser {
  display: -webkit-flex;
  display: flex;
  width: 33%;
  padding-left: 25px;
  margin-bottom: 25px;
}
.taxonomy-term > .content .mea-six .node-teaser > .content,
.node-cnoa-landing-univers > .content .mea-six .node-teaser > .content,
.node-cnoa-landing-region > .content .mea-six .node-teaser > .content {
  width: 100%;
}
@media (max-width: 1024px) {
  .taxonomy-term > .content .mea-six .node-teaser,
  .node-cnoa-landing-univers > .content .mea-six .node-teaser,
  .node-cnoa-landing-region > .content .mea-six .node-teaser {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .taxonomy-term > .content .mea-six .node-teaser,
  .node-cnoa-landing-univers > .content .mea-six .node-teaser,
  .node-cnoa-landing-region > .content .mea-six .node-teaser {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .taxonomy-term > .content .mea-six .node-teaser,
  .node-cnoa-landing-univers > .content .mea-six .node-teaser,
  .node-cnoa-landing-region > .content .mea-six .node-teaser {
    width: 100%;
  }
}
.taxonomy-term > .content .mea-six .node-teaser .field-name-field-annonce-desc-succinte,
.node-cnoa-landing-univers > .content .mea-six .node-teaser .field-name-field-annonce-desc-succinte,
.node-cnoa-landing-region > .content .mea-six .node-teaser .field-name-field-annonce-desc-succinte {
  border: none;
}
.taxonomy-term > .content .mea-six .node-teaser.no-image .content,
.node-cnoa-landing-univers > .content .mea-six .node-teaser.no-image .content,
.node-cnoa-landing-region > .content .mea-six .node-teaser.no-image .content {
  padding: 30px;
}
.taxonomy-term > .content .mea-six .node-teaser.no-image .content .title-wrapper,
.node-cnoa-landing-univers > .content .mea-six .node-teaser.no-image .content .title-wrapper,
.node-cnoa-landing-region > .content .mea-six .node-teaser.no-image .content .title-wrapper {
  position: relative;
  padding: 0;
}
.taxonomy-term > .content .mea-six .node-teaser.no-image .content .title-wrapper *,
.node-cnoa-landing-univers > .content .mea-six .node-teaser.no-image .content .title-wrapper *,
.node-cnoa-landing-region > .content .mea-six .node-teaser.no-image .content .title-wrapper * {
  color: #000000;
}
.taxonomy-term > .content .mea-six .node-cnoa-formation.node-teaser.no-image .content,
.node-cnoa-landing-univers > .content .mea-six .node-cnoa-formation.node-teaser.no-image .content,
.node-cnoa-landing-region > .content .mea-six .node-cnoa-formation.node-teaser.no-image .content {
  padding: 0 30px;
}
.taxonomy-term > .content .mea-six .node-cnoa-publication-teaser .content .field-name-field-publication-type,
.node-cnoa-landing-univers > .content .mea-six .node-cnoa-publication-teaser .content .field-name-field-publication-type,
.node-cnoa-landing-region > .content .mea-six .node-cnoa-publication-teaser .content .field-name-field-publication-type {
  color: #ffffff;
}
.taxonomy-term > .content .mea-six .node-cnoa-standard-teaser .content,
.node-cnoa-landing-univers > .content .mea-six .node-cnoa-standard-teaser .content,
.node-cnoa-landing-region > .content .mea-six .node-cnoa-standard-teaser .content {
  position: relative;
}
.taxonomy-term > .content .mea-six .node-cnoa-standard-teaser .content .field-name-title-field,
.node-cnoa-landing-univers > .content .mea-six .node-cnoa-standard-teaser .content .field-name-title-field,
.node-cnoa-landing-region > .content .mea-six .node-cnoa-standard-teaser .content .field-name-title-field {
  position: absolute;
  padding: 30px;
  bottom: 0px;
}
.taxonomy-term > .content .mea-six .title,
.node-cnoa-landing-univers > .content .mea-six .title,
.node-cnoa-landing-region > .content .mea-six .title {
  display: none;
}
.taxonomy-term > .content .mea-six iframe,
.node-cnoa-landing-univers > .content .mea-six iframe,
.node-cnoa-landing-region > .content .mea-six iframe {
  height: 271px;
}
.taxonomy-term > .content .mea .field-name-field-media-principal,
.node-cnoa-landing-univers > .content .mea .field-name-field-media-principal,
.node-cnoa-landing-region > .content .mea .field-name-field-media-principal {
  margin-bottom: 0;
  position: relative;
}
.taxonomy-term > .content .mea .field-name-field-media-principal:after,
.node-cnoa-landing-univers > .content .mea .field-name-field-media-principal:after,
.node-cnoa-landing-region > .content .mea .field-name-field-media-principal:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: " ";
  opacity: 0.4;
  background: url("../images/img-overlay.png") repeat-x left bottom;
}
.taxonomy-term > .content .node-teaser,
.node-cnoa-landing-univers > .content .node-teaser,
.node-cnoa-landing-region > .content .node-teaser {
  position: relative;
}
.taxonomy-term > .content .node-teaser .field-name-field-media-principal,
.node-cnoa-landing-univers > .content .node-teaser .field-name-field-media-principal,
.node-cnoa-landing-region > .content .node-teaser .field-name-field-media-principal {
  margin-bottom: 0;
}
.taxonomy-term > .content .node-teaser .field-name-field-media-principal iframe,
.taxonomy-term > .content .node-teaser .field-name-field-media-principal img,
.node-cnoa-landing-univers > .content .node-teaser .field-name-field-media-principal iframe,
.node-cnoa-landing-univers > .content .node-teaser .field-name-field-media-principal img,
.node-cnoa-landing-region > .content .node-teaser .field-name-field-media-principal iframe,
.node-cnoa-landing-region > .content .node-teaser .field-name-field-media-principal img {
  width: 100%;
}
.taxonomy-term > .content .node-teaser .field-name-title-field,
.node-cnoa-landing-univers > .content .node-teaser .field-name-title-field,
.node-cnoa-landing-region > .content .node-teaser .field-name-title-field {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
}
.taxonomy-term > .content .node-teaser .field-name-title-field h2, .taxonomy-term > .content .node-teaser .field-name-title-field .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .taxonomy-term > .content .node-teaser .field-name-title-field .field-label,
.taxonomy-term > .content .node-teaser .field-name-title-field .field-name-body .field-label,
.field-name-body .taxonomy-term > .content .node-teaser .field-name-title-field .field-label,
.taxonomy-term > .content .node-teaser .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .taxonomy-term > .content .node-teaser .field-name-title-field .field-label, .taxonomy-term > .content .node-teaser .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .taxonomy-term > .content .node-teaser .field-name-title-field #edit-add-petite-annonce > legend, .taxonomy-term > .content .node-teaser .field-name-title-field #tableau-architecte .nb-resultats, #tableau-architecte .taxonomy-term > .content .node-teaser .field-name-title-field .nb-resultats,
.node-cnoa-landing-univers > .content .node-teaser .field-name-title-field h2,
.node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .field-label,
.node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .field-name-body .field-label,
.field-name-body .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .field-label,
.node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .field-label,
.node-cnoa-landing-univers > .content .node-teaser .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field #edit-add-petite-annonce > legend,
.node-cnoa-landing-univers > .content .node-teaser .field-name-title-field #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .nb-resultats,
.node-cnoa-landing-region > .content .node-teaser .field-name-title-field h2,
.node-cnoa-landing-region > .content .node-teaser .field-name-title-field .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-landing-region > .content .node-teaser .field-name-title-field .field-label,
.node-cnoa-landing-region > .content .node-teaser .field-name-title-field .field-name-body .field-label,
.field-name-body .node-cnoa-landing-region > .content .node-teaser .field-name-title-field .field-label,
.node-cnoa-landing-region > .content .node-teaser .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-landing-region > .content .node-teaser .field-name-title-field .field-label,
.node-cnoa-landing-region > .content .node-teaser .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-landing-region > .content .node-teaser .field-name-title-field #edit-add-petite-annonce > legend,
.node-cnoa-landing-region > .content .node-teaser .field-name-title-field #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-landing-region > .content .node-teaser .field-name-title-field .nb-resultats {
  font-size: 2.8rem;
}
@media (max-width: 1280px) {
  .taxonomy-term > .content .node-teaser .field-name-title-field,
  .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field,
  .node-cnoa-landing-region > .content .node-teaser .field-name-title-field {
    font-size: 2.2rem;
  }
  .taxonomy-term > .content .node-teaser .field-name-title-field h2, .taxonomy-term > .content .node-teaser .field-name-title-field .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .taxonomy-term > .content .node-teaser .field-name-title-field .field-label,
  .taxonomy-term > .content .node-teaser .field-name-title-field .field-name-body .field-label,
  .field-name-body .taxonomy-term > .content .node-teaser .field-name-title-field .field-label,
  .taxonomy-term > .content .node-teaser .field-name-title-field .field-name-field-formation-formateur .field-label,
  .field-name-field-formation-formateur .taxonomy-term > .content .node-teaser .field-name-title-field .field-label, .taxonomy-term > .content .node-teaser .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .taxonomy-term > .content .node-teaser .field-name-title-field #edit-add-petite-annonce > legend, .taxonomy-term > .content .node-teaser .field-name-title-field #tableau-architecte .nb-resultats, #tableau-architecte .taxonomy-term > .content .node-teaser .field-name-title-field .nb-resultats,
  .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field h2,
  .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .field-name-field-formation-objectifs .field-label,
  .field-name-field-formation-objectifs .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .field-label,
  .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .field-name-body .field-label,
  .field-name-body .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .field-label,
  .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .field-name-field-formation-formateur .field-label,
  .field-name-field-formation-formateur .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .field-label,
  .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
  #block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field #edit-add-petite-annonce > legend,
  .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field #tableau-architecte .nb-resultats,
  #tableau-architecte .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .nb-resultats,
  .node-cnoa-landing-region > .content .node-teaser .field-name-title-field h2,
  .node-cnoa-landing-region > .content .node-teaser .field-name-title-field .field-name-field-formation-objectifs .field-label,
  .field-name-field-formation-objectifs .node-cnoa-landing-region > .content .node-teaser .field-name-title-field .field-label,
  .node-cnoa-landing-region > .content .node-teaser .field-name-title-field .field-name-body .field-label,
  .field-name-body .node-cnoa-landing-region > .content .node-teaser .field-name-title-field .field-label,
  .node-cnoa-landing-region > .content .node-teaser .field-name-title-field .field-name-field-formation-formateur .field-label,
  .field-name-field-formation-formateur .node-cnoa-landing-region > .content .node-teaser .field-name-title-field .field-label,
  .node-cnoa-landing-region > .content .node-teaser .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
  #block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-landing-region > .content .node-teaser .field-name-title-field #edit-add-petite-annonce > legend,
  .node-cnoa-landing-region > .content .node-teaser .field-name-title-field #tableau-architecte .nb-resultats,
  #tableau-architecte .node-cnoa-landing-region > .content .node-teaser .field-name-title-field .nb-resultats {
    font-size: 2.2rem;
  }
}
@media (max-width: 768px) {
  .taxonomy-term > .content .node-teaser .field-name-title-field,
  .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field,
  .node-cnoa-landing-region > .content .node-teaser .field-name-title-field {
    font-size: 2rem;
  }
  .taxonomy-term > .content .node-teaser .field-name-title-field h2, .taxonomy-term > .content .node-teaser .field-name-title-field .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .taxonomy-term > .content .node-teaser .field-name-title-field .field-label,
  .taxonomy-term > .content .node-teaser .field-name-title-field .field-name-body .field-label,
  .field-name-body .taxonomy-term > .content .node-teaser .field-name-title-field .field-label,
  .taxonomy-term > .content .node-teaser .field-name-title-field .field-name-field-formation-formateur .field-label,
  .field-name-field-formation-formateur .taxonomy-term > .content .node-teaser .field-name-title-field .field-label, .taxonomy-term > .content .node-teaser .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .taxonomy-term > .content .node-teaser .field-name-title-field #edit-add-petite-annonce > legend, .taxonomy-term > .content .node-teaser .field-name-title-field #tableau-architecte .nb-resultats, #tableau-architecte .taxonomy-term > .content .node-teaser .field-name-title-field .nb-resultats,
  .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field h2,
  .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .field-name-field-formation-objectifs .field-label,
  .field-name-field-formation-objectifs .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .field-label,
  .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .field-name-body .field-label,
  .field-name-body .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .field-label,
  .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .field-name-field-formation-formateur .field-label,
  .field-name-field-formation-formateur .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .field-label,
  .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
  #block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field #edit-add-petite-annonce > legend,
  .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field #tableau-architecte .nb-resultats,
  #tableau-architecte .node-cnoa-landing-univers > .content .node-teaser .field-name-title-field .nb-resultats,
  .node-cnoa-landing-region > .content .node-teaser .field-name-title-field h2,
  .node-cnoa-landing-region > .content .node-teaser .field-name-title-field .field-name-field-formation-objectifs .field-label,
  .field-name-field-formation-objectifs .node-cnoa-landing-region > .content .node-teaser .field-name-title-field .field-label,
  .node-cnoa-landing-region > .content .node-teaser .field-name-title-field .field-name-body .field-label,
  .field-name-body .node-cnoa-landing-region > .content .node-teaser .field-name-title-field .field-label,
  .node-cnoa-landing-region > .content .node-teaser .field-name-title-field .field-name-field-formation-formateur .field-label,
  .field-name-field-formation-formateur .node-cnoa-landing-region > .content .node-teaser .field-name-title-field .field-label,
  .node-cnoa-landing-region > .content .node-teaser .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
  #block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-landing-region > .content .node-teaser .field-name-title-field #edit-add-petite-annonce > legend,
  .node-cnoa-landing-region > .content .node-teaser .field-name-title-field #tableau-architecte .nb-resultats,
  #tableau-architecte .node-cnoa-landing-region > .content .node-teaser .field-name-title-field .nb-resultats {
    font-size: 2rem;
  }
}
.taxonomy-term > .content .node-teaser .field-name-field-annonce-desc-succinte,
.node-cnoa-landing-univers > .content .node-teaser .field-name-field-annonce-desc-succinte,
.node-cnoa-landing-region > .content .node-teaser .field-name-field-annonce-desc-succinte {
  margin-bottom: 0;
  font-size: 1.4rem;
}
.taxonomy-term > .content .node-teaser .title-wrapper,
.taxonomy-term > .content .node-teaser .group-title-wrapper,
.node-cnoa-landing-univers > .content .node-teaser .title-wrapper,
.node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper,
.node-cnoa-landing-region > .content .node-teaser .title-wrapper,
.node-cnoa-landing-region > .content .node-teaser .group-title-wrapper {
  position: absolute;
  padding: 30px;
  bottom: 0;
}
@media (max-width: 768px) {
  .taxonomy-term > .content .node-teaser .title-wrapper,
  .taxonomy-term > .content .node-teaser .group-title-wrapper,
  .node-cnoa-landing-univers > .content .node-teaser .title-wrapper,
  .node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper,
  .node-cnoa-landing-region > .content .node-teaser .title-wrapper,
  .node-cnoa-landing-region > .content .node-teaser .group-title-wrapper {
    padding: 25px;
  }
}
.taxonomy-term > .content .node-teaser .title-wrapper .field-name-field-type-actualite,
.taxonomy-term > .content .node-teaser .group-title-wrapper .field-name-field-type-actualite,
.node-cnoa-landing-univers > .content .node-teaser .title-wrapper .field-name-field-type-actualite,
.node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-name-field-type-actualite,
.node-cnoa-landing-region > .content .node-teaser .title-wrapper .field-name-field-type-actualite,
.node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-name-field-type-actualite {
  text-transform: uppercase;
  color: #ffffff;
}
.taxonomy-term > .content .node-teaser .title-wrapper h2, .taxonomy-term > .content .node-teaser .title-wrapper .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .taxonomy-term > .content .node-teaser .title-wrapper .field-label,
.taxonomy-term > .content .node-teaser .title-wrapper .field-name-body .field-label,
.field-name-body .taxonomy-term > .content .node-teaser .title-wrapper .field-label,
.taxonomy-term > .content .node-teaser .title-wrapper .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .taxonomy-term > .content .node-teaser .title-wrapper .field-label, .taxonomy-term > .content .node-teaser .title-wrapper #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .taxonomy-term > .content .node-teaser .title-wrapper #edit-add-petite-annonce > legend, .taxonomy-term > .content .node-teaser .title-wrapper #tableau-architecte .nb-resultats, #tableau-architecte .taxonomy-term > .content .node-teaser .title-wrapper .nb-resultats,
.taxonomy-term > .content .node-teaser .group-title-wrapper h2,
.taxonomy-term > .content .node-teaser .group-title-wrapper .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .taxonomy-term > .content .node-teaser .group-title-wrapper .field-label,
.taxonomy-term > .content .node-teaser .group-title-wrapper .field-name-body .field-label,
.field-name-body .taxonomy-term > .content .node-teaser .group-title-wrapper .field-label,
.taxonomy-term > .content .node-teaser .group-title-wrapper .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .taxonomy-term > .content .node-teaser .group-title-wrapper .field-label,
.taxonomy-term > .content .node-teaser .group-title-wrapper #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .taxonomy-term > .content .node-teaser .group-title-wrapper #edit-add-petite-annonce > legend,
.taxonomy-term > .content .node-teaser .group-title-wrapper #tableau-architecte .nb-resultats,
#tableau-architecte .taxonomy-term > .content .node-teaser .group-title-wrapper .nb-resultats,
.node-cnoa-landing-univers > .content .node-teaser .title-wrapper h2,
.node-cnoa-landing-univers > .content .node-teaser .title-wrapper .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-landing-univers > .content .node-teaser .title-wrapper .field-label,
.node-cnoa-landing-univers > .content .node-teaser .title-wrapper .field-name-body .field-label,
.field-name-body .node-cnoa-landing-univers > .content .node-teaser .title-wrapper .field-label,
.node-cnoa-landing-univers > .content .node-teaser .title-wrapper .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-landing-univers > .content .node-teaser .title-wrapper .field-label,
.node-cnoa-landing-univers > .content .node-teaser .title-wrapper #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-landing-univers > .content .node-teaser .title-wrapper #edit-add-petite-annonce > legend,
.node-cnoa-landing-univers > .content .node-teaser .title-wrapper #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-landing-univers > .content .node-teaser .title-wrapper .nb-resultats,
.node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper h2,
.node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-label,
.node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-name-body .field-label,
.field-name-body .node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-label,
.node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-label,
.node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper #edit-add-petite-annonce > legend,
.node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .nb-resultats,
.node-cnoa-landing-region > .content .node-teaser .title-wrapper h2,
.node-cnoa-landing-region > .content .node-teaser .title-wrapper .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-landing-region > .content .node-teaser .title-wrapper .field-label,
.node-cnoa-landing-region > .content .node-teaser .title-wrapper .field-name-body .field-label,
.field-name-body .node-cnoa-landing-region > .content .node-teaser .title-wrapper .field-label,
.node-cnoa-landing-region > .content .node-teaser .title-wrapper .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-landing-region > .content .node-teaser .title-wrapper .field-label,
.node-cnoa-landing-region > .content .node-teaser .title-wrapper #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-landing-region > .content .node-teaser .title-wrapper #edit-add-petite-annonce > legend,
.node-cnoa-landing-region > .content .node-teaser .title-wrapper #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-landing-region > .content .node-teaser .title-wrapper .nb-resultats,
.node-cnoa-landing-region > .content .node-teaser .group-title-wrapper h2,
.node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-label,
.node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-name-body .field-label,
.field-name-body .node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-label,
.node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-label,
.node-cnoa-landing-region > .content .node-teaser .group-title-wrapper #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-landing-region > .content .node-teaser .group-title-wrapper #edit-add-petite-annonce > legend,
.node-cnoa-landing-region > .content .node-teaser .group-title-wrapper #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .nb-resultats {
  margin: 0;
}
.taxonomy-term > .content .node-teaser .group-title-wrapper .field-name-title-field h2 a, .taxonomy-term > .content .node-teaser .group-title-wrapper .field-name-title-field .field-name-field-formation-objectifs .field-label a, .field-name-field-formation-objectifs .taxonomy-term > .content .node-teaser .group-title-wrapper .field-name-title-field .field-label a,
.taxonomy-term > .content .node-teaser .group-title-wrapper .field-name-title-field .field-name-body .field-label a,
.field-name-body .taxonomy-term > .content .node-teaser .group-title-wrapper .field-name-title-field .field-label a,
.taxonomy-term > .content .node-teaser .group-title-wrapper .field-name-title-field .field-name-field-formation-formateur .field-label a,
.field-name-field-formation-formateur .taxonomy-term > .content .node-teaser .group-title-wrapper .field-name-title-field .field-label a, .taxonomy-term > .content .node-teaser .group-title-wrapper .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend a, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .taxonomy-term > .content .node-teaser .group-title-wrapper .field-name-title-field #edit-add-petite-annonce > legend a, .taxonomy-term > .content .node-teaser .group-title-wrapper .field-name-title-field #tableau-architecte .nb-resultats a, #tableau-architecte .taxonomy-term > .content .node-teaser .group-title-wrapper .field-name-title-field .nb-resultats a,
.node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-name-title-field h2 a,
.node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-name-title-field .field-name-field-formation-objectifs .field-label a,
.field-name-field-formation-objectifs .node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-name-title-field .field-label a,
.node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-name-title-field .field-name-body .field-label a,
.field-name-body .node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-name-title-field .field-label a,
.node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-name-title-field .field-name-field-formation-formateur .field-label a,
.field-name-field-formation-formateur .node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-name-title-field .field-label a,
.node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend a,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-name-title-field #edit-add-petite-annonce > legend a,
.node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-name-title-field #tableau-architecte .nb-resultats a,
#tableau-architecte .node-cnoa-landing-univers > .content .node-teaser .group-title-wrapper .field-name-title-field .nb-resultats a,
.node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-name-title-field h2 a,
.node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-name-title-field .field-name-field-formation-objectifs .field-label a,
.field-name-field-formation-objectifs .node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-name-title-field .field-label a,
.node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-name-title-field .field-name-body .field-label a,
.field-name-body .node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-name-title-field .field-label a,
.node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-name-title-field .field-name-field-formation-formateur .field-label a,
.field-name-field-formation-formateur .node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-name-title-field .field-label a,
.node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend a,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-name-title-field #edit-add-petite-annonce > legend a,
.node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-name-title-field #tableau-architecte .nb-resultats a,
#tableau-architecte .node-cnoa-landing-region > .content .node-teaser .group-title-wrapper .field-name-title-field .nb-resultats a {
  color: #ffffff;
}

.group-actualites {
  margin-bottom: 60px;
}

.group-autopromos {
  clear: both;
}
.group-autopromos .field-items .field-item h2, .group-autopromos .field-items .field-item .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .group-autopromos .field-items .field-item .field-label,
.group-autopromos .field-items .field-item .field-name-body .field-label,
.field-name-body .group-autopromos .field-items .field-item .field-label,
.group-autopromos .field-items .field-item .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .group-autopromos .field-items .field-item .field-label, .group-autopromos .field-items .field-item #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .group-autopromos .field-items .field-item #edit-add-petite-annonce > legend, .group-autopromos .field-items .field-item #tableau-architecte .nb-resultats, #tableau-architecte .group-autopromos .field-items .field-item .nb-resultats {
  font-size: 1.8rem;
  margin: 10px 0 0 0;
}
.group-autopromos .field-items .field-item a {
  display: block;
}
.group-autopromos .field-items .field-item .image {
  position: relative;
  width: max-content;
}
.group-autopromos .field-items .field-item .image img {
  width: 100%;
  height: auto;
}
.group-autopromos .field-items .field-item .image:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: " ";
  opacity: 0.5;
  background: rgba(0, 0, 0, 0.5);
}
.group-autopromos .field-items .field-item .image .subtitle {
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  font-size: 3rem;
  color: #ffffff;
  font-weight: 700;
  top: 50%;
  transform: translateY(-30%);
  z-index: 3;
  text-align: center;
}
@media (max-width: 1024px) {
  .group-autopromos .field-items .field-item .image .subtitle {
    font-size: 2.4rem;
  }
}
@media (max-width: 768px) {
  .group-autopromos .field-items .field-item .image .subtitle {
    font-size: 1.6rem;
    top: 45%;
  }
}

.group-edito {
  margin-bottom: 60px;
}
.group-edito .left {
  float: left;
  width: 70%;
  padding-right: 50px;
}
@media (max-width: 768px) {
  .group-edito .left {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 40px;
  }
}
.group-edito .left .field-name-field-landing-edito .field-name-field-accroche {
  padding-bottom: 10px;
}
.group-edito .left .field-name-field-landing-edito .date-author {
  padding: 0;
  border: none;
  margin: 0 0 30px 0;
}
.group-edito .left .field-name-field-landing-edito .date-author .date {
  color: #ff5e5c;
}
.group-edito .right {
  float: right;
  width: 30%;
}
@media (max-width: 768px) {
  .group-edito .right {
    width: 100%;
    float: none;
  }
}
.group-edito .right .field-name-field-landing-partenaires > .field-label {
  margin: 10px 0 15px 0;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.4rem;
}
.group-edito .right .field-name-field-landing-partenaires .field-name-field-logo .slick-track {
  width: 100% !important;
}
.group-edito .right .field-name-field-landing-partenaires .field-name-field-logo .slick-track > .field-item {
  width: 100% !important;
}
.group-edito .right .field-name-field-landing-partenaires .slick-prev {
  left: -30px;
}
.group-edito .right .field-name-field-landing-partenaires .slick-next {
  right: -20px;
}
.group-edito .right .field-name-field-landing-contacts {
  margin: 0 0 20px 0;
}
.group-edito .right .field-name-field-landing-contacts .field-name-field-horaires-contacts {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 20px 0px;
}
.group-edito .right .field-name-field-landing-contacts .organigramme-link {
  text-align: right;
  margin-top: 10px;
}
.group-edito .right .field-name-field-landing-contacts .organigramme-link a {
  position: relative;
}
.group-edito .right .field-name-field-landing-contacts .field-name-field-horaires-contacts > .field-label {
  font-size: 2.4rem;
  color: #ff5e5c;
  margin-bottom: 10px;
}
.group-edito .field-name-field-landing-en-savoir-plus .field-label {
  text-transform: uppercase;
  font-weight: normal;
  margin-bottom: 20px;
}
.group-edito .field-name-field-landing-en-savoir-plus .field-items {
  margin: 0 0 0 -25px;
}
.group-edito .field-name-field-landing-en-savoir-plus .field-items > .field-item {
  font-size: 1.8rem;
  float: left;
  width: 33.333%;
  padding-left: 25px;
  font-weight: 700;
}

.field-group-div {
  position: relative;
}

.field-collection-item-field-landing-univers-rubriques,
.group-travailler,
.group-kiosque,
.group-exercer,
.group-chiffres-cles,
.group-transition-ecologique,
.group-autopromos {
  margin-top: 60px;
}
.field-collection-item-field-landing-univers-rubriques .heading,
.group-travailler .heading,
.group-kiosque .heading,
.group-exercer .heading,
.group-chiffres-cles .heading,
.group-transition-ecologique .heading,
.group-autopromos .heading {
  text-align: center;
  font-size: 3.5rem;
  font-weight: 300;
  text-transform: uppercase;
}

.field-collection-item-field-landing-univers-rubriques .transition_ecologique_icon {
  position: relative;
  margin-top: -57px;
  margin-bottom: 40px;
  margin-left: 30px;
}

.group-publications {
  margin-top: 60px;
}
.group-publications .field-name-field-landing-publication {
  float: left;
  width: 70%;
  padding-right: 80px;
}
.group-publications .field-name-field-landing-publication .aside {
  width: 30%;
}
.group-publications .field-name-field-landing-publication .aside img {
  width: 100%;
}
.group-publications .field-name-field-landing-publication .central {
  width: 70%;
  padding: 0;
  margin: 0;
  padding-left: 30px;
}
.group-publications .field-name-field-landing-publication .central .field-name-title-field h2, .group-publications .field-name-field-landing-publication .central .field-name-title-field .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .group-publications .field-name-field-landing-publication .central .field-name-title-field .field-label,
.group-publications .field-name-field-landing-publication .central .field-name-title-field .field-name-body .field-label,
.field-name-body .group-publications .field-name-field-landing-publication .central .field-name-title-field .field-label,
.group-publications .field-name-field-landing-publication .central .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .group-publications .field-name-field-landing-publication .central .field-name-title-field .field-label, .group-publications .field-name-field-landing-publication .central .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .group-publications .field-name-field-landing-publication .central .field-name-title-field #edit-add-petite-annonce > legend, .group-publications .field-name-field-landing-publication .central .field-name-title-field #tableau-architecte .nb-resultats, #tableau-architecte .group-publications .field-name-field-landing-publication .central .field-name-title-field .nb-resultats {
  margin: 0 0 10px 0;
  font-size: 3rem;
}
.group-publications .field-name-field-landing-publication .central .field-name-field-accroche {
  font-size: 1.4rem;
}
.group-publications .right {
  float: right;
  width: 30%;
}
.group-publications .right .faq {
  border: 1px solid #ffc914;
  padding: 20px;
  margin-bottom: 20px;
}
.group-publications .right .faq a {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  align-items: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.group-publications .right .faq a div, .group-publications .right .faq a p, .group-publications .right .faq a .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus .group-publications .right .faq a .field-name-field-texte {
  display: -webkit-flex;
  display: flex;
}
.group-publications .right .faq a div {
  font-size: 3.5rem;
  color: #ffc914;
  font-weight: 700;
  line-height: 1.3;
}
.group-publications .right .faq a p, .group-publications .right .faq a .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus .group-publications .right .faq a .field-name-field-texte {
  font-size: 1.4rem;
  margin: 0;
  line-height: 1;
}
.group-publications .right .field-name-field-landing-blocs-autopromos .image {
  position: relative;
}
.group-publications .right .field-name-field-landing-blocs-autopromos .image:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: " ";
  opacity: 0.5;
  background: rgba(0, 0, 0, 0.5);
}
.group-publications .right .field-name-field-landing-blocs-autopromos .image .subtitle {
  font-weight: 700;
  font-size: 2.6rem;
  position: absolute;
  color: #ffffff;
  line-height: 1;
  top: 10px;
  padding: 20px;
  z-index: 3;
}
.group-publications .right .field-name-field-landing-blocs-autopromos h2, .group-publications .right .field-name-field-landing-blocs-autopromos .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .group-publications .right .field-name-field-landing-blocs-autopromos .field-label,
.group-publications .right .field-name-field-landing-blocs-autopromos .field-name-body .field-label,
.field-name-body .group-publications .right .field-name-field-landing-blocs-autopromos .field-label,
.group-publications .right .field-name-field-landing-blocs-autopromos .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .group-publications .right .field-name-field-landing-blocs-autopromos .field-label, .group-publications .right .field-name-field-landing-blocs-autopromos #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .group-publications .right .field-name-field-landing-blocs-autopromos #edit-add-petite-annonce > legend, .group-publications .right .field-name-field-landing-blocs-autopromos #tableau-architecte .nb-resultats, #tableau-architecte .group-publications .right .field-name-field-landing-blocs-autopromos .nb-resultats {
  font-size: 1.8rem;
}

.mea + .group-chiffres-cles {
  margin-top: 50px;
}

.group-transition-ecologique .content,
.group-chiffres-cles .content {
  padding: 36px;
  background-color: #ff5e5c;
  margin: 30px 0 40px 0;
  color: #ffffff;
  position: relative;
  display: table;
  width: 100%;
}
@media (max-width: 1024px) {
  .group-transition-ecologique .content,
  .group-chiffres-cles .content {
    display: block;
    padding: 40px 40px 50px 40px;
  }
}
@media (max-width: 768px) {
  .group-transition-ecologique .content,
  .group-chiffres-cles .content {
    display: block;
  }
}
.group-transition-ecologique .content > a,
.group-chiffres-cles .content > a {
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 10px 20px;
  font-size: 1.8rem;
  text-transform: uppercase;
  position: absolute;
  top: 40%;
  right: 40px;
}
@media (max-width: 1280px) {
  .group-transition-ecologique .content > a,
  .group-chiffres-cles .content > a {
    padding: 10px;
  }
}
@media (max-width: 1024px) {
  .group-transition-ecologique .content > a,
  .group-chiffres-cles .content > a {
    position: relative;
    top: 20px;
    left: 0;
    display: block;
    clear: both;
  }
}
@media (max-width: 768px) {
  .group-transition-ecologique .content > a,
  .group-chiffres-cles .content > a {
    display: block;
    top: 20px;
  }
}
.group-transition-ecologique .title,
.group-transition-ecologique .item-list,
.group-chiffres-cles .title,
.group-chiffres-cles .item-list {
  display: table-cell;
  vertical-align: middle;
}
.group-transition-ecologique .title,
.group-chiffres-cles .title {
  font-size: 3.5rem;
  line-height: 1;
  width: 40%;
}
.group-transition-ecologique .title span,
.group-chiffres-cles .title span {
  font-size: 2.4rem;
  display: block;
  font-weight: 300;
}
@media (max-width: 1280px) {
  .group-transition-ecologique .title,
  .group-chiffres-cles .title {
    width: 30%;
  }
}
@media (max-width: 1024px) {
  .group-transition-ecologique .title,
  .group-chiffres-cles .title {
    width: 50%;
    display: block;
    float: left;
  }
  .group-transition-ecologique .title span,
  .group-chiffres-cles .title span {
    font-size: 2rem;
  }
}
@media (max-width: 480px) {
  .group-transition-ecologique .title,
  .group-chiffres-cles .title {
    width: 100%;
    display: block;
    margin: 20px 0;
  }
}
.group-transition-ecologique .item-list,
.group-chiffres-cles .item-list {
  width: 37%;
  padding: 0 30px 0 20px;
}
@media (max-width: 1280px) {
  .group-transition-ecologique .item-list,
  .group-chiffres-cles .item-list {
    width: 47%;
    padding: 0 30px 0 10px;
  }
}
@media (max-width: 1024px) {
  .group-transition-ecologique .item-list,
  .group-chiffres-cles .item-list {
    width: 50%;
    display: block;
    float: left;
  }
}
@media (max-width: 480px) {
  .group-transition-ecologique .item-list,
  .group-chiffres-cles .item-list {
    width: 100%;
    display: block;
  }
}
.group-transition-ecologique .item-list ul li,
.group-chiffres-cles .item-list ul li {
  float: left;
  width: 25%;
  padding-left: 10px;
  text-align: center;
}
.group-transition-ecologique .item-list ul li .line1,
.group-chiffres-cles .item-list ul li .line1 {
  font-size: 3.5rem;
  color: #ffffff;
  font-weight: 300;
}
.group-transition-ecologique .item-list ul li .line2,
.group-transition-ecologique .item-list ul li .line3,
.group-chiffres-cles .item-list ul li .line2,
.group-chiffres-cles .item-list ul li .line3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #000000;
  line-height: 1;
  text-transform: uppercase;
}
.group-transition-ecologique .item-list ul li .line2,
.group-chiffres-cles .item-list ul li .line2 {
  font-size: 2.4rem;
}
@media (max-width: 1024px) {
  .group-transition-ecologique .item-list ul li,
  .group-chiffres-cles .item-list ul li {
    width: 50%;
  }
}
@media (max-width: 1024px) {
  .group-transition-ecologique .item-list li + li + li,
  .group-chiffres-cles .item-list li + li + li {
    display: none;
  }
}

.group-transition-ecologique .title {
  width: 38%;
}
.group-transition-ecologique .item-list {
  width: 45%;
}
.group-transition-ecologique .content {
  background-color: #67b42a;
}

.field-collection-item-field-landing-univers-rubriques,
.group-travailler {
  margin-top: 50px;
}
.field-collection-item-field-landing-univers-rubriques .read-more a,
.group-travailler .read-more a {
  right: 12px;
}
.field-collection-item-field-landing-univers-rubriques .item-list li,
.group-travailler .item-list li {
  width: 33%;
}
@media (max-width: 480px) {
  .field-collection-item-field-landing-univers-rubriques .item-list li,
  .group-travailler .item-list li {
    width: 100%;
    margin-bottom: 20px;
  }
}
.field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field h2, .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .field-label,
.field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .field-name-body .field-label,
.field-name-body .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .field-label,
.field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .field-label, .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field #edit-add-petite-annonce > legend, .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field #tableau-architecte .nb-resultats, #tableau-architecte .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .nb-resultats,
.group-travailler .item-list .node .content .field-name-title-field h2,
.group-travailler .item-list .node .content .field-name-title-field .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .group-travailler .item-list .node .content .field-name-title-field .field-label,
.group-travailler .item-list .node .content .field-name-title-field .field-name-body .field-label,
.field-name-body .group-travailler .item-list .node .content .field-name-title-field .field-label,
.group-travailler .item-list .node .content .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .group-travailler .item-list .node .content .field-name-title-field .field-label,
.group-travailler .item-list .node .content .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .group-travailler .item-list .node .content .field-name-title-field #edit-add-petite-annonce > legend,
.group-travailler .item-list .node .content .field-name-title-field #tableau-architecte .nb-resultats,
#tableau-architecte .group-travailler .item-list .node .content .field-name-title-field .nb-resultats {
  margin-top: 20px;
  font-size: 3rem;
}
@media (max-width: 768px) {
  .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field h2, .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .field-label,
  .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .field-name-body .field-label,
  .field-name-body .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .field-label,
  .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .field-name-field-formation-formateur .field-label,
  .field-name-field-formation-formateur .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .field-label, .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field #edit-add-petite-annonce > legend, .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field #tableau-architecte .nb-resultats, #tableau-architecte .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .nb-resultats,
  .group-travailler .item-list .node .content .field-name-title-field h2,
  .group-travailler .item-list .node .content .field-name-title-field .field-name-field-formation-objectifs .field-label,
  .field-name-field-formation-objectifs .group-travailler .item-list .node .content .field-name-title-field .field-label,
  .group-travailler .item-list .node .content .field-name-title-field .field-name-body .field-label,
  .field-name-body .group-travailler .item-list .node .content .field-name-title-field .field-label,
  .group-travailler .item-list .node .content .field-name-title-field .field-name-field-formation-formateur .field-label,
  .field-name-field-formation-formateur .group-travailler .item-list .node .content .field-name-title-field .field-label,
  .group-travailler .item-list .node .content .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
  #block-cnoa-petite-annonce-cnoa-petite-annonce-form .group-travailler .item-list .node .content .field-name-title-field #edit-add-petite-annonce > legend,
  .group-travailler .item-list .node .content .field-name-title-field #tableau-architecte .nb-resultats,
  #tableau-architecte .group-travailler .item-list .node .content .field-name-title-field .nb-resultats {
    font-size: 2.4rem;
  }
}
.field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-standard-teaser .content .field-name-title-field h2 a, .field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-standard-teaser .content .field-name-title-field .field-name-field-formation-objectifs .field-label a, .field-name-field-formation-objectifs .field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-standard-teaser .content .field-name-title-field .field-label a,
.field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-standard-teaser .content .field-name-title-field .field-name-body .field-label a,
.field-name-body .field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-standard-teaser .content .field-name-title-field .field-label a,
.field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-standard-teaser .content .field-name-title-field .field-name-field-formation-formateur .field-label a,
.field-name-field-formation-formateur .field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-standard-teaser .content .field-name-title-field .field-label a, .field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-standard-teaser .content .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend a, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-standard-teaser .content .field-name-title-field #edit-add-petite-annonce > legend a, .field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-standard-teaser .content .field-name-title-field #tableau-architecte .nb-resultats a, #tableau-architecte .field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-standard-teaser .content .field-name-title-field .nb-resultats a,
.field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-long .content .field-name-title-field h2 a,
.field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-long .content .field-name-title-field .field-name-field-formation-objectifs .field-label a,
.field-name-field-formation-objectifs .field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-long .content .field-name-title-field .field-label a,
.field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-long .content .field-name-title-field .field-name-body .field-label a,
.field-name-body .field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-long .content .field-name-title-field .field-label a,
.field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-long .content .field-name-title-field .field-name-field-formation-formateur .field-label a,
.field-name-field-formation-formateur .field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-long .content .field-name-title-field .field-label a,
.field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-long .content .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend a,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-long .content .field-name-title-field #edit-add-petite-annonce > legend a,
.field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-long .content .field-name-title-field #tableau-architecte .nb-resultats a,
#tableau-architecte .field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-long .content .field-name-title-field .nb-resultats a,
.field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field h2 a,
.field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field .field-name-field-formation-objectifs .field-label a,
.field-name-field-formation-objectifs .field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field .field-label a,
.field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field .field-name-body .field-label a,
.field-name-body .field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field .field-label a,
.field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field .field-name-field-formation-formateur .field-label a,
.field-name-field-formation-formateur .field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field .field-label a,
.field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend a,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field #edit-add-petite-annonce > legend a,
.field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field #tableau-architecte .nb-resultats a,
#tableau-architecte .field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field .nb-resultats a,
.group-travailler .item-list .node-cnoa-standard-teaser .content .field-name-title-field h2 a,
.group-travailler .item-list .node-cnoa-standard-teaser .content .field-name-title-field .field-name-field-formation-objectifs .field-label a,
.field-name-field-formation-objectifs .group-travailler .item-list .node-cnoa-standard-teaser .content .field-name-title-field .field-label a,
.group-travailler .item-list .node-cnoa-standard-teaser .content .field-name-title-field .field-name-body .field-label a,
.field-name-body .group-travailler .item-list .node-cnoa-standard-teaser .content .field-name-title-field .field-label a,
.group-travailler .item-list .node-cnoa-standard-teaser .content .field-name-title-field .field-name-field-formation-formateur .field-label a,
.field-name-field-formation-formateur .group-travailler .item-list .node-cnoa-standard-teaser .content .field-name-title-field .field-label a,
.group-travailler .item-list .node-cnoa-standard-teaser .content .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend a,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .group-travailler .item-list .node-cnoa-standard-teaser .content .field-name-title-field #edit-add-petite-annonce > legend a,
.group-travailler .item-list .node-cnoa-standard-teaser .content .field-name-title-field #tableau-architecte .nb-resultats a,
#tableau-architecte .group-travailler .item-list .node-cnoa-standard-teaser .content .field-name-title-field .nb-resultats a,
.group-travailler .item-list .node-cnoa-dossier-long .content .field-name-title-field h2 a,
.group-travailler .item-list .node-cnoa-dossier-long .content .field-name-title-field .field-name-field-formation-objectifs .field-label a,
.field-name-field-formation-objectifs .group-travailler .item-list .node-cnoa-dossier-long .content .field-name-title-field .field-label a,
.group-travailler .item-list .node-cnoa-dossier-long .content .field-name-title-field .field-name-body .field-label a,
.field-name-body .group-travailler .item-list .node-cnoa-dossier-long .content .field-name-title-field .field-label a,
.group-travailler .item-list .node-cnoa-dossier-long .content .field-name-title-field .field-name-field-formation-formateur .field-label a,
.field-name-field-formation-formateur .group-travailler .item-list .node-cnoa-dossier-long .content .field-name-title-field .field-label a,
.group-travailler .item-list .node-cnoa-dossier-long .content .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend a,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .group-travailler .item-list .node-cnoa-dossier-long .content .field-name-title-field #edit-add-petite-annonce > legend a,
.group-travailler .item-list .node-cnoa-dossier-long .content .field-name-title-field #tableau-architecte .nb-resultats a,
#tableau-architecte .group-travailler .item-list .node-cnoa-dossier-long .content .field-name-title-field .nb-resultats a,
.group-travailler .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field h2 a,
.group-travailler .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field .field-name-field-formation-objectifs .field-label a,
.field-name-field-formation-objectifs .group-travailler .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field .field-label a,
.group-travailler .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field .field-name-body .field-label a,
.field-name-body .group-travailler .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field .field-label a,
.group-travailler .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field .field-name-field-formation-formateur .field-label a,
.field-name-field-formation-formateur .group-travailler .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field .field-label a,
.group-travailler .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend a,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .group-travailler .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field #edit-add-petite-annonce > legend a,
.group-travailler .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field #tableau-architecte .nb-resultats a,
#tableau-architecte .group-travailler .item-list .node-cnoa-dossier-deux-niveaux .content .field-name-title-field .nb-resultats a {
  color: #000000;
}
.field-collection-item-field-landing-univers-rubriques .item-list .node-teaser .title-wrapper,
.field-collection-item-field-landing-univers-rubriques .item-list .node-teaser .group-title-wrapper,
.field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-long .title-wrapper,
.field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-long .group-title-wrapper,
.field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-deux-niveaux .title-wrapper,
.field-collection-item-field-landing-univers-rubriques .item-list .node-cnoa-dossier-deux-niveaux .group-title-wrapper,
.group-travailler .item-list .node-teaser .title-wrapper,
.group-travailler .item-list .node-teaser .group-title-wrapper,
.group-travailler .item-list .node-cnoa-dossier-long .title-wrapper,
.group-travailler .item-list .node-cnoa-dossier-long .group-title-wrapper,
.group-travailler .item-list .node-cnoa-dossier-deux-niveaux .title-wrapper,
.group-travailler .item-list .node-cnoa-dossier-deux-niveaux .group-title-wrapper {
  position: relative;
  padding: 0;
}

.group-architecte {
  background-color: #ffc914;
  padding: 30px;
  text-align: center;
  margin-top: 60px;
}
.group-architecte h2, .group-architecte .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .group-architecte .field-label,
.group-architecte .field-name-body .field-label,
.field-name-body .group-architecte .field-label,
.group-architecte .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .group-architecte .field-label, .group-architecte #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .group-architecte #edit-add-petite-annonce > legend, .group-architecte #tableau-architecte .nb-resultats, #tableau-architecte .group-architecte .nb-resultats {
  font-size: 4rem;
  font-weight: 300;
  margin: 0 0 0.25em 0;
}
.group-architecte p, .group-architecte .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus .group-architecte .field-name-field-texte {
  font-size: 3.5rem;
  color: #ffffff;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 0.5em;
}
@media (max-width: 768px) {
  .group-architecte p, .group-architecte .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus .group-architecte .field-name-field-texte {
    font-size: 3.0rem;
  }
}
@media (max-width: 480px) {
  .group-architecte p, .group-architecte .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus .group-architecte .field-name-field-texte {
    font-size: 2.0rem;
  }
}
.group-architecte form {
  width: 35%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .group-architecte form {
    width: 55%;
  }
}
@media (max-width: 480px) {
  .group-architecte form {
    width: 85%;
  }
}
.group-architecte form label[for=edit-profil] {
  text-transform: uppercase;
  font-size: 1.4rem;
  margin-bottom: 10px;
  font-weight: 400;
}
.group-architecte form select {
  text-align: center;
  background: url(../images/select-down-black.png) right 5px center no-repeat;
  border: 1px solid #000000;
  font-size: 1.4rem;
}
.group-architecte form input.form-submit {
  width: 55px;
  height: 55px;
  background-image: url("../images/circle-arrow@2x.png");
  background-size: 55px 55px;
  background-repeat: no-repeat;
  background-color: transparent;
  display: block;
  text-indent: -9999px;
  border: none;
  margin: 0 auto;
  margin-top: 20px;
}

.group-exercer .item-list .node .content .field-name-title-field h2, .group-exercer .item-list .node .content .field-name-title-field .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .group-exercer .item-list .node .content .field-name-title-field .field-label,
.group-exercer .item-list .node .content .field-name-title-field .field-name-body .field-label,
.field-name-body .group-exercer .item-list .node .content .field-name-title-field .field-label,
.group-exercer .item-list .node .content .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .group-exercer .item-list .node .content .field-name-title-field .field-label, .group-exercer .item-list .node .content .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .group-exercer .item-list .node .content .field-name-title-field #edit-add-petite-annonce > legend, .group-exercer .item-list .node .content .field-name-title-field #tableau-architecte .nb-resultats, #tableau-architecte .group-exercer .item-list .node .content .field-name-title-field .nb-resultats {
  margin-top: 20px;
  font-size: 3rem;
}
@media (max-width: 768px) {
  .group-exercer .item-list .node .content .field-name-title-field h2, .group-exercer .item-list .node .content .field-name-title-field .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .group-exercer .item-list .node .content .field-name-title-field .field-label,
  .group-exercer .item-list .node .content .field-name-title-field .field-name-body .field-label,
  .field-name-body .group-exercer .item-list .node .content .field-name-title-field .field-label,
  .group-exercer .item-list .node .content .field-name-title-field .field-name-field-formation-formateur .field-label,
  .field-name-field-formation-formateur .group-exercer .item-list .node .content .field-name-title-field .field-label, .group-exercer .item-list .node .content .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .group-exercer .item-list .node .content .field-name-title-field #edit-add-petite-annonce > legend, .group-exercer .item-list .node .content .field-name-title-field #tableau-architecte .nb-resultats, #tableau-architecte .group-exercer .item-list .node .content .field-name-title-field .nb-resultats {
    font-size: 2.4rem;
  }
}
.group-exercer .item-list .node .content .field-name-title-field h2 a, .group-exercer .item-list .node .content .field-name-title-field .field-name-field-formation-objectifs .field-label a, .field-name-field-formation-objectifs .group-exercer .item-list .node .content .field-name-title-field .field-label a,
.group-exercer .item-list .node .content .field-name-title-field .field-name-body .field-label a,
.field-name-body .group-exercer .item-list .node .content .field-name-title-field .field-label a,
.group-exercer .item-list .node .content .field-name-title-field .field-name-field-formation-formateur .field-label a,
.field-name-field-formation-formateur .group-exercer .item-list .node .content .field-name-title-field .field-label a, .group-exercer .item-list .node .content .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend a, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .group-exercer .item-list .node .content .field-name-title-field #edit-add-petite-annonce > legend a, .group-exercer .item-list .node .content .field-name-title-field #tableau-architecte .nb-resultats a, #tableau-architecte .group-exercer .item-list .node .content .field-name-title-field .nb-resultats a {
  color: #000000;
}
.group-exercer .item-list .node .group-title-wrapper {
  position: relative;
  padding: 0;
}
.group-exercer .heading {
  margin-bottom: 20px;
}
.group-exercer .contenus-meme-sujet {
  padding-right: 25px;
  width: 70%;
  float: left;
  position: relative;
}
@media (max-width: 480px) {
  .group-exercer .contenus-meme-sujet {
    width: 100%;
    float: none;
    padding-right: 0;
  }
}
.group-exercer .contenus-meme-sujet .read-more {
  right: 25px;
  top: 0;
  position: absolute;
  width: 100px;
}
.group-exercer .contenus-meme-sujet .read-more a {
  display: block;
}
.group-exercer .contenus-meme-sujet .field-name-title-field h2, .group-exercer .contenus-meme-sujet .field-name-title-field .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .group-exercer .contenus-meme-sujet .field-name-title-field .field-label,
.group-exercer .contenus-meme-sujet .field-name-title-field .field-name-body .field-label,
.field-name-body .group-exercer .contenus-meme-sujet .field-name-title-field .field-label,
.group-exercer .contenus-meme-sujet .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .group-exercer .contenus-meme-sujet .field-name-title-field .field-label, .group-exercer .contenus-meme-sujet .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .group-exercer .contenus-meme-sujet .field-name-title-field #edit-add-petite-annonce > legend, .group-exercer .contenus-meme-sujet .field-name-title-field #tableau-architecte .nb-resultats, #tableau-architecte .group-exercer .contenus-meme-sujet .field-name-title-field .nb-resultats {
  font-size: 3rem;
}
.group-exercer .contenus-meme-sujet .item-list ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.group-exercer .contenus-meme-sujet .item-list ul li {
  display: -webkit-flex;
  display: flex;
  width: 50%;
}
@media (max-width: 480px) {
  .group-exercer .contenus-meme-sujet .item-list ul li {
    width: 100%;
  }
}
.group-exercer .contenus-meme-sujet .item-list ul .node-cnoa-standard .content .field-name-title-field h2 a, .group-exercer .contenus-meme-sujet .item-list ul .node-cnoa-standard .content .field-name-title-field .field-name-field-formation-objectifs .field-label a, .field-name-field-formation-objectifs .group-exercer .contenus-meme-sujet .item-list ul .node-cnoa-standard .content .field-name-title-field .field-label a,
.group-exercer .contenus-meme-sujet .item-list ul .node-cnoa-standard .content .field-name-title-field .field-name-body .field-label a,
.field-name-body .group-exercer .contenus-meme-sujet .item-list ul .node-cnoa-standard .content .field-name-title-field .field-label a,
.group-exercer .contenus-meme-sujet .item-list ul .node-cnoa-standard .content .field-name-title-field .field-name-field-formation-formateur .field-label a,
.field-name-field-formation-formateur .group-exercer .contenus-meme-sujet .item-list ul .node-cnoa-standard .content .field-name-title-field .field-label a, .group-exercer .contenus-meme-sujet .item-list ul .node-cnoa-standard .content .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend a, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .group-exercer .contenus-meme-sujet .item-list ul .node-cnoa-standard .content .field-name-title-field #edit-add-petite-annonce > legend a, .group-exercer .contenus-meme-sujet .item-list ul .node-cnoa-standard .content .field-name-title-field #tableau-architecte .nb-resultats a, #tableau-architecte .group-exercer .contenus-meme-sujet .item-list ul .node-cnoa-standard .content .field-name-title-field .nb-resultats a {
  color: #000000;
}
.group-exercer .documents-les-plus-telecharges {
  float: right;
  width: 30%;
}
@media (max-width: 480px) {
  .group-exercer .documents-les-plus-telecharges {
    width: 100%;
    float: none;
  }
}
.group-exercer .documents-les-plus-telecharges h3 {
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: normal;
  padding: 9px 0;
  margin: 0;
}
.group-exercer .documents-les-plus-telecharges ul {
  border-top: 1px solid #e9e9e9;
}
.group-exercer .documents-les-plus-telecharges ul li {
  font-size: 1.8rem;
  border-bottom: 1px solid #e9e9e9;
  padding: 10px 0;
  font-weight: 700;
}
.group-exercer .documents-les-plus-telecharges .read-more a {
  position: relative;
  top: 10px;
  right: -290px;
}

.group-formation {
  clear: both;
  padding: 30px 30px 60px 30px;
  background-color: #f2f2f2;
  margin-top: 60px;
}
@media (max-width: 1024px) {
  .group-formation {
    padding: 30px 30px 30px 30px;
  }
}
.group-formation h2, .group-formation .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .group-formation .field-label,
.group-formation .field-name-body .field-label,
.field-name-body .group-formation .field-label,
.group-formation .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .group-formation .field-label, .group-formation #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .group-formation #edit-add-petite-annonce > legend, .group-formation #tableau-architecte .nb-resultats, #tableau-architecte .group-formation .nb-resultats {
  color: #ff5e5c;
  font-size: 4rem;
  background: url("../images/lego-icon.png") no-repeat left center;
  padding-left: 50px;
  margin: 0 0 5px 0;
}
.group-formation form .form-item,
.group-formation form .form-submit {
  width: 20%;
}
.group-formation form > div {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.group-formation form .form-item {
  display: -webkit-flex;
  display: flex;
  padding: 0 20px 0px 0;
}
.group-formation form .form-item label {
  display: none;
}
.group-formation form .form-item input.form-text {
  border: 1px solid #e9e9e9;
  padding: 10px;
}
.group-formation form .form-item ::-webkit-input-placeholder {
  color: #000000;
}
.group-formation form .form-item *::-moz-placeholder {
  color: #000000;
}
.group-formation form .form-item.form-type-textfield {
  width: 15%;
}
.group-formation form .form-submit {
  background-color: #ff5e5c;
  font-weight: 300;
  padding: 10px;
  border: none;
}
@media (max-width: 1024px) {
  .group-formation form .form-item {
    width: 35%;
  }
  .group-formation form .form-item.form-type-textfield {
    width: 35%;
  }
  .group-formation form .form-item:nth-child(1),
  .group-formation form .form-item:nth-child(2) {
    margin-bottom: 10px;
  }
  .group-formation form .form-submit {
    width: 30%;
  }
}
@media (max-width: 480px) {
  .group-formation form .form-item {
    width: 50%;
  }
  .group-formation form .form-item.form-type-textfield {
    width: 50%;
  }
  .group-formation form .form-submit {
    margin-top: 10px;
    width: 100%;
  }
}

.group-tools {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 60px 0 0 -25px;
}
@media (max-width: 768px) {
  .group-tools {
    margin: 30px 0 0 -25px;
  }
}
@media (max-width: 480px) {
  .group-tools {
    margin: 20px 0 0 0;
  }
}
.group-tools .faq,
.group-tools .oscar,
.group-tools .space {
  width: 33.3333%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 25px;
}
@media (max-width: 480px) {
  .group-tools .faq,
  .group-tools .oscar,
  .group-tools .space {
    width: 100%;
    margin: 0 0 20px 0;
    padding-left: 0;
  }
}
.group-tools .faq a,
.group-tools .oscar a,
.group-tools .space a {
  width: 100%;
  min-height: 160px;
  padding: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  align-items: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.group-tools .faq a div,
.group-tools .oscar a div,
.group-tools .space a div {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
@media (max-width: 1024px) {
  .group-tools .faq a div,
  .group-tools .oscar a div,
  .group-tools .space a div {
    font-size: 2.4rem;
  }
}
@media (max-width: 768px) {
  .group-tools .faq a div,
  .group-tools .oscar a div,
  .group-tools .space a div {
    font-size: 2.4rem;
  }
}
.group-tools .faq a p, .group-tools .faq a .field-name-field-dossier-long-contenus .field-name-field-texte, .field-name-field-dossier-long-contenus .group-tools .faq a .field-name-field-texte,
.group-tools .oscar a p,
.group-tools .oscar a .field-name-field-dossier-long-contenus .field-name-field-texte,
.field-name-field-dossier-long-contenus .group-tools .oscar a .field-name-field-texte,
.group-tools .space a p,
.group-tools .space a .field-name-field-dossier-long-contenus .field-name-field-texte,
.field-name-field-dossier-long-contenus .group-tools .space a .field-name-field-texte {
  font-size: 1.4rem;
  margin: 0 auto;
  display: block;
  width: 100%;
}
.group-tools .faq a {
  border: 1px solid #ffc914;
}
.group-tools .faq a div {
  color: #ffc914;
}
.group-tools .oscar a {
  border: 1px solid #b3b3b3;
}
.group-tools .space a {
  border: 1px solid #ff5e5c;
}
.group-tools .space a div {
  color: #ff5e5c;
}

.group-kiosque {
  clear: both;
}
@media (max-width: 768px) {
  .group-kiosque {
    display: none;
  }
}
.group-kiosque .heading {
  margin-bottom: 30px;
}
.group-kiosque .content {
  background-color: #000000;
  position: relative;
  color: #ffffff;
  padding: 20px 0;
}
.group-kiosque .content:before, .group-kiosque .content:after {
  content: " ";
  width: 3000px;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  background: #000000;
}
.group-kiosque .content:before {
  right: 100%;
}
.group-kiosque .content:after {
  left: 100%;
}
.group-kiosque .content .field-name-field-contenus-lies-atom {
  float: none;
}
.group-kiosque .title {
  font-size: 1.2rem;
  font-weight: 300;
  margin-top: 20px;
  text-transform: uppercase;
}
.group-kiosque .title a.atom-title {
  color: #ffffff;
  display: block;
}
.group-kiosque .title a.atom-title::before {
  background: none;
  margin-right: 0;
  width: 0;
}
.group-kiosque .read-more a {
  color: #ffffff;
  font-weight: 300;
  top: 30px;
}
.group-kiosque .read-more a:after {
  background-image: url("../images/plus-circle-white@2x.png");
}
.group-kiosque .field-name-field-contenus-lies-atom {
  width: 100%;
  padding: 20px 0 30px 0;
}
.group-kiosque .field-name-field-contenus-lies-atom .field-items {
  margin: 0 0 0 -25px;
}
@media (max-width: 480px) {
  .group-kiosque .field-name-field-contenus-lies-atom .field-items {
    margin: 0;
  }
}
.group-kiosque .field-name-field-contenus-lies-atom .field-items .field-item {
  float: left;
  width: 25%;
  padding-left: 25px;
}
@media (max-width: 768px) {
  .group-kiosque .field-name-field-contenus-lies-atom .field-items .field-item {
    width: 50%;
    min-height: 260px;
  }
}
@media (max-width: 480px) {
  .group-kiosque .field-name-field-contenus-lies-atom .field-items .field-item {
    width: 100%;
  }
}
.group-kiosque .field-name-field-contenus-lies-atom .field-items .field-item .title {
  font-size: 1.8rem;
  text-transform: none;
  font-weight: normal;
  margin-top: 10px;
  width: 100%;
  text-align: left;
}

.group-cnoa {
  margin-top: 60px;
}
.group-cnoa h2, .group-cnoa .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .group-cnoa .field-label,
.group-cnoa .field-name-body .field-label,
.field-name-body .group-cnoa .field-label,
.group-cnoa .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .group-cnoa .field-label, .group-cnoa #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .group-cnoa #edit-add-petite-annonce > legend, .group-cnoa #tableau-architecte .nb-resultats, #tableau-architecte .group-cnoa .nb-resultats {
  font-size: 1.4rem;
  margin: 0 0 20px 0;
}
.group-cnoa .list-nodes {
  margin: 0 0 0 -25px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.group-cnoa .list-nodes > .item-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  flex-direction: column;
  float: left;
  width: 25%;
  padding-left: 25px;
}
@media (max-width: 768px) {
  .group-cnoa .list-nodes > .item-list {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .group-cnoa .list-nodes > .item-list {
    width: 100%;
  }
}
.group-cnoa .list-nodes > .item-list h3 {
  font-size: 3rem;
  color: #ff5e5c;
  font-weight: 300;
  line-height: 1;
  margin: 0 0 10px 0;
  text-transform: uppercase;
  min-height: 100px;
}
.group-cnoa .list-nodes > .item-list ul {
  border-top: 1px solid #e9e9e9;
  padding-top: 10px;
}
.group-cnoa .list-nodes > .item-list ul li {
  font-weight: 700;
  font-size: 1.8rem;
  margin-bottom: 15px;
}

.group-reseaux-sociaux {
  margin-top: 60px;
  margin: 60px 0 0 -25px;
}
@media (max-width: 768px) {
  .group-reseaux-sociaux {
    margin: 60px 0 0 -25px;
  }
}
.group-reseaux-sociaux > div {
  float: left;
  width: 33.33%;
  padding-left: 25px;
}
@media (max-width: 768px) {
  .group-reseaux-sociaux > div {
    width: 100%;
  }
}
.group-reseaux-sociaux > div h2, .group-reseaux-sociaux > div .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .group-reseaux-sociaux > div .field-label,
.group-reseaux-sociaux > div .field-name-body .field-label,
.field-name-body .group-reseaux-sociaux > div .field-label,
.group-reseaux-sociaux > div .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .group-reseaux-sociaux > div .field-label, .group-reseaux-sociaux > div #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .group-reseaux-sociaux > div #edit-add-petite-annonce > legend, .group-reseaux-sociaux > div #tableau-architecte .nb-resultats, #tableau-architecte .group-reseaux-sociaux > div .nb-resultats {
  font-size: 1.4rem;
  text-transform: uppercase;
  padding: 10px 0;
  border-bottom: 1px solid #000000;
}
.group-reseaux-sociaux > div a.follow {
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-top: 30px;
  display: block;
}
.group-reseaux-sociaux > div a.follow span {
  color: #999999;
  text-transform: lowercase;
}
.group-reseaux-sociaux > div:nth-child(2) a.follow {
  margin-top: 37px;
}
.group-reseaux-sociaux .last-comments ul li {
  margin-bottom: 20px;
}
.group-reseaux-sociaux .last-comments ul li h3 {
  font-size: 1.2rem;
  margin: 0 0 5px 0;
}
.group-reseaux-sociaux .last-comments ul li h3 + div {
  font-size: 0.9rem;
}
.group-reseaux-sociaux .last-comments ul li h3 + div a {
  color: #999999;
}

form#cnoa-architecte-pour-tous-page-form #edit-form-elements {
  background-color: #ffc914;
  position: relative;
  position: relative;
  padding: 40px 0;
}
form#cnoa-architecte-pour-tous-page-form #edit-form-elements:before, form#cnoa-architecte-pour-tous-page-form #edit-form-elements:after {
  content: " ";
  width: 3000px;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  background: #ffc914;
}
form#cnoa-architecte-pour-tous-page-form #edit-form-elements:before {
  right: 100%;
}
form#cnoa-architecte-pour-tous-page-form #edit-form-elements:after {
  left: 100%;
}
form#cnoa-architecte-pour-tous-page-form .form-actions input.form-submit {
  background-color: transparent;
  color: #666666;
  font-size: 1.2rem;
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back {
  margin-right: 300px;
  position: relative;
}
@media (max-width: 1024px) {
  form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back {
    margin-right: 0;
  }
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back .form {
  border-bottom: 1px solid #000000;
  display: inline-block;
  width: 60%;
}
@media (max-width: 768px) {
  form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back .form {
    width: 100%;
  }
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back .form-item-code-postal,
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back .form-item-nom-architecte {
  display: inline-block;
  width: 95%;
  font-size: 3.5rem;
}
@media (max-width: 1024px) {
  form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back .form-item-code-postal,
  form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back .form-item-nom-architecte {
    font-size: 2.4rem;
  }
}
@media (max-width: 768px) {
  form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back .form-item-code-postal,
  form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back .form-item-nom-architecte {
    font-size: 2.0rem;
    width: 80%;
  }
}
@media (max-width: 480px) {
  form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back .form-item-code-postal,
  form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back .form-item-nom-architecte {
    font-size: 1.8rem;
  }
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back .form-item-code-postal label,
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back .form-item-nom-architecte label {
  display: inline;
  vertical-align: bottom;
  line-height: 1em;
  font-weight: normal;
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back .form-item-code-postal label .form-required,
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back .form-item-nom-architecte label .form-required {
  display: none;
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back .form-item-code-postal .form-text,
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back .form-item-nom-architecte .form-text {
  display: inline;
  padding: 0;
  background-color: transparent;
  border: none;
  width: 42%;
  line-height: 1em;
  vertical-align: bottom;
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back input.form-submit {
  display: inline-block;
  text-transform: inherit;
  width: 30%;
  vertical-align: bottom;
  text-align: left;
  font-weight: 300;
  padding-left: 15px;
}
@media (max-width: 768px) {
  form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back input.form-submit {
    width: 100%;
    padding-left: 0;
  }
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back input.form-submit#edit-submit {
  width: 24px;
  height: 24px;
  margin-bottom: .5em;
  padding: 0;
  background: url("../images/search.png") no-repeat right center;
  color: transparent;
}
@media (max-width: 768px) {
  form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back input.form-submit#edit-submit {
    float: right;
  }
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-back div.results-number {
  font-size: 2rem;
  color: #ffffff;
  margin: 10px 0 20px 0;
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-display {
  position: absolute;
  top: 30px;
  right: 0px;
}
@media (max-width: 768px) {
  form#cnoa-architecte-pour-tous-page-form .form-actions#edit-display {
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 20px;
  }
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-display input.form-submit {
  padding: 10px 10px 10px 30px;
  background: url("../images/pin.png") no-repeat left center;
  font-size: 1.4rem;
  color: #000000;
  font-weight: normal;
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-display input.form-submit.list {
  background: url("../images/map-list.png") no-repeat left 4px;
  padding-left: 35px;
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-filter, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-afficher-plus, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-order {
  display: inline-block;
  margin-left: 35px;
  width: auto;
}
@media (max-width: 1024px) {
  form#cnoa-architecte-pour-tous-page-form .form-actions#edit-filter, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-afficher-plus, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-order {
    width: 100%;
    clear: both;
    margin-bottom: 5px;
  }
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-filter div.label,
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-filter input, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-afficher-plus div.label,
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-afficher-plus input, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-order div.label,
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-order input {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 300;
  margin-right: 10px;
  line-height: 1;
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-filter div.label, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-afficher-plus div.label, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-order div.label {
  text-transform: uppercase;
  font-weight: 700;
}
@media (max-width: 480px) {
  form#cnoa-architecte-pour-tous-page-form .form-actions#edit-filter div.label, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-afficher-plus div.label, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-order div.label {
    display: block;
    margin-bottom: 10px;
  }
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-filter .input-wrap, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-afficher-plus .input-wrap, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-order .input-wrap {
  display: inline-block;
  padding-left: 10px;
  line-height: 1;
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-filter .input-wrap:not(:nth-child(2)), form#cnoa-architecte-pour-tous-page-form .form-actions#edit-afficher-plus .input-wrap:not(:nth-child(2)), form#cnoa-architecte-pour-tous-page-form .form-actions#edit-order .input-wrap:not(:nth-child(2)) {
  border-left: 1px solid #999999;
}
@media (max-width: 480px) {
  form#cnoa-architecte-pour-tous-page-form .form-actions#edit-filter .input-wrap:not(:nth-child(2)), form#cnoa-architecte-pour-tous-page-form .form-actions#edit-afficher-plus .input-wrap:not(:nth-child(2)), form#cnoa-architecte-pour-tous-page-form .form-actions#edit-order .input-wrap:not(:nth-child(2)) {
    border: none;
  }
}
@media (max-width: 480px) {
  form#cnoa-architecte-pour-tous-page-form .form-actions#edit-filter .input-wrap, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-afficher-plus .input-wrap, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-order .input-wrap {
    display: block;
    margin-bottom: 5px;
    padding-left: 0;
  }
  form#cnoa-architecte-pour-tous-page-form .form-actions#edit-filter .input-wrap input, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-afficher-plus .input-wrap input, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-order .input-wrap input {
    font-size: 1.3rem;
  }
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-filter input, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-afficher-plus input, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-order input {
  padding: 0px;
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-filter input.form-button-disabled, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-afficher-plus input.form-button-disabled, form#cnoa-architecte-pour-tous-page-form .form-actions#edit-order input.form-button-disabled {
  color: #000000;
  font-weight: normal;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-filter {
  margin-left: 0;
}
@media (max-width: 1024px) {
  form#cnoa-architecte-pour-tous-page-form .form-actions#edit-afficher-plus {
    margin-top: 10px;
    margin-left: 0;
  }
}
form#cnoa-architecte-pour-tous-page-form .form-actions#edit-order {
  text-align: right;
}
@media (max-width: 1024px) {
  form#cnoa-architecte-pour-tous-page-form .form-actions#edit-order {
    text-align: left;
    margin-top: 10px;
    margin-left: 0;
  }
}
form#cnoa-architecte-pour-tous-page-form .recherche-par-nom {
  clear: both;
  padding-top: 30px;
}
form#cnoa-architecte-pour-tous-page-form .recherche-par-nom > .description {
  color: #999999;
}
form#cnoa-architecte-pour-tous-page-form .recherche-par-nom .form-item-nom-architecte > label {
  padding-top: 0;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results {
  margin: 30px 0 0 -25px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results {
    margin: 30px 0 0 0px;
  }
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result {
  float: left;
  width: 33.333%;
  display: -webkit-flex;
  display: flex;
  padding-left: 25px;
  margin-bottom: 20px;
  position: relative;
}
@media (max-width: 768px) {
  form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result {
    width: 50%;
  }
}
@media (max-width: 480px) {
  form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result {
    width: 100%;
    float: none;
    padding-left: 0;
  }
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result a {
  display: block;
  width: 100%;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result .image-projet {
  margin-bottom: 10px;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result .image-projet img {
  width: 100%;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result .type-projet,
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result .titre-projet,
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result .date-projet,
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result .lieu-projet,
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result .titre-agence {
  padding-right: 100px;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result .type-projet {
  text-transform: uppercase;
  font-size: 1.1rem;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result .type-projet:before {
  content: "— ";
  float: left;
  margin-right: 2px;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result .titre-projet {
  font-size: 3rem;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result .lieu-projet,
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result .date-projet {
  font-size: 1.8rem;
  line-height: 1;
  margin: 5px 0;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result .titre-agence {
  font-size: 1.8rem;
  font-weight: 700;
  color: #ffc914;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result .lieu-agence {
  color: #ffc914;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result .image-agence {
  position: absolute;
  right: 0;
  bottom: 0;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result .image-agence img {
  border-radius: 50%;
  width: 86px;
  height: 86px;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result .agence {
  position: relative;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result.node .titre-projet {
  font-size: 1.8rem;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result.node .titre-agence {
  font-size: 3rem;
}
@media (max-width: 768px) {
  form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results .architecte-pour-tous-result.node .titre-agence {
    font-size: 2rem;
  }
}

/* Gmaps search */
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results.map {
  position: relative;
  width: 100vw;
  left: calc(-50vw + 52%);
  margin-top: 0px;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results.map article {
  float: none;
  padding: 0px;
  width: 100%;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results.map article img {
  width: 100%;
  display: block;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results.map article .image-agence {
  display: none;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results.map article .titre-projet {
  font-weight: bold;
  font-size: 1.8rem;
  text-transform: inherit;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results.map article .type-projet,
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results.map article .titre-projet,
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results.map article .date-projet,
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results.map article .lieu-projet,
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results.map article .titre-agence {
  padding-right: 0px;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results.map article .en-savoir-plus {
  display: block;
  margin-top: 20px;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results.map article .titre-agence {
  font-size: 1.8rem;
}
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results.map article .lieu-projet,
form#cnoa-architecte-pour-tous-page-form .architecte-pour-tous-results.map article .date-projet {
  font-size: 1.1rem;
}

body.page-recherche section#main-prefix,
body.page-recherche-annonce section#main-prefix,
body.page-recherche-formation section#main-prefix {
  float: left;
  width: 17.5%;
}
@media (max-width: 768px) {
  body.page-recherche section#main-prefix,
  body.page-recherche-annonce section#main-prefix,
  body.page-recherche-formation section#main-prefix {
    display: none;
  }
}
body.page-recherche section#main-prefix .region-main-prefix .block,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block,
body.page-recherche-formation section#main-prefix .region-main-prefix .block {
  border-bottom: 1px solid #000000;
}
body.page-recherche section#main-prefix .region-main-prefix .block > .content,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block > .content,
body.page-recherche-formation section#main-prefix .region-main-prefix .block > .content {
  padding: 10px 0;
}
body.page-recherche section#main-prefix .region-main-prefix .block.block-facetapi > .content,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block.block-facetapi > .content,
body.page-recherche-formation section#main-prefix .region-main-prefix .block.block-facetapi > .content {
  display: none;
}
body.page-recherche section#main-prefix .region-main-prefix .block.open > .content,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block.open > .content,
body.page-recherche-formation section#main-prefix .region-main-prefix .block.open > .content {
  display: block;
}
body.page-recherche section#main-prefix .region-main-prefix .block.open h2, body.page-recherche section#main-prefix .region-main-prefix .block.open .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs body.page-recherche section#main-prefix .region-main-prefix .block.open .field-label,
body.page-recherche section#main-prefix .region-main-prefix .block.open .field-name-body .field-label,
.field-name-body body.page-recherche section#main-prefix .region-main-prefix .block.open .field-label,
body.page-recherche section#main-prefix .region-main-prefix .block.open .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur body.page-recherche section#main-prefix .region-main-prefix .block.open .field-label, body.page-recherche section#main-prefix .region-main-prefix .block.open #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form body.page-recherche section#main-prefix .region-main-prefix .block.open #edit-add-petite-annonce > legend, body.page-recherche section#main-prefix .region-main-prefix .block.open #tableau-architecte .nb-resultats, #tableau-architecte body.page-recherche section#main-prefix .region-main-prefix .block.open .nb-resultats,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block.open h2,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block.open .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs body.page-recherche-annonce section#main-prefix .region-main-prefix .block.open .field-label,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block.open .field-name-body .field-label,
.field-name-body body.page-recherche-annonce section#main-prefix .region-main-prefix .block.open .field-label,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block.open .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur body.page-recherche-annonce section#main-prefix .region-main-prefix .block.open .field-label,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block.open #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form body.page-recherche-annonce section#main-prefix .region-main-prefix .block.open #edit-add-petite-annonce > legend,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block.open #tableau-architecte .nb-resultats,
#tableau-architecte body.page-recherche-annonce section#main-prefix .region-main-prefix .block.open .nb-resultats,
body.page-recherche-formation section#main-prefix .region-main-prefix .block.open h2,
body.page-recherche-formation section#main-prefix .region-main-prefix .block.open .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs body.page-recherche-formation section#main-prefix .region-main-prefix .block.open .field-label,
body.page-recherche-formation section#main-prefix .region-main-prefix .block.open .field-name-body .field-label,
.field-name-body body.page-recherche-formation section#main-prefix .region-main-prefix .block.open .field-label,
body.page-recherche-formation section#main-prefix .region-main-prefix .block.open .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur body.page-recherche-formation section#main-prefix .region-main-prefix .block.open .field-label,
body.page-recherche-formation section#main-prefix .region-main-prefix .block.open #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form body.page-recherche-formation section#main-prefix .region-main-prefix .block.open #edit-add-petite-annonce > legend,
body.page-recherche-formation section#main-prefix .region-main-prefix .block.open #tableau-architecte .nb-resultats,
#tableau-architecte body.page-recherche-formation section#main-prefix .region-main-prefix .block.open .nb-resultats {
  background-position: right 13px;
}
body.page-recherche section#main-prefix .region-main-prefix .block h2, body.page-recherche section#main-prefix .region-main-prefix .block .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs body.page-recherche section#main-prefix .region-main-prefix .block .field-label,
body.page-recherche section#main-prefix .region-main-prefix .block .field-name-body .field-label,
.field-name-body body.page-recherche section#main-prefix .region-main-prefix .block .field-label,
body.page-recherche section#main-prefix .region-main-prefix .block .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur body.page-recherche section#main-prefix .region-main-prefix .block .field-label, body.page-recherche section#main-prefix .region-main-prefix .block #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form body.page-recherche section#main-prefix .region-main-prefix .block #edit-add-petite-annonce > legend, body.page-recherche section#main-prefix .region-main-prefix .block #tableau-architecte .nb-resultats, #tableau-architecte body.page-recherche section#main-prefix .region-main-prefix .block .nb-resultats,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block h2,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs body.page-recherche-annonce section#main-prefix .region-main-prefix .block .field-label,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block .field-name-body .field-label,
.field-name-body body.page-recherche-annonce section#main-prefix .region-main-prefix .block .field-label,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur body.page-recherche-annonce section#main-prefix .region-main-prefix .block .field-label,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form body.page-recherche-annonce section#main-prefix .region-main-prefix .block #edit-add-petite-annonce > legend,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block #tableau-architecte .nb-resultats,
#tableau-architecte body.page-recherche-annonce section#main-prefix .region-main-prefix .block .nb-resultats,
body.page-recherche-formation section#main-prefix .region-main-prefix .block h2,
body.page-recherche-formation section#main-prefix .region-main-prefix .block .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs body.page-recherche-formation section#main-prefix .region-main-prefix .block .field-label,
body.page-recherche-formation section#main-prefix .region-main-prefix .block .field-name-body .field-label,
.field-name-body body.page-recherche-formation section#main-prefix .region-main-prefix .block .field-label,
body.page-recherche-formation section#main-prefix .region-main-prefix .block .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur body.page-recherche-formation section#main-prefix .region-main-prefix .block .field-label,
body.page-recherche-formation section#main-prefix .region-main-prefix .block #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form body.page-recherche-formation section#main-prefix .region-main-prefix .block #edit-add-petite-annonce > legend,
body.page-recherche-formation section#main-prefix .region-main-prefix .block #tableau-architecte .nb-resultats,
#tableau-architecte body.page-recherche-formation section#main-prefix .region-main-prefix .block .nb-resultats {
  font-size: 1.4rem;
  text-transform: lowercase;
  color: #999999;
  padding: 10px 0;
  margin: 0;
  font-weight: 300;
  background-image: url(../images/arrow-up-down.png);
  background-repeat: no-repeat;
  background-position: right -30px;
  cursor: pointer;
}
body.page-recherche section#main-prefix .region-main-prefix .block li,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li {
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #ff5e5c;
  padding-left: 17px;
  position: relative;
  line-height: 1;
  margin-bottom: 10px;
}
body.page-recherche section#main-prefix .region-main-prefix .block li input,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li input,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li input {
  position: absolute;
  left: 0;
  top: 0;
}
body.page-recherche section#main-prefix .region-main-prefix .block li a,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li a,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li a {
  color: #000000;
}
body.page-recherche section#main-prefix .region-main-prefix .block li.leaf,
body.page-recherche section#main-prefix .region-main-prefix .block li.collapsed,
body.page-recherche section#main-prefix .region-main-prefix .block li.expanded,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.leaf,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.collapsed,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.expanded,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.leaf,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.collapsed,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.expanded {
  padding-left: 0;
}
body.page-recherche section#main-prefix .region-main-prefix .block li.leaf input,
body.page-recherche section#main-prefix .region-main-prefix .block li.collapsed input,
body.page-recherche section#main-prefix .region-main-prefix .block li.expanded input,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.leaf input,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.collapsed input,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.expanded input,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.leaf input,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.collapsed input,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.expanded input {
  display: none;
}
body.page-recherche section#main-prefix .region-main-prefix .block li.leaf > a,
body.page-recherche section#main-prefix .region-main-prefix .block li.collapsed > a,
body.page-recherche section#main-prefix .region-main-prefix .block li.expanded > a,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.leaf > a,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.collapsed > a,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.expanded > a,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.leaf > a,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.collapsed > a,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.expanded > a {
  display: block;
  padding-left: 20px;
  position: relative;
}
body.page-recherche section#main-prefix .region-main-prefix .block li.leaf > a span,
body.page-recherche section#main-prefix .region-main-prefix .block li.collapsed > a span,
body.page-recherche section#main-prefix .region-main-prefix .block li.expanded > a span,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.leaf > a span,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.collapsed > a span,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.expanded > a span,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.leaf > a span,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.collapsed > a span,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.expanded > a span {
  color: #ff5e5c;
}
body.page-recherche section#main-prefix .region-main-prefix .block li.leaf > a:before,
body.page-recherche section#main-prefix .region-main-prefix .block li.collapsed > a:before,
body.page-recherche section#main-prefix .region-main-prefix .block li.expanded > a:before,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.leaf > a:before,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.collapsed > a:before,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.expanded > a:before,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.leaf > a:before,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.collapsed > a:before,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.expanded > a:before {
  position: absolute;
  content: " ";
  width: 12px;
  height: 12px;
  border: 2px solid #ffffff;
  outline: 1px solid #000000;
  background-color: #ffffff;
  display: block;
  margin: 0px 5px 3px 0;
  vertical-align: middle;
  box-sizing: border-box;
  background-position: center;
  left: 2px;
}
body.page-recherche section#main-prefix .region-main-prefix .block li.leaf > a.facetapi-active,
body.page-recherche section#main-prefix .region-main-prefix .block li.collapsed > a.facetapi-active,
body.page-recherche section#main-prefix .region-main-prefix .block li.expanded > a.facetapi-active,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.leaf > a.facetapi-active,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.collapsed > a.facetapi-active,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.expanded > a.facetapi-active,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.leaf > a.facetapi-active,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.collapsed > a.facetapi-active,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.expanded > a.facetapi-active {
  display: inline !important;
  font-size: 1px;
}
body.page-recherche section#main-prefix .region-main-prefix .block li.leaf > a.facetapi-active:before,
body.page-recherche section#main-prefix .region-main-prefix .block li.collapsed > a.facetapi-active:before,
body.page-recherche section#main-prefix .region-main-prefix .block li.expanded > a.facetapi-active:before,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.leaf > a.facetapi-active:before,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.collapsed > a.facetapi-active:before,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.expanded > a.facetapi-active:before,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.leaf > a.facetapi-active:before,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.collapsed > a.facetapi-active:before,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.expanded > a.facetapi-active:before {
  background-color: #000000;
}
@-moz-document url-prefix() {
  body.page-recherche section#main-prefix .region-main-prefix .block li.leaf a.facetapi-active,
  body.page-recherche section#main-prefix .region-main-prefix .block li.collapsed a.facetapi-active,
  body.page-recherche section#main-prefix .region-main-prefix .block li.expanded a.facetapi-active,
  body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.leaf a.facetapi-active,
  body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.collapsed a.facetapi-active,
  body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.expanded a.facetapi-active,
  body.page-recherche-formation section#main-prefix .region-main-prefix .block li.leaf a.facetapi-active,
  body.page-recherche-formation section#main-prefix .region-main-prefix .block li.collapsed a.facetapi-active,
  body.page-recherche-formation section#main-prefix .region-main-prefix .block li.expanded a.facetapi-active {
    top: -10px;
  }
}
body.page-recherche section#main-prefix .region-main-prefix .block li.leaf .expanded,
body.page-recherche section#main-prefix .region-main-prefix .block li.collapsed .expanded,
body.page-recherche section#main-prefix .region-main-prefix .block li.expanded .expanded,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.leaf .expanded,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.collapsed .expanded,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block li.expanded .expanded,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.leaf .expanded,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.collapsed .expanded,
body.page-recherche-formation section#main-prefix .region-main-prefix .block li.expanded .expanded {
  padding-left: 17px;
}
body.page-recherche section#main-prefix .region-main-prefix .block .facetapi-limit-link,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block .facetapi-limit-link,
body.page-recherche-formation section#main-prefix .region-main-prefix .block .facetapi-limit-link {
  font-size: 1.2rem;
}
body.page-recherche section#main-prefix .region-main-prefix .block .form-item-date-fin,
body.page-recherche section#main-prefix .region-main-prefix .block .form-item-date-debut,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block .form-item-date-fin,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block .form-item-date-debut,
body.page-recherche-formation section#main-prefix .region-main-prefix .block .form-item-date-fin,
body.page-recherche-formation section#main-prefix .region-main-prefix .block .form-item-date-debut {
  margin-bottom: 10px;
}
body.page-recherche section#main-prefix .region-main-prefix .block .form-item-date-fin label,
body.page-recherche section#main-prefix .region-main-prefix .block .form-item-date-debut label,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block .form-item-date-fin label,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block .form-item-date-debut label,
body.page-recherche-formation section#main-prefix .region-main-prefix .block .form-item-date-fin label,
body.page-recherche-formation section#main-prefix .region-main-prefix .block .form-item-date-debut label {
  font-weight: normal;
  float: left;
  width: 15%;
  line-height: 3.4;
}
body.page-recherche section#main-prefix .region-main-prefix .block .form-item-date-fin input,
body.page-recherche section#main-prefix .region-main-prefix .block .form-item-date-debut input,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block .form-item-date-fin input,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block .form-item-date-debut input,
body.page-recherche-formation section#main-prefix .region-main-prefix .block .form-item-date-fin input,
body.page-recherche-formation section#main-prefix .region-main-prefix .block .form-item-date-debut input {
  width: 85%;
  float: right;
}
body.page-recherche section#main-prefix .region-main-prefix .block input.form-submit,
body.page-recherche-annonce section#main-prefix .region-main-prefix .block input.form-submit,
body.page-recherche-formation section#main-prefix .region-main-prefix .block input.form-submit {
  float: right;
}
body.page-recherche section#main-prefix .region-main-prefix #block-cnoa-search-cnoa-search-wording,
body.page-recherche-annonce section#main-prefix .region-main-prefix #block-cnoa-search-cnoa-search-wording,
body.page-recherche-formation section#main-prefix .region-main-prefix #block-cnoa-search-cnoa-search-wording {
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 1px solid #000000;
}
body.page-recherche section#content,
body.page-recherche-annonce section#content,
body.page-recherche-formation section#content {
  float: left;
  width: 82.5%;
}
@media (max-width: 768px) {
  body.page-recherche section#content,
  body.page-recherche-annonce section#content,
  body.page-recherche-formation section#content {
    width: 100%;
    float: none;
    padding: 0px;
  }
}
body.page-recherche section#content .region-content,
body.page-recherche-annonce section#content .region-content,
body.page-recherche-formation section#content .region-content {
  padding: 0px;
  margin-top: 0px;
}
body.page-recherche section#content .region-content .no-result,
body.page-recherche-annonce section#content .region-content .no-result,
body.page-recherche-formation section#content .region-content .no-result {
  padding: 30px;
}
body.page-recherche section#content .thumbnails,
body.page-recherche-annonce section#content .thumbnails,
body.page-recherche-formation section#content .thumbnails {
  padding: 0 0 160px 25px;
  margin-left: -25px;
  overflow-x: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.page-recherche section#content .thumbnails > .scald-atom,
body.page-recherche-annonce section#content .thumbnails > .scald-atom,
body.page-recherche-formation section#content .thumbnails > .scald-atom {
  float: left;
  width: 25%;
  padding-left: 25px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  body.page-recherche section#content .thumbnails > .scald-atom,
  body.page-recherche-annonce section#content .thumbnails > .scald-atom,
  body.page-recherche-formation section#content .thumbnails > .scald-atom {
    width: 50%;
  }
}
@media (max-width: 480px) {
  body.page-recherche section#content .thumbnails > .scald-atom,
  body.page-recherche-annonce section#content .thumbnails > .scald-atom,
  body.page-recherche-formation section#content .thumbnails > .scald-atom {
    width: 100%;
    float: none;
    padding-left: 0;
  }
}
body.page-recherche section#content .thumbnails > .scald-atom .iframe-wrap,
body.page-recherche-annonce section#content .thumbnails > .scald-atom .iframe-wrap,
body.page-recherche-formation section#content .thumbnails > .scald-atom .iframe-wrap {
  margin-bottom: 15px;
}
body.page-recherche section#content .thumbnails > .node,
body.page-recherche-annonce section#content .thumbnails > .node,
body.page-recherche-formation section#content .thumbnails > .node {
  float: left;
  width: 25%;
  padding-left: 25px;
  margin-bottom: 40px;
  display: -webkit-flex;
  display: flex;
}
body.page-recherche section#content .thumbnails > .node > .content,
body.page-recherche-annonce section#content .thumbnails > .node > .content,
body.page-recherche-formation section#content .thumbnails > .node > .content {
  width: 100%;
}
body.page-recherche section#content .thumbnails > .node > .content .aside,
body.page-recherche section#content .thumbnails > .node > .content .central,
body.page-recherche-annonce section#content .thumbnails > .node > .content .aside,
body.page-recherche-annonce section#content .thumbnails > .node > .content .central,
body.page-recherche-formation section#content .thumbnails > .node > .content .aside,
body.page-recherche-formation section#content .thumbnails > .node > .content .central {
  width: 100%;
}
body.page-recherche section#content .thumbnails > .node > .content .aside:after,
body.page-recherche section#content .thumbnails > .node > .content .central:after,
body.page-recherche-annonce section#content .thumbnails > .node > .content .aside:after,
body.page-recherche-annonce section#content .thumbnails > .node > .content .central:after,
body.page-recherche-formation section#content .thumbnails > .node > .content .aside:after,
body.page-recherche-formation section#content .thumbnails > .node > .content .central:after {
  display: none;
}
body.page-recherche section#content .thumbnails .ias-trigger,
body.page-recherche-annonce section#content .thumbnails .ias-trigger,
body.page-recherche-formation section#content .thumbnails .ias-trigger {
  width: 100%;
  height: 1px;
  display: block;
  clear: both;
}
body.page-recherche section#content .thumbnails .ias-trigger a,
body.page-recherche-annonce section#content .thumbnails .ias-trigger a,
body.page-recherche-formation section#content .thumbnails .ias-trigger a {
  margin: 100px 0 0 -220px;
  width: 260px;
}
@media (max-width: 768px) {
  body.page-recherche section#content .thumbnails .ias-trigger a,
  body.page-recherche-annonce section#content .thumbnails .ias-trigger a,
  body.page-recherche-formation section#content .thumbnails .ias-trigger a {
    margin: 40px 0;
  }
}
@media (max-width: 480px) {
  body.page-recherche section#content .thumbnails .ias-trigger a,
  body.page-recherche-annonce section#content .thumbnails .ias-trigger a,
  body.page-recherche-formation section#content .thumbnails .ias-trigger a {
    display: block;
    width: 100%;
    margin-left: 10px;
  }
}
@media (max-width: 1024px) {
  body.page-recherche section#content .thumbnails > .node,
  body.page-recherche-annonce section#content .thumbnails > .node,
  body.page-recherche-formation section#content .thumbnails > .node {
    width: 33.3333%;
  }
}
@media (max-width: 768px) {
  body.page-recherche section#content .thumbnails,
  body.page-recherche-annonce section#content .thumbnails,
  body.page-recherche-formation section#content .thumbnails {
    padding-left: 0;
  }
  body.page-recherche section#content .thumbnails > .node,
  body.page-recherche-annonce section#content .thumbnails > .node,
  body.page-recherche-formation section#content .thumbnails > .node {
    width: 50%;
  }
}
@media (max-width: 480px) {
  body.page-recherche section#content .thumbnails > .node,
  body.page-recherche-annonce section#content .thumbnails > .node,
  body.page-recherche-formation section#content .thumbnails > .node {
    width: 100%;
    float: none;
  }
}
body.page-recherche section#content .thumbnails .without-image .content,
body.page-recherche-annonce section#content .thumbnails .without-image .content,
body.page-recherche-formation section#content .thumbnails .without-image .content {
  border-top: 1px solid #e5e5e5;
  padding-top: 12px;
}
body.page-recherche #block-cnoa-search-cnoa-search-tools,
body.page-recherche-annonce #block-cnoa-search-cnoa-search-tools,
body.page-recherche-formation #block-cnoa-search-cnoa-search-tools {
  margin: 60px 0 40px 0;
}
body.page-recherche #block-cnoa-search-cnoa-search-tools input:focus,
body.page-recherche-annonce #block-cnoa-search-cnoa-search-tools input:focus,
body.page-recherche-formation #block-cnoa-search-cnoa-search-tools input:focus {
  outline: 0;
}
body.page-recherche #block-cnoa-search-cnoa-search-tools > .content form:first-child,
body.page-recherche-annonce #block-cnoa-search-cnoa-search-tools > .content form:first-child,
body.page-recherche-formation #block-cnoa-search-cnoa-search-tools > .content form:first-child {
  width: 50%;
  display: inline-block;
}
@media (max-width: 768px) {
  body.page-recherche #block-cnoa-search-cnoa-search-tools > .content form:first-child,
  body.page-recherche-annonce #block-cnoa-search-cnoa-search-tools > .content form:first-child,
  body.page-recherche-formation #block-cnoa-search-cnoa-search-tools > .content form:first-child {
    width: 100%;
  }
}
body.page-recherche #block-cnoa-search-cnoa-search-tools > .content form:first-child .container-inline,
body.page-recherche-annonce #block-cnoa-search-cnoa-search-tools > .content form:first-child .container-inline,
body.page-recherche-formation #block-cnoa-search-cnoa-search-tools > .content form:first-child .container-inline {
  border-bottom: 1px solid #000000;
  display: block;
}
body.page-recherche #block-cnoa-search-cnoa-search-tools > .content form:first-child .form-item-search-block-form,
body.page-recherche-annonce #block-cnoa-search-cnoa-search-tools > .content form:first-child .form-item-search-block-form,
body.page-recherche-formation #block-cnoa-search-cnoa-search-tools > .content form:first-child .form-item-search-block-form {
  float: left;
  width: 85%;
}
body.page-recherche #block-cnoa-search-cnoa-search-tools > .content form:first-child .form-item-search-block-form input.form-text,
body.page-recherche-annonce #block-cnoa-search-cnoa-search-tools > .content form:first-child .form-item-search-block-form input.form-text,
body.page-recherche-formation #block-cnoa-search-cnoa-search-tools > .content form:first-child .form-item-search-block-form input.form-text {
  border: none;
  padding: 0;
  font-size: 3.5rem;
  font-weight: 300;
}
body.page-recherche #block-cnoa-search-cnoa-search-tools > .content form:first-child .form-actions,
body.page-recherche-annonce #block-cnoa-search-cnoa-search-tools > .content form:first-child .form-actions,
body.page-recherche-formation #block-cnoa-search-cnoa-search-tools > .content form:first-child .form-actions {
  float: right;
}
body.page-recherche #block-cnoa-search-cnoa-search-tools > .content form:first-child .form-actions input,
body.page-recherche-annonce #block-cnoa-search-cnoa-search-tools > .content form:first-child .form-actions input,
body.page-recherche-formation #block-cnoa-search-cnoa-search-tools > .content form:first-child .form-actions input {
  width: 26px;
  background: url("../images/search.png") no-repeat right center;
  border: none;
  display: block;
  text-indent: -9999px;
  height: 40px;
}
body.page-recherche #block-cnoa-search-cnoa-search-tools > .content form + form,
body.page-recherche-annonce #block-cnoa-search-cnoa-search-tools > .content form + form,
body.page-recherche-formation #block-cnoa-search-cnoa-search-tools > .content form + form {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  text-align: right;
}
@media (max-width: 768px) {
  body.page-recherche #block-cnoa-search-cnoa-search-tools > .content form + form,
  body.page-recherche-annonce #block-cnoa-search-cnoa-search-tools > .content form + form,
  body.page-recherche-formation #block-cnoa-search-cnoa-search-tools > .content form + form {
    width: 100%;
  }
}
body.page-recherche #block-cnoa-search-cnoa-search-tools > .content form + form > div,
body.page-recherche-annonce #block-cnoa-search-cnoa-search-tools > .content form + form > div,
body.page-recherche-formation #block-cnoa-search-cnoa-search-tools > .content form + form > div {
  padding-left: 130px;
}
@media (max-width: 768px) {
  body.page-recherche #block-cnoa-search-cnoa-search-tools > .content form + form > div,
  body.page-recherche-annonce #block-cnoa-search-cnoa-search-tools > .content form + form > div,
  body.page-recherche-formation #block-cnoa-search-cnoa-search-tools > .content form + form > div {
    padding-left: 0px;
  }
}
body.page-recherche #block-cnoa-search-cnoa-search-tools > .content form + form label,
body.page-recherche #block-cnoa-search-cnoa-search-tools > .content form + form input.form-submit,
body.page-recherche-annonce #block-cnoa-search-cnoa-search-tools > .content form + form label,
body.page-recherche-annonce #block-cnoa-search-cnoa-search-tools > .content form + form input.form-submit,
body.page-recherche-formation #block-cnoa-search-cnoa-search-tools > .content form + form label,
body.page-recherche-formation #block-cnoa-search-cnoa-search-tools > .content form + form input.form-submit {
  display: none;
}
body.page-recherche #block-cnoa-search-cnoa-search-tools > .content form + form select,
body.page-recherche-annonce #block-cnoa-search-cnoa-search-tools > .content form + form select,
body.page-recherche-formation #block-cnoa-search-cnoa-search-tools > .content form + form select {
  margin: 7px 0;
}
body.page-recherche #block-cnoa-search-cnoa-search-tools > .content .count,
body.page-recherche-annonce #block-cnoa-search-cnoa-search-tools > .content .count,
body.page-recherche-formation #block-cnoa-search-cnoa-search-tools > .content .count {
  font-size: 1.8rem;
  font-weight: 700;
  color: #ff5e5c;
}

.cnoa-marker-hover {
  color: #ffffff;
  max-width: 300px;
}
.cnoa-marker-hover .cnoa-marker-hover-content {
  text-align: center;
}
.cnoa-marker-hover .cnoa-marker-hover-content.multiple {
  text-align: left;
}

body.context-user.logged-in section#main-prefix {
  background-color: #f2f2f2;
  margin-bottom: 30px;
  padding: 50px 0 40px 0;
}
body.context-user.logged-in section#main-prefix .region-main-prefix {
  text-align: center;
}
body.context-user.logged-in section#main-prefix .region-main-prefix h1 span {
  display: block;
}
body.context-user.logged-in section#main-prefix .region-main-prefix h1 .top-title {
  color: #ff5e5c;
  font-size: 4rem;
  margin-bottom: 5px;
}
body.context-user.logged-in section#main-prefix .region-main-prefix h1 .title {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 3rem;
}
body.context-user.logged-in section#content .region-content {
  width: 100%;
  margin: 0;
}
body.context-user.logged-in section#content .region-content > .aside {
  width: 15%;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  body.context-user.logged-in section#content .region-content > .aside {
    width: 100%;
  }
}
body.context-user.logged-in section#content .region-content > .aside .block {
  text-align: center;
  padding-right: 20px;
}
@media (max-width: 768px) {
  body.context-user.logged-in section#content .region-content > .aside ul li {
    float: left;
    width: 20%;
  }
}
body.context-user.logged-in section#content .region-content > .aside ul li a {
  display: block;
  margin-bottom: 30px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 1.2rem;
}
body.context-user.logged-in section#content .region-content > .aside ul li a:before {
  content: '';
  display: block;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-image: url("../images/user-profile-icons.png");
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-oa:before {
  background-image: url("../images/user-oa.png") !important;
  height: 43px;
  background-position: center;
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-oa:hover:before {
  background-image: url("../images/user-oa-inverse.png") !important;
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-pc:before {
  background-image: url("../images/user-pc.png") !important;
  height: 43px;
  background-position: center;
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-pc:hover:before {
  background-image: url("../images/user-pc-inverse.png") !important;
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-inscription:before {
  background-image: url("../images/user-inscription.jpg") !important;
  height: 43px;
  background-position: center;
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-inscription:hover:before {
  background-image: url("../images/user-inscription-inverse.jpg") !important;
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-menu:before {
  background-position: center 0;
  height: 32px;
}
@media (max-width: 768px) {
  body.context-user.logged-in section#content .region-content > .aside ul li a.user-menu:before {
    height: 40px;
  }
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-mes-agences:before {
  background-position: center -82px;
  height: 37px;
}
@media (max-width: 768px) {
  body.context-user.logged-in section#content .region-content > .aside ul li a.user-mes-agences:before {
    height: 40px;
  }
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-selections:before {
  background-position: center -167px;
  height: 36px;
}
@media (max-width: 768px) {
  body.context-user.logged-in section#content .region-content > .aside ul li a.user-selections:before {
    height: 40px;
  }
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-annonces:before {
  background-position: center -252px;
  height: 40px;
}
@media (max-width: 768px) {
  body.context-user.logged-in section#content .region-content > .aside ul li a.user-annonces:before {
    height: 40px;
  }
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-selection-architecte:before {
  background-position: center -341px;
  height: 36px;
}
@media (max-width: 768px) {
  body.context-user.logged-in section#content .region-content > .aside ul li a.user-selection-architecte:before {
    height: 40px;
  }
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-formations-continues:before {
  background-position: center -441px;
  height: 35px;
}
@media (max-width: 768px) {
  body.context-user.logged-in section#content .region-content > .aside ul li a.user-formations-continues:before {
    height: 40px;
  }
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-emails:before {
  background-position: center -538px;
  height: 25px;
}
@media (max-width: 768px) {
  body.context-user.logged-in section#content .region-content > .aside ul li a.user-emails:before {
    height: 40px;
  }
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-datamatrix:before {
  background-position: center -625px;
  height: 31px;
}
@media (max-width: 768px) {
  body.context-user.logged-in section#content .region-content > .aside ul li a.user-datamatrix:before {
    height: 40px;
  }
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-cotisation:before {
  background-position: center -704px;
  height: 28px;
}
@media (max-width: 768px) {
  body.context-user.logged-in section#content .region-content > .aside ul li a.user-cotisation:before {
    height: 40px;
  }
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-faire:before {
  background-image: url("../images/user-faire.png") !important;
  height: 43px;
  background-position: center;
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-faire:hover:before {
  background-image: url("../images/user-faire-inverse.png") !important;
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-change-password:before {
  background-position: center -781px;
  height: 38px;
}
@media (max-width: 768px) {
  body.context-user.logged-in section#content .region-content > .aside ul li a.user-change-password:before {
    height: 40px;
  }
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-newsletters:before {
  background-position: center -965px;
  height: 38px;
}
@media (max-width: 768px) {
  body.context-user.logged-in section#content .region-content > .aside ul li a.user-newsletters:before {
    height: 40px;
  }
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-logout {
  background: none;
  width: 100%;
}
body.context-user.logged-in section#content .region-content > .aside ul li a.user-logout:before {
  display: none;
}
body.context-user.logged-in section#content .region-content > .aside ul li.active a:before {
  background-image: url("../images/user-profile-icons-active.png");
}
body.context-user.logged-in section#content .region-content > .aside ul li a:hover:before {
  background-image: url("../images/user-profile-icons-active.png");
}
body.context-user.logged-in section#content .region-content > #block-system-main {
  margin: 0;
  width: 85%;
  padding: 0;
  float: left;
}
@media (max-width: 768px) {
  body.context-user.logged-in section#content .region-content > #block-system-main {
    width: 100%;
  }
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content {
  padding-left: 50px;
}
@media (max-width: 768px) {
  body.context-user.logged-in section#content .region-content > #block-system-main > .content {
    padding-left: 0;
  }
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content > a:first-child {
  margin-bottom: 30px;
  width: 23.4%;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte {
  padding: 0;
  margin: 0;
  width: 100%;
  float: none;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .view-content,
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .view-filters {
  padding-right: 180px;
}
@media (max-width: 1024px) {
  body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .view-content,
  body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .view-filters {
    padding-right: 0;
  }
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .flag-selections-projet {
  position: absolute;
  right: -12px;
  top: -12px;
  z-index: 3;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .entity-projet {
  position: relative;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .entity-projet .content-unflagged {
  opacity: 0.25;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .entity-projet .visuel-title {
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 10px;
  width: 100%;
  padding: 0;
  color: #000000;
  padding-right: 100px;
  border-top: none;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .entity-projet .group-content {
  width: 100%;
  float: none;
  padding: 0;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .entity-projet .date-projet,
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .entity-projet .lieu-projet {
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: normal;
  padding-right: 40px;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .entity-projet .titre-agence {
  padding-right: 40px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #ffc914;
  margin-top: 10px;
  padding-right: 100px;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .entity-projet .image-agence {
  float: right;
  width: 87px;
  margin-top: -80px;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .entity-projet .image-agence img {
  border-radius: 50%;
  width: 87px;
  height: auto;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .entity-projet .delete-hover,
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .entity-projet .add-hover {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  padding: 0 70px;
  text-align: center;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  width: 100%;
  font-size: 1.2rem;
  font-weight: 300;
  align-items: center;
  justify-content: center;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .view-filters,
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-filters {
  margin-bottom: 20px;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .view-filters .views-exposed-widget,
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-filters .views-exposed-widget {
  float: none;
  padding: 0;
  margin-bottom: 10px;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .view-filters .views-exposed-widget .form-item,
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-filters .views-exposed-widget .form-item {
  text-align: right;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .view-filters .views-exposed-widget .form-item label,
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .view-filters .views-exposed-widget .form-item select,
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-filters .views-exposed-widget .form-item label,
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-filters .views-exposed-widget .form-item select {
  display: inline-block;
  font-size: 1.4rem;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-selection-architecte .view-filters .views-exposed-widget .form-item select,
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-filters .views-exposed-widget .form-item select {
  width: auto;
  margin-left: 10px;
}
@media (max-width: 768px) {
  body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-content .item-list ul li {
    width: 50%;
  }
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-content .item-list ul li .node {
  position: relative;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-content .item-list ul li > .node > .content {
  position: relative;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-content .item-list ul li > .node > .content:after {
  display: none;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-content .item-list ul li > .node > .content.content-unflagged {
  opacity: 0.25;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-content .item-list ul li > .node > .content .flag-wrapper {
  position: static;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-content .item-list ul li > .node > .content .flag-selections-node a {
  position: absolute;
  right: -12px;
  top: -12px;
}
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-content .item-list ul li > .node > .delete-hover,
body.context-user.logged-in section#content .region-content > #block-system-main > .content .view-mes-selections .view-content .item-list ul li > .node > .add-hover {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  padding: 0 70px;
  text-align: center;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  width: 100%;
  font-size: 1.2rem;
  font-weight: 300;
  align-items: center;
  justify-content: center;
}
body.context-user.logged-in section#content .region-content #block-cnoa-petite-annonce-cnoa-petite-annonce-list {
  padding: 0;
  margin: 0;
  width: 85%;
}
body.context-user.logged-in section#content .region-content #block-cnoa-petite-annonce-cnoa-petite-annonce-list > .content {
  padding-left: 50px;
}
body.context-user.logged-in section#content .region-content #block-cnoa-petite-annonce-cnoa-petite-annonce-list > .content > a:first-child {
  display: block;
  margin-bottom: 30px;
  width: 23%;
}
body.context-user.logged-in section#content .region-content #block-cnoa-petite-annonce-cnoa-petite-annonce-list .annonces-list .node {
  position: relative;
}
@media (max-width: 768px) {
  body.context-user.logged-in section#content .region-content #block-cnoa-petite-annonce-cnoa-petite-annonce-list .annonces-list .node {
    width: 50%;
  }
}
body.context-user.logged-in section#content .region-content #block-cnoa-petite-annonce-cnoa-petite-annonce-list .annonces-list .node.node-unpublished {
  background-color: transparent;
}
body.context-user.logged-in section#content .region-content #block-cnoa-petite-annonce-cnoa-petite-annonce-list .annonces-list .node.node-unpublished .content {
  opacity: 0.45;
}
body.context-user.logged-in section#content .region-content #block-cnoa-petite-annonce-cnoa-petite-annonce-list .annonces-list .node:after {
  display: none;
}
body.context-user.logged-in section#content .region-content #block-cnoa-petite-annonce-cnoa-petite-annonce-list .annonces-list .node h3 {
  margin: 4px 0;
}
body.context-user.logged-in section#content .region-content #block-cnoa-petite-annonce-cnoa-petite-annonce-list .annonces-list .node .remove-button {
  position: absolute;
  right: -12px;
  top: -12px;
  display: block;
  width: 25px;
  height: 25px;
  background: url("../images/close.png") no-repeat center 0;
}
body.context-user.logged-in section#content .region-content #block-cnoa-petite-annonce-cnoa-petite-annonce-list .annonces-list .node .remove-button .supprimer-annonce {
  display: block;
  text-indent: -9999px;
  height: 25px;
  width: 25px;
}
body.context-user.logged-in section#content .region-content #block-cnoa-petite-annonce-cnoa-petite-annonce-list .annonces-list .background-annonce img {
  width: 100%;
}

.node-cnoa-dossier-long-search-result .field-name-field-media-principal img,
.node-cnoa-dossier-long-search-result .formation-thematique-image img,
.node-cnoa-formation-search-result .field-name-field-media-principal img,
.node-cnoa-formation-search-result .formation-thematique-image img {
  width: 100%;
}
.node-cnoa-dossier-long-search-result .field-name-title-field h2, .node-cnoa-dossier-long-search-result .field-name-title-field .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .node-cnoa-dossier-long-search-result .field-name-title-field .field-label,
.node-cnoa-dossier-long-search-result .field-name-title-field .field-name-body .field-label,
.field-name-body .node-cnoa-dossier-long-search-result .field-name-title-field .field-label,
.node-cnoa-dossier-long-search-result .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-dossier-long-search-result .field-name-title-field .field-label, .node-cnoa-dossier-long-search-result .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-dossier-long-search-result .field-name-title-field #edit-add-petite-annonce > legend, .node-cnoa-dossier-long-search-result .field-name-title-field #tableau-architecte .nb-resultats, #tableau-architecte .node-cnoa-dossier-long-search-result .field-name-title-field .nb-resultats,
.node-cnoa-formation-search-result .field-name-title-field h2,
.node-cnoa-formation-search-result .field-name-title-field .field-name-field-formation-objectifs .field-label,
.field-name-field-formation-objectifs .node-cnoa-formation-search-result .field-name-title-field .field-label,
.node-cnoa-formation-search-result .field-name-title-field .field-name-body .field-label,
.field-name-body .node-cnoa-formation-search-result .field-name-title-field .field-label,
.node-cnoa-formation-search-result .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .node-cnoa-formation-search-result .field-name-title-field .field-label,
.node-cnoa-formation-search-result .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend,
#block-cnoa-petite-annonce-cnoa-petite-annonce-form .node-cnoa-formation-search-result .field-name-title-field #edit-add-petite-annonce > legend,
.node-cnoa-formation-search-result .field-name-title-field #tableau-architecte .nb-resultats,
#tableau-architecte .node-cnoa-formation-search-result .field-name-title-field .nb-resultats {
  font-size: 1.8rem;
}

table#mes-books tr {
  width: 100%;
}
table#mes-books tr.odd {
  background-color: #fff;
}
table#mes-books tr td {
  padding: 2px;
}
table#mes-books th {
  padding: 0 2px;
  font-weight: normal;
  color: #999;
}

@-moz-document url-prefix() {
  body.page-mon-compte #block-system-main > .content {
    padding-top: 1px;
    margin-top: -1px;
  }
}
body.page-mon-compte .profile span {
  font-weight: 700;
}
body.page-mon-compte .profile td, body.page-mon-compte .profile th, body.page-mon-compte .profile caption {
  border: 1px solid #000;
  padding: 5px;
}
body.page-mon-compte .profile a {
  color: #ff5e5c;
}

body.page-mon-compte-documents-architecte .document {
  display: inline-block;
  width: 25%;
  min-height: 80px;
  margin-bottom: 30px;
  vertical-align: top;
}
body.page-mon-compte-documents-architecte .document:before {
  content: '';
  height: 2px;
  width: calc(100% - 30px);
  display: block;
  background-color: black;
  margin-bottom: 10px;
}
body.page-mon-compte-documents-architecte .document a {
  font-size: 1.8rem;
  font-weight: 700;
  padding: 0.25em 0;
  display: inline;
}
body.page-mon-compte-documents-architecte .document a:before {
  content: '';
  background-image: url("../images/download-icon@2x.png");
  background-size: 18px 23px;
  background-repeat: no-repeat;
  background-position: left;
  width: 30px;
  height: 22px;
  display: inline-block;
}
body.page-mon-compte-documents-architecte .document .document-date {
  display: block;
  font-size: 1.2rem;
  padding-left: 30px;
}

.transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content .mea-three {
  margin-bottom: 0;
}
.transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content .mea {
  margin: 0 1em 0 1em;
}
.transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content > .field-name-title-field {
  background-image: url("../images/eco-bandeau.png");
  background-size: 100% no-repeat;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 30px;
}
.transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content > .field-name-title-field h1 {
  font-size: 3.5rem;
  font-family: 'tomica';
  font-weight: 300;
  color: #ffffff;
  background-color: rgba(103, 180, 42, 0.9);
  text-transform: uppercase;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 55px 20px;
  margin: 0;
}
.transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content > .field-name-title-field h1::before {
  content: "";
  display: block;
  width: 39px;
  height: 36px;
  margin-bottom: 25px;
  background-image: url("../images/ic_ecological_transition_big.png");
  background-size: 39px no-repeat;
  background-repeat: no-repeat;
}
.transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content .field-name-field-accroche {
  padding-top: 0;
  padding-bottom: 1em;
}
.transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content .field-name-field-landing-univers-rubriques .field-collection-view {
  padding: 0;
}
.transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content .field-name-field-landing-univers-rubriques .field-collection-item-field-landing-univers-rubriques {
  margin-top: 2em;
}
.transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content .field-name-field-landing-univers-rubriques .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field h2, .transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content .field-name-field-landing-univers-rubriques .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .field-name-field-formation-objectifs .field-label, .field-name-field-formation-objectifs .transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content .field-name-field-landing-univers-rubriques .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .field-label,
.transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content .field-name-field-landing-univers-rubriques .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .field-name-body .field-label,
.field-name-body .transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content .field-name-field-landing-univers-rubriques .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .field-label,
.transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content .field-name-field-landing-univers-rubriques .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .field-name-field-formation-formateur .field-label,
.field-name-field-formation-formateur .transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content .field-name-field-landing-univers-rubriques .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .field-label, .transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content .field-name-field-landing-univers-rubriques .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field #block-cnoa-petite-annonce-cnoa-petite-annonce-form #edit-add-petite-annonce > legend, #block-cnoa-petite-annonce-cnoa-petite-annonce-form .transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content .field-name-field-landing-univers-rubriques .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field #edit-add-petite-annonce > legend, .transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content .field-name-field-landing-univers-rubriques .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field #tableau-architecte .nb-resultats, #tableau-architecte .transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content .field-name-field-landing-univers-rubriques .field-collection-item-field-landing-univers-rubriques .item-list .node .content .field-name-title-field .nb-resultats {
  margin-top: 0;
}
.transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content .field-name-field-landing-univers-rubriques .field-collection-item-field-landing-univers-rubriques .item-list .node .field-name-field-type-actualite:before {
  content: unset;
}
.transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content .field-name-field-landing-univers-rubriques .field-collection-view .heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
.transition_ecologique.node-type-cnoa-landing-univers .node-cnoa-landing-univers-full > .content .field-name-field-landing-univers-rubriques .field-collection-view .heading::after {
  content: "";
  display: block;
  width: 46px;
  height: 3px;
  margin: 20px 0 10px;
  background-color: #67b42a;
}
.transition_ecologique.node-type-cnoa-landing-univers .group-autopromos .field-items .field-item .image:after {
  content: none;
}
.transition_ecologique.page-taxonomy .vocabulary-rubrique > .content .field-type-text:first-of-type .field-item {
  padding: 54px 0 40px;
}
.transition_ecologique.page-taxonomy .vocabulary-rubrique > .content .field-type-text:first-of-type .field-item h1 {
  padding: 80px 0 30px;
  text-transform: uppercase;
  background-position: center;
  margin-bottom: 0;
  background-image: url("../images/ic_ecological_transition_square.jpg");
  background-size: 140px 140px;
  background-repeat: no-repeat;
}
.transition_ecologique .landing-unvivers-block-proposition {
  background-color: #f2f2f2;
  display: flex;
  padding: 51px 80px 49px;
  justify-content: space-between;
  margin-top: 4em;
}
@media (max-width: 768px) {
  .transition_ecologique .landing-unvivers-block-proposition {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
}
@media (max-width: 480px) {
  .transition_ecologique .landing-unvivers-block-proposition {
    padding: 25px 40px 25px;
  }
}
.transition_ecologique .landing-unvivers-block-proposition .landing-unvivers-block-proposition-text {
  font-size: 2.2rem;
  font-family: 'tomica';
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
  margin: auto 0;
}
@media (max-width: 768px) {
  .transition_ecologique .landing-unvivers-block-proposition .landing-unvivers-block-proposition-text {
    text-align: center;
    margin-bottom: 45px;
  }
}
.transition_ecologique .landing-unvivers-block-proposition > a {
  font-size: 1.4rem;
  font-family: 'tomica';
  text-transform: uppercase;
  line-height: 1;
  padding: 13px 36px;
  border: 1px solid #919191;
  display: inline-block;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .transition_ecologique .landing-unvivers-block-proposition > a {
    font-size: 1.1rem;
  }
}

/* perfect-scrollbar v0.6.7 */
.ps-container {
  -ms-touch-action: none;
  overflow: hidden !important;
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
}

.ps-container.ps-in-scrolling {
  pointer-events: none;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}

.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 3px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 8px;
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px;
}

.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 3px;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 8px;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  right: 0;
  /* there must be 'right' for ps-scrollbar-y */
  width: 8px;
}

.ps-container:hover.ps-in-scrolling {
  pointer-events: none;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999;
}

/* Customize here: */
.ps-container > .ps-scrollbar-y-rail {
  right: 0;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

/* y-scrollbar is visible */
.ps-container > .ps-scrollbar-y-rail {
  opacity: 0.6 !important;
}