/* -------------------------------------------------------------------------------------------------- GENERAL ---------- */
/* -------------------------------------------------------------------------------------------------- GENERAL ---------- */
/* -------------------------------------------------------------------------------------------------- GENERAL ---------- */


.media-ligthbox {
overflow:inherit !important;
}
.media-ligthbox .ligthbox_link {
max-width:inherit;
}

#lisio-popin-container.right {
right: inherit;
left:16px;
}

.vbox-num {display:none !important;}

.field--name-body .media-ligthbox ul li::before {cursor: pointer;}

.media-ligthbox .ligthbox_link {
	flex: 33%;
	padding: 2px 4px;
}

.media-ligthbox .ligthbox_link a:not(.ctaCKeditor) {border-bottom:none !important;}
.media-ligthbox .ligthbox_link a:not(.ctaCKeditor):hover, 
.media-ligthbox .ligthbox_link a:not(.ctaCKeditor):active, 
.media-ligthbox .ligthbox_link a:not(.ctaCKeditor):focus, 
.media-ligthbox .ligthbox_link a:not(.ctaCKeditor).focused, 
.media-ligthbox .ligthbox_link a:not(.ctaCKeditor).is-active {background-color:inherit !important;}



.media-ligthbox .ligthbox_link img {
	border-radius: 5px;
	width: 100%;
	height: auto;
}

.slick-dots  {display: flex;
  justify-content: center;}

.vbox-left-corner {display:none;}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 0px;
	height: 0px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li button:before { cursor: pointer;}

