/* **boutons du div pour s'inscrire  24.07.24*/
.pop_up_inscription > .content-div > .fancybox-wrap {
	border-top: 50px solid black;
	border-left: 30px solid black;
	border-right: 30px solid black;
	border-bottom: 30px solid black;
	border-radius: 24px;
	box-shadow: inset 0 0 0 2px #000000;
	border-radius: 10px;
}
.pop_up_inscription > .content-div > .fancybox-close {
	position: absolute !important;
	top: -40px !important;
	right: -22px !important;
}
.pop_up_inscription > .content-div > .creation_compte {
	background-color: var(--theme-color) !important;
	color: white !important;
	padding: .375rem .75rem !important;
	border-radius: 28px;
	border: none;
	width: 81%;
	cursor: pointer;
	text-align: center;
}
.pop_up_inscription > .content-div > .creation_compte:hover {
	transform: scale(1.05);
	box-shadow: 0 4px 15px rgba(35, 149, 255, 0.3);
}
.pop_up_inscription > .content-div {
	display: flex !important;
	justify-content: center;
	align-items: center !important;
	flex-direction: column !important;
	height: 101px;
	background-color: white;
	border-radius: 24px;
	position: relative;
}
.pop_up_inscription > .content-div > .paragraphe_deja_inscrit {
	margin-bottom: inherit !important;
}
.pop_up_inscription  .jconfirm.jconfirm-cez-light .jconfirm-box {
	background-color: #000000;
	position: relative;
}
#titre_Inscription_Popup {
	color: #ffffff;
	font-size: 25px !important;
	margin-bottom: 27px;
	text-align: center;
}
.img-close-popup-jconfirm {
	position: relative;
	opacity: 10;
	border-radius: 20px !important;
	margin-right: 10px;
	margin-top: 10px;
}

.jconfirm-cez-invitation-inscription .img-close-popup-jconfirm {
	filter: invert(1);
	margin-right: 0px;
	margin-top: 0px;
}

.img-close-popup-jconfirm:hover {
	transform: scale(1.05);
	box-shadow: 0 4px 15px rgba(35, 149, 255, 0.3);
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon {
	opacity: 9 !important;
}
.jconfirm-cez-invitation-inscription .jconfirm .jconfirm-box.jconfirm-type-animated {
	animation-iteration-count: inherit !important;
}
.btn-group-fullwidth > .btn-cez{
	margin-right: 10px !important;
	border-radius: 0.25rem !important;
}
.btn-group-fullwidth {
	margin: 10px 0;
}
@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translate(var(--offset), var(--offset));
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
.jconfirm-cez-invitation-inscription .jconfirm-box {
    --border-width: 15px;
    --border-color: #2395ff;
    --offset: 10px;
    --background-color: #000000;

    background: var(--background-color) !important;
    border-radius: 14px;
    border: var(--border-width) solid var(--background-color);
    position: relative;
    animation: slideIn 0.8s cubic-bezier(0.25, 0.1, 0.25, 1.2) !important;
    animation-iteration-count: 1;
    box-shadow: var(--offset) var(--offset) 0 var(--border-color)!important;
}
.jconfirm-cez-invitation-inscription .jconfirm-box::after {
    content: '';
    position: absolute;
    bottom: calc(-1 * var(--border-width));
    right: calc(-1 * var(--border-width));
    width: calc(100% + var(--border-width));
    height: calc(100% + var(--border-width));
    border-bottom: var(--border-width) solid var(--border-color);
    border-right: var(--border-width) solid var(--border-color);
    border-bottom-right-radius: 34px;
    pointer-events: none;
    z-index: -1;
}
/* Assurez-vous que le contenu de la boîte de dialogue est visible */
.jconfirm-cez-invitation-inscription .jconfirm-box .jconfirm-content-pane,
.jconfirm-cez-invitation-inscription .jconfirm-box .jconfirm-title,
.jconfirm-cez-invitation-inscription .jconfirm-box .jconfirm-content {
    color: #ffffff;
}

/* KG 07/11024 - Hauteur vidéo sur slider */
.slider > .slide > .image-container > video {
	height: 350px !important;
	margin-left: 10px;
}
/* Remplacement H1 par H2 Sync different */
.zoneHeaderSearchBar h2{
	font-size: 21.69px;
    padding: 20px 0 20px 0;
    margin: 0;
    font-family: "Century Gothic";
    font-weight: 700;
    letter-spacing: 1.5px;
}
.zoneHeaderSearchBar h2 a{
	color: black;
}
.zoneHeaderSearchBar .testNewHome{
	font-size: 25.69px;
	padding: 60px 0 0px 0;
	text-align: center;
	font-family: "Century Gothic Bold";

}
/* KG : 21/11/24 - de h6 à h2 Découvrez Alain.....  */
.external_recommendation_headertitle h2 {
	font-size: 1rem;
    font-family: 'Century Gothic Bold';
    margin: 0 0 -6px;
}
#networkcontent h4 {
	font-size: 16px;
    font-family: "Century Gothic Bold";
    text-transform: uppercase;
}
/* KG:12/02/25 : Ajustement typography sur site KR seulement de Century Gothic à Vela Sans. */
body.lang_kr #networkcontent h4, body.lang_kr .contenu_onglet .card-header button.collapsed, body.lang_kr .submenucms .nav-link, body.lang_kr .rightcolInterpage button, body.lang_kr #menuShortcut li .nav-link {
	font-family: 'VelaSans-Regular' !important;
}
body.lang_kr footer h3, body.lang_kr .cmspage .contenu_onglet #accordioncms119 .card-header h3 button, body.lang_kr .cmspage .contenu_onglet #accordioncms123 .card-header h3 button,  body.lang_kr .cmspage .contenu_onglet #accordioncms122 .card-header h3 button, body.lang_kr .cmspage .contenu_onglet #accordioncms126 .card-header h3 button, body.lang_kr .cmspage .contenu_onglet #accordioncms132 .card-header h3 button, body.lang_kr .cmspage .contenu_onglet #accordioncms136 .card-header h3 button, body.lang_kr .cmspage .contenu_onglet #accordioncms144 .card-header h3 button {
	font-family: 'Century Gothic Bold';
}
body.lang_kr .cmspage #zone148_ b {font-family: 'VelaSans-Regular' !important;}