@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?&family=Inspiration&family=Comforter&family=Pacifico&family=Festive&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Kaushan+Script&family=Marck+Script&family=Neonderthaw&family=Norican&family=Pacifico&family=Roboto+Flex:opsz,wght@8..144,100;8..144,200;8..144,300;8..144,400;8..144,500;8..144,600;8..144,700;8..144,800;8..144,900;8..144,1000&family=Shadows+Into+Light+Two&family=Sofia&display=swap&family=Damion&family=Water+Brush&display=swap");

:root {
  --bs-primary: #1F388A;
  --bs-primary-rgb:31, 56, 138;
  --bs-secondary: #FBBC52;
  --bs-secondary-rgb:251, 188, 82;
  --bs-tertiary: #e30613;
  --bs-tertiary-rgb: 227, 6, 19;
  /**/
  --bs-r-primary : .1215686274509804;/*calc(1/255)*/
  --bs-g-primary : .2196078431372549;/*calc(127/255)*/
  --bs-b-primary : .5411764705882353;/*calc(182/255)*/

  --bs-r-secondary : .9843137254901961;/*calc(2/255)*/
  --bs-g-secondary : .7372549019607843;/*calc(112/255)*/
  --bs-b-secondary : .3215686274509804;/*calc(173/255);*/
  
  --bs-link-color:var(--bs-primary)!important;
  --bs-link-color-rgb:var(--bs-primary-rgb)!important;
  --bs-link-hover-color: var(--bs-dark)!important; 
  --bs-link-hover-color-rgb:var(--bs-dark-rgb)!important;

  --bs-card-title-color: var(--bs-primary)!important;

  --bs-fill-rgb:var(--bs-secondary-rgb);

  --bs-brand-img:60px;/*taille du logo par default*/
  
  --bs-deg:0deg;

  /**/
  --bs-blue: #003cc5;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;

  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;

  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;

  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;

  --bs-white-rgb: 255, 255, 255; 
  --bs-gray-rgb: 108, 117, 125;
  --bs-black-rgb: 0, 0, 0;

    /*primary*/
  --bs-primary-text-emphasis: rgba(var(--bs-primary-rgb),1.2)!important;
  --bs-primary-bg-subtle: rgba(var(--bs-primary-rgb),.1)!important;
  --bs-primary-border-subtle:rgba(var(--bs-primary-rgb),.3)!important;
    /*secondary*/
  --bs-secondary-text-emphasis: rgba(var(--bs-secondary-rgb),1.2)!important;
  --bs-secondary-bg-subtle: rgba(var(--bs-secondary-rgb),.1)!important;
  --bs-secondary-border-subtle:rgba(var(--bs-secondary-rgb),.3)!important;
    /*tertiary*/
  --bs-tertiary-text-emphasis: rgba(var(--bs-tertiary-rgb),1.2)!important;
  --bs-tertiary-bg-subtle: rgba(var(--bs-tertiary-rgb),.1)!important;
  --bs-tertiary-border-subtle:rgba(var(--bs-tertiary-rgb),.3)!important;
    /*success*/
  --bs-success-text-emphasis: rgba(var(--bs-success-rgb),1.2)!important;
  --bs-success-bg-subtle: rgba(var(--bs-success-rgb),.1)!important;
  --bs-success-border-subtle: rgba(var(--bs-success-rgb),.3)!important;
  /*info*/
  --bs-info-text-emphasis: rgba(var(--bs-info-rgb),1.2)!important;
  --bs-info-bg-subtle: rgba(var(--bs-info-rgb),.1)!important;
  --bs-info-border-subtle:rgba(var(--bs-info-rgb),.3)!important;
  /*warning*/
  --bs-warning-text-emphasis: rgba(var(--bs-warning-rgb),1.2)!important;
  --bs-warning-bg-subtle: rgba(var(--bs-warning-rgb),.1)!important;
  --bs-warning-border-subtle: rgba(var(--bs-warning-rgb),.3)!important;
  /*danger*/
  --bs-danger-text-emphasis: rgba(var(--bs-danger-rgb),1.2)!important;
  --bs-danger-bg-subtle: rgba(var(--bs-danger-rgb),.1)!important;
  --bs-danger-border-subtle: rgba(var(--bs-danger-rgb),.3)!important;
  /*light*/
  --bs-light-text-emphasis: rgba(var(--bs-light-rgb),1.2)!important;
  --bs-light-bg-subtle: rgba(var(--bs-light-rgb),.1)!important;
  --bs-light-border-subtle: rgba(var(--bs-light-rgb),.3)!important;
  /*dark*/
  --bs-dark-text-emphasis: rgba(var(--bs-dark-rgb),1.2)!important;
  --bs-dark-bg-subtle: rgba(var(--bs-dark-rgb),.1)!important;
  --bs-dark-border-subtle: rgba(var(--bs-dark-rgb),.3)!important;



  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;

  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg,rgba(255, 255, 255, 0.15),rgba(255, 255, 255, 0));

  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: var(--bs-dark);
  --bs-body-bg: var(--bs-white);

  --bs-bg-opacity: 1;
  --bs-text-opacity: 1;
  --bs-link-opacity: 1;

  /* heading*/
  --bs-heading-font-family:var(--bs-body-font-family);

  /*Link*/
  --bs-link-color:var(--bs-primary);
  --bs-link-color-rgb:var(--bs-primary-rgb);
  --bs-link-hover-color: var(--bs-dark);
  --bs-link-hover-color-rgb:var(--bs-dark-rgb);
  --bs-link-opacity: 1;
  --bs-link-decoration:none;
  
  /*Fonts*/
  --inter: "Inter", sans-serif;
  --inter-size:6rem!important;
  --inter-weight:700!important;

  --comforter: "Comforter", cursive;
  --norican: "Norican", cursive;
  --shadows-light: "Shadows Into Light Two", cursive;
  --sofia: "Sofia", cursive;
  --festive: "Festive", cursive;
  --kaushan-script: "Kaushan Script", cursive;
  --marck-script: "Marck Script", cursive;
  --neonderthaw: "Neonderthaw", cursive;
  --pacifico: "Pacifico", cursive;
  --roboto-flex: "Roboto Flex", sans-serif;
  --inspiration: "Inspiration", cursive;
  --damion:"Damion", cursive;
  --water-brush:"Water Brush", cursive;
  --font: "Inter", sans-serif;

  /*--bs-font-title:var(--roboto-flex);*/
  /**/
  --bs-scroll-delay: 10s;

}


