/* ########################## */
/* Mise en forme navbar       */
.navbar-collapse { /* position navbar - que la barre de navigation */
	margin-top:35px;
}

.navbar-default { /* Barre header */
  background-color: #fff;
  border-color:transparent;
  max-height:96px; /* IMPORTANT min-height (et non height) permet le MENU VERTICAL */
}
.navbar-default .navbar-brand { /* LOGO + adresse */
	height:auto;
  color: #97746a;
  font-size:11px;
  text-align:center;
  line-height:1.0;
}
.theme-menu { /* Bloc sous menu MOBILE */
	display:none;
}
.navbar-default .navbar-brand img {
	width: 100%;
	padding-right:20px;
}
.navbar-default .navbar-brand img.logo-saisies {
	display:inline-block;
	border-right:none;
	padding-right:0;
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
	margin-right: 15px;
	margin-left: 15px;
}
@media (max-width: 767px) { /* MENU RUBRIQUES */
	.navbar-default {
		max-height:74px;
	}
	.navbar-default .navbar-brand {
		padding: 15px 0;
	}
	.navbar-default .navbar-brand img {
		border-right:none;
		padding-right:0;
		width:80%;
		height:80%
	}
	.navbar-default .navbar-brand img.logo-saisies {
		display:none;
	}
	.theme-menu { /* Bloc sous menu MOBILE */
		display:block;
		text-align:center;
		float:right;
	}
}

