/* ==================================================== */
/* = Les menus										  = */
/* ==================================================== */
/* = Version 1.1 - date : 30/04/2015				  = */
/* ==================================================== */
/* le menu principal
----------------------------------------*/
ul#mainmenu, ul#mainmenu ul, ul#lang {
  margin: 0; }

ul#mainmenu {
  padding-top: 130px;
  width: 1120px;
  height: 30px;
  background: url(../images/bg-menu-dark-ie.png) no-repeat center bottom; }

#mainmenu li {
  float: left; }

#mainmenu li.dark {
  height: 30px;
  background: url(../images/bg-menu-dark.png) repeat center top;
  vertical-align: bottom; }

#mainmenu li.white {
  height: 30px;
  background: url(../images/bg-menu-white.png) center top; }

#mainmenu li.white a {
  height: 30px; }

#mainmenu li a {
  display: block;
  margin-top: 2px;
  background: url(../images/sep-menu.png) no-repeat left bottom;
  color: #ddd;
  text-align: center;
  text-decoration: none;
  /* text-shadow: rgba(0,0,0,0.5) -1px -1px 1px; */
  font: 14px/2.1em arial, Verdana, sans-serif; }

#mainmenu > li > a {
  height: 28px; }

#mainmenu li:hover,
#mainmenu li.hover {
  background-position: center bottom;
  color: #1a4279; }

#mainmenu li.home a {
  margin-top: 8px;
  padding-right: 15px;
  padding-left: 15px;
  width: 15px;
  height: 15px;
  background: url(../images/icon-home.png) no-repeat 15px;
  text-indent: -9999px; }

#mainmenu li.dark.home {
  background-position: left top; }

#mainmenu li.dark.home:hover {
  background-position: left bottom; }

#mainmenu li.white.first {
  background-position: left top; }

#mainmenu li.white.first:hover, #mainmenu li.white.first.hover {
  background-position: left bottom; }

#mainmenu li.white.last {
  background-position: right top; }

#mainmenu li.white.last:hover, #mainmenu li.white.last.hover {
  background-position: right bottom; }

#mainmenu li.dark.last {
  background-position: right top; }

#mainmenu li.dark.last:hover {
  background-position: right bottom; }

#mainmenu li.white.first a, #mainmenu li.dark.nosep a {
  background-image: none; }

/* Styles essentiels Superfish
----------------------------------------*/
.sf-menu, .sf-menu * {
  list-style: none; }

.sf-menu {
  line-height: 1.0; }

.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 20em; }

.sf-menu ul li {
  width: 100%; }

.sf-menu li:hover {
  visibility: inherit; }

.sf-menu li {
  position: relative; }

.sf-menu a {
  position: relative;
  display: block; }

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
  top: 30px;
  left: 0;
  z-index: 99; }

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
  top: -999em; }

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
  top: 0;
  left: 20em; }

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
  top: -999em; }

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
  top: 0;
  left: 10em; }

/* Styles ajout
----------------------------------------*/
.sf-menu a {
  padding-right: 20px;
  padding-left: 20px; }

.sf-menu li li {
  background-color: #1a4279;
  text-align: left;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.sf-menu li li a,
.sf-menu li li li a {
  padding-top: 5px;
  padding-bottom: 5px;
  height: auto;
  border-bottom: 1px solid #173c74;
  background: none !important;
  text-align: left !important;
  line-height: 1.3em !important; }

.sf-menu li li:last-child a,
.sf-menu li li li:last-child a {
  border-bottom: none; }

.sf-menu li li li {
  background-color: #1a4279; }

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background-color: #0e2b60; }

/* Fleches
----------------------------------------*/
.sf-menu a.sf-with-ul {
  padding-right: 2.25em;
  min-width: 1px;
  /* trigger IE7 hasLayout so spans position accurately */ }

.sf-sub-indicator {
  position: absolute;
  top: 1.05em;
  /* IE6 only */
  right: .75em;
  display: block;
  overflow: hidden;
  width: 10px;
  height: 10px;
  background: url("../images/arrows-ffffff.png") no-repeat -10px -100px;
  /* 8-bit indexed alpha png. IE6 gets solid image only */
  text-indent: -999em; }

a > .sf-sub-indicator {
  background-position: 0 -100px;
  /* use translucent arrow for modern browsers*/
  /* give all except IE6 the correct values */
  top: .8em; }

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px;
  /* arrow hovers for modern browsers*/ }

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
  background-position: -10px 0; }

.sf-menu ul a > .sf-sub-indicator {
  background-position: 0 0; }

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0;
  /* arrow hovers for modern browsers*/ }

/* Ombres et coins arrondis
----------------------------------------*/
.sf-menu ul li li:first-child {
  -webkit-border-radius: 0px 5px 0px 0px;
  border-radius: 0px 5px 0px 0px; }

.sf-menu ul {
  padding-bottom: 5px;
  -webkit-border-radius: 0px 5px 5px 5px;
  border-radius: 0px 5px 5px 5px;
  background-color: #1a4279;
  -webkit-box-shadow: 0 1px 2px black;
  -moz-box-shadow: 0 1px 2px black;
  box-shadow: 0 1px 2px black; }

/* Menu social
----------------------------------------*/
#mainmenu li.menu-fb,
#mainmenu li.menu-tw,
#mainmenu li.menu-yt,
#mainmenu li.menu-rss,
#mainmenu li.menu-fl {
  position: absolute;
  bottom: 4px; }

#mainmenu li.menu-fb {
  right: 80px; }

#mainmenu li.menu-tw {
  right: 55px; }

#mainmenu li.menu-yt {
  right: 30px; }

#mainmenu li.menu-rss {
  right: 5px; }

#mainmenu li.menu-fl {
  right: 105px; }

#mainmenu li.menu-fb a,
#mainmenu li.menu-tw a,
#mainmenu li.menu-yt a,
#mainmenu li.menu-rss a,
#mainmenu li.menu-fl a {
  text-indent: -9999px;
  background-image: url(../images/sprite-share.png);
  width: 20px;
  height: 20px;
  padding: 0; }

#mainmenu li.menu-fb:hover,
#mainmenu li.menu-tw:hover,
#mainmenu li.menu-yt:hover,
#mainmenu li.menu-rss:hover,
#mainmenu li.menu-fl:hover {
  background: none;
  opacity: .8; }

#mainmenu li.menu-fb a {
  background-position: -40px 0; }

#mainmenu li.menu-tw a {
  background-position: 0 0; }

#mainmenu li.menu-yt a {
  background-position: -20px 0; }

#mainmenu li.menu-rss a {
  background-position: -60px 0; }

#mainmenu li.menu-fl a {
  background-position: -80px 0; }

#mainmenu li.menu-fr,
#mainmenu li.menu-en {
  display: none; }

/* Cas des sous menu sans lien mais depliant
----------------------------------------*/
#mainmenu a[href="javascript:void(0)"] {
  cursor: default;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

#mainmenu a[href="javascript:void(0)"]:hover {
  color: #989898; }