.elementor-21980 .elementor-element.elementor-element-1c024bf{--display:flex;--min-height:600px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21980 .elementor-element.elementor-element-dde0423{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:4000;}.elementor-21980 .elementor-element.elementor-element-dde0423:not(.elementor-motion-effects-element-type-background), .elementor-21980 .elementor-element.elementor-element-dde0423 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom right;background-repeat:no-repeat;background-size:cover;}.elementor-21980 .elementor-element.elementor-element-dde0423.e-con{--align-self:flex-end;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-21980 .elementor-element.elementor-element-0c90b39{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -190px) 0px;padding:0px 0px 0px 0px;z-index:4000;text-align:center;}.elementor-21980 .elementor-element.elementor-element-0c90b39.elementor-element{--align-self:center;}.elementor-21980 .elementor-element.elementor-element-0c90b39 .elementor-heading-title{font-family:"ClanOT", Sans-serif;font-size:62px;font-weight:900;text-transform:uppercase;text-shadow:0px 4px 14px rgba(0, 0, 0, 0.25098039215686274);color:#FFFFFF;}.elementor-21980 .elementor-element.elementor-element-4b404d3{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21980 .elementor-element.elementor-element-4b404d3:not(.elementor-motion-effects-element-type-background), .elementor-21980 .elementor-element.elementor-element-4b404d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom right;background-repeat:no-repeat;background-size:cover;}.elementor-21980 .elementor-element.elementor-element-4b404d3.e-con{--align-self:flex-start;}.elementor-21980 .elementor-element.elementor-element-e4780f4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -190px) 0px;padding:0px 0px 0px 0px;}.elementor-21980 .elementor-element.elementor-element-e4780f4 .elementor-heading-title{font-family:"ClanOT", Sans-serif;font-size:62px;font-weight:900;text-transform:uppercase;text-shadow:0px 4px 14px rgba(0, 0, 0, 0.25098039215686274);color:#FFFFFF;}.elementor-21980 .elementor-element.elementor-element-6d61e78{--display:flex;--position:absolute;--min-height:500px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:2000;}.elementor-21980 .elementor-element.elementor-element-6d61e78.e-con{--align-self:flex-start;}body:not(.rtl) .elementor-21980 .elementor-element.elementor-element-6d61e78{left:0px;}body.rtl .elementor-21980 .elementor-element.elementor-element-6d61e78{right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-21980 .elementor-element.elementor-element-7618e5f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;top:0px;text-align:left;}.elementor-21980 .elementor-element.elementor-element-7618e5f.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-21980 .elementor-element.elementor-element-7618e5f{left:0px;}body.rtl .elementor-21980 .elementor-element.elementor-element-7618e5f{right:0px;}.elementor-21980 .elementor-element.elementor-element-7618e5f img{height:600px;object-fit:contain;object-position:top left;}.elementor-21980 .elementor-element.elementor-element-013a1fb{--display:flex;--position:absolute;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:-72px;--z-index:999;}.elementor-21980 .elementor-element.elementor-element-013a1fb.e-con{--align-self:flex-start;}body:not(.rtl) .elementor-21980 .elementor-element.elementor-element-013a1fb{left:0px;}body.rtl .elementor-21980 .elementor-element.elementor-element-013a1fb{right:0px;}.elementor-21980 .elementor-element.elementor-element-cd6e805.elementor-element{--align-self:flex-start;}.elementor-21980 .elementor-element.elementor-element-cfd6c40{--display:flex;--position:absolute;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:-217px;}.elementor-21980 .elementor-element.elementor-element-cfd6c40.e-con{--align-self:flex-end;}body:not(.rtl) .elementor-21980 .elementor-element.elementor-element-cfd6c40{right:103px;}body.rtl .elementor-21980 .elementor-element.elementor-element-cfd6c40{left:103px;}.elementor-21980 .elementor-element.elementor-element-abfd475.elementor-element{--align-self:flex-end;}.elementor-21980 .elementor-element.elementor-element-1e9ddbd{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-21980 .elementor-element.elementor-element-eeda0a6{--swiper-slides-to-display:5;--swiper-slides-gap:60px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-21980 .elementor-element.elementor-element-eeda0a6 .swiper-slide > .elementor-element{height:100%;}.elementor-21980 .elementor-element.elementor-element-c1df81b{--swiper-slides-to-display:5;--swiper-slides-gap:60px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-21980 .elementor-element.elementor-element-c1df81b .swiper-slide > .elementor-element{height:100%;}.elementor-21980 .elementor-element.elementor-element-65f3441f{--display:flex;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}body.elementor-page-21980{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-21980 .elementor-element.elementor-element-1c024bf{--min-height:300px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21980 .elementor-element.elementor-element-4b404d3{--min-height:300px;}.elementor-21980 .elementor-element.elementor-element-4b404d3.e-con{--align-self:center;}.elementor-21980 .elementor-element.elementor-element-e4780f4.elementor-element{--align-self:center;}.elementor-21980 .elementor-element.elementor-element-e4780f4{text-align:center;}.elementor-21980 .elementor-element.elementor-element-e4780f4 .elementor-heading-title{font-size:40px;}.elementor-21980 .elementor-element.elementor-element-6d61e78{--min-height:300px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;top:0px;}body:not(.rtl) .elementor-21980 .elementor-element.elementor-element-6d61e78{left:0px;}body.rtl .elementor-21980 .elementor-element.elementor-element-6d61e78{right:0px;}body:not(.rtl) .elementor-21980 .elementor-element.elementor-element-7618e5f{left:0px;}body.rtl .elementor-21980 .elementor-element.elementor-element-7618e5f{right:0px;}.elementor-21980 .elementor-element.elementor-element-7618e5f{top:0px;}.elementor-21980 .elementor-element.elementor-element-7618e5f img{height:300px;object-fit:contain;object-position:top left;}.elementor-21980 .elementor-element.elementor-element-1e9ddbd{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-21980 .elementor-element.elementor-element-eeda0a6{--swiper-slides-to-display:2;}.elementor-21980 .elementor-element.elementor-element-c1df81b{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-21980 .elementor-element.elementor-element-e4780f4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-21980 .elementor-element.elementor-element-e4780f4.elementor-element{--align-self:center;}.elementor-21980 .elementor-element.elementor-element-1e9ddbd{--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-21980 .elementor-element.elementor-element-eeda0a6{--swiper-slides-to-display:1;}.elementor-21980 .elementor-element.elementor-element-c1df81b{--swiper-slides-to-display:1;}}@media(min-width:768px){.elementor-21980 .elementor-element.elementor-element-4b404d3{--width:100%;}.elementor-21980 .elementor-element.elementor-element-1e9ddbd{--content-width:1300px;}}/* Start custom CSS for container, class: .elementor-element-dde0423 */.elementor-21980 .elementor-element.elementor-element-dde0423 {
    clip-path: polygon(
        0% 83%, 
        16% 77%, 
        26% 90%, 
        46% 87%, 
        66% 96%, 
        82% 88%, 
        100% 95%, 
        100% 0%, 
        0% 0%
    );
    position: relative;
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b404d3 *//*.elementor-21980 .elementor-element.elementor-element-4b404d3 {*/
    /*clip-path: polygon(*/
    /*   0 0,*/
    /*   100% 0,*/
    /*   100% 0%,*/
    /*   85% 92%, */
    /*   78% 86%, */
    /*   68% 88%, */
    /*   58% 90%, */
    /*   45% 93%, */
    /*   35% 87%, */
    /*   22% 85%, */
    /*   12% 92%, */
    /*   0 89%*/
    /*);*/
/*    clip-path: polygon(*/
/*        0% 83%, */
/*        16% 77%, */
/*        26% 90%, */
/*        46% 87%, */
/*        66% 96%, */
/*        82% 88%, */
/*        90% 95%, */
/*        100% 0%, */
/*        0% 0%*/
/*    );*/
/*    position: relative;*/
/*    z-index: 1;*/
/*    margin-right: -60px;*/
/*}*//* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-eeda0a6 */.elementor-21980 .elementor-element.elementor-element-eeda0a6 .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-c1df81b */.elementor-21980 .elementor-element.elementor-element-c1df81b .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-13d51f4b */.elementor-21980 .elementor-element.elementor-element-13d51f4b {
    font-family: 'ClanOT' !important;
}

/* ========================================
   FORMULAIRE PIE REGISTER - STYLE FFME 974
   ======================================== */

/* Conteneur principal */
.piereg_container,
.piereg_login_container,
.piereg_login_wrapper {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0;
    background: transparent;
}

.piereg_loginform {
    width: 100%;
}

/* Liste des champs */
#pie_register {
    list-style: none;
    margin: 0;
    padding: 0;
}

