:root {
    --elixir-blue: #2A3855;
    --elixir-indigo: #727cf5;
    --elixir-purple: #6b5eae;
    --elixir-pink: #ff679b;
    --elixir-red: #b33641;
    --elixir-orange: #fd7e14;
    --elixir-yellow: #FDD428;
    --elixir-green: #36b36a;
    --elixir-teal: #02a8b5;
    --elixir-cyan: #3680b3;
    --elixir-white: #fff;
    --elixir-gray: #7F7F7F;
    --elixir-gray-dark: #555555;
    --elixir-gray-black: #000;
    --elixir-gray-100: #fafafa;
    --elixir-gray-200: #f2f2f2;
    --elixir-gray-300: #e1e1e1;
    --elixir-gray-400: #bebebe;
    --elixir-gray-500: #949494;
    --elixir-gray-600: #7F7F7F;
    --elixir-gray-700: #6a6a6a;
    --elixir-gray-800: #555555;
    --elixir-gray-900: #404040;
    --elixir-gray-1000: #2b2b2b;
    --elixir-gray-1100: #1f1f1f;
    --elixir-gray-white: #fff;
    --elixir-primary: #2A3855;
    --elixir-secondary: #7F7F7F;
    --elixir-success: #36b36a;
    --elixir-info: #3680b3;
    --elixir-warning: #FDD428;
    --elixir-danger: #b33641;
    --elixir-light: #fafafa;
    --elixir-dark: #1f1f1f;
    --elixir-primary-rgb: 42, 56, 85;
    --elixir-secondary-rgb: 127, 127, 127;
    --elixir-success-rgb: 54, 179, 106;
    --elixir-info-rgb: 54, 128, 179;
    --elixir-warning-rgb: 253, 212, 40;
    --elixir-danger-rgb: 179, 54, 65;
    --elixir-light-rgb: 250, 250, 250;
    --elixir-dark-rgb: 31, 31, 31;
    --elixir-white-rgb: 255, 255, 255;
    --elixir-black-rgb: 0, 0, 0;
    --elixir-body-color-rgb: 106, 106, 106;
    --elixir-body-bg-rgb: 255, 255, 255;
    --elixir-font-sans-serif: "Montserrat", "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --elixir-font-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --elixir-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --elixir-body-font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --elixir-body-font-size: 1rem;
    --elixir-body-font-weight: 400;
    --elixir-body-line-height: 1.45;
    --elixir-body-color: #6a6a6a;
    --elixir-body-bg: #fff
}

.btn-outline-orange {
    color: #cc6633;
    border-color: #cc6633
}

.btn-outline-orange:hover {
    color: #fff;
    background: linear-gradient(to bottom right, #be672f 40%, #dfd269 100%);
    border-color: #cc6633
}

.btn-check:focus+.btn-outline-orange,
.btn-outline-warning:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(253, 212, 40, .5);
    box-shadow: 0 0 0 .25rem rgba(253, 212, 40, .5)
}

.btn-check:checked+.btn-outline-orange,
.btn-check:active+.btn-outline-orange,
.btn-outline-orange:active,
.btn-outline-orange.active,
.btn-outline-orange.dropdown-toggle.show {
    color: #000;
    background-color: #fd7e14;
    border-color: #fd7e14
}

.btn-check:checked+.btn-outline-orange:focus,
.btn-check:active+.btn-outline-orange:focus,
.btn-outline-orange:active:focus,
.btn-outline-orange.active:focus,
.btn-outline-orange.dropdown-toggle.show:focus {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(253, 212, 40, .5);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(253, 212, 40, .5)
}

.btn-outline-orange:disabled,
.btn-outline-orange.disabled {
    color: #cc6633;
    background-color: transparent
}