/* GOOGLE FONTS - import ===============================*/
.comforter{
  --bs-body-font-family: var(--comforter)!important;
  --bs-heading-font-family: var(--comforter)!important;
}
.norican{
  --bs-body-font-family:var(--norican)!important;
  --bs-heading-font-family:var(--norican)!important;
}
.shadows{
  --bs-body-font-family:var(--shadows-light)!important;
  --bs-heading-font-family:var(--shadows-light)!important;
}
.sofia{
  --bs-body-font-family:var(--sofia)!important;
  --bs-heading-font-family:var(--sofia)!important;
}
.festive{
  --bs-body-font-family:var(--festive)!important;
  --bs-heading-font-family:var(--festive)!important;
}
.kaushan{
  --bs-body-font-family:var(--kaushan-script)!important;
  --bs-heading-font-family:var(--kaushan-script)!important;
}
.marck{
  --bs-body-font-family:var(--marck-script)!important;
  --bs-heading-font-family:var(--marck-script)!important;
}
.pacifico{
  --bs-body-font-family:var(--pacifico)!important;
  --bs-heading-font-family:var(--pacifico)!important;
}
.roboto{
  --bs-body-font-family:var(--roboto-flex)!important;
  --bs-heading-font-family:var(--roboto-flex)!important;
}
.damion{
  --bs-body-font-family:var(--damion)!important;
  --bs-heading-font-family:var(--damion)!important;
}
.water-brush{
  --bs-body-font-family:var(--water-brush)!important;
  --bs-heading-font-family:var(--water-brush)!important;
}
/* FONTS par default ===============================*/
/*carousel home title*/
.carousel h1.title-font{
 filter: drop-shadow(0px 2px 8px rgba(var(--bs-dark-rgb), 0.6));
 /*font-size:6.5rem;
  font-weight:700;*/
}
h1.title-font{
  --bs-heading-font-family:var(--roboto-flex);
  /*font-weight:400;
  font-size:5.5rem;*/
}

h2.title-font{

  --bs-heading-font-family:var(--roboto-flex);
  /*font-weight:400;
  font-size:4.5rem;*/
}

@media (max-width: 991px){
  .comforter,
  .norican,
  .shadows,
  .sofia,
  .festive,
  .kaushan,
  .marck,
  .pacifico,
  .roboto,
  .damion,
  .carousel h1.title-font,
  h1.title-font,
  h2.title-font{
    --bs-body-font-family:var(--roboto-flex);
    --bs-heading-font-family:var(--roboto-flex);
  }
  
}