/**
 * @file
 * Navigation Styling
 */
/*
 * Markup generated by theme_menu_tree().
 */
/* line 13, ../sass/navbar.scss */
ul li.expanded {
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  list-style-type: circle;
}

/* line 20, ../sass/navbar.scss */
ul li.collapsed {
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC');
  /* LTR */
  list-style-type: disc;
}

/* line 27, ../sass/navbar.scss */
ul li.leaf {
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC');
  list-style-type: square;
}

/*  Navigation
--------------------------------------------------------*/
/* line 39, ../sass/navbar.scss */
#logo {
  width: 253px;
  height: 81px;
  position: relative;
  top: 47px;
  z-index: 41;
  z-index: 102;
}
/* line 47, ../sass/navbar.scss */
#logo img {
  width: 253px;
  height: 81px;
}
/* line 52, ../sass/navbar.scss */
#logo:before, #logo:after {
  content: "";
  background: transparent url("../images/shadow-logo.png") no-repeat 0 0;
  width: 30px;
  height: 114px;
  position: absolute;
  left: -5px;
  z-index: 42;
}
/* line 62, ../sass/navbar.scss */
#logo:after {
  left: 237px;
  background: transparent url("../images/shadow-logo.png") no-repeat -40px 0;
}

/* line 68, ../sass/navbar.scss */
#name-and-slogan {
  display: none;
}

/* line 72, ../sass/navbar.scss */
#navigation {
  background: #3B5E6D;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF628898', endColorstr='#FF3B5E6D');
  background: #3b5e6d;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #628898), color-stop(100%, #3b5e6d)), #3b5e6d;
  background: -webkit-linear-gradient(top, #628898, #3b5e6d), #3b5e6d;
  background: -moz-linear-gradient(top, #628898, #3b5e6d), #3b5e6d;
  background: -o-linear-gradient(top, #628898, #3b5e6d), #3b5e6d;
  background: linear-gradient(top, #628898, #3b5e6d), #3b5e6d;
}
/* line 77, ../sass/navbar.scss */
#navigation .block-title {
  display: none;
}
/* line 81, ../sass/navbar.scss */
#navigation #block-menu-menu-menu-expansiel {
  margin-bottom: 0;
  /* Submenu */
  /*  Submenu display */
}
/* line 84, ../sass/navbar.scss */
#navigation #block-menu-menu-menu-expansiel ul {
  list-style: none;
  padding: 0;
  margin: 0;
  float: right;
}
/* line 90, ../sass/navbar.scss */
#navigation #block-menu-menu-menu-expansiel ul li {
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  list-style: none;
  font-size: 1em;
}
/* line 100, ../sass/navbar.scss */
#navigation #block-menu-menu-menu-expansiel > ul > li > a {
  display: block;
  margin: 0;
  padding: 1.1em 1em;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  transform: skew(-11deg, 0deg);
  -webkit-transform: skew(-11deg, 0deg);
  -moz-transform: skew(-11deg, 0deg);
}
/* line 112, ../sass/navbar.scss */
#navigation #block-menu-menu-menu-expansiel > ul > li > a > span {
  display: block;
  transform: skew(11deg, 0deg);
  -webkit-transform: skew(11deg, 0deg);
  -moz-transform: skew(11deg, 0deg);
}
/* line 119, ../sass/navbar.scss */
#navigation #block-menu-menu-menu-expansiel > ul > li > a:after {
  background: #628898;
  content: " ";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}
