/* 
    Created on : 13 juil. 2015, 17:06:56
    Author     : 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; padding-top: 0.1em;
    clear: both;
}

.lnav{
    display: inline-block;
    height: 2em; 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;
}

a{ color: rgba(255,255,255,0.82); text-shadow: 2px 2px 3px rgba(255,255,255,0.1); }

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

.lnav:hover, .lnav:visited {
    color: #000000;
}

.lnav:hover a { color:#000000; }

/* NAV BARRE HAUTE */

.navHaut{
    z-index: 999;
    position: fixed; height: 28px; width:100%;
	top: 0; left : 0; margin-top: 0;
	background: rgba(255,255,255,0.82); 
}

.navHaut .navs{
	height: 100%; width:100%;
}

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

.navHaut #nav_Menu, .navHaut #nav_Contact, .navHaut #nav_PointInfo{
    float: right;
}

.navHaut .imgSB{ width: 20px; height: 20px; }

#imgNavMenu, #imgNavPointInfo, #imgNavInfo{ height: 25px; width: 25px; }
#imgNavContact{ height: 23px; width: 23px; }

@media (max-width: 900px) {
    .navHaut{ height: 45px; }
    .navHaut .imgSB, #imgNavMenu, #imgNavPointInfo, #imgNavInfo, #imgNavContact { height: 40px; width: 40px; }
    #nav_Menu { margin-right: 15px; }
}

/* LANGUES */
#divLang{ position: absolute; right: 7px; top: 35px; }

/* NAV SOUS LISTE  */

.navListe {
    display: block;
    visibility: hidden;
    padding-left: 1px;
    margin-top: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
    font-size: 80%;
}

.lnav:hover > ul{
    visibility: visible;
}

.lnav:hover {
    position: relative;
    z-index: 400;
	cursor: pointer;
}

.navListe li { 
    display: list-item;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.N1_ListeLigne {
    height : 25px;
}

.N1_ListeLigne:hover > ul {
    visibility: visible;
}

.N1_ListeLigne:hover {
	cursor: pointer;
    border: solid 1px #666666;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.N2_navListe {
    visibility: hidden;
    z-index: 500;
    display: block;
    
    left:200px;
	top:-20px;
	position:relative;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.N2_ListeLigne {
    
}

/* MENU 3 BARRES */

#menu3Barre{
    position: fixed; top: 0; height: 100%; width: 100%; z-index: 99999;
    color: #ffffff; background-color: #1F1F1F;
    -moz-box-shadow:0px 0px 170px #222; -webkit-box-shadow:0px 0px 170px #222; box-shadow:0px 0px 170px #222;
	border: 8px solid rgba(56, 54, 54, 0.11);
    visibility: hidden; display: none; overflow-y: auto;
}
#menu3Barre .navs{ height: auto; width: 95%; text-align: center; margin: auto; margin-top: 5vh; margin-bottom: 5vh; }
#menu3Barre .lnav{ width: 100%; height: auto; margin-bottom: 10px; }
#menu3Barre img { height: 40px; width: 40px; }
#menu3Barre .lnav a { display: block; height: 100%; }
#menu3Barre span { display: block; height: 100%; padding-left: 3vw; padding-right: 3vw; }
#menu3Barre .lnav:hover a { color:#6DCECE; }
#menu3Barre .is-selected a{ color: #00FFAA; text-shadow:0 0 5px rgb(95, 218, 198); }
/* MODULE CIRCULAR - paramètre par défaut modifiable */

#menu-circular, .spiralCircular { position: absolute; top: 115%; left: 50%; width: 4.5em; height: 4.5em; z-index: 99; }
.csstransforms .navCIRCULAR, .conteneurAileronsSpiral { top: 100%; left: 50%; width: 27em; height: 27em; }