:root {
  --white-color: #fff;
  --black-color: #000;
  --blue-color: #2B315B;
  --orange-color: #F8B520; 
  --grey-color: #555;
  --text-muted: #6c757d;
  --watergreen-color: #01827afc;
  --watergreenop9-color: #e9f7f7;
  --purple-color: #B44090;
  --lightorange-color: #fdf0d2;
  --christmas-red: #F90B0B;
  --darkorange-color: #ee7320;
}

@font-face {
    font-family: 'Lora-Italic';
    src: url('https://la-tribu-digitale.fr/css/polices/Lora-Italic.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    src: url('https://la-tribu-digitale.fr/css/polices/Raleway.ttf') format('truetype');
    font-display: swap;
}

html{height: 100%;}
body{background-color: var(--white-color) !important; cursor: default; display: flex; flex-direction: column; min-height: 100vh}

h1, .fakeh{text-align: center; font-family: Lora-Italic !important}
h2{text-align: center; font-size: 1.7rem !important; font-family: Lora-Italic !important}
h3{font-family: Lora-Italic !important;  font-size: 1.4rem !important;}
h5{margin-top: 1rem !important;}
footer p{color: var(--white-color) !important}
.trombi img, .nath img, .paiement img, .auteure img{width: 100%; height: auto;}
.trombi, .nath, .paiement, .auteure{margin: auto;}
.blogiframe{width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0;}
.blogdiv{width: 100%; height: 100vh; padding-bottom: 56%; position: relative;}
.italic{font-style: italic;}

footer{flex-shrink: 0; color: var(--white-color) !important; background-color: var(--blue-color) !important;}
footer a{color: var(--white-color) !important; text-decoration: none;}
footer a:hover{color: var(--white-color) !important; text-decoration: none;}
footer .fas{color: var(--white-color)}
#intentexitpopin a, #formresa a{color: var(--blue-color) !important; text-decoration: none;}
#intentexitpopin a:hover, #formresa a:hover{color: var(--blue-color) !important; text-decoration: none;}
#intentexitpopin .far, #formresa .far{color: var(--orange-color)}
.row{margin: 0 !important; font-family: Raleway !important; color: var(--blue-color)}
.container-fluid{flex: 1 0 auto; padding: 0 !important}
.nolisttype{list-style-type: none;}
.listtypehype ul{list-style-type: '- ' !important}
.entreprisecover, .hpcover, .mccover, .mcside, .mccoverjuin, .mccoverjuillet, .mccoverexpat, .mccoveria, .mccovernov25, .mccoverjan25, .eventtopcover, .eventbiscover, .mccovermars, .coveratelier{color: var(--white-color); background-repeat: no-repeat; background-size: cover}
.entreprisecover{text-shadow: 1px 1px 2px var(--black-color)}
.ltdlink{color: var(--white-color) !important; text-decoration: none !important}
.ltdlink:hover{color: var(--white-color) !important; text-decoration: none !important;}
.double{font-size: 2rem;}
.smaller{font-size: 0.75rem;}
.bigger{font-size: 1.3rem !important;}

.potdemiel{display: none; visibility: hidden;}

#contactForm button{width: 150px; margin: auto;}

.clear{clear: both;}

nav ul{margin-left: 1rem;}

.left{float: left}
.right{float: right}
.tleft{text-align: left;}
.tright{text-align: right;}
.center{text-align: center;}
.underline{text-decoration: underline;}
.mright{margin: right}
.mleft{margin: left}
.bold{font-weight: bold;}
.blue{color: var(--blue-color) !important; font-weight: bold !important;}
.bleu{color: var(--blue-color)}
.orange{color: var(--orange-color)}
.purple{color: var(--purple-color) !important}
.white{color: var(--white-color)}
.nohover:hover{text-decoration: none !important;}
.nodeco{text-decoration: none !important;}
.bgwatergreenop9{background-color: var(--watergreenop9-color)}
.bgwatergreen{background-color: var(--watergreen-color); color: var(--white-color) !important}
.bgorange{background-color: var(--orange-color)}
.container-fluid button, .container-fluid a.btn{background-color: var(--purple-color); color: var(--white-color)}
.container-fluid button:hover, .container-fluid a.btn:hover {opacity: 0.85; background-color: var(--purple-color)}

.polprodata {border-left: 1px solid var(--black-color); border-top: 1px solid var(--black-color)}
.polprodata td{padding: 10px; border-right: 1px solid var(--black-color); border-bottom: 1px solid var(--black-color)}
.polprodata td:first-child{background-color: var(--grey-color); color: var(--white-color); width: 10%;}

.butn {
    padding: 0.6rem;
    border-radius: 3px;
    margin: 8px 8px 8px 8px;
    display: inline-block;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-weight: 800;
    font-size: .85em;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    position: relative;
}
.butn:hover, .butn:focus {
 text-decoration: none !important;
 color: var(--white-color) !important;
}
.butn:active {
  -webkit-transform: scale(0.80);
  -moz-transform: scale(0.80);
  -ms-transform: scale(0.80);
  -o-transform: scale(0.80);
  transform: scale(0.80);
}
.butn.block {
    display: block !important;
}
.butn.circular {
  border-radius: 50em !important;
}

.waiting{margin-top: 10% ;background-repeat: no-repeat; background-position: center; width: 100%;}

.imgcarrousel{width: 128px; height: 128px;}
.bor{border-right: 2px solid var(--purple-color)}
.fa-octagon-check, .fa-circle-check, .fa-hexagon-check{color: var(--purple-color)}
.carousel-caption{color: var(--black-color) !important}
.lisere{height: 7px; background-image: url(/images/misc/lisere.png); background-repeat: no-repeat; background-position: center; background-size: cover}
.liserepartenaires{height: 90px; background-image: url(/images/misc/liserepartenaires.png); background-repeat: no-repeat; background-position: center; background-size: cover}
.price {
    border-radius: 50%;
    background-color: #004E7E;
    color: #fff;
    margin: auto;
}
.price p{padding-left: 10px !important}
.bigfas .fas{color: var(--orange-color)}

.overbox{background-color: var(--white-color); border: 1px solid var(--blue-color); z-index: 3; text-align: center; color: var(--blue-color);}

.tboutin{background-image: url('/images/misc/tboutin.png') !important; margin: auto;}
.tmanzanares{background-image: url('/images/misc/tmanzanares.png') !important; margin: auto;}
.tsauser{background-image: url('/images/misc/tsauser.png') !important; margin: auto;}
.tfradet{background-image: url('/images/misc/tfradet.png') !important; margin: auto;}
.tbriche{background-image: url('/images/misc/tbriche.png') !important; margin: auto;}
.tllamas{background-image: url('/images/misc/tllamas.png') !important; margin: auto;}
.tgaillard{background-image: url('/images/misc/tgaillard.png') !important; margin: auto;}
.tlecomte{background-image: url('/images/misc/tlecomte.png') !important; margin: auto;}
.tguermonprez{background-image: url('/images/misc/tguermonprez.png') !important; margin: auto;}
.vimevergreen{background-image: url('/images/misc/vimevergreen.png') !important; margin: auto;}
.tsonia{background-image: url('/images/misc/tsonia.png') !important; margin: auto;}
.tmag{background-image: url('/images/misc/tmag.png') !important; margin: auto;}
.tadelaide{background-image: url('/images/misc/tadelaide.png') !important; margin: auto;}
.tceline{background-image: url('/images/misc/tceline.png') !important; margin: auto;}
.tmarielaure{background-image: url('/images/misc/tmarielaure.png') !important; margin: auto;}
.tisabelle{background-image: url('/images/misc/tisabelle.png') !important; margin: auto;}
.telodie{background-image: url('/images/misc/telodie.png') !important; margin: auto;}
.tolivia{background-image: url('/images/misc/tolivia.png') !important; margin: auto;}
.tcelinem{background-image: url('/images/misc/tcelinem.png') !important; margin: auto;}
.tmorgane{background-image: url('/images/misc/tmorgane.png') !important; margin: auto;}
.tpascaline{background-image: url('/images/misc/tpascaline.png') !important; margin: auto;}

.teaser{background-image: url('/images/misc/cover-teaser-8mars2024.jpg') !important; margin: auto;}
.presentation_workshop{background-image: url('/images/misc/presentation_workshop.jpg') !important; margin: auto;}
.confirmation_inscription_workshop{background-image: url('/images/misc/confirmation_inscription_workshop.jpg') !important; margin: auto;}

.emissionvignette1{background-image: url('/images/misc/emissionvignette1.png') !important;}

#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 1100; /* Specify a stack order in case you're using a different order for other elements */
}