/* line 130, ../sass/navbar.scss */
#navigation #block-menu-menu-menu-expansiel > ul > li > a:hover {
  background: #628898;
  background: #628898;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3b5e6d), color-stop(100%, #628898)), #628898;
  background: -webkit-linear-gradient(top, #3b5e6d, #628898), #628898;
  background: -moz-linear-gradient(top, #3b5e6d, #628898), #628898;
  background: -o-linear-gradient(top, #3b5e6d, #628898), #628898;
  background: linear-gradient(top, #3b5e6d, #628898), #628898;
}
/* line 138, ../sass/navbar.scss */
#navigation #block-menu-menu-menu-expansiel ul ul {
  background: #e34d4d;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e34d4d), color-stop(100%, #ad1b1b)), #e34d4d;
  background: -webkit-linear-gradient(top, #e34d4d, #ad1b1b), #e34d4d;
  background: -moz-linear-gradient(top, #e34d4d, #ad1b1b), #e34d4d;
  background: -o-linear-gradient(top, #e34d4d, #ad1b1b), #e34d4d;
  background: linear-gradient(top, #e34d4d, #ad1b1b), #e34d4d;
  border-top: none;
  min-width: 200px;
  padding: 0.5em 1em;
  line-height: 1;
  display: none;
  position: absolute;
  left: -5px;
  z-index: 999;
}
/* line 150, ../sass/navbar.scss */
#navigation #block-menu-menu-menu-expansiel ul ul li {
  float: none;
  background: transparent url("../images/sprite.png") no-repeat 0 -224px;
}
/* line 155, ../sass/navbar.scss */
#navigation #block-menu-menu-menu-expansiel ul ul a {
  display: block;
  padding: 0.5em 0 0.5em 1em;
  color: #fff;
  text-decoration: none;
}
/* line 164, ../sass/navbar.scss */
#navigation #block-menu-menu-menu-expansiel ul li:hover ul {
  display: block;
}

/* line 173, ../sass/navbar.scss */
.no_desktop {
  display: none;
}

/* BIGMENU */
/* line 179, ../sass/navbar.scss */
#block-menu-menu-menu-expansiel ul li:first-child > ul {
  min-height: 130px;
}

/* line 181, ../sass/navbar.scss */
.big-menu {
  width: 500px;
  background: none !important;
}
/* line 185, ../sass/navbar.scss */
.big-menu .colGauche {
  float: left;
  width: 240px !important;
  margin: 1em 0 0 !important;
  border-right: solid 1px white;
}
/* line 190, ../sass/navbar.scss */
.big-menu .colGauche h3 {
  color: #fff;
  margin: 0;
  position: relative;
}
/* line 192, ../sass/navbar.scss */
.big-menu .colGauche ul {
  background: none !important;
  position: relative !important;
  float: left !important;
}
/* line 199, ../sass/navbar.scss */
.big-menu .colDroite {
  float: left;
  width: 240px !important;
  margin: 1em 0 0 !important;
}
/* line 203, ../sass/navbar.scss */
.big-menu .colDroite ul {
  background: none !important;
  position: relative !important;
  float: left !important;
  margin-top: 1em !important;
  margin-left: 1em !important;
}

/* MENU MOBILE PROG */
/* line 215, ../sass/navbar.scss */
#block-block-21 {
  margin: 0;
}

/* line 216, ../sass/navbar.scss */
#mobile_prog {
  display: none;
  position: relative;
  width: 100%;
  top: 30px;
  z-index: 999;
}
/* line 223, ../sass/navbar.scss */
#mobile_prog > a {
  width: 45px;
  height: 35px;
  position: absolute;
  right: 60px;
  top: -53px;
  z-index: 1000;
}
/* line 231, ../sass/navbar.scss */
#mobile_prog ul {
  float: none;
  margin-top: 0em;
  margin-bottom: 4em;
  background: #3B5E6D;
  width: 100%;
  list-style: none;
  display: none;
}
/* line 240, ../sass/navbar.scss */
#mobile_prog ul li {
  float: none;
  width: 100%;
  border-top: solid 1px #628898;
}
/* line 244, ../sass/navbar.scss */
#mobile_prog ul li a {
  margin: 0;
  padding: 1em 0 1em 1em;
  color: #fff;
  display: block;
  width: 100%;
}