.navbar-default .navbar-nav > li {
	padding:15px 10px 0 10px;
}
.navbar-default .navbar-nav > li > a {
  color: inherit;
	font-family:'Roboto', Helvetica, Arial, sans-serif;
	font-weight:400; /* BOLD */
  font-size:18px;
  text-transform:uppercase;
  border-bottom:none;
  padding:0 0 15px 0;
    line-height:1.0;
}
@media (max-width: 1040px) { /* MENU RUBRIQUES */
	.navbar-default .navbar-nav > li > a {
		font-size:10pt!important;
	}
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color:inherit;
  border-bottom-width:3px;
  border-bottom-style:solid;
  border-bottom-color:inherit;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { /* couleur rouge - active */
  color:inherit;
  background-color: transparent;
  border-bottom-width:3px;
  border-bottom-style:solid;
  border-bottom-color:inherit;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color:inherit!important;
  background-color: transparent;
  border-bottom-width:3px;
  border-bottom-style:solid;
  border-bottom-color:inherit;
}
.navbar-default .navbar-toggle { /* Bouton MENU mobile déroulant */
  border-color:transparent;
  margin:0;
  margin-top:20px;
  font-size:14pt;
  font-weight:700;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color:transparent;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color:transparent;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color:none;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color:inherit;
  background-color: transparent;
  border-bottom-width:3px;
  border-bottom-style:solid;
  border-bottom-color:inherit;
}

/* =============================================
	MODIFIER @grid-float-breakpoint sans recompiler variables.less
	OVERIDE 767px rule ---
================================================ */
@media (max-width: 990px) {
	.navbar-default .navbar-nav > li > a {
		font-size:12pt!important;
	}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav > li {
        float: none;
		text-align:right;
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
		background:#fff;
		height:auto;
/* ######		max-height:none; /* IMPORTANT - pas de limite au menu MOBILE, évite le scrollbar latéral */
		margin-top:3px;
		margin-bottom:auto;
		min-width:50%;
		float:right;
    }
    .collapsing {
        overflow: hidden!important;
    }
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav li a {
	  border-bottom:1px #ccc solid!important;
  }
  .caret {
	  display: inline-block;
	  width: 0;
	  height: 0;
	  margin-left: 2px;
	  vertical-align: middle;
	  border-top: 4px solid;
	  border-right: 4px solid transparent;
	  border-left: 4px solid transparent;
	  float:left;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
	  color:inherit;
	  border-bottom:1px #ccc solid!important;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: inherit;
	background:transparent!important;
	border-right:3px solid #ccc;
	text-align:right;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: inherit;
    background-color: transparent;
	border:none;
	border-right:3px solid #ccc;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: inherit;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}

/* ########################## */
/* Mise en forme dropdown     */
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding:0;
  margin: 0;
  font-size: inherit; /* modif */
  text-align: left;
  list-style: none;
  background-color: #fff; /* modif */
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: none; /* modif */
  border-bottom:1px solid #fff; /* modif */
  border-radius: 0; /* modif */
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #fff;
}
.dropdown-menu > li > a {
  display: block;
  padding: 10px 15px; /* modif */
  margin-bottom:2px;
  height:40px; /* modif */
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  background-color:#fff; /* modif IMPORTANT pour forcer la couleur de l'univers dans fonctions */
  color: #fff; /* modif */
  white-space: nowrap;
}
@media (max-width: 767px) {
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
	  color:#000!important; /* modif */
	  text-decoration: none;
	  background-color: #fff!important; /* modif */
	}
	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus {
	  color:#000!important; /* modif */
	  text-decoration: none;
	  background-color: #fff!important; /* modif */
	  outline: 0;
	}
	/* #########################################
	   Couleur des barre sous menus des univers */
	.dropdown-menu > .active > a.bleu-menu,
	.dropdown-menu > li > a.bleu-menu:hover {
		color:#4aa3df!important;
		background-color:#fff!important;
	}
	.dropdown-menu > .active > a.rouge-menu,
	.dropdown-menu > li > a.rouge-menu:hover {
		color:#e74c3c!important;
		background-color:#fff!important;
	}
	.dropdown-menu > .active > a.vert-menu,
	.dropdown-menu > li > a.vert-menu:hover {
		color:#40d47e!important;
		background-color:#fff!important;
	}
	.dropdown-menu > .active > a.orange-menu,
	.dropdown-menu > li > a.orange-menu:hover {
		color:#FF8200!important;
		background-color:#fff!important;
	}
	.dropdown-menu > .active > a.noir-menu,
	.dropdown-menu > li > a.noir-menu:hover {
		color:#3a4953!important;
		background-color:#fff!important;
	}
	.dropdown-menu > .active > a.gris-menu,
	.dropdown-menu > li > a.gris-menu:hover {
		color:#9c9e9f!important;
		background-color:#fff!important;
	}
}
@media (min-width: 768px) {
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
	  color:#000!important; /* modif */
	  text-decoration: none;
	  background-color: #fff!important; /* modif */
	}
	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus {
	  color:#000!important; /* modif */
	  text-decoration: none;
	  background-color: #fff!important; /* modif */
	  outline: 0;
	}
	/* #########################################
	   Couleur des barre sous menus des univers */
	.bleu-menu {
		color:#fff!important;
		background-color:#4aa3df!important;
	}
	.rouge-menu {
		color:#fff!important;
		background-color:#e74c3c!important;
	}
	.vert-menu {
		color:#fff!important;
		background-color:#40d47e!important;
	}
	.orange-menu {
		color:#fff!important;
		background-color:#FF8200!important;
	}
	.noir-menu {
		color:#fff!important;
		background-color:#3a4953!important;
	}
	.gris-menu {
		color:#fff!important;
		background-color:#9c9e9f!important;
	}
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color:inherit;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
/* =============================================
	FIX sous-menu décalé à droite
================================================ */
.dropdown-submenu{
	position:relative;
}
.dropdown-submenu>.dropdown-menu{
	top:0;
	left:100%;
	margin-top:-2px;
	margin-left:2px;
	-webkit-border-radius:none;
	-moz-border-radius:none;
	border-radius:none;
}
.dropdown-submenu>a:after{ /* caret right */
	display:block;
	content:" ";
	float:right;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
	border-width:5px 0 5px 5px;
	border-left-color:#00f;
	margin-top:5px;
	margin-right:-10px;
}
.dropdown-submenu:hover>a:after{
	border-left-color:#fff;
}
.dropdown-submenu.pull-left{
	float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu{
	left:-100%;
	margin-left:10px;
	-webkit-border-radius:none;
	-moz-border-radius:none;
	border-radius:none;
}

/* VERSION MENU HORIZONTAL */
#social_media_wrapper {
  background:none;
  display: inline-block;
  position: absolute;
  top:0;
  right:0;
  overflow: hidden;
  padding: 5px;
}
#social_media_wrapper a {
  text-align: center;
  display: block;
  float: left;
  margin: 0 1px;
  background:#d9dadb;
  border-radius:0;
  font-size: 12pt;
  color:#fff;
  width: 25px;
  height: 25px;
  padding: 5px;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
#social_media_wrapper a i {
  vertical-align: top !important;
}
#social_media_wrapper a:hover {
  text-decoration: none;
  color: #fff!important;
  background: #20c2ff;
}
#social_media_wrapper p {
  text-align: center;
  display: block;
  float: left;
  margin: 0 1px;
  background:transparent;
  border-radius:0;
  font-size: 12pt;
  font-style:normal;
  color:#fff;
  width: 25px;
  height: 25px;
  padding:0;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