.user-form__back .btn.btn-outline-primary {color:#FFF;}
.user-form a {color:#83326D}

.slick-slider li button:before {cursor: pointer;}

/* Blog */
.view-blog-ccige #views-exposed-form-blog-page-actualite {
	justify-content: center;
}
.view-blog-ccige #views-exposed-form-blog-ccige-page-1 {justify-content:center;}
.view-blog-ccige .view-content {gap: 30px;justify-content: center;}
.view-blog-ccige .view-content .card {overflow: hidden; border-radius: 50px;background-color:rgba(0,0,0,0.02)}
.view-blog-ccige .card__wrapper {padding:0;}
.view-blog-ccige .card__wrapper .card__header {margin-bottom:0;}
.view-blog-ccige .card__wrapper .card__body {padding: 0 2.5rem 2.5rem 2.5rem;margin-top: -2rem;position: relative;z-index: 10;}
.view-blog-ccige .card__wrapper .card__body .date {display: inline-block; background-color: #83326D; padding: 0.8rem 2rem; margin-bottom: 1.2rem; border-radius: 20px; font-size: 1.5rem; color: #FFF;font-weight: 600;text-transform:uppercase;}
.view-blog-ccige .card__wrapper .card__body .card__title {font-weight:bold;}
.view-blog-ccige .form-label {display:none;}

@media only screen and (max-width: 768px) {
  .article__left {margin-bottom: 0rem;}
  .article .paragraph {margin-bottom: 0rem;}
}
@media only screen and (max-width: 1024px) {
  .block-mainnavigation-mobile {
	display: contents;
  }
}

.crossSelling.mutiple-content .node__submitted {display:none;}
.crossSelling.mutiple-content .slick-slide {height:auto;}
.crossSelling.mutiple-content .slick-slide > div {padding:1rem;}
.crossSelling.mutiple-content .slick-slide h2 {width: 100%; min-height: auto; font-size: 2rem !important; line-height: 2.5rem; display: flex; flex-direction: column; gap: 35px;color:#000;margin-bottom:20px;text-transform: initial;font-weight: 700 !important;}
.crossSelling.mutiple-content .slick-slide h2 span {color: #000 !important;font-size: 2rem !important;font-weight: 600 !important;}
.crossSelling.mutiple-content .slick-slide h2:before {text-overflow: ellipsis;white-space: nowrap; overflow: hidden;top: 0; align-self: flex-start; width: auto;   padding: 0 2rem;content:'FORMATION';display:block;font-weight:500;    position: relative; max-width: 100%; min-height: 3rem;  margin-bottom: .2rem; border: 2px solid #383ff5;  border-radius: 3px; color: #383ff5;  font-size: 1.5rem; line-height: 2.8rem;}
.slick-slide .node--type-formation-socle {top: 0;right: 0; bottom: 0; left: 0; flex-wrap: nowrap; padding: 4rem 3.2rem 2.5rem; background-color: #FFF; width: calc(100% - 10px) !important; height: calc(100% - 25px) !important; margin-top: 10px;}

.crossSelling.mutiple-content .slick-slide {padding: 1rem;}
.crossSelling.mutiple-content .slick-slide > div {height:100%;}
.crossSelling.mutiple-content .slick-slide > div .node--type-formation-socle {height:100%;}

.stamp .sticker__tag,
.crossSelling.mutiple-content .slick-slide h2:before {color:#67276C;border: 2px solid #67276C;}
.stamp .sticker:hover, .stamp .sticker:active, .stamp .sticker:focus, .stamp .sticker.focused, .stamp .sticker.is-active {border-color:#CF4D64}

.paragraph--type--editorial .text-formatted p a,
.paragraph--type--editorial .text-formatted p a:not(.ctaCKeditor),
.paragraph--type--editorial .text-formatted p a:not(.ctaCKeditor),
.paragraph--type--editorial .text-formatted p a:not(.ctaCKeditor),
.paragraph--type--editorial .text-formatted p a:not(.ctaCKeditor),
.paragraph--type--editorial .text-formatted p a:not(.ctaCKeditor) {border-bottom: 1px solid #d3556b !important;color: #d3556b !important;text-decoration:none !important;}

.paragraph--type--editorial .text-formatted p a:hover,
.paragraph--type--editorial .text-formatted p a:not(.ctaCKeditor):hover,
.paragraph--type--editorial .text-formatted p a:not(.ctaCKeditor):active,
.paragraph--type--editorial .text-formatted p a:not(.ctaCKeditor):focus,
.paragraph--type--editorial .text-formatted p a:not(.ctaCKeditor).focused,
.paragraph--type--editorial .text-formatted p a:not(.ctaCKeditor).is-active {color:#FFF !important;background-color:#C64966 !important;}

/* FAQ */
.faq .js-accordion.accordion .js-accordion__header {background-color:#CF4D64;border-color:#CF4D64}
.faq .js-accordion.accordion .js-accordion__panel {border-color:#CF4D64}
.faq .js-accordion.accordion .js-accordion__panel p:last-child {margin-bottom:0 !important;}

/* Masqué provisoirement */
.node-homepage .homepage .valeurs {display:none;}

/* Divers */
.animate { transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition:all .3s ease;-o-transition: all .3s ease; }
.btn.big-btn { font-size: 2.5rem; padding: 1rem 4rem;background-color: #C64966;color:#FFF;border:none;}
.big-btn.btn--white:hover, .big-btn.btn--white:active, .big-btn.btn--white:focus {background-color: rgb(197, 73, 102);}
.form-textarea, .form-tel, .form-select, .form-text, .form-number, .form-email, .form-date {padding: 0 1rem;}
.cke_editable, .section-term__text, 
.paragraph--type--block-content, 
.paragraph--type--editorial .text-formatted, 
.paragraph--type--editorial, 
.field--name-body {font-size: 1.7rem;line-height:130%;}
.paragraph--type--editorial .text-formatted p {margin-bottom:10px}
.slick-arrow, .slick-arrow:hover, .slick-arrow:active, .slick-arrow:focus, .slick-arrow.focused, .slick-arrow.is-active {background: white url(/sites/g/files/mwbcuj2396/files/2025-03/arrow-slider-rose.svg) no-repeat center/cover;}
.slick-arrow.slick-prev {left: -28px;}
.slick-arrow.slick-next {right: -28px;}
h2 {font-size: 2.5rem; font-weight: 800;color:#83326D;}
.article__left .js-tablist__link {border-radius:30px;}
.sub-article__next {width: 100%;padding: 2rem 0; border-top: none;margin-bottom: 5rem;text-align: left;font-size: 2.4rem; display: flex;align-items: center; text-decoration: none;color: #83326D;position:relative}
.sub-article__next:hover, .sub-article__next:active, .sub-article__next:focus, .sub-article__next.focused, .sub-article__next.is-active {background-color: inherit; color: #83326D;}
.sub-article__next:hover:before {margin-right:2.5rem;width:6rem;background-position:center left 5px;}
.sub-article__next:before {background-image: url(/sites/g/files/mwbcuj2396/files/2025-03/arrow-right-rose.svg);transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition:all .3s ease;-o-transition: all .3s ease;}
.bg-grey,
.bg-pale-grey-five { background-color: inherit;}
.breadcrumb--no-margin {position:relative;}
.breadcrumb--text-shadow {text-shadow:inherit;}
.breadcrumb--white .breadcrumb__cta::after {display:none;}
.view-evenements .view-filters {display:none;}
.view.view-evenements .view-header .page-title {margin-bottom:0;}


/* Login */
.header__container #block-iconsheader #search svg path {fill:#FFF !important;stroke-width: 0;height: 20px;}
.header__container #block-iconsheader .popin-user-login .login__icon svg {fill:#FFF !important;height: 20px;}
#block-iconsheader {gap:5px;}
#block-iconsheader #bracket {display:none;}
#block-iconsheader > .header__cta {margin-left:0;}
#block-iconsheader > a.header__cta.search {height:25px;width:25px;display:block;position:relative;background-image:url(/sites/g/files/mwbcuj2396/files/2025-03/picto-search-campus-moselle.svg);background-repeat:no-repeat;}
#block-iconsheader > a.header__cta.search > svg {display:none;}
#block-iconsheader a.login > .login__icon {height:25px;width:25px;position:relative;background-image:url(/sites/g/files/mwbcuj2396/files/2025-03/picto-user-campus-moselle.svg);background-repeat:no-repeat;}
#block-iconsheader a.login .login__icon > svg {display:none;}
#block-iconsheader .popin-user-login button {border-radius:0; padding: 0; margin: 0; height: 25px;}
#block-iconsheader .popin-user-login button:hover { position: relative; color: #383ff5; border: none; transition: all 0.5s ease-in-out 0.1s;}
#block-iconsheader .login__icon {width:25px;height:25px;}
#block-iconsheader .nav__label--first:hover::after, .nav__label--first:active::after, .nav__label--first:focus::after, .nav__label--first.focused::after, .nav__label--first.is-active::after {background-color: #83326D;display:none;}
#block-iconsheader .user-form a {color:#83326D;}
#block-iconsheader .popin-user-login button.is-opened {background-color:#83326D;}
#block-iconsheader .popin-user-login button {border:none;}
#block-iconsheader .popin-user {right:0;top: 50px;overflow: inherit;border:none;background-color:inherit; transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition:all .3s ease;-o-transition: all .3s ease;box-shadow: 0 0.9rem 2.7rem -0.5rem rgba(125,130,135,0.3);
  border-radius: 30px; }
#block-iconsheader .popin-user:before {content:'';display : inline-block;height : 0;width : 0;border-top : 20px solid #d3556b;border-right : 20px solid transparent;position:absolute;top:-5px;transform:rotate(45deg);right:38px;}
#block-iconsheader .popin-user__header {min-height: 8rem;justify-content: center;background-color: #d3556b;border-radius: 30px 30px 0 0;overflow:hidden;}
#block-iconsheader .popin-user__header .popin-user__icon {display:none;}
#block-iconsheader .popin-user__header .popin-user__name {padding: 2rem;margin:0;color: #FFF;font-weight: 500;background-image:url(/sites/g/files/mwbcuj2396/files/2025-03/user-regular-white-trans.svg);background-repeat:no-repeat;background-size:5rem 5rem;background-position:center center;padding: 3rem 0;}
#block-iconsheader .popin-user__services {background-color: #FAFAFA;}
#block-iconsheader .popin-user__item--cart::before {background-image:url(/sites/g/files/mwbcuj2396/files/2025-03/cart-arrow-down-solid-rose.svg);}
#block-iconsheader .popin-user__item--calendar::before {background-image:url(/sites/g/files/mwbcuj2396/files/2025-03/calendar-check-regular-rose.svg);}
#block-iconsheader .popin-user__footer {border-radius: 0 0 30px 30px ;justify-content:center;background-color: #83326D;}
#block-iconsheader .popin-user__header .btn {}
#block-iconsheader .login__firstname {background-color: #FFF;border-radius: 15px;padding: 0 1rem; color: #83326D;font-size: 1.2rem;height: 15px; text-transform: uppercase; line-height: 15px;margin-right:1rem;}
#block-iconsheader .form-label {font-size: 1.2rem;line-height:inherit;margin-bottom: .3rem;}
#block-iconsheader .form-item {margin-bottom:1rem;}
#block-iconsheader .form-actions,
#block-iconsheader .user-form__footer{margin-top: 0em;margin-bottom: 0em;}
#block-iconsheader .user-form__footer {font-size: 1.2rem;}
#block-iconsheader .user-form .form-error {font-size: 1.2rem;}
#block-iconsheader .user-form__messages #messages_wrapper {margin-top: 1em;margin-bottom: 1em;}
#block-iconsheader .user-form__fields {margin-bottom:0;}
#block-iconsheader .user-form__header {margin-top: 1em;margin-bottom: 1em;}
.node-evenement .product-evenement .product__left img {display:none;}

/* Article */
.node-article #block-breadcrumbs {display: block;height: 20px;margin-bottom: 1rem;font-size: 1.3rem; line-height: 2.4rem;text-align: center;}
.node-article .breadcrumb--blue .breadcrumb__item,
.node-article .breadcrumb--blue .breadcrumb__cta,
.node-article .breadcrumb--blue .breadcrumb__item::before {color:#83326D;margin-top:0}
.article--complex .article__header {padding-bottom: 7rem;border-radius: 30px;display: flex;flex-direction: column; gap: 20px;}
.article--complex .article__tags {margin-top:0;margin-bottom:0;}
.article--complex .article__header .article__title {margin-bottom:0px;}
.article--complex .article__content {padding-bottom: 7rem;}
.article__tablist {grid-auto-rows: auto;}
.article__tablink {line-height:normal;padding: 2rem;border-radius: 30px;font-size: 1.9rem;}
.article__tablink[aria-selected="true"],
.article__tablink:hover, .article__tablink:active, .article__tablink:focus, .article__tablink.focused, .article__tablink.is-active,
.cke_editable h2, .section-term__text h2, .paragraph--type--block-content h2, .paragraph--type--editorial .text-formatted h2, .paragraph--type--editorial h2, .field--name-body h2 {color:#83326D;}
.article__cap {font-size: 2rem; line-height: normal;}
.article__left .js-tablist__link[aria-selected="true"], .article__left .js-tablist__link:hover, .article__left .js-tablist__link:active, .article__left .js-tablist__link:focus, .article__left .js-tablist__link.focused, .article__left .js-tablist__link.is-active {padding: 2rem;border-radius: 30px;}
.article__left .js-tablist__link {padding: 2rem;}
.article__subtitle {margin-bottom:3.5rem;}

/* Font */
body {font-family: "darkmode-off-cc",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;}

/* Couleur */
.cke_editable .document-download, .cke_editable a:not(.ctaCKeditor), 
.section-term__text .document-download, .section-term__text a:not(.ctaCKeditor), 
.paragraph--type--block-content .document-download, .paragraph--type--block-content a:not(.ctaCKeditor), 
.paragraph--type--editorial .text-formatted .document-download, .paragraph--type--editorial .text-formatted a:not(.ctaCKeditor), 
.paragraph--type--editorial .document-download, .paragraph--type--editorial a:not(.ctaCKeditor), 
.field--name-body .document-download, .field--name-body a:not(.ctaCKeditor) {border-bottom: 1px solid #d3556b;}
.article__left .js-tablist__link[aria-selected="true"], .article__left .js-tablist__link:hover, .article__left .js-tablist__link:active, .article__left .js-tablist__link:focus, .article__left .js-tablist__link.focused, .article__left .js-tablist__link.is-active {box-shadow: inherit;}
.product__header {background-color:inherit;}
.autocouleur, .article__header, .agency__header {background: rgba(212,79,100,1);background: linear-gradient(0deg, rgba(212,79,100,1) 0%, rgba(98,33,104,1) 100%);border-radius: 30px;}
.article__header h2 {font-weight:500;color:#FFF;}
.btn.btn-primary, .btn--blue {border-color: #83326D;}
.result__tag {border: 2px solid #83326D;color:#83326D;}
.btn.btn-outline-primary, .btn--white {border-color: #83326D;}
.feedback {border: 2px solid #83326D;}
.view.view-evenements .view-control .js-tablist__link[aria-selected="true"] {border-color:#d3556b;}
.band__image--blue,
.result__image {background-color: #da7485;}
.form-select {background-image:url(/sites/g/files/mwbcuj2396/files/2025-03/caret-violet.svg);}
.page-search .form-submit {background-image: url(/sites/g/files/mwbcuj2396/files/2025-03/picto-search-campus-moselle-violet.svg);}
.page-search .form-wrapper:first-child {border: 1px solid rgba(131,50,109,0.3);}
.page-search {background-color: inherit;}
.view.view-evenements .view-control .js-tablist__link:hover, .view.view-evenements .view-control .js-tablist__link:active, .view.view-evenements .view-control .js-tablist__link:focus, .view.view-evenements .view-control .js-tablist__link.focused, .view.view-evenements .view-control .js-tablist__link.is-active {border-color:#d3556b;}
.card__title a:hover {color: inherit;}
.view .fc .fc-button-primary:hover {}
.view .fc .fc-daygrid-day.fc-day-today {background-color: rgba(211,85,107,0.1);}
body.node-formation_socle .tooltip__infobulle {background-color: #F8E4E8;}

/* color - VIOLET #83326D */
.pager,
.card__title,
.breadcrumb__item:not(:first-child),
.product_contact_request .contact-request__form a,
p a:not([class]), .news__cap a,
.breadcrumb--white .breadcrumb__cta,
.news__title,
.price .ttc__value,
.btn.btn-outline-primary, 
.btn--white,
.card--a-la-une .card__wrapper .card__content__title,
.cke_editable .titleCKeditor, .section-term__text .titleCKeditor, .paragraph--type--block-content .titleCKeditor, .paragraph--type--editorial .text-formatted .titleCKeditor, .paragraph--type--editorial .titleCKeditor, .field--name-body .titleCKeditor,
.view.view-evenements .view-header .page-title,
.band__payment,
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary.focused, .btn.btn-primary.is-active, .btn--blue:hover, .btn--blue:active, .btn--blue:focus, .btn--blue.focused, .btn--blue.is-active,
.dashboard__cta,
.dashboard__item .dashboard__title,
.block-local-tasks-block > .tabs a:hover, .block-local-tasks-block > .tabs a:active, .block-local-tasks-block > .tabs a:focus, .block-local-tasks-block > .tabs a.focused, .block-local-tasks-block > .tabs a.is-active,
.agency--teaser .information__number--website a,
.view .fc .fc-icon,
.view .fc .fc-button-primary:disabled, 
.view .fc .fc-button-primary:disabled:hover,
.page-search .form-text.breadcrumb--blue .breadcrumb__item, 
.breadcrumb--blue .breadcrumb__item::before, 
.breadcrumb--blue .breadcrumb__cta,
.breadcrumb--white .breadcrumb__item::before,
.breadcrumb--blue .breadcrumb__item, 
.breadcrumb--blue .breadcrumb__item::before, 
.breadcrumb--blue .breadcrumb__cta,
.simpleContent__title,
.view-title,
.page-search .form-text,
.field--name-field-telephone a {color:#83326D}

/* background-color - VIOLET #83326D */
.btn.btn-primary, .btn--blue,
.btn.btn-outline-primary:hover, .btn.btn-outline-primary:active, .btn.btn-outline-primary:focus, .btn.btn-outline-primary.focused, .btn.btn-outline-primary.is-active, .btn--white:hover, .btn--white:active, .btn--white:focus, .btn--white.focused, .btn--white.is-active,
.card__tag > *,
.user-form a::after,
.information__number::after,
.view .fc .fc-button-primary:hover,
body.node-formation_socle .formation-socle .formation--content-container .formation--main-content-wrapper .formation--sidebar-column .formation--bloc-tarif--cpf::before,
body.node-formation_socle .tooltip__icon,
body.node-formation_socle .formation-socle .formation--content-container .formation--main-content-wrapper .formation--main-column .formation--sections-variables-content .section-sessions-variables .session-variable .formation:hover {background-color: #83326D;}

/* color - ROSE #d3556b */
.cke_editable .document-download, .cke_editable a:not(.ctaCKeditor), 
.section-term__text .document-download, .section-term__text a:not(.ctaCKeditor), 
.paragraph--type--block-content .document-download, .paragraph--type--block-content a:not(.ctaCKeditor), 
.paragraph--type--editorial .text-formatted .document-download, .paragraph--type--editorial .text-formatted a:not(.ctaCKeditor), 
.paragraph--type--editorial .document-download, .paragraph--type--editorial a:not(.ctaCKeditor), 
.field--name-body .document-download, .field--name-body a:not(.ctaCKeditor),
.cke_editable h3, .section-term__text h3, .paragraph--type--block-content h3, .paragraph--type--editorial .text-formatted h3, .paragraph--type--editorial h3, .field--name-body h3 {color: #d3556b;}
.node-evenement .product-evenement h3, .product__block .product__value a:not([class]) {color: #d3556b !important; }

/* background-color - ROSE #d3556b */
.product__intro .field--name-field-chapeau ul li::before, 
.cke_editable ul li::before, 
.section-term__text ul li::before, 
.paragraph--type--block-content ul li::before, 
.paragraph--type--editorial .text-formatted ul li::before, 
.paragraph--type--editorial ul li::before, 
.field--name-body ul li::before,
.article__left .js-tablist__link[aria-selected="true"], .article__left .js-tablist__link:hover, .article__left .js-tablist__link:active, .article__left .js-tablist__link:focus, .article__left .js-tablist__link.focused, .article__left .js-tablist__link.is-active,
.popin-user__item span::after,
.view .fc .fc-daygrid-event,
.fc-h-event .fc-event-main,
.view .fc .fc-button-primary:not(:disabled):active, .view .fc .fc-button-primary:not(:disabled).fc-button-active,
.fc-v-event .fc-event-main {background-color:#d3556b;}
.cke_editable .document-download:hover, .cke_editable .document-download:active, .cke_editable .document-download:focus, .cke_editable .document-download.focused, .cke_editable .document-download.is-active, .cke_editable a:not(.ctaCKeditor):hover, .cke_editable a:not(.ctaCKeditor):active, .cke_editable a:not(.ctaCKeditor):focus, .cke_editable a:not(.ctaCKeditor).focused, .cke_editable a:not(.ctaCKeditor).is-active, .section-term__text .document-download:hover, .section-term__text .document-download:active, .section-term__text .document-download:focus, .section-term__text .document-download.focused, .section-term__text .document-download.is-active, .section-term__text a:not(.ctaCKeditor):hover, .section-term__text a:not(.ctaCKeditor):active, .section-term__text a:not(.ctaCKeditor):focus, .section-term__text a:not(.ctaCKeditor).focused, .section-term__text a:not(.ctaCKeditor).is-active, .paragraph--type--block-content .document-download:hover, .paragraph--type--block-content .document-download:active, .paragraph--type--block-content .document-download:focus, .paragraph--type--block-content .document-download.focused, .paragraph--type--block-content .document-download.is-active, .paragraph--type--block-content a:not(.ctaCKeditor):hover, .paragraph--type--block-content a:not(.ctaCKeditor):active, .paragraph--type--block-content a:not(.ctaCKeditor):focus, .paragraph--type--block-content a:not(.ctaCKeditor).focused, .paragraph--type--block-content a:not(.ctaCKeditor).is-active, .paragraph--type--editorial .text-formatted .document-download:hover, .paragraph--type--editorial .text-formatted .document-download:active, .paragraph--type--editorial .text-formatted .document-download:focus, .paragraph--type--editorial .text-formatted .document-download.focused, .paragraph--type--editorial .text-formatted .document-download.is-active, .paragraph--type--editorial .text-formatted a:not(.ctaCKeditor):hover, .paragraph--type--editorial .text-formatted a:not(.ctaCKeditor):active, .paragraph--type--editorial .text-formatted a:not(.ctaCKeditor):focus, .paragraph--type--editorial .text-formatted a:not(.ctaCKeditor).focused, .paragraph--type--editorial .text-formatted a:not(.ctaCKeditor).is-active, .paragraph--type--editorial .document-download:hover, .paragraph--type--editorial .document-download:active, .paragraph--type--editorial .document-download:focus, .paragraph--type--editorial .document-download.focused, .paragraph--type--editorial .document-download.is-active, .paragraph--type--editorial a:not(.ctaCKeditor):hover, .paragraph--type--editorial a:not(.ctaCKeditor):active, .paragraph--type--editorial a:not(.ctaCKeditor):focus, .paragraph--type--editorial a:not(.ctaCKeditor).focused, .paragraph--type--editorial a:not(.ctaCKeditor).is-active, .field--name-body .document-download:hover, .field--name-body .document-download:active, .field--name-body .document-download:focus, .field--name-body .document-download.focused, .field--name-body .document-download.is-active, .field--name-body a:not(.ctaCKeditor):hover, .field--name-body a:not(.ctaCKeditor):active, .field--name-body a:not(.ctaCKeditor):focus, .field--name-body a:not(.ctaCKeditor).focused, .field--name-body a:not(.ctaCKeditor).is-active {color:#FFF;background-color:#C64966;}

/* Header */
header.header {flex-direction: row;width: 85%;max-width: 1233px;margin: 0 auto;border-bottom: 0px;}
header.header #main-menu {display: flex;justify-content: space-between; width: 100%; max-width: 1233px; margin: 0 auto;padding: 30px 0;}
header.header #main-menu .header__block {width:161px;}
header.header #main-menu #block-mainnavigation {width:100%;display: flex;align-items: center;padding-top: 20px;}
header.header #main-menu #block-mainnavigation .nav .nav__wrapper.nav__wrapper--first {width:100%;justify-content: end;gap: 12px;}
header.header #main-menu img.header__logo {height: 85px; }
header.header #main-menu a {transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition:all .3s ease;-o-transition: all .3s ease;}
header.header #main-menu .nav__label a.nav__cta {font-size: 1.25rem;background-color:#F8F8F8;border-radius:30px;padding: 1rem 1.6rem;text-transform:uppercase;color:#83326D}
header.header #main-menu .nav__label a.nav__cta:hover {background-color:#F9F4F7;}
header.header #main-menu .nav__wrapper--first > .nav__item:nth-child(5) .nav__label--first {background-color:inherit;}
header.header #main-menu .nav__wrapper--first > .nav__item:nth-child(5) .nav__label--first a {background-color:#C64966;color:#FFF;line-height: 1.7rem;border-radius:30px;}
header.header #main-menu .nav__wrapper--first > .nav__item:nth-child(5) .nav__label--first a:hover {background-color:#B64366;}
header.header #main-menu .nav__label.nav__label--first {line-height:inherit;}
.header__container {margin: 0;justify-content: end;max-height: inherit;position: absolute;right: 0;top:0;width: auto;flex:inherit;background-color: #83326D;border-radius:0 0 30px 30px;padding:5px 20px;gap:12px}
.header__container .menu--menu-secondaire .nav ul {display:flex;gap:15px;text-transform:uppercase;color:#FFF;}
.header__container > .block:nth-child(2) {}
.breadcrumb {margin-top:0;}
header.header #main-menu .nav__item:nth-child(6),
header.header #main-menu .nav__item:nth-child(7) {display: none;}
@media only screen and (max-width:1024px){
 header.header #main-menu .nav__item:nth-child(6),
 header.header #main-menu .nav__item:nth-child(7) {display:block;}
 header.header #main-menu .nav__item:nth-child(8),
 header.header #main-menu .nav__item:nth-child(9) {font-size: 1.8rem;padding: 1rem 7.5%;}
}

/* Accueil */
.homepage .paragraph {margin-bottom:0;}
.homepage #block-mainpagecontent,
.homepage .block-mainpagecontent {width:100%;max-width: inherit; }
.homepage .paragraph--type--slider {width: 85%;max-width: 1233px; margin: 8rem auto;}
.homepage .paragraph--type--editorial-banner .field--name-field-edito-banner {position:relative;overflow:hidden;}
.homepage .paragraph--type--editorial-banner .field--name-field-edito-banner > .field__item:nth-child(1) {padding: 75px 0 250px 0;width: 100%;background: rgba(212,79,100,1);background: linear-gradient(0deg, rgba(212,79,100,1) 0%, rgba(98,33,104,1) 100%);z-index:0;}
.homepage .paragraph--type--editorial-banner .field--name-field-edito-banner > .field__item:nth-child(1) > .paragraph {width: 85%;max-width: 1233px;margin: auto;padding-right: 35%;color:#FFF;padding-left: 0px;}
.homepage .paragraph--type--editorial-banner .field--name-field-edito-banner > .field__item:nth-child(1) > .paragraph h1 {color:#E2924B;font-weight:800;margin-bottom: 3rem;font-size: 3.6rem;line-height: 3.8rem;}
.homepage .paragraph--type--editorial-banner .field--name-field-edito-banner > .field__item:nth-child(2) {position: absolute;width: 60%;height: 100%; right: 0;z-index:1;top:-50px}
.homepage .paragraph--type--editorial-banner .field--name-field-edito-banner > .field__item:nth-child(2) .paragraph {border-radius: 100% 0 0 0;}
.homepage .node__content .field--name-field-section > .field__item:nth-child(1) > .paragraph--type--editorial-banner .field--name-field-edito-banner:after {display:block;background-color:#FFF;width:150%;height:200px;content:'';z-index:2;transform:rotate(-2deg);position:absolute;bottom:-100px}
.homepage .valeurs {padding: 5rem 0;display: flex;flex-direction: column;align-items: center;background: rgba(212,79,100,1);background: linear-gradient(0deg, rgba(212,79,100,1) 0%, rgba(98,33,104,1) 100%);z-index:0;position:relative;}
.homepage .valeurs:after {content:'';display:block;background-image: url(/sites/g/files/mwbcuj2396/files/2025-03/Pavillon2_0.webp);background-size:cover;opacity:0.15;z-index:1;position:absolute;left:0;top:0;height:100%;width:100%;background-position: center center;}
.homepage .valeurs h2, .homepage .valeurs p {text-align:center;color:#FFF}
.homepage .valeurs .text-formatted.field {z-index:2;}
.homepage .valeurs ul {display: flex;justify-content: center; align-items: flex-start;margin-top:5rem;}
.homepage .valeurs ul li {transition: transform 0.4s;margin: 0 3.5rem 3.5rem;box-sizing: border-box;transition-timing-function: ease;padding-left: 0;}
.homepage .valeurs ul li h3 {text-align:center;font-size: 2rem;margin-top: 0rem;color:#FFF;}
.homepage .valeurs ul li:hover {-ms-transform: scale(1.1);-webkit-transform: scale(1.2);}
.homepage .valeurs ul li:hover h3 {color:#FFF;}
.homepage .valeurs ul li:before {display:none;}
.homepage .valeurs ul li {display:flex;flex-direction:column;align-items:center;border-bottom:none !important;}
.homepage .valeurs ul li .picto {margin-bottom: 1.4rem;  height: 120px;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  position: relative;  z-index: 0;}
.homepage .valeurs ul li .picto img {height:80%;}
.node--type-homepage > .node__content > .field--name-field-section > .field__item > .paragraph--type--block-content {margin-left: inherit !important; padding-left: inherit !important; margin-right: inherit !important;  padding-right: inherit !important;}

/* SLICK */
.slick-nav.disabled,
.slick-carousel .slick-dots.disabled {display:none;}
.slick-nav {display: flex;justify-content: space-between;position: relative;z-index: 0;margin-top: -60px;display:none;}
.slick-carousel .slick-dots {display: flex;gap: 10px;justify-content: center;padding: 30px 0;width: 50%; margin: auto;position:relative;z-index: 10;}
.slick-carousel .slick-dots button {width:10px;height:10px;border-radius:10px;background-color: rgba(198, 73, 102, 0.2);}
.slick-carousel .slick-dots button.active {background-color: rgba(198, 73, 102, 1);}
.slick-nav button {font-size: 4rem;background-color:#FFF;color:#C64966;opacity:0.5}
.slick-nav button:hover {opacity:1;}
.slick-carousel button {border:none;}
.slick-nav {display:none;}

/* SLICK Carousel (Accueil) */
#slick-profils .slick-track,
#slick-profils .slick-carousel,
#slick-profils .slick-list {width:100%;}
#slick-profils .slick-arrow.slick-next {right: 20px;}
#slick-profils .slick-arrow.slick-prev {left: 20px;}
#slick-profils {width: 100%;max-width: 1233px; margin: -250px auto 0 auto;z-index:5;position:relative;}
#slick-profils h1 {font-size: 2.6rem;line-height:normal;font-weight:500;color: #383ff5;}
#slick-profils > header {display: flex;justify-content: space-between;align-items: center;}
#slick-profils .slick-carousel-outer {overflow:hidden;}
#slick-profils .slick-carousel .item {position:relative;display: flex; flex-direction: column;align-items: center;}
#slick-profils .slick-carousel .item a.bloc-profil {color:inherit;width: 100%;border-bottom:none;padding-bottom:0; display: flex;flex-direction: column;align-items: center;}
#slick-profils .slick-carousel .item a.bloc-profil:hover,
#slick-profils .slick-carousel .item a.bloc-profil:focus,
#slick-profils .slick-carousel .item a.bloc-profil:active {background-color: inherit;}
#slick-profils .slick-carousel .item a.bloc-profil .bloc-photo {display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-bottom: none;margin:0;border-radius:50px;padding:0px 0px;width: 100%;}
#slick-profils .slick-carousel .item a.bloc-profil .bloc-photo > span {display: flex; position: relative; overflow: hidden; border-radius: 50%; width: 230px; height: 230px;align-items: center;justify-content: center;border: solid 22px #FFF;background-color: #FFF;}
#slick-profils .slick-carousel .item a.bloc-profil .bloc-photo > span > img {position: absolute; width: 100%;height: 100%;object-fit: cover;object-position: center;}
#slick-profils .slick-carousel .item a.bloc-profil .bloc-photo > h4 {margin-top: 0px;height: 50px; display: flex; align-items: center; line-height: 1rem;font-weight:500;line-height: 1.8rem;font-weight:900;color:#83326D;}
#slick-profils .slick-carousel .item a.bloc-profil:hover .bloc-photo > span > img {height:120%;}
#slick-profils .slick-carousel .item a.bloc-profil .visiter {display: flex;position: relative;   align-items: center;  justify-content: center;  overflow: hidden; white-space: nowrap; background-color: #83326D; border-radius: 20px;padding: 0; width: 44px; height: 40px; margin-top: 5px;transition: all .6s ease;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition:all .6s ease;-o-transition: all .6s ease; }
#slick-profils .slick-carousel .item a.bloc-profil .visiter > svg {height: auto;position: absolute;right:10px;}
#slick-profils .slick-carousel .item a.bloc-profil .visiter > .texte {opacity: 0; transition: opacity 0.3s ease;pointer-events: none;color:#FFF;width:0px; transition: all .3s ease;max-width: 0;font-size:1.3rem; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;
  -ms-transition:all 0.5s ease; -o-transition: all 0.5s ease; }
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  #slick-profils .slick-carousel .item a.bloc-profil .visiter > .texte {opacity: 1; width: auto; max-width: inherit;padding: 0 31px 0 15px;}
  #slick-profils .slick-carousel .item a.bloc-profil .visiter{width:auto;}
  #slick-profils > header {justify-content:center;}
}
#slick-profils .slick-carousel .item a.bloc-profil:hover .visiter {width:auto;padding: 0 32px 0 20px;}
#slick-profils .slick-carousel .item a.bloc-profil:hover .visiter > .texte {opacity: 1;width:auto;max-width: 100px;}
#slick-profils .slick-carousel .item a.bloc-profil:hover .visiter > svg {margin-left:10px;}

/* Accueil - Agenda */
.block-views-blockevenements-block-agenda-homepage {padding: 50px auto;position:relative;background-color:#FFF;z-index:10;padding: 6rem 10rem;}
.block-views-blockevenements-block-agenda-homepage:before {content:'';display:block;height:100%;width:100%;right:0;top:0;position:absolute;z-index:1;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,1) 44%, rgba(255,255,255,0) 100%);}
.block-views-blockevenements-block-agenda-homepage:after {content:'';display:block;height:100%;width:100%;right:0;top:0;position:absolute;z-index:0;background-image: url('/sites/g/files/mwbcuj2396/files/2025-03/pattern_CCI_CAMPUS.png?tstmp=1742483372');background-size:1000px;background-position:center right;background-repeat:repeat;opacity:0.8;}
.block-views-blockevenements-block-agenda-homepage > div {position:relative;z-index:1;width: 85%;max-width: 1233px;margin:auto;}
.block-views-blockevenements-block-agenda-homepage h2.block__title {margin-bottom: 20px; font-size: 2.2rem;text-align: center; color: #83326D; letter-spacing: 1px; font-weight: 400;position:relative;z-index:1;}
.block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row { width: 50%;margin-bottom:0 !important;margin-top: 0 !important;padding-bottom : 40px;}
.block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row:nth-child(odd) {padding-right:20px;}
.block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row:nth-child(even) {padding-left:20px;}
.block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row .lame {border: solid 1px #FFF;height:100%;padding : 2rem 4rem;display: flex;flex-direction: column;text-align: center;border-radius: 30px;gap:0px;padding: 2rem 4rem;box-shadow: 0 1rem 1.5rem -0.5rem rgba(125,130,135,0.2);background-color:#FAFAFA;}
.block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row .lame:hover {border: solid 1px #83326D;}
.block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row .lame__wrapper--dates {background-color: #83326D; color: #FFF;padding: 5px 20px;border-radius: 30px;font-size:1.2rem;text-transform:uppercase;letter-spacing:0.5px;line-height:auto }
.block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row h3.lame__wrapper--title {color:#000; max-width:inherit;font-weight:800;display:flex;align-items: center;color: #83326D;font-size:1.5rem }
.block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row h3.lame__wrapper--title .ellip{display: inline-block;height:auto;}
.block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row .lame__wrapper--infos {align-items: center; gap:10px;}
.block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row .lame__pratical { text-align:center !important; }
.block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row .lame__pratical .lame__locality{text-transform:uppercase;}
.block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row .lame__subscription {display: flex !important;justify-content: center;}
.block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row .lame__subscription span.btn--no-hover {border-color: #C64966;background-color: #C64966;color: #FFF;padding: 0 40px;}
.block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row .lame__subscription span.btn--no-hover:hover {border-color: #C64966; background-color: #C64966;color: white;}
.block-views-blockevenements-block-agenda-homepage .view.view-evenements .cta,
.block-views-blockevenements-block-agenda-homepage .view.view-evenements .cta .more-link{margin-top:0px}
.block-views-blockevenements-block-agenda-homepage .lame:hover .lame__pratical, 
.block-views-blockevenements-block-agenda-homepage .lame:active .lame__pratical, 
.block-views-blockevenements-block-agenda-homepage .lame:focus .lame__pratical, 
.block-views-blockevenements-block-agenda-homepage .lame.focused .lame__pratical,
.block-views-blockevenements-block-agenda-homepage .lame.is-active .lame__pratical {display: block;}
#block-views-block-evenements-block-agenda-homepage .view-evenements > .view-content {justify-content: center;}
@media only screen and (max-width:980px){
  .block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row .lame {align-items:center;}
}
@media only screen and (max-width:768px){
  .block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row {width:100%;}
}

/* Accueil/Agences - Galerie Photo */
.node-homepage .media-ligthbox #ligthbox .ligthbox_link,
.node-agence .media-ligthbox #ligthbox .ligthbox_link {max-width:inherit; display: block; background-color: inherit !important;border-bottom: none !important;}
.node-homepage .media-ligthbox #ligthbox .slick-arrow.slick-next,
.node-agence .media-ligthbox #ligthbox .slick-arrow.slick-next{right:20px;}
.node-homepage .media-ligthbox #ligthbox .slick-arrow.slick-prev,
.node-agence .media-ligthbox #ligthbox .slick-arrow.slick-prev {left:20px;}
.node-homepage .media-ligthbox #ligthbox .slick-dots li,
.node-agence .media-ligthbox #ligthbox .slick-dots li {display: inline-block;}
.node-homepage .media-ligthbox #ligthbox .slick-dots,
.node-agence .media-ligthbox #ligthbox .slick-dots {bottom: -50px;}
.node-homepage .media-ligthbox #ligthbox .slick-dots li.slick-active button::before,
.node-agence .media-ligthbox #ligthbox .slick-dots li.slick-active button::before {color:#C64966}
.node-homepage .media-ligthbox #ligthbox .slick-dots li button::before,
.node-agence .media-ligthbox #ligthbox .slick-dots li button::before {color:#C64966;}

/* Accueil - Blog */
#block-views-block-blog-ccige-liste {margin:auto;padding: 6rem 10rem;border-radius: .6rem;position:relative;}
#block-views-block-blog-ccige-liste .view-blog-ccige nav.pager {display:none;}
#block-views-block-blog-ccige-liste .view-blog-ccige {display:flex;justify-content: space-between;}
#block-views-block-blog-ccige-liste .view-blog-ccige .view-header {width:30%;display:flex;align-items:center;justify-content:left;position:relative;z-index: 1;}
#block-views-block-blog-ccige-liste .view-blog-ccige .view-header h3 {font-weight:800;margin-bottom:10px;color:#C64966;}
#block-views-block-blog-ccige-liste .view-blog-ccige .view-content {width:770px;position:relative;z-index: 1;}
#block-views-block-blog-ccige-liste .view-blog-ccige .view-content > .slick {width:100%;margin:auto}
#block-views-block-blog-ccige-liste .view-blog-ccige .view-content .slick-slider {overflow:hidden;}
#block-views-block-blog-ccige-liste .view-blog-ccige .view-content .slick-slide {border-radius: 30px;overflow: hidden;margin: 0 3rem;}
#block-views-block-blog-ccige-liste .view-blog-ccige .view-content .slick-slide a {}
#block-views-block-blog-ccige-liste .view-blog-ccige .view-content .slick-slide img {width: 100%;}
#block-views-block-blog-ccige-liste .view-blog-ccige .view-content .slick-slide .card {max-width:inherit;}
#block-views-block-blog-ccige-liste .view-blog-ccige .view-content .slick-list {margin: 0 -35px;}
#block-views-block-blog-ccige-liste .view-blog-ccige .slick-track {flex-direction: row; flex-wrap: wrap;  display: flex;justify-content: space-between;}
#block-views-block-blog-ccige-liste .view-blog-ccige .view-header p {font-size:1.4em;}
#block-views-block-blog-ccige-liste::before {content: '';display: block;height: 100%;width: 100%;right: 0;top: 0; position: absolute;z-index: 1;background-image: linear-gradient(to right,rgba(255,255,255,0), rgba(255,255,255,0.4), rgb(255, 255, 255), rgb(255, 255, 255), rgb(255, 255, 255));}
#block-views-block-blog-ccige-liste::after {content: '';display: block;height: 100%;width: 100%;right: 0;top: 0;position: absolute;z-index: 0;background-image: url('/sites/g/files/mwbcuj2396/files/2025-03/pattern_CCI_CAMPUS.png');background-size: 1000px;background-position: center right;  background-repeat: repeat;opacity: 0.8;}
#block-views-block-blog-ccige-liste h2.list__title { margin-bottom:20px;font-size:2.2rem;text-align:center; color:#83326D;letter-spacing:1px;font-weight: 400}
#block-views-block-blog-ccige-liste .card__wrapper {background-color:#CF4D64;border-radius:0 0 30px 30px;padding:0}
#block-views-block-blog-ccige-liste .card__wrapper .card__header {order:1;}
#block-views-block-blog-ccige-liste .card__wrapper .card__header a:hover img {box-shadow:inherit;}
#block-views-block-blog-ccige-liste .card__wrapper .card__body {order:3;padding: 1rem 2.6rem;}
#block-views-block-blog-ccige-liste .card__wrapper .card__body h3.card__title {font-size:1.8rem;font-weight:900;line-height:2.2rem;color: #FFF;}
#block-views-block-blog-ccige-liste .card__wrapper .card__body .card__text {color: #FFF;font-size: 1.4em;line-height: normal;margin-bottom: 1rem;}
#block-views-block-blog-ccige-liste .card__wrapper .card__body p.date {color: #FFF;text-transform:uppercase;font-size: 1.2em;margin-bottom: 1rem;font-weight: 600;}
#block-views-block-blog-ccige-liste .card__wrapper .card__footer {order:2;margin-left: 2.6rem;margin-top: -40px;z-index:1; display: flex; width: fit-content; margin-bottom: 0px;gap:5px;min-height: 30px;}
#block-views-block-blog-ccige-liste .card__wrapper .card__footer span {background-color: #67276C;padding: 0.2rem 1.6rem;border-radius: 30px;  color: #FFF;  font-size: 1.2rem;  text-transform: uppercase;  font-weight: 500;}
#block-views-block-blog-ccige-liste h2 {margin-bottom: 20px;font-size: 2.2rem;text-align: center; color: #83326D; letter-spacing: 1px; font-weight: 400;}
#block-views-block-blog-ccige-liste .card__wrapper {padding:0}
#block-views-block-blog-ccige-liste .card:hover,
#block-views-block-blog-ccige-liste .card:focus, 
#block-views-block-blog-ccige-liste .card.focused, 
#block-views-block-blog-ccige-liste .card.is-active {box-shadow:none;}
#block-views-block-blog-ccige-liste > div {max-width: 1233px;margin: 0 auto;}
#block-views-block-blog-ccige-liste .card__title a:hover {color:#FFF;}
@media only screen and (max-width: 1024px) {
	#block-views-block-blog-ccige-liste .card__wrapper .card__footer {flex-direction: column;}
	#block-views-block-blog-ccige-liste .card__wrapper .card__footer span {width: fit-content;}
}

@media only screen and (max-width: 768px) {
	#block-views-block-blog-ccige-liste {padding: 3rem 2rem;}
	#block-views-block-blog-ccige-liste .slick__arrow {display: none;}
}


/* Accueil - Nos locaux */
.media-ligthbox {width: 85%;max-width: 1233px;margin: 0 auto;overflow: hidden;padding: 6rem 0rem;position:relative;}
.media-ligthbox h3.media-ligthbox__title {margin-bottom:0;margin-bottom: 20px; font-size: 2.2rem; text-align: center; color: #83326D; letter-spacing: 1px; font-weight: 400;position: relative; z-index: 1;}
.media-ligthbox .media-ligthbox__description {margin: 0 0 0 0;}
.media-ligthbox .media-ligthbox__images #ligthbox .owl-stage {display:flex;}

/* Recherche */
.page-search #block-mainpagecontent .view-content .node--type-formation-socle {width: 100%; max-width: 1233px; margin-bottom: 2rem; transition: box-shadow .25sease-in-out;  border: 1px solid white; border-radius: 3px;background-color: white; color: #34353d; box-shadow: 0 1rem 1.2rem -0.5rem rgba(125, 130, 135, 0.1); padding: 2.5rem 4rem 2rem;display:flex;flex-direction:column;gap:20px;}
.page-search #block-mainpagecontent .view-content .node--type-formation-socle h2 {font-size: 2.4rem;font-weight: 700;line-height: 2.8rem;order:2}
.page-search #block-mainpagecontent .view-content .node--type-formation-socle .node__content {display:flex;gap:15px;}
.page-search #block-mainpagecontent .view-content .node--type-formation-socle .node__content > div {border: 2px solid #83326D;color: #83326D;display: inline-block;padding: .3rem 2rem;border-radius: 3px;font-size: 1.5rem; font-weight: 500; line-height: 2.2rem; text-transform: uppercase;background-color: white;order:1}

/* Les actualités */
.homepage #block-mainpagecontent .list--actu h2.list__title { margin-bottom:20px;font-size:2.2rem;text-align:center; color:#83326D;letter-spacing:1px;font-weight: 400}
.homepage #block-mainpagecontent .list--actu {width: 85%;max-width: 1233px; margin: 0 auto 0 auto;padding:0;}
.homepage #block-mainpagecontent .list--actu .card__wrapper {background-color:rgba(0,0,0,0.02);border-radius:30px;padding:0}
.homepage #block-mainpagecontent .list--actu .card__wrapper .card__header {order:1;}
.homepage #block-mainpagecontent .list--actu .card__wrapper .card__body {order:3;padding: 2.6rem;}
.homepage #block-mainpagecontent .list--actu .card__wrapper .card__body h3.card__title {font-size:1.8rem;font-weight:900;line-height:2.2rem;}
.homepage #block-mainpagecontent .list--actu .card__wrapper .card__footer {order:2;margin-left: 2.6rem;background-color: #CF4D64;margin-top: -40px;z-index:1; display: flex; width: fit-content;  padding: 0.2rem 1.6rem;  border-radius: 30px;  color: #FFF;  font-size: 1.2rem;  text-transform: uppercase;  font-weight: 500;margin-bottom: 0px;}
.homepage #block-mainpagecontent #block-views-block-dernieres-actualites-block-1 {width: 85%;max-width: 1233px; margin: 50px auto;padding:0;} 
.homepage #block-mainpagecontent #block-views-block-dernieres-actualites-block-1 h2 {margin-bottom: 20px;font-size: 2.2rem;text-align: center; color: #83326D; letter-spacing: 1px; font-weight: 400;}
.view-actualites .view-content .views-row,
.view-dernieres-actualites .view-content .slick-slide {margin-bottom:3rem;background-color:rgba(0,0,0,0.02);border-radius: 30px;overflow: hidden;}
.view-actualites .view-content .views-row:hover,
.view-dernieres-actualites .view-content .slick-slide:hover {box-shadow: 0 0.9rem 2.7rem -0.5rem rgba(125,130,135,0.3);}
.view-actualites .view-content {justify-content: space-between;}
.view-dernieres-actualites .slick-track {flex-direction: row; flex-wrap: wrap;  display: flex;justify-content: space-between;}
.view-actualites .card__wrapper,
.view-dernieres-actualites .card__wrapper {padding:0}
.view-actualites .card:hover,
.view-dernieres-actualites .card:hover,
.view-actualites .card:focus, 
.view-dernieres-actualites .card:focus, 
.view-actualites .card.focused,
.view-dernieres-actualites .card.focused, 
.view-actualites .card.is-active,
.view-dernieres-actualites .card.is-active {box-shadow:none;}
.view-actualites .card__wrapper .card__header,
.view-dernieres-actualites .card__wrapper .card__header {order:1;}
.view-actualites .card__wrapper .card__header a:hover img,
.view-dernieres-actualites .card__wrapper .card__header a:hover img {box-shadow:inherit;}
.view-actualites .card__wrapper .card__body,
.view-dernieres-actualites .card__wrapper .card__body {order:3;padding: 1rem 2.6rem;}
.view-actualites .card__wrapper .card__body h3.card__title,
.view-dernieres-actualites .card__wrapper .card__body h3.card__title {font-size:1.8rem;font-weight:900;line-height:2.2rem;}
.view-actualites .card__wrapper .card__footer,
.view-dernieres-actualites .card__wrapper .card__footer {order:2;margin-left: 2.6rem;background-color: #CF4D64;margin-top: -40px;z-index:1; display: flex; width: fit-content;  padding: 0.2rem 1.6rem;  border-radius: 30px;  color: #FFF;  font-size: 1.2rem;  text-transform: uppercase;  font-weight: 500;margin-bottom: 0px;}
.view-dernieres-actualites .slick-slide {max-width:350px;margin: 0 auto;}
.view-dernieres-actualites .slick-list {margin: 0 0;}
.view-dernieres-actualites .slick-slider {overflow:hidden;}
.view-dernieres-actualites .slick-slide .card {max-width:inherit;}

/* Formation */
body.node-formation_socle {background-color:#FFF;}
body.node-formation_socle .formation-socle {padding-top:0;}
body.node-formation_socle .node--type-formation-socle .formation--header {background: rgba(212,79,100,1);background: linear-gradient(-90deg, rgba(212,79,100,1) 0%, rgba(98,33,104,1) 100%);border-radius: 30px;padding:0;min-height: 200px;}
body.node-formation_socle .node--type-formation-socle .formation--header .-wrapper .formation--image  {position:relative;opacity: 0.15;top:inherit;left:inherit;border-radius: 30px;overflow: hidden;}
body.node-formation_socle .node--type-formation-socle .formation--header .-wrapper .formation--image img {display: block;}
body.node-formation_socle .node--type-formation-socle .formation--header.-with-image .-wrapper .formation--title-container { position: absolute; bottom: 0; left: 0;}
body.node-formation_socle .node--type-formation-socle .formation--header .-wrapper .formation--title-container {width: 100%;display: flex;flex-direction: column;justify-content: end; padding: 30px;position: absolute;bottom: 0;}
body.node-formation_socle .node--type-formation-socle .formation--header.-with-image {padding-top: 0px;}
body.node-formation_socle .node--type-formation-socle .formation--content-container {display: flex;flex-direction:column;}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper {order:1;}
body.node-formation_socle .node--type-formation-socle .formation--content-container .social-media {order:10}
body.node-formation_socle .node--type-formation-socle .formation--header .-wrapper .formation--sidebar-shortcuts_favoris {position:absolute;padding: 20px 30px;bottom: 30px;right: 0px;font-size: 1.2rem;background-color: #FFF;border-radius: 30px 0 0 30px;color: #000;}
body.node-formation_socle .node--type-formation-socle .formation--header .-wrapper .shortcut-download {display:none;}
body.node-formation_socle .node--type-formation-socle .formation--header .formation--sidebar-shortcuts .shortcut {font-size: 1.3rem; margin: 0 0 10px 0; position: relative; padding-left: 24px;}
body.node-formation_socle .node--type-formation-socle .formation--header .formation--sidebar-shortcuts .shortcut::before { content: "";position: absolute;  top: 50%; left: 0; transform: translateY(-50%); display: block; width: 16px; height: 16px;  aspect-ratio: 1; background-color: #CF4D64;  -webkit-mask-repeat: no-repeat;  mask-repeat: no-repeat;  -webkit-mask-size: contain;  mask-size: contain;}
body.node-formation_socle .node--type-formation-socle .formation--header .formation--sidebar-shortcuts .shortcut-favorite::before { -webkit-mask-image: url(/modules/webapps/webapp_formation_socle/assets/img/icons/coeur.svg);  mask-image: url(/modules/webapps/webapp_formation_socle/assets/img/icons/coeur.svg);}
body.node-formation_socle .node--type-formation-socle .formation--header .formation--sidebar-shortcuts .shortcut-favorite.is-favorite::before { -webkit-mask-image: url(/modules/webapps/webapp_formation_socle/assets/img/icons/coeur_filled.svg);  mask-image: url(/modules/webapps/webapp_formation_socle/assets/img/icons/coeur_filled.svg);}
body.node-formation_socle .node--type-formation-socle .formation--header .formation--title span.nouveaute {position: absolute; left: 20px;bottom: -20px; top: inherit; height: fit-content; border-radius: 30px; border: solid 2px #FFF; padding: 6px 20px; color: #FFF; background-color: #CF4D64; font-size: 0.9em;}
body.node-formation_socle .node--type-formation-socle .formation--content-container {padding: 40px 0px;}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--main-column .formation--chapeau {margin-bottom:0px;}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--main-column h2,
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--main-column h2 span {font-weight:800;color:#67276C;font-size:1.8rem;}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--main-column h3,
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--main-column h3 span {font-weight:800;color:#CF4D64 !important;font-size:1.5rem;}
body.node-formation_socle .formation-socle {font-size: 1.5rem;}
body.node-formation_socle .formation-socle p,
body.node-formation_socle .formation-socle p span,
body.node-formation_socle .formation-socle li span{font-size: 1.5rem !important;}
body.node-formation_socle .formation-socle p {margin-bottom: 0.5rem !important;}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--main-column .formation--sections-edito.formation--toggle .formation--toggle-row {background-color:#CF4D64;padding: 0px 0px;border-bottom:2px solid #FFF;}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--main-column .formation--sections-edito.formation--toggle .formation--toggle-row h4.formation--toggle-title {color:#FFF;font-size: 1.2rem;padding: 10px 20px;}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--main-column .formation--sections-edito.formation--toggle .formation--toggle-row .formation--toggle-content {background-color:#F8E4E8;padding: 10px 20px;}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--main-column .formation--sections-edito.formation--toggle .formation--toggle-row h4.formation--toggle-title button::after {background-color:#FFF}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--sidebar-column .sidebar-section h2 {font-weight:800;color:#83326D;font-size:2rem;}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--sidebar-column .sidebar-section.desactive {display:none;}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--sidebar-column .formation--bloc-selection .formation--bloc-selection h2 {}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--sidebar-column .formation-sidebar-selection .formation--bloc-selection {text-align:center;border-radius:30px 30px 0 0;background-color:#CF4D64;border-bottom: 15px solid #67276C;padding-top:30px;}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--sidebar-column .formation-sidebar-selection .formation--bloc-selection h2 {color:#FFF}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--sidebar-column .formation-sidebar-selection .formation--bloc-selection .selection-button button {border-radius:30px;color:#CF4D64;}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--sidebar-column .formation--bloc-tarif {background-color:rgba(0,0,0,0.02);border-radius:0 0 30px 30px;}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--sidebar-column .formation--bloc-tarif a#session-link {background-color:#CF4D64;color:#FFF;border-radius:30px;border: 1px solid #CF4D64;}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--sidebar-column .formation--contact-commercial a {color:#CF4D64;}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--sidebar-column a.download-simple {display:flex; flex-direction: row-reverse;}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--sidebar-column a.download-simple:after {height:60px;background-repeat:no-repeat;width:60px;display:block;content:'';background-image: url(https://campusmoselle.cciwebfactory.net/sites/g/files/mwbcuj2396/files/2025-03/file_download_moselle.svg);}
body.node-formation_socle .node--type-formation-socle .formation--content-container .formation--main-content-wrapper .formation--sidebar-column a.download-simple img {display:none;}
body.node-formation_socle .modal-formation__content p.modal-formation__content__title {font-weight:800;}
body.node-formation_socle .modal-formation__content p.modal-formation__content__title,
body.node-formation_socle .modal-formation__content p.modal-formation__row__title {color:#83326D;}
body.node-formation_socle .modal-formation__submit__button {background-color: #CF4D64;border: 1px solid #CF4D64;border-radius:30px;}
body.node-formation_socle .modal-formation__submit__button:hover {color: #CF4D64;}
body.node-formation_socle .modal-formation__checkbox input:checked + label, 
body.node-formation_socle .modal-formation__checkbox input:hover + label, 
body.node-formation_socle .modal-formation__radio input:checked + label, 
body.node-formation_socle .modal-formation__radio input:hover + label {background-color: #CF4D64;color:#FFF;}
body.node-formation_socle .formation-socle .formation--header .formation--title-container .formation--title .nouveaute {color:#FFF;background-color: #CF4D64; border:1px solid #FFF;padding: 5px 20px;margin-left:0px;left:inherit;bottom:inherit;margin-top:10px}
body.node-formation_socle .formation-socle .formation--content-container .formation--main-content-wrapper .formation--sidebar-column .formation--bloc-tarif .link-to-contact-form {background-color: #CF4D64;color: #FFF; border-radius:30px; border:1px solid #CF4D64;}
@media only screen and (max-width: 768px) {
.article__tablist {display: flex;flex-direction: column;margin: 0 0;gap: 10px;}
.article__tablist .article__tabitem {min-height:inherit;}
.article__tablist .article__tabitem .article__tablink {padding:1rem;font-size:1.8rem;}
}

/* Recherche Formation */
#views-exposed-form-recherche-formations-block-1 #edit-actions p {font-size:14px;}
#views-exposed-form-recherche-formations-block-1 #edit-actions {margin-top: 50px;display: flex;justify-content: space-between;align-items: center;}
.article--complex .article__content #block-views-block-recherche-formations-block-1,
.article--complex .article__content #block-views-block-recherche-formations-block-2 {width:100%; margin: 0;border-radius: 60px;background-color: rgba(0,0,0,0.02);}
.article--complex .article__content #block-views-block-recherche-formations-block-1 .pager,
.article--complex .article__content #block-views-block-recherche-formations-block-2 .pager {display:none;}
.article--complex .article__content .sub-article__title {border: none;margin-bottom: 0;}
#block-views-block-recherche-formations-block-1 h2.block__title.block__title--h2, 
#block-views-block-recherche-formations-block-2 h2.block__title.block__title--h2, 
#block-views-block-recherche-formations-block-3 h2.block__title.block__title--h2, 
#block-domainformationsearch h2.block__title.block__title--h2,
#views-exposed-form-recherche-formations-block-1 .option-title, 
#views-exposed-form-recherche-formations-block-2 .option-title, 
#views-exposed-form-recherche-formations-block-3 .option-title, 
#views-exposed-form-recherche-formations-page-1 .option-title,
#views-exposed-form-recherche-formations-block-1 .label-text, 
#views-exposed-form-recherche-formations-block-2 .label-text, 
#views-exposed-form-recherche-formations-block-3 .label-text, 
#views-exposed-form-recherche-formations-page-1 .label-text {color:#83326D !important;}
#views-exposed-form-recherche-formations-block-1 .switch::after, 
#views-exposed-form-recherche-formations-block-2 .switch::after,
#views-exposed-form-recherche-formations-block-3 .switch::after,
#views-exposed-form-recherche-formations-page-1 .switch::after {background: rgba(131,50,109,0.5);}
#views-exposed-form-recherche-formations-block-1 .switch-wrap, 
#views-exposed-form-recherche-formations-block-2 .switch-wrap, 
#views-exposed-form-recherche-formations-block-3 .switch-wrap, 
#views-exposed-form-recherche-formations-page-1 .switch-wrap {border-color: rgba(131,50,109,0.5);}
.form-select .ms-drop {border-color: rgba(131,50,109,0.3);}
#views-exposed-form-recherche-formations-block-1 .option-title-container .icon-caret::before, 
#views-exposed-form-recherche-formations-block-2 .option-title-container .icon-caret::before, 
#views-exposed-form-recherche-formations-block-3 .option-title-container .icon-caret::before, 
#views-exposed-form-recherche-formations-page-1 .option-title-container .icon-caret::before,
.cci-custom-select-multiple .form-select .icon-caret::before {background-image :url(/sites/g/files/mwbcuj2396/files/2025-03/caret-violet.svg);}
#views-exposed-form-recherche-formations-block-1 #edit-submit-recherche-formations, 
#views-exposed-form-recherche-formations-block-2 #edit-submit-recherche-formations, 
#views-exposed-form-recherche-formations-block-3 #edit-submit-recherche-formations, 
#views-exposed-form-recherche-formations-page-1 #edit-submit-recherche-formations {border-color: #C64966; background-color: #C64966; color: #FFF; padding: 0 40px;font-size: 1.6rem;border-radius: 10rem;line-height: 4rem;}
#views-exposed-form-recherche-formations-block-1 input:checked + .switch::after, 
#views-exposed-form-recherche-formations-block-2 input:checked + .switch::after, 
#views-exposed-form-recherche-formations-block-3 input:checked + .switch::after, 
#views-exposed-form-recherche-formations-page-1 input:checked + .switch::after {background-color:#83326D;}
p a:not([class]):hover, p a:not([class]):active, 
p a:not([class]):focus, p a:not([class]).focused, 
p a:not([class]).is-active, .news__cap a:hover, 
.news__cap a:active, .news__cap a:focus, 
.news__cap a.focused, .news__cap a.is-active {background-color:#83326D;}
.form-select .ms-choice > .icon-close::before {color:#83326D;}
.form-textarea, .form-tel, .form-select, .form-text, .form-number, .form-email, .form-date {border-color: rgba(131,50,109,0.5);}
.form-textarea:hover, .form-textarea:active, .form-textarea:focus, .form-textarea.focused, .form-textarea.is-active, .form-tel:hover, .form-tel:active, .form-tel:focus, .form-tel.focused, .form-tel.is-active, .form-select:hover, .form-select:active, .form-select:focus, .form-select.focused, .form-select.is-active, .form-text:hover, .form-text:active, .form-text:focus, .form-text.focused, .form-text.is-active, .form-number:hover, .form-number:active, .form-number:focus, .form-number.focused, .form-number.is-active, .form-email:hover, .form-email:active, .form-email:focus, .form-email.focused, .form-email.is-active, .form-date:hover, .form-date:active, .form-date:focus, .form-date.focused, .form-date.is-active {border-color: #83326D;;color: #83326D;}
.ms-drop [type="checkbox"]:checked + span::before, .ms-drop [type="checkbox"]:checked + .form-label::before, .form-checkbox:checked + span::before, .form-checkbox:checked + .form-label::before { border-color: #83326D; background: #83326D url(/sites/g/files/mwbcuj2396/files/2025-03/checkbox-violet.svg) no-repeat center/contain;background-image: url("/sites/g/files/mwbcuj2396/files/2025-03/checkbox-violet.svg");}
#block-views-block-recherche-formations-block-1 h2.block__title.block__title--h2, 
#block-views-block-recherche-formations-block-2 h2.block__title.block__title--h2, 
#block-views-block-recherche-formations-block-3 h2.block__title.block__title--h2, 
#block-domainformationsearch h2.block__title.block__title--h2 {margin-bottom:2rem;}
@media (min-width: 1024px) {
  #block-views-block-recherche-formations-block-1, #block-views-block-recherche-formations-block-2, #block-views-block-recherche-formations-block-3, #block-domainformationsearch {
	margin-right: 0;
	margin-left: 0;
  }
}

/* Liste Formation */
.view-formations-bts .view-content {gap:20px;}
.view-formations-bts .view-content .sticker {min-height:inherit;border-radius: 30px;border-color:#83326D;width:48%; }
.view-formations-bts .view-content .sticker .sticker__wrapper {position:relative;height:auto;}
.view-formations-bts .view-content .sticker .btn {width:fit-content;max-width: inherit;}
.view-formations-bts .view-content .sticker .sticker__tag {background-color: #C64966;border-radius: 0 0 15px 15px;font-size:1rem;letter-spacing:1px;padding: 0 1.5rem;}
.view-formations-bts .view-content .sticker .sticker__title {font-size: 2rem;}
.view-formations-bts .view-content .sticker__body {display:none;}

/* Accueil - Témoignage */
.node-homepage .paragraph--type--lame-temoignage .field--name-field-titre-lame-temoignage { font-weight:500 !important; display:flex;align-items:center; gap:10px;margin-bottom: 3.5rem;font-size:3.2rem;}
.node-homepage .paragraph--type--lame-temoignage .field--name-field-titre-lame-temoignage:before {width:50px;height:50px;display:block;content:'';background-image: url('https://marneardennes.cciwebfactory.net/sites/g/files/mwbcuj2071/files/2023-11/icone-temoignage.svg');}
.node--type-homepage .slick_lame-temoignage .slick-slide a.feedback .feedback__wrap__content__description, .node--type-homepage .slick_lame-temoignage .slick-slide a.feedback .feedback__wrap__profile__name {color:#000;}
.node--type-homepage .slick_lame-temoignage {width: 85%;max-width: 1233px;margin: 7rem auto;}
.node-homepage .paragraph--type--lame-temoignage .field--name-field-titre-lame-temoignage::before {display:none;}
.node--type-homepage .slick_lame-temoignage .slick-list {overflow: initial;}
.node-homepage .paragraph--type--lame-temoignage .field--name-field-titre-lame-temoignage {font-size: 2.2rem;text-align: center; color: #83326D; letter-spacing: 1px;  font-weight: 400;justify-content: center;}
.node--type-homepage .slick_lame-temoignage .slick-slide { margin: 0 3rem;padding-top: 100px;}
.node--type-homepage .slick_lame-temoignage .slick-slide .card {max-width:inherit;}
.node--type-homepage .slick_lame-temoignage .slick-list {margin: 0 -35px;overflow: hidden;}
.slick_lame-temoignage .slick-arrow.slick-next {right:-3rem;margin-top: 10rem;}
.slick_lame-temoignage .slick-arrow.slick-prev {left:-3rem;margin-top: 10rem;}
@media only screen and (max-width: 1400px) {
	.node--type-homepage .slick_lame-temoignage {margin: 2rem auto;}
}
@media only screen and (max-width: 768px) {
	.node--type-homepage a.feedback .feedback__wrap__content .feedback__wrap__content__description {padding: 0 2rem;}
	.node--type-homepage a.feedback {padding: 2rem;}
}
@media only screen and (max-width: 425px) {
	.node--type-homepage .feedback .feedback__wrap__profile {flex-direction: column;}
	.feedback .feedback__wrap__profile__name, .feedback .feedback__wrap__profile__photo {margin-top: 1.6rem;}
}
a.feedback{border-radius: 30px !important;background-color:#383ff5;border:none;}
a.feedback .feedback__wrap__content__description,
a.feedback .feedback__wrap__profile__name {color:#FFF}
a.feedback {width: 85%;max-width: 1233px;margin: auto;border:none;border-radius: 30px !important;}
a.feedback .feedback__wrap__profile__photo {margin-top: -150px;}
a.feedback .feedback__wrap__profile__photo img {width:200px;height:200px;}
a.feedback .feedback__wrap {flex-direction: column;gap: 25px;}
a.feedback {background-color: #FAFAFA !important;padding: 5rem;}
a.feedback .feedback__wrap__content {text-align: center; width: 100%;margin-left:inherit;}
a.feedback .feedback__wrap__content > span {display:none}
a.feedback .feedback__footer {display:none;}
a.feedback .feedback__wrap__content__description, 
a.feedback .feedback__wrap__profile__name {color:#000;}
a.feedback .feedback__wrap__profile__name {font-size:1.5em}
a.feedback .feedback__wrap__profile__name span {font-size:1.4em;font-weight:800;color:#83326D}
a.feedback .feedback__wrap__content .feedback__wrap__content__description {padding: 0 6rem;display:inline-block;font-weight: 100;color: #464646;font-size: 1.7rem; line-height: 2rem;}
a.feedback .feedback__wrap__content .feedback__wrap__content__description:before {content:"«";}
a.feedback .feedback__wrap__content .feedback__wrap__content__description:after {content:"(...)»";}

/* Accueil - Partenaires */
#block-views-block-partenaires-ccige-block-1 {width: 85%;max-width: 1233px;margin: 7rem auto;}
#block-views-block-partenaires-ccige-block-1 > h2 {font-size: 2.2rem;text-align: center;color: #83326D;letter-spacing: 1px;font-weight: 400;justify-content: center;margin-bottom:3rem}
#block-views-block-partenaires-ccige-block-1 .view-partenaires-ccige > .view-content {display: flex;flex-wrap: wrap;gap: 2rem;justify-content: center;}
#block-views-block-partenaires-ccige-block-1 .view-partenaires-ccige > .view-content > .views-field > .field-content > a {width: 150px;height: 100px;display: flex; align-items: center; justify-content: center;}
#block-views-block-partenaires-ccige-block-1 .view-partenaires-ccige > .view-content > .views-field > .field-content > a img {max-width: 100%;max-height: 80px;object-fit: contain;filter: grayscale(1);-webkit-filter: grayscale(100%);transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition:all .3s ease;-o-transition: all .3s ease;}
#block-views-block-partenaires-ccige-block-1 .view-partenaires-ccige > .view-content > .views-field > .field-content > a:hover img {filter: grayscale(0);-webkit-filter: grayscale(0%);}

/* Contact */
.contact__header.banner {background: rgba(212,79,100,1);background: linear-gradient(-90deg,rgba(212,79,100,1) 0%,rgba(98,33,104,1) 100%); border-radius: 30px; padding: 0; padding-top: 0px;min-height: 200px;justify-content:center;}
.contact__overlay {background: rgba(212,79,100,1);background: linear-gradient(-90deg,rgba(212,79,100,1) 0%,rgba(98,33,104,1) 100%);opacity:0.85;}
.contact__header.banner .contact__text {display:flex;flex-direction:column;}
.contact__header.banner .contact__text .contact__title {margin-bottom:0}
.webform-submission-form, .contact form, .contact .webform-submission-form {background-color: rgba(0,0,0,0.02);border-radius:30px}

/* Actualités */
.news__date {width:fit-content;display:block;margin:2rem auto;}
.view-actualites .view-content .views-row {max-width: 350px;}
.view-actualites .view-content {justify-content: space-evenly;}

/* Produits */
.product__wrapper.product__header {background: rgba(212,79,100,1); background: linear-gradient(-90deg,rgba(212,79,100,1) 0%,rgba(98,33,104,1) 100%); border-radius: 30px;  padding-top: 0px; min-height: 200px;}
.product {padding:0;}
.product__content {padding: 5rem 0;}
.product__container {border:none;}
.product__payment__wrapper {padding:3rem;background-color: rgba(0, 0, 0, 0.02);border-radius: 30px;}
.product__block {border-bottom:0;}

/* Nos agences */
.agencies__header {padding-bottom: 7rem; border-radius: 30px; display: flex;flex-direction: column; gap: 20px;background: rgba(212,79,100,1);background: linear-gradient(0deg,rgba(212,79,100,1) 0%,rgba(98,33,104,1) 100%); border-radius: 30px;}
.accordion__header::after {background-image:url(/sites/g/files/mwbcuj2396/files/2025-03/caret-violet.svg);}
.information__number--phone::before {background-image:url(/sites/g/files/mwbcuj2396/files/2025-04/phone-rose.svg);}
.information__number--website::before {background-image:url(/sites/g/files/mwbcuj2396/files/2025-04/external_link-rose.svg);}

/* Témoignages */
.node-temoignage .temoignage .temoignage__photo-legend, 
.node-temoignage .temoignage .temoignage__description .field__label {display:none;}
.node-temoignage .temoignage {display:flex;flex-direction:column;padding:60px 0;    max-width: 720px;margin:auto;}
.node-temoignage .temoignage .title {order:2;margin: 5rem 0 1rem;color:#83326D;font-weight:800;}
.node-temoignage .temoignage .temoignage__photo {order:1;}
.node-temoignage .temoignage .temoignage__description {order:4;margin-top:0;font-size:2.8em;text-align:center;display:flex;align-items:center;gap:10px}
.node-temoignage .temoignage .temoignage__description:before {content:"«";font-size:3em;font-weight:900;opacity:0.1;color:#C64966}
.node-temoignage .temoignage .temoignage__description:after {content:"»";font-size:3em;font-weight:900;opacity:0.1;color:#C64966}
.node-temoignage .temoignage .temoignage__footer {order:3;display:flex;flex-direction:column;margin-top:0;text-align:center;font-size:1.8em;margin-bottom:30px;gap:10px;width: 100%;}
.node-temoignage .temoignage .temoignage__footer .field--name-field-date {font-weight:600;font-size:1em;}
.node-temoignage .temoignage .temoignage__photo img {max-height:inherit;-webkit-clip-path:inherit;clip-path: inherit;width: 100%; height: auto;}
.node-temoignage .temoignage .temoignage__photo {width:240px;height:240px;display:flex;position:relative;overflow:hidden;border-radius:240px;z-index:10;justify-content: start;}
.node-temoignage .temoignage:before {content:'';display:block;width:300px;height:300px;border-radius:300px;z-index:0;position:absolute;margin-top:-30px;background: rgba(212,79,100,1);background: linear-gradient(0deg,rgba(212,79,100,1) 0%,rgba(98,33,104,1) 100%);}
.view-temoignages .feedback-temoignage-view a.feedback {margin-bottom:100px}
.view-temoignages .feedback-temoignage-view {padding-top:100px;}
.feedback-temoignage__header {border-radius: 30px; display: flex; flex-direction: column; background: rgba(212,79,100,1); background: linear-gradient(0deg,rgba(212,79,100,1) 0%,rgba(98,33,104,1) 100%); border-radius: 30px;margin-bottom: 5.9rem; background-color: #383ff5;  color: white;  text-align: center;padding: 7rem 0;}
.feedback-temoignage__header__text {margin-top:0;}
.feedback-temoignage__header__text .page-title {margin-bottom:0;font-size: 3.6rem; font-weight: 700; line-height: 4.6rem;}

/* TARTE AU CITRON - Popup */
div#tarteaucitronAlertBig:before {background-image: url('/sites/g/files/mwbcuj2396/files/logo-campus-moselle-1.svg');}
div#tarteaucitronAlertBig:before {content:"" !important;color: #000 !important;background-size: auto 100%; background-repeat: no-repeat;background-position: center;display: inline-block;width: 100%;height: 50px;margin-bottom: 20px;}
body #tarteaucitronRoot div#tarteaucitronAlertBig {border-color:  #83326D;background-color: #fff !important;max-width: 650px;border-style: solid;border-radius: 0px !important;border-width: 1px;}
#tarteaucitronRoot #tarteaucitronAlertBig span#tarteaucitronDisclaimerAlert {color: #000;}
.tarteaucitronCTAButton {border-color:  #83326D !important;border: 1px  #83326D !important;background-color: white !important;color:#000 !important;border-style: solid !important;font-size: 12px !important;color:  #83326D !important;}
.tarteaucitronCTAButton.tarteaucitronAllow {border-color:  #83326D !important;background-color:  #83326D !important; color: white !important;font-weight: bold;font-size: 12px !important;}
.tarteaucitronCTAButton.tarteaucitronCloseAlert,body #tarteaucitronAlertBig #tarteaucitronCloseAlert {color: #000 !important; display: block !important;margin: 20px auto 0px auto !important;font-size: 12px !important;outline: 1px solid rgba(56,63,245,0.3);}
#tarteaucitronRoot #tarteaucitronAlertBig span#tarteaucitronDisclaimerAlert {font-size: 12px;}
#tarteaucitronAlertBig .tarteaucitronCross::before {color:  #83326D !important;}


/* TARTE AU CITRON - Partier Personnaliser */
#tarteaucitron .tarteaucitronBorder, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {border-color:  #83326D!important;}
#tarteaucitron .tarteaucitronBorder, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {border-color:  #83326D!important;}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, #tarteaucitron #tarteaucitronClosePanel {background-color:  #83326D!important;}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, #tarteaucitron #tarteaucitronClosePanel{background-color:  #83326D!important;}
div#tarteaucitronInfo{border-color:  #83326D!important;}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow{background-color:  #83326D!important;}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, .tac_activate .tarteaucitronAllow{background-color: #000!important;}
#tarteaucitron #tarteaucitronInfo{background-color:  #83326D!important;}
#tarteaucitron #tarteaucitronPrivacyUrlDialog{border-radius: 15px !important;font-size: 14px !important;}
div#tarteaucitronInfo {font-size: 14px!important;}
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronH1{display: none!important;}
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronH2  {color: #FFF;}
#tarteaucitron .tarteaucitronBorder, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, 
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {border:none;}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {background-color: #83326D!important;}
button#tarteaucitronClosePanel {border-radius: 5px 5px 0 0!important;right: 15px!important;}

/* RESPONSIVE */
/* RESPONSIVE */
/* RESPONSIVE */

@media only screen and (max-width: 1400px) {
  header.header #main-menu .nav__label a.nav__cta {font-size: 1.2rem;padding: 0.8rem 1.5rem;}
  #block-iconsheader a.login > .login__icon,
  #block-iconsheader > a.header__cta.search {width:20px;height:20px;}
  #block-iconsheader {gap:0px;}
  header.header #main-menu img.header__logo {height:85px;}
  header.header #main-menu .header__block {width:137px;}
  .header__container {border-radius:0 0 25px 25px;}
  .homepage .paragraph--type--editorial-banner .field--name-field-edito-banner > .field__item:nth-child(2) {width:50%;}
}

@media only screen and (max-width: 1280px) {
  header.header #main-menu .nav__label a.nav__cta {font-size: 0.95rem;padding: 0.8rem 1rem;}
  header.header #main-menu img.header__logo {height:70px;}
  header.header #main-menu .header__block {width:113px;}
  header.header #main-menu {padding: 20px 0;}
  .homepage .paragraph--type--editorial-banner .field--name-field-edito-banner > .field__item:nth-child(1) > .paragraph {padding-right: 40%;}
  .homepage .paragraph--type--editorial-banner .field--name-field-edito-banner > .field__item:nth-child(1) > .paragraph h1 {margin-bottom: 2rem;font-size: 3rem;}
  #block-views-block-blog-ccige-liste .view-blog-ccige {flex-direction:column;}
  #block-views-block-blog-ccige-liste .view-blog-ccige .view-header,
  #block-views-block-blog-ccige-liste .view-blog-ccige .view-content {width:100%;}
  #block-views-block-blog-ccige-liste .view-blog-ccige .view-header {justify-content: center;margin-bottom: 50px;text-align: center;}
  #block-views-block-blog-ccige-liste .view-blog-ccige .view-header h3 br,
  #block-views-block-blog-ccige-liste .view-blog-ccige .view-header p br {display:none;}
  .formation--title h1 {font-size: 3rem;line-height: normal;}
}

@media only screen and (max-width: 1024px) {
  .block-sitebranding img {max-height:inherit;}
  header.header #main-menu img.header__logo {height:50px;}
  header.header #main-menu .header__block {width:81px;}
  header.header #main-menu #block-mainnavigation {display:none;}
  .header__container {min-height:inherit;}
  .homepage .paragraph--type--editorial-banner .field--name-field-edito-banner > .field__item:nth-child(2) {display:none;}
  .homepage .paragraph--type--editorial-banner .field--name-field-edito-banner > .field__item:nth-child(2) .paragraph {border-radius: 0 0 0 100%;width: 67%; height: 33%;}
  .homepage .paragraph--type--editorial-banner .field--name-field-edito-banner > .field__item:nth-child(1) {padding: 25px 0 225px 0;}
  .homepage .paragraph--type--editorial-banner .field--name-field-edito-banner > .field__item:nth-child(1) > .paragraph {padding: 0;text-align: center;}
  .block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row {width:100%;}
  .block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row:nth-child(2n+1) {padding-right:inherit;}
  .block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row:nth-child(2n) {padding-left:inherit;}
  .block-views-blockevenements-block-agenda-homepage .view.view-evenements .views-row h3.lame__wrapper--title {flex:inherit;}
  .header__container {background-color:inherit;height:100%;}
  .header__container .menu--menu-secondaire .nav ul {color:red;}
  .header__container #block-cci-basic-edito-menusecondaire {display:none;}
  #block-iconsheader > a.header__cta.search {background-image:url(/sites/g/files/mwbcuj2396/files/2025-04/picto-search-campus-moselle-rose.svg)}
  #block-iconsheader a.login > .login__icon {background-image:url(/sites/g/files/mwbcuj2396/files/2025-04/picto-user-campus-moselle-rose.svg)}
  #block-iconsheader {align-items:center}
  .block-sitebranding {height:auto;}
  header.header #main-menu {padding: 10px 0px;}
  .open-menu-mobile .header__container {position: relative;width: 85%; margin:auto; background-color: rgba(255,255,255,0);}
  .block-sitebranding {z-index: 100;}
  .header__container {padding: 0;}
  .view-formations-bts .view-content .sticker {width:100%; }
  .homepage .paragraph--type--slider {margin: 4rem auto;}
  .block-views-blockevenements-block-agenda-homepage {padding: 4rem 10rem;}
  #block-views-block-blog-ccige-liste .view-blog-ccige .view-content .slick-list {margin: 0 0;}

  .formation--title h1 {font-size: 2.5rem;}
  body.node-formation_socle .node--type-formation-socle .formation--header .-wrapper .formation--image {position: absolute;height: 100%;display: flex; justify-content: center;  align-items: center;  width: 100%;  overflow: hidden;}
  body.node-formation_socle .node--type-formation-socle .formation--header .-wrapper .formation--image img {display: block; height: 100%;width: auto;object-fit: cover;width: 100%;}
  body.node-formation_socle .node--type-formation-socle .formation--header.-with-image .-wrapper .formation--title-container {position:relative;padding-top: 70px;}
  body.node-formation_socle .formation-socle .formation--header .formation--title-container .formation--title {max-width:inherit;}
  body.node-formation_socle .node--type-formation-socle .formation--header .formation--sidebar-shortcuts .shortcut.shortcut-favorite {text-indent: -10000px; display: block;margin-bottom:0;}
  body.node-formation_socle .node--type-formation-socle .formation--header .-wrapper .formation--sidebar-shortcuts_favoris {padding: 10px 20px;}
}

@media only screen and (max-width: 900px) {

}

@media only screen and (max-width: 768px) {
.homepage .node__content .field--name-field-section > .field__item:nth-child(1) > .paragraph--type--editorial-banner .field--name-field-edito-banner::after {bottom: 90px;}
.homepage .paragraph--type--editorial-banner .field--name-field-edito-banner > .field__item:nth-child(1) {padding-bottom: 330px;}
.block-views-blockevenements-block-agenda-homepage {padding: 2rem 0rem;}
}

header.header.open-menu-mobile {width: 100%;}
header.header.open-menu-mobile .header__container {border-bottom:inherit;padding: 0;width: 85%;}
header.header.open-menu-mobile .nav--mobile {position: absolute;left: 0px;top: 0px;background: rgba(212,79,100,1); background:linear-gradient(0deg,rgba(212,79,100,1) 0%,rgba(98,33,104,1) 100%);}
header.header .block-iconsheader .menu-control {background-image:url(/sites/g/files/mwbcuj2396/files/2025-04/burger-menu-violet.svg);}
header.header.open-menu-mobile .block-iconsheader .menu-control {background-image:url(/sites/g/files/mwbcuj2396/files/2025-04/remove-menu-blanc.svg);}
header.header.open-menu-mobile #main-menu {position: absolute;top: 0px;}
header.header.open-menu-mobile {padding-right: 0; margin-right: 0;height: 70px;}
header.header.open-menu-mobile .block-sitebranding {width: 100%; max-width: 1233px; padding-left: 8%;}
header.header.open-menu-mobile .header__logo {filter: invert(1) brightness(100);}

.nav--mobile .nav__wrapper--first {text-align: center;}
.nav--mobile .nav__cta {color:#FFF;text-transform: uppercase;font-weight: 400; letter-spacing: 1px;}
.nav--mobile .nav__item {font-size: 2.2rem;}
.nav--mobile .nav__login {color:#C64966;}
.nav--mobile .nav__profile {font-size: 1.3rem;color: #FFF;}
.nav--mobile .nav__profile::before {background-image:url(/sites/g/files/mwbcuj2396/files/2025-04/picto-user-campus-moselle-rose.svg);}
.nav--mobile .nav__user {border-bottom: 1px solid #C64966;}





/* -------------------------------------------------------------------------------------------------- CHATBOT ---------- */


.webchat__bubble__content a,
button.webchat--css-oqxcz-kdgeig.webchat__render-markdown .webchat__render-markdown__citation,
button.webchat__render-markdown__citation {
	color: #83326D !important;
}

body strong {
	font-weight: 700;
}

.chat-box #webchat{
width: 100%;
height: 220px;
display: flex;
overflow: hidden;
transition: height 0.25s ease;
}

.chat-box.conversation-started #webchat {
  height: 370px !important;
}

#chat-link-and-bubble {
	position: fixed;
	bottom: 20px;
	right: 20px;
	height: 70px; 
}

.webchat__bubble__content ul li {
  line-height: normal;
}

#chat-link-and-bubble span.bubble {
	position: absolute;
	top: 50%;
	transform: translate(-100%, -50%);
	left: -20px;
	min-width: 130px;
	max-width: 130px;
	padding: 5px 10px;
	text-align: center;
	border-radius: 6px;
	background-color: #F8F8F8;
	color: #83326D;
	font-size:12px;
	border: solid 1px #83326D47;
	box-sizing: border-box;
	line-height: 12px;
	font-weight:300;
	z-index: 10;
}

.field--name-body #chat-link-and-bubble ul li {
	line-height: inherit;
}

.field--name-body #chat-link-and-bubble ul li::before {
	top: 0.5rem;
}

.webchat--css-dxlbj-2rztaz.webchat__link-definitions .webchat__link-definitions__list-item-text,
.webchat--css-dxlbj-2rztaz.webchat__link-definitions .webchat__link-definitions__open-in-new-window-icon {
  color: #85346F;
}

.cke_editable .document-download:hover, .cke_editable .document-download:active, .cke_editable .document-download:focus, .cke_editable .document-download.focused, .cke_editable .document-download.is-active, .cke_editable a:not(.ctaCKeditor):hover, .cke_editable a:not(.ctaCKeditor):active, .cke_editable a:not(.ctaCKeditor):focus, .cke_editable a:not(.ctaCKeditor).focused, .cke_editable a:not(.ctaCKeditor).is-active, .section-term__text .document-download:hover, .section-term__text .document-download:active, .section-term__text .document-download:focus, .section-term__text .document-download.focused, .section-term__text .document-download.is-active, .section-term__text a:not(.ctaCKeditor):hover, .section-term__text a:not(.ctaCKeditor):active, .section-term__text a:not(.ctaCKeditor):focus, .section-term__text a:not(.ctaCKeditor).focused, .section-term__text a:not(.ctaCKeditor).is-active, .paragraph--type--block-content .document-download:hover, .paragraph--type--block-content .document-download:active, .paragraph--type--block-content .document-download:focus, .paragraph--type--block-content .document-download.focused, .paragraph--type--block-content .document-download.is-active, .paragraph--type--block-content a:not(.ctaCKeditor):hover, .paragraph--type--block-content a:not(.ctaCKeditor):active, .paragraph--type--block-content a:not(.ctaCKeditor):focus, .paragraph--type--block-content a:not(.ctaCKeditor).focused, .paragraph--type--block-content a:not(.ctaCKeditor).is-active, .paragraph--type--editorial .text-formatted .document-download:hover, .paragraph--type--editorial .text-formatted .document-download:active, .paragraph--type--editorial .text-formatted .document-download:focus, .paragraph--type--editorial .text-formatted .document-download.focused, .paragraph--type--editorial .text-formatted .document-download.is-active, .paragraph--type--editorial .text-formatted a:not(.ctaCKeditor):hover, .paragraph--type--editorial .text-formatted a:not(.ctaCKeditor):active, .paragraph--type--editorial .text-formatted a:not(.ctaCKeditor):focus, .paragraph--type--editorial .text-formatted a:not(.ctaCKeditor).focused, .paragraph--type--editorial .text-formatted a:not(.ctaCKeditor).is-active, .paragraph--type--editorial .document-download:hover, .paragraph--type--editorial .document-download:active, .paragraph--type--editorial .document-download:focus, .paragraph--type--editorial .document-download.focused, .paragraph--type--editorial .document-download.is-active, .paragraph--type--editorial a:not(.ctaCKeditor):hover, .paragraph--type--editorial a:not(.ctaCKeditor):active, .paragraph--type--editorial a:not(.ctaCKeditor):focus, .paragraph--type--editorial a:not(.ctaCKeditor).focused, .paragraph--type--editorial a:not(.ctaCKeditor).is-active, .field--name-body .document-download:hover, .field--name-body .document-download:active, .field--name-body .document-download:focus, .field--name-body .document-download.focused, .field--name-body .document-download.is-active, .field--name-body a:not(.ctaCKeditor):hover, .field--name-body a:not(.ctaCKeditor):active, .field--name-body a:not(.ctaCKeditor):focus, .field--name-body a:not(.ctaCKeditor).focused, .field--name-body a:not(.ctaCKeditor).is-active {
  color: #FFF;
}

.product__intro .field--name-field-chapeau ul li, 
.ck-editor__editable ul li,
.section-term__text ul li,
.paragraph--type--block-content ul li, 
.paragraph--type--editorial .text-formatted ul li, 
.paragraph--type--editorial ul li {
  line-height: 1.2rem;
  margin: 5px 0;
}

.field--name-body .chat-box #webchat .webchat__text-content__markdown ul li,
.field--name-body .chat-box #webchat .webchat__text-content__markdown p {
	line-height:normal;
	margin: 5px 0 10px 0;
}

.field--name-body .webchat__link-definitions a.webchat__link-definitions__list-item-box .webchat__css-custom-properties,
.field--name-body .webchat__link-definitions .webchat__link-definitions__list-item-text {
	color: #FFF !important;
	text-decoration: none !important;
}

.field--name-body .webchat__link-definitions .webchat__link-definitions__open-in-new-window-icon {
	color: #FFF !important;
}

.field--name-body .chat-box #webchat .webchat__text-content__markdown a:hover {
	background-color: inherit !important;
}


.field--name-body .chat-box #webchat ul li::before {
	top: 0.5rem;
}

.product__intro .field--name-field-chapeau ul li::before, .ck-editor__editable ul li::before, .section-term__text ul li::before, .paragraph--type--block-content ul li::before, .paragraph--type--editorial .text-formatted ul li::before, .paragraph--type--editorial ul li::before, .field--name-body ul li::before {
  top: 0.5rem;
}

#chat-link-and-bubble span.bubble:after {
	content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #83326D;
}

#chat-link-and-bubble span.bubble:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -7px;
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent transparent #FFF;
  z-index: 0;
}

#chat-circle {
  
  background-color: #83326D;
  width: 60px;
  height: 60px;  
  border-radius: 100%;
  color: white;
  cursor: pointer;
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.2), 0 3px 1px -2px rgba(0, 0, 0, 0), 0 1px 5px 0 rgba(0, 0, 0, 0);
  display: flex;
  justify-content: center;
  align-items: normal;
	border: solid 2px #FFF;
}

#chat-circle img {
	width: 33px;
}

.btn#my-btn {
	 background: white;
	padding-top: 13px;
	padding-bottom: 12px;
	border-radius: 45px;
	padding-right: 40px;
	padding-left: 40px;
	color: #5865C3;
}
#chat-overlay {
	background: rgba(255,255,255,0.1);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: none;
}


.chat-box {
display: none;
position: fixed;
right: 20px;
bottom: 20px;
width: 350px;
max-width: 85vw;
background: #efefef;
border-radius: 15px;
box-shadow: 0 5px 35px 9px #ccc;
overflow: hidden;
}

.chat-box-toggle {
  cursor:pointer;
}

.chat-box-toggle img {
	width: 20px;
	height: 20px;
}

.chat-box-header {
  background-color: #83326D;
  border-top-left-radius:15px;
  border-top-right-radius:15px; 
  text-align:center;
  font-size:20px;
  padding:10px 10px 10px 15px;
	display: flex;
  justify-content: space-between;
	align-items: center;
}

.chat-box-header h2 {
  color:#FFF !important;
	font-size: 12px !important;
  margin: 0 !important;
  font-weight: bold !important;
  line-height: normal;
}









@media only screen and (max-width: 500px) {
   .webchat__basic-transcript {
		height:40vh;
	}
	#chat-link-and-bubble span.bubble {
	  display: none;
	}
}

.chat-msg.user > .msg-avatar img {
  width:45px;
  height:45px;
  border-radius:50%;
  float:left;
  width:15%;
}
.chat-msg.self > .msg-avatar img {
  width:45px;
  height:45px;
  border-radius:50%;
  float:right;
  width:15%;
}
.cm-msg-text {
  background:white;
  padding:10px 15px 10px 15px;  
  color:#666;
  max-width:75%;
  float:left;
  margin-left:10px; 
  position:relative;
  margin-bottom:20px;
  border-radius:30px;
}
.chat-msg {
  clear:both;    
}
.chat-msg.self > .cm-msg-text {  
  float:right;
  margin-right:10px;
  background: #5A5EB9;
  color:white;
}
.cm-msg-button>ul>li {
  list-style:none;
  float:left;
  width:50%;
}
.cm-msg-button {
	clear: both;
	margin-bottom: 70px;
}

.webchat__defaultAvatar {
	border-radius:inherit !important;
}

.webchat__initialsAvatar {
	background-color: inherit !important;
}

.webchat__bubble__content {
	border-radius: 15px !important;
	font-size: 12px !important;
  line-height: normal;
}

.webchat__send-box-text-box {
  font-size: 12px !important;
}



.webchat__text-content.webchat__text-content--is-plain {
	background-color: #83326D;
	color: #FFF;
}

.webchat__send-box__text-box {
	margin-bottom: 0px;
}

.webchat__css-custom-properties > div {
	background-color: #F8F8F8 !important;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

.webchat__icon-button {
	background-color: #83326D !important;
	border-radius: 40px;
	  cursor: pointer;
	margin: 5px 5px 5px 0;
	height: 35px !important;
	width: 35px !important;
}

.webchat__icon-button:not(:disabled):not([aria-disabled="true"]):not(:active):hover,
.webchat__icon-button:hover {
	background-color: #83326D !important;
}

.webchat__icon-button .webchat__icon-button__shade {
	display: none;
}

.webchat__icon-button svg.webchat__send-icon path {
	fill:#FFF;
}

.webchat__typingIndicator,
.webchat__typing-indicator {
	background-image: url("https://chatbot.grandest.cci.fr/cci-campus-moselle/loader-chatbot.gif") !important;
	border-radius: 0px;
	background-position: center center !important;
	width: 35px !important;
	background-size: 100% auto !important;	
}

.webchat__activity-status {
	font-size: 10px !important;
}



.webchat__send-box {
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

.webchat__send-box .webchat__send-box__main {
	bottom: 0px;
  left: 0px;
  width: 100%;
}

.webchat__send-box__main {
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;	
}



.webchat__basic-transcript {
	text-align: left;
}

.webchat__imageAvatar__image img {
	height: 100% !important;
}


.webchat--css-hdcvt-1nriv21.webchat__suggested-action,
.webchat__suggested-actions__item-box button.webchat__suggested-action {
	border-color: rgb(76,49,114);
	color: rgb(76,49,114);
	border-radius: 15px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;
}

.webchat__suggested-actions__carousel .react-film__flipper .react-film__flipper__body {
	background-color: rgb(76,49,114) !important;
}

.webchat__basic-transcript__filler {
flex: 0 !important;
}

.webchat__bubble.webchat__bubble--from-user .webchat__bubble__content {
	min-height: inherit !important;
}

.webchat__link-definitions .webchat__link-definitions__list-item-text {
	color: #FFF;
	text-decoration: none;
 }
 
 .field--name-body .webchat__link-definitions a.webchat__link-definitions__list-item-box {
	  background-color: #C64966 !important;
	  border: none;
	  border-radius: 1.5rem;
	  color: #FFF !important;
  }
 
 .field--name-body .webchat__link-definitions a.webchat__link-definitions__list-item-box:hover {
	background-color: #C64966 !important;
 }
 
 .webchat--css-dlobe-2rztaz.webchat__link-definitions .webchat__link-definitions__badge {
	 border: none;
 }