/* Thème sombre global par défaut */

/**** RESET & BASE ****/
body{background:#121212!important;color:#b3b3b3}
a{color:#777;text-decoration:none;box-shadow:none!important;transition:none;}
a:hover{color:#FFF!important}
label {color:#767676;}
strong{font-weight:500;color:#fff}
h2{color:#777;padding:.6em 0;margin:.7em 0}
h3 {color:#FFF;}
li{list-style:none}
.wrap {padding: 0; max-width: none}
.site-content {padding: 0;}


/**** WIDTHS AND ALIGN ****/
.w50rem {max-width: 50rem;}
.w60rem {max-width: 60rem;}
.w80rem {max-width: 80rem;}
.left {text-align: left}
.righ {text-align: right}
.center {text-align: center}
.margeauto {margin: 2rem auto;}

/**** LAYOUT WRAPPERS ****/
.site-content-contain{background-color:#121212}
#primary{max-width: none !important; }

/**** HEADER ****/
.custom-header{height:150px;margin:0!important}
.site-header{background:#121212}
.site-branding{margin:0!important;padding:1rem}
.site-branding .wrap{margin:0 auto;width:100%;text-align:center}
.site-branding img{width:15rem;min-width:250px}

/**** GLOBAL MEDIA/IMAGES ****/
.imgfrontpage{box-shadow:none!important;width:13vw}
.panel-image{background-position:center 4rem}
.single-featured-image-header,.single-featured-image-header img{width:100%!important;height:100%!important}

/**** TOP NAVIGATION ****/
.navigation-top{background:#121212;border-bottom:1px solid #242323;border-top:1px solid #242323}
.navigation-top a{color:#767676}
.navigation-top .menu ul li,
.navigation-top a{background-color:#121212 !important;}
.navigation-top a{transition:color .15s ease !important;}
.navigation-top a:hover,
.navigation-top li:hover > a{color:#fff !important;}

.navigation-top .wrap{padding:0;margin:auto;text-align:center;width:fit-content}
.main-navigation ul{background:#121212 !important;}
.main-navigation div ul{border:none}
.menu-toggle{color:#b3b3b3}
.menu ul li{background:#121212}

@media screen and (min-width: 1px) and (max-width: 1200px) {
.navigation-top .wrap {width:100% !important;}
.dropdown-toggle {color:#767676}
.main-navigation li {border-bottom: 1px solid #333;}
}

/**** FOOTER NAV BLOCKS ****/
.site-footer .widget-column.footer-widget-2{float:none}

/**** MAIN CONTENT ****/
.entry-header{display:none}
.panel-content{background-color:#121212;border-top:1px solid #242323;padding-bottom:2vw}
.panel-content .wrap{width:60vw!important;padding:2vw 3vw 0 3vw;max-width:100%!important}
.widget{padding:0}
.signaturetxt{text-align:right;font-size:.8rem;font-style:italic}
.toggleproducer ol li{margin-top:0em!important}
.toggleproducer strong{margin:.8em 0 .8em .3em!important;display:inline-table}
.footer-widget-2 ul{padding:0!important}
#colophon .wrap{padding:2rem 0!important}
.blanc{color:#FFF}
.bleuclair{color:#35a9c9}

/** Lignes Alternatives Tableaux **/
.fair-clickable tbody tr:nth-child(even) { background: #222 !important; }


/**** FAQ ****/
#faqid {width:60rem; margin: 2rem auto;}
#faqid .wp-block-ub-content-toggle-accordion-title-wrap{border-bottom:1px solid #333;background:#121212!important}
#faqid .wp-block-ub-content-toggle-accordion{border:1px solid #333!important}
#faqid ul{margin-top:-1rem}
#faqid ul li{list-style:disc;margin-left:1rem}
#faqid .wp-block-ub-content-toggle-accordion-content-wrap strong,
#faqid .wp-block-ub-content-toggle-accordion-state-indicator{color:#35a9c9}

/**** TUTOS PRIVES ****/
#classtuto{width:50rem;margin:2rem auto;text-align:center}
#classtuto ul{text-align:left}
#classtuto li{list-style-type:disclosure-closed}

/**** STRUCTURE PAGES HORS 644 ****/
#blocformfleches{background:#FFF;width:80rem;margin:0 auto 2rem !important}
.transparent{background:transparent!important}
.mlgbkg{background:url('/wp-content/uploads/2025/07/mlgbkgform.jpg') no-repeat top left;background-size:auto 100%;background-position:top left}

/**** BANDEAU TITRES ****/
#bandeautitle{background:url('https://mlg-isc.com/wp-content/uploads/2025/07/BANDEAU.jpg') center center/cover no-repeat scroll padding-box white;min-width:100%;height:340px;text-align:center;display:flex;justify-content:center;align-items:center;color:#fff}
.page-id-761 #bandeautitle{height:30rem}
.page-id-758 #bandeautitle{height:15rem}

.titleform h1{font-weight:bold;margin:0;padding:0;font-size:2rem;text-align:center}
.titleform p{font-size:1.2rem;margin:0}
.titleform img{width:35rem}
.page-id-731 h1{width:50rem;margin:auto;color:#fff;text-align:center}
.description01{width:80rem;margin:0 auto}

/**** PAGES 521 - STRUCTURE FORMACADRE ****/
.page-id-521 #formacadre {max-width:80rem; margin: auto}
.page-id-521 .site-content{padding:0}
.page-id-521 .wrap{max-width:100%!important;padding:0}
.page-id-521 #primary{max-width:100%!important}
.page-id-521 .site-content-contain{background:#FFF}
.page-id-521 article .entry-content{width:100%;max-width:100%;box-shadow:none;margin:0 auto;background:transparent;padding:0}

/**** HOSTBLOCK BACKDROP ****/
.hostblock{position:relative;z-index:0}
.hostblock::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('wp-content/uploads/2024/07/PICTO-REFLET-EDWYN.png') no-repeat top center;background-size:10rem auto;opacity:.2;z-index:-1;pointer-events:none}

/**** FLUENT FORMS CADRAGE ****/
#fluentform_1{margin-top:1rem;border:1px dashed #578dbc;border-radius:.5rem;padding:1rem;background:#F9F9F9}
#fluentform_3,#fluentform_4{margin:1rem auto;width:50rem;border:1px dashed #578dbc;border-radius:.5rem;padding:1rem;background:#F9F9F9}
#formacadre label{font-weight:normal}
#formacadre .ff_submit_btn_wrapper button{width:100%;background:#578dbc}

/**** FORMACADRE BLOCKS COMMUNS ****/
.page-id-873 #formacadre {max-width:80rem; margin: auto}
#formacadre{color:#616161;}
#formacadre p{margin:1rem auto}
#formacadre strong{color:#333;font-weight:600}
#formacadre .wp-block-media-text__media img{width:23rem;margin:0}
#formacadre .wp-block-media-text__content{width:40rem;padding:2rem 1rem;height:25rem}
#postintern{width:fit-content;max-width:fit-content;margin:4rem auto}
.wp-block-media-text{grid-template-columns:none!important;width:fit-content}
.fc-wrapper{background-color:#fff;padding:2rem 0;max-width:80rem;margin:auto}
.fc-header{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.fc-img-left{flex:1 1 40%;min-width:300px}
.fc-img-left img{width:100%;height:auto}
.fc-infos{flex:1 1 55%;min-width:300px}
.fc-block{margin-bottom:20px}
.fc-info-box{background:#eef5ff;border:1px solid #8ebee7fe;padding:15px;border-radius:6px;font-size:1rem;margin-top:20px}
.fc-info-box p{margin:0!important;color:#578dbc}
.fc-info-box em{font-size:12px;color:#578dbc}
.fc-section{margin-top:40px}
.fc-section h3{color:#121212;font-weight:600}
.fc-album-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.fc-album-grid img{width:100%;padding:1rem;height:auto;object-fit:cover;border:1px solid #ccc}
.ff-message-success{width:65rem;background:#13c313;color:#FFF}
.intropform{width:50rem;color:#FFF;text-align:justify;font-size:1.1rem}

/**** HOME IMAGES & LINKS ****/
.galeriea img{border:1px solid #333}
#liensaccueil{text-align:center}
#liensaccueil a{box-shadow:none;margin:.3vw;display:inline-block;color:#969696!important}
#liensaccueil img{margin:0!important;padding:0 !important;width:10em}
#liensaccueil span{display:block;text-align:center}
.imgspace{border:none!important}
.studphotobutac,#studaudiobutac{font-size:1em;left:-9999px;position:relative}
.studphotobuta:hover .studphotobutac{left:0}
.studaudiobuta:hover #studaudiobutac{left:0}
.liensaccueilbkgrsithean{text-align:center}

/* Custom bullets .prodmus */
.prodmus ul{list-style-type:none;padding-left:0}
.prodmus ul li::before{content:'';display:inline-block;width:5px;height:3px;background-color:#FFF;border-radius:50%;margin-right:10px;vertical-align:middle}

/**** CONTACT ****/
#happyforms-191 form{max-width:50rem!important;margin:auto}
.wp-block-social-links{margin:1rem 0}
.happyforms-flex .label{color:#FFF!important}
.happyforms-flex{max-width:50rem!important}
.requiredchamps{max-width:50rem;margin:auto}
.wp-image-175{width:50rem!important}
.fm-form {min-width:100% !important;}
.fm-form label {margin: 1rem 0;}
.fm-form .g-recaptcha {margin: 1rem 0;}
.fm-submit {width: 100%; background-color: #5dd622;}

/**** BLOG LIST ****/
.wp-block-latest-posts img{box-shadow:none!important}
.blog select{color:#ccc;background:#121212;border:none}
.blog .content-area{width:68%!important}
.blog .site-content aside{max-width:30%}
.blog .wrap{max-width:98%}

/**** LINK TREE ****/
.mailingboss__form{max-width:30em;margin:auto}
.page-id-520 .entry-header{margin-bottom:0!important}

/**** CV ****/
.cv {margin: auto; background: #121212; max-width: 65rem; padding: 1rem 2rem; color: #999}
.cv h1 {color: #fff; text-align: center; margin-top: 2rem}
.cv h3 {color: #fff}
.cv strong {color: #fff !important}
.formsubtitle {font-size: 0.8rem;text-align: center;margin: -1rem auto 1rem;}

/***** FLUENT MESSAGES *****/
.page-id-1506 .ff-message-success {width: 100%;}

/**** FOOTER ****/
#colophon{margin:0; background: #121212}
.footersign {text-align:center;width:100%}
.footersign a {box-shadow:none}
.footersign a:hover {color:#FFF}
.footer-widget-1 {width:100%!important;text-align:center}
.footer-widget-1 img {width:10rem}
.footer-widget-1 section {padding:0}
#secondary.widget-area {background:none!important}
footer .widget ul li {border:none;padding:.3em 0 0}
footer .wp-block-heading {font-size:1rem}
#block-52 {padding:0}
#block-52 h2 {padding:0;margin:0}
#colophon .widget-area {background:none !important;}
#content {padding-bottom:0 !important;}

/*** SFX BILLES ***/
.logo-wrap { position:relative; display:inline-block; border-radius:50%; overflow:hidden; width:10rem; height:10rem; }
.logo-wrap img { display:block; border-radius:50%; width:100%; height:100%; }
.logo-wrap::before { content:""; position:absolute; top:-150%; left:-150%; width:200%; height:200%; background:linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%); filter:blur(6px); opacity:0; pointer-events:none; }
.logo-wrap:hover::before { animation:logo-shine 0.7s linear; }
@keyframes logo-shine { 0% { transform:translate3d(-60%, -60%, 0) rotate(25deg); opacity:0; } 20% { opacity:1; } 100% { transform:translate3d(140%, 140%, 0) rotate(25deg); opacity:0; } }




/***** CENTRAGE FOOTER *****/
#menu-menu-bas .sub-menu { display: none; margin: 0; padding-left: 1.4em; }
#menu-menu-bas li.menu-item-has-children.is-open > .sub-menu { display: block; }
#menu-menu-bas li.menu-item-has-children > a { cursor: pointer; }
#menu-menu-bas a:focus { color: #ccc; }
#colophon .wrap { display: block; align-items: center; width:100%; margin:0; max-width:100%; min-height: 15rem; }
#colophon .site-info { text-align: center; margin: 0; padding: 0; width: 100%; position: absolute; bottom:0;}
#colophon .site-info .footersign { display: block; }
#colophon .widget-area { margin: 0; padding: 0; z-index: 10; position:relative; width: 15rem; float: right;}
#colophon .footer-widget-2 { width: auto !important; display:block; text-align:right }
#colophon #menu-menu-bas { margin: 0 0 0 1rem; max-width: 12rem; text-align: right !important; }


/******* RESPONSIVE *******/
/* 1201px - 1700px */
@media screen and (min-width:1201px) and (max-width:1700px){
  #liensaccueil img{margin:0!important;padding:.3rem;width:9em}
}
/* 1px - 1200px */
@media screen and (min-width:1px) and (max-width:1200px){
  /* Global content stacking */
  .entry-content{padding:0!important}
  #formacadre{text-align:left}
  .description01{width:100%}
  .fc-header{display:block}
  .fc-img-left{padding:1rem;width:100%}
  .fc-img-left img{display:block;width:60vw;margin:0 auto}
  .fc-infos{padding:1rem;width:100%}
  .fc-infos li,.fc-section li{list-style:none}
  .fc-section{padding:1rem;width:100%}
  .ub_list_item_icon{display:none}
  .titleform h1{padding:.5rem!important;font-size:1.3rem}

  /* Header spacing */
  .site-branding .wrap{min-height:auto}
  .site-branding{padding:3vw 0 .8vw}

  /* Article card on mobile */
  .panel-content .wrap{width:100%!important;padding:5px;max-width:100%!important}
  article .entry-content{max-width:199%;padding:4vw;margin:.4vw auto -1.4vw;text-align:justify;text-justify:inter-character;background-color:#121212}

  /* Home links */
  #liensaccueil img{margin:0!important;padding:.3rem;max-width:100%;width:10em}

  /* Footer art */
  footer .widget-area{padding-bottom:-13em!important;height:26em!important}
  .widget-area{background:url(/wp-content/uploads/2024/02/cropped-BILLE-LOGO-MLG.png) no-repeat center bottom;background-size:10em}

  /* Blog layout */
  .blog .content-area{width:100%!important}
  .blog .site-content aside{float:none;max-width:100%!important}
  .blog .site-content .wrap{padding:.3em!important;margin:0!important}
}

#toggle-light-mode { position: fixed; left: 0; background: transparent; color: #fff; border: 1px solid #fff; padding: 0.3rem;z-index: 999999;}

/* Thème clair */

/* Bouton toggle - base sombre par défaut */
#toggle-light-mode { position:fixed; left:0; background:transparent; color:#fff; border:1px solid #fff; padding:0.3rem; z-index:999999; }

/* Comportement mobile commun (position, marges, pas la couleur) */
@media screen and (min-width:1px) and (max-width:1200px) {
  #toggle-light-mode { position:relative; margin:auto; }
}

/* Thème clair - uniquement couleurs et fonds */
body.light-mode-active { background:#ffffff!important; color:#616161!important; }
body.light-mode-active .site-content-contain { background-color:#ffffff; }
body.light-mode-active strong { color:#000000; }
body.light-mode-active .popup-open { color:#555555; }
body.light-mode-active #toggle-light-mode { background:transparent; color:#555555; border:1px solid #555555; }

@media screen and (min-width:1px) and (max-width:1200px) {
  body.light-mode-active article .entry-content { background-color:transparent!important; }
  body.light-mode-active #toggle-light-mode { background:#ffffff; color:#555555; border:1px solid #555555; }
}