#social_media_wrapper p a {
  vertical-align: top !important;
  padding: 5px 2px;
}
#social_media_wrapper p:hover {
  text-decoration: none;
  color: #fff!important;
  background: #20c2ff;
}
#social_media_wrapper p.active {
  color: #20c2ff!important;
  background:transparent;
  padding: 5px 3px;
}
#social_media_wrapper p.home {
  color: #fff!important;
  background:#20c2ff;
  padding: 5px 3px;
}
.iconfb:hover {
	background:#3c5a98!important;
}
.icontw:hover {
	background:#40bce0!important;
}
.icongp:hover {
	background:#be2f1f!important;
}
#social_media_wrapper a.iconhome {
	background:#20c2ff!important;
}
#social_media_wrapper a.iconhome:hover {
	background:transparent!important;
	color:#20c2ff!important;
}
/* VERSION MENU MOBILE */
#social_media_mobile {
  background:none;
  display: none;
  position: relative;
  padding: 0;
  float:right;
  text-align:right;
}
#social_media_mobile a {
  text-align: center;
  display: block;
  float: left;
  margin: 1px 1px;
  background:#d9dadb;
  border-radius:0;
  font-size: 16pt;
  color:#fff;
  width: 60px;
  height: 35px;
  padding: 7px;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
#social_media_mobile a i {
  vertical-align: top !important;
}
#social_media_mobile a:hover {
  text-decoration: none;
  color: #fff!important;
  background: #20c2ff;
}
#social_media_mobile p {
  text-align: center;
  display: block;
  float: left;
  margin: 0;
  background:transparent;
  border-radius:0;
  font-size: 16pt;
  font-style:normal;
  color:#d9dadb;
  width: 60px;
  height: 35px;
  padding:0;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
#social_media_mobile p a {
  vertical-align: top !important;
  padding: 7px 2px;
  color:#d9dadb!important;
  background:transparent!important;
}
#social_media_mobile p a:hover {
  text-decoration: none;
  color: #20c2ff!important;
}
/*#social_media_mobile p.active {
  color: #20c2ff!important;
  background:transparent;
  padding: 5px 3px;
}*/
#social_media_mobile p.home {
  color: #fff!important;
  background:#20c2ff;
  padding: 5px 3px;
}
#social_media_mobile a.iconhome {
	background:#20c2ff!important;
}
#social_media_mobile a.iconhome:hover {
	background:transparent!important;
	color:#20c2ff!important;
}

@media (max-width: 990px) {
	#social_media_wrapper {
		display:none;
	}
	#social_media_mobile {
		display: inline-block;
	}
}