.btn-orange {
    color: #000;
    background-color: #cc6633;
    border-color: #cc6633;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.btn-orange:hover {
    color: #fff;
    background: linear-gradient(to bottom right, #be672f 40%, #dfd269 100%);
    border-color: #cc6633
}

.btn-check:focus+.btn-warniorangeng,
.btn-orange:focus {
    color: #000;
    background-color: #cc6633;
    border-color: #cc6633;
    -webkit-box-shadow: 0 0 0 transparent, 0 0 0 .25rem rgba(215, 180, 34, .5);
    box-shadow: 0 0 0 transparent, 0 0 0 .25rem rgba(215, 180, 34, .5)
}

.btn-check:checked+.btn-orange,
.btn-check:active+.btn-orange,
.btn-orange:active,
.btn-orange.active,
.show>.btn-orange.dropdown-toggle {
    color: #000;
    background-color: #cc6633;
    border-color: #cc6633
}

.btn-check:checked+.btn-orange:focus,
.btn-check:active+.btn-orange:focus,
.btn-orange:active:focus,
.btn-orange.active:focus,
.show>.btn-orange.dropdown-toggle:focus {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(215, 180, 34, .5);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(215, 180, 34, .5)
}

.btn-orange:disabled,
.btn-orange.disabled {
    color: #000;
    background-color: #cc6633;
    border-color: #cc6633
}

.btn-outline-orange {
    color: #cc6633;
    border-color: #cc6633
}

.btn-outline-orange:hover {
    color: #fff;
    background: linear-gradient(to bottom right, #be672f 40%, #dfd269 100%);
    border-color: #cc6633
}

.btn-check:focus+.btn-outline-orange,
.btn-outline-warning:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(253, 212, 40, .5);
    box-shadow: 0 0 0 .25rem rgba(253, 212, 40, .5)
}

.btn-check:checked+.btn-outline-orange,
.btn-check:active+.btn-outline-orange,
.btn-outline-orange:active,
.btn-outline-orange.active,
.btn-outline-orange.dropdown-toggle.show {
    color: #000;
    background-color: #fd7e14;
    border-color: #fd7e14
}

.btn-check:checked+.btn-outline-orange:focus,
.btn-check:active+.btn-outline-orange:focus,
.btn-outline-orange:active:focus,
.btn-outline-orange.active:focus,
.btn-outline-orange.dropdown-toggle.show:focus {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(253, 212, 40, .5);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(253, 212, 40, .5)
}

.btn-outline-orange:disabled,
.btn-outline-orange.disabled {
    color: #cc6633;
    background-color: transparent
}

.btn-orange {
    color: #000;
    background-color: #cc6633;
    border-color: #cc6633;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.btn-orange:hover {
    color: #fff;
    background: linear-gradient(to bottom right, #be672f 40%, #dfd269 100%);
    border-color: #cc6633
}

.btn-check:focus+.btn-warniorangeng,
.btn-orange:focus {
    color: #000;
    background-color: #cc6633;
    border-color: #cc6633;
    -webkit-box-shadow: 0 0 0 transparent, 0 0 0 .25rem rgba(215, 180, 34, .5);
    box-shadow: 0 0 0 transparent, 0 0 0 .25rem rgba(215, 180, 34, .5)
}

.btn-check:checked+.btn-orange,
.btn-check:active+.btn-orange,
.btn-orange:active,
.btn-orange.active,
.show>.btn-orange.dropdown-toggle {
    color: #000;
    background-color: #cc6633;
    border-color: #cc6633
}

.btn-check:checked+.btn-orange:focus,
.btn-check:active+.btn-orange:focus,
.btn-orange:active:focus,
.btn-orange.active:focus,
.show>.btn-orange.dropdown-toggle:focus {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(215, 180, 34, .5);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(215, 180, 34, .5)
}

.btn-orange:disabled,
.btn-orange.disabled {
    color: #000;
    background-color: #cc6633;
    border-color: #cc6633
}


/* Btn_bleu*/


/* Btn_bleu*/


/* Btn_bleu*/


/* Btn_bleu*/


/* Btn_bleu*/


/* Btn_bleu*/

.btn-outline-bleu {
    color: #84bad2;
    border-color: #84bad2
}

.btn-outline-bleu:hover {
    color: #fff;
    background: linear-gradient(to bottom right, #096ba7 40%, #84bad2 100%);
    border-color: #84bad2
}

.btn-check:focus+.btn-outline-bleu,
.btn-outline-warning:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(132, 186, 210, .5);
    box-shadow: 0 0 0 .25rem rgba(132, 186, 210, .5)
}

.btn-check:checked+.btn-outline-bleu,
.btn-check:active+.btn-outline-bleu,
.btn-outline-bleu:active,
.btn-outline-bleu.active,
.btn-outline-bleu.dropdown-toggle.show {
    color: #000;
    background-color: #a3d1e5;
    border-color: #a3d1e5
}

.btn-check:checked+.btn-outline-bleu:focus,
.btn-check:active+.btn-outline-bleu:focus,
.btn-outline-bleu:active:focus,
.btn-outline-bleu.active:focus,
.btn-outline-bleu.dropdown-toggle.show:focus {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(132, 186, 210, .5);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(132, 186, 210, .5)
}

.btn-outline-bleu:disabled,
.btn-outline-bleu.disabled {
    color: #84bad2;
    background-color: transparent
}

.btn-bleu {
    color: #000;
    background-color: #84bad2;
    border-color: #84bad2;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.btn-bleu:hover {
    color: #fff;
    background: linear-gradient(to bottom right, #096ba7 40%, #84bad2 100%);
    border-color: #84bad2
}

.btn-check:focus+.btn-warningbleu,
.btn-bleu:focus {
    color: #000;
    background-color: #84bad2;
    border-color: #84bad2;
    -webkit-box-shadow: 0 0 0 transparent, 0 0 0 .25rem rgba(132, 186, 210, .5);
    box-shadow: 0 0 0 transparent, 0 0 0 .25rem rgba(132, 186, 210, .5)
}

.btn-check:checked+.btn-bleu,
.btn-check:active+.btn-bleu,
.btn-bleu:active,
.btn-bleu.active,
.show>.btn-bleu.dropdown-toggle {
    color: #000;
    background-color: #84bad2;
    border-color: #84bad2
}

.btn-check:checked+.btn-bleu:focus,
.btn-check:active+.btn-bleu:focus,
.btn-bleu:active:focus,
.btn-bleu.active:focus,
.show>.btn-bleu.dropdown-toggle:focus {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(132, 186, 210, .5);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(132, 186, 210, .5)
}

.btn-bleu:disabled,
.btn-bleu.disabled {
    color: #000;
    background-color: #84bad2;
    border-color: #84bad2
}

.text_link:hover {
    /*color: #84bad2 !important*/
    color: #84bad2 !important
}

.hero {
    display: flex;
    flex-direction: column;
    height: 100vh;
    align-self: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    align-items: center;
    justify-content: center;
}