@font-face {
    font-family: 'myanmar';
    src: url('../fonts/MyanmarText.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myanmarBold';
    src: url('../fonts/MyanmarText-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* CUSTOMIZE BOOTSTRAP NAVBAR */

.navbar-dark {
    background-color: #000;
    color: #fff;
}

.navbar-dark .navbar-brand {
    color: #c7ae67; /* Couleur dorée pour le brand */
}

.navbar-dark .navbar-nav .nav-link {
    color: #c7ae67; /* Couleur dorée pour les liens du menu */
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: #c7ae67; /* Couleur dorée au survol et au focus */
}

.dropdown-menu {
    background-color: #000;
}

.dropdown-menu .dropdown-item {
    color: #fff;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    background-color: #000;
    color: #c7ae67; /* Couleur dorée au survol et au focus */
}

.panel .panel-heading {
    background: #ff6600;
}

.row {
    color: #fff;
    /*border-bottom: 1px solid #bbb;*/
}

fieldset, legend {
    margin: 50px auto;
}

footer {
    margin-top: 20px;
    padding-top: 20px;
    min-height: 40px;
    width: 100%;
    color: #ddd;
    text-align: center;
    font-family: 'myanmar';
}

footer a, footer a:hover {
    color: #aaa;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'myanmar';
}

header {
    padding: 3%;
    background-color: #fff;
}

hr {
    border: 1px solid #bbb;
}

/* CORRCTIONS DE BOOSTRAP */

@media (max-width: 767.98px) {
    .custom-navbar-margin {
        margin-bottom: 100px !important; /* Marge plus grande pour les petits écrans */
    }
}

.Logos {
    margin-top: 100px; /* Ajustez l'espacement selon vos besoins */
}

.Logos img {
    max-width: 100%;
    height: auto;
}

.custom-margin-top {
    margin-top: 100px !important; /* Force l'application de la marge */
    margin-bottom: 100px !important; /* Force l'application de la marge */
}

.custom-row-margin {
    margin-bottom: 100px; /* Ajoute un espace de 100px en dessous des colonnes */
}

.custom-column-margin {
    margin-bottom: 20px; /* Marge par défaut */
}

@media (max-width: 767.98px) {
    .custom-margin-top {
        margin-top: 150px !important; /* Force l'application de la marge sur les petits écrans */
		margin-bottom: 100px !important; /* Force l'application de la marge */
    }
    .custom-column-margin {
        margin-bottom: 75px; /* Marge plus grande pour les petits écrans */
    }
}

.custom-section-margin {
    margin-top: 100px; /* Espace de 100px au-dessus de la section */
    margin-bottom: 100px; /* Espace de 100px en dessous de la section */
}

.border-gold {
    border-left: 1px solid #fecc00;
    border-right: 1px solid #fecc00;
}


/* CSS RULES */

#bgAccueil01 {
    background: url('../medias/vue-terrasse-basik-frites-nieppes.jpg');
    height: 600px;
    position: relative;
    opacity: 1.0;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 767.98px) {
    #bgAccueil01 {
        background-attachment: scroll; /* Désactive la parallaxe sur les petits écrans */
        min-height: 300px; /* Ajuste la hauteur minimale pour les petits écrans */
        background-size: cover; /* Assure que l'image couvre tout l'écran */
    }
}

#bgAccueil03 {
    background: url('../medias/vue-interieure-basik-frites-nieppes.jpg');
    height: 600px;
    position: relative;
    opacity: 1.0;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 767.98px) {
    #bgAccueil03 {
        background-attachment: scroll; /* Désactive la parallaxe sur les petits écrans */
        min-height: 300px; /* Ajustez la hauteur minimale pour les petits écrans */
        background-size: contain; /* Assure que l'image couvre tout l'écran */
    }
}

#FadeCompetences01 {
    min-height: 450px;
}

#bgCarte01 {
    background: url('../medias/vue-exterieure-basik-frites-nieppes.jpg');
    min-height: 600px;
    position: relative;
    opacity: 1.0;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 767.98px) {
    #bgCarte01 {
        background-attachment: scroll; /* Désactive la parallaxe sur les petits écrans */
        min-height: 300px; /* Ajustez la hauteur minimale pour les petits écrans */
        background-size: contain; /* Assure que l'image couvre tout l'écran */
    }
}

/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-device-width: 1024px) {
    #bgAccueil01, #bgAccueil03, #bgCarte01 {
        background-attachment: scroll;
    }
}

.ColorGold {
    color: #c7ae67 !important; /* Assurez-vous que la couleur dorée est appliquée */
}

.ColorGrey {
    color: #9ea1a2 !important; /* Assurez-vous que la couleur grise est appliquée */
}

.bgYellow {
    background-color: #fecc00 !important;
}

.BorderYellow {
    margin: 1%;
    border: 1px solid #fecc00;
}

.ColorWhite {
    color: #fff !important;
}

.bgBlack {
    background-color: #222;
}

.Damion {
    font-family: 'Rancho', cursive;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 20px;
    z-index: 99;
    opacity: 0.8;
    border: none;
    outline: none;
    background-color: #FFF;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
}

#myBtn:hover {
    background-color: #bbb;
}

#publi {
    margin: 60px auto;
    width: 100%;
    border: 1px solid #888;
    background-color: white;
    text-align: center;
    color: #000;
    cursor: pointer;
    padding: 15px;
    border-radius: 3px;
}

#textpubli {
    padding: 15px;
    display: none;
    color: #fff;
    text-align: center;
    height: 700px;
}

#animations {
    height: 500px;
}

#PDF {
    width: 100%;
    height: 600px;
    padding: 20px;
    zoom: 1;
}