/*  Tablet Portrait
--------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /* line 264, ../sass/navbar.scss */
  #logo {
    width: 180px;
    height: 70px;
    position: relative;
    top: 47px;
    z-index: 41;
    z-index: 102;
  }
  /* line 272, ../sass/navbar.scss */
  #logo img {
    width: 180px;
    height: 63px !important;
  }
  /* line 277, ../sass/navbar.scss */
  #logo:before, #logo:after {
    left: -8px;
  }
  /* line 281, ../sass/navbar.scss */
  #logo:after {
    left: 164px !important;
  }

  /* line 292, ../sass/navbar.scss */
  #navigation #block-menu-menu-menu-expansiel ul li {
    font-size: 10px;
  }

  /* line 298, ../sass/navbar.scss */
  .no_tablet {
    display: none;
  }

  /* line 302, ../sass/navbar.scss */
  .show_tablet {
    display: block;
  }
}
/*  Mobile Portrait
--------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  /* line 314, ../sass/navbar.scss */
  #logo {
    top: 20px;
  }
  /* line 317, ../sass/navbar.scss */
  #logo img {
    width: 180px;
    height: 65px;
  }
  /* line 322, ../sass/navbar.scss */
  #logo:before, #logo:after {
    display: none;
  }

  /* line 327, ../sass/navbar.scss */
  #navigation {
    background: #fff;
    min-height: 50px;
  }
  /* line 331, ../sass/navbar.scss */
  #navigation #block-menu-menu-menu-expansiel > ul {
    float: none;
    margin-top: 0em;
    margin-bottom: 1em;
    background: #3B5E6D;
  }
  /* line 337, ../sass/navbar.scss */
  #navigation #block-menu-menu-menu-expansiel > ul li {
    float: none;
  }
  /* line 340, ../sass/navbar.scss */
  #navigation #block-menu-menu-menu-expansiel > ul li a {
    margin: 0;
    padding: 1em 0 1em 1em;
    border-top: solid 1px #628898;
    transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    -moz-transform: skew(0deg, 0deg);
  }
  /* line 348, ../sass/navbar.scss */
  #navigation #block-menu-menu-menu-expansiel > ul li a > span {
    display: block;
    transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    -moz-transform: skew(0deg, 0deg);
  }
  /* line 355, ../sass/navbar.scss */
  #navigation #block-menu-menu-menu-expansiel > ul li a:after {
    display: none;
  }
  /* line 359, ../sass/navbar.scss */
  #navigation #block-menu-menu-menu-expansiel > ul li a:hover {
    background: none;
  }
  /* line 365, ../sass/navbar.scss */
  #navigation #block-menu-menu-menu-expansiel > ul ul {
    position: relative;
    left: 0;
    box-shadow: none;
    border: none;
    display: block !important;
    background: none;
    float: none;
    padding: 0;
  }
  /* line 375, ../sass/navbar.scss */
  #navigation #block-menu-menu-menu-expansiel > ul ul li {
    background-position: 12px -216px;
  }
  /* line 379, ../sass/navbar.scss */
  #navigation #block-menu-menu-menu-expansiel > ul ul li a {
    padding-left: 2.2em;
    border-top: solid 1px #628898;
  }

  /* line 388, ../sass/navbar.scss */
  #mobile_prog {
    display: block;
  }

  /* line 392, ../sass/navbar.scss */
  #block-menu-menu-menu-expansiel > ul {
    margin-top: 40px !important;
  }
  /* line 394, ../sass/navbar.scss */
  #block-menu-menu-menu-expansiel > ul li:first-child {
    display: none;
  }

  /* line 397, ../sass/navbar.scss */
  .nav_mobile {
    position: absolute;
    top: -22px;
    right: 0px;
    width: 45px;
    height: 35px;
    z-index: 1000;
  }

  /* line 406, ../sass/navbar.scss */
  .no_mobile {
    display: none;
  }

  /* line 410, ../sass/navbar.scss */
  .show_mobile {
    display: block;
  }

  /* BIGMENU */
  /*#block-menu-menu-menu-expansiel ul li:first-child > ul{min-height:130px;}
    
  .big-menu{
    width:auto;
    background: none !important;
    
    .colGauche{
      float:none;
      width:auto;
      margin: 0;
      margin-top:1em;
      border-right:none;
      h3{display:none;}
      
      ul{
        float:none !important;
      }
    }
    
    .colDroite{
      float:none;
      width:auto;
      margin:0;
      margin-top:1em;
      ul{
        float:none !important;
        margin-top:0em !important;
        margin-left:0em !important;
      }
    }
    
  }*/
}
/*  Mobile Landscape
--------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* line 457, ../sass/navbar.scss */
  .no_mobile {
    display: none;
  }

  /* line 461, ../sass/navbar.scss */
  .show_mobile {
    display: block;
  }
}