#formresa{
    display: none;
    position: fixed;
    transform: translate(-50%, -50%);
    text-align: center; 
    background-color: #FFFFFF;
    z-index: 4; 
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
    box-shadow: 5px 5px 10px; 
    padding: 10px 50px;
    overflow: auto;
}
#intentexitpopin{
    display: none;
    position: fixed;
    text-align: center; 
    background-color: #FFFFFF;
    z-index: 1104; 
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
    box-shadow: 5px 5px 10px; 
    padding: 0 !important;
    overflow: auto;
}

.majax{display: none; visibility: hidden;}

.accordion-button:not(.collapsed){color: var(--white-color) !important;}

.fasq{font-size: 3rem; color: var(--orange-color)}
.fasbulb{font-size: 2rem; color: var(--orange-color); --fa-secondary-opacity: 0.8}
.faslaptop{font-size: 2.5rem; color: var(--white-color)}
.fascheck{font-size: 2rem; color: var(--watergreen-color)}
.fasanswer{font-size: 1.3rem; color: var(--watergreen-color)}
.faswarn{font-size: 2rem; color: var(--christmas-red)}
.fasclock{font-size: 1.3rem; color: var(--christmas-red)}
.fastalk{font-size: 2rem; color: var(--grey-color)}
.fashand{font-size: 2rem; color: var(--blue-color)}
.fasbook{font-size: 2rem; color: var(--purple-color)}
.fasgood{font-size: 2rem; color: var(--darkorange-color); --fa-secondary-opacity: 0.6}
.exoseofa{font-size: 1.5rem; color: var(--orange-color)}
.horaire{font-weight: bold; background-color: var(--orange-color); padding: 3px; color: var(--black-color);}
.mctem, .mctem2023{border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}

.confirm_rounded{border-radius: 50%; border: 2px solid var(--orange-color);}

#banner_intentexitpopin{-webkit-background-size: cover; background-size: cover;}
#title_intentexitpopin{background-color: var(--orange-color);}
.maxw{width: 100% !important;}

