/*------------------------------------------------------------------------------*/
/*Mobile Version------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/

.header-block { background: white;  }
#header-logo {  padding: 20px 0 0 0;}

.menu {  cursor: pointer;  margin: 0 auto;  padding-left: 1.25em;  position: relative;  width: 40px;  height: 40px;}
.menu-global {  backface-visibility: hidden;  position: absolute;  left: 0;  border-top: 7px solid white;  width: 100%;  transition: 0.55s;}
.menu-top {  top: 0;}
.menu-middle {  top: 13px;}
.menu-bottom {  top: 26px;}
.menu-top-click {  backface-visibility: hidden;  top: 15px;  transform: rotate(50deg);  transition: 0.55s 0.5s;}
.menu-middle-click {  opacity: 0;}
.menu-bottom-click {  backface-visibility: hidden;  top: 15px;  transform: rotate(-410deg);  transition: 0.55s 0.5s;}

.nav-border-fluid{border-bottom: 3px solid #909090;}
.nav-log-in { padding: 5px 0;}
.nav-first { padding: 40px 0;}
.navbar {margin-bottom: 0px}
.navbar-nav {float: none;}
.navbar-nav>li>a { line-height: 30px;}
.nav-log-in a {font-weight: 700; font-size: 11px;}
.nav-log-in .navbar-nav>li>a {padding-top: 0; padding-bottom: 0; }
.nav-log-in .navbar-nav>li>a.nav-log-active { color: #fff; background-color: #e34f1c; border-color: #cf3712; }
.nav-log-in .navbar-nav>li>a.nav-log-hover {  color: black;  text-decoration: underline; }
.nav-log-in .navbar-nav>li>a.nav-log-hover:hover {  color: #cf3712;  text-decoration: underline; }
.nav-fix-padding {padding: 10px 20px ;}
.nav-li-block { padding-bottom: 10px; padding-right: 50px; margin-left: 10px;}
.nav-li-padding {padding: 0 30px;}
.nav-full-height {min-height: 1280px;}
.navfirst-li-margin { margin: 20px 0;}
.navbar-inverse, .navbar-toggle {  background: #4a1b57; border: none; }
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background: #4a1b57; border: none;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border: none; box-shadow: none;}
.navbar-brand-desk {display: none;}
.navbar-toggle .icon-bar {width: 35px; height: 5px;}
.navbar-toggle .icon-bar+.icon-bar { margin-top: 6px;}

.link-01 {text-decoration: underline; }
.link-02, .link-02:visited {text-decoration: none; color: #e34f1c; font-weight: 700; font-size: 18px;}
.link-03, .link-03:visited, .link-03:focus { line-height: 1.5em; letter-spacing: 0.03em; text-decoration: underline; font-size: 18px; font-weight: 700; color: #67c0d1;}
a.link-no-border {text-decoration: none;}
a.navfirst-active {color: #e34f1c; }
a.navfirst-hover {color: black;}
a.navfirst-hover:hover {color: #e34f1c; }

/*------------------------------------------------------------------------------*/
/*TABLETTE Version---------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/

@media(min-width:768px) and (max-width: 992px){

  .nav-position {position: fixed; width: 200px;}
  nav.pagination-result {display: none;}
  li.li-border {position: relative; margin-left: 0; margin-right: 0px;}
  .nav-li-block { padding-right: 10px;}
  .navbar-brand-desk img { position: relative; height: 55px; top: 45px; background: none;}

  .bg-desktop {background: #fff; border-bottom: 2px solid #f6f6f6;}
  .navbar {margin-bottom: 0px; height: 151px;}
  .height-nav {height: 150px;}
  .nav-full-height {min-height: 160px;}
  .nav-fix-padding {padding: 0;}
  .navbar-brand-desk {height: 100%; display: block;}
  .navbar-brand {display: none;}
  .li-block-nav {padding: 0; margin-left: 30px;}

  .nav-reverse-desktop { display: flex; flex-direction: column-reverse ; padding-top: 10px;}
  .nav-order-desktop-top, .nav-order-desktop-bottom { display: flex; flex-direction: row; justify-content: flex-end; }
  .nav-order-desktop-top {  align-items: center; flex-grow: 1; height: 30px;}
  .nav-order-desktop-bottom {  align-items: center; flex-grow: 4; height: 100px;}

  .navbar-inverse .nav-order-desktop-bottom>li>a.ff-nav-mobile { font-size: 18px; font-weight: 600; color: #000; }
  .navbar-inverse .nav-order-desktop-top>li>a.ff-nav-mobile { font-size: 12px; font-weight: 600; color: #000; }

  .nav>li>a {padding-left: 0; padding-right: 0;}
  .navbar-nav>li>a {line-height: 0;}
  li.li-border:hover:after, li.navfirst-active:after {position: absolute; height: 5px; width: 100%; top:74px; left: 0; background: #e34f1c ; content: "";}
  .navbar-inverse .nav-order-desktop-top>li>a.bt-folder-desktop {background: #e34f1c; color: #fff; padding: 12px 10px; border-radius: 4px;}

  h5.ariane-block, h5.ariane-block::before {padding-right: 5px; display: inline; float: left;}
  h5.ariane-block { display: flex; align-items: center; min-height: 28px;}
  h5.ariane-block::before { content: ">";}

  .ariane { background: #fff ; display: block; height: 50px; border-bottom: 2px solid #f6f6f6;}

}

/*------------------------------------------------------------------------------*/
/*DESKTOP Version---------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


@media(min-width:992px) {

  .navbar-inverse, .navbar-toggle {background: white;}
  nav.pagination-result {text-align: center; display: block;}
  nav.pagination-result a{color: #e34f1c; border: none;}
  .nav-position { width: 250px;}
  .navbar {margin-bottom: 0px; height: 165px;}

  .nav-full-height {min-height: 160px;}
  .nav-fix-padding {padding: 0;}
  .navbar-brand-desk img { position: relative; height: 80px; top: 49px; background: none;}
  .navbar-brand-desk {height: 100%; display: block;}
  .navbar-brand {display: none;}
  .nav-li-block {padding: 0; margin-left: 30px;}
  .nav-reverse-desktop { display: flex; flex-direction: column-reverse ;}
  .nav-order-desktop-top, .nav-order-desktop-bottom { display: flex; flex-direction: row; justify-content: flex-end; }
  .nav-order-desktop-top {  align-items: center; flex-grow: 1; height: 35px;}
  .nav-order-desktop-bottom {  align-items: center; flex-grow: 4; height: 130px;}

  .nav>li>a {padding-left: 0; padding-right: 0;}
  .navbar-nav>li>a {line-height: 0;}
  li.li-border {position: relative; margin-left: 40px; margin-right: 0px;}
  li.li-border:hover:after, li.navfirst-active:after {position: absolute; height: 5px; width: 100%; top:74px; left: 0; background: #e34f1c ; content: "";}

  .ariane { background: #fff ; display: block; height: 50px; border-bottom: 2px solid #f6f6f6; border-top: 2px solid #f6f6f6;}
  h5.ariane-block, h5.ariane-block::before {padding-right: 5px; display: inline; float: left;}
  h5.ariane-block { display: flex; align-items: center; min-height: 28px;}
  h5.ariane-block::before { content: ">";}

}