#pie_register li.fields {
    margin-bottom: 30px;
    list-style: none;
}

#pie_register .fieldset {
    width: 100%;
}

/* Labels */
#pie_register label,
.piereg_loginform label {
    display: block;
    margin-bottom: 20px;
    font-family: 'ClanOT', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #21428E;
    line-height: 1.4;
}

/* Tous les champs input */
#pie_register input[type="text"],
#pie_register input[type="password"],
#pie_register input[type="email"],
#pie_register input.input_fields,
.piereg_loginform input[type="text"],
.piereg_loginform input[type="password"] {
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-family: 'ClanOT', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    transition: all 0.3s ease;
    background: #FFFFFF;
    box-sizing: border-box;
}

/* Focus sur les champs */
#pie_register input[type="text"]:focus,
#pie_register input[type="password"]:focus,
#pie_register input[type="email"]:focus,
#pie_register input.input_fields:focus,
.piereg_loginform input[type="text"]:focus,
.piereg_loginform input[type="password"]:focus {
    outline: none;
    border-color: #21428E;
    box-shadow: 0 0 0 3px rgba(33, 66, 142, 0.1);
}

/* Champ password avec icône œil */
.password_field {
    position: relative;
}

.password_field input[type="password"] {
    padding-right: 50px;
}

.show-hide-password-innerbtn {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 20px;
    height: 20px;
    opacity: 0.6;
    transition: opacity 0.3s ease;
}

