@font-face { font-family: "Default";src: url("../fonts/Archivo-Regular.ttf") format("opentype");}
@font-face { font-family: "Scribe";src: url("../fonts/Archivo-Regular.ttf") format("opentype");}
@font-face { font-family: "Subtitle";src: url("../fonts/Aloevera-Regular.otf") format("opentype");}
@font-face { font-family: "PTitle";src: url("../fonts/TAN-NIMBUS.otf") format("opentype");}
:root{
    --color-primary: #144BB7; --color-secondary: #144DBD; --color-tertiary: #FBC700; --color-4: #e8edf1;  
    --color-primary2: #0b0e1c; --color-degrade: #0c264f; 
    --color-back: white; --color-back-bis: #517aca; --color-back-video: #0b327d;
    --color-txt: black; --color-txt-bis: white; --color-txt-video: white; 
    --color-title: #000000; --color-title-bis: #fff; --color-title-video: #FBC700; 
    --color-button: linear-gradient(141deg, #ffde59 0%, #ff914d 100%); --color-button-txt: #0049ac;
    --color-button-before: #0049ac; --color-button-txt-hover: #fff;     
    --color-buttonBis: linear-gradient(141deg, #ffde59 0%, #ff914d 100%); --color-buttonBis-txt: #0049ac;
    --color-a: white; --color-a-hover: #f7ff13;
    --font-title: "PTitle", "Default",cursive; --font-subtitle2: "Default",cursive; --font-subtitle: "Subtitle", "Default",cursive; 
    --font-txt: "Default", "Poppins", cursive; --font-txt2: "Default",cursive; --font-original: 'Scribe', "Default",cursive;
     --height-nav: 100px; --txt-size: 17px; --txt-size-h1: clamp(30px, 3.2vw, 55px); --txt-size-hb: clamp(25px, 2.4vw, 35px); --txt-size-button: 17px; --txt-size-subtitle: --txt-size-hb: clamp(20px, 22px, 28px);
    --background-actu: transparent;  --background-chro: white; --background-event: transparent; --background-ebook: #144BB7; --color-footer: #144BB7;
    --colortxt-actu: #144BB7;  --colortxt-chro: black; --colortxt-event: white; --colortxt-ebook: black; --color-txt-footer: #fff; --color-a-hover-footer: #f7ff13;
}
/* CODE MODELE */
main .button { font-size: var(--txt-size-button); }

body { background: var(--color-back); color: var(--color-txt); font-family: var(--font-txt); font-size: var(--txt-size); }
h1 { font-size: var(--txt-size-h1); } h2 { font-size: var(--txt-size-hb); }
h1, section:not(#intro) h2 { font-family: var(--font-title); } 
h3, h2 p, #intro h2 { font-family: var(--font-subtitle); }
h2 b, h2 i { font-size: var(--txt-size-hb); }
h2 i { font-family: var(--font-original); }
img:not(.objcover) { max-width: 100%; }
#page_apropos img:not(.objcover) { max-width: 100vw; }
.texteSubtitle {width: 300px; margin: auto; text-align: center; font-size: var(--txt-size-subtitle); font-family: var(--font-txt2); margin-top: -5vh; }
.titleLink { color: var(--color-primary2); }
#section2BImg { background: var(--background-chro); color: var(--colortxt-chro);  }
.blocBlogPress .divLink { width: 100%; }

#page_ACCUEIL .blocFicheProductIntro > .w80 { margin-top: -20vh; }
#page_ACCUEIL .subtitle1 { margin-bottom: 25px; }

#page_catalogue { background: #f8f6fd; background-image: url("../../ged/img/back_catalogue.jpg");  }

#page_blogpress { background: #eaeef7;  background-image: url("../../ged/img/back_blog.jpg"); }

#page_catalogue, #page_blogpress { background-size: contain;
    background-repeat: no-repeat; }

#page_catalogue h1 { color: var(--color-primary); }

.blocCard5050TI { width: 1300px; max-width: 94%; }
.blocCard5050TI .w50 { background: var(--color-secondary);  }

.navtop a { color: var(--color-a-hover);    text-shadow: 0 0 2px black; }
.blogPressHeader { padding-bottom: 15vh; }

#page_blogpress h2 { text-shadow: 0 0 5px #fff; }
#page_blogpress .blogPressWSEvent h3 { text-shadow: 0 0 5px var(--color-primary); }

@media (min-width: 1400px) {
    #page_catalogue h1 { margin-top: 35vh; }
    #page_ACCUEIL .blocFicheProductIntro > .w80 { margin-top: -40vh; }
}
@media (max-width: 930px) {
    h1, h2, h3, h4, p, a { text-align: center; }
    .w50, .blocCard5050TI { width: 100% !important; max-width: 100% !important; }
    .w50 { padding-left: 5%; padding-right: 5%; }
    .blocCard5050TI .w50 { padding-bottom: 5vh; }
    #intro .title1  { font-size: 40px; }
}
/* CODE SPECIFIQUE */
.glide__slides { overflow: initial; }
