/****************************************/
/********** Styles CIC  BP 2018 *************/
/****************************************/
/* Description :                        */
/*  -                 */
/* Responsabilité :                     */
/*  - équipe DIGITALE CM-CIC         */
/* Historique :                         */
/*  - 22/12/2017 : création             */
/****************************************/
/****************************************/
/*
@font-face {
  font-family: 'sinkinsans';
  src: url("fonts/sinkinsans-300light-webfont.woff2") format("woff2"), url("fonts/sinkinsans-300light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'sinkinsans';
  src: url("fonts/sinkinsans-400regular-webfont.woff2") format("woff2"), url("fonts/sinkinsans-400regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'sinkinsans';
  src: url("fonts/sinkinsans-700bold-webfont.woff2") format("woff2"), url("fonts/sinkinsans-700bold-webfont.woff") format("woff");
  font-weight: 700;
  font-weight: bold;
  font-style: normal; }*/
main .cc h1,
main .cc h2,
main .cc h3,
main .cc h4 {
  font-family: sinkinsans, sans-serif;
}
.cc b,
.cc em,
.cc em strong,
.cc strong {
  font-family: inherit;
  font-weight: bold;
}
.cc em {
  font-weight: normal;
}
.cc header div.overlaybg:empty {
  display: block !important;
  /* Correction ei_base.css */
}
#ei_tpl_menuPrincipal {
  background-color: #fff;
}
main#ei_tpl_content[role='main'] {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
}
#ei_tpl_footer #ei_tpl_footer1 li.ei_reseaux a::before {
  content: '\F0536';
  font-family: fts_picto;
}
@media screen and (max-width: 560px) {
  #ei_tpl_footer #ei_tpl_hpage {
    width: calc(100% - 20px);
  }
}
article > header {
  padding: 1px 0;
}
article > header h1 {
  margin: 0;
}
.note {
  font-style: normal;
}
.no-wrap {
  white-space: nowrap;
}
.cc em {
  font-family: 'roboto_medium', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: italic;
}
.cc .note::before {
  display: none;
}
em {
  font-family: inherit;
}
@media only screen and (max-width: 768px) {
  #ei_tpl_footer #ei_tpl_footerlinks ul {
    padding: 0 5px;
  }
  #ei_tpl_footer #ei_tpl_footerlinks ul ul#ei_tpl_lang {
    margin-left: 0;
  }
}
/* Bug Angular ? */
body,
html {
  height: auto !important;
}
@font-face {
  font-family: fts_picto;
  src: url(fonts/fts_picto.woff2) format('woff2'), url(fonts/fts_picto.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}
/* Idertifiants de liens non-trouvés */
*[data-uri],
*[data-fgen] {
  position: relative;
}
.cc .cc_test {
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: 10000;
  background: #ff3311;
  color: #fff;
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 0.8em;
  box-shadow: 0 1px 2px 0 #737373;
}
.cc .cc_test a {
  color: #fff !important;
}
div#webTools {
  display: inline-block;
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  background: #ff3311;
  color: #fff;
  padding: 2px 4px 4px 4px;
  border-radius: 0 0 0 4px;
  font-size: 0.8em;
}
div#webTools a {
  color: #fff;
  text-decoration: none;
}
div#webTools a:hover,
div#webTools a:focus {
  text-decoration: underline;
}
div#webTools a[data-state=speaking] #not-speaking {
  display: none;
}
div#webTools a[data-state=not-speaking] #speaking {
  display: none;
}
#sfWebDebugBar {
  background: rgba(0, 0, 0, 0) linear-gradient(to top, #e4e4e4, #ffffff) repeat scroll 0 0;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  color: #2f2f2f;
  font: 11px Verdana, Arial, sans-serif;
  margin: 0 !important;
  padding: 0 !important;
  height: 20px;
  transition: height 0.5s ease;
  overflow: hidden;
}
#sfWebDebugBar #sfWebDebugDetails {
  margin-right: 0 !important;
}
#sfWebDebugBar .menu {
  display: flex !important;
  flex-direction: column;
}
#sfWebDebugBar .menu li {
  padding: 5px 15px !important;
  border: none !important;
}
#sfWebDebugBar:hover {
  height: 240px;
  opacity: 1;
}
#sfWebDebugBar:before {
  display: block;
  content: "Sinbar";
  background: #ff3311;
  color: #fff;
  font-weight: bold;
  text-align: right;
  padding: 2px 4px 4px 4px;
}
#sfWebDebug .sfWebDebugTop {
  background: rgba(0, 0, 0, 0) linear-gradient(to top, #e4e4e4, #ffffff) repeat scroll 0 0;
}
#sfWebDebug ol {
  margin-left: 20px;
}
.sf-toolbar-icon {
  height: 38px;
}
#errctxjs,
.ei_tpl_conseil > table[cellspacing="0"],
.ei_tpl_transac > table[cellspacing="0"],
.ei_tpl_conseil #lightbox_page > table[cellspacing="0"] {
  position: fixed;
  z-index: 7000000;
  width: auto;
  bottom: 0;
  top: auto;
  right: 0;
  border-bottom: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  cursor: default;
  font-size: 11px;
}
#errctxjs td,
.ei_tpl_conseil > table[cellspacing="0"] td,
.ei_tpl_transac > table[cellspacing="0"] td,
.ei_tpl_conseil #lightbox_page > table[cellspacing="0"] td {
  background: transparent !important;
  padding: 5px 8px;
  height: 38px;
}
#errctxjs td > b,
.ei_tpl_conseil > table[cellspacing="0"] td > b,
.ei_tpl_transac > table[cellspacing="0"] td > b,
.ei_tpl_conseil #lightbox_page > table[cellspacing="0"] td > b {
  display: inline-block;
  border-radius: 12px 12px 12px 0;
  background-color: #a33;
  margin: 0 5px;
  color: #fff;
  min-height: 13px;
  padding: 3px 6px;
  cursor: pointer;
}
#errctxjs td ul,
.ei_tpl_conseil > table[cellspacing="0"] td ul,
.ei_tpl_transac > table[cellspacing="0"] td ul,
.ei_tpl_conseil #lightbox_page > table[cellspacing="0"] td ul {
  display: none;
  position: absolute;
  right: 0;
  bottom: 28px;
  background-color: #fff;
  border: 1px solid #bbb;
  border-radius: 4px 4px 0 0;
  padding: 9px;
  white-space: nowrap;
  text-align: right;
}
#errctxjs td ul b,
.ei_tpl_conseil > table[cellspacing="0"] td ul b,
.ei_tpl_transac > table[cellspacing="0"] td ul b,
.ei_tpl_conseil #lightbox_page > table[cellspacing="0"] td ul b {
  background-color: #a33;
  color: #fff;
  border-radius: 5px;
  padding: 0 5px;
  vertical-align: top;
}
#errctxjs td:hover,
.ei_tpl_conseil > table[cellspacing="0"] td:hover,
.ei_tpl_transac > table[cellspacing="0"] td:hover,
.ei_tpl_conseil #lightbox_page > table[cellspacing="0"] td:hover {
  border-right: medium none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
  margin-right: 1px;
  background-color: #fff !important;
  border-top: 1px dotted #ddd;
  margin-top: -1px;
}
#errctxjs td:hover ul,
.ei_tpl_conseil > table[cellspacing="0"] td:hover ul,
.ei_tpl_transac > table[cellspacing="0"] td:hover ul,
.ei_tpl_conseil #lightbox_page > table[cellspacing="0"] td:hover ul {
  display: block;
}
/*==============================================
. Break
============================================== */
/*==============================================
. Fonts
============================================== */
/* @extra-large:    ~"only screen and (min-width: @{lg-min})"; */
/* Vert */
/* Bleu */
/* Noir */
/* Blanc */
/* Rouge pour tests.less*/
/* Rouge */
/* Rouge BP C4 C5 */
/* D�faut (institutionnel CIC) */
/* D�faut - compl�mentaire (institutionnel CIC) */
/* �pargne */
/* �pargne - compl�mentaire */
/* �pargne */
/* t�l�phonie */
/* t�l�phonie - compl�mentaire */
/* assurances */
/* assurances  - compl�mentaire */
/* cr�dits */
/* cr�dits - compl�mentaire*/
/* CIC Auto */
/* CIC Auto - compl�mentaire */
/* Immobilier */
/* Immobilier */
/* jeunes */
/* jeunes - compl�mentaires*/
/* Familles */
/* Familles - compl�mentaires*/
/* Mentions bac */
/* Mentions bac - compl�mentaires*/
/* Professions Lib�rales */
/* Professions Lib�rales - compl�mentaires*/
/* Associations */
/* Associations - compl�mentaires*/
/* Agriculteurs */
/* Agriculteurs - compl�mentaires*/
/* Ing�nierie et assurances */
/* Ing�nierie et assurances - compl�mentaires*/
/* International */
/* International - compl�mentaires*/
/* CIC Iberbanco */
/* CIC Iberbanco - compl�mentaire */
/* Entreprenons.fr */
/* Entreprenons.fr */
/* CIC & Vous bleu? */
/* CIC & Vous violet*/
/* Par d�faut */
/* ------------------------------------ */
/* ==Pictos de la font CIC-2015			*/
/* ------------------------------------ */
.cc .picto {
  font-family: "fts_commun";
  font-size: 18px;
}
.cc .picto:before,
.cc .picto:after {
  font-family: "fts_picto";
}
.cc .picto.green {
  color: #009999;
}
.cc .picto.orange {
  color: #ff5400;
}
.cc .picto.red {
  color: #ff3311;
}
.cc div.font {
  display: inline-block;
  font-family: "fts_picto";
  font-size: 18px;
  color: #be161c;
}
.cc div.font:before {
  speak: none;
}
.cc div.font.agence:before {
  content: '\F0540';
}
.cc div.font.conseiller:before {
  content: '\F0745';
}
.cc div.font.agriculteurs:before {
  content: '\F0013';
}
.cc div.font.automobile:before {
  content: '\F0057';
}
.cc div.font.calendrier:before {
  content: '\F06E0';
}
.cc div.font.creation:before {
  content: '\F00D0';
}
.cc div.font.gestion:before {
  content: '\F0163';
}
.cc div.font.gestion2:before {
  content: '\F0164';
}
.cc div.font.aide:before {
  content: '\F0015';
}
.cc div.font.notification:before {
  content: '\F0117';
}
.cc div.font.artisans:before {
  content: '\F0040';
}
.cc div.font.conso:before {
  content: '\F00C5';
}
.cc div.font.ecommerce:before {
  content: '\F010A';
}
.cc div.font.epargne:before {
  content: '\F0119';
}
.cc div.font.famille:before {
  content: '\F013B';
}
.cc div.font.financements:before {
  content: '\F014B';
}
.cc div.font.assistance:before {
  content: '\F05A0';
}
.cc div.font.associations:before {
  content: '\F0044';
}
.cc div.font.sante:before {
  content: '\F004C';
}
.cc div.font.credits:before {
  content: '\F00D2';
}
.cc div.font.fiscalite:before {
  content: '\F014E';
}
.cc div.font.flux:before {
  content: '\F015D';
}
.cc div.font.immo:before {
  content: '\F050E';
}
.cc div.font.paiement:before {
  content: '\F057B';
}
.cc div.font.assurances:before {
  content: '\F0046';
}
.cc div.font.international:before {
  content: '\F0525';
}
.cc div.font.securite:before {
  content: '\F0704';
}
.cc div.font.internet:before {
  content: '\F0528';
}
.cc div.font.liberte:before {
  content: '\F0752';
}
.cc div.font.placements:before {
  content: '\F06AC';
}
.cc div.font.teleconseiller:before {
  content: '\F06AE';
}
.cc div.font.reseaux:before {
  content: '\F06EE';
}
.cc div.font.mobile:before {
  content: '\F0569';
}
.cc div.font.check:before {
  content: '\F071F';
}
.cc div.font.imprimer:before {
  content: '\F0511';
}
.cc div.font.archives:before {
  content: '\F002A';
}
.cc div.font.docs:before {
  content: '\F00BC';
}
.cc div.font.loupe:before {
  content: '\F0701';
}
.cc div.font.regrouper:before {
  content: '\F070A';
}
.cc div.font.croix {
  color: #000;
}
.cc div.font.croix:before {
  content: '\F00D9';
}
/****************************************/
/********** Styles CIC BP 2018 *************/
/****************************************/
/* Description :                        */
/*  - Styles CIC BP 2018/Core              */
/* Responsabilité :                     */
/*  - Équipe DIGITALE CM-CIC         */
/* Historique :                         */
/*  - 08/01/2018 : création             */
/****************************************/
/* ==Titrailles et sections             */
/* ==Paragraphes                        */
/* ==Options de partage                 */
/* ==Inserts                            */
/* ==Navigations                        */
/* 		Numéros colorés					*/
/* ==Typo		                        */
/*Envoyer par mail  display none */
/****************************************/
.clearfix::after {
  content: '';
  display: table;
  clear: both;
}
#cookie-banner {
  position: fixed;
  background-color: #262626;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 9;
  color: #fff;
  opacity: 0.8;
  padding: 10px 0;
}
#cookie-banner p {
  display: block;
  margin: 0 auto;
  padding: 0 20px 0 10px;
  max-width: 1250px;
  position: relative;
}
#cookie-banner a {
  color: #fff;
  text-decoration: underline;
}
#cookie-banner a:hover,
#cookie-banner a:focus {
  color: #871b20;
  text-decoration: none;
}
#cookie-banner a#cookie-close {
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
}
.cc .sr-only,
.social__list .sr-only {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
}
.cc .sr-only-focusable:focus,
.social__list .sr-only-focusable:focus {
  overflow: visible !important;
  clip: auto !important;
  width: auto !important;
  height: auto !important;
  margin: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
/* ------------------------------------ */
/* ==Titrailles et sections             */
/* ------------------------------------ */
.cc > h1,
.cc > h2 {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 400;
}
.cc article {
  color: #555555;
  line-height: 1.5;
}
.cc h2 {
  color: #000;
  /*px*/ margin: 16px 0;
  /*rem*/ margin: 1rem 0;
  clear: left;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.cc h3,
.cc section > h4 {
  color: #7E6A5E;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  font-weight: 400;
  /*px*/ margin-top: 40px;
  /*rem*/ margin-top: 2.5rem;
  /*px*/ margin-bottom: 16px;
  /*rem*/ margin-bottom: 1rem;
  /*px*/ padding-left: 0;
  /*rem*/ padding-left: 0;
}
.cc section > h3,
.cc section .hasAside > h3 {
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
  /*px*/ margin: 40px 0 8px 0;
  /*rem*/ margin: 2.5rem 0 0.5rem 0;
}
.cc h4 {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  color: #000;
  /*px*/ margin-top: 16px;
  /*rem*/ margin-top: 1rem;
}
.cc h5 {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  /*px*/ margin-top: 8px;
  /*rem*/ margin-top: 0.5rem;
}
.cc aside[role='complementary'] {
  margin-left: 39px;
  margin-right: 39px;
}
.cc aside[role='complementary']::before {
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  border-top: 1px solid #e5e5e5;
  margin-left: auto;
  margin-right: auto;
  padding-top: 65px;
}
.cc aside[role='complementary'] h1,
.cc aside[role='complementary'] h2 {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 400;
}
.cc.ctxt-home h2 {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 400;
}
/* ------------------------------------ */
/* ==Paragraphes                        */
/* ------------------------------------ */
.cc p,
.cc figcaption,
.cc li,
.cc dt,
.cc dd {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
}
.cc p.teaser {
  font-weight: bold;
}
.cc .all-caps {
  text-transform: uppercase;
}
.cc .intro {
  /*px*/ padding: 8px 32px;
  /*rem*/ padding: 0.5rem 2rem;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  line-height: 2.1;
  font-family: 'sinkinsans', sans-serif;
  color: #7E6A5E;
}
.cc .intro p {
  font-size: 1em;
}
.cc .intro .banner p {
  text-align: justify;
}
@media only screen and (max-width: 768px) {
  .cc .intro .banner p {
    text-align: left;
  }
}
@media only screen and (max-width: 768px) {
  .cc .intro {
    /*px*/ padding: 8px 16px;
    /*rem*/ padding: 0.5rem 1rem;
  }
  .cc.main > article > .body {
    /*px*/ padding: 8px 16px;
    /*rem*/ padding: 0.5rem 1rem;
  }
}
/* ------------------------------------ */
/* ==Tableaux	                        */
/* ------------------------------------ */
.cc table {
  width: 100%;
  margin-top: 1rem;
  border-collapse: separate;
}
.cc table caption {
  font-family: sinkinsans, sans-serif;
  background-color: #871b20;
  color: #fff;
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  text-transform: uppercase;
  font-weight: 300;
  /*px*/ padding: 10px 20px;
  /*rem*/ padding: 0.625rem 1.25rem;
}
.cc table.margins {
  /*px*/ margin: 16px auto;
  /*rem*/ margin: 1rem auto;
}
.cc table[summary].border {
  border-top: none;
}
.cc .body table li {
  font-size: 1em;
}
.cc table[width] {
  width: auto;
}
.cc table.list {
  background-color: #fff;
}
.cc table.list caption h2,
.cc table.list caption h3 {
  margin: 0;
  padding: 0;
  color: #871b20;
}
.cc table.list th {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  font-weight: bold;
  /*px*/ padding: 6px 18px;
  /*rem*/ padding: 0.375rem 1.125rem;
  text-align: left;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}
@media only screen and (max-width: 768px) {
  .cc table.list th {
    /*px*/ padding: 5px 10px;
    /*rem*/ padding: 0.3125rem 0.625rem;
  }
}
.cc table.list th.center {
  text-align: center;
}
.cc table.list th.right {
  text-align: right;
}
.cc table.list thead th {
  font-weight: 300;
  /*px*/ padding: 6px 18px;
  /*rem*/ padding: 0.375rem 1.125rem;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background-color: #f3f0ed;
  color: #871b20;
}
.cc table.list thead th:first-child {
  border-left: none;
}
.cc table.list thead th .soft {
  color: #871b20;
  font-weight: normal;
}
.cc table.list td {
  /*px*/ padding: 10px 20px;
  /*rem*/ padding: 0.625rem 1.25rem;
  border-top: 1px solid #e5e5e5;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .cc table.list td {
    /*px*/ padding: 5px 10px;
    /*rem*/ padding: 0.3125rem 0.625rem;
  }
}
.cc table.list td.center {
  text-align: center;
}
.cc table.list td.right {
  text-align: right;
}
.cc table.list td.top {
  vertical-align: top;
}
.cc table.list td:first-child {
  border-left: none;
}
.cc table.list thead td {
  background-color: #f3f0ed;
}
.cc table.list tbody::before {
  content: '-';
  display: block;
  line-height: 1em;
  color: transparent;
}
.cc table.list tbody tr:first-child th,
.cc table.list tr:first-child td {
  border-top: none;
}
.cc table.list td.group {
  color: #871b20;
  font-weight: bold;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
  border-top-style: solid;
}
.cc table.list td.group small {
  font-weight: normal;
}
.cc table.list.striped tbody tr:nth-child(even) td,
.cc table.list.striped tbody tr:nth-child(even) th {
  background: #e8eaf6;
}
.cc table.list tfoot td {
  background-color: #f3f0ed;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  font-weight: bold;
  /*px*/ padding: 10px 20px;
  /*rem*/ padding: 0.625rem 1.25rem;
  border-left: 1px solid #fff;
  text-align: left;
  border-top: 5px solid #f3f0ed;
  border-bottom: 5px solid #f3f0ed;
}
.cc table.list tfoot td.center {
  text-align: center;
}
.cc table.list tfoot td.right {
  text-align: right;
}
.cc table.list tfoot td:first-child {
  border-left: none;
}
.cc table.one-entry {
  background-color: #fff;
}
.cc table.one-entry thead th,
.cc table.one-entry thead td {
  background-color: #f3f0ed;
}
.cc table.one-entry thead th {
  color: #871b20;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  font-weight: 300;
  /*px*/ padding: 5px 20px;
  /*rem*/ padding: 0.3125rem 1.25rem;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .cc table.one-entry thead th {
    /*px*/ padding: 5px 10px;
    /*rem*/ padding: 0.3125rem 0.625rem;
  }
}
.cc table.one-entry thead th.left {
  text-align: left;
}
.cc table.one-entry thead th.right {
  text-align: right;
}
.cc table.one-entry tbody::before {
  content: '-';
  display: block;
  line-height: 1em;
  color: transparent;
}
.cc table.one-entry tbody th {
  /*px*/ padding: 6px 18px;
  /*rem*/ padding: 0.375rem 1.125rem;
  text-align: right;
  width: 33%;
}
@media only screen and (max-width: 768px) {
  .cc table.one-entry tbody th {
    /*px*/ padding: 5px 10px;
    /*rem*/ padding: 0.3125rem 0.625rem;
  }
}
.cc table.one-entry tbody th.center {
  text-align: center;
}
.cc table.one-entry tbody th.left {
  text-align: left;
}
.cc table.one-entry tbody th .soft {
  color: #000;
  font-weight: normal;
}
.cc table.one-entry td {
  /*px*/ padding: 10px 20px;
  /*rem*/ padding: 0.625rem 1.25rem;
  border-left: 1px solid #e5e5e5;
}
@media only screen and (max-width: 768px) {
  .cc table.one-entry td {
    /*px*/ padding: 5px 10px;
    /*rem*/ padding: 0.3125rem 0.625rem;
  }
}
.cc table.one-entry td:first-child {
  border-left: none;
}
.cc table.one-entry td.group {
  color: #871b20;
  font-weight: bold;
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.cc table.one-entry td.group small {
  font-weight: normal;
}
.cc table.one-entry td:first-child {
  border-left: none;
}
.cc table.one-entry.striped tbody td:nth-child(even) {
  background: #e8eaf6;
}
.cc table.one-entry tfoot th,
.cc table.one-entry tfoot td {
  background-color: #f3f0ed;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  /*px*/ padding: 10px 20px;
  /*rem*/ padding: 0.625rem 1.25rem;
}
.cc table.one-entry tfoot td {
  font-weight: bold;
  border-left: 1px solid #e5e5e5;
  text-align: left;
}
.cc table.two-entry th {
  background-color: #f3f0ed;
  color: #871b20;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  font-weight: bold;
  /*px*/ padding: 6px 10px;
  /*rem*/ padding: 0.375rem 0.625rem;
  border-top: 1px solid #fff;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .cc table.two-entry th {
    /*px*/ padding: 5px 10px;
    /*rem*/ padding: 0.3125rem 0.625rem;
  }
}
.cc table.two-entry th.center {
  text-align: center;
}
.cc table.two-entry th.left {
  text-align: left;
}
.cc table.two-entry th .soft {
  color: #871b20;
  font-weight: normal;
}
.cc table.two-entry thead th {
  font-weight: 300;
  border-top: none;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-left: 0;
  border-right: 0;
  /*px*/ padding: 6px 18px;
  /*rem*/ padding: 0.375rem 1.125rem;
}
.cc table.two-entry thead td + th {
  border-left: none;
}
.cc table.two-entry tbody::before {
  content: '-';
  display: block;
  line-height: 1em;
  color: transparent;
}
.cc table.two-entry td {
  text-align: center;
  /*px*/ padding: 10px 20px;
  /*rem*/ padding: 0.625rem 1.25rem;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}
@media only screen and (max-width: 768px) {
  .cc table.two-entry td {
    /*px*/ padding: 5px 10px;
    /*rem*/ padding: 0.3125rem 0.625rem;
  }
}
.cc table.two-entry td.left {
  text-align: left;
}
.cc table.two-entry td.right {
  text-align: right;
}
.cc table.two-entry td.top {
  vertical-align: top;
}
.cc table.two-entry td.bottom {
  vertical-align: bottom;
}
.cc table.two-entry td:first-child {
  border-left: none;
}
.cc table.two-entry thead td {
  border: none;
}
.cc table.two-entry th + td {
  border-left: none;
}
.cc table.two-entry tr:first-child th,
.cc table.two-entry tr:first-child td {
  border-top: none;
}
.cc table.two-entry thead td {
  background-color: #f3f0ed;
}
.cc table.two-entry thead th {
  border-top: none;
  border-left: 1px solid #f3f0ed;
  text-align: center;
}
.cc table.two-entry thead th:first-child {
  border-left: none;
}
.cc table.two-entry td.group {
  color: #871b20;
  font-weight: bold;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
  border-top-style: solid;
}
.cc table.two-entry td.group small {
  font-weight: normal;
}
.cc table.RWD-M-alt,
h3.RWD-M-alt,
map.RWD-M-alt {
  display: none;
}
@media only screen and (max-width: 970px) {
  .cc table.RWD-M,
  .cc map.RWD-M,
  .cc p.RWD-M {
    display: none;
  }
  .cc table.RWD-M-alt {
    display: table;
  }
  .cc h3.RWD-M-alt,
  .cc map.RWD-M-alt {
    display: block;
  }
}
/*==========================*/
.cc article {
  /*.window{
				    position: absolute;
				    overflow: hidden;
				    top:19%;
				    left:39px;
				    padding-top:48px;
				  padding-left:20px;
				  padding-right:44px;
				  padding-bottom:60px;
				  min-height: 370px;
				  max-height: 520px;
			}*/
}
.cc article > header {
  padding-top: 0;
  padding-top: 1px;
  /*bug si padding top est 0*/
  position: relative;
  background: url('../assets/charte/fond-header-article_immo.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 350px;
  padding-bottom: 40px;
}
.cc article > header .legal {
  background: #fff;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  /*px*/ padding: 8px 8px 8px 50px;
  /*rem*/ padding: 0.5rem 0.5rem 0.5rem 3.125rem;
  margin-top: -1px;
  color: #717171;
}
@media only screen and (max-width: 970px) {
  .cc article > header .legal {
    /*px*/ padding-left: 10px;
    /*rem*/ padding-left: 0.625rem;
  }
}
.cc article > header h1 {
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .cc article > header h1 {
    /*px*/ font-size: 18px;
    /*rem*/ font-size: 1.125rem;
  }
}
@media only screen and (max-width: 970px) {
  .cc article > header h1 {
    /*px*/ font-size: 24px;
    /*rem*/ font-size: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc article > header h1 {
    /*px*/ font-size: 18px;
    /*rem*/ font-size: 1.125rem;
  }
}
@media only screen and (max-width: 632px) {
  .cc article > header h1 {
    /*px*/ font-size: 14px;
    /*rem*/ font-size: 0.875rem;
  }
}
.cc article > header .img {
  max-width: 1020px;
  height: auto;
  margin: 50px 9.5% 0 11%;
  background-color: #fff;
  padding: 10px;
  min-height: 520px;
}
.cc article > header .img img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 970px) {
  .cc article > header .img {
    min-height: auto;
    margin-top: 19px;
  }
}
@media only screen and (max-width: 632px) {
  .cc article > header .img {
    max-width: 100%;
    height: auto;
    margin: 0;
    background-color: #fff;
    padding: 10px;
  }
}
@media only screen and (max-width: 970px) {
  .cc article .window {
    min-height: 250px;
    top: 10%;
  }
}
.cc article .overlay h1,
.cc article .overlay .overlay__title {
  font-family: 'sinkinsans';
  width: 100%;
  min-width: 200px;
  max-width: 300px;
  margin-top: 70px;
  font-weight: 200;
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
  color: inherit;
}
@media only screen and (max-width: 768px) {
  .cc article .overlay h1,
  .cc article .overlay .overlay__title {
    min-width: inherit ;
    /*px*/ font-size: 21px;
    /*rem*/ font-size: 1.3125rem;
  }
}
.cc article .overlaybg {
  width: 100%;
  height: 100%;
  background-color: #be161c;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.cc article .overlaybg.ie.active {
  mix-blend-mode: initial;
  opacity: 0.9;
  background-color: initial;
}
.cc article .overlaybg.ie.active::before,
.cc article .overlaybg.ie.active::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #861c20;
  opacity: 1;
}
.cc article .overlaybg.ie.active::after {
  background-color: #a90304 !important;
}
.cc article .intro > div,
.cc article footer > * {
  max-width: 752px;
  margin: 0 auto;
}
.cc article footer {
  max-width: 752px;
  padding-top: 50px;
  padding-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
}
.cc article footer::before {
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  border-top: 1px solid #e5e5e5;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
}
.cc article .body {
  background: url('/partage/partage_fr/CC/CIC-BP-2018/assets/charte/side.jpg') no-repeat right 50%;
}
.cc article .body::after {
  display: block;
  content: '';
  clear: both;
}
.cc article .body h2::before {
  display: block;
  content: ' ';
  height: 20px;
  margin-top: -20px;
  visibility: hidden;
}
.cc article .body h2 {
  color: #000;
  /*px*/ margin: 16px 0;
  /*rem*/ margin: 1rem 0;
  clear: left;
}
.cc article .body > div,
.cc article .body > section {
  max-width: 752px;
  margin: 0 auto;
}
.cc article .body .body {
  background: none;
}
@media only screen and (max-width: 768px) {
  .cc article .body {
    background: none;
  }
}
.cc.ctxt-tools article > header,
.cc.ctxt-tool article > header,
.cc.ctxt-pdf article > header {
  background: url('../assets/charte/bg_header.jpg');
  /*px*/ padding-top: 16px;
  /*rem*/ padding-top: 1rem;
  min-height: 100px;
}
.cc.ctxt-tools article > header h1,
.cc.ctxt-tool article > header h1,
.cc.ctxt-pdf article > header h1 {
  color: #be161c;
  background: #fff;
  /*px*/ padding: 8px 24px 24px 24px;
  /*rem*/ padding: 0.5rem 1.5rem 1.5rem 1.5rem;
}
.cc.ctxt-tools article > header .surtitle,
.cc.ctxt-tool article > header .surtitle,
.cc.ctxt-pdf article > header .surtitle {
  background: #fff;
  /*px*/ padding: 0 24px;
  /*rem*/ padding: 0 1.5rem;
}
.cc.ctxt-tools article .intro,
.cc.ctxt-tool article .intro,
.cc.ctxt-pdf article .intro {
  /*px*/ padding-right: 90px;
  /*rem*/ padding-right: 5.625rem;
}
.cc.ctxt-tools article .social,
.cc.ctxt-tool article .social,
.cc.ctxt-pdf article .social {
  top: 115%;
}
.cc.ctxt-tools article .body,
.cc.ctxt-tool article .body,
.cc.ctxt-pdf article .body {
  background-image: none;
}
.cc.ctxt-tool article .body {
  background: url('/partage/partage_fr/CC/CIC-BP-2018/assets/charte/side.jpg') no-repeat right 50%;
}
.cc.ctxt-tool article .body .body {
  background: none;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-tool article .body {
    background: none;
  }
}
.cc.ctxt-fullwidth article .body > div {
  max-width: none;
  margin-right: 40px;
}
.cc.ctxt-pdf article .body > div {
  max-width: none;
}
.cc.ctxt-pdf article .social {
  top: unset;
  background-color: #fff;
  width: 300px;
}
.cc.ctxt-pdf article .social > div {
  flex-direction: row;
  justify-content: space-around;
}
.cc.ctxt-pdf article .social > div a {
  /*margin-right: 20px;*/
  margin-bottom: 0;
}
.cc.ctxt-housing article > header {
  background-image: url('../assets/charte/fond-header-article_immo.jpg');
}
.cc.ctxt-banking article > header {
  background-image: url('../assets/charte/fond-header-article_immo.jpg');
}
.cc.ctxt-legacy article > header {
  background-image: url('../assets/charte/fond-header-article_02.jpg');
}
.cc.ctxt-test-1 article > header {
  background-image: url('../assets/charte/fond-header-article_01.jpg');
}
.cc.ctxt-test-2 article > header {
  background-image: url('../assets/charte/fond-header-article_02.jpg');
}
.cc.ctxt-test-3 article > header {
  background-image: url('../assets/charte/fond-header-article_03.jpg');
}
.cc.ctxt-test-4 article > header {
  background-image: url('../assets/charte/fond-header-article_04.jpg');
}
.cc.ctxt-test-5 article > header {
  background-image: url('../assets/charte/fond-header-article_05.jpg');
}
.cc.ctxt-test-6 article > header {
  background-image: url('../assets/charte/fond-header-article_06.jpg');
}
.cc.ctxt-test-7 article > header {
  background-image: url('../assets/charte/fond-header-article_07.jpg');
}
.cc.ctxt-test-8 article > header {
  background-image: url('../assets/charte/fond-header-article_08.jpg');
}
.cc.ctxt-test-9 article > header {
  background-image: url('../assets/charte/fond-header-article_09.jpg');
}
.cc.ctxt-test-10 article > header {
  background-image: url('../assets/charte/fond-header-article_immo.jpg');
}
.cc.ctxt-product article > header,
.cc.ctxt-service article > header {
  background-image: none;
}
.cc.ctxt-product article > header .window,
.cc.ctxt-service article > header .window {
  padding: 0;
  min-height: none;
  max-height: none;
}
.cc.ctxt-product article .body,
.cc.ctxt-service article .body {
  background: none;
}
.cc.ctxt-product article .intro > div,
.cc.ctxt-service article .intro > div,
.cc.ctxt-product article footer > *,
.cc.ctxt-service article footer > * {
  max-width: 1000px;
  margin: 0 auto;
}
.cc.ctxt-home article > header {
  background-image: none;
}
.cc.ctxt-home article .body {
  background: none;
}
.cc.ctxt-list article .body {
  background: none;
}
.cc.ctxt-list article .body > div {
  /*max-width: unset;*/
  max-width: none;
}
.cc.ctxt-tiles article .intro > div,
.cc.ctxt-tiles article footer > * {
  max-width: 1000px;
  margin: 0 auto;
}
.cc .summary {
  /*px*/ padding-top: 36px;
  /*rem*/ padding-top: 2.25rem;
}
/* ------------------------------------ */
/* ==Options de partage                 */
/* ------------------------------------ */
div.social {
  position: absolute;
  right: 0;
  width: 9%;
  top: 66%;
  /*400/560=71%*/
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  text-align: center;
}
div.social a {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  text-decoration: none;
}
div.social a > span {
  position: absolute;
  left: -9000px;
  top: -999999em;
}
div.social > div {
  display: flex;
  flex-direction: column;
}
div.social > div a {
  display: inline-block;
  margin-bottom: 20px;
}
div.social > div a.mail {
  display: none;
}
div.social > div a::before {
  speak: none;
  display: inline-block;
  width: 44px;
  height: 44px;
  font-family: "fts_picto";
  content: '\F06EC';
  line-height: 40px;
  font-weight: normal;
  text-align: center;
  color: #AA7F63;
  border: 1px solid #AA7F63;
}
div.social > div a.twitter::before {
  content: '\F0736';
}
div.social > div a.facebook::before {
  content: '\F0136';
}
div.social > div a.mail::before {
  content: '\F0555';
}
div.social > div a.linkedin::before {
  content: '\F0538';
}
div.social > div a.print::before {
  content: '\F0511';
}
.cc.ctxt-tiles div.social > div {
  display: none;
}
.cc.ctxt-product div.social,
.cc.ctxt-service div.social {
  top: inherit;
}
.cc #synthese .intro {
  max-width: inherit;
}
@media only screen and (max-width: 970px) {
  .cc div.social > a {
    display: inline-block;
  }
  .cc div.social > a:focus {
    box-shadow: 0 1px 2px 0 #8b1915;
  }
  .cc div.social > a:focus + div {
    display: block;
  }
  .cc div.social > div {
    display: none;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 0 1px 2px 0 #8b1915;
    /*px*/ padding: 4px;
    /*rem*/ padding: 0.25rem;
  }
  .cc div.social:hover > a {
    box-shadow: 0 1px 2px 0 #8b1915;
  }
  .cc div.social:hover > div {
    display: block;
  }
}
/* ------------------------------------ */
/* ==Inserts                            */
/* ------------------------------------ */
.cc article .body .insert,
.cc article .body #souscription > div {
  /*px*/ margin: 16px auto;
  /*rem*/ margin: 1rem auto;
  /*px*/ padding: 32px 40px;
  /*rem*/ padding: 2rem 2.5rem;
}
.cc article .body .insert h2,
.cc article .body #souscription > div h2 {
  margin-top: 0;
}
.cc article .body .insert h2::before,
.cc article .body #souscription > div h2::before {
  display: none;
}
.cc .insert,
.cc #souscription > div {
  background-color: #f3f0ed;
  /*px*/ margin: 16px auto;
  /*rem*/ margin: 1rem auto;
  /*px*/ padding: 32px 40px;
  /*rem*/ padding: 2rem 2.5rem;
}
.cc .insert .banner,
.cc #souscription > div .banner {
  flex: 1 1 auto;
}
.cc .insert .banner > p:first-of-type::first-letter,
.cc #souscription > div .banner > p:first-of-type::first-letter {
  box-sizing: border-box;
  /*border:1px solid gray;*/
  float: left;
  font-weight: 600;
  /*px*/ font-size: 46px;
  /*rem*/ font-size: 2.875rem;
  /*px*/ margin: 5px 5px 0 0;
  /*rem*/ margin: 0.3125rem 0.3125rem 0 0;
  /*px*/ padding: 0 0 0 0;
  /*rem*/ padding: 0 0 0 0;
  /*px*/ line-height: 38px;
  /*rem*/ line-height: 2.375rem;
  color: #871b20;
}
.cc .insert div.actions,
.cc #souscription > div div.actions {
  /*px*/ padding: 0;
  /*rem*/ padding: 0;
}
.cc .insert div.actions .button,
.cc #souscription > div div.actions .button {
  position: relative;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0;
  padding: 8px 35px 8px 8px;
  color: #be161c;
  text-align: right;
}
.cc .insert div.actions .button::after,
.cc #souscription > div div.actions .button::after {
  font-family: fts_commun;
  content: '\E62F';
  position: relative;
  position: absolute;
  bottom: 9px;
  right: 20px;
  transition: all 0.2s linear;
}
.cc .insert div.actions .button:hover,
.cc #souscription > div div.actions .button:hover,
.cc .insert div.actions .button:focus,
.cc #souscription > div div.actions .button:focus {
  color: #fff;
}
.cc .insert div.actions .button:hover::after,
.cc #souscription > div div.actions .button:hover::after,
.cc .insert div.actions .button:focus::after,
.cc #souscription > div div.actions .button:focus::after {
  right: 8px;
}
/* ------------------------------------ */
/* ==Navigations                        */
/* ------------------------------------ */
.cc {
  /*  filtres */
}
.cc a {
  transition: all 1s ease;
  text-decoration: underline;
}
.cc a:hover,
.cc a:focus {
  text-decoration: none;
  color: #be161c;
}
.cc a.more {
  text-decoration: none;
  color: #871b20;
}
.cc a.more:hover,
.cc a.more:focus {
  text-decoration: underline;
  color: #be161c;
}
.cc .button {
  display: inline-block;
  border: 1px solid #8B725E;
  text-decoration: none;
  text-align: center;
  color: #be161c;
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  /*px*/ padding: 5px 14px;
  /*rem*/ padding: 0.3125rem 0.875rem;
  border-radius: 0.2rem;
  transition: all 1s ease 0s;
  margin: 4px 0;
}
.cc .button:hover,
.cc .button:focus {
  color: #fff;
  border-color: #be161c;
  background-color: #be161c;
  text-decoration: none;
}
.cc .button.protected {
  background-color: #fff;
  border-color: #009999;
  color: #009999;
}
.cc .button.protected::before {
  color: #009999;
  font-weight: normal;
}
.cc .button.protected:hover,
.cc .button.protected:focus {
  background-color: #009999;
  color: #fff;
}
.cc .button.protected:hover::before,
.cc .button.protected:focus::before {
  color: #fff;
}
.cc .clickable {
  cursor: pointer;
  position: relative;
}
.cc .popmail::before {
  speak: none;
  display: inline-block;
  font-family: "fts_picto";
  content: '\F0555';
  color: #be161c;
  white-space: nowrap;
  font-size: 1.2em;
  padding: 0 3px;
  vertical-align: bottom;
}
.cc .protected::before {
  speak: none;
  display: inline-block;
  font-family: "fts_picto";
  content: '\F05A7';
  color: #ff3311;
  white-space: nowrap;
  font-size: 1.2em;
  padding: 0 3px;
  vertical-align: bottom;
}
.cc .print::before {
  speak: none;
  display: inline-block;
  font-family: "fts_picto";
  content: '\F0511';
  white-space: nowrap;
  font-size: 1.2em;
  padding: 0 3px;
  vertical-align: bottom;
}
.cc .filters {
  /*px*/ margin: 36px 0;
  /*rem*/ margin: 2.25rem 0;
  background-color: #eeeeee;
  display: flex;
  flex-wrap: wrap;
  /*justify-content:space-around;*/
}
.cc .filters input[type='radio'] {
  position: absolute;
  visibility: hidden;
  display: none;
}
.cc .filters label {
  color: #871b20;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  padding: 5px 20px;
  background: #fff;
}
.cc .filters input[type='radio']:checked + label {
  color: #fff;
  background: #871b20;
}
.cc .filters label + input[type='radio'] + label {
  border-left: solid 1px #871b20;
}
.cc .filters .form-control {
  border: solid 1px #871b20;
  display: inline-block;
  margin: 20px;
  border-radius: 2px;
  overflow: hidden;
}
.cc .filters h2 {
  /*flex-basis: 100%;*/
  margin-left: 20px;
  font-weight: 700;
}
.cc .filters h3 {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  font-weight: 400;
  color: #555555;
  margin-top: 0;
}
.cc .filters > div {
  /*px*/ margin: 16px;
  /*rem*/ margin: 1rem;
}
.cc .filters ul {
  border: solid 1px #871b20;
  display: inline-block;
  margin: 10px 10px 20px 0;
  border-radius: 2px;
  overflow: hidden;
}
.cc .filters ul li {
  display: inline-block;
}
.cc .filters ul li a {
  display: block;
  font-weight: bold;
  padding: 5px 20px;
  color: #871b20;
  background: #fff;
}
.cc .filters ul li a:hover,
.cc .filters ul li a:focus {
  color: #fff;
  background: #871b20;
}
.cc .filters ul li a.sel {
  color: #fff;
  background: #871b20;
}
.cc .filters ul li a.sel:hover,
.cc .filters ul li a.sel:focus {
  color: #871b20;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  .cc .filters {
    justify-content: space-around;
  }
  .cc .filters > h2 {
    flex-basis: 100%;
    margin-bottom: 0;
  }
  .cc .filters ul li a {
    padding: 5px 10px;
  }
}
.cc nav.pagination {
  /*px*/ margin: 10px 0;
  /*rem*/ margin: 0.625rem 0;
  text-align: center;
}
.cc nav.pagination ul {
  display: inline-block;
  margin: 0 auto;
}
.cc nav.pagination ul li {
  display: inline;
}
.cc nav.pagination ul li a {
  display: inline-block;
  /*px*/ margin: 5px;
  /*rem*/ margin: 0.3125rem;
  /*px*/ padding: 5px 10px;
  /*rem*/ padding: 0.3125rem 0.625rem;
  color: #871b20;
  border: 1px solid;
}
.cc nav.pagination ul li a.sel {
  background-color: #871b20;
  border-color: #871b20;
  color: #fff;
}
/* 		Numéros colorés					*/
ul.styled li .phone-bloc {
  vertical-align: top;
}
ul.styled li .phone-bloc[class*='sva'] {
  vertical-align: top;
}
.phone-bloc {
  background: none;
  display: inline-block;
  /*vertical-align: bottom;*/
  vertical-align: middle;
  position: relative;
  /*px*/ margin: 4px;
  /*rem*/ margin: 0.25rem;
}
.phone-bloc .num,
.phone-bloc .phone-num {
  display: block;
  /*px*/ font-size: 19px;
  /*rem*/ font-size: 1.1875rem;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
.phone-bloc .num sup,
.phone-bloc .phone-num sup {
  top: -8px;
  /*px*/ font-size: 10px;
  /*rem*/ font-size: 0.625rem;
}
.phone-bloc .phone-rate {
  font-weight: bold;
  position: absolute;
  top: 0;
  /*.px-to-rem(left,180);*/
  /*px*/ left: 240px;
  /*rem*/ left: 15rem;
  /*px*/ width: 95px;
  /*rem*/ width: 5.9375rem;
  /*px*/ height: 36px;
  /*rem*/ height: 2.25rem;
  /*px*/ padding: 3px 6px;
  /*rem*/ padding: 0.1875rem 0.375rem;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  line-height: 1;
}
.phone-bloc .hours,
.phone-bloc .phone-hours {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
.phone-bloc .hours {
  display: block;
  color: #717171;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.phone-bloc[class*='sva'] {
  font-family: arial;
  vertical-align: middle;
  position: relative;
}
.phone-bloc[class*='sva'] .numrate {
  display: flex;
  border: 1px solid #91919b;
}
@media only screen and (max-width: 400px) {
  .phone-bloc[class*='sva'] .numrate {
    display: block;
  }
}
.phone-bloc[class*='sva'] .num {
  line-height: 1;
  /*px*/ padding: 4px 8px 4px 4px;
  /*rem*/ padding: 0.25rem 0.5rem 0.25rem 0.25rem;
  white-space: nowrap;
  text-align: left;
}
@media only screen and (max-width: 400px) {
  .phone-bloc[class*='sva'] .num {
    text-align: center;
  }
}
.phone-bloc[class*='sva'] .rate {
  display: inline-block;
  color: #fff;
  /*px*/ width: 140px;
  /*rem*/ width: 8.75rem;
  height: auto;
  /*px*/ margin: -5px 5px -5px 0;
  /*rem*/ margin: -0.3125rem 0.3125rem -0.3125rem 0;
  /*px*/ padding: 3px 6px;
  /*rem*/ padding: 0.1875rem 0.375rem;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  font-weight: bold;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%224px%22%20height%3D%228.012px%22%20viewBox%3D%220%200%204%208.012%22%20enable-background%3D%22new%200%200%204%208.012%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%220.001%2C-0.005%204.001%2C4.006%200.001%2C8.018%20%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center left;
  text-align: left;
  line-height: 1;
  /*
      position: absolute;
      top: 0;
      .px-to-rem(right, 5);
      left: auto;
      */
}
@media only screen and (max-width: 400px) {
  .phone-bloc[class*='sva'] .rate {
    /*px*/ margin: 0 0 0 -4px;
    /*rem*/ margin: 0 0 0 -0.25rem;
    background-position: 14px top !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%228px%22%20height%3D%224px%22%20viewBox%3D%220%200%208%204%22%20enable-background%3D%22new%200%200%208%204%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%228.012%2C0%204%2C4%20-0.012%2C0%20%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: top center;
    width: 104%;
    /*px*/ padding-top: 5px;
    /*rem*/ padding-top: 0.3125rem;
    position: relative;
    /*px*/ bottom: 2px;
    /*rem*/ bottom: 0.125rem;
    /*
        .px-to-rem(right, -2);
        .px-to-rem(top, 30);
        */
  }
}
.phone-bloc[class*='sva'] .hours {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  /*px*/ margin-top: 5px;
  /*rem*/ margin-top: 0.3125rem;
  /*px*/ padding-left: 5px;
  /*rem*/ padding-left: 0.3125rem;
  text-align: left;
}
.phone-bloc.sva-free .numrate {
  border-color: #78b41e;
}
.phone-bloc.sva-free .num {
  color: #78b41e;
}
.phone-bloc.sva-free .rate {
  background-color: #78b41e;
}
.phone-bloc.sva-premium .numrate {
  border-color: #af007d;
}
.phone-bloc.sva-premium .num {
  border-color: #af007d;
  color: #af007d;
}
.phone-bloc.sva-premium .rate {
  background-color: #af007d;
}
.phone-bloc.sva-neutralised .numrate {
  border-color: #91919b;
}
.phone-bloc.sva-neutralised .num {
  color: #91919b;
}
.phone-bloc.sva-neutralised .rate {
  background-color: #91919b;
}
.phone-bloc.cristal {
  /*px*/ width: 265px;
  /*rem*/ width: 16.5625rem;
  vertical-align: top;
}
.phone-bloc.cristal .type {
  flot: left;
  background: #9EA3A6;
  color: #fff;
  font-weight: bold;
  border-radius: 15px;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ padding: 5px 15px;
  /*rem*/ padding: 0.3125rem 0.9375rem;
  /*px*/ margin-right: -28px;
  /*rem*/ margin-right: -1.75rem;
  float: left;
}
.phone-bloc.cristal .num {
  color: #9EA3A6;
  border: 2px solid #9EA3A6;
  border-left: none;
  border-radius: 0 15px 15px 0;
  display: inline-block;
  /*px*/ padding: 1px 10px 1px 35px;
  /*rem*/ padding: 0.0625rem 0.625rem 0.0625rem 2.1875rem;
}
.phone-bloc.cristal .rate {
  color: #9EA3A6;
  display: block;
  font-weight: normal;
  text-align: center;
}
.phone-bloc.cristal .hours {
  text-align: left;
  /*px*/ padding-left: 5px;
  /*rem*/ padding-left: 0.3125rem;
}
p .phone-bloc {
  vertical-align: top;
}
.phone-bloc-small[class*='sva'],
.phone-bloc-small [class*='sva'] {
  /*px*/ width: 150px;
  /*rem*/ width: 9.375rem;
  /*px*/ height: 102px;
  /*rem*/ height: 6.375rem;
}
.phone-bloc-small[class*='sva'] .num,
.phone-bloc-small [class*='sva'] .num {
  text-align: center;
  /*px*/ margin: 0 2px;
  /*rem*/ margin: 0 0.125rem;
  /*px*/ width: 154px;
  /*rem*/ width: 9.625rem;
  /*px*/ padding: 4px;
  /*rem*/ padding: 0.25rem;
}
.phone-bloc-small[class*='sva'] .rate,
.phone-bloc-small [class*='sva'] .rate {
  /*px*/ top: 28px;
  /*rem*/ top: 1.75rem;
  left: 0;
  /*px*/ width: 158px;
  /*rem*/ width: 9.875rem;
  /*px*/ height: 36px;
  /*rem*/ height: 2.25rem;
  /*px*/ padding: 4px 6px;
  /*rem*/ padding: 0.25rem 0.375rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%228px%22%20height%3D%224px%22%20viewBox%3D%220%200%208%204%22%20enable-background%3D%22new%200%200%208%204%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%228.012%2C0%204%2C4%20-0.012%2C0%20%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: top center;
  background-position: 14px top;
}
.phone-bloc-small[class*='sva'] .hours,
.phone-bloc-small [class*='sva'] .hours {
  /*px*/ margin-top: 35px;
  /*rem*/ margin-top: 2.1875rem;
}
.phone-bloc.cristal {
  vertical-align: middle;
}
.phone-bloc.cristal .num,
.phone-bloc.cristal .phone-num {
  color: #9da2a6;
}
.insert .ctxt-form-inline {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
}
.insert .ctxt-form-inline .form-group {
  border-left: none;
  display: flexbox;
  display: flex;
}
.insert .ctxt-form-inline .form-group .form-control {
  padding-left: 0;
}
.insert .ctxt-form-inline .form-group .button {
  /*px*/ margin: 14px 0;
  /*rem*/ margin: 0.875rem 0;
  flex-positive: 1;
  flex: 1;
}
/* ------------------------------------ */
/* ==Listes		                        */
/* ------------------------------------ */
.cc ul {
  list-style: none;
}
.cc ul.styled {
  /*.px-to-rem(padding-left,(@grid*7));*/
}
.cc ul.styled > li {
  position: relative;
  /*px*/ padding-left: 80px;
  /*rem*/ padding-left: 5rem;
  /*px*/ margin: 10px 0 20px 0;
  /*rem*/ margin: 0.625rem 0 1.25rem 0;
}
.cc ul.styled > li::before {
  speak: none;
  content: '';
  position: absolute;
  /*px*/ width: 7px;
  /*rem*/ width: 0.4375rem;
  /*px*/ height: 7px;
  /*rem*/ height: 0.4375rem;
  /*px*/ top: 8px;
  /*rem*/ top: 0.5rem;
  background-color: #be161c;
  /*px*/ margin-left: -21px;
  /*rem*/ margin-left: -1.3125rem;
}
.cc ul.styled > li > h3 {
  margin-top: 0;
  display: inline;
}
.cc ul.styled > li > h3::after {
  content: '\A';
  white-space: pre;
}
.cc ul.styled > li > p {
  /*px*/ margin: 8px 0;
  /*rem*/ margin: 0.5rem 0;
}
.cc ul.styled > li ul {
  list-style: none;
}
.cc ul.styled > li ul > li {
  /*px*/ padding-left: 8px;
  /*rem*/ padding-left: 0.5rem;
  /*px*/ margin: 4px 0;
  /*rem*/ margin: 0.25rem 0;
}
.cc ul.styled > li ul.styled > li {
  list-style: inside;
  list-style-type: '';
  /*px*/ padding-left: 22px;
  /*rem*/ padding-left: 1.375rem;
  list-style: none;
}
.cc ul.styled > li ul.styled > li::before {
  /*display: none;*/
  content: '\002014';
  /*px*/ width: 7px;
  /*rem*/ width: 0.4375rem;
  /*px*/ height: 7px;
  /*rem*/ height: 0.4375rem;
  /*px*/ top: 0;
  /*rem*/ top: 0;
  background-color: transparent;
  /*px*/ margin-left: -21px;
  /*rem*/ margin-left: -1.3125rem;
}
@media only screen and (max-width: 632px) {
  .cc ul.styled > li {
    /*px*/ padding-left: 24px;
    /*rem*/ padding-left: 1.5rem;
  }
}
.cc ol {
  /*px*/ margin-left: 26px;
  /*rem*/ margin-left: 1.625rem;
}
.cc ol.styled {
  list-style-type: none;
  margin: 0;
  /*px*/ margin-bottom: 16px;
  /*rem*/ margin-bottom: 1rem;
  /*px*/ margin-left: 35px;
  /*rem*/ margin-left: 2.1875rem;
  padding: 0;
  counter-reset: li-counter;
}
.cc ol.styled > li {
  position: relative;
  /*px*/ margin-bottom: 16px;
  /*rem*/ margin-bottom: 1rem;
  /*px*/ padding-left: 16px;
  /*rem*/ padding-left: 1rem;
  /*px*/ min-height: 24px;
  /*rem*/ min-height: 1.5rem;
  border-left: 2px solid #e5e5e5;
}
.cc ol.styled > li::before {
  position: absolute;
  top: 0;
  /*px*/ left: -45px;
  /*rem*/ left: -2.8125rem;
  /*px*/ width: 35px;
  /*rem*/ width: 2.1875rem;
  /*px*/ font-size: 32px;
  /*rem*/ font-size: 2rem;
  line-height: 1;
  font-weight: bold;
  text-align: right;
  color: #7E6A5E;
  content: counter(li-counter);
  counter-increment: li-counter;
}
.cc ol.styled > li:only-child::before {
  content: '';
}
.cc ol.styled > li ul li {
  /*px*/ padding-left: 16px;
  /*rem*/ padding-left: 1rem;
  /*px*/ margin: 4px 0;
  /*rem*/ margin: 0.25rem 0;
  /*&:before {
					content: "\2013 ";
					line-height: 1;
					.px-to-rem(font-size,20);
					.px-to-rem(vertical-align,-2);
					.px-to-rem(margin-left,-(@grid*2));
				}*/
}
.cc ol.styled > li > p {
  /*px*/ margin-bottom: 8px;
  /*rem*/ margin-bottom: 0.5rem;
}
.cc ul.inline {
  display: flex;
  width: auto;
}
.cc ul.inline.center {
  margin: 0 auto;
}
.cc ul.inline > li {
  flex: 1 1 0%;
}
/* ------------------------------------ */
/* ==Icono		                        */
/* ------------------------------------ */
.cc figure {
  text-align: center;
  /*

		margin: 0;
		&.border {
			border: 1px solid @C11;
		}
		figcaption {
			border-bottom: 1px dashed @C11;
			.px-to-rem(margin-bottom,@grid);
			text-align: center;
			.px-to-rem(font-size,12);
			color: @C9;
			.px-to-rem(padding,@grid);
			h2, h3, h4 {
				margin-top: 0;
			}
		}
		figcaption + table {
			.px-to-rem(margin-top,-@grid);
		}
		img + figcaption {
			border-bottom: none;
			border-top: 1px dashed @C11;
			margin-bottom: 0;
		}
		footer {
			border-top: 1px dashed @C11;
			text-align: left;
			p {
				margin: 0;
				.px-to-rem(padding,@grid);
			}
		}
		img {
			display: inline-block;
		}
		&.float-right {
			.px-to-rem(margin-left,(@grid*2));
		}
		&.float-left {
			.px-to-rem(margin-right,(@grid*2));
		}
	}
	pre {
		border: 1px dashed @C11;
	}
	.body figure footer {
		ul {
			margin: 0;
			.px-to-rem(margin-left,(@grid*2));
			.px-to-rem(padding,@grid);
		}
		p ~ ul {
			.px-to-rem(margin-top,-(@grid*2));
		}
		li {
			margin: 0;
		}*/
}
.cc blockquote {
  /*px*/ margin: 16px 32px 0 0;
  /*rem*/ margin: 1rem 2rem 0 0;
  /*.px-to-rem(padding, (@grid*2));*/
  /*px*/ padding: 16px 32px;
  /*rem*/ padding: 1rem 2rem;
  border: 1px solid #ccc;
  border-left: 4px solid #be161c;
  position: relative;
}
.cc blockquote::before {
  font-family: 'Fabrikat', Arial, Helvetica, sans-serif;
  font-size: 3em;
  color: #ccc;
  content: '\000AB';
  position: absolute;
  /*top: 0;
			left: -30px;*/
  top: 0;
  left: 10px;
}
.cc blockquote::after {
  font-family: 'Fabrikat', Arial, Helvetica, sans-serif;
  font-size: 3em;
  color: #ccc;
  content: '\000BB';
  position: absolute;
  /*bottom: 0;
			right: -30px;*/
  bottom: 0;
  right: 10px;
}
.cc blockquote cite {
  font-style: italic;
  color: #be161c;
}
@media only screen and (max-width: 970px) {
  .cc figure.RWD-M img,
  .cc img.RWD-M {
    max-width: 100%;
    height: auto;
  }
  .cc .float-right.RWD-M,
  .cc .float-left.RWD-M {
    float: none;
    width: auto;
    /*px*/ margin: 8px 0;
    /*rem*/ margin: 0.5rem 0;
  }
  .cc .float-right.RWD-M ~ ul,
  .cc .float-left.RWD-M ~ ul {
    margin-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .cc figure.RWD-S img {
    max-width: 100%;
    height: auto;
  }
  .cc .float-right.RWD-S,
  .cc .float-left.RWD-S {
    float: none;
    width: auto;
    /*px*/ margin: 8px 0;
    /*rem*/ margin: 0.5rem 0;
  }
  .cc .float-right.RWD-S ~ ul,
  .cc .float-left.RWD-S ~ ul {
    margin-left: 0;
  }
  .cc footer p.legal,
  .cc footer p.note {
    /*px*/ padding: 8px 32px;
    /*rem*/ padding: 0.5rem 2rem;
  }
}
@media only screen and (max-width: 400px) {
  .cc figure.RWD-XS img {
    max-width: 100%;
    height: auto;
  }
  .cc .float-right.RWD-XS,
  .cc .float-left.RWD-XS {
    float: none;
    width: auto;
    /*px*/ margin: 8px 0;
    /*rem*/ margin: 0.5rem 0;
  }
  .cc .float-right.RWD-XS ~ ul,
  .cc .float-left.RWD-XS ~ ul {
    margin-left: 0;
  }
}
/* ------------------------------------ */
/* ==Infographie		                        */
/* ------------------------------------ */
object[type='image/svg+xml'] {
  width: 100%;
  height: auto;
}
/* ------------------------------------ */
/* ==Video		                        */
/* ------------------------------------ */
.ctxt-video video {
  max-width: 100%;
  width: 100%;
}
#video.px-video-container,
div[id^='video'].px-video-container,
div[id^='-CC'].px-video-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1020px;
  height: auto;
  margin: 50px 9.5% 0 11%;
  background-color: #fff;
  padding: 10px;
  min-height: 520px;
}
.ctxt-cahiers .window .overlay h1,
.ctxt-cahiers .window .overlay .overlay__title {
  /*px*/ margin-top: 72px;
  /*rem*/ margin-top: 4.5rem;
}
.ctxt-cahiers .window .overlay h1::before,
.ctxt-cahiers .window .overlay .overlay__title::before {
  content: '';
  display: block;
  background: transparent url('/partage/fr/CC/CIC-BP-2018/assets/charte/logo-cahiers_blanc.png') no-repeat 5px 5px;
  width: 100%;
  height: 42px;
  /*px*/ margin-bottom: 24px;
  /*rem*/ margin-bottom: 1.5rem;
}
@media only screen and (max-width: 768px) {
  #video.px-video-container,
  div[id^='video'].px-video-container {
    min-height: 350px;
    padding: 10px 0;
  }
}
@media only screen and (max-width: 632px) {
  #video.px-video-container,
  div[id^='video'].px-video-container {
    min-height: auto;
    margin: 0;
  }
}
.hasPlaylist #video.px-video-container,
.hasPlaylist div[id^='video'].px-video-container {
  max-width: 100%;
  /*vidéo avec playlist à coté*/
}
.cc [data-collapse][data-collapsed] {
  cursor: pointer;
}
.cc [data-collapse] [role='tabpanel'][aria-hidden='false'] {
  display: block;
}
.cc [data-collapse] [role='tabpanel'][aria-hidden='true'] {
  display: none;
}
.cc [data-collapse][role='tablist'] [role='tab'] {
  font-family: 'roboto_medium', Arial, Helvetica, sans-serif;
  /*.px-to-rem(padding, @grid @grid @grid 22);*/
  /*px*/ padding: 25px;
  /*rem*/ padding: 1.5625rem;
  margin-top: -1px;
  background: #fff;
  border-top: 1px solid #8B725E;
  color: #000;
  clear: left;
}
.cc [data-collapse][role='tablist'] [role='tab'] a {
  display: block;
  text-decoration: none;
  color: #000;
  font-weight: normal;
}
.cc [data-collapse][role='tablist'] [role='tab'][data-collapsed] {
  position: relative;
  cursor: pointer;
}
.cc [data-collapse][role='tablist'] [role='tab'][data-collapsed] h2::before {
  display: none;
}
.cc [data-collapse][role='tablist'] [role='tab'][data-collapsed] h4 {
  margin-top: 0;
}
.cc [data-collapse][role='tablist'] [role='tab'][data-collapsed]::before {
  color: #be161c;
  position: absolute;
  /*.px-to-rem(top,0);*/
  /*px*/ top: 25px;
  /*rem*/ top: 1.5625rem;
  /*px*/ right: 4px;
  /*rem*/ right: 0.25rem;
  font-family: "fts_picto";
  /*px*/ font-size: 26px;
  /*rem*/ font-size: 1.625rem;
  font-weight: normal;
}
.cc [data-collapse][role='tablist'] [role='tab'][data-collapsed]:focus h3,
.cc [data-collapse][role='tablist'] [role='tab'][data-collapsed]:hover h3,
.cc [data-collapse][role='tablist'] [role='tab'][data-collapsed]:focus a,
.cc [data-collapse][role='tablist'] [role='tab'][data-collapsed]:hover a {
  color: #871b20;
}
.cc [data-collapse][role='tablist'] [role='tab'][data-collapsed='yes'] {
  background: #fff;
  border-bottom: 1px solid #8B725E;
}
.cc [data-collapse][role='tablist'] [role='tab'][data-collapsed='yes']::before {
  content: '\F018E';
}
.cc [data-collapse][role='tablist'] [role='tab'][data-collapsed='yes'] + dd {
  display: none;
}
.cc [data-collapse][role='tablist'] [role='tab'][data-collapsed='no'] {
  background: #f3f0ed;
  color: #000;
}
.cc [data-collapse][role='tablist'] [role='tab'][data-collapsed='no']::before {
  content: '\F0413';
}
.cc [data-collapse][role='tablist'] [role='tab'][data-collapsed='no'] + dd {
  display: block;
}
.cc [data-collapse][role='tablist'] [role='tab'] h2 {
  margin: 0;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
.cc [data-collapse][role='tablist'] [role='tab'] h3 {
  margin-top: 0;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  color: #000;
  font-weight: normal;
}
.cc [data-collapse][role='tablist'] [role='tabpanel'] {
  /*px*/ padding: 8px 25px 25px 25px;
  /*rem*/ padding: 0.5rem 1.5625rem 1.5625rem 1.5625rem;
  background: #fff;
  border-bottom: 1px solid #8B725E;
}
.cc [data-collapse][role='tablist'] [role='tabpanel'] p ~ abbr::first-child {
  font-weight: bold;
}
.cc [data-collapse][role='tablist'] [role='tabpanel']::after {
  content: '';
  display: block;
  clear: left;
}
.cc [data-collapse][role='tablist'] [role='tabpanel'] > ul,
.cc [data-collapse][role='tablist'] [role='tabpanel'] > ul > li {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  [data-collapse][role='tablist'] {
    /*px*/ margin-left: 8px;
    /*rem*/ margin-left: 0.5rem;
  }
}
.cc div[data-collapse] h3[data-collapsed='no'] {
  font-family: 'roboto_medium', Arial, Helvetica, sans-serif;
  /*px*/ padding: 8px 8px 8px 22px;
  /*rem*/ padding: 0.5rem 0.5rem 0.5rem 1.375rem;
  display: block;
  margin-top: -1px;
  background: #fff;
  border-top: 1px solid #8B725E;
  color: #000;
  clear: left;
  text-decoration: none;
  font-weight: normal;
  position: relative;
}
.cc div[data-collapse] h3[data-collapsed='no']::before {
  content: '\F00A2';
  color: #f3f0ed;
  position: absolute;
  /*px*/ top: 15px;
  /*rem*/ top: 0.9375rem;
  /*px*/ right: 4px;
  /*rem*/ right: 0.25rem;
  font-family: fts_commun;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  font-weight: normal;
}
.cc div[data-collapse] a[role='tab'] {
  font-family: 'roboto_medium', Arial, Helvetica, sans-serif;
  /*px*/ padding: 8px 8px 8px 22px;
  /*rem*/ padding: 0.5rem 0.5rem 0.5rem 1.375rem;
  display: block;
  margin-top: -1px;
  background: #fff;
  border-top: 1px solid #8B725E;
  color: #000;
  clear: left;
  text-decoration: none;
  font-weight: normal;
}
.cc div[data-collapse] a[role='tab'] h3 {
  padding: 0;
  margin: 0;
}
.cc div[data-collapse] a[role='tab'][data-collapsed] {
  position: relative;
  cursor: pointer;
}
.cc div[data-collapse] a[role='tab'][data-collapsed]::before {
  color: #f3f0ed;
  position: absolute;
  /*px*/ top: 15px;
  /*rem*/ top: 0.9375rem;
  /*px*/ left: 4px;
  /*rem*/ left: 0.25rem;
  font-family: fts_commun;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  font-weight: normal;
}
.cc div[data-collapse] a[role='tab'][data-collapsed]:focus,
.cc div[data-collapse] a[role='tab'][data-collapsed]:hover {
  color: #871b20;
}
.cc div[data-collapse] a[role='tab'][data-collapsed='yes'] {
  background: #fff;
  border-bottom: 1px solid #8B725E;
}
.cc div[data-collapse] a[role='tab'][data-collapsed='yes']::before {
  content: '\F00A2';
}
.cc div[data-collapse] a[role='tab'][data-collapsed='yes'] + div {
  display: none;
}
.cc div[data-collapse] a[role='tab'][data-collapsed='no'] {
  color: #000;
}
.cc div[data-collapse] a[role='tab'][data-collapsed='no']::before {
  content: '\F00A6';
}
.cc div[data-collapse] a[role='tab'][data-collapsed='no'] + div {
  display: block;
}
.cc div[data-collapse] > div {
  /*px*/ padding: 0 8px 8px 22px;
  /*rem*/ padding: 0 0.5rem 0.5rem 1.375rem;
  background: #fff;
  border-bottom: 1px solid #8B725E;
}
.cc div[data-collapse] > div p > abbr {
  font-weight: bold;
}
.cc div[data-collapse] > div::after {
  content: '';
  display: block;
  clear: left;
}
.cc div[data-collapse] > div > ul,
.cc div[data-collapse] > div > ul > li {
  margin-top: 0;
}
/* ------------------------------------ */
/* ==Onglets                            */
/* ------------------------------------ */
.cc ul.tabs {
  /*px*/ margin-bottom: 30px;
  /*rem*/ margin-bottom: 1.875rem;
  display: flex;
  justify-content: flex-start;
}
.cc ul.tabs li {
  display: flex;
  position: relative;
  /*px*/ min-height: 64px;
  /*rem*/ min-height: 4rem;
  height: auto;
  background-color: #fff;
  font-family: sinkinsans, sans-serif;
  font-weight: 300;
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  text-transform: uppercase;
  /*px*/ padding: 0;
  /*rem*/ padding: 0;
  border: 4px solid #eeeeee;
  border-top: 0;
  border-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 2px;
  margin-right: 2px;
}
.cc ul.tabs li:first-child {
  border-left: 0;
}
.cc ul.tabs li:last-child {
  border-right: 0;
}
.cc ul.tabs li a {
  margin: auto;
  /*centrer vertical*/
  /*px*/ height: 64px;
  /*rem*/ height: 4rem;
  background-color: #eeeeee;
  color: #555555;
  text-decoration: none;
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
  height: 100%;
}
.cc ul.tabs li a:hover,
.cc ul.tabs li a:focus {
  color: #fff;
  background-color: #be161c;
  text-decoration: none;
}
.cc ul.tabs li:hover a,
.cc ul.tabs li:focus a {
  background-color: #be161c;
}
.cc ul.tabs li.sel::after {
  content: '';
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  border-top: 15px solid #be161c;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top-width: 15px;
  border-right-width: calc(15px * 1.25);
  border-left-width: calc(15px * 1.25);
  bottom: -15px;
  left: calc(50% - 15px / 2);
}
.cc ul.tabs li.sel a {
  background-color: #be161c;
  color: #fff;
  font-weight: bold;
}
.cc div.tab[aria-hidden='true'] {
  display: none;
}
/* ------------------------------------ */
/* ==Lightbox                			*/
/* ------------------------------------ */
div#overlay {
  display: none;
  background: #000;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 850;
}
dialog#lightbox {
  background: #fff;
  box-shadow: 0 1px 2px 0 #737373;
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
  position: fixed;
  top: -50%;
  left: 25%;
  width: 50%;
  z-index: 880;
  max-height: calc(100% - 130px) !important;
  display: flexbox;
  display: flex;
}
dialog#lightbox > div {
  flex-positive: 1;
  flex: 1;
}
dialog#lightbox button.close {
  float: right;
  background: transparent;
  border: none;
  transition: all 1s ease 0s;
}
dialog#lightbox button.close::before {
  display: inline-block;
  /*px*/ width: 32px;
  /*rem*/ width: 2rem;
  /*px*/ height: 32px;
  /*rem*/ height: 2rem;
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
  font-family: fts_picto;
  content: '\F00D5';
}
dialog#lightbox button.close:hover,
dialog#lightbox button.close:focus {
  color: #871b20;
}
dialog#lightbox a.fullscreen {
  float: right;
  background: transparent;
  border: none;
  transition: all 1s ease 0s;
  color: #000;
}
dialog#lightbox a.fullscreen::before {
  display: inline-block;
  /*px*/ width: 32px;
  /*rem*/ width: 2rem;
  /*px*/ height: 32px;
  /*rem*/ height: 2rem;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  font-family: fts_picto;
  content: '\F0110';
  /*px*/ margin: 2px -5px -2px 0;
  /*rem*/ margin: 0.125rem -0.3125rem -0.125rem 0;
}
dialog#lightbox a.fullscreen:hover,
dialog#lightbox a.fullscreen:focus {
  color: #871b20;
}
dialog#lightbox h1 {
  text-transform: capitalize;
  margin: 0;
  color: #871b20;
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
  line-height: 1;
}
dialog#lightbox iframe {
  border: none;
  width: 100%;
  height: 100%;
  height: calc(100% - 32px);
}
dialog#lightbox.pdf,
dialog#lightbox.nowidth {
  left: 15%;
  width: 70%;
}
dialog#lightbox.pdf,
dialog#lightbox.noheight {
  height: calc(100% - 200px) !important;
}
.ctxt-lightbox {
  background: #fff;
}
.ctxt-lightbox .cc dl[data-collapse] dd {
  border: none;
}
.ctxt-lightbox .hideIfLightbox {
  display: none;
}
@media only screen and (max-width: 970px) {
  dialog#lightbox {
    left: 15%;
    width: 70%;
    height: calc(100% - 130px) !important;
  }
}
@media only screen and (max-width: 768px) {
  dialog#lightbox,
  dialog#lightbox.pdf {
    left: 3%;
    width: 90%;
  }
}
.cc iframe.noborder {
  border: none;
}
/* ------------------------------------ */
/* ==Slider                 			*/
/* ------------------------------------ */
.slider {
  overflow: hidden;
  /*px*/ margin: 8px 0 0 0;
  /*rem*/ margin: 0.5rem 0 0 0;
}
.slider-inner div {
  background: #fff;
  /*px*/ padding: 0 2px;
  /*rem*/ padding: 0 0.125rem;
}
.slider-inner div p.paddings {
  /*px*/ padding: 2px 4px;
  /*rem*/ padding: 0.125rem 0.25rem;
}
.slider-inner fieldset {
  border: none;
  margin: 0;
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
}
.slider-inner legend {
  font-weight: bold;
  /*px*/ margin-top: 8px;
  /*rem*/ margin-top: 0.5rem;
}
.slider-inner input[type='radio'] {
  /*px*/ margin-right: 8px;
  /*rem*/ margin-right: 0.5rem;
}
.slider-buttons {
  /*px*/ margin: 8px;
  /*rem*/ margin: 0.5rem;
  margin-top: -1px;
  border-top: 1px solid #8b1915;
  background: #fff;
  /*px*/ padding: 0;
  /*rem*/ padding: 0;
  /*px*/ height: 33px;
  /*rem*/ height: 2.0625rem;
  position: relative;
}
.slider-buttons button {
  float: left;
  width: 50%;
  /*px*/ height: 32px;
  /*rem*/ height: 2rem;
  /*px*/ padding: 0 8px;
  /*rem*/ padding: 0 0.5rem;
  border: none;
  background: #fff;
  color: #8b1915;
  text-align: right;
}
.slider-buttons button.next {
  border-left: 1px dotted #8b1915;
  text-align: left;
}
.slider-buttons button::before {
  font-family: fts_commun;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
}
.slider-buttons button.prev::before {
  content: '\F05CA';
}
.slider-buttons button.next::before {
  content: '\F05D0';
}
.slider-buttons button:hover,
.slider-buttons button:focus {
  background: #fff;
}
.slider-buttons span.pos {
  color: #8b1915;
  font-size: 0.8em;
  position: absolute;
  /*px*/ right: 4px;
  /*rem*/ right: 0.25rem;
  /*px*/ bottom: 6px;
  /*rem*/ bottom: 0.375rem;
}
.slider-next {
  text-align: center;
  /*px*/ min-height: 33px;
  /*rem*/ min-height: 2.0625rem;
  position: relative;
}
.slider-next .button {
  background-color: #871b20;
  border-color: #871b20;
  color: #fff;
}
.slider-next .button[disabled] {
  background-color: #fff;
  border-color: #7E6A5E;
  color: #000;
}
.slider-steps {
  position: relative;
  /*px*/ height: 13px;
  /*rem*/ height: 0.8125rem;
  /*px*/ margin: 0 -4px;
  /*rem*/ margin: 0 -0.25rem;
}
.slider-steps progress {
  position: absolute;
  /*px*/ top: 13px;
  /*rem*/ top: 0.8125rem;
  left: 0;
  width: 100%;
  /*px*/ height: 4px;
  /*rem*/ height: 0.25rem;
  appearance: none;
  background-color: #fff;
  border: none;
}
.slider-steps progress::-moz-progress-bar {
  background-color: #871b20;
}
.slider-steps progress::-webkit-progress-bar {
  background-color: #871b20;
}
.slider-steps progress::-webkit-progress-value {
  background-color: #871b20;
}
.slider-steps div.progress {
  background: #fff;
  height: 10px;
  position: relative;
  top: 10px;
}
.slider-steps div.progress div {
  position: absolute;
  top: 0;
  left: 0;
  background: #871b20;
  width: 0;
  height: 10px;
  z-index: 10;
}
[data-slider-type='steps'] .slider-inner {
  counter-reset: steps-counter;
  text-align: center;
}
[data-slider-type='steps'] .slider-inner fieldset {
  /*px*/ padding-left: 40px;
  /*rem*/ padding-left: 2.5rem;
  text-align: left;
}
[data-slider-type='steps'] .slider-inner legend {
  /*px*/ margin-left: -40px;
  /*rem*/ margin-left: -2.5rem;
}
[data-slider-type='steps'] .slider-inner legend::before {
  display: inline-block;
  background: #871b20;
  /*px*/ width: 32px;
  /*rem*/ width: 2rem;
  /*px*/ height: 20px;
  /*rem*/ height: 1.25rem;
  color: #fff;
  content: counter(steps-counter);
  counter-increment: steps-counter;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  /*px*/ line-height: 22px;
  /*rem*/ line-height: 1.375rem;
  text-align: center;
  /*px*/ margin-right: 8px;
  /*rem*/ margin-right: 0.5rem;
}
[data-slider-type='steps'] .slider-inner button.next {
  background-color: #871b20;
  border-color: #871b20;
  color: #fff !important;
  /*px*/ margin-left: 8px;
  /*rem*/ margin-left: 0.5rem;
}
[data-slider-type='steps'] .slider-inner button.next[disabled] {
  background-color: #fff;
  border-color: #7E6A5E;
  color: #000 !important;
}
[data-slider-type='steps'] .slider-inner button.next[disabled]:hover,
[data-slider-type='steps'] .slider-inner button.next[disabled]:focus {
  background-color: #fff;
  border-color: #7E6A5E;
  color: #000 !important;
}
[data-slider-type='carousel'] {
  position: relative;
}
[data-slider-type='carousel'] .slider {
  border: 1px solid #8b1915;
}
[data-slider-type='carousel'] .slider-inner > div {
  float: left;
  /*px*/ padding: 2px 0;
  /*rem*/ padding: 0.125rem 0;
}
[data-slider-type='carousel'] .slider-list {
  position: absolute;
  border-width: 0;
  /*px*/ left: 30px;
  /*rem*/ left: 1.875rem;
  bottom: 0;
  text-align: center;
  width: 80%;
  width: calc(100% - 60px);
  z-index: 10;
}
[data-slider-type='carousel'] .slider-list ol {
  list-style-type: none;
  margin: 0;
}
[data-slider-type='carousel'] .slider-list li {
  display: inline-block;
  /*px*/ margin: 0 4px;
  /*rem*/ margin: 0 0.25rem;
}
[data-slider-type='carousel'] .slider-list a {
  display: inline-block;
  background: #fff;
  border: 1px solid #8b1915;
  /*px*/ width: 10px;
  /*rem*/ width: 0.625rem;
  /*px*/ height: 10px;
  /*rem*/ height: 0.625rem;
  /*px*/ border-radius: 5px;
  /*rem*/ border-radius: 0.3125rem;
  cursor: pointer;
}
[data-slider-type='carousel'] .slider-list a[aria-selected='true'] {
  background-color: #871b20;
}
[data-slider-type='carousel'] .slider-list a:hover,
[data-slider-type='carousel'] .slider-list a:focus {
  background-color: #8b1915;
}
[data-slider-type='carousel'] .slider-buttons button {
  float: none;
  width: auto;
  position: absolute;
  top: 0;
}
[data-slider-type='carousel'] .slider-buttons button.prev {
  left: 0;
}
[data-slider-type='carousel'] .slider-buttons button.next {
  right: 0;
  border-left: none;
}
[data-slider-type='carousel'] .slider-buttons button.prev::before {
  content: '\F0580';
}
[data-slider-type='carousel'] .slider-buttons button.next::before {
  content: '\F0582';
}
[data-slider-type='carousel'] .slider-buttons button:hover,
[data-slider-type='carousel'] .slider-buttons button:focus {
  background: #fff;
}
@media only screen and (max-width: 768px) {
  .slider {
    margin-left: 0;
    margin-right: 0;
  }
}
/* ------------------------------------ */
/* ==Tooltips                 			*/
/* ------------------------------------ */
.cc .hasTooltip {
  border-bottom: 1px dashed #871b20;
}
.cc .hasTooltip[target] {
  border-bottom: none;
}
.cc .hasTooltip > button {
  background: transparent;
  border: none;
}
.cc .tooltip {
  position: absolute;
  left: 0;
  top: 100%;
  background: rgba(240, 240, 240, 0.8);
  border-top: 2px solid #871b20;
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
  /*px*/ margin-top: -1px;
  /*rem*/ margin-top: -0.0625rem;
  z-index: 1000;
  line-height: 1.2;
  /*px*/ min-width: 200px;
  /*rem*/ min-width: 12.5rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%228px%22%20height%3D%224px%22%20viewBox%3D%220%200%208%204%22%20enable-background%3D%22new%200%200%208%204%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23871b20%22%20points%3D%228.012%2C0%204%2C4%20-0.012%2C0%20%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: top center;
  background-position: 6px 0;
}
.cc .tooltip[aria-hidden='true'] {
  display: none;
}
/*==========================================================================
. loader
========================================================================== */
.cc .loader {
  margin: 10px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.cc .loader > div {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.cc .loader > div::before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  animation: loaderFadeDelay 1.2s infinite ease-in-out both;
}
.cc .loader > div:nth-child(2) {
  transform: rotate(30deg);
}
.cc .loader > div:nth-child(3) {
  transform: rotate(60deg);
}
.cc .loader > div:nth-child(4) {
  transform: rotate(90deg);
}
.cc .loader > div:nth-child(5) {
  transform: rotate(120deg);
}
.cc .loader > div:nth-child(6) {
  transform: rotate(150deg);
}
.cc .loader > div:nth-child(7) {
  transform: rotate(180deg);
}
.cc .loader > div:nth-child(8) {
  transform: rotate(210deg);
}
.cc .loader > div:nth-child(9) {
  transform: rotate(240deg);
}
.cc .loader > div:nth-child(10) {
  transform: rotate(270deg);
}
.cc .loader > div:nth-child(11) {
  transform: rotate(300deg);
}
.cc .loader > div:nth-child(12) {
  transform: rotate(330deg);
}
.cc .loader > div:nth-child(2)::before {
  animation-delay: -1.1s;
}
.cc .loader > div:nth-child(3)::before {
  animation-delay: -1s;
}
.cc .loader > div:nth-child(4)::before {
  animation-delay: -0.9s;
}
.cc .loader > div:nth-child(5)::before {
  animation-delay: -0.8s;
}
.cc .loader > div:nth-child(6)::before {
  animation-delay: -0.7s;
}
.cc .loader > div:nth-child(7)::before {
  animation-delay: -0.6s;
}
.cc .loader > div:nth-child(8)::before {
  animation-delay: -0.5s;
}
.cc .loader > div:nth-child(9)::before {
  animation-delay: -0.4s;
}
.cc .loader > div:nth-child(10)::before {
  animation-delay: -0.3s;
}
.cc .loader > div:nth-child(11)::before {
  animation-delay: -0.2s;
}
.cc .loader > div:nth-child(12)::before {
  animation-delay: -0.1s;
}
@keyframes loaderFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
/*=================================================
/*Envoyer par mail*/
/*================================================== */
.cc .ctxt-confirm h2 {
  margin-top: 0;
}
.cc .ctxt-confirm p.teaser {
  margin: 8px 0;
}
.cc .ctxt-card div {
  background: #eee;
  color: #333;
  padding: 8px 20%;
  margin: 16px 0;
  display: flex;
}
.cc .ctxt-card div img {
  margin: 4px 8px;
  width: 112px;
  height: 50px;
}
.cc .ctxt-card div p {
  padding-left: 10px;
  margin: 0;
}
.cc .ctxt-card div strong {
  font-size: 1.4em;
}
.cc .ctxt-card div .soft {
  font-style: italic;
  font-size: 0.9em;
}
@media only screen and (max-width: 768px) {
  .cc .ctxt-card div {
    /*flex-direction: 	column;*/
    padding: 8px 2%;
  }
}
@media only screen and (max-width: 632px) {
  .cc .ctxt-card div {
    flex-direction: column;
  }
  .cc .ctxt-card div img {
    margin-right: auto;
    margin-left: auto;
  }
  .cc .ctxt-card div p {
    padding-left: 0;
  }
  .cc [class^='ctxt-form'] button[type='submit'] {
    margin: 10px 17%;
  }
}
/* ------------------------------------ */
/* ==Devbooster dans la vitrine			*/
/* ------------------------------------ */
.ei_tpl_conseil_devbooster .cc article.main-content header {
  display: block;
}
.ei_tpl_conseil_devbooster .cc article.main-content .body > .a_blocappli > .a_blocfctl {
  padding: 0;
}
.ei_tpl_conseil_devbooster .cc article.main-content fieldset {
  /*px*/ margin-top: 42px;
  /*rem*/ margin-top: 2.625rem;
}
.ei_tpl_conseil_devbooster .cc article.main-content .note,
.ei_tpl_conseil_devbooster .cc article.main-content .notejuridique {
  padding-left: 0;
}
.ei_tpl_conseil_devbooster .cc article.main-content .notejuridique::before {
  display: none;
}
/* ------------------------------------ */
/* ==Bug EI			*/
/* ------------------------------------ */
/*QuickFix pour corriger le problème de bloc disparaissant sous IE lorsque le tchat est intégré
Le problème est causé par le script qui place un position:relative sur le body;
*/
body,
html {
  position: static !important;
}
/* pour corriger le problème des url à ralonge dans la recherche */
.i_blocrecherche .url {
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.cc .list > div > h2::before,
.cc .list > div > h3::before {
  line-height: 22px;
}
/*.cc article .body .filters h2{
	margin-left: 1rem;
}
*/
/****************************************/
/********** Styles CIC-BP 2018 *************/
/****************************************/
/* Description :                        */
/*  - Styles CIC-BP 2018/Entete          */
/* Responsabilité :                     */
/*  - équipe DIGITALE CM-CIC         */
/* Historique :                         */
/*  - 26/03/2018 : création             */
/****************************************/
/****************************************/
.cc {
  /* Affichage headerAlt left sur la home */
}
.cc .window {
  position: absolute;
  overflow: hidden;
  margin: 0 5px;
  top: 19%;
  left: 39px;
  padding-top: 48px;
  padding-left: 20px;
  padding-right: 44px;
  padding-bottom: 60px;
  min-height: 370px;
  max-height: 520px;
}
.cc .window .overlay {
  position: relative;
  z-index: 2;
  font-family: 'sinkinsans';
  font-weight: 200;
  width: 100%;
  height: 100%;
  /*.px-to-rem(padding, 20 70 20 40);*/
  color: #fff;
  display: box;
  display: flexbox;
  display: flex;
  box-orient: vertical;
  box-direction: normal;
  flex-direction: column;
  box-align: start;
  flex-align: start;
  align-items: flex-start;
  flex-pack: distribute;
  justify-content: space-around;
}
.cc .window .overlay a {
  font-family: 'sinkinReg', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-size: 12px;
  color: #fff;
  padding-right: 20px;
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.cc .window .overlay a:hover,
.cc .window .overlay a:focus {
  text-decoration: underline;
}
.cc .window .overlay a::before {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 5px;
}
.cc .window .overlaybg {
  width: 100%;
  height: 100%;
  background-color: #be161c;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.cc .window .overlaybg.ie.active {
  mix-blend-mode: initial;
  opacity: 0.9;
  background-color: initial;
}
.cc .window .overlaybg.ie.active ::before,
.cc .window .overlaybg.ie.active ::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #861c20;
  opacity: 1;
}
.cc .window .overlaybg.ie.active ::after {
  background-color: #a90304 !important;
}
.cc .window .overlay_date {
  font-family: 'sinkinLight', sans-serif;
  font-size: 12px;
}
.cc .window .overlay_title {
  font-family: 'sinkinLight', sans-serif;
  text-transform: uppercase;
  font-size: 25px;
  line-height: 1.82;
  font-weight: 300;
  width: 100%;
}
@media only screen and (max-width: 632px) {
  .cc article > header {
    /*background-image: none !important;*/
    min-height: 250px;
  }
  .cc article > header .window {
    left: 0;
    padding: 20px;
    min-height: auto;
    /*margin-right: 60px;*/
    width: 70%;
  }
  .cc article > header .window .overlay h1 {
    margin-top: 17px;
  }
  .cc article > header .img {
    margin: 10px 9% 0 2%;
    padding: 5px;
  }
  .cc article > header time,
  .cc article > header p.surtitle {
    /*px*/ font-size: 12px;
    /*rem*/ font-size: 0.75rem;
  }
  .cc.ctxt-video article > header .window {
    position: relative;
    /*margin-right: 10px;*/
  }
}
@media only screen and (max-width: 400px) {
  .cc article > header .window {
    width: 90%;
  }
  .cc article > header .window .overlay h1 {
    /*px*/ font-size: 20px;
    /*rem*/ font-size: 1.25rem;
  }
  .cc.ctxt-video article > header .window {
    position: relative;
    /*margin-right: 10px;*/
  }
}
.cc img {
  /*object-fit: cover;
		position: absolute;
		width:640px;
		height:580px;*/
}
.cc .headerAlt {
  width: 100%;
  height: 580px;
  background: url('/partage/partage_fr/CC/CIC-BP-2018/assets/charte/bg_header.jpg');
  /*px*/ margin: 20px 0;
  /*rem*/ margin: 1.25rem 0;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.cc .headerAlt::before {
  content: '';
  display: block;
  width: 100%;
  height: 87%;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 0;
}
.cc .headerAlt .headerAlt_left,
.cc .headerAlt .headerAlt_right {
  width: 100%;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 970px) {
  .cc .headerAlt .headerAlt_left {
    display: none;
  }
}
.cc .headerAlt.dobble .headerAlt_left,
.cc .headerAlt.dobble .headerAlt_right {
  width: 50%;
}
@media only screen and (max-width: 970px) {
  .cc.ctxt-home .headerAlt .headerAlt_left {
    display: block;
  }
  .cc.ctxt-home .headerAlt .headerAlt_right {
    display: none;
  }
}
.cc .headerAlt_left .window,
.cc .headerAlt_right .window {
  height: calc(100% - 60px);
  margin: auto;
}
.cc .headerAlt_left .window_left,
.cc .headerAlt_right .window_left {
  width: calc(30% - 10px);
}
.cc .headerAlt_left .window_center,
.cc .headerAlt_right .window_center {
  width: calc(50% - 10px);
}
.cc .headerAlt_left .window_right,
.cc .headerAlt_right .window_right {
  width: calc(20% - 10px);
}
@media only screen and (max-width: 632px) {
  .cc .headerAlt_left .window_left,
  .cc .headerAlt_right .window_left {
    width: calc(15% - 10px);
  }
  .cc .headerAlt_left .window_center,
  .cc .headerAlt_right .window_center {
    width: calc(65% - 10px);
  }
}
.cc .headerAlt_left .window_left {
  left: 0;
  top: 15px;
}
.cc .headerAlt_left .window_center {
  left: 30%;
  bottom: 10px;
  /*top:initial;*/
}
@media only screen and (max-width: 632px) {
  .cc .headerAlt_left .window_center {
    left: 15%;
  }
}
.cc .headerAlt_left .window_right {
  top: 15px;
  right: 0;
  /*left:initial;*/
  /*bottom:initial;*/
}
.cc .headerAlt_right .window_left {
  left: 0;
  bottom: 10px;
  /*top:initial;*/
}
.cc .headerAlt_right .window_center {
  left: 30%;
  top: 15px;
}
@media only screen and (max-width: 632px) {
  .cc .headerAlt_right .window_center {
    left: 15%;
  }
}
.cc .headerAlt_right .window_right {
  right: 0;
  bottom: 15px;
  /*top:initial;
      			left:initial;*/
}
.cc.ctxt-product,
.cc.ctxt-need,
.cc.ctxt-tiles,
.cc.ctxt-service {
  /*====  header sous rubrique / article produit  =====*/
}
.cc.ctxt-product article > header,
.cc.ctxt-need article > header,
.cc.ctxt-tiles article > header,
.cc.ctxt-service article > header {
  background-image: none;
}
.cc.ctxt-product .headerAlt,
.cc.ctxt-need .headerAlt,
.cc.ctxt-tiles .headerAlt,
.cc.ctxt-service .headerAlt {
  height: 450px;
}
.cc.ctxt-product .headerAlt .window,
.cc.ctxt-need .headerAlt .window,
.cc.ctxt-tiles .headerAlt .window,
.cc.ctxt-service .headerAlt .window {
  top: inherit;
  left: inherit;
  margin: 0 5px;
  padding-top: 48px;
  padding-left: 20px;
  padding-right: 44px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 632px) {
  .cc.ctxt-product .headerAlt .window_left,
  .cc.ctxt-need .headerAlt .window_left,
  .cc.ctxt-tiles .headerAlt .window_left,
  .cc.ctxt-service .headerAlt .window_left {
    padding-left: 0;
    padding-right: 0;
  }
}
.cc.ctxt-product .headerAlt img,
.cc.ctxt-need .headerAlt img,
.cc.ctxt-tiles .headerAlt img,
.cc.ctxt-service .headerAlt img {
  object-fit: cover;
  font-family: 'object-fit: cover';
  position: absolute;
  width: 640px;
  height: 580px;
}
.cc.ctxt-product .headerAlt_left,
.cc.ctxt-need .headerAlt_left,
.cc.ctxt-tiles .headerAlt_left,
.cc.ctxt-service .headerAlt_left {
  width: 97%;
  height: 100%;
  position: relative;
}
.cc.ctxt-product .headerAlt_right,
.cc.ctxt-need .headerAlt_right,
.cc.ctxt-tiles .headerAlt_right,
.cc.ctxt-service .headerAlt_right {
  width: 103%;
  height: 100%;
  position: relative;
}
.cc.ctxt-product .headerAlt_left .window,
.cc.ctxt-need .headerAlt_left .window,
.cc.ctxt-tiles .headerAlt_left .window,
.cc.ctxt-service .headerAlt_left .window,
.cc.ctxt-product .headerAlt_right .window,
.cc.ctxt-need .headerAlt_right .window,
.cc.ctxt-tiles .headerAlt_right .window,
.cc.ctxt-service .headerAlt_right .window {
  height: calc(100% - 60px);
  /*margin: auto; */
}
.cc.ctxt-product .headerAlt_left .window_left,
.cc.ctxt-need .headerAlt_left .window_left,
.cc.ctxt-tiles .headerAlt_left .window_left,
.cc.ctxt-service .headerAlt_left .window_left {
  width: calc(17% - 10px);
  left: 0;
  bottom: 10px;
}
.cc.ctxt-product .headerAlt_left .window_center,
.cc.ctxt-need .headerAlt_left .window_center,
.cc.ctxt-tiles .headerAlt_left .window_center,
.cc.ctxt-service .headerAlt_left .window_center {
  width: calc(53% - 10px);
  left: 17%;
  top: 15px;
}
.cc.ctxt-product .headerAlt_left .window_right,
.cc.ctxt-need .headerAlt_left .window_right,
.cc.ctxt-tiles .headerAlt_left .window_right,
.cc.ctxt-service .headerAlt_left .window_right {
  width: calc(30% - 10px);
  right: 0;
  bottom: 10px;
}
.cc.ctxt-product .headerAlt_right .window_left,
.cc.ctxt-need .headerAlt_right .window_left,
.cc.ctxt-tiles .headerAlt_right .window_left,
.cc.ctxt-service .headerAlt_right .window_left {
  width: calc(31% - 10px);
  left: 0;
  top: 15px;
}
.cc.ctxt-product .headerAlt_right .window_center,
.cc.ctxt-need .headerAlt_right .window_center,
.cc.ctxt-tiles .headerAlt_right .window_center,
.cc.ctxt-service .headerAlt_right .window_center {
  width: calc(46% - 10px);
  left: 31%;
  bottom: 10px;
}
.cc.ctxt-product .headerAlt_right .window_right,
.cc.ctxt-need .headerAlt_right .window_right,
.cc.ctxt-tiles .headerAlt_right .window_right,
.cc.ctxt-service .headerAlt_right .window_right {
  width: calc(23% - 10px);
  top: 15px;
  right: 0;
}
@media only screen and (max-width: 632px) {
  .cc.ctxt-product .headerAlt_left .window_left,
  .cc.ctxt-need .headerAlt_left .window_left,
  .cc.ctxt-tiles .headerAlt_left .window_left,
  .cc.ctxt-service .headerAlt_left .window_left,
  .cc.ctxt-product .headerAlt_right .window_left,
  .cc.ctxt-need .headerAlt_right .window_left,
  .cc.ctxt-tiles .headerAlt_right .window_left,
  .cc.ctxt-service .headerAlt_right .window_left {
    width: calc(15% - 10px);
  }
  .cc.ctxt-product .headerAlt_left .window_center,
  .cc.ctxt-need .headerAlt_left .window_center,
  .cc.ctxt-tiles .headerAlt_left .window_center,
  .cc.ctxt-service .headerAlt_left .window_center,
  .cc.ctxt-product .headerAlt_right .window_center,
  .cc.ctxt-need .headerAlt_right .window_center,
  .cc.ctxt-tiles .headerAlt_right .window_center,
  .cc.ctxt-service .headerAlt_right .window_center {
    width: calc(65% - 20px);
    left: 15%;
  }
}
.cc.ctxt-list {
  /*====  header dossiers conseils liste de contenus  =====*/
}
.cc.ctxt-list header {
  min-height: 520px;
  background-position: 0 75px;
}
.cc.ctxt-list header .social {
  top: 90%;
}
@media only screen and (max-width: 970px) {
  .cc.ctxt-list header {
    min-height: 340px;
  }
}
@media only screen and (max-width: 632px) {
  .cc.ctxt-list header {
    min-height: auto;
  }
}
.cc.ctxt-list > article {
  position: relative;
}
.cc.ctxt-list > article article.ctxt-featured {
  position: absolute;
  top: 65px;
  left: 0;
  width: 100%;
}
.cc.ctxt-list > article article.ctxt-featured > div {
  max-width: 100%;
  width: 100%;
}
.cc.ctxt-list > article article.ctxt-featured > div.clickable:hover a {
  /*color: @C4;*/
  text-decoration: underline;
}
.cc.ctxt-list > article article.ctxt-featured > div .img {
  max-width: 1020px;
  height: auto;
  margin: 50px 9.5% 0 11%;
  background-color: #fff;
  padding: 10px;
  min-height: 520px;
}
.cc.ctxt-list > article article.ctxt-featured > div .img img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 970px) {
  .cc.ctxt-list > article article.ctxt-featured > div .img {
    min-height: 340px;
    margin: 30px 2% 0;
  }
}
@media only screen and (max-width: 632px) {
  .cc.ctxt-list > article article.ctxt-featured > div .img {
    min-height: auto;
  }
}
.cc.ctxt-list > article article.ctxt-featured .window {
  padding-top: 32px;
  padding-bottom: 32px;
  height: 70%;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-list > article article.ctxt-featured .window {
    width: 300px;
  }
}
.cc.ctxt-list > article article.ctxt-featured h1 {
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
  text-transform: uppercase;
  margin-top: 0;
}
@media only screen and (max-width: 632px) {
  .cc.ctxt-list > article article.ctxt-featured .window {
    left: 0;
    padding: 20px;
    min-height: auto;
    /*margin-right: 60px;*/
    width: 70%;
    height: auto;
  }
  .cc.ctxt-list > article article.ctxt-featured .window .overlay {
    /*px*/ font-size: 12px !important;
    /*rem*/ font-size: 0.75rem !important;
  }
  .cc.ctxt-list > article article.ctxt-featured .window .overlay h1 {
    margin-top: 17px;
    /*px*/ font-size: 14px;
    /*rem*/ font-size: 0.875rem;
  }
  .cc.ctxt-list > article article.ctxt-featured .img {
    margin: 10px 9% 0 2%;
    padding: 5px;
    min-height: auto;
  }
  .cc.ctxt-list > article article.ctxt-featured time,
  .cc.ctxt-list > article article.ctxt-featured p.surtitle {
    /*px*/ font-size: 12px;
    /*rem*/ font-size: 0.75rem;
  }
}
.cc.ctxt-list > article article.ctxt-featured .overlay {
  justify-content: space-between;
}
.cc.ctxt-list > article article.ctxt-featured .overlay a {
  /*letter-spacing: inherit;*/
  font-size: inherit;
  padding-right: inherit;
  font-weight: 500;
  letter-spacing: 1px;
}
.cc.ctxt-list > article article.ctxt-featured .overlay a::before {
  /*display: none;*/
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  top: 0;
  bottom: 8px;
  right: -20px;
  top: inherit;
}
.cc.ctxt-list > article article.ctxt-featured .overlay a:hover,
.cc.ctxt-list > article article.ctxt-featured .overlay a:focus {
  /*color: @C4;*/
  text-decoration: underline;
}
.cc.ctxt-list > article article.ctxt-featured .banner {
  margin: 0 9.5% 0 11%;
  padding: 10px;
  padding-bottom: 36px;
}
.cc.ctxt-list .tiles.ctxt-featured::before {
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  border-top: 1px solid #e5e5e5;
  margin-left: auto;
  margin-right: auto;
  padding-top: 36px;
}
.cc.ctxt-list .tiles.ctxt-featured article {
  flex: 1 1 25%;
  max-width: 25%;
}
.cc.ctxt-list .tiles.ctxt-featured article .tile {
  display: flex;
}
@media only screen and (max-width: 970px) {
  .cc.ctxt-list .tiles.ctxt-featured article {
    flex: 1 1 50%;
    max-width: inherit;
  }
}
.cc.ctxt-list.ctxt-lettres header,
.cc.ctxt-list.ctxt-cahiers header {
  min-height: auto;
  background-image: none !important;
}
.cc.ctxt-list.ctxt-cahiers div.tiles {
  background-image: url('../assets/charte/fond-header-article_immo.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  min-height: 400px;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .ctxt-featured {
  display: flex;
  max-width: none;
  border: 3px solid #fff;
  background: #fff;
  margin: 0 auto;
  padding: 10px;
  position: relative;
  /*px*/ margin-bottom: 80px;
  /*rem*/ margin-bottom: 5rem;
  flex: 0 0 81%;
  top: 30px;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .ctxt-featured > div {
  flex: 1 1 50%;
  position: relative;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .ctxt-featured > div .window {
  top: 30px;
  right: 39px;
  left: inherit;
  min-height: auto;
  padding-top: 10px;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .ctxt-featured > div .window .overlay > div {
  width: 100%;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .ctxt-featured > div .window .overlay .surtitle {
  text-transform: uppercase;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  /*px*/ margin-top: 50px;
  /*rem*/ margin-top: 3.125rem;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .ctxt-featured > div .window .overlay h1 {
  /*px*/ margin-top: 8px;
  /*rem*/ margin-top: 0.5rem;
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
  font-weight: 400;
  text-transform: uppercase;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .ctxt-featured > div .window .overlay h1::before {
  display: none;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .ctxt-featured > div .window .overlay time {
  min-width: 150px;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .ctxt-featured > div .window .overlay time::before {
  content: '';
  display: block;
  background: transparent url('/partage/fr/CC/CIC-BP-2018/assets/charte/logo-cahiers_blanc.png') no-repeat 0 5px;
  width: 100%;
  height: 42px;
  /*.px-to-rem(margin-bottom,(@grid*3));*/
}
.cc.ctxt-list.ctxt-cahiers div.tiles .ctxt-featured .img {
  max-width: 500px;
  overflow: hidden;
  position: relative;
  width: 75%;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .ctxt-featured .img img {
  position: relative;
  top: 0;
  left: 0;
  height: 450px;
  width: auto;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .supplement ul {
  display: flex;
  justify-content: space-between;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .supplement ul li {
  flex: 1 1 45%;
  overflow: hidden;
  position: relative;
  /*max-width: 45%;*/
}
.cc.ctxt-list.ctxt-cahiers div.tiles .supplement ul li figure {
  /*px*/ margin: 28px auto 0;
  /*rem*/ margin: 1.75rem auto 0;
  overflow: hidden;
  background-position: center center;
  margin: 0;
  text-align: center;
  height: 110px;
  width: 190px;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .supplement ul li figure img {
  position: relative;
  left: 100%;
  margin-left: -200%;
  max-width: none;
  height: 110px;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .supplement ul li a {
  display: block;
  overflow: hidden;
  width: 90%;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .supplement ul li a::after {
  background: no-repeat url('/partage/partage_fr/CC/CIC-BP-2018/assets/charte/px-video-sprite.png');
  content: '';
  display: block;
  background-position: 24px -904px;
  width: 85px;
  height: 85px;
  position: absolute;
  top: 34px;
  left: -9px;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .supplement ul li:hover a::after,
.cc.ctxt-list.ctxt-cahiers div.tiles .supplement ul li:focus a::after {
  background-position: 24px -969px;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .supplement img {
  width: auto;
  height: 110px;
  position: relative;
  left: -10%;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .supplement .actions a {
  display: inline-block;
  /*px*/ padding: 8px 24px 6px;
  /*rem*/ padding: 0.5rem 1.5rem 0.375rem;
  border: 1px solid #7E6A5E;
  text-transform: uppercase;
  /*px*/ margin: 30px auto;
  /*rem*/ margin: 1.875rem auto;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .supplement .actions a:hover,
.cc.ctxt-list.ctxt-cahiers div.tiles .supplement .actions a:focus {
  background-color: #871b20;
  color: #fff;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .tile .actions a {
  display: inline-block;
  /*px*/ padding: 8px 24px 6px;
  /*rem*/ padding: 0.5rem 1.5rem 0.375rem;
  border: 1px solid #7E6A5E;
  text-transform: uppercase;
  /*px*/ margin: 30px auto;
  /*rem*/ margin: 1.875rem auto;
}
.cc.ctxt-list.ctxt-cahiers div.tiles .tile .actions a:hover,
.cc.ctxt-list.ctxt-cahiers div.tiles .tile .actions a:focus {
  background-color: #871b20;
  color: #fff;
}
.cc.ctxt-home {
  /*====  header home  =====*/
}
.cc.ctxt-home .headerAlt {
  height: 450px;
  margin-top: 0;
}
.cc.ctxt-home .headerAlt .window {
  top: inherit;
  left: inherit;
  margin: 0 5px;
  padding-top: 48px;
  padding-left: 20px;
  padding-right: 44px;
  padding-bottom: 60px;
}
.cc.ctxt-home .headerAlt .window .overlay {
  justify-content: space-between;
}
@media only screen and (max-width: 632px) {
  .cc.ctxt-home .headerAlt .window_left {
    padding-left: 0;
    padding-right: 0;
  }
}
.cc.ctxt-home .headerAlt img {
  object-fit: cover;
  font-family: 'object-fit: cover';
  position: absolute;
  width: 640px;
  height: 580px;
}
.cc.ctxt-home .headerAlt_left .window_left {
  top: 10px;
}
.cc.ctxt-home .headerAlt_left .window_center {
  left: 30%;
  bottom: 10px;
}
@media only screen and (max-width: 632px) {
  .cc.ctxt-home .headerAlt_left .window_center {
    left: 15%;
  }
}
.cc.ctxt-home .headerAlt_left .window_right {
  top: 10px;
}
.cc.ctxt-home .headerAlt_right .window_center {
  left: 30%;
  top: 10px;
}
@media only screen and (max-width: 632px) {
  .cc.ctxt-home .headerAlt_right .window_center {
    left: 15%;
  }
}
.ctxt-play .cc .window {
  display: none;
}
/****************************************/
/********** Styles CM 2017 *************/
/****************************************/
/* Description :                        */
/*  - Styles CM 2017                   */
/* Responsabilité :                     */
/*  - Équipe DIGITALE CM-CIC/FXL         */
/* Historique :                         */
/*  - 27/11/2017 : création             */
/* Notes :                         */
/*
Summary
1- Classes d'utilisation courante "officielles"
2- Extras, non documentés pour le commun des mortels
**********************************************************************************************/
/*
Le box-sizing fonctionne mal sur les éléments en flex -> eviter de placer des margins sur lés éléments en flex à largeurs contrainte
*/
/*==========================================================================
1.  Classes d'utilisation courante "officielles"
========================================================================== */
.cc .grid {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  /* min-width: 100%; */
}
.cc .grid.padding > [class^='grid-'] {
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
}
.cc .grid.no-padding {
  margin: 0;
}
.cc .grid.no-padding > [class^='grid-'] {
  /*px*/ padding: 0;
  /*rem*/ padding: 0;
}
.oldie .cc .grid::before,
.oldie .cc .grid::after {
  content: '';
  display: table;
}
.oldie .cc .grid::after {
  clear: both;
}
.oldie .cc .grid {
  zoom: 1;
}
.oldie .cc .grid-1-2 {
  float: left;
}
.oldie .cc .grid-1-3 {
  float: left;
}
.oldie .cc .grid-2-3 {
  float: left;
}
.oldie .cc .grid-1-4 {
  float: left;
}
.oldie .cc .grid-2-4 {
  float: left;
}
.oldie .cc .grid-3-4 {
  float: left;
}
.oldie .cc .grid-1-5 {
  float: left;
}
.oldie .cc .grid-2-5 {
  float: left;
}
.oldie .cc .grid-3-5 {
  float: left;
}
.oldie .cc .grid-4-5 {
  float: left;
}
.oldie .cc .grid-1-6 {
  float: left;
}
.oldie .cc .grid-2-6 {
  float: left;
}
.oldie .cc .grid-3-6 {
  float: left;
}
.oldie .cc .grid-4-6 {
  float: left;
}
.oldie .cc .grid-5-6 {
  float: left;
}
.oldie .cc .grid-1-10 {
  float: left;
}
.oldie .cc .grid-2-10 {
  float: left;
}
.oldie .cc .grid-3-10 {
  float: left;
}
.oldie .cc .grid-4-10 {
  float: left;
}
.oldie .cc .grid-5-10 {
  float: left;
}
.oldie .cc .grid-6-10 {
  float: left;
}
.oldie .cc .grid-7-10 {
  float: left;
}
.oldie .cc .grid-8-10 {
  float: left;
}
.oldie .cc .grid-9-10 {
  float: left;
}
.oldie .cc .grid-1-12 {
  float: left;
}
.oldie .cc .grid-2-12 {
  float: left;
}
.oldie .cc .grid-3-12 {
  float: left;
}
.oldie .cc .grid-4-12 {
  float: left;
}
.oldie .cc .grid-5-12 {
  float: left;
}
.oldie .cc .grid-6-12 {
  float: left;
}
.oldie .cc .grid-7-12 {
  float: left;
}
.oldie .cc .grid-8-12 {
  float: left;
}
.oldie .cc .grid-9-12 {
  float: left;
}
.oldie .cc .grid-10-12 {
  float: left;
}
.oldie .cc .grid-11-12 {
  float: left;
}
.oldie .cc .grid-1-1 {
  float: left;
}
/* grille flex */
.cc .grid-flex-1 {
  flex: 1 1 0%;
}
.cc .grid-flex-2 {
  flex: 2 1 0%;
}
.cc .grid-flex-3 {
  flex: 2 1 0%;
}
/*==========================================================================
2- Extras, non documentés pour le commun des mortels
========================================================================== */
.cc .grid.justify-center,
.cc .grid.center {
  justify-content: center;
}
.cc .grid.justify-start {
  justify-content: flex-start;
}
.cc .grid.justify-end {
  justify-content: flex-end;
}
.cc .grid.justify-space-between {
  justify-content: flex-space-between;
}
.cc .grid.justify-space-around {
  justify-content: flex-space-around;
}
.cc .grid.row {
  flex-direction: row;
}
.cc .grid.col {
  flex-direction: column;
}
.cc .grid.wrap {
  flex-wrap: wrap;
}
.cc .grid.nowrap {
  flex-wrap: nowrap;
}
.cc .grid.nowrap {
  flex-wrap: nowrap;
}
.cc .grid.align-items-stretch {
  align-items: stretch;
}
.cc .grid.align-items-center,
.cc .grid.vertical-center {
  align-items: center;
}
.cc .grid.align-items-flex-start {
  align-items: flex-start;
}
.cc .grid.align-items-flex-end {
  align-items: flex-end;
}
.cc .grid.align-items-baseline {
  align-items: baseline;
}
.cc .grid.notstretch,
.cc .grid .cc .no-stretch {
  align-items: baseline;
}
.cc .grid .order-1 {
  order: 1;
}
.cc .grid .order-2 {
  order: 2;
}
.cc .grid .order-3 {
  order: 3;
}
.cc .grid .order-4 {
  order: 4;
}
.cc .grid .order-5 {
  order: 5;
}
.cc .grid .order-6 {
  order: 6;
}
.cc .grid .order-7 {
  order: 7;
}
.cc .grid .order-8 {
  order: 8;
}
.cc .wauto {
  width: auto !important;
}
.cc .w10 {
  width: 10%;
}
.cc .w20 {
  width: 20%;
}
.cc .w30 {
  width: 30%;
}
.cc .w40 {
  width: 40%;
}
.cc .w50,
.cc .w1-2 {
  width: 50%;
}
.cc .w60 {
  width: 60%;
}
.cc .w70 {
  width: 70%;
}
.cc .w80 {
  width: 80%;
}
.cc .w90 {
  width: 90%;
}
.cc .w100 {
  width: 100%;
}
.cc .w1-4 {
  width: 25%;
}
.cc .w1-3 {
  width: 33.3333%;
}
.cc .w2-3 {
  width: 66.6666%;
}
.cc .w3-4 {
  width: 75%;
}
.cc .d-block {
  display: block !important;
}
.cc .d-inline {
  display: inline !important;
}
.cc .d-inline-block {
  display: block !important;
}
.cc .d-flex {
  display: flex !important;
}
@media only screen and (max-width: 400px) {
  .d-down-xs-none {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .d-down-sm-none {
    display: none !important;
  }
}
@media only screen and (max-width: 970px) {
  .d-down-md-none {
    display: none !important;
  }
}
@media only screen and (max-width: 1280px) {
  .d-down-lg-none {
    display: none !important;
  }
}
@media only screen and (min-width: 1280px) {
  .d-up-lg-none {
    display: none !important;
  }
}
@media only screen and (min-width: 970px) {
  .d-up-md-none {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .d-up-sm-none {
    display: none !important;
  }
}
@media only screen and (min-width: 400px) {
  .d-up-xs-none {
    display: none !important;
  }
}
.cc .h-auto {
  height: auto !important;
}
.cc .h-100 {
  height: 100% !important;
}
@media only screen and (max-width: 970px) {
  .cc .grid.RWD-M {
    flex-direction: column;
  }
  .cc .grid.RWD-M.vertical-center {
    align-items: stretch;
  }
  .cc .grid.RWD-M *[class*='grid'] {
    width: auto;
  }
}
.col- {
  flex-direction: column;
}
.row- {
  flex-direction: row;
}
.cc .grid-1-1 {
  flex: 0 1 auto;
  width: 100%;
}
.cc .grid-1-2 {
  flex: 0 1 auto;
  width: 50%;
}
.cc .grid-2-2 {
  flex: 0 1 auto;
  width: 100%;
}
.cc .grid-1-3 {
  flex: 0 1 auto;
  width: 33%;
}
.cc .grid-2-3 {
  flex: 0 1 auto;
  width: 66%;
}
.cc .grid-3-3 {
  flex: 0 1 auto;
  width: 100%;
}
.cc .grid-1-4 {
  flex: 0 1 auto;
  width: 25%;
}
.cc .grid-2-4 {
  flex: 0 1 auto;
  width: 50%;
}
.cc .grid-3-4 {
  flex: 0 1 auto;
  width: 75%;
}
.cc .grid-4-4 {
  flex: 0 1 auto;
  width: 100%;
}
.cc .grid-1-5 {
  flex: 0 1 auto;
  width: 20%;
}
.cc .grid-2-5 {
  flex: 0 1 auto;
  width: 40%;
}
.cc .grid-3-5 {
  flex: 0 1 auto;
  width: 60%;
}
.cc .grid-4-5 {
  flex: 0 1 auto;
  width: 80%;
}
.cc .grid-5-5 {
  flex: 0 1 auto;
  width: 100%;
}
.cc .grid-1-6 {
  flex: 0 1 auto;
  width: 16%;
}
.cc .grid-2-6 {
  flex: 0 1 auto;
  width: 33%;
}
.cc .grid-3-6 {
  flex: 0 1 auto;
  width: 50%;
}
.cc .grid-4-6 {
  flex: 0 1 auto;
  width: 66%;
}
.cc .grid-5-6 {
  flex: 0 1 auto;
  width: 83%;
}
.cc .grid-6-6 {
  flex: 0 1 auto;
  width: 100%;
}
.cc .grid-1-10 {
  flex: 0 1 auto;
  width: 10%;
}
.cc .grid-2-10 {
  flex: 0 1 auto;
  width: 20%;
}
.cc .grid-3-10 {
  flex: 0 1 auto;
  width: 30%;
}
.cc .grid-4-10 {
  flex: 0 1 auto;
  width: 40%;
}
.cc .grid-5-10 {
  flex: 0 1 auto;
  width: 50%;
}
.cc .grid-6-10 {
  flex: 0 1 auto;
  width: 60%;
}
.cc .grid-7-10 {
  flex: 0 1 auto;
  width: 70%;
}
.cc .grid-8-10 {
  flex: 0 1 auto;
  width: 80%;
}
.cc .grid-9-10 {
  flex: 0 1 auto;
  width: 90%;
}
.cc .grid-10-10 {
  flex: 0 1 auto;
  width: 100%;
}
.cc .grid-1-12 {
  flex: 0 1 auto;
  width: 8%;
}
.cc .grid-2-12 {
  flex: 0 1 auto;
  width: 16%;
}
.cc .grid-3-12 {
  flex: 0 1 auto;
  width: 25%;
}
.cc .grid-4-12 {
  flex: 0 1 auto;
  width: 33%;
}
.cc .grid-5-12 {
  flex: 0 1 auto;
  width: 41%;
}
.cc .grid-6-12 {
  flex: 0 1 auto;
  width: 50%;
}
.cc .grid-7-12 {
  flex: 0 1 auto;
  width: 58%;
}
.cc .grid-8-12 {
  flex: 0 1 auto;
  width: 66%;
}
.cc .grid-9-12 {
  flex: 0 1 auto;
  width: 75%;
}
.cc .grid-10-12 {
  flex: 0 1 auto;
  width: 83%;
}
.cc .grid-11-12 {
  flex: 0 1 auto;
  width: 91%;
}
.cc .grid-12-12 {
  flex: 0 1 auto;
  width: 100%;
}
.cc .minw-10 {
  min-width: 10% !important;
}
.cc .minw-20 {
  min-width: 20% !important;
}
.cc .minw-30 {
  min-width: 30% !important;
}
.cc .minw-40 {
  min-width: 40% !important;
}
.cc .minw-50 {
  min-width: 50% !important;
}
.cc .minw-60 {
  min-width: 60% !important;
}
.cc .minw-70 {
  min-width: 70% !important;
}
.cc .minw-80 {
  min-width: 80% !important;
}
.cc .minw-90 {
  min-width: 90% !important;
}
.cc .minw-100 {
  min-width: 100% !important;
}
.cc .minw-px-100 {
  min-width: 100px !important;
}
.cc .minw-px-200 {
  min-width: 200px !important;
}
.cc .minw-px-300 {
  min-width: 300px !important;
}
.cc .minw-px-400 {
  min-width: 400px !important;
}
.cc .minw-px-500 {
  min-width: 500px !important;
}
.cc .minw-px-600 {
  min-width: 600px !important;
}
.cc .minw-px-700 {
  min-width: 700px !important;
}
.cc .maxw-10 {
  max-width: 10% !important;
}
.cc .maxw-20 {
  max-width: 20% !important;
}
.cc .maxw-30 {
  max-width: 30% !important;
}
.cc .maxw-40 {
  max-width: 40% !important;
}
.cc .maxw-50 {
  max-width: 50% !important;
}
.cc .maxw-60 {
  max-width: 60% !important;
}
.cc .maxw-70 {
  max-width: 70% !important;
}
.cc .maxw-80 {
  max-width: 80% !important;
}
.cc .maxw-90 {
  max-width: 90% !important;
}
.cc .maxw-100 {
  max-width: 100% !important;
}
.cc .maxw-px-100 {
  max-width: 100px !important;
}
.cc .maxw-px-200 {
  max-width: 200px !important;
}
.cc .maxw-px-300 {
  max-width: 300px !important;
}
.cc .maxw-px-400 {
  max-width: 400px !important;
}
.cc .maxw-px-500 {
  max-width: 500px !important;
}
.cc .maxw-px-600 {
  max-width: 600px !important;
}
.cc .maxw-px-700 {
  max-width: 700px !important;
}
.cc .pt-auto {
  /*px*/ padding-top: auto !important;
  /*rem*/ padding-top: auto !important;
}
.cc .pt-0 {
  /*px*/ padding-top: 0 !important;
  /*rem*/ padding-top: 0 !important;
}
.cc .pt-1 {
  /*px*/ padding-top: 8px !important;
  /*rem*/ padding-top: 0.5rem !important;
}
.cc .pt-2 {
  /*px*/ padding-top: 16px !important;
  /*rem*/ padding-top: 1rem !important;
}
.cc .pt-3 {
  /*px*/ padding-top: 24px !important;
  /*rem*/ padding-top: 1.5rem !important;
}
.cc .pt-4 {
  /*px*/ padding-top: 32px !important;
  /*rem*/ padding-top: 2rem !important;
}
.cc .pt-5 {
  /*px*/ padding-top: 40px !important;
  /*rem*/ padding-top: 2.5rem !important;
}
.cc .pr-auto {
  /*px*/ padding-right: auto !important;
  /*rem*/ padding-right: auto !important;
}
.cc .pr-0 {
  /*px*/ padding-right: 0 !important;
  /*rem*/ padding-right: 0 !important;
}
.cc .pr-1 {
  /*px*/ padding-right: 8px !important;
  /*rem*/ padding-right: 0.5rem !important;
}
.cc .pr-2 {
  /*px*/ padding-right: 16px !important;
  /*rem*/ padding-right: 1rem !important;
}
.cc .pr-3 {
  /*px*/ padding-right: 24px !important;
  /*rem*/ padding-right: 1.5rem !important;
}
.cc .pr-4 {
  /*px*/ padding-right: 32px !important;
  /*rem*/ padding-right: 2rem !important;
}
.cc .pr-5 {
  /*px*/ padding-right: 40px !important;
  /*rem*/ padding-right: 2.5rem !important;
}
.cc .pb-auto {
  /*px*/ padding-bottom: auto !important;
  /*rem*/ padding-bottom: auto !important;
}
.cc .pb-0 {
  /*px*/ padding-bottom: 0 !important;
  /*rem*/ padding-bottom: 0 !important;
}
.cc .pb-1 {
  /*px*/ padding-bottom: 8px !important;
  /*rem*/ padding-bottom: 0.5rem !important;
}
.cc .pb-2 {
  /*px*/ padding-bottom: 16px !important;
  /*rem*/ padding-bottom: 1rem !important;
}
.cc .pb-3 {
  /*px*/ padding-bottom: 24px !important;
  /*rem*/ padding-bottom: 1.5rem !important;
}
.cc .pb-4 {
  /*px*/ padding-bottom: 32px !important;
  /*rem*/ padding-bottom: 2rem !important;
}
.cc .pb-5 {
  /*px*/ padding-bottom: 40px !important;
  /*rem*/ padding-bottom: 2.5rem !important;
}
.cc .pl-auto {
  /*px*/ padding-left: auto !important;
  /*rem*/ padding-left: auto !important;
}
.cc .pl-0 {
  /*px*/ padding-left: 0 !important;
  /*rem*/ padding-left: 0 !important;
}
.cc .pl-1 {
  /*px*/ padding-left: 8px !important;
  /*rem*/ padding-left: 0.5rem !important;
}
.cc .pl-2 {
  /*px*/ padding-left: 16px !important;
  /*rem*/ padding-left: 1rem !important;
}
.cc .pl-3 {
  /*px*/ padding-left: 24px !important;
  /*rem*/ padding-left: 1.5rem !important;
}
.cc .pl-4 {
  /*px*/ padding-left: 32px !important;
  /*rem*/ padding-left: 2rem !important;
}
.cc .pl-5 {
  /*px*/ padding-left: 40px !important;
  /*rem*/ padding-left: 2.5rem !important;
}
.cc .px-auto {
  /*px*/ padding: 0 auto !important;
  /*rem*/ padding: 0 auto !important;
}
.cc .px-0 {
  /*px*/ padding: 0 0 !important;
  /*rem*/ padding: 0 0 !important;
}
.cc .px-1 {
  /*px*/ padding: 0 8px !important;
  /*rem*/ padding: 0 0.5rem !important;
}
.cc .px-2 {
  /*px*/ padding: 0 16px !important;
  /*rem*/ padding: 0 1rem !important;
}
.cc .px-3 {
  /*px*/ padding: 0 24px !important;
  /*rem*/ padding: 0 1.5rem !important;
}
.cc .px-4 {
  /*px*/ padding: 0 32px !important;
  /*rem*/ padding: 0 2rem !important;
}
.cc .px-5 {
  /*px*/ padding: 0 40px !important;
  /*rem*/ padding: 0 2.5rem !important;
}
.cc .py-auto {
  /*px*/ padding: auto 0 !important;
  /*rem*/ padding: auto 0 !important;
}
.cc .py-0 {
  /*px*/ padding: 0 0 !important;
  /*rem*/ padding: 0 0 !important;
}
.cc .py-1 {
  /*px*/ padding: 8px 0 !important;
  /*rem*/ padding: 0.5rem 0 !important;
}
.cc .py-2 {
  /*px*/ padding: 16px 0 !important;
  /*rem*/ padding: 1rem 0 !important;
}
.cc .py-3 {
  /*px*/ padding: 24px 0 !important;
  /*rem*/ padding: 1.5rem 0 !important;
}
.cc .py-4 {
  /*px*/ padding: 32px 0 !important;
  /*rem*/ padding: 2rem 0 !important;
}
.cc .py-5 {
  /*px*/ padding: 40px 0 !important;
  /*rem*/ padding: 2.5rem 0 !important;
}
.cc .p-auto {
  /*px*/ padding: auto !important;
  /*rem*/ padding: auto !important;
}
.cc .p-0 {
  /*px*/ padding: 0 !important;
  /*rem*/ padding: 0 !important;
}
.cc .p-1 {
  /*px*/ padding: 8px !important;
  /*rem*/ padding: 0.5rem !important;
}
.cc .p-2 {
  /*px*/ padding: 16px !important;
  /*rem*/ padding: 1rem !important;
}
.cc .p-3 {
  /*px*/ padding: 24px !important;
  /*rem*/ padding: 1.5rem !important;
}
.cc .p-4 {
  /*px*/ padding: 32px !important;
  /*rem*/ padding: 2rem !important;
}
.cc .p-5 {
  /*px*/ padding: 40px !important;
  /*rem*/ padding: 2.5rem !important;
}
.cc .mx-auto {
  /*px*/ margin: auto 0 !important;
  /*rem*/ margin: auto 0 !important;
}
.cc .mx-0 {
  /*px*/ margin: 0 0 !important;
  /*rem*/ margin: 0 0 !important;
}
.cc .mx-1 {
  /*px*/ margin: 8px 0 !important;
  /*rem*/ margin: 0.5rem 0 !important;
}
.cc .mx-2 {
  /*px*/ margin: 16px 0 !important;
  /*rem*/ margin: 1rem 0 !important;
}
.cc .mx-3 {
  /*px*/ margin: 24px 0 !important;
  /*rem*/ margin: 1.5rem 0 !important;
}
.cc .mx-4 {
  /*px*/ margin: 32px 0 !important;
  /*rem*/ margin: 2rem 0 !important;
}
.cc .mx-5 {
  /*px*/ margin: 40px 0 !important;
  /*rem*/ margin: 2.5rem 0 !important;
}
.cc .my-auto {
  /*px*/ margin: 0 auto !important;
  /*rem*/ margin: 0 auto !important;
}
.cc .my-0 {
  /*px*/ margin: 0 0 !important;
  /*rem*/ margin: 0 0 !important;
}
.cc .my-1 {
  /*px*/ margin: 0 8px !important;
  /*rem*/ margin: 0 0.5rem !important;
}
.cc .my-2 {
  /*px*/ margin: 0 16px !important;
  /*rem*/ margin: 0 1rem !important;
}
.cc .my-3 {
  /*px*/ margin: 0 24px !important;
  /*rem*/ margin: 0 1.5rem !important;
}
.cc .my-4 {
  /*px*/ margin: 0 32px !important;
  /*rem*/ margin: 0 2rem !important;
}
.cc .my-5 {
  /*px*/ margin: 0 40px !important;
  /*rem*/ margin: 0 2.5rem !important;
}
.cc .m-auto {
  /*px*/ margin: auto !important;
  /*rem*/ margin: auto !important;
}
.cc .m-0 {
  /*px*/ margin: 0 !important;
  /*rem*/ margin: 0 !important;
}
.cc .m-1 {
  /*px*/ margin: 8px !important;
  /*rem*/ margin: 0.5rem !important;
}
.cc .m-2 {
  /*px*/ margin: 16px !important;
  /*rem*/ margin: 1rem !important;
}
.cc .m-3 {
  /*px*/ margin: 24px !important;
  /*rem*/ margin: 1.5rem !important;
}
.cc .m-4 {
  /*px*/ margin: 32px !important;
  /*rem*/ margin: 2rem !important;
}
.cc .m-5 {
  /*px*/ margin: 40px !important;
  /*rem*/ margin: 2.5rem !important;
}
.cc .w-10 {
  width: 10% !important;
}
.cc .w-20 {
  width: 20% !important;
}
.cc .w-30 {
  width: 30% !important;
}
.cc .w-40 {
  width: 40% !important;
}
.cc .w-50 {
  width: 50% !important;
}
.cc .w-60 {
  width: 60% !important;
}
.cc .w-70 {
  width: 70% !important;
}
.cc .w-80 {
  width: 80% !important;
}
.cc .w-90 {
  width: 90% !important;
}
.cc .w-100 {
  width: 100% !important;
}
.cc .w-1-1 {
  width: 100%;
}
.cc .w-1-2 {
  width: 50%;
}
.cc .w-1-3 {
  width: 33%;
}
.cc .w-1-4 {
  width: 25%;
}
.cc .w-2-3 {
  width: 66.66666%;
}
.cc .w-3-4 {
  width: 75%;
}
@media screen and (max-width: 400px) {
  .cc .grid-xs-1-1 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-xs-1-2 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-xs-2-2 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-xs-1-3 {
    flex: 0 1 auto;
    width: 33%;
  }
  .cc .grid-xs-2-3 {
    flex: 0 1 auto;
    width: 66%;
  }
  .cc .grid-xs-3-3 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-xs-1-4 {
    flex: 0 1 auto;
    width: 25%;
  }
  .cc .grid-xs-2-4 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-xs-3-4 {
    flex: 0 1 auto;
    width: 75%;
  }
  .cc .grid-xs-4-4 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-xs-1-5 {
    flex: 0 1 auto;
    width: 20%;
  }
  .cc .grid-xs-2-5 {
    flex: 0 1 auto;
    width: 40%;
  }
  .cc .grid-xs-3-5 {
    flex: 0 1 auto;
    width: 60%;
  }
  .cc .grid-xs-4-5 {
    flex: 0 1 auto;
    width: 80%;
  }
  .cc .grid-xs-5-5 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-xs-1-6 {
    flex: 0 1 auto;
    width: 16%;
  }
  .cc .grid-xs-2-6 {
    flex: 0 1 auto;
    width: 33%;
  }
  .cc .grid-xs-3-6 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-xs-4-6 {
    flex: 0 1 auto;
    width: 66%;
  }
  .cc .grid-xs-5-6 {
    flex: 0 1 auto;
    width: 83%;
  }
  .cc .grid-xs-6-6 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-xs-1-10 {
    flex: 0 1 auto;
    width: 10%;
  }
  .cc .grid-xs-2-10 {
    flex: 0 1 auto;
    width: 20%;
  }
  .cc .grid-xs-3-10 {
    flex: 0 1 auto;
    width: 30%;
  }
  .cc .grid-xs-4-10 {
    flex: 0 1 auto;
    width: 40%;
  }
  .cc .grid-xs-5-10 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-xs-6-10 {
    flex: 0 1 auto;
    width: 60%;
  }
  .cc .grid-xs-7-10 {
    flex: 0 1 auto;
    width: 70%;
  }
  .cc .grid-xs-8-10 {
    flex: 0 1 auto;
    width: 80%;
  }
  .cc .grid-xs-9-10 {
    flex: 0 1 auto;
    width: 90%;
  }
  .cc .grid-xs-10-10 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-xs-1-12 {
    flex: 0 1 auto;
    width: 8%;
  }
  .cc .grid-xs-2-12 {
    flex: 0 1 auto;
    width: 16%;
  }
  .cc .grid-xs-3-12 {
    flex: 0 1 auto;
    width: 25%;
  }
  .cc .grid-xs-4-12 {
    flex: 0 1 auto;
    width: 33%;
  }
  .cc .grid-xs-5-12 {
    flex: 0 1 auto;
    width: 41%;
  }
  .cc .grid-xs-6-12 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-xs-7-12 {
    flex: 0 1 auto;
    width: 58%;
  }
  .cc .grid-xs-8-12 {
    flex: 0 1 auto;
    width: 66%;
  }
  .cc .grid-xs-9-12 {
    flex: 0 1 auto;
    width: 75%;
  }
  .cc .grid-xs-10-12 {
    flex: 0 1 auto;
    width: 83%;
  }
  .cc .grid-xs-11-12 {
    flex: 0 1 auto;
    width: 91%;
  }
  .cc .grid-xs-12-12 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .pt-xs-auto {
    /*px*/ padding-top: auto !important;
    /*rem*/ padding-top: auto !important;
  }
  .cc .pt-xs-0 {
    /*px*/ padding-top: 0 !important;
    /*rem*/ padding-top: 0 !important;
  }
  .cc .pt-xs-1 {
    /*px*/ padding-top: 8px !important;
    /*rem*/ padding-top: 0.5rem !important;
  }
  .cc .pt-xs-2 {
    /*px*/ padding-top: 16px !important;
    /*rem*/ padding-top: 1rem !important;
  }
  .cc .pt-xs-3 {
    /*px*/ padding-top: 24px !important;
    /*rem*/ padding-top: 1.5rem !important;
  }
  .cc .pt-xs-4 {
    /*px*/ padding-top: 32px !important;
    /*rem*/ padding-top: 2rem !important;
  }
  .cc .pt-xs-5 {
    /*px*/ padding-top: 40px !important;
    /*rem*/ padding-top: 2.5rem !important;
  }
  .cc .pr-xs-auto {
    /*px*/ padding-right: auto !important;
    /*rem*/ padding-right: auto !important;
  }
  .cc .pr-xs-0 {
    /*px*/ padding-right: 0 !important;
    /*rem*/ padding-right: 0 !important;
  }
  .cc .pr-xs-1 {
    /*px*/ padding-right: 8px !important;
    /*rem*/ padding-right: 0.5rem !important;
  }
  .cc .pr-xs-2 {
    /*px*/ padding-right: 16px !important;
    /*rem*/ padding-right: 1rem !important;
  }
  .cc .pr-xs-3 {
    /*px*/ padding-right: 24px !important;
    /*rem*/ padding-right: 1.5rem !important;
  }
  .cc .pr-xs-4 {
    /*px*/ padding-right: 32px !important;
    /*rem*/ padding-right: 2rem !important;
  }
  .cc .pr-xs-5 {
    /*px*/ padding-right: 40px !important;
    /*rem*/ padding-right: 2.5rem !important;
  }
  .cc .pb-xs-auto {
    /*px*/ padding-bottom: auto !important;
    /*rem*/ padding-bottom: auto !important;
  }
  .cc .pb-xs-0 {
    /*px*/ padding-bottom: 0 !important;
    /*rem*/ padding-bottom: 0 !important;
  }
  .cc .pb-xs-1 {
    /*px*/ padding-bottom: 8px !important;
    /*rem*/ padding-bottom: 0.5rem !important;
  }
  .cc .pb-xs-2 {
    /*px*/ padding-bottom: 16px !important;
    /*rem*/ padding-bottom: 1rem !important;
  }
  .cc .pb-xs-3 {
    /*px*/ padding-bottom: 24px !important;
    /*rem*/ padding-bottom: 1.5rem !important;
  }
  .cc .pb-xs-4 {
    /*px*/ padding-bottom: 32px !important;
    /*rem*/ padding-bottom: 2rem !important;
  }
  .cc .pb-xs-5 {
    /*px*/ padding-bottom: 40px !important;
    /*rem*/ padding-bottom: 2.5rem !important;
  }
  .cc .pl-xs-auto {
    /*px*/ padding-left: auto !important;
    /*rem*/ padding-left: auto !important;
  }
  .cc .pl-xs-0 {
    /*px*/ padding-left: 0 !important;
    /*rem*/ padding-left: 0 !important;
  }
  .cc .pl-xs-1 {
    /*px*/ padding-left: 8px !important;
    /*rem*/ padding-left: 0.5rem !important;
  }
  .cc .pl-xs-2 {
    /*px*/ padding-left: 16px !important;
    /*rem*/ padding-left: 1rem !important;
  }
  .cc .pl-xs-3 {
    /*px*/ padding-left: 24px !important;
    /*rem*/ padding-left: 1.5rem !important;
  }
  .cc .pl-xs-4 {
    /*px*/ padding-left: 32px !important;
    /*rem*/ padding-left: 2rem !important;
  }
  .cc .pl-xs-5 {
    /*px*/ padding-left: 40px !important;
    /*rem*/ padding-left: 2.5rem !important;
  }
  .cc .px-xs-auto {
    /*px*/ padding: 0 auto !important;
    /*rem*/ padding: 0 auto !important;
  }
  .cc .px-xs-0 {
    /*px*/ padding: 0 0 !important;
    /*rem*/ padding: 0 0 !important;
  }
  .cc .px-xs-1 {
    /*px*/ padding: 0 8px !important;
    /*rem*/ padding: 0 0.5rem !important;
  }
  .cc .px-xs-2 {
    /*px*/ padding: 0 16px !important;
    /*rem*/ padding: 0 1rem !important;
  }
  .cc .px-xs-3 {
    /*px*/ padding: 0 24px !important;
    /*rem*/ padding: 0 1.5rem !important;
  }
  .cc .px-xs-4 {
    /*px*/ padding: 0 32px !important;
    /*rem*/ padding: 0 2rem !important;
  }
  .cc .px-xs-5 {
    /*px*/ padding: 0 40px !important;
    /*rem*/ padding: 0 2.5rem !important;
  }
  .cc .py-xs-auto {
    /*px*/ padding: auto 0 !important;
    /*rem*/ padding: auto 0 !important;
  }
  .cc .py-xs-0 {
    /*px*/ padding: 0 0 !important;
    /*rem*/ padding: 0 0 !important;
  }
  .cc .py-xs-1 {
    /*px*/ padding: 8px 0 !important;
    /*rem*/ padding: 0.5rem 0 !important;
  }
  .cc .py-xs-2 {
    /*px*/ padding: 16px 0 !important;
    /*rem*/ padding: 1rem 0 !important;
  }
  .cc .py-xs-3 {
    /*px*/ padding: 24px 0 !important;
    /*rem*/ padding: 1.5rem 0 !important;
  }
  .cc .py-xs-4 {
    /*px*/ padding: 32px 0 !important;
    /*rem*/ padding: 2rem 0 !important;
  }
  .cc .py-xs-5 {
    /*px*/ padding: 40px 0 !important;
    /*rem*/ padding: 2.5rem 0 !important;
  }
  .cc .p-xs-auto {
    /*px*/ padding: auto !important;
    /*rem*/ padding: auto !important;
  }
  .cc .p-xs-0 {
    /*px*/ padding: 0 !important;
    /*rem*/ padding: 0 !important;
  }
  .cc .p-xs-1 {
    /*px*/ padding: 8px !important;
    /*rem*/ padding: 0.5rem !important;
  }
  .cc .p-xs-2 {
    /*px*/ padding: 16px !important;
    /*rem*/ padding: 1rem !important;
  }
  .cc .p-xs-3 {
    /*px*/ padding: 24px !important;
    /*rem*/ padding: 1.5rem !important;
  }
  .cc .p-xs-4 {
    /*px*/ padding: 32px !important;
    /*rem*/ padding: 2rem !important;
  }
  .cc .p-xs-5 {
    /*px*/ padding: 40px !important;
    /*rem*/ padding: 2.5rem !important;
  }
  .cc .mx-xs-auto {
    /*px*/ margin: auto 0 !important;
    /*rem*/ margin: auto 0 !important;
  }
  .cc .mx-xs-0 {
    /*px*/ margin: 0 0 !important;
    /*rem*/ margin: 0 0 !important;
  }
  .cc .mx-xs-1 {
    /*px*/ margin: 8px 0 !important;
    /*rem*/ margin: 0.5rem 0 !important;
  }
  .cc .mx-xs-2 {
    /*px*/ margin: 16px 0 !important;
    /*rem*/ margin: 1rem 0 !important;
  }
  .cc .mx-xs-3 {
    /*px*/ margin: 24px 0 !important;
    /*rem*/ margin: 1.5rem 0 !important;
  }
  .cc .mx-xs-4 {
    /*px*/ margin: 32px 0 !important;
    /*rem*/ margin: 2rem 0 !important;
  }
  .cc .mx-xs-5 {
    /*px*/ margin: 40px 0 !important;
    /*rem*/ margin: 2.5rem 0 !important;
  }
  .cc .my-xs-auto {
    /*px*/ margin: 0 auto !important;
    /*rem*/ margin: 0 auto !important;
  }
  .cc .my-xs-0 {
    /*px*/ margin: 0 0 !important;
    /*rem*/ margin: 0 0 !important;
  }
  .cc .my-xs-1 {
    /*px*/ margin: 0 8px !important;
    /*rem*/ margin: 0 0.5rem !important;
  }
  .cc .my-xs-2 {
    /*px*/ margin: 0 16px !important;
    /*rem*/ margin: 0 1rem !important;
  }
  .cc .my-xs-3 {
    /*px*/ margin: 0 24px !important;
    /*rem*/ margin: 0 1.5rem !important;
  }
  .cc .my-xs-4 {
    /*px*/ margin: 0 32px !important;
    /*rem*/ margin: 0 2rem !important;
  }
  .cc .my-xs-5 {
    /*px*/ margin: 0 40px !important;
    /*rem*/ margin: 0 2.5rem !important;
  }
  .cc .m-xs-auto {
    /*px*/ margin: auto !important;
    /*rem*/ margin: auto !important;
  }
  .cc .m-xs-0 {
    /*px*/ margin: 0 !important;
    /*rem*/ margin: 0 !important;
  }
  .cc .m-xs-1 {
    /*px*/ margin: 8px !important;
    /*rem*/ margin: 0.5rem !important;
  }
  .cc .m-xs-2 {
    /*px*/ margin: 16px !important;
    /*rem*/ margin: 1rem !important;
  }
  .cc .m-xs-3 {
    /*px*/ margin: 24px !important;
    /*rem*/ margin: 1.5rem !important;
  }
  .cc .m-xs-4 {
    /*px*/ margin: 32px !important;
    /*rem*/ margin: 2rem !important;
  }
  .cc .m-xs-5 {
    /*px*/ margin: 40px !important;
    /*rem*/ margin: 2.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .cc .grid-sm-1-1 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-sm-1-2 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-sm-2-2 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-sm-1-3 {
    flex: 0 1 auto;
    width: 33%;
  }
  .cc .grid-sm-2-3 {
    flex: 0 1 auto;
    width: 66%;
  }
  .cc .grid-sm-3-3 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-sm-1-4 {
    flex: 0 1 auto;
    width: 25%;
  }
  .cc .grid-sm-2-4 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-sm-3-4 {
    flex: 0 1 auto;
    width: 75%;
  }
  .cc .grid-sm-4-4 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-sm-1-5 {
    flex: 0 1 auto;
    width: 20%;
  }
  .cc .grid-sm-2-5 {
    flex: 0 1 auto;
    width: 40%;
  }
  .cc .grid-sm-3-5 {
    flex: 0 1 auto;
    width: 60%;
  }
  .cc .grid-sm-4-5 {
    flex: 0 1 auto;
    width: 80%;
  }
  .cc .grid-sm-5-5 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-sm-1-6 {
    flex: 0 1 auto;
    width: 16%;
  }
  .cc .grid-sm-2-6 {
    flex: 0 1 auto;
    width: 33%;
  }
  .cc .grid-sm-3-6 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-sm-4-6 {
    flex: 0 1 auto;
    width: 66%;
  }
  .cc .grid-sm-5-6 {
    flex: 0 1 auto;
    width: 83%;
  }
  .cc .grid-sm-6-6 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-sm-1-10 {
    flex: 0 1 auto;
    width: 10%;
  }
  .cc .grid-sm-2-10 {
    flex: 0 1 auto;
    width: 20%;
  }
  .cc .grid-sm-3-10 {
    flex: 0 1 auto;
    width: 30%;
  }
  .cc .grid-sm-4-10 {
    flex: 0 1 auto;
    width: 40%;
  }
  .cc .grid-sm-5-10 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-sm-6-10 {
    flex: 0 1 auto;
    width: 60%;
  }
  .cc .grid-sm-7-10 {
    flex: 0 1 auto;
    width: 70%;
  }
  .cc .grid-sm-8-10 {
    flex: 0 1 auto;
    width: 80%;
  }
  .cc .grid-sm-9-10 {
    flex: 0 1 auto;
    width: 90%;
  }
  .cc .grid-sm-10-10 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-sm-1-12 {
    flex: 0 1 auto;
    width: 8%;
  }
  .cc .grid-sm-2-12 {
    flex: 0 1 auto;
    width: 16%;
  }
  .cc .grid-sm-3-12 {
    flex: 0 1 auto;
    width: 25%;
  }
  .cc .grid-sm-4-12 {
    flex: 0 1 auto;
    width: 33%;
  }
  .cc .grid-sm-5-12 {
    flex: 0 1 auto;
    width: 41%;
  }
  .cc .grid-sm-6-12 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-sm-7-12 {
    flex: 0 1 auto;
    width: 58%;
  }
  .cc .grid-sm-8-12 {
    flex: 0 1 auto;
    width: 66%;
  }
  .cc .grid-sm-9-12 {
    flex: 0 1 auto;
    width: 75%;
  }
  .cc .grid-sm-10-12 {
    flex: 0 1 auto;
    width: 83%;
  }
  .cc .grid-sm-11-12 {
    flex: 0 1 auto;
    width: 91%;
  }
  .cc .grid-sm-12-12 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .pt-sm-auto {
    /*px*/ padding-top: auto !important;
    /*rem*/ padding-top: auto !important;
  }
  .cc .pt-sm-0 {
    /*px*/ padding-top: 0 !important;
    /*rem*/ padding-top: 0 !important;
  }
  .cc .pt-sm-1 {
    /*px*/ padding-top: 8px !important;
    /*rem*/ padding-top: 0.5rem !important;
  }
  .cc .pt-sm-2 {
    /*px*/ padding-top: 16px !important;
    /*rem*/ padding-top: 1rem !important;
  }
  .cc .pt-sm-3 {
    /*px*/ padding-top: 24px !important;
    /*rem*/ padding-top: 1.5rem !important;
  }
  .cc .pt-sm-4 {
    /*px*/ padding-top: 32px !important;
    /*rem*/ padding-top: 2rem !important;
  }
  .cc .pt-sm-5 {
    /*px*/ padding-top: 40px !important;
    /*rem*/ padding-top: 2.5rem !important;
  }
  .cc .pr-sm-auto {
    /*px*/ padding-right: auto !important;
    /*rem*/ padding-right: auto !important;
  }
  .cc .pr-sm-0 {
    /*px*/ padding-right: 0 !important;
    /*rem*/ padding-right: 0 !important;
  }
  .cc .pr-sm-1 {
    /*px*/ padding-right: 8px !important;
    /*rem*/ padding-right: 0.5rem !important;
  }
  .cc .pr-sm-2 {
    /*px*/ padding-right: 16px !important;
    /*rem*/ padding-right: 1rem !important;
  }
  .cc .pr-sm-3 {
    /*px*/ padding-right: 24px !important;
    /*rem*/ padding-right: 1.5rem !important;
  }
  .cc .pr-sm-4 {
    /*px*/ padding-right: 32px !important;
    /*rem*/ padding-right: 2rem !important;
  }
  .cc .pr-sm-5 {
    /*px*/ padding-right: 40px !important;
    /*rem*/ padding-right: 2.5rem !important;
  }
  .cc .pb-sm-auto {
    /*px*/ padding-bottom: auto !important;
    /*rem*/ padding-bottom: auto !important;
  }
  .cc .pb-sm-0 {
    /*px*/ padding-bottom: 0 !important;
    /*rem*/ padding-bottom: 0 !important;
  }
  .cc .pb-sm-1 {
    /*px*/ padding-bottom: 8px !important;
    /*rem*/ padding-bottom: 0.5rem !important;
  }
  .cc .pb-sm-2 {
    /*px*/ padding-bottom: 16px !important;
    /*rem*/ padding-bottom: 1rem !important;
  }
  .cc .pb-sm-3 {
    /*px*/ padding-bottom: 24px !important;
    /*rem*/ padding-bottom: 1.5rem !important;
  }
  .cc .pb-sm-4 {
    /*px*/ padding-bottom: 32px !important;
    /*rem*/ padding-bottom: 2rem !important;
  }
  .cc .pb-sm-5 {
    /*px*/ padding-bottom: 40px !important;
    /*rem*/ padding-bottom: 2.5rem !important;
  }
  .cc .pl-sm-auto {
    /*px*/ padding-left: auto !important;
    /*rem*/ padding-left: auto !important;
  }
  .cc .pl-sm-0 {
    /*px*/ padding-left: 0 !important;
    /*rem*/ padding-left: 0 !important;
  }
  .cc .pl-sm-1 {
    /*px*/ padding-left: 8px !important;
    /*rem*/ padding-left: 0.5rem !important;
  }
  .cc .pl-sm-2 {
    /*px*/ padding-left: 16px !important;
    /*rem*/ padding-left: 1rem !important;
  }
  .cc .pl-sm-3 {
    /*px*/ padding-left: 24px !important;
    /*rem*/ padding-left: 1.5rem !important;
  }
  .cc .pl-sm-4 {
    /*px*/ padding-left: 32px !important;
    /*rem*/ padding-left: 2rem !important;
  }
  .cc .pl-sm-5 {
    /*px*/ padding-left: 40px !important;
    /*rem*/ padding-left: 2.5rem !important;
  }
  .cc .px-sm-auto {
    /*px*/ padding: 0 auto !important;
    /*rem*/ padding: 0 auto !important;
  }
  .cc .px-sm-0 {
    /*px*/ padding: 0 0 !important;
    /*rem*/ padding: 0 0 !important;
  }
  .cc .px-sm-1 {
    /*px*/ padding: 0 8px !important;
    /*rem*/ padding: 0 0.5rem !important;
  }
  .cc .px-sm-2 {
    /*px*/ padding: 0 16px !important;
    /*rem*/ padding: 0 1rem !important;
  }
  .cc .px-sm-3 {
    /*px*/ padding: 0 24px !important;
    /*rem*/ padding: 0 1.5rem !important;
  }
  .cc .px-sm-4 {
    /*px*/ padding: 0 32px !important;
    /*rem*/ padding: 0 2rem !important;
  }
  .cc .px-sm-5 {
    /*px*/ padding: 0 40px !important;
    /*rem*/ padding: 0 2.5rem !important;
  }
  .cc .py-sm-auto {
    /*px*/ padding: auto 0 !important;
    /*rem*/ padding: auto 0 !important;
  }
  .cc .py-sm-0 {
    /*px*/ padding: 0 0 !important;
    /*rem*/ padding: 0 0 !important;
  }
  .cc .py-sm-1 {
    /*px*/ padding: 8px 0 !important;
    /*rem*/ padding: 0.5rem 0 !important;
  }
  .cc .py-sm-2 {
    /*px*/ padding: 16px 0 !important;
    /*rem*/ padding: 1rem 0 !important;
  }
  .cc .py-sm-3 {
    /*px*/ padding: 24px 0 !important;
    /*rem*/ padding: 1.5rem 0 !important;
  }
  .cc .py-sm-4 {
    /*px*/ padding: 32px 0 !important;
    /*rem*/ padding: 2rem 0 !important;
  }
  .cc .py-sm-5 {
    /*px*/ padding: 40px 0 !important;
    /*rem*/ padding: 2.5rem 0 !important;
  }
  .cc .p-sm-auto {
    /*px*/ padding: auto !important;
    /*rem*/ padding: auto !important;
  }
  .cc .p-sm-0 {
    /*px*/ padding: 0 !important;
    /*rem*/ padding: 0 !important;
  }
  .cc .p-sm-1 {
    /*px*/ padding: 8px !important;
    /*rem*/ padding: 0.5rem !important;
  }
  .cc .p-sm-2 {
    /*px*/ padding: 16px !important;
    /*rem*/ padding: 1rem !important;
  }
  .cc .p-sm-3 {
    /*px*/ padding: 24px !important;
    /*rem*/ padding: 1.5rem !important;
  }
  .cc .p-sm-4 {
    /*px*/ padding: 32px !important;
    /*rem*/ padding: 2rem !important;
  }
  .cc .p-sm-5 {
    /*px*/ padding: 40px !important;
    /*rem*/ padding: 2.5rem !important;
  }
  .cc .mx-sm-auto {
    /*px*/ margin: auto 0 !important;
    /*rem*/ margin: auto 0 !important;
  }
  .cc .mx-sm-0 {
    /*px*/ margin: 0 0 !important;
    /*rem*/ margin: 0 0 !important;
  }
  .cc .mx-sm-1 {
    /*px*/ margin: 8px 0 !important;
    /*rem*/ margin: 0.5rem 0 !important;
  }
  .cc .mx-sm-2 {
    /*px*/ margin: 16px 0 !important;
    /*rem*/ margin: 1rem 0 !important;
  }
  .cc .mx-sm-3 {
    /*px*/ margin: 24px 0 !important;
    /*rem*/ margin: 1.5rem 0 !important;
  }
  .cc .mx-sm-4 {
    /*px*/ margin: 32px 0 !important;
    /*rem*/ margin: 2rem 0 !important;
  }
  .cc .mx-sm-5 {
    /*px*/ margin: 40px 0 !important;
    /*rem*/ margin: 2.5rem 0 !important;
  }
  .cc .my-sm-auto {
    /*px*/ margin: 0 auto !important;
    /*rem*/ margin: 0 auto !important;
  }
  .cc .my-sm-0 {
    /*px*/ margin: 0 0 !important;
    /*rem*/ margin: 0 0 !important;
  }
  .cc .my-sm-1 {
    /*px*/ margin: 0 8px !important;
    /*rem*/ margin: 0 0.5rem !important;
  }
  .cc .my-sm-2 {
    /*px*/ margin: 0 16px !important;
    /*rem*/ margin: 0 1rem !important;
  }
  .cc .my-sm-3 {
    /*px*/ margin: 0 24px !important;
    /*rem*/ margin: 0 1.5rem !important;
  }
  .cc .my-sm-4 {
    /*px*/ margin: 0 32px !important;
    /*rem*/ margin: 0 2rem !important;
  }
  .cc .my-sm-5 {
    /*px*/ margin: 0 40px !important;
    /*rem*/ margin: 0 2.5rem !important;
  }
  .cc .m-sm-auto {
    /*px*/ margin: auto !important;
    /*rem*/ margin: auto !important;
  }
  .cc .m-sm-0 {
    /*px*/ margin: 0 !important;
    /*rem*/ margin: 0 !important;
  }
  .cc .m-sm-1 {
    /*px*/ margin: 8px !important;
    /*rem*/ margin: 0.5rem !important;
  }
  .cc .m-sm-2 {
    /*px*/ margin: 16px !important;
    /*rem*/ margin: 1rem !important;
  }
  .cc .m-sm-3 {
    /*px*/ margin: 24px !important;
    /*rem*/ margin: 1.5rem !important;
  }
  .cc .m-sm-4 {
    /*px*/ margin: 32px !important;
    /*rem*/ margin: 2rem !important;
  }
  .cc .m-sm-5 {
    /*px*/ margin: 40px !important;
    /*rem*/ margin: 2.5rem !important;
  }
}
@media screen and (max-width: 970px) {
  .cc .grid-md-1-1 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-md-1-2 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-md-2-2 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-md-1-3 {
    flex: 0 1 auto;
    width: 33%;
  }
  .cc .grid-md-2-3 {
    flex: 0 1 auto;
    width: 66%;
  }
  .cc .grid-md-3-3 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-md-1-4 {
    flex: 0 1 auto;
    width: 25%;
  }
  .cc .grid-md-2-4 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-md-3-4 {
    flex: 0 1 auto;
    width: 75%;
  }
  .cc .grid-md-4-4 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-md-1-5 {
    flex: 0 1 auto;
    width: 20%;
  }
  .cc .grid-md-2-5 {
    flex: 0 1 auto;
    width: 40%;
  }
  .cc .grid-md-3-5 {
    flex: 0 1 auto;
    width: 60%;
  }
  .cc .grid-md-4-5 {
    flex: 0 1 auto;
    width: 80%;
  }
  .cc .grid-md-5-5 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-md-1-6 {
    flex: 0 1 auto;
    width: 16%;
  }
  .cc .grid-md-2-6 {
    flex: 0 1 auto;
    width: 33%;
  }
  .cc .grid-md-3-6 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-md-4-6 {
    flex: 0 1 auto;
    width: 66%;
  }
  .cc .grid-md-5-6 {
    flex: 0 1 auto;
    width: 83%;
  }
  .cc .grid-md-6-6 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-md-1-10 {
    flex: 0 1 auto;
    width: 10%;
  }
  .cc .grid-md-2-10 {
    flex: 0 1 auto;
    width: 20%;
  }
  .cc .grid-md-3-10 {
    flex: 0 1 auto;
    width: 30%;
  }
  .cc .grid-md-4-10 {
    flex: 0 1 auto;
    width: 40%;
  }
  .cc .grid-md-5-10 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-md-6-10 {
    flex: 0 1 auto;
    width: 60%;
  }
  .cc .grid-md-7-10 {
    flex: 0 1 auto;
    width: 70%;
  }
  .cc .grid-md-8-10 {
    flex: 0 1 auto;
    width: 80%;
  }
  .cc .grid-md-9-10 {
    flex: 0 1 auto;
    width: 90%;
  }
  .cc .grid-md-10-10 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-md-1-12 {
    flex: 0 1 auto;
    width: 8%;
  }
  .cc .grid-md-2-12 {
    flex: 0 1 auto;
    width: 16%;
  }
  .cc .grid-md-3-12 {
    flex: 0 1 auto;
    width: 25%;
  }
  .cc .grid-md-4-12 {
    flex: 0 1 auto;
    width: 33%;
  }
  .cc .grid-md-5-12 {
    flex: 0 1 auto;
    width: 41%;
  }
  .cc .grid-md-6-12 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-md-7-12 {
    flex: 0 1 auto;
    width: 58%;
  }
  .cc .grid-md-8-12 {
    flex: 0 1 auto;
    width: 66%;
  }
  .cc .grid-md-9-12 {
    flex: 0 1 auto;
    width: 75%;
  }
  .cc .grid-md-10-12 {
    flex: 0 1 auto;
    width: 83%;
  }
  .cc .grid-md-11-12 {
    flex: 0 1 auto;
    width: 91%;
  }
  .cc .grid-md-12-12 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .pt-md-auto {
    /*px*/ padding-top: auto !important;
    /*rem*/ padding-top: auto !important;
  }
  .cc .pt-md-0 {
    /*px*/ padding-top: 0 !important;
    /*rem*/ padding-top: 0 !important;
  }
  .cc .pt-md-1 {
    /*px*/ padding-top: 8px !important;
    /*rem*/ padding-top: 0.5rem !important;
  }
  .cc .pt-md-2 {
    /*px*/ padding-top: 16px !important;
    /*rem*/ padding-top: 1rem !important;
  }
  .cc .pt-md-3 {
    /*px*/ padding-top: 24px !important;
    /*rem*/ padding-top: 1.5rem !important;
  }
  .cc .pt-md-4 {
    /*px*/ padding-top: 32px !important;
    /*rem*/ padding-top: 2rem !important;
  }
  .cc .pt-md-5 {
    /*px*/ padding-top: 40px !important;
    /*rem*/ padding-top: 2.5rem !important;
  }
  .cc .pr-md-auto {
    /*px*/ padding-right: auto !important;
    /*rem*/ padding-right: auto !important;
  }
  .cc .pr-md-0 {
    /*px*/ padding-right: 0 !important;
    /*rem*/ padding-right: 0 !important;
  }
  .cc .pr-md-1 {
    /*px*/ padding-right: 8px !important;
    /*rem*/ padding-right: 0.5rem !important;
  }
  .cc .pr-md-2 {
    /*px*/ padding-right: 16px !important;
    /*rem*/ padding-right: 1rem !important;
  }
  .cc .pr-md-3 {
    /*px*/ padding-right: 24px !important;
    /*rem*/ padding-right: 1.5rem !important;
  }
  .cc .pr-md-4 {
    /*px*/ padding-right: 32px !important;
    /*rem*/ padding-right: 2rem !important;
  }
  .cc .pr-md-5 {
    /*px*/ padding-right: 40px !important;
    /*rem*/ padding-right: 2.5rem !important;
  }
  .cc .pb-md-auto {
    /*px*/ padding-bottom: auto !important;
    /*rem*/ padding-bottom: auto !important;
  }
  .cc .pb-md-0 {
    /*px*/ padding-bottom: 0 !important;
    /*rem*/ padding-bottom: 0 !important;
  }
  .cc .pb-md-1 {
    /*px*/ padding-bottom: 8px !important;
    /*rem*/ padding-bottom: 0.5rem !important;
  }
  .cc .pb-md-2 {
    /*px*/ padding-bottom: 16px !important;
    /*rem*/ padding-bottom: 1rem !important;
  }
  .cc .pb-md-3 {
    /*px*/ padding-bottom: 24px !important;
    /*rem*/ padding-bottom: 1.5rem !important;
  }
  .cc .pb-md-4 {
    /*px*/ padding-bottom: 32px !important;
    /*rem*/ padding-bottom: 2rem !important;
  }
  .cc .pb-md-5 {
    /*px*/ padding-bottom: 40px !important;
    /*rem*/ padding-bottom: 2.5rem !important;
  }
  .cc .pl-md-auto {
    /*px*/ padding-left: auto !important;
    /*rem*/ padding-left: auto !important;
  }
  .cc .pl-md-0 {
    /*px*/ padding-left: 0 !important;
    /*rem*/ padding-left: 0 !important;
  }
  .cc .pl-md-1 {
    /*px*/ padding-left: 8px !important;
    /*rem*/ padding-left: 0.5rem !important;
  }
  .cc .pl-md-2 {
    /*px*/ padding-left: 16px !important;
    /*rem*/ padding-left: 1rem !important;
  }
  .cc .pl-md-3 {
    /*px*/ padding-left: 24px !important;
    /*rem*/ padding-left: 1.5rem !important;
  }
  .cc .pl-md-4 {
    /*px*/ padding-left: 32px !important;
    /*rem*/ padding-left: 2rem !important;
  }
  .cc .pl-md-5 {
    /*px*/ padding-left: 40px !important;
    /*rem*/ padding-left: 2.5rem !important;
  }
  .cc .px-md-auto {
    /*px*/ padding: 0 auto !important;
    /*rem*/ padding: 0 auto !important;
  }
  .cc .px-md-0 {
    /*px*/ padding: 0 0 !important;
    /*rem*/ padding: 0 0 !important;
  }
  .cc .px-md-1 {
    /*px*/ padding: 0 8px !important;
    /*rem*/ padding: 0 0.5rem !important;
  }
  .cc .px-md-2 {
    /*px*/ padding: 0 16px !important;
    /*rem*/ padding: 0 1rem !important;
  }
  .cc .px-md-3 {
    /*px*/ padding: 0 24px !important;
    /*rem*/ padding: 0 1.5rem !important;
  }
  .cc .px-md-4 {
    /*px*/ padding: 0 32px !important;
    /*rem*/ padding: 0 2rem !important;
  }
  .cc .px-md-5 {
    /*px*/ padding: 0 40px !important;
    /*rem*/ padding: 0 2.5rem !important;
  }
  .cc .py-md-auto {
    /*px*/ padding: auto 0 !important;
    /*rem*/ padding: auto 0 !important;
  }
  .cc .py-md-0 {
    /*px*/ padding: 0 0 !important;
    /*rem*/ padding: 0 0 !important;
  }
  .cc .py-md-1 {
    /*px*/ padding: 8px 0 !important;
    /*rem*/ padding: 0.5rem 0 !important;
  }
  .cc .py-md-2 {
    /*px*/ padding: 16px 0 !important;
    /*rem*/ padding: 1rem 0 !important;
  }
  .cc .py-md-3 {
    /*px*/ padding: 24px 0 !important;
    /*rem*/ padding: 1.5rem 0 !important;
  }
  .cc .py-md-4 {
    /*px*/ padding: 32px 0 !important;
    /*rem*/ padding: 2rem 0 !important;
  }
  .cc .py-md-5 {
    /*px*/ padding: 40px 0 !important;
    /*rem*/ padding: 2.5rem 0 !important;
  }
  .cc .p-md-auto {
    /*px*/ padding: auto !important;
    /*rem*/ padding: auto !important;
  }
  .cc .p-md-0 {
    /*px*/ padding: 0 !important;
    /*rem*/ padding: 0 !important;
  }
  .cc .p-md-1 {
    /*px*/ padding: 8px !important;
    /*rem*/ padding: 0.5rem !important;
  }
  .cc .p-md-2 {
    /*px*/ padding: 16px !important;
    /*rem*/ padding: 1rem !important;
  }
  .cc .p-md-3 {
    /*px*/ padding: 24px !important;
    /*rem*/ padding: 1.5rem !important;
  }
  .cc .p-md-4 {
    /*px*/ padding: 32px !important;
    /*rem*/ padding: 2rem !important;
  }
  .cc .p-md-5 {
    /*px*/ padding: 40px !important;
    /*rem*/ padding: 2.5rem !important;
  }
  .cc .mx-md-auto {
    /*px*/ margin: auto 0 !important;
    /*rem*/ margin: auto 0 !important;
  }
  .cc .mx-md-0 {
    /*px*/ margin: 0 0 !important;
    /*rem*/ margin: 0 0 !important;
  }
  .cc .mx-md-1 {
    /*px*/ margin: 8px 0 !important;
    /*rem*/ margin: 0.5rem 0 !important;
  }
  .cc .mx-md-2 {
    /*px*/ margin: 16px 0 !important;
    /*rem*/ margin: 1rem 0 !important;
  }
  .cc .mx-md-3 {
    /*px*/ margin: 24px 0 !important;
    /*rem*/ margin: 1.5rem 0 !important;
  }
  .cc .mx-md-4 {
    /*px*/ margin: 32px 0 !important;
    /*rem*/ margin: 2rem 0 !important;
  }
  .cc .mx-md-5 {
    /*px*/ margin: 40px 0 !important;
    /*rem*/ margin: 2.5rem 0 !important;
  }
  .cc .my-md-auto {
    /*px*/ margin: 0 auto !important;
    /*rem*/ margin: 0 auto !important;
  }
  .cc .my-md-0 {
    /*px*/ margin: 0 0 !important;
    /*rem*/ margin: 0 0 !important;
  }
  .cc .my-md-1 {
    /*px*/ margin: 0 8px !important;
    /*rem*/ margin: 0 0.5rem !important;
  }
  .cc .my-md-2 {
    /*px*/ margin: 0 16px !important;
    /*rem*/ margin: 0 1rem !important;
  }
  .cc .my-md-3 {
    /*px*/ margin: 0 24px !important;
    /*rem*/ margin: 0 1.5rem !important;
  }
  .cc .my-md-4 {
    /*px*/ margin: 0 32px !important;
    /*rem*/ margin: 0 2rem !important;
  }
  .cc .my-md-5 {
    /*px*/ margin: 0 40px !important;
    /*rem*/ margin: 0 2.5rem !important;
  }
  .cc .m-md-auto {
    /*px*/ margin: auto !important;
    /*rem*/ margin: auto !important;
  }
  .cc .m-md-0 {
    /*px*/ margin: 0 !important;
    /*rem*/ margin: 0 !important;
  }
  .cc .m-md-1 {
    /*px*/ margin: 8px !important;
    /*rem*/ margin: 0.5rem !important;
  }
  .cc .m-md-2 {
    /*px*/ margin: 16px !important;
    /*rem*/ margin: 1rem !important;
  }
  .cc .m-md-3 {
    /*px*/ margin: 24px !important;
    /*rem*/ margin: 1.5rem !important;
  }
  .cc .m-md-4 {
    /*px*/ margin: 32px !important;
    /*rem*/ margin: 2rem !important;
  }
  .cc .m-md-5 {
    /*px*/ margin: 40px !important;
    /*rem*/ margin: 2.5rem !important;
  }
}
@media screen and (max-width: 1280px) {
  .cc .grid-lg-1-1 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-lg-1-2 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-lg-2-2 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-lg-1-3 {
    flex: 0 1 auto;
    width: 33%;
  }
  .cc .grid-lg-2-3 {
    flex: 0 1 auto;
    width: 66%;
  }
  .cc .grid-lg-3-3 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-lg-1-4 {
    flex: 0 1 auto;
    width: 25%;
  }
  .cc .grid-lg-2-4 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-lg-3-4 {
    flex: 0 1 auto;
    width: 75%;
  }
  .cc .grid-lg-4-4 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-lg-1-5 {
    flex: 0 1 auto;
    width: 20%;
  }
  .cc .grid-lg-2-5 {
    flex: 0 1 auto;
    width: 40%;
  }
  .cc .grid-lg-3-5 {
    flex: 0 1 auto;
    width: 60%;
  }
  .cc .grid-lg-4-5 {
    flex: 0 1 auto;
    width: 80%;
  }
  .cc .grid-lg-5-5 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-lg-1-6 {
    flex: 0 1 auto;
    width: 16%;
  }
  .cc .grid-lg-2-6 {
    flex: 0 1 auto;
    width: 33%;
  }
  .cc .grid-lg-3-6 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-lg-4-6 {
    flex: 0 1 auto;
    width: 66%;
  }
  .cc .grid-lg-5-6 {
    flex: 0 1 auto;
    width: 83%;
  }
  .cc .grid-lg-6-6 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-lg-1-10 {
    flex: 0 1 auto;
    width: 10%;
  }
  .cc .grid-lg-2-10 {
    flex: 0 1 auto;
    width: 20%;
  }
  .cc .grid-lg-3-10 {
    flex: 0 1 auto;
    width: 30%;
  }
  .cc .grid-lg-4-10 {
    flex: 0 1 auto;
    width: 40%;
  }
  .cc .grid-lg-5-10 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-lg-6-10 {
    flex: 0 1 auto;
    width: 60%;
  }
  .cc .grid-lg-7-10 {
    flex: 0 1 auto;
    width: 70%;
  }
  .cc .grid-lg-8-10 {
    flex: 0 1 auto;
    width: 80%;
  }
  .cc .grid-lg-9-10 {
    flex: 0 1 auto;
    width: 90%;
  }
  .cc .grid-lg-10-10 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .grid-lg-1-12 {
    flex: 0 1 auto;
    width: 8%;
  }
  .cc .grid-lg-2-12 {
    flex: 0 1 auto;
    width: 16%;
  }
  .cc .grid-lg-3-12 {
    flex: 0 1 auto;
    width: 25%;
  }
  .cc .grid-lg-4-12 {
    flex: 0 1 auto;
    width: 33%;
  }
  .cc .grid-lg-5-12 {
    flex: 0 1 auto;
    width: 41%;
  }
  .cc .grid-lg-6-12 {
    flex: 0 1 auto;
    width: 50%;
  }
  .cc .grid-lg-7-12 {
    flex: 0 1 auto;
    width: 58%;
  }
  .cc .grid-lg-8-12 {
    flex: 0 1 auto;
    width: 66%;
  }
  .cc .grid-lg-9-12 {
    flex: 0 1 auto;
    width: 75%;
  }
  .cc .grid-lg-10-12 {
    flex: 0 1 auto;
    width: 83%;
  }
  .cc .grid-lg-11-12 {
    flex: 0 1 auto;
    width: 91%;
  }
  .cc .grid-lg-12-12 {
    flex: 0 1 auto;
    width: 100%;
  }
  .cc .pt-lg-auto {
    /*px*/ padding-top: auto !important;
    /*rem*/ padding-top: auto !important;
  }
  .cc .pt-lg-0 {
    /*px*/ padding-top: 0 !important;
    /*rem*/ padding-top: 0 !important;
  }
  .cc .pt-lg-1 {
    /*px*/ padding-top: 8px !important;
    /*rem*/ padding-top: 0.5rem !important;
  }
  .cc .pt-lg-2 {
    /*px*/ padding-top: 16px !important;
    /*rem*/ padding-top: 1rem !important;
  }
  .cc .pt-lg-3 {
    /*px*/ padding-top: 24px !important;
    /*rem*/ padding-top: 1.5rem !important;
  }
  .cc .pt-lg-4 {
    /*px*/ padding-top: 32px !important;
    /*rem*/ padding-top: 2rem !important;
  }
  .cc .pt-lg-5 {
    /*px*/ padding-top: 40px !important;
    /*rem*/ padding-top: 2.5rem !important;
  }
  .cc .pr-lg-auto {
    /*px*/ padding-right: auto !important;
    /*rem*/ padding-right: auto !important;
  }
  .cc .pr-lg-0 {
    /*px*/ padding-right: 0 !important;
    /*rem*/ padding-right: 0 !important;
  }
  .cc .pr-lg-1 {
    /*px*/ padding-right: 8px !important;
    /*rem*/ padding-right: 0.5rem !important;
  }
  .cc .pr-lg-2 {
    /*px*/ padding-right: 16px !important;
    /*rem*/ padding-right: 1rem !important;
  }
  .cc .pr-lg-3 {
    /*px*/ padding-right: 24px !important;
    /*rem*/ padding-right: 1.5rem !important;
  }
  .cc .pr-lg-4 {
    /*px*/ padding-right: 32px !important;
    /*rem*/ padding-right: 2rem !important;
  }
  .cc .pr-lg-5 {
    /*px*/ padding-right: 40px !important;
    /*rem*/ padding-right: 2.5rem !important;
  }
  .cc .pb-lg-auto {
    /*px*/ padding-bottom: auto !important;
    /*rem*/ padding-bottom: auto !important;
  }
  .cc .pb-lg-0 {
    /*px*/ padding-bottom: 0 !important;
    /*rem*/ padding-bottom: 0 !important;
  }
  .cc .pb-lg-1 {
    /*px*/ padding-bottom: 8px !important;
    /*rem*/ padding-bottom: 0.5rem !important;
  }
  .cc .pb-lg-2 {
    /*px*/ padding-bottom: 16px !important;
    /*rem*/ padding-bottom: 1rem !important;
  }
  .cc .pb-lg-3 {
    /*px*/ padding-bottom: 24px !important;
    /*rem*/ padding-bottom: 1.5rem !important;
  }
  .cc .pb-lg-4 {
    /*px*/ padding-bottom: 32px !important;
    /*rem*/ padding-bottom: 2rem !important;
  }
  .cc .pb-lg-5 {
    /*px*/ padding-bottom: 40px !important;
    /*rem*/ padding-bottom: 2.5rem !important;
  }
  .cc .pl-lg-auto {
    /*px*/ padding-left: auto !important;
    /*rem*/ padding-left: auto !important;
  }
  .cc .pl-lg-0 {
    /*px*/ padding-left: 0 !important;
    /*rem*/ padding-left: 0 !important;
  }
  .cc .pl-lg-1 {
    /*px*/ padding-left: 8px !important;
    /*rem*/ padding-left: 0.5rem !important;
  }
  .cc .pl-lg-2 {
    /*px*/ padding-left: 16px !important;
    /*rem*/ padding-left: 1rem !important;
  }
  .cc .pl-lg-3 {
    /*px*/ padding-left: 24px !important;
    /*rem*/ padding-left: 1.5rem !important;
  }
  .cc .pl-lg-4 {
    /*px*/ padding-left: 32px !important;
    /*rem*/ padding-left: 2rem !important;
  }
  .cc .pl-lg-5 {
    /*px*/ padding-left: 40px !important;
    /*rem*/ padding-left: 2.5rem !important;
  }
  .cc .px-lg-auto {
    /*px*/ padding: 0 auto !important;
    /*rem*/ padding: 0 auto !important;
  }
  .cc .px-lg-0 {
    /*px*/ padding: 0 0 !important;
    /*rem*/ padding: 0 0 !important;
  }
  .cc .px-lg-1 {
    /*px*/ padding: 0 8px !important;
    /*rem*/ padding: 0 0.5rem !important;
  }
  .cc .px-lg-2 {
    /*px*/ padding: 0 16px !important;
    /*rem*/ padding: 0 1rem !important;
  }
  .cc .px-lg-3 {
    /*px*/ padding: 0 24px !important;
    /*rem*/ padding: 0 1.5rem !important;
  }
  .cc .px-lg-4 {
    /*px*/ padding: 0 32px !important;
    /*rem*/ padding: 0 2rem !important;
  }
  .cc .px-lg-5 {
    /*px*/ padding: 0 40px !important;
    /*rem*/ padding: 0 2.5rem !important;
  }
  .cc .py-lg-auto {
    /*px*/ padding: auto 0 !important;
    /*rem*/ padding: auto 0 !important;
  }
  .cc .py-lg-0 {
    /*px*/ padding: 0 0 !important;
    /*rem*/ padding: 0 0 !important;
  }
  .cc .py-lg-1 {
    /*px*/ padding: 8px 0 !important;
    /*rem*/ padding: 0.5rem 0 !important;
  }
  .cc .py-lg-2 {
    /*px*/ padding: 16px 0 !important;
    /*rem*/ padding: 1rem 0 !important;
  }
  .cc .py-lg-3 {
    /*px*/ padding: 24px 0 !important;
    /*rem*/ padding: 1.5rem 0 !important;
  }
  .cc .py-lg-4 {
    /*px*/ padding: 32px 0 !important;
    /*rem*/ padding: 2rem 0 !important;
  }
  .cc .py-lg-5 {
    /*px*/ padding: 40px 0 !important;
    /*rem*/ padding: 2.5rem 0 !important;
  }
  .cc .p-lg-auto {
    /*px*/ padding: auto !important;
    /*rem*/ padding: auto !important;
  }
  .cc .p-lg-0 {
    /*px*/ padding: 0 !important;
    /*rem*/ padding: 0 !important;
  }
  .cc .p-lg-1 {
    /*px*/ padding: 8px !important;
    /*rem*/ padding: 0.5rem !important;
  }
  .cc .p-lg-2 {
    /*px*/ padding: 16px !important;
    /*rem*/ padding: 1rem !important;
  }
  .cc .p-lg-3 {
    /*px*/ padding: 24px !important;
    /*rem*/ padding: 1.5rem !important;
  }
  .cc .p-lg-4 {
    /*px*/ padding: 32px !important;
    /*rem*/ padding: 2rem !important;
  }
  .cc .p-lg-5 {
    /*px*/ padding: 40px !important;
    /*rem*/ padding: 2.5rem !important;
  }
  .cc .mx-lg-auto {
    /*px*/ margin: auto 0 !important;
    /*rem*/ margin: auto 0 !important;
  }
  .cc .mx-lg-0 {
    /*px*/ margin: 0 0 !important;
    /*rem*/ margin: 0 0 !important;
  }
  .cc .mx-lg-1 {
    /*px*/ margin: 8px 0 !important;
    /*rem*/ margin: 0.5rem 0 !important;
  }
  .cc .mx-lg-2 {
    /*px*/ margin: 16px 0 !important;
    /*rem*/ margin: 1rem 0 !important;
  }
  .cc .mx-lg-3 {
    /*px*/ margin: 24px 0 !important;
    /*rem*/ margin: 1.5rem 0 !important;
  }
  .cc .mx-lg-4 {
    /*px*/ margin: 32px 0 !important;
    /*rem*/ margin: 2rem 0 !important;
  }
  .cc .mx-lg-5 {
    /*px*/ margin: 40px 0 !important;
    /*rem*/ margin: 2.5rem 0 !important;
  }
  .cc .my-lg-auto {
    /*px*/ margin: 0 auto !important;
    /*rem*/ margin: 0 auto !important;
  }
  .cc .my-lg-0 {
    /*px*/ margin: 0 0 !important;
    /*rem*/ margin: 0 0 !important;
  }
  .cc .my-lg-1 {
    /*px*/ margin: 0 8px !important;
    /*rem*/ margin: 0 0.5rem !important;
  }
  .cc .my-lg-2 {
    /*px*/ margin: 0 16px !important;
    /*rem*/ margin: 0 1rem !important;
  }
  .cc .my-lg-3 {
    /*px*/ margin: 0 24px !important;
    /*rem*/ margin: 0 1.5rem !important;
  }
  .cc .my-lg-4 {
    /*px*/ margin: 0 32px !important;
    /*rem*/ margin: 0 2rem !important;
  }
  .cc .my-lg-5 {
    /*px*/ margin: 0 40px !important;
    /*rem*/ margin: 0 2.5rem !important;
  }
  .cc .m-lg-auto {
    /*px*/ margin: auto !important;
    /*rem*/ margin: auto !important;
  }
  .cc .m-lg-0 {
    /*px*/ margin: 0 !important;
    /*rem*/ margin: 0 !important;
  }
  .cc .m-lg-1 {
    /*px*/ margin: 8px !important;
    /*rem*/ margin: 0.5rem !important;
  }
  .cc .m-lg-2 {
    /*px*/ margin: 16px !important;
    /*rem*/ margin: 1rem !important;
  }
  .cc .m-lg-3 {
    /*px*/ margin: 24px !important;
    /*rem*/ margin: 1.5rem !important;
  }
  .cc .m-lg-4 {
    /*px*/ margin: 32px !important;
    /*rem*/ margin: 2rem !important;
  }
  .cc .m-lg-5 {
    /*px*/ margin: 40px !important;
    /*rem*/ margin: 2.5rem !important;
  }
}
/****************************************/
/********** Styles CM-CIC *************/
/****************************************/
/* Description :                        */
/*  - Styles Objets PDF                   */
/* Responsabilité :                     */
/*  - Équipe DIGITALE CM-CIC         */
/* Historique :                         */
/*  - 14/12/2017 : création             */
/* Notes :                         */
/*
Summary
**********************************************************************************************/
.cc #pdfDiv.pdf {
  height: 700px;
}
.cc .body #pdfDiv.pdf object {
  width: 100%;
  height: 100%;
}
/****************************************/
/********** Styles CIC BP 2018 *************/
/****************************************/
/* Description :                        */
/*  - Styles CIC BP 2018/Tuiles            */
/* Responsabilité :                     */
/*  - Équipe DIGITALE CM-CIC/AM         */
/* Historique :                         */
/*  - 29/03/2018 : création             */
/****************************************/
/****************************************/
.cc {
  /*.summary{
		.tiles{
			> div, > article {
				flex:1 1 50%;
				max-width:50%;
			}
		}
	}*/
}
.cc .tiles {
  /**/
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  /*px*/ margin: 8px -8px;
  /*rem*/ margin: 0.5rem -0.5rem;
  position: relative;
  text-align: left;
}
.cc .tiles > div,
.cc .tiles > article {
  flex: 1 1 33%;
  max-width: 33%;
  /*border:8px solid @BodyBackground; border plutot que margin pour eviter les soucis de fusion de marges verticales en responsive*/
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
}
.cc .tiles > div div.tile .labels,
.cc .tiles > article div.tile .labels {
  display: none;
}
.cc .tiles.ctxt-services > div,
.cc .tiles.ctxt-services > article {
  flex: 1 1 50%;
  max-width: 50%;
  margin-bottom: 24px;
}
.cc .tiles.ctxt-services > div div.tile,
.cc .tiles.ctxt-services > article div.tile {
  display: flex;
}
.cc .tiles.ctxt-services > div div.tile figure,
.cc .tiles.ctxt-services > article div.tile figure {
  /*px*/ width: 185px;
  /*rem*/ width: 11.5625rem;
  /*px*/ height: 200px;
  /*rem*/ height: 12.5rem;
}
.cc .tiles.ctxt-services > div div.tile figure img,
.cc .tiles.ctxt-services > article div.tile figure img {
  width: auto;
  /*px*/ height: 200px;
  /*rem*/ height: 12.5rem;
}
.cc .tiles.ctxt-services > div div.tile > div,
.cc .tiles.ctxt-services > article div.tile > div {
  /*px*/ max-width: 300px;
  /*rem*/ max-width: 18.75rem;
  /*px*/ margin: 0 32px;
  /*rem*/ margin: 0 2rem;
  border-top: 3px solid #8B725E;
  /*&:before{
							content: "";
							width: 75%;
							background-color: #E9E4E1;
							position: absolute;
							height: 1px;
							bottom: 0px;
							left: 12.5%;
						}*/
}
@media only screen and (max-width: 768px) {
  .cc .tiles.ctxt-services > div div.tile > div,
  .cc .tiles.ctxt-services > article div.tile > div {
    max-width: none;
  }
}
.cc .tiles.ctxt-services > div div.tile time,
.cc .tiles.ctxt-services > article div.tile time {
  display: none;
}
.cc .tiles.ctxt-services > div div.tile h1,
.cc .tiles.ctxt-services > article div.tile h1,
.cc .tiles.ctxt-services > div div.tile .banner__title,
.cc .tiles.ctxt-services > article div.tile .banner__title {
  /*.px-to-rem(font-size,14);*/
  /*px*/ padding-top: 14px;
  /*rem*/ padding-top: 0.875rem;
}
@media only screen and (max-width: 768px) {
  .cc .tiles.ctxt-services > div,
  .cc .tiles.ctxt-services > article {
    max-width: 100%;
  }
}
.cc.ctxt-home .tiles > article {
  margin-bottom: 25px;
}
.cc.ctxt-home .tiles > article img {
  height: 135px;
  width: auto;
}
.cc.ctxt-home div.tile {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.cc aside .tiles,
.cc .summary .tiles,
.cc.ctxt-list .tiles {
  /*justify-content: space-between;*/
  /*px*/ margin: 0 8px;
  /*rem*/ margin: 0 0.5rem;
}
.cc aside .tiles > div,
.cc .summary .tiles > div,
.cc.ctxt-list .tiles > div,
.cc aside .tiles > article,
.cc .summary .tiles > article,
.cc.ctxt-list .tiles > article {
  flex: 1 1 33%;
  /*max-width: 300px;*/
}
.cc aside .tiles > div img,
.cc .summary .tiles > div img,
.cc.ctxt-list .tiles > div img,
.cc aside .tiles > article img,
.cc .summary .tiles > article img,
.cc.ctxt-list .tiles > article img {
  height: 135px;
  width: auto;
}
@media only screen and (max-width: 768px) {
  .cc aside .tiles > div img,
  .cc .summary .tiles > div img,
  .cc.ctxt-list .tiles > div img,
  .cc aside .tiles > article img,
  .cc .summary .tiles > article img,
  .cc.ctxt-list .tiles > article img {
    height: auto;
    width: 100%;
  }
}
.cc aside div.tile,
.cc .summary div.tile,
.cc.ctxt-list div.tile {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 970px) {
  .cc aside div.tile,
  .cc .summary div.tile,
  .cc.ctxt-list div.tile {
    max-width: 380px;
  }
}
@media only screen and (max-width: 768px) {
  .cc aside div.tile,
  .cc .summary div.tile,
  .cc.ctxt-list div.tile {
    max-width: 100%;
    /*px*/ margin-bottom: 48px;
    /*rem*/ margin-bottom: 3rem;
  }
}
.cc aside div.tile figure,
.cc .summary div.tile figure,
.cc.ctxt-list div.tile figure {
  /*px*/ margin-bottom: 18px;
  /*rem*/ margin-bottom: 1.125rem;
}
@media only screen and (max-width: 768px) {
  .cc aside div.tile figure,
  .cc .summary div.tile figure,
  .cc.ctxt-list div.tile figure {
    height: auto;
    /*px*/ margin-bottom: 0;
    /*rem*/ margin-bottom: 0;
  }
}
.cc aside div.tile time,
.cc .summary div.tile time,
.cc.ctxt-list div.tile time,
.cc aside div.tile .surtitle,
.cc .summary div.tile .surtitle,
.cc.ctxt-list div.tile .surtitle {
  /*.px-to-rem(margin-top,18);*/
  /*px*/ padding-left: 18px;
  /*rem*/ padding-left: 1.125rem;
  border-left: 10px solid #be161c;
  display: block;
}
.cc aside div.tile h1,
.cc .summary div.tile h1,
.cc.ctxt-list div.tile h1,
.cc aside div.tile .banner__title,
.cc .summary div.tile .banner__title,
.cc.ctxt-list div.tile .banner__title {
  /*px*/ padding-left: 18px;
  /*rem*/ padding-left: 1.125rem;
  /*px*/ padding-right: 5px;
  /*rem*/ padding-right: 0.3125rem;
  border-left: 10px solid #be161c;
  margin-top: 0;
  /*px*/ padding-top: 8px;
  /*rem*/ padding-top: 0.5rem;
}
.cc aside div.tile h1 a,
.cc .summary div.tile h1 a,
.cc.ctxt-list div.tile h1 a,
.cc aside div.tile .banner__title a,
.cc .summary div.tile .banner__title a,
.cc.ctxt-list div.tile .banner__title a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.cc aside div.tile h1 a:hover,
.cc .summary div.tile h1 a:hover,
.cc.ctxt-list div.tile h1 a:hover,
.cc aside div.tile .banner__title a:hover,
.cc .summary div.tile .banner__title a:hover,
.cc.ctxt-list div.tile .banner__title a:hover,
.cc aside div.tile h1 a:focus,
.cc .summary div.tile h1 a:focus,
.cc.ctxt-list div.tile h1 a:focus,
.cc aside div.tile .banner__title a:focus,
.cc .summary div.tile .banner__title a:focus,
.cc.ctxt-list div.tile .banner__title a:focus {
  color: #be161c;
  text-decoration: underline;
}
.cc aside div.tile p.intro,
.cc .summary div.tile p.intro,
.cc.ctxt-list div.tile p.intro {
  /*px*/ padding-left: 28px;
  /*rem*/ padding-left: 1.75rem;
  /*px*/ padding-right: 5px;
  /*rem*/ padding-right: 0.3125rem;
}
.cc aside div.tile .actions,
.cc .summary div.tile .actions,
.cc.ctxt-list div.tile .actions {
  /*px*/ padding: 0 5px 0 28px;
  /*rem*/ padding: 0 0.3125rem 0 1.75rem;
}
.cc aside div.tile .labels,
.cc .summary div.tile .labels,
.cc.ctxt-list div.tile .labels {
  display: none;
}
.cc.ctxt-list .tiles.ctxt-featured .tile figure {
  /*px*/ height: 100px;
  /*rem*/ height: 6.25rem;
  /*px*/ width: 150px;
  /*rem*/ width: 9.375rem;
}
.cc.ctxt-list .tiles.ctxt-featured .tile figure img {
  /*px*/ height: 100px;
  /*rem*/ height: 6.25rem;
  width: auto;
}
@media only screen and (max-width: 970px) {
  .cc.ctxt-list .tiles.ctxt-featured .tile figure {
    /*px*/ height: 120px;
    /*rem*/ height: 7.5rem;
    width: auto;
  }
  .cc.ctxt-list .tiles.ctxt-featured .tile figure img {
    /*px*/ height: 120px;
    /*rem*/ height: 7.5rem;
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-list .tiles.ctxt-featured .tile figure {
    /*px*/ height: 130px;
    /*rem*/ height: 8.125rem;
    width: auto;
  }
  .cc.ctxt-list .tiles.ctxt-featured .tile figure img {
    /*px*/ height: 130px;
    /*rem*/ height: 8.125rem;
    width: auto;
  }
}
.cc.ctxt-list .tiles.ctxt-featured .tile > div {
  min-height: auto;
  padding-top: 0;
  justify-content: flex-start;
  width: 100%;
}
.cc.ctxt-list .tiles.ctxt-featured .tile .banner .intro {
  display: none;
}
.cc.ctxt-list .tiles.ctxt-featured .tile .banner h1,
.cc.ctxt-list .tiles.ctxt-featured .tile .banner .banner__title {
  font-weight: 400;
  /*px*/ padding: 5px;
  /*rem*/ padding: 0.3125rem;
  border: none;
  color: #555555;
  text-transform: inherit;
}
.cc.ctxt-list .tiles.ctxt-featured .tile .banner time {
  border: none;
  color: #b7b7b7;
  /*px*/ padding: 5px;
  /*rem*/ padding: 0.3125rem;
  padding-top: 0;
}
.cc.ctxt-list .tiles.ctxt-featured .tile .actions {
  /*px*/ padding: 0 5px;
  /*rem*/ padding: 0 0.3125rem;
}
.cc.ctxt-list .tiles.ctxt-featured .tile .actions a {
  position: relative;
  padding-right: 10px;
}
.cc.ctxt-list .tiles.ctxt-featured .tile .actions a:before {
  /*display: none;*/
  content: '';
  display: block;
  transform: rotate(45deg);
  position: absolute;
  bottom: 7px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #871b20;
  border-right: 1px solid #871b20;
  right: 0px;
}
.cc #autresProduits .tiles > div,
.cc #autresProduits .tiles > article {
  flex:  1 1 0px;
}
.cc #autresProduits div.tile > div {
  min-height: 150px;
}
.cc div.tile {
  height: 100%;
  /*	display: flex;
	flex-direction: column;*/
}
.cc div.tile.clickable:hover a {
  color: #be161c;
  text-decoration: underline;
}
.cc div.tile.clickable:hover h1,
.cc div.tile.clickable:hover .banner__title {
  transition: all 1s ease-out;
  color: #be161c;
}
.cc div.tile figure {
  background-position: center center;
  margin: 0;
  overflow: hidden;
  text-align: center;
  /*px*/ height: 135px;
  /*rem*/ height: 8.4375rem;
  width: 100%;
}
.cc div.tile figure img {
  position: relative;
  left: 100%;
  margin-left: -200%;
  max-width: none;
}
.cc div.tile > div {
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*px*/ padding: 4px;
  /*rem*/ padding: 0.25rem;
}
@media only screen and (max-width: 768px) {
  .cc div.tile > div {
    min-height: auto;
    /*px*/ padding: 4px 0;
    /*rem*/ padding: 0.25rem 0;
  }
}
.cc div.tile time {
  /*px*/ font-size: 9px;
  /*rem*/ font-size: 0.5625rem;
  font-family: sinkinsans, sans-serif;
  font-weight: 300;
  color: #8B725E;
}
.cc div.tile h1,
.cc div.tile .banner__title {
  color: #7E6A5E;
  text-transform: uppercase;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  font-weight: 700;
  margin-top: inherit;
}
.cc div.tile p.intro {
  font-family: 'sourcesanspro-regular', sans-serif;
  padding: 0;
  color: #717171;
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  /*px*/ line-height: 22px;
  /*rem*/ line-height: 1.375rem;
  font-weight: 200;
}
.cc div.tile.ctxt-hints h1:before,
.cc div.tile.ctxt-hints .banner__title:before {
  speak: none;
  font-family: "fts_picto";
  content: '\F00C2';
  color: #be161c;
  /*px*/ font-size: 80px;
  /*rem*/ font-size: 5rem;
  display: block;
  font-weight: normal;
  margin-top: -8px;
  margin-top: -0.5rem;
}
.cc div.tile.ctxt-hints.ctxt-finance h1:before,
.cc div.tile.ctxt-hints .banner__title:before {
  speak: none;
  content: '\F014B';
}
.cc div.tile.ctxt-hints.ctxt-family h1:before,
.cc div.tile.ctxt-hints .banner__title:before {
  speak: none;
  content: '\F013B';
}
.cc div.tile.ctxt-hints.ctxt-graphe h1:before,
.cc div.tile.ctxt-hints .banner__title:before {
  speak: none;
  content: '\F016B';
}
.cc div.tile.ctxt-hints.ctxt-immo h1:before,
.cc div.tile.ctxt-hints .banner__title:before {
  speak: none;
  content: '\F050E';
}
.cc div.tile.ctxt-hints.ctxt-diversification h1:before,
.cc div.tile.ctxt-hints .banner__title:before {
  speak: none;
  content: '\F00E9';
}
.cc div.tile.ctxt-pdf figure:after {
  content: '\F00BC';
}
@media only screen and (max-width: 1280px) {
  .cc .tiles > article {
    flex: 1 1 33.33%;
    max-width: 33.33%;
  }
}
@media only screen and (max-width: 970px) {
  .cc aside .tiles > article,
  .cc .tiles > article,
  .cc .body > aside.ctxt-services .tiles > article,
  .cc .ctxt-compiled + .ctxt-guide .tiles > article {
    flex: 1 1 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .cc {
    /* ==Nos services, tuiles horizontales  */
  }
  .cc aside .tiles,
  .cc .tiles,
  .cc .body > aside.ctxt-services .tiles,
  .cc .ctxt-compiled + .ctxt-guide .tiles {
    /*flex-direction:column;
			display: block;*/
  }
  .cc aside .tiles > article,
  .cc .tiles > article,
  .cc .body > aside.ctxt-services .tiles > article,
  .cc .ctxt-compiled + .ctxt-guide .tiles > article {
    /*flex: 1 1 100%;
					max-width: 100%;*/
  }
  .cc section.ctxt-services .tiles > article .tile {
    padding: 0;
  }
  .cc section.ctxt-services .tiles > article .tile h1:before,
  .cc section.ctxt-services .tiles > article .tile h1:after {
    display: none;
  }
}
@media only screen and (max-width: 400px) {
  .cc {
    /* ==Nos services, tuiles horizontales  */
  }
  .cc aside .tiles,
  .cc .tiles,
  .cc .body > aside.ctxt-services .tiles,
  .cc .ctxt-compiled + .ctxt-guide .tiles {
    flex-direction: column;
    display: block;
  }
  .cc aside .tiles > article,
  .cc .tiles > article,
  .cc .body > aside.ctxt-services .tiles > article,
  .cc .ctxt-compiled + .ctxt-guide .tiles > article {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .cc section.ctxt-services .tiles > article {
    max-width: 100%;
  }
  .cc section.ctxt-services .tiles > article .tile {
    display: block;
  }
  .cc section.ctxt-services .tiles > article .tile figure {
    width: 100%;
    min-width: 100%;
  }
}
/****************************************/
/********** Styles CIC 2015 *************/
/****************************************/
/* Description :                        */
/*  - Styles CIC 2015/Contacts          */
/* Responsabilité :                     */
/*  - Équipe Web CIC/AM                 */
/* Historique :                         */
/*  - 06/05/2015 : création             */
/****************************************/
/****************************************/
.cc.ctxt-contact article .body > div {
  max-width: 1024px;
}
.cc.ctxt-contact .body .channels {
  display: flex;
  /*px*/ margin: 64px 0;
  /*rem*/ margin: 4rem 0;
}
.cc.ctxt-contact .body .channels .channel {
  flex: 1 1 0%;
  /*px*/ margin: 8px;
  /*rem*/ margin: 0.5rem;
  /*background: @C22;*/
  border-bottom: 1px solid #8B725E;
  position: relative;
}
.cc.ctxt-contact .body .channels .channel:before {
  speak: none;
  background: #fff;
  display: block;
  width: 100%;
  /*px*/ line-height: 64px;
  /*rem*/ line-height: 4rem;
  /*px*/ height: 64px;
  /*rem*/ height: 4rem;
  font-family: "fts_picto";
  content: '\F0569';
  color: #be161c;
  /*px*/ font-size: 32px;
  /*rem*/ font-size: 2rem;
  position: absolute;
  /*px*/ top: -64px;
  /*rem*/ top: -4rem;
  left: 0;
  text-align: center;
  line-height: 60px;
}
.cc.ctxt-contact .body .channels .channel.internet:before {
  content: '\F0528';
}
.cc.ctxt-contact .body .channels .channel.agence:before {
  content: '\F053E';
}
.cc.ctxt-contact .body .channels .channel h2 {
  background-color: #be161c;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%228px%22%20height%3D%224px%22%20viewBox%3D%220%200%208%204%22%20enable-background%3D%22new%200%200%208%204%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%228.012%2C0%204%2C4%20-0.012%2C0%20%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: top center;
  color: #fff;
  text-align: center;
  /* text-transform: uppercase; */
  font-weight: normal;
  /*px*/ line-height: 64px;
  /*rem*/ line-height: 4rem;
  margin: 0;
}
.cc.ctxt-contact .body .channels .channel h2:before {
  display: none;
}
.cc.ctxt-contact .body .channels .channel h3 {
  border-left: 2px solid #be161c;
  color: #000;
  /*px*/ margin: 8px 0 0 0;
  /*rem*/ margin: 0.5rem 0 0 0;
  /*px*/ padding: 8px 16px;
  /*rem*/ padding: 0.5rem 1rem;
  border-top: 1px solid #8B725E;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  line-height: 1.1;
}
.cc.ctxt-contact .body .channels .channel h2 + h3 {
  border-top: none;
  margin: 0;
}
.cc.ctxt-contact .body .channels .channel p {
  /*px*/ padding: 8px 16px;
  /*rem*/ padding: 0.5rem 1rem;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc.ctxt-contact .body .channels .channel a.button {
  border-color: #be161c;
  background-color: #fff;
  color: #be161c;
  /*px*/ margin-bottom: 8px;
  /*rem*/ margin-bottom: 0.5rem;
}
.cc.ctxt-contact .body .channels .channel a.button:hover,
.cc.ctxt-contact .body .channels .channel a.button:focus {
  background: #be161c;
  border-color: #be161c;
  color: #fff;
}
.cc.ctxt-contact .body .channels .channel a.button.protected:before {
  color: #be161c;
}
.cc.ctxt-contact .body .channels .channel a.button.protected:hover:before,
.cc.ctxt-contact .body .channels .channel a.button.protected:focus:before {
  color: #fff;
}
.cc.ctxt-contact .body .channels .channel ul.actions {
  /*px*/ padding: 8px 16px;
  /*rem*/ padding: 0.5rem 1rem;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc.ctxt-contact .body .channels .channel ul.actions li {
  border-bottom: 1px solid #8B725E;
}
.cc.ctxt-contact .body .channels .channel ul.actions li a {
  display: block;
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
  color: #000;
  text-decoration: none;
}
.cc.ctxt-contact .body .channels .channel ul.actions li a:before {
  speak: none;
  font-family: "fts_picto";
  content: '\F0042';
  color: #be161c;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  display: inline-block;
  /*px*/ width: 28px;
  /*rem*/ width: 1.75rem;
  vertical-align: center;
}
.cc.ctxt-contact .body .channels .channel ul.actions li a.rdv:before {
  content: '\F06E1';
}
.cc.ctxt-contact .body .channels .channel ul.actions li a.agence:before {
  content: '\F053F';
}
.cc.ctxt-contact .body .channels .channel ul.actions li a:hover,
.cc.ctxt-contact .body .channels .channel ul.actions li a:focus {
  color: #be161c;
  text-decoration: underline;
}
.cc.ctxt-contact .body .channels .channel ul.actions li a.protected:before {
  padding: 0;
}
.cc.ctxt-contact .body .channels .channel ul.actions li a.protected:after {
  speak: none;
  display: inline-block;
  /* Du coup, il ne sera pas souligné */
  font-family: "fts_picto";
  content: '\F05A7';
  color: #be161c;
  white-space: nowrap;
  font-size: 1.2em;
  padding: 0 3px;
  vertical-align: bottom;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-contact .channels {
    display: block;
  }
}
/****************************************/
/********** Styles CIC 2017 *************/
/****************************************/
/* Description :                        */
/*  - Styles CIC 2017/Formulaires       */
/* Responsabilité :                     */
/*  - Équipe DIGITALE CM-CIC/AM         */
/* Historique :                         */
/*  - 22/02/2017 : création             */
/****************************************/
/****************************************/
/* Old formulaire */
fieldset table td {
  padding-bottom: 2px;
  padding-top: 2px;
}
fieldset table td label {
  font-weight: bold;
}
fieldset > div > table div.TableauCellule.g {
  padding-left: 20px;
}
fieldset > div > table div.TableauCellule.g table {
  width: auto;
}
fieldset > div > table div.TableauCellule.g table input {
  margin-left: 12px;
}
fieldset > div > table div.TableauCellule.g #LabelHTelPersDeb,
fieldset > div > table div.TableauCellule.g #LabelHTelPersFin {
  margin-left: 12px;
  margin-right: 8px;
}
#frmgen584 fieldset {
  border: 1px solid #c7cdcd;
}
#frmgen584 fieldset legend {
  color: #6c1614 !important;
  padding: 10px;
  border: 0;
  background-color: transparent;
}
.cc {
  /* 		Composants					*/
  /* 		Mise en forme des formulaires					*/
  /* Formulaire en plusieurs étapes */
}
.cc .mandatory {
  color: #ff0000;
}
.cc .tab100 {
  width: 100%;
}
.cc .col-rdio,
.cc .col-cbox {
  width: 20px;
}
.cc .col-rdio input,
.cc .col-cbox input {
  margin-top: 0;
}
.cc .col10 {
  width: 10%;
}
.cc .col20 {
  width: 20%;
}
.cc .col30 {
  width: 30%;
}
.cc .col35 {
  width: 35%;
}
.cc .col40 {
  width: 40%;
}
.cc .col50 {
  width: 50%;
}
.cc .col60 {
  width: 60%;
}
.cc .col70 {
  width: 70%;
}
.cc div.authenticated,
.cc div.anonymous {
  display: inline;
}
.cc fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.cc legend {
  text-transform: uppercase;
  font-weight: bold;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ padding: 8px 0;
  /*rem*/ padding: 0.5rem 0;
}
.cc legend.step {
  text-transform: none;
  font-weight: normal;
}
.cc .selectbox {
  position: relative;
  display: block;
  /*px*/ max-width: 250px;
  /*rem*/ max-width: 15.625rem;
}
.cc .selectbox:before {
  position: absolute;
  top: 1px;
  right: 0;
  display: block;
  width: 30px;
  height: 29px;
  background: #eee;
  content: "";
  color: #666;
  pointer-events: none;
}
.cc .selectbox:after {
  speak: none;
  position: absolute;
  top: 8 px;
  right: 0;
  z-index: 100;
  width: 22px;
  height: 28px;
  font-family: fts_commun;
  content: "\e606";
  color: #666;
  line-height: 1;
  text-transform: none;
  padding: 0 0 2px;
  pointer-events: none;
}
.cc .selectbox select {
  width: 100%;
  display: inline-block;
  background: white;
  border-color: #ccc -moz-use-text-color;
  border-style: solid;
  border-width: 1px 0;
  color: #666;
  margin: 0;
  padding: 3px 20px 3px 10px;
  outline: medium none;
  cursor: pointer;
  -moz-appearance: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
}
.cc .selectbox select option {
  padding: 0 5px;
}
.cc .selectbox select:hover,
.cc .selectbox select:focus {
  border-color: #be161c;
}
.cc .selectbox select::-ms-expand {
  display: none;
}
.cc .tile .selectbox:before {
  height: 24px;
}
.cc input[type="checkbox"]:hover + label,
.cc input[type="radio"]:hover + label,
.cc input[type="checkbox"]:focus + label,
.cc input[type="radio"]:focus + label {
  color: #009999;
}
.cc input[type=range]::-moz-range-thumb {
  border: 1px solid #8B725E;
  /*px*/ width: 22px;
  /*rem*/ width: 1.375rem;
  /*px*/ height: 22px;
  /*rem*/ height: 1.375rem;
  border-radius: 50%;
  background: #fff;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_2%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2210px%22%20height%3D%2215px%22%20viewBox%3D%220%200%2010%2015%22%20enable-background%3D%22new%200%200%2010%2015%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23CBCBCB%22%20stroke-miterlimit%3D%2210%22%20x1%3D%220.5%22%20y1%3D%220%22%20x2%3D%220.5%22%20y2%3D%2215%22/%3E%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23CBCBCB%22%20stroke-miterlimit%3D%2210%22%20x1%3D%223.5%22%20y1%3D%220%22%20x2%3D%223.5%22%20y2%3D%2215%22/%3E%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23CBCBCB%22%20stroke-miterlimit%3D%2210%22%20x1%3D%226.5%22%20y1%3D%220%22%20x2%3D%226.5%22%20y2%3D%2215%22/%3E%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23CBCBCB%22%20stroke-miterlimit%3D%2210%22%20x1%3D%229.5%22%20y1%3D%220%22%20x2%3D%229.5%22%20y2%3D%2215%22/%3E%0A%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.cc input[type=range]::-moz-range-track {
  /*px*/ height: 2px;
  /*rem*/ height: 0.125rem;
  background: #009999;
  border-color: #fff;
  border-style: solid;
  border-width: 4px 2px;
}
.cc .i_blocgenform {
  width: 31em\9;
  /* IE<10 */
  font-size: 1.1em;
  background: #fff;
}
.cc .i_blocgenform form {
  counter-reset: fieldsets-counter;
}
.cc .steps {
  counter-reset: steps-counter;
  display: block;
  background: #eeeeee;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  color: #009999;
  border: none;
  width: 100%;
  /*px*/ margin-bottom: 16px;
  /*rem*/ margin-bottom: 1rem;
  /*px*/ padding: 0;
  /*rem*/ padding: 0;
}
.cc .steps li {
  display: inline-block;
}
.cc .steps li > span {
  display: inline-block;
  font-weight: bold;
  /*px*/ padding: 8px 16px;
  /*rem*/ padding: 0.5rem 1rem;
}
.cc .steps li > span:before {
  display: inline-block;
  /*px*/ width: 32px;
  /*rem*/ width: 2rem;
  /*px*/ height: 32px;
  /*rem*/ height: 2rem;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  border-radius: 50%;
  text-align: center;
  /*px*/ margin-right: 8px;
  /*rem*/ margin-right: 0.5rem;
}
.cc .steps li > span {
  color: #f3f0ed;
  border-left: 1px solid #8B725E;
}
.cc .steps li > span:before {
  content: counter(steps-counter);
  counter-increment: steps-counter;
  border: 2px solid #8B725E;
}
.cc [class^=ctxt-form] {
  width: 100%\9;
  /* IE<10 */
  position: relative;
}
.cc [class^=ctxt-form] .info {
  color: #871b20;
  border: 2px solid #871b20;
}
.cc [class^=ctxt-form] .info a {
  color: #871b20;
}
.cc [class^=ctxt-form] h2 {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ margin: 16px 0;
  /*rem*/ margin: 1rem 0;
  text-transform: uppercase;
}
.cc [class^=ctxt-form] fieldset {
  border: none;
  /*px*/ margin: 16px 0;
  /*rem*/ margin: 1rem 0;
  padding: 0;
}
.cc [class^=ctxt-form] fieldset > p.soft {
  padding: 0 12.5%;
}
.cc [class^=ctxt-form] fieldset [class^=ctxt-form] button {
  /*px*/ margin-top: 16px;
  /*rem*/ margin-top: 1rem;
}
.cc [class^=ctxt-form] legend {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  color: #000;
  border: none;
  background: transparent;
  /*px*/ padding: 8px 0;
  /*rem*/ padding: 0.5rem 0;
  font-weight: bold;
}
.cc [class^=ctxt-form] div.output {
  position: absolute;
  right: 0;
  /*px*/ top: -42px;
  /*rem*/ top: -2.625rem;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  color: #000;
  /*px*/ padding: 8px 0;
  /*rem*/ padding: 0.5rem 0;
}
.cc [class^=ctxt-form] input,
.cc [class^=ctxt-form] textarea {
  /*px*/ padding: 4px 8px;
  /*rem*/ padding: 0.25rem 0.5rem;
  border-style: solid;
  border-width: 1px;
  border-color: #eeeeee #8B725E #8B725E #eeeeee;
  box-shadow: 1px 1px 2px 0 #8B725E inset;
  transition: box-shadow 0.3s ease 0s;
}
.cc [class^=ctxt-form] input:focus,
.cc [class^=ctxt-form] textarea:focus {
  /* border-color: @C3; */
  border-color: #eeeeee #8B725E #8B725E #eeeeee;
  box-shadow: 2px 2px 2px 0 #8B725E inset;
}
.cc [class^=ctxt-form] input.button,
.cc [class^=ctxt-form] textarea.button {
  box-shadow: none;
}
.cc [class^=ctxt-form] select {
  /*px*/ padding: 4px 8px;
  /*rem*/ padding: 0.25rem 0.5rem;
  border-style: solid;
  border-width: 1px;
  border-color: #eeeeee #8B725E #8B725E #eeeeee;
  box-shadow: 1px 1px 2px 0 #8B725E inset;
  transition: box-shadow 0.3s ease 0s;
}
.cc [class^=ctxt-form] select:focus {
  /* border-color: @C3; */
  border-color: #eeeeee #8B725E #8B725E #eeeeee;
  box-shadow: 2px 2px 2px 0 #8B725E inset;
}
.cc [class^=ctxt-form] output {
  display: inline-block;
  /*px*/ height: 31px;
  /*rem*/ height: 1.9375rem;
  /*px*/ padding: 4px 8px;
  /*rem*/ padding: 0.25rem 0.5rem;
  border-style: solid;
  border-width: 1px;
  border: 1px solid #8B725E;
  background-color: #00ff00;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}
.cc [class^=ctxt-form] input[type="checkbox"],
.cc [class^=ctxt-form] input[type="radio"] {
  box-shadow: none;
}
.cc [class^=ctxt-form] input[type="checkbox"]:focus,
.cc [class^=ctxt-form] input[type="radio"]:focus {
  outline: 1px solid #be161c;
}
.cc [class^=ctxt-form] .invalid input[type="checkbox"]:focus,
.cc [class^=ctxt-form] .invalid input[type="radio"]:focus {
  outline: 1px solid #ff0000;
}
.cc [class^=ctxt-form] button[type=submit],
.cc [class^=ctxt-form] button.next {
  background: #be161c;
  border-color: #be161c;
  color: #fff;
  text-transform: uppercase;
}
.cc [class^=ctxt-form] button[type=submit]:hover,
.cc [class^=ctxt-form] button.next:hover,
.cc [class^=ctxt-form] button[type=submit]:focus,
.cc [class^=ctxt-form] button.next:focus {
  background: #901115;
  border-color: #be161c;
  color: #fff;
}
.cc [class^=ctxt-form] .form-buttons {
  /*px*/ padding: 8px 16px;
  /*rem*/ padding: 0.5rem 1rem;
  text-align: center;
}
.cc [class^=ctxt-form] .form-buttons button {
  /*px*/ margin: 8px;
  /*rem*/ margin: 0.5rem;
}
.cc [class^=ctxt-form] .form-group {
  border-left: 2px solid #871b20;
}
.cc [class^=ctxt-form] .form-group {
  background: #eeeeee;
}
.cc [class^=ctxt-form] .form-group .msg {
  background-color: #eeeeee;
}
.cc [class^=ctxt-form] .form-group > label,
.cc [class^=ctxt-form] .form-label {
  display: block;
  /*px*/ padding: 4px 16px 4px 16px;
  /*rem*/ padding: 0.25rem 1rem 0.25rem 1rem;
  display: inline\9;
  /* IE<10 */
}
.cc [class^=ctxt-form] .form-control {
  /*px*/ padding: 4px 16px 16px 16px;
  /*rem*/ padding: 0.25rem 1rem 1rem 1rem;
  position: relative;
}
.cc [class^=ctxt-form] .err-msg {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  color: #ff0000;
  position: absolute;
  /*px*/ left: 20px;
  /*rem*/ left: 1.25rem;
  bottom: 0;
}
.cc [class^=ctxt-form] .err-msg b {
  font-weight: bold;
}
.cc [class^=ctxt-form] .form-text1 {
  display: inline-block;
  /*px*/ padding: 4px 0 0 16px;
  /*rem*/ padding: 0.25rem 0 0 1rem;
}
.cc [class^=ctxt-form] .form-text2 {
  display: inline-block;
  /*px*/ padding: 0 16px 16px 0;
  /*rem*/ padding: 0 1rem 1rem 0;
}
.cc [class^=ctxt-form] .form-group.invalid > label,
.cc [class^=ctxt-form] .form-group.invalid .form-label {
  color: #ff0000;
}
.cc [class^=ctxt-form] .form-group.invalid input {
  border-bottom-color: #ff0000;
}
.cc [class^=ctxt-form] *[role="radiogroup"] {
  position: relative;
  /*px*/ padding-top: 16px;
  /*rem*/ padding-top: 1rem;
}
.cc [class^=ctxt-form] *[role="radiogroup"] > label,
.cc [class^=ctxt-form] *[role="radiogroup"] .form-label {
  /*px*/ padding-bottom: 4px;
  /*rem*/ padding-bottom: 0.25rem;
}
.cc [class^=ctxt-form] *[role="radiogroup"] .form-control {
  /*px*/ padding-bottom: 4px;
  /*rem*/ padding-bottom: 0.25rem;
}
.cc [class^=ctxt-form] *[role="radiogroup"] .form-control .err-msg {
  display: none;
}
.cc [class^=ctxt-form] *[role="radiogroup"].invalid label {
  color: #ff0000;
}
.cc [class^=ctxt-form] *[role="radiogroup"] .err-msg {
  /*	.px-to-rem(font-size,14);
				position: absolute;
				left: 0;
				top: 0; */
}
.cc [class^=ctxt-form] input[type="radio"],
.cc [class^=ctxt-form] input[type="checkbox"] {
  /*px*/ margin-left: 18px;
  /*rem*/ margin-left: 1.125rem;
}
.cc [class^=ctxt-form] input[type="radio"]:first-child,
.cc [class^=ctxt-form] input[type="checkbox"]:first-child {
  /*px*/ margin-left: 0;
  /*rem*/ margin-left: 0;
}
.cc [class^=ctxt-form] input[type=number]::-webkit-outer-spin-button,
.cc [class^=ctxt-form] input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cc [class^=ctxt-form] input[type=number] {
  -moz-appearance: textfield;
}
.cc [class^=ctxt-form] button {
  /*px*/ margin: 0 0 4px 14%;
  /*rem*/ margin: 0 0 0.25rem 0.875%rem;
  /*px*/ padding: 4px 32px;
  /*rem*/ padding: 0.25rem 2rem;
}
.cc [class^=ctxt-form] .RIB {
  display: -ms-flexbox;
  /* IE10 */
  display: flex;
  /* .px-to-rem(padding-bottom,58); */
  /*px*/ margin-left: 35px;
  /*rem*/ margin-left: 2.1875rem;
}
.cc [class^=ctxt-form] .RIB > div {
  display: inline-block;
}
.cc [class^=ctxt-form] .RIB > div label {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc [class^=ctxt-form] .RIB > div .err-msg {
  width: 95%;
  background: #eeeeee;
  /* .px-to-rem(left,51); */
}
.cc [class^=ctxt-form] .RIB .banque {
  /*px*/ width: 70px;
  /*rem*/ width: 4.375rem;
}
.cc [class^=ctxt-form] .RIB .banque .err-msg {
  /* .px-to-rem(top,48); */
}
.cc [class^=ctxt-form] .RIB .guichet {
  /*px*/ width: 70px;
  /*rem*/ width: 4.375rem;
}
.cc [class^=ctxt-form] .RIB .guichet .err-msg {
  /* .px-to-rem(top,66); */
}
.cc [class^=ctxt-form] .RIB .compte {
  /*px*/ width: 138px;
  /*rem*/ width: 8.625rem;
}
.cc [class^=ctxt-form] .RIB .compte .err-msg {
  /* .px-to-rem(top,84); */
}
.cc [class^=ctxt-form] .RIB .cle {
  /*px*/ width: 40px;
  /*rem*/ width: 2.5rem;
}
.cc [class^=ctxt-form] .RIB .cle .err-msg {
  /* .px-to-rem(top,102); */
}
.cc .inp-s {
  /*px*/ width: 150px;
  /*rem*/ width: 9.375rem;
}
.cc .inp-m {
  /*px*/ width: 220px;
  /*rem*/ width: 13.75rem;
}
.cc textarea.inp-m {
  /*px*/ width: 420px;
  /*rem*/ width: 26.25rem;
}
.cc .inp-l {
  /*px*/ width: 380px;
  /*rem*/ width: 23.75rem;
}
.cc .inp-xl {
  /*px*/ width: 500px;
  /*rem*/ width: 31.25rem;
}
.cc .help {
  color: #f3f0ed;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc .ctxt-form-horizontal {
  width: auto\9;
  /* IE<10 */
}
.cc .ctxt-form-horizontal .form-group {
  display: -ms-flexbox;
  /* IE10 */
  display: flex;
  -ms-flex-direction: row;
  /* IE10 */
  flex-direction: row;
}
.cc .ctxt-form-horizontal .form-group:first-child {
  /*px*/ padding-top: 12px;
  /*rem*/ padding-top: 0.75rem;
}
.cc .ctxt-form-horizontal .form-group > label,
.cc .ctxt-form-horizontal .form-group .form-label {
  display: table-cell;
  /* IE<10 */
  width: 10em\9;
  /* IE<10 */
  -ms-flex: 1 0 100px;
  /* IE10 */
  flex: 1 0 0;
  /*px*/ padding: 8px 16px 16px 16px;
  /*rem*/ padding: 0.5rem 1rem 1rem 1rem;
  text-align: right;
}
.cc .ctxt-form-horizontal .form-group .form-control {
  display: table-cell;
  /* IE<10 */
  width: 25em\9;
  /* IE<10 */
  -ms-flex: 2 0 100px;
  /* IE10 */
  flex: 2 0 0;
  /*px*/ padding: 4px 16px 16px 16px;
  /*rem*/ padding: 0.25rem 1rem 1rem 1rem;
}
.cc .ctxt-form-horizontal .form-group .form-control > .RIB {
  margin-left: 0;
}
.cc .ctxt-form-horizontal .form-group .form-text1 {
  display: table-cell;
  /* IE<10 */
  width: 10em\9;
  /* IE<10 */
  -ms-flex: 1 0 100px;
  /* IE10 */
  flex: 1 0 0;
  /*px*/ padding: 8px 0 8px 16px;
  /*rem*/ padding: 0.5rem 0 0.5rem 1rem;
  text-align: right;
}
.cc .ctxt-form-horizontal .form-group .form-text2 {
  display: table-cell;
  /* IE<10 */
  width: 25em\9;
  /* IE<10 */
  -ms-flex: 2 0 100px;
  /* IE10 */
  flex: 2 0 0;
  /*px*/ padding: 8px 16px 8px 8px;
  /*rem*/ padding: 0.5rem 1rem 0.5rem 0.5rem;
}
.cc .ctxt-form-horizontal button {
  /*px*/ margin: 32px 0 16px 40%;
  /*rem*/ margin: 2rem 0 1rem 2.5%rem;
}
.cc .ctxt-form-horizontal button[type=submit] {
  /*px*/ min-width: 160px;
  /*rem*/ min-width: 10rem;
}
.cc .ctxt-confirm div.info,
.cc .ctxt-confirm div.steps {
  margin: 16px 12.5%;
}
.cc form[data-step='1'] li#step1 > span,
.cc form[data-step='2'] li#step2 > span,
.cc form[data-step='3'] li#step3 > span,
.cc form[data-step='4'] li#step4 > span,
.cc .steps li#confirm > span,
.cc .steps li.active > span {
  background: #009999;
  color: #fff;
  border-left: 1px solid #eeeeee;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%224px%22%20height%3D%228.012px%22%20viewBox%3D%220%200%204%208.012%22%20enable-background%3D%22new%200%200%204%208.012%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23eeeeee%22%20points%3D%220.001%2C-0.005%204.001%2C4.006%200.001%2C8.018%20%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center left;
}
.cc form[data-step='1'] li#step1 > span:before,
.cc form[data-step='2'] li#step2 > span:before,
.cc form[data-step='3'] li#step3 > span:before,
.cc form[data-step='4'] li#step4 > span:before,
.cc .steps li#confirm > span:before,
.cc .steps li.active > span:before {
  border: 2px solid #fff;
}
.cc form[data-step='1'] li#step1 + li > span,
.cc form[data-step='2'] li#step2 + li > span,
.cc form[data-step='3'] li#step3 + li > span,
.cc form[data-step='4'] li#step4 + li > span,
.cc .steps li#confirm + li > span,
.cc .steps li.active + li > span {
  border-left: 1px solid #009999;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%224px%22%20height%3D%228.012px%22%20viewBox%3D%220%200%204%208.012%22%20enable-background%3D%22new%200%200%204%208.012%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23009999%22%20points%3D%220.001%2C-0.005%204.001%2C4.006%200.001%2C8.018%20%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center left;
}
.cc form[data-formsteps='true'] fieldset {
  display: none;
}
.cc form[data-formsteps='true'] fieldset legend {
  display: none;
}
.cc form[data-formsteps='true'] > [class^=ctxt-form] button {
  display: none;
}
.cc form[data-step='1'] #fieldset1,
.cc form[data-step='2'] #fieldset2,
.cc form[data-step='3'] #fieldset3,
.cc form[data-step='4'] #fieldset4 {
  display: block;
}
/* Everything but IE<=8 */
:root .cc .ctxt-form-horizontal .form-group > label,
:root .cc .ctxt-form-horizontal .form-group .form-label,
:root .cc .ctxt-form-horizontal .form-group .form-control,
:root .cc .ctxt-form-horizontal .form-group .form-text1,
:root .cc .ctxt-form-horizontal .form-group .form-text2 {
  display: block;
}
html[lang='\fr'] .cc .ctxt-form-horizontal .form-group > label,
.cc .form-label {
  display: inline;
}
/* IE<10 */
.cc .ctxt-form-inline .form-group {
  display: inline-block;
  background: transparent;
  padding: 0;
}
.cc .ctxt-form-inline .form-group > label,
.cc .ctxt-form-inline .form-group .form-label {
  display: inline-block;
  padding: 1em;
}
.cc .ctxt-form-inline .form-group .form-control {
  display: inline-block;
  padding: 1em;
}
.cc .ctxt-form-inline button,
.cc .ctxt-form-inline .button {
  min-width: 42px;
  margin: 0.7em;
}
.cc .i_blocgenform ~ .ctxt-confirm {
  display: none;
}
@media only screen and (max-width: 1280px) {
  .cc .ctxt-confirm div.info,
  .cc .ctxt-confirm div.steps {
    /*px*/ margin: 16px;
    /*rem*/ margin: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .steps {
    /*px*/ padding: 0 16px;
    /*rem*/ padding: 0 1rem;
  }
  .cc .i_blocgenform form > div.ctxt-form .form-group,
  .cc .i_blocgenform form > p.soft {
    /*px*/ margin: 0 16px;
    /*rem*/ margin: 0 1rem;
  }
  .cc .i_blocgenform fieldset {
    /*px*/ margin: 8px 16px;
    /*rem*/ margin: 0.5rem 1rem;
  }
  .cc .i_blocgenform > .tabs {
    display: block;
  }
  .cc .i_blocgenform > .tabs .tab-on {
    margin-left: 0;
  }
  .cc .ctxt-confirm div.info,
  .cc .ctxt-confirm div.steps {
    /*px*/ margin: 8px;
    /*rem*/ margin: 0.5rem;
  }
  .cc .ctxt-form-horizontal .form-group {
    display: block;
  }
  .cc .ctxt-form-horizontal .form-group > label,
  .cc .ctxt-form-horizontal .form-group .form-label {
    /*px*/ padding: 12px 16px 0;
    /*rem*/ padding: 0.75rem 1rem 0;
    text-align: left;
  }
  .cc .ctxt-form-horizontal .form-group .form-control {
    /*px*/ padding: 0 16px 18px;
    /*rem*/ padding: 0 1rem 1.125rem;
  }
  .cc .ctxt-form-horizontal .form-group .form-text1 {
    /*px*/ padding: 12px 0 0 16px;
    /*rem*/ padding: 0.75rem 0 0 1rem;
    text-align: left;
  }
  .cc .ctxt-form-horizontal .form-group .form-text2 {
    /*px*/ padding: 0 0 18px 16px;
    /*rem*/ padding: 0 0 1.125rem 1rem;
  }
  .cc .ctxt-form-horizontal button {
    /*px*/ margin: 0 0 4px 24px;
    /*rem*/ margin: 0 0 0.25rem 1.5rem;
  }
  [class^="ctxt-form"] .inp-l,
  .inp-xl {
    /*px*/ width: 220px;
    /*rem*/ width: 13.75rem;
  }
}
.tile .ctxt-form-redux .form-group {
  display: inline-block;
  /*px*/ margin-bottom: 8px;
  /*rem*/ margin-bottom: 0.5rem;
  position: relative;
}
.tile .ctxt-form-redux .form-group label,
.tile .ctxt-form-redux .form-group .form-label {
  position: absolute;
  color: #717171;
  z-index: 10;
  top: 0px;
  left: 2px;
  line-height: 0.9;
  transition: top 1s ease 0s;
  padding: 0 2px;
  margin-left: 8 px;
}
.tile .ctxt-form-redux .form-group:hover > label,
.tile .ctxt-form-redux .form-group:hover > .form-label {
  color: #414141;
  text-shadow: 2px 2px 3px #fff;
  top: -6px;
  background: rgba(255, 255, 255, 0.7);
}
.tile .ctxt-form-redux input {
  color: #414141;
  /*px*/ padding: 4px 8px;
  /*rem*/ padding: 0.25rem 0.5rem;
  border-style: solid;
  border-width: 1px;
  border-color: #eeeeee #8B725E #8B725E #eeeeee;
  box-shadow: 1px 1px 2px 0 #8B725E inset;
  transition: box-shadow 0.3s ease 0s;
}
.tile .ctxt-form-redux input:focus {
  border-color: #eeeeee #8B725E #8B725E #eeeeee;
  box-shadow: 2px 2px 2px 0 #8B725E inset;
}
.tile .ctxt-form-redux button[type=submit] {
  background: #be161c;
  border-color: #fff;
  color: #fff;
  text-transform: uppercase;
  /*px*/ margin: 4px 0 8px 0;
  /*rem*/ margin: 0.25rem 0 0.5rem 0;
}
.tile .ctxt-form-redux button[type=submit]:hover,
.tile .ctxt-form-redux button[type=submit]:focus {
  background: #fff;
  border-color: #be161c;
  color: #be161c;
}
.cc {
  /* Simulateurs */
}
.cc .ctxt-simul {
  display: flex;
  /*px*/ margin: 8px -24px;
  /*rem*/ margin: 0.5rem -1.5rem;
  /*px*/ padding: 16px;
  /*rem*/ padding: 1rem;
  background: #00ff00;
}
.cc .ctxt-simul .input {
  flex: 2;
}
.cc .ctxt-simul .input > div {
  /*px*/ margin-top: 16px;
  /*rem*/ margin-top: 1rem;
}
.cc .ctxt-simul .input > div:first-child {
  margin-top: 0;
}
.cc .ctxt-simul .step {
  display: block;
  margin: 0;
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
.cc .ctxt-simul .step strong {
  color: #009999;
}
.cc .ctxt-simul .step .n {
  display: inline-block;
  /*px*/ width: 32px;
  /*rem*/ width: 2rem;
  /*px*/ height: 32px;
  /*rem*/ height: 2rem;
  border: 1px solid #717171;
  /*px*/ border-radius: 16px;
  /*rem*/ border-radius: 1rem;
  text-align: center;
}
.cc .ctxt-simul fieldset {
  margin: 0;
  /*px*/ margin-top: 8px;
  /*rem*/ margin-top: 0.5rem;
  padding: 0;
  border: none;
}
.cc .ctxt-simul fieldset label {
  display: block;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ padding: 0 16px;
  /*rem*/ padding: 0 1rem;
}
.cc .ctxt-simul .selrange {
  background: #00ff00;
  /*px*/ margin: 0 8px 16px 8px;
  /*rem*/ margin: 0 0.5rem 1rem 0.5rem;
  /*px*/ padding: 0 8px 8px 8px;
  /*rem*/ padding: 0 0.5rem 0.5rem 0.5rem;
  display: flex;
  position: relative;
}
.cc .ctxt-simul .selrange .range {
  flex: 1 1 auto;
  /*px*/ margin-right: 10px;
  /*rem*/ margin-right: 0.625rem;
}
.cc .ctxt-simul .selrange .range input {
  /*px*/ margin-top: 6px;
  /*rem*/ margin-top: 0.375rem;
  width: 100%;
}
.cc .ctxt-simul .selrange .range .min,
.cc .ctxt-simul .selrange .range .max {
  color: #f3f0ed;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  /*px*/ margin: -2px 4px 0 4px;
  /*rem*/ margin: -0.125rem 0.25rem 0 0.25rem;
}
.cc .ctxt-simul .selrange .range .min {
  float: left;
}
.cc .ctxt-simul .selrange .range .max {
  float: right;
}
.cc .ctxt-simul .selrange .number {
  flex: 0 0 auto;
}
.cc .ctxt-simul .selrange .number div {
  display: flex;
  /*px*/ width: 150px;
  /*rem*/ width: 9.375rem;
}
.cc .ctxt-simul .selrange .number .input {
  flex: 1;
}
.cc .ctxt-simul .selrange .number .input input {
  width: 100%;
  -moz-appearance: textfield;
  /*px*/ height: 30px;
  /*rem*/ height: 1.875rem;
  text-align: center;
  border-color: #8B725E;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  border-radius: 5px 0 0 5px;
}
.cc .ctxt-simul .selrange .number .unit {
  flex: 0;
  /*px*/ height: 30px;
  /*rem*/ height: 1.875rem;
  text-align: center;
  border-color: #8B725E;
  background: #fff;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  border-radius: 0 5px 5px 0;
  /*px*/ padding: 4px;
  /*rem*/ padding: 0.25rem;
  font-size: 1.1em;
  color: #f3f0ed;
}
.cc .ctxt-simul .selrange .err-msg {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #ff0000;
  width: 100%;
  text-align: center;
}
.cc .ctxt-simul .selrange.invalid .unit {
  box-shadow: 0 0 1.5px 1px red;
}
.cc .ctxt-simul .output {
  flex: 1;
  background: #fff;
  /*px*/ margin-left: 16px;
  /*rem*/ margin-left: 1rem;
  /*px*/ padding: 4px;
  /*rem*/ padding: 0.25rem;
}
.cc .ctxt-simul .output p {
  /*px*/ padding: 8px 16px;
  /*rem*/ padding: 0.5rem 1rem;
  font-size: 1.4em;
}
.cc .ctxt-simul .output .step {
  border-bottom: 4px solid #009999;
  text-align: center;
  position: relative;
}
.cc .ctxt-simul .output .step:after {
  display: block;
  width: 10px;
  height: 4px;
  position: absolute;
  left: 45%;
  bottom: -8 px;
  background: url(/fr/images/appli/ei_custom_accueil/cic_fleche_vert.png);
  content: " ";
}
.cc .ctxt-simul .output strong {
  color: #009999;
}
.cc .ctxt-simul .output .button.ctxt-subscribe {
  border-color: #be161c;
  color: #be161c;
  background: #fff;
}
.cc .ctxt-simul .output .button.ctxt-subscribe:before {
  color: #be161c;
}
.cc .ctxt-simul .output .button.ctxt-subscribe:hover,
.cc .ctxt-simul .output .button.ctxt-subscribe:focus {
  color: #fff;
  background: #be161c;
}
.cc .ctxt-simul .output .button.ctxt-subscribe:hover:before,
.cc .ctxt-simul .output .button.ctxt-subscribe:focus:before {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .cc {
    /* Simulateurs */
  }
  .cc .ctxt-simul {
    flex-direction: column;
  }
}
/****************************************/
/********** Styles CIC-BP 2018 *************/
/****************************************/
/* Description :                        */
/*  - Styles CIC-BP 2018/Besoin  */
/*    Sous-Rubrique         */
/* Responsabilit� :                     */
/*  - �quipe DIGITALE CM-CIC         */
/* Historique :                         */
/*  - 26/03/2018 : cr�ation             */
/****************************************/
/****************************************/
.cc.ctxt-need article > header {
  background-image: none;
}
.cc.ctxt-need article > header .window {
  padding: 0;
  min-height: none;
  max-height: none;
}
.cc.ctxt-need article .body {
  background: none;
}
.cc.ctxt-need article .intro > div,
.cc.ctxt-need article footer {
  max-width: 1000px;
}
.cc.ctxt-need article .intro > div > *,
.cc.ctxt-need article footer > * {
  max-width: 1000px;
  margin: 0 auto;
}
.cc.ctxt-need article .body {
  /*px*/ padding: 40px;
  /*rem*/ padding: 2.5rem;
}
@media only screen and (max-width: 632px) {
  .cc.ctxt-need article .body {
    /*px*/ padding: 16px;
    /*rem*/ padding: 1rem;
  }
}
.cc.ctxt-need article .body section {
  max-width: 100%;
}
.cc.ctxt-need article .body section.ctxt-services {
  display: flex;
  margin-bottom: 56px;
}
.cc.ctxt-need #autresProduits > h1,
.cc.ctxt-need #autresProduits > h2 {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 400;
  /*.px-to-rem(padding-bottom,18);*/
}
.cc.ctxt-need #autresProduits .picto {
  color: #be161c;
  font-size: 75px;
}
.cc.ctxt-need #autresProduits .tiles > div,
.cc.ctxt-need #autresProduits .tiles > article {
  flex:  1 1 0px;
}
.cc.ctxt-need aside[role="complementary"] {
  margin-left: 0px;
  margin-right: 0px;
}
.cc.ctxt-need aside[role="complementary"]:before {
  /*display: block;
			content: '';
			width:100%;
			height:1px;*/
  border-top: none;
  /*margin-left:auto; 
			margin-right:auto; 
			padding-top:65px;*/
}
.cc.ctxt-need aside[role="complementary"] > h1 {
  /*px*/ padding-bottom: 18px;
  /*rem*/ padding-bottom: 1.125rem;
}
/****************************************/
/*******Styles CIC-BP 2018 *************/
/****************************************/
/* Description :                        */
/*  - Styles CIC-BP 2018/Dossiers          */
/* Responsabilité :                     */
/*  - Équipe DIGITALE CM-CIC       */
/* Historique :                         */
/*  - 24/04/2018 : création             */
/****************************************/
/****************************************/
.ctxt-compiled aside.tiles {
  display: none;
}
.cc.ctxt-guide div.menu,
.cc.ctxt-tool div.menu,
.cc.ctxt-basic div.menu {
  /*px*/ margin: 16px -8px;
  /*rem*/ margin: 1rem -0.5rem;
  display: flex;
}
.cc.ctxt-guide div.menu article,
.cc.ctxt-tool div.menu article,
.cc.ctxt-basic div.menu article {
  flex: 1 1 33%;
  /*px*/ margin: 0 8px;
  /*rem*/ margin: 0 0.5rem;
}
.cc.ctxt-guide div.menu article div.tile,
.cc.ctxt-tool div.menu article div.tile,
.cc.ctxt-basic div.menu article div.tile {
  max-width: 300px;
  /*px*/ min-height: 130px;
  /*rem*/ min-height: 8.125rem;
  /*border: 1px solid @C24;
				border-top: 4px solid @C4;
				background: @C15;*/
  padding-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
}
.cc.ctxt-guide div.menu article div.tile h1,
.cc.ctxt-tool div.menu article div.tile h1,
.cc.ctxt-basic div.menu article div.tile h1 {
  /*px*/ padding-left: 18px;
  /*rem*/ padding-left: 1.125rem;
  /*px*/ padding-right: 5px;
  /*rem*/ padding-right: 0.3125rem;
  border-left: 10px solid #be161c;
  margin-top: 0;
  /*px*/ padding-top: 8px;
  /*rem*/ padding-top: 0.5rem;
}
.cc.ctxt-guide div.menu article div.tile h1 a,
.cc.ctxt-tool div.menu article div.tile h1 a,
.cc.ctxt-basic div.menu article div.tile h1 a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.cc.ctxt-guide div.menu article div.tile h1 a:hover,
.cc.ctxt-tool div.menu article div.tile h1 a:hover,
.cc.ctxt-basic div.menu article div.tile h1 a:hover {
  text-decoration: underline;
}
.cc.ctxt-guide div.menu article div.tile figure,
.cc.ctxt-tool div.menu article div.tile figure,
.cc.ctxt-basic div.menu article div.tile figure {
  /*flex: 0 0 150px;*/
  /*px*/ height: 126px;
  /*rem*/ height: 7.875rem;
}
.cc.ctxt-guide div.menu article div.tile figure img,
.cc.ctxt-tool div.menu article div.tile figure img,
.cc.ctxt-basic div.menu article div.tile figure img {
  height: 126px;
  width: auto;
}
.cc.ctxt-guide div.menu article div.tile div.banner,
.cc.ctxt-tool div.menu article div.tile div.banner,
.cc.ctxt-basic div.menu article div.tile div.banner {
  flex: 1 1 auto;
  min-height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*px*/ padding: 4px;
  /*rem*/ padding: 0.25rem;
}
.cc.ctxt-guide div.menu article div.tile.clickable:hover a,
.cc.ctxt-tool div.menu article div.tile.clickable:hover a,
.cc.ctxt-basic div.menu article div.tile.clickable:hover a {
  color: #be161c;
  text-decoration: underline;
}
.cc.ctxt-guide div.menu article span.soft,
.cc.ctxt-tool div.menu article span.soft,
.cc.ctxt-basic div.menu article span.soft {
  /*px*/ margin: 0 8px;
  /*rem*/ margin: 0 0.5rem;
}
.cc.ctxt-guide div.menu article span.soft:after,
.cc.ctxt-tool div.menu article span.soft:after,
.cc.ctxt-basic div.menu article span.soft:after {
  speak: none;
  font-family: "fts_picto";
  content: '\F032A';
  color: #717171;
  vertical-align: sub;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  /*px*/ padding-left: 4px;
  /*rem*/ padding-left: 0.25rem;
}
.cc.ctxt-guide div.menu article span.soft.next:after,
.cc.ctxt-tool div.menu article span.soft.next:after,
.cc.ctxt-basic div.menu article span.soft.next:after {
  speak: none;
  content: '\F0329';
}
.cc.ctxt-guide div.menu article span.soft.prev:after,
.cc.ctxt-tool div.menu article span.soft.prev:after,
.cc.ctxt-basic div.menu article span.soft.prev:after {
  speak: none;
  content: '\F0328';
}
.cc.ctxt-guide div.menu article h1,
.cc.ctxt-tool div.menu article h1,
.cc.ctxt-basic div.menu article h1 {
  margin-top: 0;
}
.cc.ctxt-guide div.menu article a:hover,
.cc.ctxt-tool div.menu article a:hover,
.cc.ctxt-basic div.menu article a:hover,
.cc.ctxt-guide div.menu article a:focus,
.cc.ctxt-tool div.menu article a:focus,
.cc.ctxt-basic div.menu article a:focus {
  color: #be161c;
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-guide div.menu,
  .cc.ctxt-tool div.menu,
  .cc.ctxt-basic div.menu {
    flex-direction: column-reverse;
  }
  .cc.ctxt-guide div.menu article,
  .cc.ctxt-tool div.menu article,
  .cc.ctxt-basic div.menu article {
    /*px*/ margin: 4px 8px;
    /*rem*/ margin: 0.25rem 0.5rem;
  }
}
.cc.ctxt-guide.pdf,
.cc.ctxt-tool.pdf,
.cc.ctxt-basic.pdf {
  background: #eeeeee;
  padding: 0;
  /*px*/ margin-top: 16px;
  /*rem*/ margin-top: 1rem;
}
.cc.ctxt-guide object[data$='.pdf'],
.cc.ctxt-tool object[data$='.pdf'],
.cc.ctxt-basic object[data$='.pdf'] {
  width: 100%;
  height: 700px;
  height: 60vh;
  /*px*/ margin: 8px 0;
  /*rem*/ margin: 0.5rem 0;
}
.cc.ctxt-guide section.summary,
.cc.ctxt-tool section.summary,
.cc.ctxt-basic section.summary {
  /*px*/ margin: 16px 0;
  /*rem*/ margin: 1rem 0;
  padding: 0;
  background: transparent;
}
.cc.ctxt-guide section.summary div.ei_cardboard,
.cc.ctxt-tool section.summary div.ei_cardboard,
.cc.ctxt-basic section.summary div.ei_cardboard {
  padding-bottom: 0;
}
.cc.ctxt-guide #summary div.tile,
.cc.ctxt-tool #summary div.tile,
.cc.ctxt-basic #summary div.tile {
  background: #fff;
  border-top: 4px solid #be161c;
  padding-top: 0;
  /*px*/ min-height: 380px;
  /*rem*/ min-height: 23.75rem;
}
.cc.ctxt-guide #summary div.tile figure,
.cc.ctxt-tool #summary div.tile figure,
.cc.ctxt-basic #summary div.tile figure {
  border: none;
}
.cc.ctxt-guide #summary div.tile figure img,
.cc.ctxt-tool #summary div.tile figure img,
.cc.ctxt-basic #summary div.tile figure img {
  max-width: none;
}
.cc.ctxt-guide #summary div.tile a,
.cc.ctxt-tool #summary div.tile a,
.cc.ctxt-basic #summary div.tile a {
  text-decoration: none;
}
.cc.ctxt-guide #summary div.tile a:hover,
.cc.ctxt-tool #summary div.tile a:hover,
.cc.ctxt-basic #summary div.tile a:hover,
.cc.ctxt-guide #summary div.tile a:focus,
.cc.ctxt-tool #summary div.tile a:focus,
.cc.ctxt-basic #summary div.tile a:focus {
  color: #be161c;
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-guide #summary div.tile,
  .cc.ctxt-tool #summary div.tile,
  .cc.ctxt-basic #summary div.tile {
    /*px*/ min-height: 180px;
    /*rem*/ min-height: 11.25rem;
  }
}
.cc.ctxt-guide section.media,
.cc.ctxt-tool section.media,
.cc.ctxt-basic section.media {
  text-align: center;
}
.cc.ctxt-guide section.media .px-video-container,
.cc.ctxt-tool section.media .px-video-container,
.cc.ctxt-basic section.media .px-video-container {
  margin: 0 auto;
}
.cc.ctxt-guide section.media.hasPlaylist,
.cc.ctxt-tool section.media.hasPlaylist,
.cc.ctxt-basic section.media.hasPlaylist {
  padding: 0 12.5%;
}
.cc.ctxt-guide section.media.hasPlaylist .px-video-container,
.cc.ctxt-tool section.media.hasPlaylist .px-video-container,
.cc.ctxt-basic section.media.hasPlaylist .px-video-container {
  display: flex;
}
.cc.ctxt-guide section.media.hasPlaylist .px-video-container .px-video-playList,
.cc.ctxt-tool section.media.hasPlaylist .px-video-container .px-video-playList,
.cc.ctxt-basic section.media.hasPlaylist .px-video-container .px-video-playList {
  flex: 1;
}
.cc.ctxt-guide section.media.hasPlaylist h2,
.cc.ctxt-tool section.media.hasPlaylist h2,
.cc.ctxt-basic section.media.hasPlaylist h2 {
  background: #be161c;
  color: #fff;
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
  margin: 0;
}
.cc.ctxt-guide section.media.hasPlaylist video,
.cc.ctxt-tool section.media.hasPlaylist video,
.cc.ctxt-basic section.media.hasPlaylist video {
  border-right: 1px solid #8B725E;
}
.cc.ctxt-guide section.media ul.video-playList,
.cc.ctxt-tool section.media ul.video-playList,
.cc.ctxt-basic section.media ul.video-playList {
  list-style: none;
  text-align: left;
  counter-reset: playlist-counter;
  margin: 0;
}
.cc.ctxt-guide section.media ul.video-playList li,
.cc.ctxt-tool section.media ul.video-playList li,
.cc.ctxt-basic section.media ul.video-playList li {
  color: #717171;
}
.cc.ctxt-guide section.media ul.video-playList li a,
.cc.ctxt-tool section.media ul.video-playList li a,
.cc.ctxt-basic section.media ul.video-playList li a {
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
  text-decoration: none;
  color: #717171;
  font-weight: normal;
  display: flex;
  align-items: center;
  border-top: 1px solid #717171;
  /*px*/ margin-left: 8px;
  /*rem*/ margin-left: 0.5rem;
}
.cc.ctxt-guide section.media ul.video-playList li a .n,
.cc.ctxt-tool section.media ul.video-playList li a .n,
.cc.ctxt-basic section.media ul.video-playList li a .n {
  flex: 0 0 32 px;
  background: #717171;
  color: #fff;
  content: counter(playlist-counter);
  counter-increment: playlist-counter;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  text-align: center;
}
.cc.ctxt-guide section.media ul.video-playList li a .title,
.cc.ctxt-tool section.media ul.video-playList li a .title,
.cc.ctxt-basic section.media ul.video-playList li a .title {
  flex: 1;
  line-height: 1;
  /*px*/ padding: 4px 8px;
  /*rem*/ padding: 0.25rem 0.5rem;
}
.cc.ctxt-guide section.media ul.video-playList li a .title time,
.cc.ctxt-tool section.media ul.video-playList li a .title time,
.cc.ctxt-basic section.media ul.video-playList li a .title time {
  float: none;
}
.cc.ctxt-guide section.media ul.video-playList li a:hover .n,
.cc.ctxt-tool section.media ul.video-playList li a:hover .n,
.cc.ctxt-basic section.media ul.video-playList li a:hover .n,
.cc.ctxt-guide section.media ul.video-playList li a:focus .n,
.cc.ctxt-tool section.media ul.video-playList li a:focus .n,
.cc.ctxt-basic section.media ul.video-playList li a:focus .n {
  background: #be161c;
}
.cc.ctxt-guide section.media ul.video-playList li a:hover .title,
.cc.ctxt-tool section.media ul.video-playList li a:hover .title,
.cc.ctxt-basic section.media ul.video-playList li a:hover .title,
.cc.ctxt-guide section.media ul.video-playList li a:focus .title,
.cc.ctxt-tool section.media ul.video-playList li a:focus .title,
.cc.ctxt-basic section.media ul.video-playList li a:focus .title {
  color: #be161c;
}
.cc.ctxt-guide section.media ul.video-playList li time:before,
.cc.ctxt-tool section.media ul.video-playList li time:before,
.cc.ctxt-basic section.media ul.video-playList li time:before {
  content: "[";
}
.cc.ctxt-guide section.media ul.video-playList li time:after,
.cc.ctxt-tool section.media ul.video-playList li time:after,
.cc.ctxt-basic section.media ul.video-playList li time:after {
  content: "]";
}
.cc.ctxt-guide section.media ul.video-playList li:first-child a,
.cc.ctxt-tool section.media ul.video-playList li:first-child a,
.cc.ctxt-basic section.media ul.video-playList li:first-child a {
  border-top: none;
}
.cc.ctxt-guide section.media ul.video-playList li.active,
.cc.ctxt-tool section.media ul.video-playList li.active,
.cc.ctxt-basic section.media ul.video-playList li.active {
  background: #eeeeee;
  color: #000;
}
.cc.ctxt-guide section.media ul.video-playList li.active a,
.cc.ctxt-tool section.media ul.video-playList li.active a,
.cc.ctxt-basic section.media ul.video-playList li.active a {
  color: #000;
}
.cc.ctxt-guide section.media ul.video-playList li.active a .n,
.cc.ctxt-tool section.media ul.video-playList li.active a .n,
.cc.ctxt-basic section.media ul.video-playList li.active a .n {
  background: #be161c;
}
@media only screen and (max-width: 1280px) {
  .cc.ctxt-guide section.media.hasPlaylist,
  .cc.ctxt-tool section.media.hasPlaylist {
    /*px*/ margin: 0 16px;
    /*rem*/ margin: 0 1rem;
  }
  .cc.ctxt-guide section.transcript,
  .cc.ctxt-tool section.transcript {
    /*px*/ padding: 0 16px;
    /*rem*/ padding: 0 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-guide.pdf,
  .cc.ctxt-tool.pdf {
    padding: 0;
  }
  .cc.ctxt-guide section.media.hasPlaylist .px-video-container,
  .cc.ctxt-tool section.media.hasPlaylist .px-video-container {
    flex-direction: column;
  }
  .cc.ctxt-guide section.media.hasPlaylist .px-video-container .px-video-playList,
  .cc.ctxt-tool section.media.hasPlaylist .px-video-container .px-video-playList {
    order: -1;
  }
}
@media only screen and (max-width: 632px) {
  .cc.ctxt-guide .ei_cardboard .ei_cardboarditem,
  .cc.ctxt-tool .ei_cardboard .ei_cardboarditem {
    width: 100%;
  }
  article div.tile .intro {
    display: block;
  }
}
/****************************************/
/********** Styles CIC-BP 2018 *************/
/****************************************/
/* Description :                        */
/*  - Styles CIC-BP 2018/Accueil  */
/* Responsabilit� :                     */
/*  - �quipe DIGITALE CM-CIC         */
/* Historique :                         */
/*  - 04/006/2018 : cr�ation             */
/****************************************/
/****************************************/
.cc.ctxt-home article section {
  /*px*/ padding-bottom: 65px;
  /*rem*/ padding-bottom: 4.0625rem;
}
.cc.ctxt-home article h2 {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  text-transform: uppercase;
}
.cc.ctxt-home article .actions {
  position: relative;
  text-align: right;
}
.cc.ctxt-home article .actions .button {
  text-transform: uppercase;
  display: inline-block;
  padding-right: 20px;
  font-family: sinkinsans, sans-serif;
  font-weight: 500;
}
.cc.ctxt-home article .actions .button:before {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-top: 1px solid #8a1b1a;
  border-right: 1px solid #8a1b1a;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 5px;
}
.cc.ctxt-home article .ctxt-others {
  display: flex;
  overflow: hidden;
}
.cc.ctxt-home article .ctxt-others > div:first-child {
  flex: 1 1 55%;
  padding-right: 20px;
}
.cc.ctxt-home article .ctxt-others > div {
  flex: 1 1 40%;
  height: 400px;
}
.cc.ctxt-home article .ctxt-others .img {
  height: auto;
  width: 100%;
}
.cc.ctxt-home article .ctxt-others .img img {
  /*height: 100%;*/
  width: 100%;
  margin-left: 75px;
}
.cc.ctxt-home article .ctxt-others h1 {
  /*px*/ font-size: 17px;
  /*rem*/ font-size: 1.0625rem;
  text-transform: uppercase;
  margin-top: 0;
}
.cc.ctxt-home article .ctxt-others .window {
  padding: 40px 30px;
  min-height: 250px;
  height: 250px;
  width: 350px;
  top: 10%;
  left: 0;
}
.cc.ctxt-home article .ctxt-others .contact h2 {
  margin-left: 75px;
}
.cc.ctxt-home article .ctxt-others .contact .intro {
  line-height: 1.3rem;
  width: 100%;
}
.cc.ctxt-home article .ctxt-others .contact .window {
  min-height: 250px;
  top: 10%;
  left: calc(50% - 140px);
}
.cc.ctxt-home article .ctxt-others .contact .window .overlay {
  color: #555555;
}
.cc.ctxt-home article .ctxt-others .contact .window .overlay a {
  color: #555555;
}
.cc.ctxt-home article .ctxt-others .contact .window .overlaybg {
  background-color: #FFF;
  mix-blend-mode: normal;
  opacity: 0.85;
}
.cc.ctxt-home article .ctxt-others .contact .window .overlaybg.active.ie:after {
  background-color: transparent !important;
}
.cc.ctxt-home article .ctxt-others .contact .window .overlaybg.active.ie:before {
  background-color: transparent !important;
}
.cc.ctxt-home article .ctxt-others .contact .img img {
  /*	height: auto;
						width: 100%;*/
}
.cc.ctxt-home article footer:before {
  display: none;
}
@media only screen and (max-width: 970px) {
  .cc.ctxt-home article .ctxt-others {
    display: block	;
  }
  .cc.ctxt-home article .ctxt-others > div {
    height: 425px;
    margin-bottom: 30px;
    margin-right: 25px;
    overflow: hidden;
  }
}
/*
//-----------ttt--
@import "../../styles/components/objectPdf.less";

@import "components/asides.less";
@import "components/services.less";
@import "components/guides.less";
//@import "contacts.less";
@import "components/forms.less";
@import "components/eiapps.less";
*/
/****************************************/
/********** Styles CIC BP 2018 *************/
/****************************************/
/* Description :                        */
/*  - Styles CIC 2018/Produits          */
/* Responsabilité :                     */
/*  - Équipe DIGITALE CM-CIC/AM         */
/* Historique :                         */
/*  - 12/06/2019 : création             */
/****************************************/
/****************************************/
@media only screen and (max-width: 970px) {
  .cc.ctxt-service .headerAlt .headerAlt_left {
    display: none;
  }
  .cc.ctxt-service .headerAlt .headerAlt_right {
    display: block;
  }
}
.cc.ctxt-service .intro {
  /*px*/ margin-bottom: 16px;
  /*rem*/ margin-bottom: 1rem;
}
.cc.ctxt-service .intro.hero {
  margin-bottom: 0;
}
.cc.ctxt-service div.summary > ul.img {
  display: flexbox;
  display: flex;
  align-items: flex-start;
  /*px*/ margin: 8px 16px;
  /*rem*/ margin: 0.5rem 1rem;
  line-height: 1.2;
  min-height: unset;
  background-color: transparent;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-service div.summary > ul.img {
    margin: 0;
  }
}
.cc.ctxt-service div.summary > ul.img li {
  flex-positive: 1;
  flex: 1 1 0%;
  text-align: center;
  /*px*/ padding: 0 8px;
  /*rem*/ padding: 0 0.5rem;
  font-family: 'Fabrikat', 'Arial Narrow', Helvetica, sans-serif;
  font-weight: bold;
  max-width: 33%;
  /* IE */
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-service div.summary > ul.img li {
    padding: 0;
  }
}
.cc.ctxt-service div.summary > ul.img li p {
  margin: 0;
  padding: 0;
}
.cc.ctxt-service div.summary > ul.img li div.text {
  font-family: 'Fabrikat', 'Arial Narrow', Helvetica, sans-serif;
  height: 60px;
  font-weight: bold;
}
.cc.ctxt-service div.summary > ul.img li div.text strong {
  display: inline-block;
  font-family: 'Fabrikat', 'Arial Narrow', Helvetica, sans-serif;
  color: #be161c;
  font-size: 30px;
  /*px*/ padding: 0 8px;
  /*rem*/ padding: 0 0.5rem;
}
.cc.ctxt-service div.summary > ul.img li div.font {
  font-size: 42px;
  width: 100%;
  height: 60px;
  color: #be161c;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-service div.summary > ul.img li {
    display: block !important;
    margin-bottom: 10px;
  }
  .cc.ctxt-service div.summary > ul.img li .font {
    float: left;
  }
}
.cc.ctxt-service div.summary dl {
  display: table;
  width: 100%;
  margin: 0;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.cc.ctxt-service div.summary dl dt {
  display: block;
  width: 30%;
  float: left;
  clear: both;
  text-align: right;
  font-family: 'roboto_medium', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 3px 1%;
}
.cc.ctxt-service div.summary dl dd {
  display: block;
  width: 70%;
  float: left;
  margin: 0;
  padding: 3px 1%;
}
.cc.ctxt-service div.summary dl dd ul {
  margin: 0;
  padding-left: 15px;
}
.cc.ctxt-service div.summary dl dd ul.styled {
  /*px*/ margin: -4px 0 0 0;
  /*rem*/ margin: -0.25rem 0 0 0;
  padding-left: 0;
}
.cc.ctxt-service div.summary dl dd ul.styled li {
  margin: 0;
}
.cc.ctxt-service div.summary > ul.styled {
  /*px*/ margin-left: 32px;
  /*rem*/ margin-left: 2rem;
}
.cc.ctxt-service .hero p ~ div.summary {
  /*px*/ margin-top: -16px;
  /*rem*/ margin-top: -1rem;
}
.cc.ctxt-service section#synthese {
  padding: 0;
  /*px*/ padding-top: 16px;
  /*rem*/ padding-top: 1rem;
  margin-right: 9.5%;
}
.cc.ctxt-service section#synthese > .msg {
  /*px*/ margin: 0 16px;
  /*rem*/ margin: 0 1rem;
}
.cc.ctxt-service section#synthese .intro {
  /*px*/ padding-top: 8px;
  /*rem*/ padding-top: 0.5rem;
  background: #eeeeee;
}
.cc.ctxt-service section#synthese .intro.hero {
  background: transparent;
}
@media only screen and (max-width: 970px) {
  .cc.ctxt-service section#synthese {
    margin-right: 0;
  }
}
.cc.ctxt-service section#quiz {
  /*px*/ margin: 40px 0;
  /*rem*/ margin: 2.5rem 0;
  /*px*/ padding: 4px;
  /*rem*/ padding: 0.25rem;
  background: #fff;
  color: #000;
}
.cc.ctxt-service section#quiz h1 {
  color: #009999;
  text-align: center;
  /*px*/ font-size: 26px;
  /*rem*/ font-size: 1.625rem;
  /*px*/ padding: 16px 0;
  /*rem*/ padding: 1rem 0;
  margin: 0;
  border-bottom: 3px solid #009999;
}
.cc.ctxt-service section#quiz aside.help {
  background: #00ff00;
  /*px*/ margin: 8px 8px 8px -32px;
  /*rem*/ margin: 0.5rem 0.5rem 0.5rem -2rem;
  /*px*/ padding: 16px;
  /*rem*/ padding: 1rem;
}
.cc.ctxt-service section#quiz .form-button {
  /*px*/ padding-top: 16px;
  /*rem*/ padding-top: 1rem;
}
.cc.ctxt-service section#simulation div.inserts {
  /*px*/ margin-top: 16px;
  /*rem*/ margin-top: 1rem;
}
.cc.ctxt-service section.ctxt-simul,
.cc.ctxt-service section.ctxt-subscribe,
.cc.ctxt-service section.ctxt-tools,
.cc.ctxt-service section.ctxt-links,
.cc.ctxt-service section.ctxt-video {
  background-color: #fff;
  margin: 0;
  /*px*/ padding: 8px 12px;
  /*rem*/ padding: 0.5rem 0.75rem;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-service section.ctxt-simul[data-ga-category='CallToAction'] > div,
  .cc.ctxt-service section.ctxt-subscribe[data-ga-category='CallToAction'] > div,
  .cc.ctxt-service section.ctxt-tools[data-ga-category='CallToAction'] > div,
  .cc.ctxt-service section.ctxt-links[data-ga-category='CallToAction'] > div,
  .cc.ctxt-service section.ctxt-video[data-ga-category='CallToAction'] > div {
    padding: 15px;
  }
  .cc.ctxt-service section.ctxt-simul[data-ga-category='CallToAction'] > div::before,
  .cc.ctxt-service section.ctxt-subscribe[data-ga-category='CallToAction'] > div::before,
  .cc.ctxt-service section.ctxt-tools[data-ga-category='CallToAction'] > div::before,
  .cc.ctxt-service section.ctxt-links[data-ga-category='CallToAction'] > div::before,
  .cc.ctxt-service section.ctxt-video[data-ga-category='CallToAction'] > div::before {
    position: static;
    font-size: 30px;
    text-align: left;
  }
  .cc.ctxt-service section.ctxt-simul[data-ga-category='CallToAction'] > div div.summary dl dt,
  .cc.ctxt-service section.ctxt-subscribe[data-ga-category='CallToAction'] > div div.summary dl dt,
  .cc.ctxt-service section.ctxt-tools[data-ga-category='CallToAction'] > div div.summary dl dt,
  .cc.ctxt-service section.ctxt-links[data-ga-category='CallToAction'] > div div.summary dl dt,
  .cc.ctxt-service section.ctxt-video[data-ga-category='CallToAction'] > div div.summary dl dt {
    width: 100%;
    float: none;
    text-align: left;
  }
  .cc.ctxt-service section.ctxt-simul[data-ga-category='CallToAction'] > div .actions .button,
  .cc.ctxt-service section.ctxt-subscribe[data-ga-category='CallToAction'] > div .actions .button,
  .cc.ctxt-service section.ctxt-tools[data-ga-category='CallToAction'] > div .actions .button,
  .cc.ctxt-service section.ctxt-links[data-ga-category='CallToAction'] > div .actions .button,
  .cc.ctxt-service section.ctxt-video[data-ga-category='CallToAction'] > div .actions .button {
    width: 100%;
  }
}
.cc.ctxt-service section.ctxt-simul > div,
.cc.ctxt-service section.ctxt-subscribe > div,
.cc.ctxt-service section.ctxt-tools > div,
.cc.ctxt-service section.ctxt-links > div,
.cc.ctxt-service section.ctxt-video > div {
  border: 1px solid #ccc;
  /*px*/ padding: 8px 8px 8px 100px;
  /*rem*/ padding: 0.5rem 0.5rem 0.5rem 6.25rem;
  position: relative;
  width: 100%;
}
.cc.ctxt-service section.ctxt-simul h2,
.cc.ctxt-service section.ctxt-subscribe h2,
.cc.ctxt-service section.ctxt-tools h2,
.cc.ctxt-service section.ctxt-links h2,
.cc.ctxt-service section.ctxt-video h2 {
  margin: 0;
}
.cc.ctxt-service section.ctxt-simul p.intro,
.cc.ctxt-service section.ctxt-subscribe p.intro,
.cc.ctxt-service section.ctxt-tools p.intro,
.cc.ctxt-service section.ctxt-links p.intro,
.cc.ctxt-service section.ctxt-video p.intro {
  background: transparent;
  /*px*/ font-size: 19px;
  /*rem*/ font-size: 1.1875rem;
}
.cc.ctxt-service section.ctxt-simul p,
.cc.ctxt-service section.ctxt-subscribe p,
.cc.ctxt-service section.ctxt-tools p,
.cc.ctxt-service section.ctxt-links p,
.cc.ctxt-service section.ctxt-video p {
  padding: 0;
}
.cc.ctxt-service section.ctxt-simul p.ei_feature__label,
.cc.ctxt-service section.ctxt-subscribe p.ei_feature__label,
.cc.ctxt-service section.ctxt-tools p.ei_feature__label,
.cc.ctxt-service section.ctxt-links p.ei_feature__label,
.cc.ctxt-service section.ctxt-video p.ei_feature__label,
.cc.ctxt-service section.ctxt-simul p.ei_feature__comp,
.cc.ctxt-service section.ctxt-subscribe p.ei_feature__comp,
.cc.ctxt-service section.ctxt-tools p.ei_feature__comp,
.cc.ctxt-service section.ctxt-links p.ei_feature__comp,
.cc.ctxt-service section.ctxt-video p.ei_feature__comp {
  /*px*/ padding-left: 49px;
  /*rem*/ padding-left: 3.0625rem;
}
.cc.ctxt-service section.ctxt-simul ul,
.cc.ctxt-service section.ctxt-subscribe ul,
.cc.ctxt-service section.ctxt-tools ul,
.cc.ctxt-service section.ctxt-links ul,
.cc.ctxt-service section.ctxt-video ul {
  margin: 0;
}
.cc.ctxt-service section.ctxt-simul p.actions,
.cc.ctxt-service section.ctxt-subscribe p.actions,
.cc.ctxt-service section.ctxt-tools p.actions,
.cc.ctxt-service section.ctxt-links p.actions,
.cc.ctxt-service section.ctxt-video p.actions {
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
  text-align: right;
}
.cc.ctxt-service section.ctxt-simul div.actions p,
.cc.ctxt-service section.ctxt-subscribe div.actions p,
.cc.ctxt-service section.ctxt-tools div.actions p,
.cc.ctxt-service section.ctxt-links div.actions p,
.cc.ctxt-service section.ctxt-video div.actions p {
  text-align: left;
}
.cc.ctxt-service section.ctxt-simul div.actions p + p,
.cc.ctxt-service section.ctxt-subscribe div.actions p + p,
.cc.ctxt-service section.ctxt-tools div.actions p + p,
.cc.ctxt-service section.ctxt-links div.actions p + p,
.cc.ctxt-service section.ctxt-video div.actions p + p {
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
  text-align: right;
}
.cc.ctxt-service section.ctxt-simul a.button,
.cc.ctxt-service section.ctxt-subscribe a.button,
.cc.ctxt-service section.ctxt-tools a.button,
.cc.ctxt-service section.ctxt-links a.button,
.cc.ctxt-service section.ctxt-video a.button {
  /*px*/ min-width: 200px;
  /*rem*/ min-width: 12.5rem;
}
.cc.ctxt-service section.ctxt-video > div {
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
  color: #be161c;
}
.cc.ctxt-service section.ctxt-video > div h2 {
  /*px*/ padding: 8px 8px 8px 92px;
  /*rem*/ padding: 0.5rem 0.5rem 0.5rem 5.75rem;
}
.cc.ctxt-service section.ctxt-video > div h2::before {
  speak: none;
  font-family: fts_commun;
  content: '\F074E';
  /*px*/ font-size: 48px;
  /*rem*/ font-size: 3rem;
  /* font-size: 3.5rem; */
  color: #be161c;
  position: absolute;
  /*px*/ top: 4px;
  /*rem*/ top: 0.25rem;
  /*px*/ left: 32px;
  /*rem*/ left: 2rem;
}
.cc.ctxt-service section.ctxt-video > div > div {
  /*px*/ padding: 20px 40px;
  /*rem*/ padding: 1.25rem 2.5rem;
}
.cc.ctxt-service section.ctxt-video > div > div h2 {
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
}
.cc.ctxt-service section.ctxt-faq {
  margin: 0;
  /*px*/ padding: 8px 12px;
  /*rem*/ padding: 0.5rem 0.75rem;
  /* suppression des styles sur les balises rajoutées par Angular */
}
.cc.ctxt-service section.ctxt-faq > div {
  background: #eeeeee;
  border: 1px solid #eeeeee;
  background-color: #eeeeee;
  /*px*/ padding: 8px 8px 8px 100px;
  /*rem*/ padding: 0.5rem 0.5rem 0.5rem 6.25rem;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-service section.ctxt-faq > div {
    /*px*/ padding-left: 48px;
    /*rem*/ padding-left: 3rem;
  }
}
.cc.ctxt-service section.ctxt-faq > div::before {
  speak: none;
  font-family: fts_commun;
  content: '\F0015';
  /*px*/ font-size: 48px;
  /*rem*/ font-size: 3rem;
  /* font-size: 3.5rem; */
  color: #be161c;
  position: absolute;
  /*px*/ top: 12px;
  /*rem*/ top: 0.75rem;
  /*px*/ left: 32px;
  /*rem*/ left: 2rem;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-service section.ctxt-faq > div::before {
    /*px*/ font-size: 32px;
    /*rem*/ font-size: 2rem;
    /*px*/ left: 10px;
    /*rem*/ left: 0.625rem;
  }
}
.cc.ctxt-service section.ctxt-faq > div h2 {
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-service section.ctxt-faq > div h2 + div {
    /*px*/ margin: 16px 0 0 32px;
    /*rem*/ margin: 1rem 0 0 2rem;
  }
}
.cc.ctxt-service section.ctxt-faq faq-questions,
.cc.ctxt-service section.ctxt-faq faq-category-group {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
}
.cc.ctxt-service section.ctxt-tools > div {
  border-top: 3px solid #009999;
}
.cc.ctxt-service section.ctxt-tools > div::before {
  speak: none;
  font-family: fts_commun;
  content: '\F0528';
  /*px*/ font-size: 48px;
  /*rem*/ font-size: 3rem;
  /* font-size: 3.5rem; */
  color: #009999;
  position: absolute;
  /*px*/ top: 12px;
  /*rem*/ top: 0.75rem;
  /*px*/ left: 32px;
  /*rem*/ left: 2rem;
}
.cc.ctxt-service section.ctxt-tools form {
  /*px*/ margin: 25px auto;
  /*rem*/ margin: 1.5625rem auto;
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  text-align: center;
}
.cc.ctxt-service section.ctxt-tools form .ei_offercard {
  color: #000;
  text-align: left;
}
.cc.ctxt-service section.ctxt-tools form p {
  /*px*/ margin-bottom: 16px;
  /*rem*/ margin-bottom: 1rem;
}
.cc.ctxt-service section.ctxt-tools form input {
  color: #009999;
  border: 1px solid #003333;
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  /*px*/ padding: 5px 14px;
  /*rem*/ padding: 0.3125rem 0.875rem;
  border-radius: 0.2rem;
  box-shadow: 1px 1px 2px 0 #8B725E inset;
  transition: box-shadow 0.3s ease 0s;
}
.cc.ctxt-service section.ctxt-tools form input:focus {
  border-color: #eeeeee #8B725E #8B725E #eeeeee;
  box-shadow: 2px 2px 2px 0 #8B725E inset;
}
.cc.ctxt-service section.ctxt-tools button,
.cc.ctxt-service section.ctxt-tools .button {
  color: #009999;
  border-color: #009999;
  background: transparent;
  box-shadow: none;
  /*px*/ min-width: 100px;
  /*rem*/ min-width: 6.25rem;
  transition: all 1s ease 0s;
}
.cc.ctxt-service section.ctxt-tools button:hover,
.cc.ctxt-service section.ctxt-tools .button:hover,
.cc.ctxt-service section.ctxt-tools button:focus,
.cc.ctxt-service section.ctxt-tools .button:focus {
  color: #fff;
  background: #009999;
}
.cc.ctxt-service section.ctxt-simul > div {
  border-top: 3px solid #009999;
  background-color: #009999;
}
.cc.ctxt-service section.ctxt-simul > div::before {
  speak: none;
  font-family: fts_commun;
  content: '\F0528';
  /*px*/ font-size: 48px;
  /*rem*/ font-size: 3rem;
  /* font-size: 3.5rem; */
  color: #fff;
  position: absolute;
  /*px*/ top: 12px;
  /*rem*/ top: 0.75rem;
  /*px*/ left: 32px;
  /*rem*/ left: 2rem;
}
.cc.ctxt-service section.ctxt-simul h2,
.cc.ctxt-service section.ctxt-simul p,
.cc.ctxt-service section.ctxt-simul dt,
.cc.ctxt-service section.ctxt-simul dd,
.cc.ctxt-service section.ctxt-simul li {
  color: #fff;
}
.cc.ctxt-service section.ctxt-simul form {
  /*px*/ margin: 25px auto;
  /*rem*/ margin: 1.5625rem auto;
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  text-align: center;
}
.cc.ctxt-service section.ctxt-simul form p {
  /*px*/ margin-bottom: 16px;
  /*rem*/ margin-bottom: 1rem;
}
.cc.ctxt-service section.ctxt-simul form input {
  color: #009999;
  border: 1px solid #003333;
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  /*px*/ padding: 5px 14px;
  /*rem*/ padding: 0.3125rem 0.875rem;
  border-radius: 0.2rem;
  box-shadow: 1px 1px 2px 0 #8B725E inset;
  transition: box-shadow 0.3s ease 0s;
}
.cc.ctxt-service section.ctxt-simul form input:focus {
  border-color: #eeeeee #8B725E #8B725E #eeeeee;
  box-shadow: 2px 2px 2px 0 #8B725E inset;
}
.cc.ctxt-service section.ctxt-simul button,
.cc.ctxt-service section.ctxt-simul .button {
  color: #fff;
  border-color: #fff;
  background: transparent;
  box-shadow: none;
  /*px*/ min-width: 100px;
  /*rem*/ min-width: 6.25rem;
  transition: all 1s ease 0s;
}
.cc.ctxt-service section.ctxt-simul button:hover,
.cc.ctxt-service section.ctxt-simul .button:hover,
.cc.ctxt-service section.ctxt-simul button:focus,
.cc.ctxt-service section.ctxt-simul .button:focus {
  color: #009999;
  background: #fff;
}
.cc.ctxt-service section.ctxt-subscribe > div {
  border-bottom: 3px solid #be161c;
}
.cc.ctxt-service section.ctxt-subscribe > div::before {
  speak: none;
  font-family: fts_picto;
  content: '\F05A7';
  /*px*/ font-size: 48px;
  /*rem*/ font-size: 3rem;
  /* font-size: 3.5rem; */
  color: #be161c;
  position: absolute;
  top: 0;
  /*px*/ left: 32px;
  /*rem*/ left: 2rem;
}
.cc.ctxt-service section.ctxt-subscribe h2,
.cc.ctxt-service section.ctxt-subscribe dt {
  color: #be161c;
}
.cc.ctxt-service section.ctxt-subscribe p.actions {
  /*px*/ padding: 8px 12px;
  /*rem*/ padding: 0.5rem 0.75rem;
}
.cc.ctxt-service section.ctxt-subscribe .button {
  border-color: #be161c;
  background-color: #be161c;
  color: #fff;
}
.cc.ctxt-service section.ctxt-subscribe .button:hover,
.cc.ctxt-service section.ctxt-subscribe .button:focus {
  background-color: #fff;
  color: #be161c;
}
.cc.ctxt-service section.ctxt-links > div {
  border-bottom: 3px solid #009999;
}
.cc.ctxt-service section.ctxt-links > div::before {
  speak: none;
  font-family: fts_commun;
  content: '\F0525';
  /*px*/ font-size: 48px;
  /*rem*/ font-size: 3rem;
  /* font-size: 3.5rem; */
  color: #009999;
  position: absolute;
  /*px*/ top: 12px;
  /*rem*/ top: 0.75rem;
  /*px*/ left: 32px;
  /*rem*/ left: 2rem;
}
.cc.ctxt-service section.ctxt-links h2 {
  color: #009999;
}
.cc.ctxt-service section.ctxt-links p.actions {
  /*px*/ padding: 8px 12px;
  /*rem*/ padding: 0.5rem 0.75rem;
}
.cc.ctxt-service section.ctxt-links .button {
  border-color: #009999;
  background-color: #009999;
  color: #fff;
}
.cc.ctxt-service section.ctxt-links .button:hover,
.cc.ctxt-service section.ctxt-links .button:focus {
  background-color: #fff;
  color: #009999;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-service .hero p ~ div.summary {
    margin-top: 0;
  }
  .cc.ctxt-service div.summary > ul.img {
    flex-direction: column;
  }
  .cc.ctxt-service div.summary > ul.img li {
    text-align: left !important;
    width: 100%;
    max-width: 100%;
    /* IE */
    display: flex;
  }
  .cc.ctxt-service div.summary > ul.img li p {
    flex: 1;
  }
  .cc.ctxt-service div.summary > ul.img li img {
    width: 30px;
    height: 30px;
  }
  .cc.ctxt-service div.summary > ul.img li br {
    display: none;
  }
  .cc.ctxt-service div.summary > ul.img li div.font {
    float: left;
    width: auto;
    /*px*/ margin-right: 8px;
    /*rem*/ margin-right: 0.5rem;
  }
  .cc.ctxt-service div.summary > ul.img li div.font ~ p {
    padding-top: 16 px;
  }
  .cc.ctxt-service div.summary > ul.img li div.text strong {
    padding-left: 0;
    display: inline;
  }
}
.cc.ctxt-featured {
  /*
  &.ctxt-savings {
    article > header {
      > .intro,
      > .summary {
        background: @epargne;

        a:hover,
        a:focus {
          color: @epargne2;
        }
      }

      > .intro {
        border-top-color: @epargne2;

        h1,
        h2 {
          color: @epargne2;
        }
      }

      > .summary {
        border-bottom-color: @epargne2;

        > ul.img li div.font,
        > ul.img li div.text strong {
          color: @epargne2;
        }
      }

      .count {
        .teaser {
          background: @epargne;
        }
      }
    }

    dl[data-collapse] {
      dt[data-collapsed='yes'],
      dt[data-collapsed='no'] {
        color: @epargne;
      }
    }

    section.body {
      > .insert {
        border-bottom-color: @epargne2;

        h2,
        h3 {
          color: @epargne;
        }
      }
    }

    section.ctxt-contact {
      background: @epargne;
    }

    article > header,
    section.ctxt-contact {
      .actions {
        button,
        .button {
          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
          }
        }

        form button,
        form .button,
        .button:first-child {
          border-color: @epargne2;
          color: @epargne2;

          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
            color: @C15;
            border-color: @C15;
          }
        }
      }
    }
  }

  &.ctxt-housing {
    article > header {
      > .intro,
      > .summary {
        background: @immo;

        a:hover,
        a:focus {
          color: @immo2;
        }
      }

      > .intro {
        border-top-color: @immo2;

        h1,
        h2 {
          color: @immo2;
        }
      }

      > .summary {
        border-bottom-color: @immo2;

        > ul.img li div.font,
        > ul.img li div.text strong {
          color: @immo2;
        }
      }

      .count {
        .teaser {
          background: @immo;
        }
      }
    }

    dl[data-collapse] {
      dt[data-collapsed='yes'],
      dt[data-collapsed='no'] {
        color: @immo;
      }
    }

    section.body {
      > .insert {
        border-bottom-color: @immo2;

        h2,
        h3 {
          color: @immo;
        }
      }
    }

    section.ctxt-contact {
      background: @immo;
    }

    article > header,
    section.ctxt-contact {
      .actions {
        button,
        .button {
          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
          }
        }

        form button,
        form .button,
        .button:first-child {
          border-color: @immo2;
          color: @immo2;

          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
            color: @C15;
            border-color: @C15;
          }
        }
      }
    }
  }

  &.ctxt-phones {
    article > header {
      > .intro,
      > .summary {
        background: @mobile;

        a:hover,
        a:focus {
          color: @mobile2;
        }
      }

      > .intro {
        border-top-color: @mobile2;

        h1,
        h2 {
          color: @mobile2;
        }
      }

      > .summary {
        border-bottom-color: @mobile2;

        > ul.img li div.font,
        > ul.img li div.text strong {
          color: @mobile2;
        }
      }

      .count {
        .teaser {
          background: @mobile;
        }
      }
    }

    dl[data-collapse] {
      dt[data-collapsed='yes'],
      dt[data-collapsed='no'] {
        color: mobile;
      }
    }

    section.body {
      > .insert {
        border-bottom-color: @mobile2;

        h2,
        h3 {
          color: @mobile;
        }
      }
    }

    section.ctxt-contact {
      background: @mobile;
    }

    article > header,
    section.ctxt-contact {
      .actions {
        button,
        .button {
          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
          }
        }

        form button,
        form .button,
        .button:first-child {
          border-color: @mobile2;
          color: @mobile2;

          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
            color: @C15;
            border-color: @C15;
          }
        }
      }
    }
  }

  &.ctxt-insurances {
    article > header {
      > .intro,
      > .summary {
        background: @assurances;

        a:hover,
        a:focus {
          color: @assurances2;
        }
      }

      > .intro {
        border-top-color: @assurances2;

        h1,
        h2 {
          color: @assurances2;
        }
      }

      > .summary {
        border-bottom-color: @assurances2;

        > ul.img li div.font,
        > ul.img li div.text strong {
          color: @assurances2;
        }
      }

      .count {
        .teaser {
          background: @assurances;
        }
      }
    }

    dl[data-collapse] {
      dt[data-collapsed='yes'],
      dt[data-collapsed='no'] {
        color: @assurances;
      }
    }

    section.body {
      > .insert {
        border-bottom-color: @assurances2;

        h2,
        h3 {
          color: @assurances;
        }
      }
    }

    section.ctxt-contact {
      background: @assurances;
    }

    article > header,
    section.ctxt-contact {
      .actions {
        button,
        .button {
          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
          }
        }

        form button,
        form .button,
        .button:first-child {
          border-color: @assurances2;
          color: @assurances2;

          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
            color: @C15;
            border-color: @C15;
          }
        }
      }
    }
  }

  &.ctxt-loans {
    article > header {
      > .intro,
      > .summary {
        background: @credits;

        a:hover,
        a:focus {
          color: @credits2;
        }
      }

      > .intro {
        border-top-color: @credits2;

        h1,
        h2 {
          color: @credits2;
        }
      }

      > .summary {
        border-bottom-color: @credits2;

        > ul.img li div.font,
        > ul.img li div.text strong {
          color: @credits2;
        }
      }

      .count {
        .teaser {
          background: @credits;
        }
      }
    }

    dl[data-collapse] {
      dt[data-collapsed='yes'],
      dt[data-collapsed='no'] {
        color: @credits;
      }
    }

    section.body {
      > .insert {
        border-bottom-color: @credits2;

        h2,
        h3 {
          color: @credits;
        }
      }
    }

    section.ctxt-contact {
      background: @credits;
    }

    article > header,
    section.ctxt-contact {
      .actions {
        button,
        .button {
          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
          }
        }

        form button,
        form .button,
        .button:first-child {
          border-color: @credits2;
          color: @credits2;

          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
            color: @C15;
            border-color: @C15;
          }
        }
      }
    }
  }

  &.ctxt-youth {
    article > header {
      > .intro,
      > .summary {
        background: @jeunes;

        a:hover,
        a:focus {
          color: @jeunes2;
        }
      }

      > .intro {
        border-top-color: @jeunes2;

        h1,
        h2 {
          color: @jeunes2;
        }
      }

      > .summary {
        border-bottom-color: @jeunes2;

        > ul.img li div.font,
        > ul.img li div.text strong {
          color: @jeunes2;
        }
      }

      .count {
        .teaser {
          background: @jeunes;
        }
      }
    }

    dl[data-collapse] {
      dt[data-collapsed='yes'],
      dt[data-collapsed='no'] {
        color: @jeunes;
      }
    }

    section.body {
      > .insert {
        border-bottom-color: @jeunes2;

        h2,
        h3 {
          color: @jeunes;
        }
      }
    }

    section.ctxt-contact {
      background: @jeunes;
    }

    article > header,
    section.ctxt-contact {
      .actions {
        button,
        .button {
          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
          }
        }

        form button,
        form .button,
        .button:first-child {
          border-color: @jeunes2;
          color: @jeunes2;

          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
            color: @C15;
            border-color: @C15;
          }
        }
      }
    }
  }

  &.ctxt-family {
    article > header {
      > .intro,
      > .summary {
        background: @famille;

        a:hover,
        a:focus {
          color: @famille2;
        }
      }

      > .intro {
        border-top-color: @famille2;

        h1,
        h2 {
          color: @famille2;
        }
      }

      > .summary {
        border-bottom-color: @famille2;

        > ul.img li div.font,
        > ul.img li div.text strong {
          color: @famille2;
        }
      }

      .count {
        .teaser {
          background: @famille;
        }
      }
    }

    dl[data-collapse] {
      dt[data-collapsed='yes'],
      dt[data-collapsed='no'] {
        color: @famille;
      }
    }

    section.body {
      > .insert {
        border-bottom-color: @famille2;

        h2,
        h3 {
          color: @famille;
        }
      }
    }

    section.ctxt-contact {
      background: @famille;
    }

    article > header,
    section.ctxt-contact {
      .actions {
        button,
        .button {
          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
          }
        }

        form button,
        form .button,
        .button:first-child {
          border-color: @famille2;
          color: @famille2;

          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
            color: @C15;
            border-color: @C15;
          }
        }
      }
    }
  }

  &.ctxt-cars {
    article > header {
      > .intro,
      > .summary {
        background: @auto;

        a:hover,
        a:focus {
          color: @auto2;
        }
      }

      > .intro {
        border-top-color: @auto2;

        h1,
        h2 {
          color: @auto2;
        }
      }

      > .summary {
        border-bottom-color: @auto2;

        > ul.img li div.font,
        > ul.img li div.text strong {
          color: @auto2;
        }
      }

      .count {
        .teaser {
          background: @auto;
        }
      }
    }

    dl[data-collapse] {
      dt[data-collapsed='yes'],
      dt[data-collapsed='no'] {
        color: @auto;
      }
    }

    section.ctxt-contact {
      background: @auto;
    }

    section.body {
      > .insert {
        border-bottom-color: @auto2;

        h2,
        h3 {
          color: @auto;
        }
      }
    }

    article > header,
    section.ctxt-contact {
      .actions {
        button,
        .button {
          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
          }
        }

        form button,
        form .button,
        .button:first-child {
          border-color: @auto2;
          color: @auto2;

          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
            color: @C15;
            border-color: @C15;
          }
        }
      }
    }
  }

  &.ctxt-CICetvous {
    article > header {
      > .intro,
      > .summary {
        background: @CICetvous;

        a:hover,
        a:focus {
          color: @CICetvous2;
        }
      }

      > .intro {
        border-top-color: @CICetvous2;

        h1,
        h2 {
          color: @CICetvous2;
        }
      }

      > .summary {
        border-bottom-color: @CICetvous2;

        > ul.img li div.font,
        > ul.img li div.text strong {
          color: @CICetvous2;
        }
      }

      .count {
        .teaser {
          background: @CICetvous;
        }
      }
    }

    dl[data-collapse] {
      dt[data-collapsed='yes'],
      dt[data-collapsed='no'] {
        color: @CICetvous;
      }
    }

    section.body {
      > .insert {
        border-bottom-color: @CICetvous2;

        h2,
        h3 {
          color: @CICetvous;
        }
      }
    }

    section.ctxt-contact {
      background: @CICetvous;
    }

    article > header,
    section.ctxt-contact {
      .actions {
        button,
        .button {
          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
          }
        }

        form button,
        form .button,
        .button:first-child {
          border-color: @CICetvous2;
          color: @CICetvous2;

          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
            color: @C15;
            border-color: @C15;
          }
        }
      }
    }
  }

  &.ctxt-liberal {
    article > header {
      > .intro,
      > .summary {
        background: @proflib;

        a:hover,
        a:focus {
          color: @proflib2;
        }
      }

      > .intro {
        border-top-color: @proflib2;

        h1,
        h2 {
          color: @proflib2;
        }
      }

      > .summary {
        border-bottom-color: @proflib2;

        > ul.img li div.font,
        > ul.img li div.text strong {
          color: @proflib2;
        }
      }
    }

    dl[data-collapse] {
      dt[data-collapsed='yes'],
      dt[data-collapsed='no'] {
        color: @proflib;
      }
    }

    section.ctxt-contact {
      background: @proflib;
    }

    article > header,
    section.ctxt-contact {
      .actions {
        button,
        .button {
          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
          }
        }

        form button,
        form .button,
        .button:first-child {
          border-color: @proflib2;
          color: @proflib2;

          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
            color: @C15;
            border-color: @C15;
          }
        }
      }
    }
  }

  &.ctxt-association {
    article > header {
      > .intro,
      > .summary {
        background: @asso;

        a:hover,
        a:focus {
          color: @asso2;
        }
      }

      > .intro {
        border-top-color: @asso2;

        h1,
        h2 {
          color: @asso2;
        }
      }

      > .summary {
        border-bottom-color: @asso2;

        > ul.img li div.font,
        > ul.img li div.text strong {
          color: @asso2;
        }
      }
    }

    dl[data-collapse] {
      dt[data-collapsed='yes'],
      dt[data-collapsed='no'] {
        color: @asso;
      }
    }

    section.ctxt-contact {
      background: @asso;
    }

    article > header,
    section.ctxt-contact {
      .actions {
        button,
        .button {
          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
          }
        }

        form button,
        form .button,
        .button:first-child {
          border-color: @asso2;
          color: @asso2;

          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
            color: @C15;
            border-color: @C15;
          }
        }
      }
    }
  }

  &.ctxt-farmer {
    article > header {
      > .intro,
      > .summary {
        background: @agri;

        a:hover,
        a:focus {
          color: @agri2;
        }
      }

      > .intro {
        border-top-color: @agri2;

        h1,
        h2 {
          color: @agri2;
        }
      }

      > .summary {
        border-bottom-color: @agri2;

        > ul.img li div.font,
        > ul.img li div.text strong {
          color: @agri2;
        }
      }
    }

    dl[data-collapse] {
      dt[data-collapsed='yes'],
      dt[data-collapsed='no'] {
        color: @agri;
      }
    }

    section.ctxt-contact {
      background: @agri;
    }

    article > header,
    section.ctxt-contact {
      .actions {
        button,
        .button {
          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
          }
        }

        form button,
        form .button,
        .button:first-child {
          border-color: @agri2;
          color: @agri2;

          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
            color: @C15;
            border-color: @C15;
          }
        }
      }
    }
  }

  &.ctxt-engineering {
    article > header {
      > .intro,
      > .summary {
        background: @ingenierie;

        a:hover,
        a:focus {
          color: @ingenierie2;
        }
      }

      > .intro {
        border-top-color: @ingenierie2;

        h1,
        h2 {
          color: @ingenierie2;
        }
      }

      > .summary {
        border-bottom-color: @ingenierie2;

        > ul.img li div.font,
        > ul.img li div.text strong {
          color: @ingenierie2;
        }
      }
    }

    dl[data-collapse] {
      dt[data-collapsed='yes'],
      dt[data-collapsed='no'] {
        color: @ingenierie;
      }
    }

    section.ctxt-contact {
      background: @ingenierie;
    }

    article > header,
    section.ctxt-contact {
      .actions {
        button,
        .button {
          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
          }
        }

        form button,
        form .button,
        .button:first-child {
          border-color: @ingenierie2;
          color: @ingenierie2;

          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
            color: @C15;
            border-color: @C15;
          }
        }
      }
    }
  }

  &.ctxt-international {
    article > header {
      > .intro,
      > .summary {
        background: @international;

        a:hover,
        a:focus {
          color: @international2;
        }
      }

      > .intro {
        border-top-color: @international2;

        h1,
        h2 {
          color: @international2;
        }
      }

      > .summary {
        border-bottom-color: @international2;

        > ul.img li div.font,
        > ul.img li div.text strong {
          color: @international2;
        }
      }
    }

    dl[data-collapse] {
      dt[data-collapsed='yes'],
      dt[data-collapsed='no'] {
        color: @international;
      }
    }

    section.ctxt-contact {
      background: @international;
    }

    article > header,
    section.ctxt-contact {
      .actions {
        button,
        .button {
          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
          }
        }

        form button,
        form .button,
        .button:first-child {
          border-color: @international2;
          color: @international2;

          &:hover,
          &:focus,
          &:hover::before,
          &:focus::before {
            color: @C15;
            border-color: @C15;
          }
        }
      }
    }
  }
  //fin theme
  */
}
.cc.ctxt-featured article > header {
  background: url('/partage/partage_fr/CC/CIC-BP-2018/assets/charte/bg_header.jpg');
  /*px*/ padding-top: 25px;
  /*rem*/ padding-top: 1.5625rem;
  min-height: 100px;
}
.cc.ctxt-featured article > header div.campaign {
  background-color: #fff;
  /*px*/ padding-top: 15px;
  /*rem*/ padding-top: 0.9375rem;
  /*px*/ padding-bottom: 15px;
  /*rem*/ padding-bottom: 0.9375rem;
}
.cc.ctxt-featured article > header div.campaign .campaign__wrap {
  background-color: #f3f0ed;
  border-top: 4px solid #871b20;
}
.cc.ctxt-featured article > header div.campaign .campaign__wrap h1 {
  color: #871b20;
  /*px*/ padding-top: 32px;
  /*rem*/ padding-top: 2rem;
  /*px*/ font-size: 28px;
  /*rem*/ font-size: 1.75rem;
  /*px*/ line-height: 46px;
  /*rem*/ line-height: 2.875rem;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-featured article > header div.campaign .campaign__wrap h1 {
    /*px*/ padding-top: 24px;
    /*rem*/ padding-top: 1.5rem;
    /*px*/ font-size: 24px;
    /*rem*/ font-size: 1.5rem;
    /*px*/ line-height: 38px;
    /*rem*/ line-height: 2.375rem;
  }
}
.cc.ctxt-featured article > header div.campaign .campaign__wrap .summary {
  border-bottom: 8px solid #871b20;
  /*px*/ padding-top: 20px;
  /*rem*/ padding-top: 1.25rem;
  min-height: ;
}
.cc.ctxt-featured article > header div.campaign .campaign__wrap .summary .img {
  margin: 30px auto;
  min-height: 30px;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-featured article > header div.campaign .campaign__wrap .summary .img {
    /*px*/ margin: 8px auto;
    /*rem*/ margin: 0.5rem auto;
    /*px*/ padding: 0 16px;
    /*rem*/ padding: 0 1rem;
  }
  .cc.ctxt-featured article > header div.campaign .campaign__wrap .summary .img li {
    line-height: normal;
  }
  .cc.ctxt-featured article > header div.campaign .campaign__wrap .summary .img li .font {
    position: relative;
    top: -10px;
  }
  .cc.ctxt-featured article > header div.campaign .campaign__wrap .summary .img li .font::before {
    vertical-align: baseline;
  }
}
.cc.ctxt-featured article > header div.campaign .campaign__wrap .actions {
  text-align: center;
  /*px*/ margin-top: 40px;
  /*rem*/ margin-top: 2.5rem;
  color: #fff;
}
.cc.ctxt-featured article > header div.campaign .campaign__wrap .actions .button {
  background-color: #871b20;
  color: #fff;
  border-color: #fff;
  /*px*/ padding: 4px 9px;
  /*rem*/ padding: 0.25rem 0.5625rem;
}
.cc.ctxt-featured article > header div.campaign .campaign__wrap .actions .button:hover,
.cc.ctxt-featured article > header div.campaign .campaign__wrap .actions .button:focus {
  background-color: #fff;
  border-color: #871b20;
  color: #871b20;
  /*px*/ padding: 8px 13px;
  /*rem*/ padding: 0.5rem 0.8125rem;
  margin: 0;
}
.cc.ctxt-featured article > header div.campaign + .social {
  /*px*/ margin-top: 50px;
  /*rem*/ margin-top: 3.125rem;
}
.cc.ctxt-featured article > header a.back {
  /*px*/ top: 16px;
  /*rem*/ top: 1rem;
}
.cc.ctxt-featured article > header p.surtitle {
  /*px*/ margin-top: 16px;
  /*rem*/ margin-top: 1rem;
}
.cc.ctxt-featured article > header > h1 {
  /*px*/ font-size: 32px;
  /*rem*/ font-size: 2rem;
}
.cc.ctxt-featured article > header .count {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
}
.cc.ctxt-featured article > header .count .intro {
  background: transparent;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  margin-bottom: 0;
}
.cc.ctxt-featured article > header .count .teaser {
  background: #00919b;
}
.cc.ctxt-featured article > header .count p {
  margin-bottom: 0;
}
.cc.ctxt-featured article > header .count p.all-caps {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc.ctxt-featured article > header .count ~ .alt {
  display: none;
}
.cc.ctxt-featured article > header > .intro,
.cc.ctxt-featured article > header > .summary {
  padding: 0;
  background: #fff;
  color: #be161c;
}
.cc.ctxt-featured article > header > .intro p,
.cc.ctxt-featured article > header > .summary p,
.cc.ctxt-featured article > header > .intro li,
.cc.ctxt-featured article > header > .summary li {
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
}
.cc.ctxt-featured article > header > .intro a,
.cc.ctxt-featured article > header > .summary a {
  color: #fff;
}
.cc.ctxt-featured article > header > .intro a:hover,
.cc.ctxt-featured article > header > .summary a:hover,
.cc.ctxt-featured article > header > .intro a:focus,
.cc.ctxt-featured article > header > .summary a:focus {
  color: #adc5cb;
}
.cc.ctxt-featured article > header > .intro a.bigger,
.cc.ctxt-featured article > header > .summary a.bigger {
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
}
.cc.ctxt-featured article > header > .intro p.soft,
.cc.ctxt-featured article > header > .summary p.soft {
  color: #fff;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
.cc.ctxt-featured article > header > .intro .teaser,
.cc.ctxt-featured article > header > .summary .teaser {
  /*px*/ font-size: 32px;
  /*rem*/ font-size: 2rem;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
  /*px*/ padding: 0 8px;
  /*rem*/ padding: 0 0.5rem;
}
.cc.ctxt-featured article > header > .intro .teaser small,
.cc.ctxt-featured article > header > .summary .teaser small {
  font-size: 60%;
}
.cc.ctxt-featured article > header > .intro .bigger,
.cc.ctxt-featured article > header > .summary .bigger {
  font-size: larger;
}
.cc.ctxt-featured article > header > .intro .bigger .teaser,
.cc.ctxt-featured article > header > .summary .bigger .teaser,
.cc.ctxt-featured article > header > .intro .bigger.teaser,
.cc.ctxt-featured article > header > .summary .bigger.teaser {
  /*px*/ font-size: 50px;
  /*rem*/ font-size: 3.125rem;
}
.cc.ctxt-featured article > header > .intro .center ul.styled,
.cc.ctxt-featured article > header > .summary .center ul.styled,
.cc.ctxt-featured article > header > .intro.center ul.styled,
.cc.ctxt-featured article > header > .summary.center ul.styled {
  display: inline-flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}
.cc.ctxt-featured article > header > .intro .center ul.styled li,
.cc.ctxt-featured article > header > .summary .center ul.styled li,
.cc.ctxt-featured article > header > .intro.center ul.styled li,
.cc.ctxt-featured article > header > .summary.center ul.styled li {
  text-align: left;
}
.cc.ctxt-featured article > header > .intro .num,
.cc.ctxt-featured article > header > .summary .num {
  background-color: #fff;
}
.cc.ctxt-featured article > header > .intro .hours,
.cc.ctxt-featured article > header > .summary .hours {
  color: #fff;
}
.cc.ctxt-featured article > header p.legal {
  /*px*/ margin: -32px;
  /*rem*/ margin: -2rem;
  /*px*/ padding-right: 165px;
  /*rem*/ padding-right: 10.3125rem;
}
@media only screen and (max-width: 970px) {
  .cc.ctxt-featured article > header p.legal {
    /*px*/ padding-right: 50px;
    /*rem*/ padding-right: 3.125rem;
  }
}
.cc.ctxt-featured article > header h1 + p.legal {
  margin: 0;
  padding-left: 0;
}
.cc.ctxt-featured article > header h1 + .intro,
.cc.ctxt-featured article > header p.legal + .intro {
  /*px*/ margin: -24px -40px;
  /*rem*/ margin: -1.5rem -2.5rem;
}
@media only screen and (max-width: 970px) {
  .cc.ctxt-featured article > header h1 + .intro,
  .cc.ctxt-featured article > header p.legal + .intro {
    /*px*/ margin: -8px -24px;
    /*rem*/ margin: -0.5rem -1.5rem;
  }
}
.cc.ctxt-featured article > header h1 + .intro ~ div.social,
.cc.ctxt-featured article > header p.legal + .intro ~ div.social {
  /*px*/ top: 8 / 2px;
  /*rem*/ top: 0.25rem;
}
.cc.ctxt-featured article > header h1 + .intro ~ div.social > a::after,
.cc.ctxt-featured article > header p.legal + .intro ~ div.social > a::after {
  background: #fff;
}
.cc.ctxt-featured article > header h1 + .intro ~ div.social > div a,
.cc.ctxt-featured article > header p.legal + .intro ~ div.social > div a {
  color: #717171;
}
.cc.ctxt-featured article > header h1 + .intro ~ div.social > div a:hover::before,
.cc.ctxt-featured article > header p.legal + .intro ~ div.social > div a:hover::before,
.cc.ctxt-featured article > header h1 + .intro ~ div.social > div a:focus::before,
.cc.ctxt-featured article > header p.legal + .intro ~ div.social > div a:focus::before {
  color: #be161c;
}
.cc.ctxt-featured article > header > .intro {
  /*px*/ margin: 16px 5px 0 0;
  /*rem*/ margin: 1rem 0.3125rem 0 0;
  /*px*/ padding-bottom: 16px;
  /*rem*/ padding-bottom: 1rem;
  border-top: 8px solid #be161c;
}
.cc.ctxt-featured article > header > .intro.paddings {
  /*px*/ padding: 16px;
  /*rem*/ padding: 1rem;
}
.cc.ctxt-featured article > header > .intro .surtitle {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  color: #fff;
}
.cc.ctxt-featured article > header > .intro h1,
.cc.ctxt-featured article > header > .intro h2 {
  /*px*/ font-size: 42px;
  /*rem*/ font-size: 2.625rem;
  color: #be161c;
  /*px*/ margin: 0 8px;
  /*rem*/ margin: 0 0.5rem;
  line-height: 1.1;
  clear: none;
}
.cc.ctxt-featured article > header > .intro h1 > strong,
.cc.ctxt-featured article > header > .intro h2 > strong {
  font-family: Fabrikat, Arial, Helvetica, sans-serif;
  /*px*/ font-size: 60px;
  /*rem*/ font-size: 3.75rem;
}
.cc.ctxt-featured article > header > .intro .actions {
  /*px*/ padding-bottom: 16px;
  /*rem*/ padding-bottom: 1rem;
}
.cc.ctxt-featured article > header > .intro ~ div.social {
  /*px*/ top: 16px;
  /*rem*/ top: 1rem;
}
.cc.ctxt-featured article > header > .intro ~ div.social > a::after {
  background: none;
}
.cc.ctxt-featured article > header > .intro ~ div.social > div a {
  color: #e5e5e5;
}
.cc.ctxt-featured article > header > .intro ~ div.social > div a:hover::before,
.cc.ctxt-featured article > header > .intro ~ div.social > div a:focus::before {
  color: #fff;
}
@media only screen and (max-width: 970px) {
  .cc.ctxt-featured article > header > .intro ~ div.social > div a {
    color: #717171;
  }
  .cc.ctxt-featured article > header > .intro ~ div.social > div a:hover::before,
  .cc.ctxt-featured article > header > .intro ~ div.social > div a:focus::before {
    color: #be161c;
  }
}
.cc.ctxt-featured article > header > .summary {
  border-bottom: 8px solid #adc5cb;
  /*px*/ margin: -40px;
  /*rem*/ margin: -2.5rem;
  /*px*/ padding: 8px 0;
  /*rem*/ padding: 0.5rem 0;
}
.cc.ctxt-featured article > header > .summary > p,
.cc.ctxt-featured article > header > .summary > ul {
  /*px*/ padding: 8px 16px;
  /*rem*/ padding: 0.5rem 1rem;
}
.cc.ctxt-featured article > header > .summary > p {
  text-align: center;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.cc.ctxt-featured article > header > .summary > p.left {
  text-align: left;
}
.cc.ctxt-featured article > header > .summary > p.right {
  text-align: right;
}
.cc.ctxt-featured article > header > .summary > ul.img li div.font,
.cc.ctxt-featured article > header > .summary > ul.img li div.txt strong {
  color: #adc5cb;
}
.cc.ctxt-featured article > header > .summary > ul.img li p {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-featured article > header > h1 {
    /*px*/ font-size: 28px;
    /*rem*/ font-size: 1.75rem;
    /*px*/ line-height: 32px;
    /*rem*/ line-height: 2rem;
  }
  .cc.ctxt-featured article > header p.surtitle {
    /*px*/ margin-top: 3px;
    /*rem*/ margin-top: 0.1875rem;
  }
}
.cc.ctxt-featured article > header .actions .intro,
.cc.ctxt-featured section.ctxt-contact .actions .intro {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  background-color: #f3f0ed;
  color: #871b20;
  margin-bottom: 0;
}
.cc.ctxt-featured article > header .actions form.ctxt-form-inline,
.cc.ctxt-featured section.ctxt-contact .actions form.ctxt-form-inline {
  display: inline-block;
}
.cc.ctxt-featured article > header .actions button,
.cc.ctxt-featured section.ctxt-contact .actions button,
.cc.ctxt-featured article > header .actions .button,
.cc.ctxt-featured section.ctxt-contact .actions .button {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  border-color: #871b20;
  background-color: #871b20;
  color: #fff;
  transition: 0.2s all;
  /*px*/ padding: 5px 10px;
  /*rem*/ padding: 0.3125rem 0.625rem;
  /*px*/ margin: 4px;
  /*rem*/ margin: 0.25rem;
}
.cc.ctxt-featured article > header .actions button:hover,
.cc.ctxt-featured section.ctxt-contact .actions button:hover,
.cc.ctxt-featured article > header .actions .button:hover,
.cc.ctxt-featured section.ctxt-contact .actions .button:hover,
.cc.ctxt-featured article > header .actions button:focus,
.cc.ctxt-featured section.ctxt-contact .actions button:focus,
.cc.ctxt-featured article > header .actions .button:focus,
.cc.ctxt-featured section.ctxt-contact .actions .button:focus,
.cc.ctxt-featured article > header .actions button:hover::before,
.cc.ctxt-featured section.ctxt-contact .actions button:hover::before,
.cc.ctxt-featured article > header .actions .button:hover::before,
.cc.ctxt-featured section.ctxt-contact .actions .button:hover::before,
.cc.ctxt-featured article > header .actions button:focus::before,
.cc.ctxt-featured section.ctxt-contact .actions button:focus::before,
.cc.ctxt-featured article > header .actions .button:focus::before,
.cc.ctxt-featured section.ctxt-contact .actions .button:focus::before {
  color: #871b20;
  background-color: #fff;
}
.cc.ctxt-featured article > header .actions button:hover,
.cc.ctxt-featured section.ctxt-contact .actions button:hover,
.cc.ctxt-featured article > header .actions .button:hover,
.cc.ctxt-featured section.ctxt-contact .actions .button:hover,
.cc.ctxt-featured article > header .actions button:focus,
.cc.ctxt-featured section.ctxt-contact .actions button:focus,
.cc.ctxt-featured article > header .actions .button:focus,
.cc.ctxt-featured section.ctxt-contact .actions .button:focus {
  color: #871b20;
  background-color: #fff;
  /*px*/ padding: 9px 14px;
  /*rem*/ padding: 0.5625rem 0.875rem;
  /*px*/ margin: 0;
  /*rem*/ margin: 0;
}
.cc.ctxt-featured article > header .actions button.protected::before,
.cc.ctxt-featured section.ctxt-contact .actions button.protected::before,
.cc.ctxt-featured article > header .actions .button.protected::before,
.cc.ctxt-featured section.ctxt-contact .actions .button.protected::before {
  color: unset;
  vertical-align: sub;
  /*px*/ padding: 0 3px 3px 3px;
  /*rem*/ padding: 0 0.1875rem 0.1875rem 0.1875rem;
}
.cc.ctxt-featured article > header .actions form button,
.cc.ctxt-featured section.ctxt-contact .actions form button,
.cc.ctxt-featured article > header .actions form .button,
.cc.ctxt-featured section.ctxt-contact .actions form .button,
.cc.ctxt-featured article > header .actions .button:first-child,
.cc.ctxt-featured section.ctxt-contact .actions .button:first-child {
  color: #fff;
  border-color: #871b20;
  border-width: 2px;
  /*px*/ padding: 4px 9px;
  /*rem*/ padding: 0.25rem 0.5625rem;
  font-weight: bold;
}
.cc.ctxt-featured article > header .actions form button:hover,
.cc.ctxt-featured section.ctxt-contact .actions form button:hover,
.cc.ctxt-featured article > header .actions form .button:hover,
.cc.ctxt-featured section.ctxt-contact .actions form .button:hover,
.cc.ctxt-featured article > header .actions .button:first-child:hover,
.cc.ctxt-featured section.ctxt-contact .actions .button:first-child:hover,
.cc.ctxt-featured article > header .actions form button:focus,
.cc.ctxt-featured section.ctxt-contact .actions form button:focus,
.cc.ctxt-featured article > header .actions form .button:focus,
.cc.ctxt-featured section.ctxt-contact .actions form .button:focus,
.cc.ctxt-featured article > header .actions .button:first-child:focus,
.cc.ctxt-featured section.ctxt-contact .actions .button:first-child:focus,
.cc.ctxt-featured article > header .actions form button:hover::before,
.cc.ctxt-featured section.ctxt-contact .actions form button:hover::before,
.cc.ctxt-featured article > header .actions form .button:hover::before,
.cc.ctxt-featured section.ctxt-contact .actions form .button:hover::before,
.cc.ctxt-featured article > header .actions .button:first-child:hover::before,
.cc.ctxt-featured section.ctxt-contact .actions .button:first-child:hover::before,
.cc.ctxt-featured article > header .actions form button:focus::before,
.cc.ctxt-featured section.ctxt-contact .actions form button:focus::before,
.cc.ctxt-featured article > header .actions form .button:focus::before,
.cc.ctxt-featured section.ctxt-contact .actions form .button:focus::before,
.cc.ctxt-featured article > header .actions .button:first-child:focus::before,
.cc.ctxt-featured section.ctxt-contact .actions .button:first-child:focus::before {
  color: #871b20;
  background-color: #fff;
}
.cc.ctxt-featured article > header .actions form button:hover,
.cc.ctxt-featured section.ctxt-contact .actions form button:hover,
.cc.ctxt-featured article > header .actions form .button:hover,
.cc.ctxt-featured section.ctxt-contact .actions form .button:hover,
.cc.ctxt-featured article > header .actions .button:first-child:hover,
.cc.ctxt-featured section.ctxt-contact .actions .button:first-child:hover,
.cc.ctxt-featured article > header .actions form button:focus,
.cc.ctxt-featured section.ctxt-contact .actions form button:focus,
.cc.ctxt-featured article > header .actions form .button:focus,
.cc.ctxt-featured section.ctxt-contact .actions form .button:focus,
.cc.ctxt-featured article > header .actions .button:first-child:focus,
.cc.ctxt-featured section.ctxt-contact .actions .button:first-child:focus {
  color: #871b20;
  background-color: #fff;
  /*px*/ padding: 8px 13px;
  /*rem*/ padding: 0.5rem 0.8125rem;
}
.cc.ctxt-featured section.body > .insert {
  /*px*/ margin: 40px 0 0 0;
  /*rem*/ margin: 2.5rem 0 0 0;
  border-bottom-color: #adc5cb;
}
.cc.ctxt-featured section.body > .insert h2,
.cc.ctxt-featured section.body > .insert h3 {
  font-weight: bold;
  color: #00919b;
}
.cc.ctxt-featured dl[data-collapse] dt[data-collapsed='yes'],
.cc.ctxt-featured dl[data-collapse] dt[data-collapsed='no'] {
  color: #adc5cb;
}
.cc.ctxt-featured section.ctxt-contact > div {
  color: #555555;
  background: #f3f0ed;
  max-width: 752px;
  margin: 0 auto;
}
.cc.ctxt-featured section.ctxt-contact > div .actions {
  /*px*/ padding: 32px 16px;
  /*rem*/ padding: 2rem 1rem;
}
.cc.ctxt-featured section.ctxt-contact > div .actions > div {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-featured article > header > .intro {
    /*px*/ margin: -40px -24px;
    /*rem*/ margin: -2.5rem -1.5rem;
  }
  .cc.ctxt-featured article > header > h1 ~ .intro {
    /*px*/ margin-top: 16px;
    /*rem*/ margin-top: 1rem;
  }
  .cc.ctxt-featured article > header > .summary {
    /*px*/ margin: -24px;
    /*rem*/ margin: -1.5rem;
  }
  .cc.ctxt-featured article > header .actions form,
  .cc.ctxt-featured section.ctxt-contact .actions form {
    width: 100%;
  }
  .cc.ctxt-featured article > header .actions .button,
  .cc.ctxt-featured section.ctxt-contact .actions .button,
  .cc.ctxt-featured article > header .actions form button,
  .cc.ctxt-featured section.ctxt-contact .actions form button {
    width: 100%;
    width: calc(100% - 16px);
    /*px*/ margin-top: 20px;
    /*rem*/ margin-top: 1.25rem;
  }
  .cc.ctxt-featured article > header .actions .button:hover,
  .cc.ctxt-featured section.ctxt-contact .actions .button:hover,
  .cc.ctxt-featured article > header .actions form button:hover,
  .cc.ctxt-featured section.ctxt-contact .actions form button:hover,
  .cc.ctxt-featured article > header .actions .button:focus,
  .cc.ctxt-featured section.ctxt-contact .actions .button:focus,
  .cc.ctxt-featured article > header .actions form button:focus,
  .cc.ctxt-featured section.ctxt-contact .actions form button:focus {
    /*px*/ margin-top: 16px;
    /*rem*/ margin-top: 1rem;
  }
}
.cc.ctxt-featuredprd section#synthese .intro {
  /*px*/ margin: 16px;
  /*rem*/ margin: 1rem;
  /*px*/ padding: 0;
  /*rem*/ padding: 0;
  border-style: solid;
  border-width: 8px 0;
  color: #fff;
  text-align: center;
  display: flexbox;
  display: flex;
  align-items: center;
}
.cc.ctxt-featuredprd section#synthese .intro div.banner {
  flex-positive: 1;
  flex: 1;
  /*px*/ padding: 8px 20px 8px 0;
  /*rem*/ padding: 0.5rem 1.25rem 0.5rem 0;
}
.cc.ctxt-featuredprd section#synthese .intro p.teaser {
  color: #fff;
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
  line-height: 1.2;
}
.cc.ctxt-featuredprd section#synthese .intro h2 {
  color: #fff;
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
  /*px*/ margin: 8px;
  /*rem*/ margin: 0.5rem;
}
.cc.ctxt-featuredprd section#synthese .intro p strong {
  font-size: 1.4em;
  background: rgba(255, 255, 255, 0.2);
  /*px*/ padding: 0 8px;
  /*rem*/ padding: 0 0.5rem;
}
.cc.ctxt-featuredprd section#synthese .intro form input {
  color: #009999;
  border: 1px solid #fff;
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  /*px*/ padding: 5px 14px;
  /*rem*/ padding: 0.3125rem 0.875rem;
  border-radius: 0.2rem;
  /* box-shadow: 1px 1px 2px 0 @C11 inset; */
  transition: box-shadow 0.3s ease 0s;
}
.cc.ctxt-featuredprd section#synthese .intro form input:focus {
  border-color: #eeeeee #8B725E #8B725E #eeeeee;
  box-shadow: 2px 2px 2px 0 #8B725E inset;
}
.cc.ctxt-featuredprd section#synthese .intro form button {
  color: #fff;
  border-color: #fff;
  background: transparent;
}
.cc.ctxt-featuredprd section#synthese .intro form button:hover,
.cc.ctxt-featuredprd section#synthese .intro form button:focus {
  color: #009999;
  background: #fff;
}
.cc.ctxt-featuredprd section#synthese .intro div.msg {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}
.cc.ctxt-featuredprd section#synthese .intro div.msg::before,
.cc.ctxt-featuredprd section#synthese .intro div.msg p {
  color: #fff;
}
.cc.ctxt-featuredprd section#synthese .intro div.msg p {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  text-align: left;
}
.cc.ctxt-featuredprd.ctxt-loans section#synthese .intro {
  border-color: #fbc9a0;
  background: #31a390;
}
.cc.ctxt-featuredprd.ctxt-loans section#synthese .intro p strong {
  border-bottom: 4px solid #fbc9a0;
}
.cc.ctxt-featuredprd.ctxt-loans section#synthese .intro form input {
  border-color: #0e2d28;
}
.cc.ctxt-featuredprd.ctxt-cars section#synthese .intro {
  border-color: #95be1f;
  background: #113442;
}
.cc.ctxt-featuredprd.ctxt-cars section#synthese .intro p strong {
  border-bottom: 4px solid #95be1f;
}
.cc.ctxt-featuredprd.ctxt-cars section#synthese .intro form input {
  border-color: #000000;
}