@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=a3b5b65f-f52b-46d7-b29b-0ca732b73fe3&fontids=5683136");
    

@font-face{
        font-family:"Elephant";
        src:url("../fonts/5683136/5f48bbb0-6fc6-4b85-94d1-5328789d8b4d.eot?#iefix");
        src:url("../fonts/5683136/5f48bbb0-6fc6-4b85-94d1-5328789d8b4d.eot?#iefix") format("eot"),url("../fonts/5683136/cee38a8a-8152-4309-b7fc-68fa45ed35ac.woff2") format("woff2"),url("../fonts/5683136/f633315a-7017-4137-b1b9-7e1efda00cb1.woff") format("woff"),url("../fonts/5683136/159ccec6-ac97-4725-9fa2-3758b474f106.ttf") format("truetype");
    }

/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fonts.com
*/


@font-face{
        font-family:"Raleway";
        src:url("../fonts/Raleway-Regular.ttf");
        src:url("../fonts/Raleway-Regular.ttf") 
            format("truetype");
    }


body {
    font-family: 'Raleway', sans-serif;
}

footer {
    text-align: center;
    font-size: 12px;
}

h1 {
    margin-top: 25px;
    margin-bottom: 0px;

}

#top {
    z-index: 100;
    width: 100%;
    height: 65px;
position: absolute;
}

.navbar-toggler {
    width: 100%
}

#hamburgerMenu {
    display: inline-block;
    width: 22px;
    height: auto;
    margin: 7px 30px 0 0;
    float: right;
}

.transform {

    transition: all .75s ease-in-out;

}


#hamburgerMenu:active {
    animation-name: hamburgerMenu;
    animation-duration: .75s;
    z-index: 100;
}


.navigation {
    font-family: Elephant, serif;
    color: white;
    font-size: 150%;
    float: right;
    padding-right: 10px;


    /* transform: scaleY(0) */
}


.navbar-collapse {
    
    padding-left: 10px;
    
    background: white;
}

/* Style the buttons that are used to open and close the accordion panel */

.accordion {
    background-color: transparent;
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.active,
.accordion:hover {
    background-color: transparent;
}

/* Style the accordion panel. Note: hidden by default */

.panel {
    padding: 0 18px;
    background-color: transparent;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panelPeek {
    max-height: 100px;
}

.accordion:after {
    content: '\25BC';
    /* Unicode character for "plus" sign (+) U+25BC */
    font-size: 13px;
    color: #b5b5b5;
    margin-left: 5px;
}

.active:after {
    content: "\25B2";
    /* Unicode character for "minus" sign (-) */
}

nav a {
color: white;
    border-color: white;
    margin: 0 20px 0 5px;

}

nav a:hover, .activeLink {
    border-bottom: 3px solid;
text-decoration: none

}

.dropdown-item:hover {
    
    color: #b5b5b5;
    border: #b5b5b5;
}

nav a:hover, .activeLink {

    color: #b5b5b5;
    border-color: #b5b5b5;

}

.otherNav {

    position: relative;
    top: -28px;
    float: right;

}

.addShadow {
    filter: drop-shadow(5px 5px 10px #000000)
}

.otherNav ul {

    margin: 0;

}

/* .dropdown {
 
    width: 260px;
    
} */

a {
    text-decoration: none
}

nav li {

    list-style: none;
    padding: 10px 0;


}

.navbar-collapse {
    flex-basis: auto;
    flex-grow: 0;
    
}

ul {
    list-style: none;
    padding: 0;

}

nav ul {
    margin-top: 46px;
    margin-bottom: 0;
    
}

#navigation ul {

    margin: 0 auto;

}



.logo {
    width: 100px;
    margin-left: 30px;
    top:20px;
position: absolute;
}

h1,
h2,
h3 {

    font-family: Elephant, serif;

}

/* @keyframes hamburgerMenu{
    
    0%{
       transform: scaleY(0);
    }
    
    100% {
        transform: scaleY(1);
    }
    
} */

.notMobile {

    visibility: hidden;
}


#nom {
    visibility: hidden;
}

    nav li {

        display: inline;

    }

@media only screen and (min-width: 600px) {

    #nom {
        visibility: visible;
    }
    #prenom {
        visibility: hidden;
    }
}


@media only screen and (min-width: 900px) {


    .panel {
        padding: 0 18px;
        background-color: transparent;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;

    }

    .panelPeek {
        max-height: 100px;
    }

    .mobileOnly {

        visibility: hidden;
    }
    .notMobile {

        visibility: visible;
    }

        a.desktopWhite, i.desktopWhite {
        color: white !important;
        border-color: white !important;
    }
    
    .desktopWhite:hover {
        
        color: #b5b5b5 !important;
        border-color: #b5b5b5 !important;
        
    }
    
    .navbar-collapse {
    
    
    background: transparent;
}
    
    .navbar-brand.abs
    {
        position: absolute;
        width: 100%;
        left: 0;
        text-align: center;
    }
}
    


@media only screen and (min-width: 922px) {

    .navbar-expand-lg .navbar-nav .nav-link {
        
        padding-right: .0;
    padding-left: .0;
        margin-right: .5rem;
    margin-left: .5rem;
        
    }
    
}

@media only screen and (min-width: 1200px) {}

.navPaddingOverride {
    padding: 0;
}

.blockedNav {
    color: #b5b5b5 !important;
    border-color: #b5b5b5 !important;
}

.container-fluid {
    padding: 0;
}