/* 
    Created on : 6 mai 2025, 23:26:34
    Author     : florent houx
*/

.nav{
    display: block;
    height: 2em;
    margin-top:5px;
}

.lnav a::before{
    position: absolute;
    bottom: 5px;
    margin-left: 1px;
    width: 9px;
    height: 4px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #020202;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}

.navs{
    position:relative; height: 2em; padding: 0; clear: both;
}

.lnav{
    display: inline-block;
    height: 35px; width: 200px; z-index: 400;
    background: transparent; 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888080', endColorstr='#451717', GradientType=0);
    text-align: center; vertical-align: middle; font-weight: bold;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    border-collapse: separate;
    
    margin: auto;
}


.is-selected a::before{ margin-right: 10px; background: #FFFFFF; }
.is-selected a{ color:#E91D25; }

.lnav:hover, .lnav:visited {
    color: var(--primary-color);
}

.lnav:hover a { color:var(--primary-color); }

/* NAV BARRE HAUTE */

.navHaut{
    z-index: 999; position: fixed; height: 75px; width:100%; top: 0; left : 0; margin-top: 0; 
}

.navHaut .navs{
	height: 100%; width:100%; display: flex; align-items: center;
}

.navHaut .lnav{
	text-align: left; margin-left: 10px;    
}

.navHaut #nav_Menu, .navHaut #nav_Contact, .navHaut #nav_PointInfo, .navHaut #nav_Blog{
    margin: 0; max-width: 150px; margin-right: 10px;
}

.navHaut ul > li:first-child .imgSB{  width: auto;   max-width: none;   height: 75px; }
.navHaut .imgSB{ width: auto;   max-width: none;  height: 30px; object-fit: cover; }

.navHaut .lnav span {  margin-right: 0.5em; }

.navHaut .lnav a { height: 100%; display: flex; align-items: center; }

@media (max-width: 900px) {
    .navHaut{ height: 75px; }
    .navHaut .imgSB, #imgNavMenu, #imgNavPointInfo, #imgNavInfo, #imgNavContact { width: auto;   max-width: none;   height: 75px; }
    #nav_Menu { margin-right: 15px; }
    .navHaut .lnav span { display: inline-block; padding-top: 0.5em; }
}


#formMentions { margin-top: 5vh; margin-bottom: 15vh;  }
#mentionsLegales { 
    width: 80vw; max-width: 90%;
    margin: auto; padding: 10vh 5vw;
}
#formMentions h3 { margin-top: 4vh; margin-bottom: 4vh; }
#formMentions span { width: 100%; display: inline-block; }
#formMentions a { color: var(--primary-color); text-decoration: underline; }