* {
    margin: 0px;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
}

.home__section {
    background-image: url("../assets/BG-GTG.jpg");
    background-position: center center;
    background-size: cover;
    min-height: 100vh;
    position: relative;
}
.home__section__2nd {
    background-image: url("../assets/BG-GTG.jpg");
    background-position: center center;
    background-size: cover;
    min-height: 400px;
    position: relative;
}

.navbar {
    padding: 0px !important;
}

.navbar-custom {
    position: absolute;
    width: 100%;
}

.padding__left {
    padding-left: 190px !important
}

.custom__logo {
    max-width: 75px;
    position: relative;
    z-index: 1;

}


.navbar-light .navbar-nav .nav-link {
    color: white !important;
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.navbar-nav .nav-item {
    padding-right: 1.7rem;

}

.nav-item:hover {
    border-bottom: 1px solid white;
    margin-top: 0px
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: white !important;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.dropdown-menu{
    background-color: transparent !important;
    color: white !important;
}
.dropdown-item{
    color: white !important
}
.dropdown-item:hover {
    color: #DAB107 !important;
    text-decoration: none;
    background-color: transparent !important;
}
.line__red {
    position: absolute;
    top: 70px;
    border-bottom: 2px solid red;
    width: 40%;
    left: 55px;

}

.line__yellow {
    position: absolute;
    top: 73px;
    border-bottom: 2px solid #F3C506;
    width: 53.44%;
    right: 93px;

}

.line__green {
    position: absolute;
    top: 77px;
    border-bottom: 2px solid green;
    width: 32.44%;

    right: 93px;

}

.main {
    position: absolute;
    bottom: 20px;
    width: 100%
}

.main__heading h3 {
    color: #FFFFFFC7;
    font-family: "Roboto", Sans-serif;
    font-weight: 600;
}

.btn-yellow {
    background-color: #DAB107 !important;

}

.btn__green {
    background-color: #578032 !important;
}

.btn__light {
    background-color: #FFFFFF !important;
    color: #578032 !important;
}

@media screen and (max-width : 992px) {
    .line__red {
        position: absolute;
        top: 70px;
        border-bottom: 2px solid red;
        width: 52%;
        left: 0px;

    }

    .line__yellow {
        position: absolute;
        top: 73px;
        border-bottom: 2px solid #F3C506;
        width: 53.44%;
        right: 0px;

    }

    .line__green {
        position: absolute;
        top: 77px;
        border-bottom: 2px solid green;
        width: 32.44%;

        right: 0px;

    }
}

@media screen and (max-width: 992px) {
    .padding__left {
        padding-left: 77px !important;
    }

    .nav-link {
        display: block;
        padding: 0px !important;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}


/*2nd page   @nd section*/

.section__2nd {
    position: relative;
    top: -60px;
    background-color: white;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

/* modal */
.modal-dialog {
    max-width: 603px !important;
    margin: 1.75rem auto;}
.modal__text {
    font-size: 12px
}

.modal__parent {
    background-color: #F3C506;
}

.modal__inner {
    background-color: #F8DE71;
}

.modal__button {
    background-color: #D73C3C !important;

}

.modal__button__submit {
    background-color: #FFFFFF !important;
    border-radius: 20px !important;
}

/*modal 2*/

.modal__parent2 {
    background-color: #65953A
}

/*modal 3*/

.modal__parent3 {
    background-color: #FFFFFF
}

.modal__button__submit3 {
    background-color: #5D5D5D !important;
    border-radius: 20px !important;
}

/* --------------------------------------------------------------

   form.css
   Base pour formulaires
   Cf.: https://contrib.spip.net/3820

-------------------------------------------------------------- */

input,textarea,select,button { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; }

legend { font-weight: bold; }

/* Curseur main sur les elements input cliquables */
input[type="submit"],input.submit,
input[type="button"],input.button,
input[type="image"],input.image,
button { cursor: pointer; }

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie fieldset { padding-top: 0; }
.ie6 legend,
.ie7 legend { margin-left: -7px; } /* Preciser la couleur des legend et du fond pour IE/Win */
.ie button,
.ie input.submit,
.ie input.button { position: relative; }

button { width: auto; overflow: visible; } /* joli rendu sous IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */

/* Elements de notifications des boites succes, info, notice, alerte */
.reponse,
.error,
.alert, 
.notice,
.success, 
.info     { padding: .8em; margin-bottom: 1.5em; border: 2px solid #ddd; }

.error,
.alert      { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice     { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success    { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info     { background: #d5edf8; color: #205791; border-color: #92cae4; }

.error a,
.alert a      { color: #8a1f11; }
.notice a   { color: #514721; }
.success a    { color: #264409; }
.info a     { color: #205791; }

/* Print */
@media print {
  form { display: none; }
}














/* footer code  */
.footer-bg{
    background-color:#025185;
    padding: 2em 0;
    min-width: 100%;
}
.custom-ul li {
    list-style-type: none;
    display: inline;
    margin-left: 1em;
    transition: linear 1s ease-in;
    text-decoration: none;
}
.custom-ul li a:hover{
   text-decoration: none;
   border-bottom: 1px solid darkgoldenrod;

}