/****************************************/
/********** Styles CIC 2015 *************/
/****************************************/
/* Description :                        */
/*  - Styles CIC 2015/Apps             */
/* Responsabilit� :                     */
/*  - �quipe Web CIC/SB                 */
/* Historique :                         */
/*  - 07/06/2018 : cr�ation             */
/****************************************/
/****************************************/
/* Bleu */
/* Rouge */
/* Vert */
/* en attente de validation lot 2 */
/* Vert */
/* Noir */
/* Blanc */
/* Défaut (institutionnel CIC) */
/* Défaut - complémentaire (institutionnel CIC) */
/* épargne */
/* épargne - complémentaire */
/* 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 violet*/
/* CIC & Vous vert*/
/* Par défaut */
/*==============================================
. Break
============================================== */
/*==============================================
. Fonts
============================================== */
/* ------------------------------------ */
/* ==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,
.cc div.font.green {
  color: #009999;
}
.cc .picto.orange,
.cc div.font.orange {
  color: #ff5400;
}
.cc .picto.red,
.cc div.font.red {
  color: #ff3311;
}
.cc div.font,
.cc .picto {
  color: #009999;
  display: inline-block;
  font-family: 'fts_commun';
  font-size: 18px;
  vertical-align: text-bottom;
  /*just add water*/
}
.cc div.font::before,
.cc .picto::before,
.cc div.font::after,
.cc .picto::after {
  font-family: "fts_picto";
}
.cc div.font::before,
.cc .picto::before {
  speak: none;
}
.cc div.font.agence::before,
.cc .picto.agence::before {
  content: '\F03EC';
}
.cc div.font.conseiller::before,
.cc .picto.conseiller::before {
  content: '\F0745';
}
.cc div.font.agriculteurs::before,
.cc .picto.agriculteurs::before {
  content: '\F0013';
}
.cc div.font.automobile::before,
.cc .picto.automobile::before {
  content: '\F0057';
}
.cc div.font.calendrier::before,
.cc .picto.calendrier::before {
  content: '\F0435';
}
.cc div.font.euro::before,
.cc .picto.euro::before {
  content: '\F0281';
}
.cc div.font.event::before,
.cc .picto.event::before {
  content: '\F0284';
}
.cc div.font.schedule::before,
.cc .picto.schedule::before {
  content: '\F0435';
}
.cc div.font.creation::before,
.cc .picto.creation::before {
  content: '\F00D0';
}
.cc div.font.gestion::before,
.cc .picto.gestion::before {
  content: '\F0163';
}
.cc div.font.gestion2::before,
.cc .picto.gestion2::before {
  content: '\F0164';
}
.cc div.font.aide::before,
.cc .picto.aide::before {
  content: '\F0015';
}
.cc div.font.notification::before,
.cc .picto.notification::before {
  content: '\F0117';
}
.cc div.font.artisans::before,
.cc .picto.artisans::before {
  content: '\F0040';
}
.cc div.font.conso::before,
.cc .picto.conso::before {
  content: '\F00C5';
}
.cc div.font.ecommerce::before,
.cc .picto.ecommerce::before {
  content: '\F010A';
}
.cc div.font.epargne::before,
.cc .picto.epargne::before {
  content: '\F0119';
}
.cc div.font.famille::before,
.cc .picto.famille::before {
  content: '\F013B';
}
.cc div.font.financements::before,
.cc .picto.financements::before {
  content: '\F014B';
}
.cc div.font.assistance::before,
.cc .picto.assistance::before {
  content: '\F05AE';
}
.cc div.font.associations::before,
.cc .picto.associations::before {
  content: '\F0044';
}
.cc div.font.sante::before,
.cc .picto.sante::before {
  content: '\F004C';
}
.cc div.font.credits::before,
.cc .picto.credits::before {
  content: '\F00D2';
}
.cc div.font.fiscalite::before,
.cc .picto.fiscalite::before {
  content: '\F014E';
}
.cc div.font.flux::before,
.cc .picto.flux::before {
  content: '\F015D';
}
.cc div.font.immo::before,
.cc .picto.immo::before {
  content: '\F050E';
}
.cc div.font.paiement::before,
.cc .picto.paiement::before {
  content: '\F057B';
}
.cc div.font.assurances::before,
.cc .picto.assurances::before {
  content: '\F0046';
}
.cc div.font.international::before,
.cc .picto.international::before {
  content: '\F0525';
}
.cc div.font.securite::before,
.cc .picto.securite::before {
  content: '\F0704';
}
.cc div.font.internet::before,
.cc .picto.internet::before {
  content: '\F0528';
}
.cc div.font.liberte::before,
.cc .picto.liberte::before {
  content: '\F0752';
}
.cc div.font.placements::before,
.cc .picto.placements::before {
  content: '\F06AC';
}
.cc div.font.teleconseiller::before,
.cc .picto.teleconseiller::before {
  content: '\F06AE';
}
.cc div.font.reseaux::before,
.cc .picto.reseaux::before {
  content: '\F06EE';
}
.cc div.font.mobile::before,
.cc .picto.mobile::before {
  content: '\F0569';
}
.cc div.font.check::before,
.cc .picto.check::before {
  content: '\F071F';
}
.cc div.font.imprimer::before,
.cc .picto.imprimer::before {
  content: '\F0511';
}
.cc div.font.archives::before,
.cc .picto.archives::before {
  content: '\F002A';
}
.cc div.font.docs::before,
.cc .picto.docs::before {
  content: '\F00BC';
}
.cc div.font.loupe::before,
.cc .picto.loupe::before {
  content: '\F0701';
}
.cc div.font.regrouper::before,
.cc .picto.regrouper::before {
  content: '\F070A';
}
.cc div.font.croix,
.cc .picto.croix {
  color: #8d8d8d;
}
.cc div.font.croix::before,
.cc .picto.croix::before {
  content: '\F00D9';
}
.cc div.font.virement::before,
.cc .picto.virement::before {
  content: '\F0752';
}
.cc div.font.gestion_courante::before,
.cc .picto.gestion_courante::before {
  content: '\F0165';
}
.cc div.font.gestion_courante-plein::before,
.cc .picto.gestion_courante-plein::before {
  content: '\F0166';
}
.cc div.font.commerces::before,
.cc .picto.commerces::before {
  content: '\F00B4';
}
.cc div.font.liberales::before,
.cc .picto.liberales::before {
  content: '\F06C5';
}
.cc div.font.loisirs::before,
.cc .picto.loisirs::before {
  content: '\F0553';
}
.cc div.font.offre_commerciale::before,
.cc .picto.offre_commerciale::before {
  content: '\F0597';
}
.cc div.font.restore::before,
.cc .picto.restore::before {
  content: '\F030B';
}
.cc div.font.settings::before,
.cc .picto.settings::before {
  content: '\F0446';
}
.cc div.font.trending_down::before,
.cc .picto.trending_down::before {
  content: '\F04C2';
}
.cc div.font.trending_flat::before,
.cc .picto.trending_flat::before {
  content: '\F04C3';
}
.cc div.font.trending_up::before,
.cc .picto.trending_up::before {
  content: '\F04C4';
}
.cc div.font.person_pin_circle::before,
.cc .picto.person_pin_circle::before {
  content: '\F03D3';
}
.cc div.font.person_pin_drop::before,
.cc .picto.person_pin_drop::before {
  content: '\F03EC';
}
.cc div.font.group::before,
.cc .picto.group::before {
  content: '\F03C5';
}
.cc div.font.info_circle_outline::before,
.cc .picto.info_circle_outline::before {
  content: '\F031A';
}
.cc div.font.dab::before,
.cc .picto.dab::before {
  content: '\f09fb';
}
/* couleurs en variables */
body {
  background: #fff none;
}
.cc {
  /*LISTE DE CONTENUS*/
}
.cc .back {
  display: none !important;
}
.cc .flex {
  display: flex;
}
.cc .ctxt-contact.body {
  padding-top: 0;
}
.cc .ctxt-contact.body .button {
  display: block;
  padding: 10px 0;
  text-align: center;
}
.cc.main {
  margin: 5px;
}
.cc.main .body {
  padding: 16px;
}
.cc.main .intro {
  padding: 10px;
}
.cc.main header {
  padding: 16px;
}
.cc.main .insert {
  text-align: center;
}
.cc.main .insert > div p {
  text-align: center;
}
.cc.main .insert.ctxt-subscribe > div,
.cc.main .insert.ctxt-simul > div {
  padding-left: 0;
}
.cc.main .insert.ctxt-subscribe h2:before,
.cc.main .insert.ctxt-simul h2:before {
  position: static;
  font-size: 30px;
}
.cc.main .body .phone-bloc .rate {
  right: -10px;
}
@media only screen and (max-width: 768px) {
  .cc.main .body .phone-bloc .rate {
    top: 32px;
  }
}
@media only screen and (max-width: 768px) {
}
.cc.main.ctxt-video .body {
  padding: 0;
}
.cc.main.ctxt-video #div_transcript {
  margin-top: 15px;
  padding-bottom: 16px;
}
.cc.main.ctxt-video #div_transcript > h2 {
  margin: 0;
  padding: 0 16px 16px;
}
.cc.main.ctxt-video #div_transcript > div {
  margin: 0;
  padding: 0;
}
.cc.main.ctxt-video .media + .list {
  padding: 0;
}
.cc.main.ctxt-video .media {
  padding: 16px;
}
.cc.main.ctxt-service p.legal,
.cc.main.ctxt-service p.note {
  padding-left: 15px;
  padding-right: 15px;
}
.cc.main.ctxt-service header {
  padding-left: 15px;
  padding-right: 15px;
}
.cc.main.ctxt-service dl[data-collapse="yes"] {
  margin-left: 0;
}
.cc.main.ctxt-service dl[data-collapse="yes"] .styled {
  margin-left: 10px;
}
.cc.main.ctxt-service article > img {
  width: 100%;
  height: auto;
}
.cc.main.ctxt-service #synthese p.legal {
  padding: 0px 15px;
}
.cc.main.ctxt-service #synthese h2 + .legal {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
}
.cc.main.ctxt-service #synthese .intro {
  background: #fff;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
}
.cc.main.ctxt-service #synthese .intro .summary > ul.img {
  margin-left: 0;
  margin-bottom: 0;
  display: block;
}
.cc.main.ctxt-service #synthese .intro .summary > ul.img li {
  margin-bottom: 25px;
  min-height: 20px;
}
.cc.main.ctxt-service #synthese .intro .summary > ul.img li:last-child {
  margin-bottom: 0;
}
.cc.main.ctxt-service #synthese .intro .summary > ul.img li div.font {
  font-size: 30px;
  height: 50px;
  margin-top: -5px;
}
.cc.main.ctxt-service #synthese .inserts .button {
  width: 100%;
  padding: 10px 0;
}
.cc.main.ctxt-service #synthese .inserts .ctxt-contact a.button {
  color: #fff;
  background: #702290;
  border-color: #702290;
}
.cc.main.ctxt-service #synthese .inserts .ctxt-contact a.button:hover,
.cc.main.ctxt-service #synthese .inserts .ctxt-contact a.button:focus {
  color: #702290;
  background-color: #fff;
}
.cc.main.ctxt-service #synthese .inserts .ctxt-contact span.button {
  color: #702290;
  border: 1px solid #702290;
}
.cc.main.ctxt-service #synthese .inserts div.actions {
  margin-top: 0;
}
.cc.main.ctxt-service #fonctionnement {
  padding: 15px 0;
}
.cc.main.ctxt-service #fonctionnement dt:before {
  font-size: 20px;
  left: 23px;
  top: 12px;
}
.cc.main.ctxt-service #fonctionnement dd {
  padding: 0 8px 8px 8px;
  margin-left: 0;
}
.cc.main.ctxt-service #fonctionnement h2#H_details {
  padding-left: 30px;
}
.cc.main.ctxt-service #faq {
  display: none;
}
.cc.main.ctxt-service #faq,
.cc.main.ctxt-service #video {
  padding: 0 0 15px;
}
.cc.main.ctxt-service #faq dt:before,
.cc.main.ctxt-service #video dt:before {
  font-size: 20px;
  left: 23px;
  top: 12px;
}
.cc.main.ctxt-service #faq dd,
.cc.main.ctxt-service #video dd {
  padding: 0 8px 8px 8px;
}
.cc.main.ctxt-service #faq h2,
.cc.main.ctxt-service #video h2 {
  padding-left: 30px;
}
.cc.main.ctxt-service footer {
  margin-top: 6px;
  padding-top: 20px;
}
@media only screen and (max-width: 320px) {
  .cc .slider figure img {
    width: 240px;
  }
}
.cc.main.ctxt-list {
  background: #fff;
  height: 100%;
  margin: 0;
}
.cc.main.ctxt-list .tiles > .tile {
  max-width: 100%;
}
.cc.main.ctxt-list article > .tile {
  border: none;
  max-width: 100%;
}
.cc.main.ctxt-list article > .tile .tile_header {
  border-bottom: 1px solid #D9D9D9;
  padding: 0 0 15px;
  margin: 15px 15px 0;
}
.cc.main.ctxt-list article > .tile .tile_header h1 {
  font-size: 18px;
  font-weight: normal;
  margin-right: 25px;
}
.cc.main.ctxt-list article > .tile .tile_header p {
  color: #6c6c6c;
  font-size: 15px;
  text-align: left;
  font-weight: normal;
  margin-right: 25px;
}
.cc.main.ctxt-list article > .tile .tile_header div {
  position: relative;
  align-self: center;
  width: 100%;
}
.cc.main.ctxt-list article > .tile .tile_header div:after {
  font-family: "fts_picto";
  content: '\F05CC';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
}
.cc.main.ctxt-list article > .tile .tile_header a:hover {
  text-decoration: none;
}
.cc.main.ctxt-list article > .tile figure {
  display: block;
  height: auto;
  position: static;
  border: none;
  flex: 1;
  min-height: 0;
  padding-right: 8px;
  align-self: center;
  max-width: 33px;
}
.cc.main.ctxt-list article > .tile figure img {
  position: static;
  margin-left: 0;
  transform: initial;
}
.cc.main.ctxt-list article > .tile figure + div {
  flex: 5;
}
.cc.main.ctxt-list article > header {
  background: #f4f8fb;
  padding: 30px 15px;
  border-bottom: 1px solid #D9D9D9;
}
.cc.main.ctxt-list article > header > h1 {
  font-size: 22px;
}
.cc.main.ctxt-list article > .body {
  padding: 0;
  margin-bottom: 40px;
}
.cc.main.ctxt-list article #myboard {
  margin: 0;
}
.cc.main.ctxt-list article > h2 {
  text-transform: uppercase;
  margin: 15px 15px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #D9D9D9;
  font-size: 16px;
  width: auto;
  color: #1765BC;
}
.cc.main.ctxt-list.ctxt-banking article header h1::before {
  content: "";
  display: inline-block;
  width: 29px;
  height: 25px;
  margin-right: 15px;
  background: url(/partage/fr/CC/CM/assets/articles/mes-besoins/pictos/2022/cartes.svg) no-repeat bottom;
}
.cc.main.ctxt-list.ctxt-banking article header {
  background-color: #E7E9E3;
}
.cc.main.ctxt-list.ctxt-banking article header h1 {
  color: #616C45;
  font-size: 24px;
}
.cc.main.ctxt-list.ctxt-loans article header h1::before {
  content: "";
  display: inline-block;
  width: 29px;
  height: 25px;
  margin-right: 15px;
  background: url(/partage/fr/CC/CM/assets/articles/mes-besoins/pictos/2022/credits.svg) no-repeat left;
}
.cc.main.ctxt-list.ctxt-loans article header {
  background-color: #F1E5E5;
}
.cc.main.ctxt-list.ctxt-loans article header h1 {
  color: #B55B5B;
  font-size: 24px;
}
.cc.main.ctxt-list.ctxt-savings article header h1::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 31px;
  margin-right: 15px;
  background: url(/partage/fr/CC/CM/assets/articles/mes-besoins/pictos/2022/epargne.svg) no-repeat left;
}
.cc.main.ctxt-list.ctxt-savings article header {
  background-color: #F0E3ED;
}
.cc.main.ctxt-list.ctxt-savings article header h1 {
  color: #9D4587;
  font-size: 24px;
}
.cc.main.ctxt-list.ctxt-insurances article header h1::before {
  content: "";
  display: inline-block;
  width: 29px;
  height: 25px;
  margin-right: 15px;
  background: url(/partage/fr/CC/CM/assets/articles/mes-besoins/pictos/2022/assurance.svg) no-repeat bottom;
}
.cc.main.ctxt-list.ctxt-insurances article header {
  background-color: #DFE9ED;
}
.cc.main.ctxt-list.ctxt-insurances article header h1 {
  color: #347E95;
  font-size: 24px;
}
.cc.main.ctxt-list.ctxt-housing article header h1::before {
  content: "";
  display: inline-block;
  width: 29px;
  height: 25px;
  margin-right: 15px;
  background: url(/partage/fr/CC/CM/assets/articles/mes-besoins/pictos/2022/logement.svg) no-repeat bottom;
}
.cc.main.ctxt-list.ctxt-housing article header {
  background-color: #E9E4F2;
}
.cc.main.ctxt-list.ctxt-housing article header h1 {
  color: #6A4DA8;
  font-size: 24px;
}
.cc.ctxt-service.ctxt-insurances section.ctxt-tools > div {
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
  width: inherit;
  border: none;
}
.cc.ctxt-service.ctxt-insurances section.ctxt-tools > div:before {
  display: none;
}
.cc.ctxt-service.ctxt-insurances section.ctxt-tools .button {
  color: #fff;
  background: #009999;
}
.cc.ctxt-service.ctxt-insurances section.ctxt-tools .button:hover,
.cc.ctxt-service.ctxt-insurances section.ctxt-tools .button:focus {
  color: #009999;
  background: transparent;
}
.cc.ctxt-list article + article + article + article + article,
.cc.ctxt-list article + article + article + article + article + article,
.cc.ctxt-list article + article + article + article + article + article + article,
.cc.ctxt-list article + article + article + article + article + article + article + article {
  display: block !important;
}