input[type="radio"].choix {
  display: none;
}
input[type="radio"].choix + label {
  position: relative;
  padding-left: 1.3rem;
}
input[type="radio"].choix + label::before,
input[type="radio"].choix + label::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content:'';
  border-radius: 1rem;
}
input[type="radio"].choix + label::before {
  bottom: 5px;
  left: 0;
  border: 1px solid #ccc;
  background-color: #eee;
  width: 1rem;
  height: 1rem; 
}
input[type="radio"].choix + label::after {
  bottom: 8px;
  left: 3px;
  width: calc(1rem - 6px);
  height: calc(1rem - 6px);
}
input[type="radio"].choix:checked + label::after {
  background-color: #00B7E8;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}
[class*="col-"] {
  margin-bottom: 30px;
}

.content {height: 100%}

h2 a{text-decoration: none; color: #2B315B !important}
h2 a: hover{text-decoration: none; color: #2B315B !important}

.opace{background-color: rgba(0,0,0,0.7); z-index: 2;}

#popinconv{display: none; position: fixed; bottom: 50px; left: 50px; background-color: #000000; color: #ffffff; width: 250px; height: 100px; border-radius: 20px; padding: 20px; box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.2)}

.fullsize{width: 100%}
.nopaddingside{padding-left: unset !important; padding-right: unset !important;}
#intentexitpopin{ transform: translate(-50%, -50%)}

.secret{border-radius: 10px; border: 2px dashed var(--watergreen-color);}
.superbord{border-radius: 10px; border: 2px groove var(--black-color);}
.whitelink{color: var(--white-color) !important}
.entoure{border: 1px solid black; padding: 10px; margin-bottom: 30px;}
.org{background-color: var(--lightorange-color); border-color: var(--orange-color) !important;}
.deactivate{background-color: var(--grey-color) !important; border-color: var(--black-color) !important;}
.bord{border: 1px solid black}

.fakeh{display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;}

.survol:hover{color: var(--purple-color) !important}

.accordion-button{background-color: var(--watergreen-color) !important}

/* calendrier avent */
.wintercover{background-image: url(/images/covers/winter.jpg)}
.actif{
    opacity: 0.8 !important;}
.actif:hover{background-color: var(--christmas-red) !important;}
.btnavent{
    background-color: var(--black-color) !important;
    opacity: 0.6;
    border-radius: 10px;
    width: 80%;
    margin: auto;
    display: inline-flex;
    align-items: flex-start;
    font-size: 2rem;
}

.ltdblog p{font-family: Verdana; font-size: 16px}
.ltdblog h2{color: #8e7dc3; text-align: left}
.ltdblog .specialh2{background-color: #f6f3f8; padding: 10px}
.ltdblog .special{background-color: #f6f3f8;}
.ltdblog .separator{clear: both; text-align: center}
.ltdblog .chapo{text-align: center; font-style: italic}
.ltdblog .ita{font-style: italic;}
.ltdblog a{text-decoration: none; color: var(--blue-color)}
.ltdblog a .ninja{text-decoration: none; color: #2B315B !important}
.ltdblog a:hover{text-decoration: underline; color: #000}
.ltdblog ul, .ltdblog ol {
    margin-left: 28px;  
    padding-left: 12px;   
}
.ltdblog ul li, .ltdblog ol li {
    margin-bottom: 8px;    
}
.ltdblog ol {
    margin-top: 15px;
    margin-bottom: 20px;
}

.ltdblog ol > li {
    margin-bottom: 18px;   
}
.ltdblog ol > li > ul {
    margin-top: 8px;
}

.conseil-block {
    background-color: #f5f1e6;
    border: 2px solid #d8c9a3;
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
}

.conseil-header {
    display: flex;
    align-items: center;
    gap: 15px;
}

.conseil-icone {
    width: 24px;
    height: auto;
}

.conseil-intro {
    margin: 0;
}

.fa-burst{--fa-primary-color: #ec4109; --fa-secondary-color: #fff700; --fa-secondary-opacity: 0.9}
.fa-bullseye{--fa-primary-color: #ff0000; --fa-secondary-color: #ff0000; --fa-secondary-opacity: 0.7}
.fa-user-group-crown{--fa-primary-color: #005eff; --fa-secondary-color: #005eff;}
.fa-gift{--fa-primary-color: #ff0000; --fa-secondary-color: #ffc800; --fa-secondary-opacity: 0.9}
.fa-square-check{--fa-primary-color: #288500; --fa-secondary-color: #2e9900;}
.fa-diamond{--fa-primary-color: #0040ad; --fa-secondary-color: #024fd4; --fa-secondary-opacity: 0.9}
.fagreen{--fa-secondary-color: #55ff33; --fa-secondary-opacity: 0.9}
.fayellow{--fa-secondary-color: #fbff00; --fa-secondary-opacity: 0.9}
.fapurple{--fa-secondary-color: #6501df; --fa-secondary-opacity: 0.9}
.fa-rocket-launch{--fa-primary-color: #ff1900; --fa-secondary-color: #ff9500; --fa-secondary-opacity: 0.9}
.fa-face-fearful, .fa-face-scream, .fa-face-worried, .fa-face-weary, .fa-face-unamused, .fa-face-tongue-sweat{--fa-primary-color: #f89335; --fa-secondary-color: #f8f23f; --fa-secondary-opacity: 0.9}
.fa-head-side-brain{--fa-primary-color: #ec88cd; --fa-secondary-color: #f2d231; --fa-secondary-opacity: 0.5}
.fa-shield-check{--fa-primary-color: #0bb116; --fa-secondary-color: #0bb116; --fa-secondary-opacity: 0.5}
.fa-stars{--fa-primary-color: #ea7910; --fa-secondary-color: #eae210; --fa-secondary-opacity: 0.8}
.fa-square-arrow-right{--fa-primary-color: #0856dd; --fa-secondary-color: #0856dd; --fa-secondary-opacity: 0.3}

/* april fool */
.promo-page * { box-sizing: border-box; }
 
  .urgency-banner {
    background: #E8747C;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
  }
 
  .hero-promo {
    background: linear-gradient(135deg, #FCEAEC 0%, #fff 100%);
    padding: 60px 20px 50px;
    text-align: center;
  }
 
  .hero-promo .hero-fish { font-size: 4rem; margin-bottom: 10px; display: block; }
 
  .hero-promo h1 {
    font-size: 2.2rem;
    font-weight: 800;
    color: #2D2D2D;
    margin-bottom: 8px;
  }
 
  .hero-promo h1 span { color: #E8747C; }
 
  .hero-promo .tagline {
    font-size: 1.15rem;
    color: #4A4A4A;
    font-weight: 400;
    margin-bottom: 30px;
  }
 
  .promo-section {
    max-width: 600px;
    margin: 0 auto;
    background: #fff;
    border: 2px solid #E8747C;
    border-radius: 16px;
    padding: 30px 25px;
    box-shadow: 0 4px 24px rgba(232, 116, 124, 0.12);
  }
 
  .promo-section p { font-size: 1rem; margin-bottom: 12px; color: #4A4A4A; }
 
  .promo-code {
    display: inline-block;
    background: #E8747C;
    color: #fff;
    font-weight: 800;
    font-size: 1.5rem;
    padding: 10px 30px;
    border-radius: 8px;
    letter-spacing: 2px;
    user-select: all;
    margin-bottom: 12px;
  }
 
  .promo-discount { font-size: 1.3rem; font-weight: 700; color: #D4616A; margin-bottom: 6px; }
 
  .promo-deadline { font-size: 0.95rem; color: #4A4A4A; font-weight: 500; }
  .promo-deadline strong { color: #D4616A; }
 
  .countdown-section {
    background: #F8F8F8;
    padding: 30px 20px;
    text-align: center;
  }
 
  .countdown-section p { font-size: 0.95rem; color: #4A4A4A; }
 
  #countdown {
    font-size: 1.8rem;
    font-weight: 800;
    color: #E8747C;
    margin-top: 8px;
    letter-spacing: 1px;
  }
 
  .formations-section {
    max-width: 700px;
    margin: 0 auto;
    padding: 50px 20px 60px;
  }
 
  .formations-section h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2D2D2D;
    text-align: center;
    margin-bottom: 30px;
  }
 
  .formation-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 20px 24px;
    margin-bottom: 16px;
    text-decoration: none;
    color: #2D2D2D;
    transition: all 0.25s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  }
 
  .formation-card:hover {
    border-color: #E8747C;
    box-shadow: 0 4px 20px rgba(232, 116, 124, 0.15);
    transform: translateY(-2px);
  }
 
  .formation-card .icon { font-size: 2rem; margin-right: 16px; flex-shrink: 0; }
  .formation-card .card-content { flex: 1; }
  .formation-card .card-title { font-weight: 600; font-size: 1rem; line-height: 1.4; }
  .formation-card .card-subtitle { font-size: 0.85rem; color: #999; margin-top: 2px; }
 
  .formation-card .arrow {
    font-size: 1.4rem;
    color: #E8747C;
    font-weight: 700;
    flex-shrink: 0;
    margin-left: 12px;
    transition: transform 0.2s;
  }
 
  .formation-card:hover .arrow { transform: translateX(4px); }
 
  @media (max-width: 600px) {
    .hero-promo h1 { font-size: 1.6rem; }
    .hero-promo .hero-fish { font-size: 3rem; }
    .promo-code { font-size: 1.2rem; padding: 8px 20px; }
    .formation-card { padding: 16px 18px; }
    .formation-card .card-title { font-size: 0.92rem; }
    #countdown { font-size: 1.4rem; }
  }

@media only screen and (max-width: 576px) { 
    .waiting{background-image: url(/images/logos/logosm.png); height: 132px}
    h1, .fakeh{font-size: 1.6rem !important}
    h2{font-size: 1.4rem !important}
    .mcside{background-image: url(/images/covers/mcsideimgxxs.png)}
    .hpcover{background-image: url(/images/covers/hpcover2025xxs.jpg); height: 249px}
    .mccover{background-image: url(/images/covers/mccoverxxs.png); min-height: 249px}
    .entreprisecover{background-image: url(/images/covers/cpycoverxxs.png); height: 249px}
    .mccoverjuin{background-image: url(/images/covers/cover-masterclass0623xxs.jpg); height: 249px}
    .mccoverjuillet{background-image: url(/images/covers/cover-masterclass0725xxs.jpg); height: 249px}
    .mccoverexpat{background-image: url(/images/covers/cover-masterclass-expat-xxs.jpg); height: 249px}
    .mccoverjan25{background-image: url(/images/covers/cover-masterclass0425xxs.jpg); height: 249px}
    .mccovernov25{background-image: url(/images/covers/hpcovernov25xxs.jpg); height: 249px}
    .mccoveria{background-image: url(/images/covers/cover-masterclass-iaxxs.jpg); height: 249px}
    .eventtopcover{background-image: url(/images/covers/cover-eventtopxxs.jpg); min-height: 66px}
    .eventbiscover{background-image: url(/images/covers/cover-eventbisxxs.jpg); min-height: 38px}
    .mccovermars{background-image: url(/images/covers/cover-8mars.jpg); height: 249px}
    .coveratelier{background-image: url(/images/covers/cover-prixatelierxxs.jpg); height: 249px}
    .decale{padding-top: 47px !important;}
    .verybig{font-size: 1.5rem !important;}
    .veryverybig{font-size: 3rem !important;}
    .fa-brands{font-size: 1.2rem}
    .navlogo{display: none;}
    .trombi{width: 128px;height: 128px}
    .enavant{height: 128px}
    .nath{width: 166px; height: 166px;}
    .auteure{width: 250px; height: 250px}
    .tribuer{font-weight: bold; font-size: 1.4rem}
    .ltdvid{width: 240px; height: 135px}
    .bigfas .fas{font-size: 3rem}  
    #intentexitpopin, #formresa{top: 50%; left: 50%; width: 100%;}
    .paiement{width: 250px; height: 275px;}
    .cachexxs{display: none !important}
    .confirmation .fa-brands{font-size: 3rem;}
    .confirmation .fa-mug-hot{font-size: 3rem;}
    .mctem, .mctem2023, .mctem2024{width: 98%; margin: auto;}
    #banner_intentexitpopin{background-image: url(/images/covers/banner_intentexitpopinsm.png); min-height: 200px}
    #intentexitpopin{width: 95%}
    .content {height: 100%; margin: 20px 0px 10px;}
    .confirm-mc{width: 192px}
    .embedyt{width: 300px; height: 167px}
    .blogvignette{width: 96px}
    .btnavent{height: 140px}
    .ltdblog .blogimgfull{width: 400px;}
    .ltdblog .blogimgcontent{width: 300px}
    .ltdblog .blogimgcontentsquare{width: 300px;}
    .ltdblog .blogimgcontenttiers{width: 300px;}
    .bloginnerimg{text-align: center}
    .bloginnerimgleft{text-align: center}
}

@media only screen and (min-width:576px) and (max-width: 768px) { 
    .waiting{background-image: url(/images/logos/logomd.png); height: 316px}
    h1, .fakeh{font-size: 1.8rem !important}
    h2{font-size: 1.5rem !important}
    .mcside{background-image: url(/images/covers/mcsideimgxs.png)}
    .hpcover{background-image: url(/images/covers/hpcover2025xs.jpg); height: 332px}
    .mccover{background-image: url(/images/covers/mccoverxs.png); min-height: 332px}
    .entreprisecover{background-image: url(/images/covers/cpycoverxs.png); height: 332px}
    .mccoverjuin{background-image: url(/images/covers/cover-masterclass0623xs.jpg); height: 332px}
    .mccoverjuillet{background-image: url(/images/covers/cover-masterclass0725xs.jpg); height: 332px}
    .mccoverexpat{background-image: url(/images/covers/cover-masterclass-expat-xs.jpg); height: 332px}
    .mccoverjan25{background-image: url(/images/covers/cover-masterclass0425xs.jpg); height: 332px}
    .mccovernov25{background-image: url(/images/covers/hpcovernov25xs.jpg); height: 332px}
    .mccoveria{background-image: url(/images/covers/cover-masterclass-iaxs.jpg); height: 332px}
    .eventtopcover{background-image: url(/images/covers/cover-eventtopxs.jpg); min-height: 126px}
    .eventbiscover{background-image: url(/images/covers/cover-eventbisxs.jpg); min-height: 72px}
    .mccovermars{background-image: url(/images/covers/cover-8mars.jpg); height: 332px}
    .coveratelier{background-image: url(/images/covers/cover-prixatelierxs.jpg); height: 332px}
    .decale{padding-top: 47px !important;}
    .verybig{font-size: 2rem !important;}
    .veryverybig{font-size: 4rem !important;}
    .fa-brands{font-size: 1.4rem}
    .navlogo{display: none;}
    .trombi{width: 128px;height: 128px}
    .enavant{height: 160px}
    .nath{width: 166px; height: 166px}
    .auteure{width: 350px; height: 350px}
    .tribuer{font-weight: bold; font-size: 1.6rem;}
    .ltdvid{width: 240px; height: 135px}
    .bigfas .fas{font-size: 3rem}  
    #intentexitpopin, #formresa{top: 50%; left: 50%; width: 100%}
    .paiement{width: 250px; height: 275px;}
    .cachexs{display: none !important}
    .confirmation .fa-brands{font-size: 3rem;}
    .confirmation .fa-mug-hot{font-size: 3rem;}
    .mctem2023{width: 518px; margin: auto;}
    .mctem2024{width: 98%; margin: auto;}
    #banner_intentexitpopin{background-image: url(/images/covers/banner_intentexitpopinsm.png); min-height: 200px}
    #intentexitpopin{width: 450px}
    .content {height: 100%; margin: 20px 0px 10px;}
    .confirm-mc{width: 192px}
    .embedyt{width: 400px; height: 223px}
    .blogvignette{width: 128px}
    .btnavent{height: 200px}
    .ltdblog .blogimgfull{width: 500px;}
    .ltdblog .blogimgcontent{width: 300px}
    .ltdblog .blogimgcontentsquare{width: 300px;}
    .ltdblog .blogimgcontenttiers{width: 300px;}
    .bloginnerimg{text-align: center}
    .bloginnerimgleft{text-align: center}
}

@media only screen and (min-width:768px) and (max-width: 992px) { 
    .waiting{background-image: url(/images/logos/logomd.png); height: 316px}
    h1, .fakeh{font-size: 1.9rem !important}
    h2{font-size: 1.6rem !important}
    .mcside{background-image: url(/images/covers/mcsideimgsm.png)}
    .hpcover{background-image: url(/images/covers/hpcover2025sm.jpg); height: 429px}
    .mccover{background-image: url(/images/covers/mccoversm.png); min-height: 429px}
    .entreprisecover{background-image: url(/images/covers/cpycoversm.png); height: 429px}
    .mccoverjuin{background-image: url(/images/covers/cover-masterclass0623sm.jpg); height: 429px}
    .mccoverjuillet{background-image: url(/images/covers/cover-masterclass0725sm.jpg); height: 429px}
    .mccoverexpat{background-image: url(/images/covers/cover-masterclass-expat-sm.jpg); height: 429px}
    .mccoverjan25{background-image: url(/images/covers/cover-masterclass0425sm.jpg); height: 429px}
    .mccovernov25{background-image: url(/images/covers/hpcovernov25sm.jpg); height: 429px}
    .mccoveria{background-image: url(/images/covers/cover-masterclass-iasm.jpg); height: 429px}
    .eventtopcover{background-image: url(/images/covers/cover-eventtopsm.jpg); min-height: 168px}
    .eventbiscover{background-image: url(/images/covers/cover-eventbissm.jpg); min-height: 96px}
    .mccovermars{background-image: url(/images/covers/cover-8mars.jpg); height: 429px}
    .coveratelier{background-image: url(/images/covers/cover-prixateliersm.jpg); height: 429px}
    .decale{padding-top: 47px !important;}
    .verybig{font-size: 2.5rem !important;}
    .veryverybig{font-size: 5rem !important;}
    .fa-brands{font-size: 1.4rem}
    .navlogo{display: none;}
    .trombi{width: 128px;height: 128px}
    .enavant{height: 160px}
    .nath{width: 166px; height: 166px}
    .auteure{width: 400px; height: 400px}
    .tribuer{font-weight: bold; font-size: 1.6rem;}
    .ltdvid{width: 240px; height: 135px}
    .bigfas .fas{font-size: 3rem}  
    #intentexitpopin, #formresa{top: 50%; left: 50%;}
    .paiement{width: 330px; height: 363px;}
    .cachesm{display: none !important}
    .confirmation .fa-brands{font-size: 3rem;}
    .confirmation .fa-mug-hot{font-size: 3rem;}
    .mctem2023{width: 570px; margin: auto;}
    .mctem2024{width: 98%; margin: auto;}
    #banner_intentexitpopin{background-image: url(/images/covers/banner_intentexitpopinmd.png); min-height: 245px}
    #intentexitpopin{width: 550px}
    .content {height: 100%; margin: 20px 10px 10px;}
    .embedyt{width: 565px; height: 315px}
    .blogvignette{width: 128px}
    .btnavent{height: 180px}
    .ltdblog .blogimgfull{width: 600px;}
    .ltdblog .blogimgcontent{width: 300px}
    .ltdblog .blogimgcontentsquare{width: 300px;}
    .ltdblog .blogimgcontenttiers{width: 150px;}
    .bloginnerimg{text-align: right}
    .bloginnerimgleft{text-align: left}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {  
    .waiting{background-image: url(/images/logos/logoxl.png); height: 321px}
    h1, .fakeh{font-size: 2rem !important}
    h2{font-size: 1.7rem !important}
    .mcside{background-image: url(/images/covers/mcsideimgmd.png)}
    .hpcover{background-image: url(/images/covers/hpcover2025md.jpg); height: 519px}
    .mccover{background-image: url(/images/covers/mccovermd.png); min-height: 519px}
    .entreprisecover{background-image: url(/images/covers/cpycovermd.png); height: 519px}
    .mccoverjuin{background-image: url(/images/covers/cover-masterclass0623md.jpg); height: 519px}
    .mccoverjuillet{background-image: url(/images/covers/cover-masterclass0725md.jpg); height: 519px}
    .mccoverexpat{background-image: url(/images/covers/cover-masterclass-expat-md.jpg); height: 519px}
    .mccoverjan25{background-image: url(/images/covers/cover-masterclass0425md.jpg); height: 519px}
    .mccovernov25{background-image: url(/images/covers/hpcovernov25md.jpg); height: 519px}
    .mccoveria{background-image: url(/images/covers/cover-masterclass-iamd.jpg); height: 519px}
    .eventtopcover{background-image: url(/images/covers/cover-eventtopmd.jpg); min-height: 217px}
    .eventbiscover{background-image: url(/images/covers/cover-eventbismd.jpg); min-height: 124px}
    .mccovermars{background-image: url(/images/covers/cover-8mars.jpg); height: 519px}
    .coveratelier{background-image: url(/images/covers/cover-prixateliermd.jpg); height: 519px}
    .decale{padding-top: 90px !important;}
    .verybig{font-size: 3rem !important;}
    .veryverybig{font-size: 6rem !important;}
    .fa-brands{font-size: 1.6rem}
    .navlogo{height: 64px;}
    .trombi{width: 192px;height: 192px}
    .enavant{height: 192px}
    .nath{width: 222px; height: 222px}
    .auteure{width: 500px; height: 500px}
    .tribuer{font-weight: bold; font-size: 1.8rem;}
    .ltdvid{width: 300px; height: 169px}
    .bigfas .fas{font-size: 3rem}  
    #intentexitpopin, #formresa{top: 55%; left: 50%;}
    .paiement{width: 440px; height: 483px;}
    .overbox{margin-top: 12% !important;}
    .confirmation .fa-brands{font-size: 3rem;}
    .confirmation .fa-mug-hot{font-size: 3rem;}
    .cachemd{display: none !important}
    .vignette{width: 210px;}
    .mctem2023{width: 777px; margin: auto;}
    .mctem2024{width: 95%; margin: auto;}
    #banner_intentexitpopin{background-image: url(/images/covers/banner_intentexitpopinl.png); min-height: 289px}
    #intentexitpopin{width: 650px}
    .content {height: 100%; margin: 20px 0px 10px;}
    .embedyt{width: 800px; height: 446px}
    .bigif{font-size: 1.3rem;}
    .fullsize p, .fullsize h2{padding-top: 5px; padding-bottom: 5px;}
    .accueilblog{width: 100%}
    .blogvignette{width: 192px}
    .btnavent{height: 180px}
    .ltdblog .blogimgfull{width: 650px;}
    .ltdblog .blogimgcontent{width: 250px}
    .ltdblog .blogimgcontentsquare{width: 250px;}
    .ltdblog .blogimgcontenttiers{width: 135px;}
    .bloginnerimg{text-align: right}
    .bloginnerimgleft{text-align: left}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {  
    .waiting{background-image: url(/images/logos/logoxl.png); height: 321px}
    h1, .fakeh{font-size: 2rem !important}
    h2{font-size: 1.7rem !important}
    .mcside{background-image: url(/images/covers/mcsideimgxl.png)}
    .hpcover{background-image: url(/images/covers/hpcover2025xl.jpg); height: 605px}
    .mccover{background-image: url(/images/covers/mccoverxl.png); min-height: 605px}
    .entreprisecover{background-image: url(/images/covers/cpycoverxl.png); height: 605px}
    .mccoverjuin{background-image: url(/images/covers/cover-masterclass0623xl.jpg); height: 605px}
    .mccoverjuillet{background-image: url(/images/covers/cover-masterclass0725xl.jpg); height: 605px}
    .mccoverexpat{background-image: url(/images/covers/cover-masterclass-expat-xl.jpg); height: 605px}
    .mccoverjan25{background-image: url(/images/covers/cover-masterclass0425xl.jpg); height: 605px}
    .mccovernov25{background-image: url(/images/covers/hpcovernov25xl.jpg); height: 605px}
    .mccoveria{background-image: url(/images/covers/cover-masterclass-iaxl.jpg); height: 605px}
    .eventtopcover{background-image: url(/images/covers/cover-eventtopxl.jpg); min-height: 262px}
    .eventbiscover{background-image: url(/images/covers/cover-eventbisxl.jpg); min-height: 150px}
    .mccovermars{background-image: url(/images/covers/cover-8mars.jpg); height: 605px}
    .coveratelier{background-image: url(/images/covers/cover-prixatelierxl.jpg); height: 605px}
    .decale{padding-top: 90px !important;}
    .verybig{font-size: 3rem !important;}
    .veryverybig{font-size: 6rem !important;}
    .fa-brands{font-size: 1.6rem}
    .navlogo{height: 64px;}
    .trombi{width: 192px;height: 192px}
    .enavant{height: 192px}
    .nath{width: 222px; height: 222px}
    .auteure{width: 500px; height: 500px}
    .tribuer{font-weight: bold; font-size: 1.8rem;}
    .ltdvid{width: 350px; height: 197px}
    .bigfas .fas{font-size: 3.5rem}  
    #intentexitpopin, #formresa{top: 55%; left: 50%;}
    .paiement{width: 500px; height: 549px;}
    .overbox{margin-top: 15% !important;}
    .confirmation .fa-brands{font-size: 4rem;}
    .confirmation .fa-mug-hot{font-size: 4rem;}
    .cachel{display: none !important}
    .vignette{width: 250px;}
    .mctem2024{width: 450px; margin: auto;}
    #banner_intentexitpopin{background-image: url(/images/covers/banner_intentexitpopinxl.png); min-height: 333px}
    #intentexitpopin{width: 750px}
    .content {height: 100%; margin: 20px 20px 10px;}
    .embedyt{width: 800px; height: 446px}
    .bigif{font-size: 1.3rem;}
    .fullsize p, .fullsize h2{padding-top: 10px; padding-bottom: 10px;}
    .accueilblog{width: 100%}
    .blogvignette{width: 256px}
    .btnavent{height: 140px}
    .ltdblog .blogimgfull{width: 800px;}
    .ltdblog .blogimgcontent{width: 300px}
    .ltdblog .blogimgcontentsquare{width: 300px;}
    .ltdblog .blogimgcontenttiers{width: 150px;}
    .bloginnerimg{text-align: right}
    .bloginnerimgleft{text-align: left}
}


@media only screen and (min-width: 1400px) and (max-width: 1600px) {  
    .waiting{background-image: url(/images/logos/logoxl.png); height: 321px}
    h1, .fakeh{font-size: 2rem !important}
    h2{font-size: 1.7rem !important}
    .mcside{background-image: url(/images/covers/mcsideimgxxl.png)}
    .hpcover{background-image: url(/images/covers/hpcover2025xxl.jpg); height: 692px}
    .mccover{background-image: url(/images/covers/mccoverxxl.png); min-height: 692px}
    .entreprisecover{background-image: url(/images/covers/cpycoverxxl.png); height: 692px}
    .mccoverjuin{background-image: url(/images/covers/cover-masterclass0623xxl.jpg); height: 692px}
    .mccoverjuillet{background-image: url(/images/covers/cover-masterclass0725xxl.jpg); height: 692px}
    .mccoverexpat{background-image: url(/images/covers/cover-masterclass-expat-xxl.jpg); height: 692px}
    .mccoverjan25{background-image: url(/images/covers/cover-masterclass0425xxl.jpg); height: 692px}
    .mccovernov25{background-image: url(/images/covers/hpcovernov25xxl.jpg); height: 692px}
    .mccoveria{background-image: url(/images/covers/cover-masterclass-iaxxl.jpg); height: 692px}
    .eventtopcover{background-image: url(/images/covers/cover-eventtopxxl.jpg); min-height: 306px}
    .eventbiscover{background-image: url(/images/covers/cover-eventbisxxl.jpg); min-height: 175px}
    .mccovermars{background-image: url(/images/covers/cover-8mars.jpg); height: 692px}
    .coveratelier{background-image: url(/images/covers/cover-prixatelierxxl.jpg); height: 692px}
    .decale{padding-top: 90px !important;}
    .verybig{font-size: 3rem !important;}
    .veryverybig{font-size: 6rem !important;}
    .fa-brands{font-size: 1.6rem}
    .navlogo{height: 64px;}
    .trombi{width: 192px;height: 192px}
    .enavant{height: 192px}
    .nath{width: 222px; height: 222px}
    .auteure{width: 500px; height: 500px}
    .tribuer{font-weight: bold; font-size: 1.8rem;}
    .ltdvid{width: 400px; height: 225px}
    .bigfas .fas{font-size: 4rem}  
    #intentexitpopin, #formresa{top: 55%; left: 50%;}
    .paiement{width: 567px; height: 623px;}
    .overbox{margin-top: 17% !important;}
    .confirmation .fa-brands{font-size: 4rem;}
    .confirmation .fa-mug-hot{font-size: 4rem;}
    .cachexl{display: none !important}
    .mctem2024{width: 600px; margin: auto;}
    #banner_intentexitpopin{background-image: url(/images/covers/banner_intentexitpopinxl.png); min-height: 333px}
    #intentexitpopin{width: 750px}
    .content {height: 100%; margin: 20px 40px 10px;}
    .embedyt{width: 1000px; height: 558px}
    .bigif{font-size: 1.3rem;}
    .fullsize p, .fullsize h2{padding-top: 15px; padding-bottom: 15px;}
    .accueilblog{width: 100%}
    .blogvignette{width: 256px}
    .btnavent{height: 150px}
    .ltdblog .blogimgfull{width: 900px;}
    .ltdblog .blogimgcontent{width: 350px}
    .ltdblog .blogimgcontentsquare{width: 300px;}
    .ltdblog .blogimgcontenttiers{width: 175px;}
    .bloginnerimg{text-align: right}
    .bloginnerimgleft{text-align: left}
}

@media only screen and (min-width: 1600px) {  
    .waiting{background-image: url(/images/logos/logoxl.png); height: 321px}
    h1, .fakeh{font-size: 2rem !important}
    h2{font-size: 1.7rem !important}
    .mcside{background-image: url(/images/covers/mcsideimgxxl.png)}
    .hpcover{background-image: url(/images/covers/hpcover2025xxxl.jpg); min-height: 778px}
    .mccover{background-image: url(/images/covers/mccoverxxl.png); min-height: 778px}
    .entreprisecover{background-image: url(/images/covers/cpycoverxxxl.png); min-height: 778px}
    .mccoverjuin{background-image: url(/images/covers/cover-masterclass0623xxxl.jpg); height: 778px}
    .mccoverjuillet{background-image: url(/images/covers/cover-masterclass0725xxxl.jpg); height: 778px}
    .mccoverexpat{background-image: url(/images/covers/cover-masterclass-expat-xxxl.jpg); height: 778px}
    .mccoverjan25{background-image: url(/images/covers/cover-masterclass0425xxxl.jpg); height: 778px}
    .mccovernov25{background-image: url(/images/covers/hpcovernov25xxxl.jpg); height: 778px}
    .mccoveria{background-image: url(/images/covers/cover-masterclass-iaxxl.jpg); height: 778px}
    .eventtopcover{background-image: url(/images/covers/cover-eventtopxxxl.jpg); min-height: 350px}
    .eventbiscover{background-image: url(/images/covers/cover-eventbisxxxl.jpg); min-height: 200px}
    .mccovermars{background-image: url(/images/covers/cover-8mars.jpg); height: 778px}
    .coveratelier{background-image: url(/images/covers/cover-prixatelierxxxl.jpg); height: 778px}
    .decale{padding-top: 90px !important;}
    .verybig{font-size: 3rem !important;}
    .veryverybig{font-size: 6rem !important;}
    .fa-brands{font-size: 1.6rem}
    .navlogo{height: 64px;}
    .trombi{width: 192px;height: 192px}
    .enavant{height: 192px}
    .nath{width: 222px; height: 222px}
    .auteure{width: 500px; height: 500px}
    .tribuer{font-weight: bold; font-size: 1.8rem;}
    .ltdvid{width: 500px; height: 281px}
    .bigfas .fas{font-size: 5rem}  
    #intentexitpopin, #formresa{top: 55%; left: 50%;}
    .paiement{width: 567px; height: 623px;}
    .overbox{margin-top: 18% !important;}
    .confirmation .fa-brands{font-size: 4rem;}
    .confirmation .fa-mug-hot{font-size: 4rem;}
    .mblarge{margin-bottom: 5rem;}
    .cachexxl{display: none !important}
    .vignette{width: 250px;}
    .mctem2024{width: 700px; margin: auto;}
    #banner_intentexitpopin{background-image: url(/images/covers/banner_intentexitpopinxl.png); min-height: 333px}
    #intentexitpopin{width: 750px}
    .content {height: 100%; margin: 20px 60px 10px;}
    .embedyt{width: 1200px; height: 675px}
    .bigif{font-size: 1.3rem;}
    .fullsize p, .fullsize h2{padding-top: 25px; padding-bottom: 25px;}
    .accueilblog{width: 100%}
    .blogvignette{width: 256px}
    .btnavent{height: 200px}
    .ltdblog .blogimgfull{width: 1000px;}
    .ltdblog .blogimgcontent{width: 400px;}
    .ltdblog .blogimgcontentsquare{width: 300px;}
    .ltdblog .blogimgcontenttiers{width: 225px;}
    .bloginnerimg{text-align: right}
    .bloginnerimgleft{text-align: left}
    .container{max-width: 1520px !important}
}

@media only screen and (min-width: 1800px) {  
    .container{max-width: 1720px !important}
    .ltdblog .blogimgfull{width: 1100px;}
}

@media only screen and (min-width: 2000px) {  
    .container{max-width: 1920px !important}
    .ltdblog .blogimgfull{width: 1300px;}
}