.show-hide-password-innerbtn:hover {
    opacity: 1;
}

/* Checkbox Remember Me */
.forgetmenot {
    margin: 20px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.forgetmenot input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: #01A1E5;
    cursor: pointer;
}

.forgetmenot label {
    font-family: 'ClanOT', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    margin: 0;
    cursor: pointer;
}

/* Bouton Submit */
.piereg_loginform .submit,
.piereg_loginform p.submit {
    text-align: center;
    margin: 30px 0;
}

#pie_register input[type="submit"],
.piereg_loginform input[type="submit"],
.piereg_loginform .button-primary {
    background: #21428E;
    color: #FFFFFF;
    padding: 15px 50px;
    border: none;
    border-radius: 8px;
    font-family: 'ClanOT', sans-serif;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;
    text-transform: none;
}

#pie_register input[type="submit"]:hover,
.piereg_loginform input[type="submit"]:hover,
.piereg_loginform .button-primary:hover {
    background: #009900;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 153, 0, 0.3);
}

/* Lien "Lost your password?" */
#nav,
.piereg_loginform #nav {
    text-align: center;
    margin-top: 20px;
}

#nav a,
.piereg_loginform #nav a {
    font-family: 'ClanOT', sans-serif;
    font-size: 16px;
    color: #21428E;
    text-decoration: underline;
    transition: color 0.3s ease;
}

#nav a:hover,
.piereg_loginform #nav a:hover {
    color: #009900;
}

/* Messages d'erreur */
.piereg_error,
.piereg_login_error {
    background: rgba(226, 8, 19, 0.1);
    border: 2px solid #E20813;
    color: #E20813;
    padding: 15px 20px;
    border-radius: 8px;
    font-family: 'ClanOT', sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
}

/* Messages de succès */
.piereg_success,
.piereg_login_success {
    background: rgba(0, 153, 0, 0.1);
    border: 2px solid #009900;
    color: #009900;
    padding: 15px 20px;
    border-radius: 8px;
    font-family: 'ClanOT', sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
}

/* Placeholder */
#pie_register input::placeholder,
.piereg_loginform input::placeholder {
    color: #999;
    font-family: 'ClanOT', sans-serif;
}

/* Champs cachés */
input[type="hidden"] {
    display: none;
}

/* Responsive */
@media (max-width: 768px) {
    #pie_register label,
    .piereg_loginform label {
        font-size: 18px;
    }
    
    #pie_register input[type="submit"],
    .piereg_loginform input[type="submit"],
    .piereg_loginform .button-primary {
        width: 100%;
        font-size: 18px;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'ClanOT';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://ffme974.iroko.website/wp-content/uploads/2025/10/ClanOT-NarrowThin.woff2') format('woff2'),
		url('https://ffme974.iroko.website/wp-content/uploads/2025/10/ClanOT-NarrowThin.woff') format('woff');
}
@font-face {
	font-family: 'ClanOT';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://ffme974.iroko.website/wp-content/uploads/2025/10/ClanOT-NarrowUltra.woff2') format('woff2'),
		url('https://ffme974.iroko.website/wp-content/uploads/2025/10/ClanOT-NarrowUltra.woff') format('woff');
}
@font-face {
	font-family: 'ClanOT';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://ffme974.iroko.website/wp-content/uploads/2025/10/ClanOT-NarrowNews.woff2') format('woff2'),
		url('https://ffme974.iroko.website/wp-content/uploads/2025/10/ClanOT-NarrowNews.woff') format('woff');
}
@font-face {
	font-family: 'ClanOT';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://ffme974.iroko.website/wp-content/uploads/2025/10/ClanOT-NarrowBook.woff2') format('woff2'),
		url('https://ffme974.iroko.website/wp-content/uploads/2025/10/ClanOT-NarrowBook.woff') format('woff');
}
@font-face {
	font-family: 'ClanOT';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://ffme974.iroko.website/wp-content/uploads/2025/10/ClanOT-NarrowMedium.woff2') format('woff2'),
		url('https://ffme974.iroko.website/wp-content/uploads/2025/10/ClanOT-NarrowMedium.woff') format('woff');
}
@font-face {
	font-family: 'ClanOT';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://ffme974.iroko.website/wp-content/uploads/2025/10/ClanOT-NarrowBold.woff2') format('woff2'),
		url('https://ffme974.iroko.website/wp-content/uploads/2025/10/ClanOT-NarrowBold.woff') format('woff');
}
@font-face {
	font-family: 'ClanOT';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://ffme974.iroko.website/wp-content/uploads/2025/10/ClanOT-NarrowBlack.woff2') format('woff2'),
		url('https://ffme974.iroko.website/wp-content/uploads/2025/10/ClanOT-NarrowBlack.woff') format('woff');
}
/* End Custom Fonts CSS */