/*
Theme Name: SPPIN menu
Description:
Author: Delphine Rider
Theme URI:
Author URI:
Version: 2.1
License: GPL v3
License URI: -
Text Domain:
-----------------------------------------------------------------------------*/

/* menu contenu dans un contenaire de 900px et centré sur la page */
.SppinMenu {
   width: 100%;
}
.SppinMenu_content {
   margin-left: auto;
   margin-right: auto;
   width: 900px;
   margin-top: 0px;
}
/* Logo site à gauche du menu */
.SppinMenu_content > .logo {
  position: relative;
  left: 0px;
  float: left;
  margin-top:3px;
}
/* Menu */
.SppinMenu_content > #navigator {
  /*top: -65px;
  left: 139px;*/
}
/* liens du menu en gris */
/*.SppinMenu_content > #navigator a, a:visited {
	color: gray;
}*/
.SppinMenu_content > .navbar {
    float: right;
    padding: 0;
    min-height: 0;
    margin-bottom: 0;
    position: inherit;
}
.SppinMenu_content > .navbar a {
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}
.SppinMenu_content > .navbar > li > a {
    padding: 0;
}
.SppinMenu_content > .navbar > .nav > li > a:hover {
    background-color: #777;
}
.SppinMenu_content > #navigator {
	clear:right;
}
.SppinMenu_content > #upnavigator {
    font-size: 80%;

}
.SppinMenu_content > #navigator .navbar-right .dropdown-menu {
	left: 0px; /* sous menu aligné à gauche de son parent */
}
.SppinMenu_content > #navigator .dropdown-menu { /* sous menu */
	min-width: 350px;
  /*font-variant: small-caps;*/
  text-transform: none;
  margin-top: -5px;
}
.SppinMenu {
  /*position: fixed;*/
  z-index: 100;
  /*background-color: #fff;*/
  width: 100%;
  height: 90px;
  left: 0px;
  top: 0px;
  box-shadow: 0px 0px 5px #000;
  text-transform: uppercase;
}
.SppinMenu > .navbar {
  position: fixed;
}
.SppinMenu_content ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: inline-block;
}
.SppinMenu_content .nav > li {
    display: inline-block;
}

/* page */
/*#content {
  margin-top: 50px;*/ /* décalage pour que le menu ne recouvre pas le bandeau */
/*}*/

.SppinMenu_content .dropdown-menu > li > a {
    color: inherit;
}
@media screen and (max-width: 768px) {
    .SppinMenu {
        height:104px !important;
    }
    .SppinMenu_content > .navbar {
        width:100%;
    }
    .SppinMenu_content .navbar-nav {
        margin:0;
    }
    .SppinMenu_content .nav > li  {
        margin: -5px;
    }
}

/*
@media screen and (max-width: 640px) {
    .SppinMenu_content > #navigator{
        left:0;
    }
    .SppinMenu_content{
        width:inherit;
    }
}
*/

.SppinMenu .navbar-nav {
	float: none;
}

#upnavigator li:nth-of-type(3) a {
	color: #F98D8D;
}