
[class^="picto-"], [class*=" picto-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'actipage' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn [class^="picto-"],
.btn [class*=" picto-"]  {
  line-height: 1.42857143;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: calc(7px /2);
    padding-left: calc(7px /2);
}
.row {
    margin-right: calc(-7px /2);
    margin-left: calc(-7px /2);
}

.captcha-holder .captcha-modal__icons .captcha-image {
    float: left;
}

.content_maintenance{
    min-height: 400px;

    margin-right: -7px;
}

/* animation icon-bar */

.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
}

.navbar-toggle .top-bar {
        -webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
        transform: rotate(45deg);

  transform-origin: 10% 10%;

}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
        -webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
        transform: rotate(-45deg);

  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
        -webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
        transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
        -webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
        transform: rotate(0);
}

.sr-only{
  color: $color-noir !important
}

/* --- Panel iti --- */

.home .panel.panel-iti{
    border-radius: 0;
    border: none;
    border-bottom: 20px solid $color-bkg-droite;
        -webkit-box-shadow: inset 0 0 0 1px $color-dark-light-light, 0px 10px 20px 0 $color-dark-light-light;
        -moz-box-shadow: inset 0 0 0 1px $color-dark-light-light, 0px 10px 20px 0 $color-dark-light-light;
        box-shadow: inset 0 0 0 1px $color-dark-light-light, 0px 10px 20px 0 $color-dark-light-light;
}

.home .panel.panel-iti{
  background: $color-blanc;
  color: $color-noir;
}

.home .panel.panel-iti > .panel-heading,
.home .panel.panel-iti > .panel-body{
    border-color: transparent;
    padding: 40px;
    border-radius: 0;
}
.home .panel.panel-iti > .panel-heading{
    padding-top: 20px;
    padding-bottom: 20px
}
.home .panel.panel-iti > .panel-heading{
background: $color-bkg-droite;
color: $color-bkg-droite-contrast;
}
.home .panel.panel-iti hr{
  border-color: $color-dark-light;
}



.col-xs-5th-1, .col-xs-5th-2, .col-xs-5th-3, .col-xs-5th-4 {float: left;}
.col-xs-5th-5 {float: left;width: 100%;}
.col-xs-5th-4 {width: 80%;}
.col-xs-5th-3 {width: 60%;}
.col-xs-5th-2 {width: 40%;}
.col-xs-5th-1 {width: 20%;}
.col-xs-5th-pull-5 {right: 100%;}
.col-xs-5th-pull-4 {right: 80%;}
.col-xs-5th-pull-3 {right: 60%;}
.col-xs-5th-pull-2 {right: 40%;}
.col-xs-5th-pull-1 {right: 20%;}
.col-xs-5th-pull-0 {right: auto;}
.col-xs-5th-push-5 {left: 100%;}
.col-xs-5th-push-4 {left: 80%;}
.col-xs-5th-push-3 {left: 60%;}
.col-xs-5th-push-2 {left: 40%;}
.col-xs-5th-push-1 {left: 20%;}
.col-xs-5th-push-0 {left: auto;}
.col-xs-5th-offset-5 {margin-left: 100%;}
.col-xs-5th-offset-4 {margin-left: 80%;}
.col-xs-5th-offset-3 {margin-left: 60%;}
.col-xs-5th-offset-2 {margin-left: 40%;}
.col-xs-5th-offset-1 {margin-left: 20%;}
.col-xs-5th-offset-0 {margin-left: 0%;}
@media (min-width: 768px) {

.col-sm-5th-1, .col-sm-5th-2, .col-sm-5th-3, .col-sm-5th-4 {  float: left;}
  .col-sm-5th-5 {  float: left;  width: 100%;}
  .col-sm-5th-4 {  width: 80%;}
  .col-sm-5th-3 {  width: 60%;}
  .col-sm-5th-2 {  width: 40%;}
  .col-sm-5th-1 {  width: 20%;}
  .col-sm-5th-pull-5 {  right: 100%;}
  .col-sm-5th-pull-4 {  right: 80%;}
  .col-sm-5th-pull-3 {  right: 60%;}
  .col-sm-5th-pull-2 {  right: 40%;}
  .col-sm-5th-pull-1 {  right: 20%;}
  .col-sm-5th-pull-0 {  right: auto;}
  .col-sm-5th-push-5 {  left: 100%;}
  .col-sm-5th-push-4 {  left: 80%;}
  .col-sm-5th-push-3 {  left: 60%;}
  .col-sm-5th-push-2 {  left: 40%;}
  .col-sm-5th-push-1 {  left: 20%;}
  .col-sm-5th-push-0 {  left: auto;}
  .col-sm-5th-offset-5 {  margin-left: 100%;}
  .col-sm-5th-offset-4 {  margin-left: 80%;}
  .col-sm-5th-offset-3 {  margin-left: 60%;}
  .col-sm-5th-offset-2 {  margin-left: 40%;}
  .col-sm-5th-offset-1 {  margin-left: 20%;}
  .col-sm-5th-offset-0 {  margin-left: 0%;}
}

@media (min-width: 992px) {.col-md-5th-1, .col-md-5th-2, .col-md-5th-3, .col-md-5th-4 {  float: left;}
  .col-md-5th-5 {  float: left;  width: 100%;}
  .col-md-5th-4 {  width: 80%;}
  .col-md-5th-3 {  width: 60%;}
  .col-md-5th-2 {  width: 40%;}
  .col-md-5th-1 {  width: 20%;}
  .col-md-5th-pull-5 {  right: 100%;}
  .col-md-5th-pull-4 {  right: 80%;}
  .col-md-5th-pull-3 {  right: 60%;}
  .col-md-5th-pull-2 {  right: 40%;}
  .col-md-5th-pull-1 {  right: 20%;}
  .col-md-5th-pull-0 {  right: auto;}
  .col-md-5th-push-5 {  left: 100%;}
  .col-md-5th-push-4 {  left: 80%;}
  .col-md-5th-push-3 {  left: 60%;}
  .col-md-5th-push-2 {  left: 40%;}
  .col-md-5th-push-1 {  left: 20%;}
  .col-md-5th-push-0 {  left: auto;}
  .col-md-5th-offset-5 {  margin-left: 100%;}
  .col-md-5th-offset-4 {  margin-left: 80%;}
  .col-md-5th-offset-3 {  margin-left: 60%;}
  .col-md-5th-offset-2 {  margin-left: 40%;}
  .col-md-5th-offset-1 {  margin-left: 20%;}
  .col-md-5th-offset-0 {  margin-left: 0%;}
}

@media (min-width: 1200px) {.col-lg-5th-1, .col-lg-5th-2, .col-lg-5th-3, .col-lg-5th-4 {  float: left;}
  .col-lg-5th-5 {  float: left;  width: 100%;}
  .col-lg-5th-4 {  width: 80%;}
  .col-lg-5th-3 {  width: 60%;}
  .col-lg-5th-2 {  width: 40%;}
  .col-lg-5th-1 {  width: 20%;}
  .col-lg-5th-pull-5 {  right: 100%;}
  .col-lg-5th-pull-4 {  right: 80%;}
  .col-lg-5th-pull-3 {  right: 60%;}
  .col-lg-5th-pull-2 {  right: 40%;}
  .col-lg-5th-pull-1 {  right: 20%;}
  .col-lg-5th-pull-0 {  right: auto;}
  .col-lg-5th-push-5 {  left: 100%;}
  .col-lg-5th-push-4 {  left: 80%;}
  .col-lg-5th-push-3 {  left: 60%;}
  .col-lg-5th-push-2 {  left: 40%;}
  .col-lg-5th-push-1 {  left: 20%;}
  .col-lg-5th-push-0 {  left: auto;}
  .col-lg-5th-offset-5 {  margin-left: 100%;}
  .col-lg-5th-offset-4 {  margin-left: 80%;}
  .col-lg-5th-offset-3 {  margin-left: 60%;}
  .col-lg-5th-offset-2 {  margin-left: 40%;}
  .col-lg-5th-offset-1 {  margin-left: 20%;}
  .col-lg-5th-offset-0 {  margin-left: 0%;}
}




.row.is-flex > [class*="col-"]{
  padding-left: calc(7px /2);
  padding-right: calc(7px /2)
}
.row.is-flex{
  margin-left: calc(-7px /2);
  margin-right: calc(-7px /2)
}
/* ----------------------------------------------------------------------------------------------------------------------------- */

p.browsehappy a{
    color: #FAE838
}
p.browsehappy{
    z-index: 99999999999999;
    position: relative;
}

html {
    font-size: 100%;
}

body {
    font-family: $regular;
    text-rendering: optimizeLegibility;
    color: $color-noir;
    font-size: 1em;
    line-height: 1.5;
    background-color:  $color-bkg-body;
    overflow-x: hidden;
}
#headheight{
    @include background;
}

b, strong, label {
    font-family: $bold;
    font-weight: normal;
}

em {
    font-family: $regular;
    font-weight: normal;
    font-style: italic
}

strong em,
em strong {
    font-family: $bold;
    font-weight: normal;;
    font-style: italic
}

.light {
    font-family: $light;
    font-weight: normal;
}

em .light,
.light em,
em.light {
    font-family: $light;
    font-weight: normal;;
    font-style: italic
}

.btn {
    transition: $transition-color-bkg;
}

a {
    transition: $transition-color-bkg-border;
}

mark {
    background-color: $color-primary;
    color: $color-blanc;
}

.badge, .label {
    font-size: 1em;
}

legend{

    font-family: $bold;
    color: $couleur-1;
    font-weight: 500
}

.rotate-90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
        transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

#back-top {
    position: fixed;
    bottom: 20px;
    right: -100px;
    visibility: none;
    transition: right 1s, color 0.3s, background 0.3s;
    z-index: 150
}

#back-top.visible {
    right: 20px;
}

header{
    /*@include background-carousel */
  background:url(/img/bkg-header.png) repeat-x right bottom transparent;
  @include background-contain

}
#wrapper-footer .bkg{
    /*@include background-carousel */
  background:url(/img/bkg-header.png) repeat-x right bottom transparent;
  background-size: auto $banner-height;


}



.no-flexbox header{
    filter: none
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    max-width: none;
}

main {
    padding: 20px 0;
    background:$color-bkg-body;
}

.page main{
    padding: 0 0 20px 0;
    background: transparent
}

#wrapper-content.page{background: $ariane}
#wrapper-content3.page {
    background: url(/img/bottom-contenu.png) no-repeat 50% bottom transparent;

}
#wrapper-content2.page{
  background: $color-bkg-body
}

#wrapper-content3.page {
    margin-top: -100px;
    padding-top: 70px;
}

main.fontAAA {
    font-size: 1.3em;
}

.warp #contenu_page {
    color: $color-noir;
    padding: 0 30px 30px;
    background: $color-blanc;
    margin-bottom: 50px;

}

iframe{
    border: none;
}


.warp.contrast #contenu_page {
    filter: invert(100%);
}

.warp.contrast #contenu_page img,
.warp.contrast #contenu_page iframe {
    filter: invert(100%);
}
iframe:not([src*=prosoluce], .skiptranslate) {
  width: 100% !important;
  max-width: 100% !important
}

iframe[src*=prosoluce] {
  display: block;
  margin: 0 auto
}

iframe:not(.skiptranslate) {
  border: 0;
  border: none;
  min-height: 500px
}



#contenu_page a{text-decoration: underline}

.warp .messagecontrast {
    display: none;
}

.warp.contrast .messagecontrast {
    display: block;
}

.bs-docs-sidenav > li:first-child {
    /*margin-top: 40px;*/
}

#myBanner .carousel-inner > .item > img,
#myBanner .carousel-inner > .item > a > img,
header > .container {
    height: $banner-height;
}

#myBanner {
    position: absolute;
    top: 0;
    width: 100%;
}

#myBanner .carousel-inner > .item {
    overflow: hidden;
    text-align: center;
}

.center-carousel {
    position: relative;
}

.row.is-flex .carousel-control{
    display: block !important;
width: 40px !important;
}


.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 20%;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 20%;
}
a.carousel-control.left,
a.carousel-control.right{
  background: transparent
}
a.carousel-control.left:hover,
a.carousel-control.left:focus {
  background: $color-dark;
  color: $color-blanc
}
a.carousel-control.right:hover,
a.carousel-control.right:focus {
  right: 0;
  left: auto;
  background: $color-dark;
  color: $color-blanc
}



header > .container {
    max-width: none;
}

header > .container {
    @include flex;
    @include flex-column;
    @include flex-nowrap;
    @include flex-justify-center;
}


.onslider .panel {
    margin-top: 20px;
}

#slider {
    width: 100%;
}


    .actu-indicators li {
        display: block;
        float: left;
        width: 7px;
        height: 7px;
        margin-left: 5px;
        text-indent: -999px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        background-color: rgba(255, 255, 255, 0.25);
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
    }

    .actu-indicators .active {
        background-color: #ffffff;
    }

@media (min-width: 992px) {
    #slider .carousel-inner > .item > img,
    #slider .carousel-inner > .item > a > img {
        height: 200px;
    }

    .onslider .panel {
        height: 300px;
        margin-bottom: 0;
        margin-top: 0;
    }

    .onslider > .row > [class^="col-"] {
        margin-top: -400px;
        height: 400px;
    }

    .onslider > .row > [class^="col-"] {
        @include flex;
        @include flex-column;
        @include flex-nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }


}
main.home .sidebar{
  padding-bottom: 0 !important
}
main.home{padding-bottom: 20px !important}

@media (max-width: 991px) {


    main .content, main .sidebar,
    .page .content, .page .sidebar {
    padding: 7px calc(7px /2);
}
  main.home .sidebar {
      padding-top: 0;
  }

    #slider .carousel-inner > .item > img,
    #slider .carousel-inner > .item > a > img {
        height: 30vw;
    }

    .row.is-flex > [class*="col-"].hidden-sm,
    .row.is-flex > [class*="col-"].hidden-xs {
    display: none !important;
}

}

@media (max-width: 767px) {
    header .brandlink {
        display: block;
        text-align: center;
    }
}

.bs-docs-sidebar > .nav{
    background: $color-blanc;
        -webkit-box-shadow: 0px 10px 20px 0 $color-dark-light-light;
        -moz-box-shadow: 0px 10px 20px 0 $color-dark-light-light;
        box-shadow: 0px 10px 20px 0 $color-dark-light-light;
}
#containersidebar .content{
  padding-bottom: 50px
}
.bs-docs-sidebar .nav > li > a {
    display: block;
    padding: 10px 20px;
    font-size: 1em;
    font-weight: 500;
    color: $color-contrast-body;
}

.bs-docs-sidebar > .nav > li > a:hover, .bs-docs-sidebar > .nav > li > a:focus {
    padding-left: 20px;
    color: $color-contrast-body;
    text-decoration: none;
    background-color: transparent;
    -webkit-box-shadow: inset 4px 0 0px $color-bkg-droite;
-moz-box-shadow: inset 4px 0 0px $color-bkg-droite;
box-shadow: inset 4px 0 0px $color-bkg-droite;
}

.bs-docs-sidebar  .nav > .active > a, .bs-docs-sidebar  .nav > .active:hover > a, .bs-docs-sidebar  .nav > .active:focus > a {
    padding-left: 18px;
    font-family: $bold;
    color: $color-bkg-droite-contrast;
    background-color: $color-bkg-droite;
    border-left: none;
    -webkit-box-shadow: inset 4px 0 0px $color-bkg-droite;
-moz-box-shadow: inset 4px 0 0px $color-bkg-droite;
box-shadow: inset 4px 0 0px $color-bkg-droite;
}


.bs-docs-sidebar > .nav > .active {
    border-left: 2px solid $color-bkg-droite;
  border-radius: $border-radius-linkhome $border-radius-linkhome 0 0
}


.bs-docs-sidebar .nav .nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    font-size: 1em;
    font-family: $regular;
    font-style: italic
}

.bs-docs-sidebar .nav li:not(.active) .nav > li > a::before {
    content: "";
    width: 1px;
    position: absolute;
    background: $color-gris-light;
    top: 0;
    bottom: 0;
    left:20px;
}

.bs-docs-sidebar .nav li:not(.active) .nav > li:first-child > a::before{
  top: 16px
}
.bs-docs-sidebar .nav li:not(.active) .nav > li:last-child > a::before{
  bottom: 16px
}
.bs-docs-sidebar .nav li:not(.active) .nav > li > a:hover::before,
.bs-docs-sidebar .nav li:not(.active) .nav > li > a:focus::before{
    left:20px;
}

.bs-docs-sidebar .nav .nav > li:not(.active) > a{
    padding-left: 26px;
}

.bs-docs-sidebar .nav > .active > .nav > li:not(.active) > a{
    -webkit-box-shadow: inset 4px 0 0px $color-bkg-droite;
-moz-box-shadow: inset 4px 0 0px $color-bkg-droite;
box-shadow: inset 4px 0 0px $color-bkg-droite;
}

.bs-docs-sidebar .nav .nav > .active > a, .bs-docs-sidebar .nav .nav > .active:hover > a, .bs-docs-sidebar .nav .nav > .active:focus > a {
    padding-left: 26px;
    font-weight: 500;;
    font-family: $bold;
    font-style: italic
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 0px solid transparent;
    border-radius: 0px;
}


.navbar-default .navbar-nav > .active > a{

    color: $color-bkg-droite-contrast;
    background-color: $color-bkg-droite;
}

@media (min-width: 768px) {
    /* megamenu */

    nav.navbar {
        position: relative;
        z-index: 1061;
    }

    .nav-menu {
        display: block;
        /*list-style: none;*/
        margin: 0;
        padding: 0;
        position: static;
        z-index: 15;
    }

    /* a top level navigation item in the mega menu */
    .nav-item {
        display: inline-block;
        /*list-style: none;*/
        margin: 0;
        padding: 0;
    }

    /* first descendant link within a top level navigation item */
    .nav-item > a {
        border: 1px solid transparent;
        border-bottom: 0px;
        display: inline-block;
        margin: 0 0 -1px 0;
        padding: 0.5em 1em;
        position: relative;
    }

    /* focus/open states of first descendant link within a top level navigation item
    .nav-item > a:focus,
    .nav-item > a.open {
        border: 1px solid $color-gris-clair;
        border-bottom: 0px;
    }*/

    /* open state of first descendant link within a top level
       navigation item */
    .nav-item > a.open {
        background-color: $color-noir;
        border-bottom: none;
        z-index: 1;
        color: $color-blanc;
    }

    /* sub-navigation panel */

    .sub-nav {
        display: none;
        padding: 0.5em 1em;
        border-top: 0px;
        background-color: $color-blanc;
    }





    /* sub-navigation panel open state */
    .sub-nav.open {
        /*display: block;*/
        z-index: 16;
    }

    /* list of items within sub-navigation panel */
    .sub-nav ul {

        padding: 15px;
        margin: 0;
        padding: 0;
    }


    /* list item within sub-navigation panel */
    .sub-nav li {
        display: block;
        /*list-style-type: none;*/
        margin: 0;
        padding: 0;
        flex-grow: 1;
        flex-basis: 0;
        min-width: 33%;
    }

    .sub-nav li a {
        color: $color-noir;
    }

    .sub-nav-group > li {
        padding: 10px;
    }

    .sub-nav-group > li > a {
        display: block;
        padding: 5px 15px;
        background: $ariane;
    }


.sub-sub-nav{
      display: none !important
    }

.active > .sub-sub-nav{
      display: block !important;
    }

    .sub-sub-nav > ul {
        display: inline-block !important;
        border-left: 4px solid $ariane;
        padding: 0 15px;
  }
  .sub-sub-nav > ul .sub-sub-nav > ul{
      border-width: 1px;
      margin-left: 3px;

  }

  .sub-sub-nav .sub-sub-nav li.active>a:before{
    content: "" !important;
  }


    li.active > .sub-sub-nav > ul {
        border-color: $color-bkg-droite;
    }

    .sub-sub-nav ul li{
      line-height: 1.2em;
        padding: 5px 0;
    }

    .sub-sub-nav ul li:first-child{
      padding-top: 10px
    }
    .sub-sub-nav ul li:last-child{
      padding-bottom: 10px
    }

    .nav > li {
        position: static;
    }

    /* fin megamenu */
}

ul.nav li{
  list-style: none !important
}
    .sub-sub-nav ul li{
        font-family: $regular;
        font-size: 0.9em
      }

.navbar-collapse {
    /*max-height: 340px;*/
    overflow-x: visible;
    padding-right: 0px;
    padding-left: 0px;
    border-top: 1px solid transparent;

        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}

.navbar-collapse.in {
    overflow-y: auto;
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: -7px;
    margin-left: -7px;
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

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

#navigation{
    font-size: 0.9em
}
}
.follow-social{
  display: inline-block;
  margin-top: 30px;
}
@media (max-width: 1199px) {
    footer .sidebar .col-social{
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px
    }

}
@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;

        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        position: relative;
    }
    header .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .navbar-collapse.in {
        overflow-y: visible;
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }

    .navbar-static-top {
        border-radius: 0;
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
    .breadcrumb, .ariane .nav{
      margin: 0 !important
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    padding: 15px 7px;
    font-size: 1.3em;
    line-height: 20px;
    height: 50px;
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -7px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-toggle:focus {
    outline: none;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -7px;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}

@media (max-width: 767px) {
    .navbar-collapse {
        padding-right: 7px;
        padding-left: 7px;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

    .navbar-nav > li {
        float: left;
    }

    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        flex:1;
    }

    .navbar-nav.navbar-right:last-child {
        margin-right: -7px;
    }

    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
    }
}

.navbar-form {
    margin-left: -7px;
    margin-right: -7px;
    padding: 10px 7px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;

        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 8px;
    margin-bottom: 8px;
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .input-group > .form-control {
        width: 100%;
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        vertical-align: middle;
    }

    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
        float: none;
        margin-left: 0;
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
    .navbar-form .input-group-btn:last-child > .btn, .navbar-form .input-group-btn:last-child > .btn-group {

    width: 100%;
}
.navbar-form #recherche.input-group {
    width: 100%;
}
}



@media (max-width: 767px) {
    .navbar-nav.nav-menu > .nav-item > a {
        font-weight: bold;
    }

    .navbar-form .form-group {
        margin-bottom: 5px;
    }

    .navbar-nav.nav-menu .nav-item ul {
        padding-left: 7px;
        margin: 15px 0;
    }

    .navbar-nav.nav-menu .nav-item .sub-nav-group li {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
        padding-left: 7px;
        border-left: 1px solid $color-contrast-a;
    }
    .navbar-nav.nav-menu .nav-item .sub-nav-group li.active {

        border-left: 6px solid $color-contrast-a;
        background: $color-contrast-alpha-b
    }

    .navbar-nav.nav-menu .nav-item .sub-nav-group li a,
    .navbar-nav.nav-menu .nav-item .sub-nav-group li.active a {
        color: $color-contrast-a;
        display: block;
        padding: 10px;
}
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;

        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .navbar-form.navbar-right:last-child {
        margin-right: -7px;
    }
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px;
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px;
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 7px;
        margin-right: 7px;
    }

    .navbar-text.navbar-right:last-child {
        margin-right: 0;
    }
}

/* Mega Menu */

.container {
    position: relative;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover,
.btn:focus {
    color: $color-gris-fonce;
    text-decoration: none;
}

.btn:active,
.btn.active {
    outline: 0;
    background-image: none;

        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity = 65);


        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
}

.btn-default {
    color: $color-gris-fonce;
    background-color: $color-blanc;
    border-color: $color-gris-light;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: $color-blanc;
    border-color: $color-gris-light;
}

.btn-default .badge {
    color: $color-blanc;
    background-color: $color-gris-fonce;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: $color-blanc;
    background-color: $color-gris-fonce;
    border-color: $color-blanc;
    background-image: none;
}

.btn-primary {
    color: $color-blanc;
    background-color: $color-primary;
    border-color: $color-blanc;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: $color-primary;
    border-color: $color-blanc;
}

.btn-primary .badge {
    color: $color-primary;
    background-color: $color-blanc;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: $color-primary;
    background-color: $color-blanc;
    border-color: $color-gris-light;
    background-image: none;
}

.btn-dark {
    color: $color-blanc;
    background-color: $color-dark;
    border-color: $color-blanc;
}

.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
    background-color: $color-dark;
    border-color: $color-blanc;
}

.btn-dark .badge {
    color: $color-dark;
    background-color: $color-blanc;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
    color: $color-dark;
    background-color: $color-blanc;
    border-color: $color-gris-light;
    background-image: none;
}

.btn-success {
    color: $color-blanc;
    background-color: $color-success;
    border-color: $color-blanc;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: $color-success;
    border-color: $color-blanc;
}

.btn-success .badge {
    color: $color-success;
    background-color: $color-blanc;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    color: $color-success;
    background-color: $color-blanc;
    border-color: $color-gris-light;
    background-image: none;
}

.btn-info {
    color: $color-blanc;
    background-color: $color-info;
    border-color: $color-blanc;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: $color-info;
    border-color: $color-blanc;
}

.btn-info .badge {
    color: $color-info;
    background-color: $color-blanc;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    color: $color-info;
    background-color: $color-blanc;
    border-color: $color-gris-light;
    background-image: none;
}

.btn-warning {
    color: $color-blanc;
    background-color: $color-warning;
    border-color: $color-blanc;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: $color-warning;
    border-color: $color-blanc;
}

.btn-warning .badge {
    color: $color-warning;
    background-color: $color-blanc;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    color: $color-warning;
    background-color: $color-blanc;
    border-color: $color-gris-light;
    background-image: none;
}

.btn-danger {
    color: $color-blanc;
    background-color: $color-danger;
    border-color: $color-blanc;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: $color-danger;
    border-color: $color-blanc;
}

.btn-danger .badge {
    color: $color-danger;
    background-color: $color-blanc;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: $color-danger;
    background-color: $color-blanc;
    border-color: $color-gris-light;
    background-image: none;
}

.btn-link {
    color: $color-link;
    font-weight: normal;
    cursor: pointer;
    border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
    color: $color-link-hover;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: $color-gris-moyen;
    text-decoration: none;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 1.3em;
    line-height: 1.33;
    border-radius: 6px;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 0.9em;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 0.9em;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.btn-block + .btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    color: $color-noir;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label[href]:hover,
.label[href]:focus {
    color: $color-blanc;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: $color-gris-moyen;
}

a:hover .label-default,
a:focus .label-default {
    background-color: $color-gris-fonce;
}

.label-primary {
    background-color: $color-primary;
    color: $color-contrast-primary;
}

a:hover .label-primary,
a:focus .label-primary {
    background-color: $color-primary-hover;
}

.label-success {
    background-color: $color-success;
    color: $color-contrast-success !important;
}

a:hover .label-success,
a:focus .label-success {
    background-color: $color-success-hover;
}

.label-info {
    background-color: $color-info;
    color: $color-contrast-info;
}

a:hover .label-info,
a:focus .label-info {
    background-color: $color-info-hover;
}

.label-warning {
    background-color: $color-warning;
    color: $color-contrast-warning;
}

a:hover .label-warning,
a:focus .label-warning{
    background-color: $color-warning-hover;
}

.label-danger {
    background-color: $color-danger;
    color: $color-contrast-danger;
}

a:hover .label-danger,
a:focus .label-danger{
    background-color: $color-danger-hover;
}
.label-link {
    background-color: $color-blanc;
    border: 1px solid $color-link;
    color: $color-link;
}

a:focus .label-link,
a:focus .label-link {
    background-color: $color-link;
    color: $color-blanc;
}
.form-control{
    font-size: inherit;
}
.form-control:focus {
    border-color: $input-focus;
    outline: 0;

        -webkit-box-shadow:inset 0 1px 1px transparent, 0 0 8px $input-focus;
        -moz-box-shadow:inset 0 1px 1px transparent, 0 0 8px $input-focus;
        box-shadow:inset 0 1px 1px transparent, 0 0 8px $input-focus;
}



select.input-sm {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
    height: auto;
}

select.input-lg {
    height: 46px;
    line-height: 46px;
}

textarea.input-lg,
select[multiple].input-lg {
    height: auto;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
    color: $color-success;
}

.has-success .form-control {
    border-color: $color-success;


        -webkit-box-shadow:inset 0 1px 1px $color-dark;
        -moz-box-shadow:inset 0 1px 1px $color-dark;
        box-shadow:inset 0 1px 1px $color-dark;
}

.has-success .form-control:focus {
    border-color: $color-success;


        -webkit-box-shadow:inset 0 1px 1px transparent, 0 0 6px $color-success;
        -moz-box-shadow:inset 0 1px 1px transparent, 0 0 6px $color-success;
        box-shadow:inset 0 1px 1px transparent, 0 0 6px $color-success;
}

.has-success .input-group-addon {
    color: $color-success;
    border-color: $color-success;
    background-color: $color-blanc;
}

.has-success .form-control-feedback {
    color: $color-success;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
    color: $color-warning;
}

.has-warning .form-control {
    border-color: $color-warning;

        -webkit-box-shadow:inset 0 1px 1px $color-dark;
        -moz-box-shadow:inset 0 1px 1px $color-dark;
        box-shadow:inset 0 1px 1px $color-dark;
}

.has-warning .form-control:focus {
    border-color: $color-warning;

        -webkit-box-shadow:inset 0 1px 1px transparent, 0 0 6px $color-warning;
        -moz-box-shadow:inset 0 1px 1px transparent, 0 0 6px $color-warning;
        box-shadow:inset 0 1px 1px transparent, 0 0 6px $color-warning;
}

.has-warning .input-group-addon {
    color: $color-warning;
    border-color: $color-warning;
    background-color: $color-blanc;
}

.has-warning .form-control-feedback {
    color: $color-warning;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
    color: $color-danger;
}

.has-error .form-control {
    border-color: $color-danger;

        -webkit-box-shadow:inset 0 1px 1px $color-dark;
        -moz-box-shadow:inset 0 1px 1px $color-dark;
        box-shadow:inset 0 1px 1px $color-dark;
}

.has-error .form-control:focus {
    border-color: $color-danger;

        -webkit-box-shadow:inset 0 1px 1px transparent, 0 0 6px $color-danger;
        -moz-box-shadow:inset 0 1px 1px transparent, 0 0 6px $color-danger;
        box-shadow:inset 0 1px 1px transparent, 0 0 6px $color-danger;
}

.has-error .input-group-addon {
    color: $color-danger;
    border-color: $color-danger;
    background-color: $color-blanc;
}

.has-error .form-control-feedback {
    color: $color-danger;
}

.clearfix:before,
.clearfix:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
    content: " ";
    display: table;
}

.clearfix:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.form-horizontal .form-group:after {
    clear: both;
}

.input-group .form-control{
    border-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.form-group{
    position: relative;
}
.sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;

    /* reset */
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    top: -999999px;
    left: -999999px;
}

.sr-only:focus {
    background-color: $color-blanc;
    border-radius: 4px;
    clip: auto;
    color: $couleur-2;
    display: block;
    font-size: 1em;
    height: 50px;
    line-height: 20px;
    padding: 15px 15px;
    position: absolute;
    left: 5px;
    top: 5px;
    text-decoration: none;
    text-transform: none;
    width: auto;
    z-index: 100000;

    /* Above WP toolbar */
}

.carousel-control .picto-arrow-left, .carousel-control .picto-arrow-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

[data-module="infotrafic"] .carousel-control .picto-arrow-left, [data-module="infotrafic"] .carousel-control .picto-arrow-right {
    top: auto;
    bottom: 20px;
}

[data-module="diaporama"] .carousel-indicators{
    position: absolute;
    bottom: 0px;
    left: auto;
    z-index: 15;
    width: 100%;
    margin-left: 0;
    padding: 0 20px;
}
[data-module="diaporama"] .carousel-indicators li, [data-module="diaporama"] .carousel-indicators li.active {
    height: 15px;
    width: 15px;
    margin: 1px
}
/*
.carousel-indicators {
    bottom: -30px
}
*/
.carousel-indicators {
    margin-bottom: 0px !important;
    bottom: 0px !important;
}

.carousel-indicators li, .carousel-indicators li.active {
    height: 3px !important;
    width: 20px !important;
    margin: 0 3px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
  }

[data-module="diaporama"] .carousel-control.left, [data-module="diaporama"] .carousel-control.right {
    background:transparent
}

#myBanner .carousel-control.left, #myBanner .carousel-control.right,
#myBanner .carousel-control.left:focus, #myBanner .carousel-control.right:focus {
    display: none
}

.carousel-control .picto-arrow-left {
    left: 10px;
}

.carousel-control .picto-arrow-right {
    right: 10px;
}

@media (min-width: 992px) {
    /* AFFIX */

    .affix {
        position: fixed;
        /*position: sticky;*/
        top: 0;
        max-height: 100vh;
      overflow-y: auto;
      overflow-x: hidden;
    }
    .affix-bottom{
      position: fixed !important;
    }

    #containersidebar{
      position: relative;
    }

    html.lt-ie9 .affix,
    html.lt-ie8 .affix,
    html.lt-ie7 .affix{
        position: relative
    }

    .carousel-control .picto-arrow-left, .carousel-control .picto-arrow-right {
        width: 20px;
        height: 30px;
        margin-top: -10px;
        font-size: 20px;
    }

    .bs-docs-sidebar .nav > .active > a {
        /*margin-right: -50px;*/
    }

}

@media (max-width: 991px) {
    .affix {
        position: relative;
    }

    .content_maintenance{display: none}
}



[class^="picto"].icon-2x {
    line-height: 1em;
    font-size: 1.5em;
}
[class^="picto"].icon-3x {
    line-height: 1.5em;
    font-size: 3em;
}
[class^="picto"].icon-4x {
    line-height: 1.5em;
    font-size: 4em;
}

/* Module iti */
.panel-iti [class^="col"]{
    padding-right: 7px;
padding-left: 7px;

}
.panel-iti .row {
    margin-right: -7px;
    margin-left: -7px;
}

.btn-invert-iti {
    min-height: calc(100% - 15px) !important;
}

.btn-invert-iti [class^="picto"] {
    line-height: 92px;
    font-size: 1.5em;
}

/* INDICES DE LIGNE */

#bloc_actu_ligne.row > [class^="col-"] {
    padding: 3px;
}



#bloc_actu_ligne .indice {
    margin: 0;
}

#bloc_actu_ligne .thumbnail img {
    height: 25px;
    width: auto !important;
    max-width: none !important;
}

.modal-header{
    background: $color-bkg-droite;
    color: $color-contrast-a;
    text-align: center
}
.alert .modal-header{
    background: $color-danger;
    color: $color-contrast-danger;
}
.modal-header img.logo{max-height: 40px;}

.modal-body{
    min-height: 300px;
    text-align: left
}
.modal-body hr:last-child{
  display: none
}
.modal-dialog .close {
    font-size: 2em;
    color: $color-contrast-a;
    opacity: 1;
    text-shadow: none;
}


main ul {
    list-style-image: $puce-li;
    padding-left: 20px;
}
main .well-info ul,
main .well-danger ul,
main .well-warning ul,{
    list-style-image: $puce-li-blanc;
}

figure.image{padding:0;margin: 0;}
figure.image figcaption{font-size:0.7em; text-align:center;
    padding:10px;
    background: $ariane;}


/* ARIANE */

.breadcrumb,
.ariane .nav {
    background-color: transparent;
    margin: 10px 0;
    font-size: 0.8em;
}

.breadcrumb {
    padding: 8px;
}
.breadcrumb a{
    color: $color-bkg-droite
}
.breadcrumb a:hover,
.breadcrumb a:focus{
    color: $color-bkg-droite
}
.ariane p.navbar-text {
    padding: 8px 7px;
    margin: 0;
}
@media screen and (max-width: 767px){
.ariane {
    background-color: $color-blanc;
    border-radius: $border-radius-linkhome;
    padding: 0 10px;
    margin-top: 20px
}
#containersidebar .content {
    padding-bottom: 0px;
}
#bs-example-navbar-collapse-2{
    padding-right: 20px;
    padding-left: 20px;
  }

#bs-example-navbar-collapse-2 #zonesidebar{
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 768px){
  #zonesidebar{
    margin-top: 10px
  }
}
.breadcrumb > li + li::before {
    padding: 0 1px 0 5px;
  }


.tools{float: right;width: auto}
.tools .nav{width: auto;margin-top: 5px;}

.tools .nav > li > .btn.augmente,
.tools .nav > li > .btn.reduce {
    display: none;
}

.tools .nav > li > .btn.block {
    display: inline-block;
}
.tools .nav > li > .btn.none {
    display: none;
}
.tools button,
.tools a{
  color: $color-bkg-droite;
font-size: 0.9em;
line-height: 1;
height: 30px;
padding: 0 10px;}

.none {
    display: none !important;
}

.tools button:hover,
.tools a:hover,
.tools button:focus,
.tools a:focus{
background:$color-bkg-droite;
color: $color-bkg-droite-contrast;
}

.breadcrumb > li + li.date-ariane::before {
    content: "";
}

.tools button.btn-link:hover,
.tools button.btn-link:focus {
    text-decoration: none;
}

.tools [class^="picto-"] {
    font-size: 1.3em;
}

 footer .sidebar .btn-social:hover,
 footer .sidebar .btn-social:focus {
    text-decoration: none;
    background: $color-contrast-b;
}

 footer .sidebar .btn-social.btn-facebook:hover,
 footer .sidebar .btn-social.btn-facebook:focus{
  color: #26448B
 }
 footer .sidebar .btn-social.btn-twitter:hover,
 footer .sidebar .btn-social.btn-twitter:focus{
  color: #008FF8
 }
 footer .sidebar .btn-social.btn-rss:hover,
 footer .sidebar .btn-social.btn-rss:focus{
  color: #FF6A00
 }

.acces-rapides {
    padding: 20px 0;
    margin-top: 20px;
}

.acces-rapides a{
    display: block;
    text-align: center
}
.acces-rapides a img{
    border-radius: 100%;
    display: block;
    transition: $transition-all;
    margin: 0 auto 20px;
    max-width: 90px;
    width: 100%
}
.acces-rapides a:hover img,
.acces-rapides a:focus img{
    -webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
        transform: scale(0.9);
}


/* FOOTER */
footer {
    padding: 0;
    color: $color-gris-fonce;
    font-size: 0.9em;
}
footer .footgris{
    background: $color-contrast-alpha-light-a;
}

footer .nav.nav-pills.nav-stacked{
    margin-bottom: 20px
}

footer .sidebar,
footer .sidebar a {
    color: $color-bkg-droite-contrast;
}

footer .sidebar .nav a:hover,
footer .sidebar .nav a:focus,
footer .sidebar .nav a.active{
    color: $color-bkg-droite;
    background-color: $color-bkg-droite-contrast;
}

footer .sidebar .nav > li > a.active {
    text-decoration: none;
    color: $color-bkg-droite;
    background-color: $color-bkg-droite-contrast;
}

footer .content,
footer .content a {
    color: $color-bkg-droite-contrast;
}

footer .sidebar .row-filet {
    padding-top: 20px;
    padding-bottom: 20px
}
footer .sidebar .row-filet {
    border-top: 1px solid $color-contrast-alpha-b;
}


footer .sidebar,
footer .content {
    text-transform: none;
}

footer .nav > li > a,
footer .nav > li > span {
    padding: 6px 10px;
}

footer .nav > li:first-child > a {
    font-family: $regular;
}

footer p {
    padding: 6px 0;
}
 footer .logo{
    max-width: 175px;
    width: 100%;
    height: auto
 }
 footer .sidebar .btn-social {
    font-size: 2em;
    padding: 0 5px;
    line-height: 0;
    border-radius: 30px;
    border: none;
    color: $color-contrast-b;
}
h2.phone-footer{
  margin-bottom: 0;
  display: inline-block;
}

.foot-phone{
  padding-left: 60px;
  background: url(/img/foot-phone.png) no-repeat left 50% transparent;
  background-size: 50px auto
}
.foot-phone .label.label-success{
  vertical-align: middle !important;
  border-radius: 1em;
  margin-left: 5px;
  display: inline-block;
  margin-top: -10px;
}
.appellocal{
  font-size: 0.7em
}
.detail-phone{
  font-size: 0.8em
}
.tooltip{
    font-family: $regular;
    font-size: 14px;
}

/* ----------------------------------------------------------- CONTENU ----------------------------------------------------------- */

details {
    border: 1px solid $color-bkg-droite;
    padding: .5em .5em 0;
    transition: all .3s
}

summary {
    font-weight: bold;
    margin: -.5em -.5em 0;
    padding: .5em;
    cursor: pointer;
    transition: all .3s;
    background: $ariane
}
summary:hover,
summary:focus{
    background: $color-bkg-droite;
    color: $color-bkg-droite-contrast
}
summary:after{
    content: "\F109";
    font-family: 'actipage' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1.5;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    font-size: 0.8em;
    float: right
}

details[open] {
    padding: .5em;
    background: $color-blanc
}

details[open] summary {
    border-bottom: 1px solid $color-bkg-droite;
    margin-bottom: .5em;
    background: $color-bkg-droite;
    color: $color-bkg-droite-contrast
}

details[open] summary:after{
    content: "\f10B";}

.contenu {
    margin-bottom: 40px;
}


.page-header{
    border: none;
}
.page-header,
.page-header h1 {
    margin-top: 10px;
}

h1,
.h1 {
    font-size: 1.8em;
}

h2,
.h2 {
    font-size: 1.5em;
}

h3,
.h3 {
    font-size: 1.3em;
}

h4,
.h4 {
    font-size: 1.1em;
}

h5,
.h5 {
    font-size: 1em;
}

h6,
.h6 {
    font-size: 0.9em;
}

img {
    max-width: 100%;
    height: auto;
}
.actimodule #pdftoMap img,
body:not(.home) main #contenu_page .actimodule #pdftoMap img{
  max-width: none !important
}




/* PRINT */
@media print {
    body {
        font-size: 70%;
    }
    .page-header{border-bottom: 1px solid $color-noir }

    a,
    a:visited {
        color: $color-link-visited;
        text-decoration: underline !important;
    }

    a[href]:after {
        content: " (" attr(href) ")";
        color: $color-link-visited !important;
        text-decoration: underline !important;
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    .logo_print img {
        width: 150px;
    }

    .contenu {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .contenu > .row {
        margin: 0;
    }

    #zonecontenu {
        width: auto !important;
        margin: 0 !important;
        float: none !important;
        padding: 0 !important;
    }

    .collapse {
        display: block;
    }
}

.well-xs {
    padding: 8px;
    font-size: 0.9em;
}

.content, .sidebar {
    color: $color-contrast-a;
}

#wrapper-content2 .sidebar {
    padding: 0 20px 0 20px;
}

.bandeau-alert {
    @include background-alert;
    color: $color-blanc;
    padding: 10px 0;
    margin-top: 20px;
}
.bandeau-alert a{
    color: $color-blanc;
    display: block
}

.bandeau-alert span.picto-alert{
    font-size: 1.5em;
    margin-right: 20px
}

.home .bandeau-alert{

    margin-bottom: -20px
}

.bandeau-alert .content {
    padding: 10px 20px;
}

#wrapper-nav > .container,
#wrapper-content > .container,
#wrapper-content2 > .container,
#wrapper-content3 > .container {
    padding: 0;
}

#wrapper-footer > .container,
#wrapper-footer2 > .container{
  padding: 20px 0
}


.alert{
    border-radius: 0
}
.alert-notice{
    background: $color-blanc
}


.well {
    background: $color-contrast-alpha-light-a;
    border-radius: 0;
    border: none;
    padding: 20px;

        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;

}

#contenu_page fieldset{background: $color-contrast-alpha-light-a;padding: 10px 20px;margin-bottom: 20px}
#contenu_page legend{margin-top: -10px; font-family: $bold}

.has-feedback label.sr-only ~ .form-control-feedback, {
    top: 0;
    line-height: 34px;
}


.well-primary{background: $color-primary;}
.well-success{background: $color-success;}
.well-warning{background: $color-warning;}
.well-info{background: $color-info;}
.well-danger{background: $color-danger;}


.navbar-xs { min-height:22px; border-radius:0; border-bottom: none}
.navbar-xs .navbar-nav{display: block !important;}
.navbar-xs .navbar-nav > li > a { padding-top: 2px; padding-bottom: 2px; line-height: 16px ; font-size: 0.8em}

.navbar-toggle {
    float: left;
}

.navbar-header {
    text-align: center;
}


.navbar-default .navbar-nav > li > a {
    color: $color-bkg-droite;
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: $color-bkg-droite-contrast;
    background-color: $color-bkg-droite;
}

.navbar-toggle {
    border: none;
    border-radius: 0;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: $color-contrast-a;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: $color-contrast-a;
}
.navbar-default .navbar-toggle:focus .icon-bar , .navbar-default .navbar-toggle:hover .icon-bar  {
    background-color: $color-bkg-droite;
}

.btn-ssmenu,
.btn-ssmenu:hover,
.btn-ssmenu:focus{
  float: none;
  background: $color-bkg-body;
  border-radius: 100%;
  margin: 10px 0 0 0;
  padding: 16px 12px 14px 18px;

  transition: padding 0.2s;
}
.btn-ssmenu.collapsed,
.btn-ssmenu.collapsed:hover,
.btn-ssmenu.collapsed:focus{
  padding: 16px 15px 14px ;
}


.icon-bar-ssmenu{
    background-color: $color-contrast-body;
  }


img {
    max-width: 100%;
}
body:not(.home) main #contenu_page img:not(.leaflet-tile) {
    max-width: 100% !important;
    height: auto !important
}

.content-logo img {
    max-height: 100px;
}


.sidebar-nav {
    padding-bottom: 0;
}


body:not(.rgaawidth) .alert-rgaa{
    display: none
}
body.rgaawidth .alert-rgaa{
    display: block;
    z-index: 1063;
    position: relative;

        -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
}

body.rgaawidth a[target="_blank"]:after{
    font-family: 'actipage';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\00a0\f14a";
    font-size: 0.6em;
    text-decoration: none !important;
}

body.rgaawidth #contenu_page [class*='col-']{
    width: 100%;
    float: none
}

.alert-danger,
.alert-danger:hover,
.alert-danger:focus{
    background: $color-danger;
    color: $color-contrast-danger;
    border: none
}
.alert-success,
.alert-success:hover,
.alert-success:focus{
    background: $color-success;
    color: $color-contrast-success;
    border: none
}
.alert-info,
.alert-info:hover,
.alert-info:focus{
    background: $color-info;
    color: $color-contrast-info;
    border: none
}
.alert-warning,
.alert-warning:hover,
.alert-warning:focus{
    background: $color-warning;
    color: $color-contrast-warning;
    border: none
}

.form-control{border-radius: 0}

.form-control::-webkit-input-placeholder {color: $color-dark-light;}
.form-control:-moz-placeholder {color: $color-dark-light;}
.form-control::-moz-placeholder {color: $color-dark-light;}
.form-control:-ms-input-placeholder {color: $color-dark-light;}
.form-control::-ms-input-placeholder {color: $color-dark-light;}

#recherche .form-control::-webkit-input-placeholder {color: $color-contrast-alpha-b;}
#recherche .form-control:-moz-placeholder {color: $color-contrast-alpha-b;}
#recherche .form-control::-moz-placeholder {color: $color-contrast-alpha-b;}
#recherche .form-control:-ms-input-placeholder {color: $color-contrast-alpha-b;}
#recherche .form-control::-ms-input-placeholder {color: $color-contrast-alpha-b;}



/* Microsoft Edge */

.well p:last-child {
    margin-bottom: 0;
}


.modal {
  z-index: 1062;
  text-align: center;
}

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

.modal {
  padding: 0!important;
}

.navbar-default .navbar-nav > li > a {
    text-align: left;
    font-size: 1em;
    font-family: $regular;
    width: 100%;
    /*height: 100%;*/
    @include flex;
    @include flex-column;
    @include flex-justify-center

}

.modal:before {
  content: '';
  display: inline-block;
  height: 100vh;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  vertical-align: middle;
    width: 75vw;
}

}


    .row.is-flex {
    @include flex;
    @include flex-wrap;
    }



    .row.is-flex:before{
        display: block;
    }

    .row.is-flex > [class*='col-'] {
    @include flex;
    @include flex-column;
    @include flex-nowrap;
    }


    .is-flex .well {
        height: 100%;
    }

    .is-flex .well {
    @include flex;
    @include flex-row;
    @include flex-nowrap;
    @include flex-justify-center;
    @include flex-stretch;
    @include flex-align-center;
    }

    .is-flex .well a
    /*.is-flex a*/ {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        width: 100%;
    @include flex-align-center;
    }
@media screen and (min-width: 1200px) {

.modal-dialog {
    width: 60vw;
}
.linkhome{
  font-size: 1.1em !important
}
}

.content-logo,
.sidebar-nav {
    @include flex;
    @include flex-column;
    @include flex-nowrap;
}


.content-logo {
    padding: 0;
    @include flex-justify-center;
    @include flex-stretch;
    @include flex-align-center;
}
.content-logo.baseline{
    @include flex-align-start;
    color: $color-bkg-droite-contrast;
    text-transform: uppercase;
}
.content-logo.baseline span.orange{
    color: $color-warning;
    display: inline-block !important
}



.sidebar-nav {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    @include flex-stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

/* end FLEXBOX */

.navbar {
    margin: 0;
    width: 100%;
}

.navbar-default {
    background: transparent;
    border-radius: 0px;
        -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0), 0 1px 5px rgba(0, 0, 0, 0);
        -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0), 0 1px 5px rgba(0, 0, 0, 0);
        box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0), 0 1px 5px rgba(0, 0, 0, 0);
    border: 0px solid transparent;
}
/*
.navbar-form {
    margin: 0 -15px;
}*/

#wrapper-content2.page .sidebar{
  padding-top: 0 !important;
  padding-bottom: 40px !important
}

#form_recherche input.form-control {
    color: $color-contrast-a;
    /*
    background: $color-contrast-alpha-light-b;
    border-color: transparent;
    */
    background: #D8E3EA;
    border: 0px solid $color-border-search;
    border-right: 0 ;

        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
    text-shadow: none;
    height: 50px;
}
#form_recherche input.form-control:focus {
    border-color: $input-focus;
    outline: 0;

        -webkit-box-shadow:inset 0 1px 1px transparent, 0 0 8px $input-focus;
        -moz-box-shadow:inset 0 1px 1px transparent, 0 0 8px $input-focus;
        box-shadow:inset 0 1px 1px transparent, 0 0 8px $input-focus;
}

.navbar-form .input-group-btn:last-child > .btn, .navbar-form .input-group-btn:last-child > .btn-group {

    /*
    background: $color-contrast-alpha-light-b;
    border-color: transparent;
    */
    background: #D8E3EA;
    border: 0px solid $color-border-search;
    border-left: 0 ;

        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
    text-shadow: none;
    color: $color-contrast-a;
    margin-left: 0px;
    height: 50px;
}

.navbar-form .input-group-btn:last-child > .btn:hover, .navbar-form .input-group-btn:last-child > .btn-group:hover,
.navbar-form .input-group-btn:last-child > .btn:focus, .navbar-form .input-group-btn:last-child > .btn-group:focus{
    color: $color-bkg-droite;
    background: $color-blanc
}

.navbar-collapse,
.navbar-form {
    border-color: transparent !important;
}

/* MEDIAQUERIES */

@media screen and (min-width: 992px) {
    .content-logo,
    .sidebar-nav {
        min-height: $banner-height;
    }

    .content-logo img {
        margin-bottom: 0px;
        padding: 10px 0
    }

#wrapper-content.page .sidebar,
#wrapper-content2.page .sidebar,
#wrapper-content3.page .sidebar{
  padding: 20px  0
}

}

@media screen and (max-width: 767px) {
    .navbar {
        margin: 0;
    }
    .navbar-form {
        padding: 10px 0px;
        margin: 0;
    }

    #zonecontenu thead {
        display: none;
    }
    #zonecontenu tbody,
    #zonecontenu tr,
    #zonecontenu th,
    #zonecontenu td {
        display: block;
        padding: 0;
    }

    #zonecontenu  th,
    #zonecontenu td {
        vertical-align: middle;
        width: 100% !important;
        padding: 0 !important
    }
    #zonecontenu td {
        padding-bottom: 10px !important;
        border: 0px solid transparent !important}
    #zonecontenu table{
        border: 0 !important;
        background: transparent !important;
    }
    #zonecontenu tr,
    #zonecontenu th,
    #zonecontenu td {height: auto !important;}
    #zonecontenu td[data-title]::before {
        content: attr(data-title);
        font-family: $bold;
        float: left;
        width: 100%;
        padding: 16px 0 16px;
        margin: 0px 0px 10px 0px;
        color: $color-blanc;
        background: $color-bkg-droite;

    }

    #zonecontenu tr{
        border: 2px solid $color-bkg-droite;
        margin-bottom: 2em;
        text-align: center;
    }
    #zonecontenu tbody th[scope="row"] {
        font-weight: bold;
        border-bottom: 2px solid gainsboro;
        border-top: 0;
    }
}

.popover-content{display: none}
.popover.bottom > .arrow {
    top: -10px;
}
.popover-title{
    padding: 8px 14px;
    font-size: 1em;
    background-color: transparent;
    border: 0 solid transparent;
    border-radius: 5px;
}






@media(min-width: 1200px)  {

.center-carousel {
    left: 50%;
    -webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
        transform: translateX(-50%);
}
}

.btn.btn-rgaa.active{
    outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
color: $color-blanc
}

@media screen and (min-width: 768px) {
    .content-logo {
        min-height: $banner-height;
        border-bottom: 0px solid rgba(255, 255, 255, 0.5);
    }

    .navbar .container-fluid {
        padding: 0;
    }

    header .navbar-collapse.collapse {
        padding: 0;
        @include flex;
        @include flex-row;
        @include flex-nowrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    nav.navbar{
        @include flex;
        @include flex-column;
    }
    .navbar-default .navbar-nav {
        width: 100%;
        height: 100%;
        @include flex;
        @include flex-column;
        @include flex-nowrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .navbar-default:not(.navbar-xs) .navbar-nav {
        width: 100%;
    }

    .navbar-default .navbar-nav > li {
        width: 100%;
        height: 100%;
        @include flex;
        @include flex-column;
       border-bottom: 1px solid $color-contrast-alpha-b

        /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
    .page .navbar-default .navbar-nav > li {
        height: auto !important;
    }
        .navbar-default .navbar-nav > li:last-child {
        width: 100%;
        height: 60px !important;
        display: block !important;
        @include background-contain;
        border-bottom: none
    }
    .navbar-default .navbar-nav > li:nth-last-child(2){
        border-bottom: none}
}
#wrapper-content .content {
    padding: 10px 0;

}

@media screen and (max-width: 991px) {
    .sidebar::before {
        position: absolute;
        width: auto;
        height: auto;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        margin-right: -7px;
        margin-left: -7px;
    }

.col-header:first-child{
  padding-left: 0 !important;
  padding-right: 0 !important
}

#wrapper-content .content {
    padding: 20px 20px 0 20px;
}
#wrapper-content2 .sidebar {
    padding: 0 10px 0 10px;
}

    .content-logo {
        min-height: $banner-height;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    footer .sidebar .row-filet .col-md-6{
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px
    }

footer .content,
footer .sidebar {
    border-top: none;
}

.credits{text-align: center}
.credits .logo{display: block;margin: 0 auto;}
    .bandeau-alert {
        margin-top: 0;
    }

    .navbar-default {
        border: none;
    }

    .sidebar-nav {
        padding: 0;
    }

    .content, .sidebar {
        position: relative;
    }

    #wrapper-nav > .container,
    #wrapper-content > .container,
    #wrapper-content2 > .container,
    #wrapper-content3 > .container,
    #wrapper-footer > .container,
    #wrapper-footer2 > .container {
        width: auto;
        padding: 0;
    }
}



@media (min-width: 768px) and (max-width: 991px) {
    .nav > li > a {
        padding: 15px 10px;
    }
    .linkhome{ font-size: 1em !important }

.center-carousel {
    left: 50%;
    -webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
        transform: translateX(-50%);
}

}

.linkhome,
.is-flex [data-module="infotrafic"],
.carousel-home [data-module="carousel"],
.carousel-home [data-module="diaporama"],
.carousel-home .carousel,
.carousel-home .center-carousel,
.carousel-home .carousel-inner,
#contenu_page,
.sub-nav-group > li > a,
.bs-docs-sidebar .nav > .active > a{
  border-radius: $border-radius-linkhome;

}

.carousel-home .carousel .carousel-caption,
.home .indice-actu .btn.btn-warning,
.sub-nav{
    border-radius: 0 0 $border-radius-linkhome $border-radius-linkhome;
}
.carousel-control.left{
    border-radius: $border-radius-linkhome 0 0 $border-radius-linkhome;
}

.carousel-control.right{
    border-radius: 0 $border-radius-linkhome $border-radius-linkhome 0;
}
.navbar-default .navbar-nav > li > a{
border-radius: $border-radius-linkhome $border-radius-linkhome 0 0;
}
#form_recherche input.form-control{
  border-radius: $border-radius-linkhome 0 0 $border-radius-linkhome !important
}
.navbar-form .input-group-btn:last-child > .btn, .navbar-form .input-group-btn:last-child > .btn-group{

  border-radius: 0 $border-radius-linkhome $border-radius-linkhome 0
}

/* CONTENU */


#redirect{margin:-15px}

.jumbotron{
    background:$ariane;
}


a{
  color: $color-link
}


h1, .h1{
    color: $color-bkg-droite;
    font-family: $regular;
}
.page-header h1{;
  padding-top: 20px;
  padding-left: 30px
}
.page-header{
  margin-bottom: 0
}

h2, h3, h4, h5, h6{
 color: $couleur-2
}

#contenu_page > h2:first-child,
#contenu_page > h3:first-child,
#contenu_page > h4:first-child,
#contenu_page > h5:first-child{

 margin-top: 0;
}

.modal-title{
    color: $color-contrast-a;
}

.well a.accordion-toggle{

    color: $couleur-contrast-1;
    text-decoration: none !important;
    display: block;
}

.accordion-body.collapse.in,
.accordion-body.collapsing {
    margin-top: -20px;
    padding: 10px;
    border: 1px solid $couleur-1
}

.well h2:first-child,
.well h3:first-child,
.well h4:first-child,
.well h5:first-child,
.well h6:first-child{margin-top: 0}


.well-danger h2,
.well-danger h3,
.well-danger h4,
.well-danger h5,
.well-danger h6,
.well-danger .h2,
.well-danger .h3,
.well-danger .h4,
.well-danger .h5,
.well-danger .h6,
.well-danger p,
.well-danger li,
.well-danger{
    color: $color-blanc !important
}
.well-info h2,
.well-info h3,
.well-info h4,
.well-info h5,
.well-info h6,
.well-info .h2,
.well-info .h3,
.well-info .h4,
.well-info .h5,
.well-info .h6,
.well-info p,
.well-info li,
.well-info{
    color: $color-blanc !important
}
.well-warning h2,
.well-warning h3,
.well-warning h4,
.well-warning h5,
.well-warning h6,
.well-warning .h2,
.well-warning .h3,
.well-warning .h4,
.well-warning .h5,
.well-warning .h6,
.well-warning p,
.well-warning li,
.well-warning{
    color: $color-noir !important
}




table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  background: $color-blanc;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid $color-bkg-droite;
}
table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid $color-bkg-droite;
}
table > tbody > tr:nth-of-type(odd) {
  background-color: $color-contrast-alpha-light-b;
}



td, th {
    font-family: $regular;
    font-size: inherit;
}
th {
    font-family: $bold;
    font-size: inherit;

    font-weight: normal;
}

.well-danger table > thead > tr > th,
.well-danger table > tbody > tr > th,
.well-danger table > tfoot > tr > th,
.well-danger table > thead > tr > td,
.well-danger table > tbody > tr > td,
.well-danger table > tfoot > tr > td {
  border-color: $color-danger;
}
.well-info table > thead > tr > th,
.well-info table > tbody > tr > th,
.well-info table > tfoot > tr > th,
.well-info table > thead > tr > td,
.well-info table > tbody > tr > td,
.well-info table > tfoot > tr > td {
  border-color: $color-info;
}
.well-warning table > thead > tr > th,
.well-warning table > tbody > tr > th,
.well-warning table > tfoot > tr > th,
.well-warning table > thead > tr > td,
.well-warning table > tbody > tr > td,
.well-warning table > tfoot > tr > td {
  border-color: $color-warning;
}

.panel-primary{
  border-color: $color-bkg-droite;
}
.panel-primary > .panel-heading {
    color: $color-contrast-a;
    background-color: $color-bkg-droite;
    border-color: $color-bkg-droite;
}


/* MENU SLIDE */



.modal-backdrop.in {
    filter: alpha(opacity=75);
    opacity: .75;
}
.modal-backdrop{
  z-index: 1061
}





form.passages hr{position: relative;
border-color: $couleur-3}
form.passages hr::before {
    content: "ou";
    position: absolute;
    top: -15px;
    left: 50%;
    padding: 0 5px;
    width: 30px;
    margin-left: -20px;
    text-align: center;
    color: $couleur-3
}

.carousel .playButton.btn-link,
.carousel .pauseButton.btn-link{
  color: $color-contrast-a;
  background: $color-light-light;
  border-radius: $border-radius-linkhome;
}
.carousel .playButton.btn-link:focus,
.carousel .pauseButton.btn-link:focus,
.carousel .playButton.btn-link:hover,
.carousel .pauseButton.btn-link:hover{
  background: $color-contrast-a;
  color: $color-contrast-b
}
.carouselButtons{
  text-align: right;
  display: block;
position: absolute;
right: 3px;
top: 2px;
z-index: 10;
}

/*.carousel{
    min-height: 400px
}*/
.carousel-caption {
    right: 10px;
    left: 50%;
    top: 10px;
    padding: 10px 30px 10px 10px;
    text-align: left;
    bottom: 10px;
    text-shadow: none;
    color: $color-noir;
    background: $color-light;
    @include flex;
    @include flex-column;
    @include flex-nowrap;
    @include flex-justify-center;

}
.carousel-home .carousel .carousel-caption {
    right: 10px;
    left: 10px;
    top: 60%;
}

.carousel-home .carousel .carousel-indicators li{
  border-radius: 0
}
.carousel-caption p{
    margin-bottom: 0;
    font-size: 0.85em
}

.carousel:hover .carousel-caption,
.carousel:focus .carousel-caption{
    background: $color-light;
    z-index: 10;
}
.carousel:hover,
.carousel:focus{
    cursor: pointer
}

.carousel:hover .carousel-caption h3,
.carousel:focus .carousel-caption h3{
    text-decoration: underline
}
.carousel-caption h3{
    font-family: $bold;
    margin-top: 0
}
.carousel .carousel-inner .item a .carousel-caption{
     transition: box-shadow 0.3s ease-in-out
}
.carousel .carousel-inner .item a:focus .carousel-caption,
.carousel .carousel-inner .item a:hover .carousel-caption{
        cursor: pointer
    }
.carousel .carousel-inner .item a .carousel-caption h3{
  transition: color 0.3s ease-in-out
}
.carousel .carousel-inner .item a:focus .carousel-caption h3,
.carousel .carousel-inner .item a:hover .carousel-caption h3{
  color: $color-primary
}


.row-share{
    padding: 15px 0;
    margin-right: -7px;
    margin-left: -7px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .carousel-caption {
    position: relative;
    padding: 0 60px 20px;
    width: 100%;
    left: 0;
}

.home .panel-default > .panel-heading, .home .panel-default > .panel-body{
  padding: 20px
}
.home .panel-default > .panel-body hr{
  margin-top: 10px;
  margin-bottom: 10px
}
}
@media (max-width: 767px){
    .carousel-caption {
    position: relative;
    padding: 0 60px 20px;
    width: 100%;
    left: 0;
}
.sidebar .row.row-filet [class*="col-"]{
  text-align: center !important;
  margin-bottom: 20px;
}
.home .panel-default > .panel-heading, .home .panel-default > .panel-body{
  padding: 20px
}
.home .panel-default > .panel-body hr{
  margin-top: 10px;
  margin-bottom: 10px
}
[data-module="infotrafic"]{
  padding: 20px !important
}
}


/* Gestion flexbox IE9*/

.row.is-flex{
    max-height: 100%;
}

.no-flexbox header{
    display: table !important;
    width: 100%;
}
.no-flexbox header > .container {
        display: table-cell !important;
        vertical-align: middle;
    }

.no-flexbox .content-logo,
.no-flexbox .sidebar-nav {
        display: table-cell !important;
        margin: 0 auto
    }
.no-flexbox .sidebar-nav {
        display: block !important;
        margin: 0 auto
    }
.no-flexbox .content-logo{
    vertical-align: middle
}
@media (min-width: 992px) {

    .no-flexbox .onslider > .row{
        display: table !important;
        width: 100%;
    }
    .no-flexbox .onslider > .row > [class^="col-"] {
            display: table-cell !important;
        }

}

@media (min-width: 768px) {
    .no-flexbox .sub-nav.open  {
        display: table !important;
        width: 100%;
    }
    .no-flexbox .sub-nav.open  ul{
            display: table-cell !important;
        }
    }



.no-flexbox [data-module="diaporama"] .carousel-inner > .item > a > img,
.no-flexbox [data-module="diaporama"] .carousel-inner > .item > img {
    max-width: 100% !important ;
}

.no-flexbox .home #wrapper-nav .container .row.is-flex,
.no-flexbox .home #wrapper-content .container .row.is-flex,
.no-flexbox .home #wrapper-content2 .container .row.is-flex,
.no-flexbox .home #wrapper-content3 .container .row.is-flex,
.no-flexbox .home #wrapper-footer .container .row.is-flex,
.no-flexbox .home #wrapper-footer2 .container .row.is-flex {
    display: table !important;
    width: 100%;
}
.no-flexbox .home #wrapper-nav .row.is-flex > [class*='col-'],
.no-flexbox .home #wrapper-content .row.is-flex > [class*='col-'],
.no-flexbox .home #wrapper-content2 .row.is-flex > [class*='col-'],
.no-flexbox .home #wrapper-content3 .row.is-flex > [class*='col-'],
.no-flexbox .home #wrapper-footer .row.is-flex > [class*='col-'],
.no-flexbox .home #wrapper-footer2 .row.is-flex > [class*='col-'] {
    display: table-cell !important;
}

@media(max-height: 600px) and (min-width: 768px) {
    body:not(.rgaawidth)  {
    font-size: 0.9em !important;
    }
    body:not(.rgaawidth) .content-logo {
    min-height: 70px;
    border-bottom: 0px solid rgba(255, 255, 255, 0.5);
    }
    body:not(.rgaawidth) .content-logo img {
        max-height: 70px;
    }
    body:not(.rgaawidth) .content-logo, body:not(.rgaawidth) .sidebar-nav {
    min-height: 70px;
    }
    body:not(.rgaawidth) .page-header{
        margin: auto
    }
    body:not(.rgaawidth) .bs-docs-sidenav > li:first-child {
    margin-top: 20px;
}
}


#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, #tarteaucitron #tarteaucitronClosePanel {

    z-index: 1;}


.home .indice-actu{width: 100%}

.indice, .indice_on {
    display: inline-block;
    background: transparent;
    margin: 0;
    padding: 3px;
    width: 50px;
    border-radius: 50%;
    cursor: pointer;

transition: transform 0.3s ease-in-out;
}

.home .indice-actu .btn.btn-warning{
  font-size: 0.9em
}

.indice:hover{
    background: $ariane;
    cursor: pointer;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
.indice_on {
    background: $color-danger;
}

    .home .indice-actu .btn.btn-warning{
        font-family: $regular;
        -webkit-box-shadow: inset 0px 0px 0px 0px $color-contrast-warning;
        -moz-box-shadow: inset 0px 0px 0px 0px $color-contrast-warning;
        box-shadow: inset 0px 0px 0px 0px $color-contrast-warning;
        background: $color-dark-light;
        transition: box-shadow 0.3s ease-in-out, background 0.3s ease-in-out;
        color: $color-contrast-warning;

    }
    .home .indice-actu .btn.btn-warning:hover,
    .home .indice-actu .btn.btn-warning:focus{
        -webkit-box-shadow: inset 0px 0px 0px 4px $color-contrast-warning;
        -moz-box-shadow: inset 0px 0px 0px 4px $color-contrast-warning;
        box-shadow: inset 0px 0px 0px 4px $color-contrast-warning;
        background: $color-blanc;
        color: $color-warning;

    }

@media(min-width: 1200px) {
    .home .indice-actu{
        padding: 20px;
        position: absolute;
        top: 0;
        bottom:0;
        left: 0;
        right: 0;
    }
    .home .indice-actu .btn.btn-warning {
        position: absolute;
        left: 0px;
        border: none;
        bottom: 0px;
        padding: 10px 6px;
    }

    .row.is-flex [class*='col-'] .row.is-flex{
      height: 100%
    }
}
@media(min-width: 768px) and (max-width: 991px) {
    .home .indice-actu{
        padding: 20px;
        position: absolute;
        top: 0;
        bottom:0;
        left: 0;
        right: 0;
    }
    .home .indice-actu .btn.btn-warning {
        position: absolute;
        left: 0px;
        border: none;
        bottom: 0px;
        padding: 5px 15px;
    }

    .row.is-flex [class*='col-'] .row.is-flex{
      height: 100%
    }

}

[data-module="infotrafic"].color6{
  background: $color-warning !important
}

[data-module="infotrafic"].color6 a{
    color: $couleur-contrast-6 !important;
}

.home .indice-actu h3.info_trafic{
    border-bottom: 1px solid $couleur-contrast-6;
    padding-bottom: 10px;
    font-family: $regular;
    color: $couleur-contrast-6;
    font-size: 1.25em
}

.infotraf div.actu{
  font-size: 1em
}
.infotraf div.actu p{
  font-size: 0.9em
}
.infotraf div.actu strong{
  font-size: 1.1em
}
.infotraf div.actu small{
  font-size: 70%;
  display: block;
}

.home .indice-actu h3.info_trafic .btn {
    position: absolute;
    display: inline;
    width: auto;
    top: 10px;
    right: 5px;
    transition: all 0.5s;
    font-size: 1em
}
.home .indice-actu h3.info_trafic .btn:hover,
.home .indice-actu h3.info_trafic .btn:focus{
    text-decoration: none;
        -webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
        transform: scale(1.2)
}

.linkhome{
    font-family: $regular;
    font-size: 1.1em;
    padding: 0 10px !important;
}

/* - Hauteurs modules home --------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 768px) {
    nav.navbar{height: $h-100-tablet - 7px}
}

@media screen and (min-width: 992px) {
    nav.navbar{height: $h-100 - 7px}
}


@media (min-width: 768px) and (max-width: 991px) {
    .is-flex [data-module="carousel"] .carousel .carousel-caption p,
    .is-flex [data-module="diaporama"] .carousel .carousel-caption p{overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap;}

}





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



    .h100{height: $h-100-tablet !important;}
    .h90{height: $h-90-tablet !important;}
    .h75{height: $h-75-tablet !important;}
    .h70{height: $h-70-tablet !important;}
    .h60{height: $h-60-tablet !important;}
    .h50{height: $h-50-tablet !important;}
    .h30{height: $h-30-tablet !important;}
    .h25{height: $h-25-tablet !important;}
    .h15{height: $h-15-tablet !important;}
    .h10{height: $h-10-tablet !important;}




    .is-flex .h100.linkhome{
        height: $h-100-tablet !important;
    }
    body:not(#tinymce) .is-flex .h100 > [data-module="carousel"],
    .is-flex .h100 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h100 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h100 > [data-module="carousel"] .carousel-control,
    .is-flex .h100 > [data-module="carousel"] .carousel,
    body:not(#tinymce) .is-flex .h100 > [data-module="diaporama"],
    .is-flex .h100 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h100 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h100 > [data-module="diaporama"] .carousel-control,
    .is-flex .h100 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h100 > [data-module="infotrafic"],

    body:not(#tinymce) .is-flex [data-module="carousel"].h100,
    .is-flex [data-module="carousel"].h100 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h100 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h100 .carousel-control,
    .is-flex [data-module="carousel"].h100 .carousel,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h100,
    .is-flex [data-module="diaporama"].h100 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h100 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h100 .carousel-control,
    .is-flex [data-module="diaporama"].h100 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h100{
        height: $h-100-tablet - 7px !important;
    }
    body:not(#tinymce) .is-flex .h100 > [data-module="infotrafic"] .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h100 .carousel{height: $h-100-tablet - 110px !important;}


    .is-flex .h90.linkhome{
        height: $h-90-tablet !important;
    }
    body:not(#tinymce) .is-flex .h90 > [data-module="carousel"],
    .is-flex .h90 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h90 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h90 > [data-module="carousel"] .carousel-control,
    .is-flex .h90 > [data-module="carousel"] .carousel,
    body:not(#tinymce) .is-flex .h90 > [data-module="diaporama"],
    .is-flex .h90 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h90 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h90 > [data-module="diaporama"] .carousel-control,
    .is-flex .h90 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h90 > [data-module="infotrafic"],

    body:not(#tinymce) .is-flex [data-module="carousel"].h90,
    .is-flex [data-module="carousel"].h90 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h90 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h90 .carousel-control,
    .is-flex [data-module="carousel"].h90 .carousel,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h90,
    .is-flex [data-module="diaporama"].h90 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h90 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h90 .carousel-control,
    .is-flex [data-module="diaporama"].h90 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h90{
        height: $h-90-tablet - 7px !important;
    }
    body:not(#tinymce) .is-flex .h90 > [data-module="infotrafic"] .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h90 .carousel{height: $h-90-tablet - 110px !important;}


    .is-flex .h75.linkhome{
        height: $h-75-tablet !important;
    }
    body:not(#tinymce) .is-flex .h75 > [data-module="carousel"],
    .is-flex .h75 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h75 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h75 > [data-module="carousel"] .carousel-control,
    .is-flex .h75 > [data-module="carousel"] .carousel,
    body:not(#tinymce) .is-flex .h75 > [data-module="diaporama"],
    .is-flex .h75 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h75 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h75 > [data-module="diaporama"] .carousel-control,
    .is-flex .h75 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h75 > [data-module="infotrafic"],

    body:not(#tinymce) .is-flex [data-module="carousel"].h75,
    .is-flex [data-module="carousel"].h75 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h75 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h75 .carousel-control,
    .is-flex [data-module="carousel"].h75 .carousel,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h75,
    .is-flex [data-module="diaporama"].h75 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h75 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h75 .carousel-control,
    .is-flex [data-module="diaporama"].h75 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h75{
        height: $h-75-tablet - 7px !important;
    }
    body:not(#tinymce) .is-flex .h75 > [data-module="infotrafic"] .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h75 .carousel{height: $h-75-tablet - 110px !important;}


    .is-flex .h70.linkhome{
        height: $h-70-tablet !important;
    }
    body:not(#tinymce) .is-flex .h70 > [data-module="carousel"],
    .is-flex .h70 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h70 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h70 > [data-module="carousel"] .carousel-control,
    .is-flex .h70 > [data-module="carousel"] .carousel,
    body:not(#tinymce) .is-flex .h70 > [data-module="diaporama"],
    .is-flex .h70 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h70 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h70 > [data-module="diaporama"] .carousel-control,
    .is-flex .h70 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h70 > [data-module="infotrafic"],
    body:not(#tinymce) .is-flex [data-module="carousel"].h70,
    .is-flex [data-module="carousel"].h70 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h70 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h70 .carousel-control,
    .is-flex [data-module="carousel"].h70 .carousel,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h70,
    .is-flex [data-module="diaporama"].h70 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h70 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h70 .carousel-control,
    .is-flex [data-module="diaporama"].h70 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h70{
        height: $h-70-tablet - 7px !important;
    }
    body:not(#tinymce) .is-flex .h70 > [data-module="infotrafic"] .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h70 .carousel{height: $h-70-tablet - 110px !important;}

    .is-flex .h60.linkhome{
        height: $h-60-tablet !important;
    }
    body:not(#tinymce) .is-flex .h60 > [data-module="carousel"],
    .is-flex .h60 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h60 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h60 > [data-module="carousel"] .carousel-control,
    .is-flex .h60 > [data-module="carousel"] .carousel,
    body:not(#tinymce) .is-flex .h60 > [data-module="diaporama"],
    .is-flex .h60 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h60 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h60 > [data-module="diaporama"] .carousel-control,
    .is-flex .h60 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h60 > [data-module="infotrafic"],
    body:not(#tinymce) .is-flex [data-module="carousel"].h60,
    .is-flex [data-module="carousel"].h60 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h60 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h60 .carousel-control,
    .is-flex [data-module="carousel"].h60 .carousel,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h60,
    .is-flex [data-module="diaporama"].h60 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h60 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h60 .carousel-control,
    .is-flex [data-module="diaporama"].h60 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h60{
        height: $h-60-tablet - 7px !important;
    }
    body:not(#tinymce) .is-flex .h60 > [data-module="infotrafic"] .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h60 .carousel{height: $h-60-tablet - 110px !important;}

    .is-flex .h50.linkhome{
        height: $h-50-tablet !important;
    }
    body:not(#tinymce) .is-flex .h50 > [data-module="carousel"],
    .is-flex .h50 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h50 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h50 > [data-module="carousel"] .carousel-control,
    .is-flex .h50 > [data-module="carousel"] .carousel,
    body:not(#tinymce) .is-flex .h50 > [data-module="diaporama"],
    .is-flex .h50 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h50 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h50 > [data-module="diaporama"] .carousel-control,
    .is-flex .h50 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h50 > [data-module="infotrafic"],

    body:not(#tinymce) .is-flex [data-module="carousel"].h50,
    .is-flex [data-module="carousel"].h50 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h50 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h50 .carousel-control,
    .is-flex [data-module="carousel"].h50 .carousel,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h50,
    .is-flex [data-module="diaporama"].h50 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h50 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h50 .carousel-control,
    .is-flex [data-module="diaporama"].h50 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h50{
        height: $h-50-tablet - 7px !important;
    }
    body:not(#tinymce) .is-flex .h50 > [data-module="infotrafic"] .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h50 .carousel{height: $h-50-tablet - 110px !important;}

    .is-flex .h30.linkhome{
        height: $h-30-tablet !important;
    }
    body:not(#tinymce) .is-flex .h30 > [data-module="carousel"],
    .is-flex .h30 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h30 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h30 > [data-module="carousel"] .carousel-control,
    .is-flex .h30 > [data-module="carousel"] .carousel,
    body:not(#tinymce) .is-flex .h30 > [data-module="diaporama"],
    .is-flex .h30 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h30 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h30 > [data-module="diaporama"] .carousel-control,
    .is-flex .h30 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h30 > [data-module="infotrafic"],

    body:not(#tinymce) .is-flex [data-module="carousel"].h30,
    .is-flex [data-module="carousel"].h30 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h30 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h30 .carousel-control,
    .is-flex [data-module="carousel"].h30 .carousel,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h30,
    .is-flex [data-module="diaporama"].h30 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h30 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h30 .carousel-control,
    .is-flex [data-module="diaporama"].h30 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h30{
        height: $h-30-tablet - 7px !important;
    }
    body:not(#tinymce) .is-flex .h30 > [data-module="infotrafic"] .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h30 .carousel{height: $h-30-tablet - 110px !important;}

    .is-flex .h25.linkhome{
        height: $h-25-tablet !important;
    }
    body:not(#tinymce) .is-flex .h25 > [data-module="carousel"],
    .is-flex .h25 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h25 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h25 > [data-module="carousel"] .carousel-control,
    .is-flex .h25 > [data-module="carousel"] .carousel,
    body:not(#tinymce) .is-flex .h25 > [data-module="diaporama"],
    .is-flex .h25 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h25 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h25 > [data-module="diaporama"] .carousel-control,
    .is-flex .h25 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h25 > [data-module="infotrafic"],

    body:not(#tinymce) .is-flex [data-module="carousel"].h25,
    .is-flex [data-module="carousel"].h25 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h25 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h25 .carousel-control,
    .is-flex [data-module="carousel"].h25 .carousel,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h25,
    .is-flex [data-module="diaporama"].h25 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h25 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h25 .carousel-control,
    .is-flex [data-module="diaporama"].h25 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h25{
        height: $h-25-tablet - 7px !important;
    }
    body:not(#tinymce) .is-flex .h25 > [data-module="infotrafic"] .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h25 .carousel{height: $h-25-tablet - 110px !important;}

    .is-flex .h15.linkhome{
        height: $h-15-tablet !important;
    }
    body:not(#tinymce) .is-flex .h15 > [data-module="carousel"],
    .is-flex .h15 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h15 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h15 > [data-module="carousel"] .carousel-control,
    .is-flex .h15 > [data-module="carousel"] .carousel,
    body:not(#tinymce) .is-flex .h15 > [data-module="diaporama"],
    .is-flex .h15 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h15 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h15 > [data-module="diaporama"] .carousel-control,
    .is-flex .h15 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h15 > [data-module="infotrafic"],
    body:not(#tinymce) .is-flex [data-module="carousel"].h15,
    .is-flex [data-module="carousel"].h15 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h15 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h15 .carousel-control,
    .is-flex [data-module="carousel"].h15 .carousel,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h15,
    .is-flex [data-module="diaporama"].h15 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h15 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h15 .carousel-control,
    .is-flex [data-module="diaporama"].h15 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h15{
        height: $h-15-tablet - 7px !important;
    }
    body:not(#tinymce) .is-flex .h15 > [data-module="infotrafic"] .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h15 .carousel{height: $h-15-tablet - 110px !important;}

    .is-flex .h10.linkhome{
        height: $h-10-tablet !important;
    }
    body:not(#tinymce) .is-flex .h10 > [data-module="carousel"],
    .is-flex .h10 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h10 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h10 > [data-module="carousel"] .carousel-control,
    .is-flex .h10 > [data-module="carousel"] .carousel,
    body:not(#tinymce) .is-flex .h10 > [data-module="diaporama"],
    .is-flex .h10 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h10 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h10 > [data-module="diaporama"] .carousel-control,
    .is-flex .h10 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h10 > [data-module="infotrafic"],
    body:not(#tinymce) .is-flex [data-module="carousel"].h10,
    .is-flex [data-module="carousel"].h10 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h10 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h10 .carousel-control,
    .is-flex [data-module="carousel"].h10 .carousel,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h10,
    .is-flex [data-module="diaporama"].h10 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h10 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h10 .carousel-control,
    .is-flex [data-module="diaporama"].h10 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h10{
        height: $h-10-tablet - 7px !important;
    }
    body:not(#tinymce) .is-flex .h10 > [data-module="infotrafic"] .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h10 .carousel{height: $h-10-tablet - 110px !important;}



    body:not(#tinymce) .is-flex .h100 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h100{height: $h-100-tablet - 7px !important;}
    body:not(#tinymce) .is-flex .h90 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h90{height: $h-90-tablet - 7px !important;}
    body:not(#tinymce) .is-flex .h75 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h75{height: $h-75-tablet - 7px !important;}
    body:not(#tinymce) .is-flex .h70 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h70{height: $h-70-tablet - 7px !important;}
    body:not(#tinymce) .is-flex .h60 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h60{height: $h-60-tablet - 7px !important;}
    body:not(#tinymce) .is-flex .h50 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h50{height: $h-50-tablet - 7px !important;}
    body:not(#tinymce) .is-flex .h30 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h30{height: $h-30-tablet - 7px !important;}
    body:not(#tinymce) .is-flex .h25 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h25{height: $h-25-tablet - 7px !important;}
    body:not(#tinymce) .is-flex .h15 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h15{height: $h-15-tablet - 7px !important;}
    body:not(#tinymce) .is-flex .h10 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h10{height: $h-10-tablet - 7px !important;}

    .is-flex [data-module="infotrafic"] #bloc_actu_ligne{overflow: auto}

    .is-flex .h100 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h100 #bloc_actu_ligne{height: $h-100-tablet - 120px !important;}
    .is-flex .h90 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h90 #bloc_actu_ligne{height: $h-90-tablet - 120px !important;}
    .is-flex .h75 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h75 #bloc_actu_ligne{height: $h-75-tablet - 120px !important;}
    .is-flex .h70 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h70 #bloc_actu_ligne{height: $h-70-tablet - 120px !important;}
    .is-flex .h60 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h60 #bloc_actu_ligne{height: $h-60-tablet - 120px !important;}
    .is-flex .h50 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h50 #bloc_actu_ligne{height: $h-50-tablet - 120px !important;}
    .is-flex .h30 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h30 #bloc_actu_ligne{height: $h-30-tablet - 120px !important;}
    .is-flex .h25 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h25 #bloc_actu_ligne{height: $h-25-tablet - 120px !important;}
    .is-flex .h15 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h15 #bloc_actu_ligne{height: $h-15-tablet - 120px !important;}
    .is-flex .h10 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h10 #bloc_actu_ligne{height: $h-10-tablet - 120px !important;}


}


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


    .h100{height: $h-100 !important;}
    .h90{height: $h-90 !important;}
    .h75{height: $h-75 !important;}
    .h70{height: $h-70 !important;}
    .h60{height: $h-60 !important;}
    .h50{height: $h-50 !important;}
    .h30{height: $h-30 !important;}
    .h25{height: $h-25 !important;}
    .h15{height: $h-15 !important;}
    .h10{height: $h-10 !important;}


    .panel-iti,
    .is-flex .h100.linkhome{
        height: $h-100 !important;
    }
    body:not(#tinymce) .is-flex .h100 > [data-module="carousel"],
    body:not(#tinymce) .is-flex .h100 > [data-module="diaporama"],
    .is-flex .h100 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h100 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h100 > [data-module="carousel"] .carousel-control,
    .is-flex .h100 > [data-module="carousel"] .carousel,
    .is-flex .h100 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h100 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h100 > [data-module="diaporama"] .carousel-control,
    .is-flex .h100 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h100 > [data-module="infotrafic"],

    body:not(#tinymce) .is-flex [data-module="carousel"].h100,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h100,
    .is-flex [data-module="carousel"].h100 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h100 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h100 .carousel-control,
    .is-flex [data-module="carousel"].h100 .carousel,
    .is-flex [data-module="diaporama"].h100 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h100 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h100 .carousel-control,
    .is-flex [data-module="diaporama"].h100 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h100{
        height: $h-100 - 7px !important;
    }

    body:not(#tinymce) .is-flex .h100 > [data-module="infotrafic"] .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h100 .carousel{height: $h-100 - 110px !important;}

    .is-flex .h90.linkhome{
        height: $h-90 !important;
    }
    body:not(#tinymce) .is-flex .h90 > [data-module="carousel"],
    .is-flex .h90 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h90 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h90 > [data-module="carousel"] .carousel-control,
    .is-flex .h90 > [data-module="carousel"] .carousel,
    body:not(#tinymce) .is-flex .h90 > [data-module="diaporama"],
    .is-flex .h90 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h90 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h90 > [data-module="diaporama"] .carousel-control,
    .is-flex .h90 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h90 > [data-module="infotrafic"],

    body:not(#tinymce) .is-flex [data-module="carousel"].h90,
    .is-flex [data-module="carousel"].h90 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h90 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h90 .carousel-control,
    .is-flex [data-module="carousel"].h90 .carousel,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h90,
    .is-flex [data-module="diaporama"].h90 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h90 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h90 .carousel-control,
    .is-flex [data-module="diaporama"].h90 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h90{
        height: $h-90 - 7px !important;
    }

    body:not(#tinymce) .is-flex .h90 > [data-module="infotrafic"] .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h90 .carousel{height: $h-90 - 110px !important;}
    .is-flex .h75.linkhome{
        height: $h-75 !important;
    }
    body:not(#tinymce) .is-flex .h75 > [data-module="carousel"],
    .is-flex .h75 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h75 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h75 > [data-module="carousel"] .carousel-control,
    .is-flex .h75 > [data-module="carousel"] .carousel,
    body:not(#tinymce) .is-flex .h75 > [data-module="diaporama"],
    .is-flex .h75 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h75 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h75 > [data-module="diaporama"] .carousel-control,
    .is-flex .h75 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h75 > [data-module="infotrafic"],

    body:not(#tinymce) .is-flex [data-module="carousel"].h75,
    .is-flex [data-module="carousel"].h75 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h75 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h75 .carousel-control,
    .is-flex [data-module="carousel"].h75 .carousel,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h75,
    .is-flex [data-module="diaporama"].h75 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h75 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h75 .carousel-control,
    .is-flex [data-module="diaporama"].h75 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h75{
        height: $h-75 - 7px !important;
    }

body:not(#tinymce) .is-flex .h75 > [data-module="infotrafic"] .carousel,
body:not(#tinymce) .is-flex [data-module="infotrafic"].h75 .carousel{height: $h-75 - 110px !important;}

    .is-flex .h70.linkhome{
        height: $h-70 !important;
    }
    body:not(#tinymce) .is-flex .h70 > [data-module="carousel"],
    .is-flex .h70 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h70 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h70 > [data-module="carousel"] .carousel-control,
    .is-flex .h70 > [data-module="carousel"] .carousel,
    body:not(#tinymce) .is-flex .h70 > [data-module="diaporama"],
    .is-flex .h70 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h70 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h70 > [data-module="diaporama"] .carousel-control,
    .is-flex .h70 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h70 > [data-module="infotrafic"],

    body:not(#tinymce) .is-flex [data-module="carousel"].h70,
    .is-flex [data-module="carousel"].h70 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h70 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h70 .carousel-control,
    .is-flex [data-module="carousel"].h70 .carousel,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h70,
    .is-flex [data-module="diaporama"].h70 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h70 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h70 .carousel-control,
    .is-flex [data-module="diaporama"].h70 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h70{
        height: $h-70 - 7px !important;
    }

    body:not(#tinymce) .is-flex .h70 > [data-module="infotrafic"] .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h70 .carousel{height: $h-70 - 110px !important;}

    .is-flex .h60.linkhome{
        height: $h-60 !important;
    }
    body:not(#tinymce) .is-flex .h60 > [data-module="carousel"],
    .is-flex .h60 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h60 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h60 > [data-module="carousel"] .carousel-control,
    .is-flex .h60 > [data-module="carousel"] .carousel,
    body:not(#tinymce) .is-flex .h60 > [data-module="diaporama"],
    .is-flex .h60 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h60 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h60 > [data-module="diaporama"] .carousel-control,
    .is-flex .h60 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h60 > [data-module="infotrafic"],

    body:not(#tinymce) .is-flex [data-module="carousel"].h60,
    .is-flex [data-module="carousel"].h60 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h60 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h60 .carousel-control,
    .is-flex [data-module="carousel"].h60 .carousel,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h60,
    .is-flex [data-module="diaporama"].h60 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h60 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h60 .carousel-control,
    .is-flex [data-module="diaporama"].h60 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h60{
        height: $h-60 - 7px !important;
    }

    body:not(#tinymce) .is-flex .h60 > [data-module="infotrafic"] .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h60 .carousel{height: $h-60 - 110px !important;}


    .is-flex .h50.linkhome{
        height: $h-50 !important;
    }
    body:not(#tinymce) .is-flex .h50 > [data-module="carousel"],
    .is-flex .h50 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h50 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h50 > [data-module="carousel"] .carousel-control,
    .is-flex .h50 > [data-module="carousel"] .carousel,
    body:not(#tinymce) .is-flex .h50 > [data-module="diaporama"],
    .is-flex .h50 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h50 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h50 > [data-module="diaporama"] .carousel-control,
    .is-flex .h50 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h50 > [data-module="infotrafic"],

    body:not(#tinymce) .is-flex [data-module="carousel"].h50,
    .is-flex [data-module="carousel"].h50 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h50 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h50 .carousel-control,
    .is-flex [data-module="carousel"].h50 .carousel,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h50,
    .is-flex [data-module="diaporama"].h50 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h50 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h50 .carousel-control,
    .is-flex [data-module="diaporama"].h50 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h50{
        height: $h-50 - 7px !important;
    }

    body:not(#tinymce) .is-flex .h50 > [data-module="infotrafic"] .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h50 .carousel{height: $h-50 - 110px !important;}


    .is-flex .h30.linkhome{
        height: $h-30 !important;
    }
    body:not(#tinymce) .is-flex .h30 > [data-module="carousel"],
    .is-flex .h30 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h30 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h30 > [data-module="carousel"] .carousel-control,
    .is-flex .h30 > [data-module="carousel"] .carousel,
    body:not(#tinymce) .is-flex .h30 > [data-module="diaporama"],
    .is-flex .h30 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h30 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h30 > [data-module="diaporama"] .carousel-control,
    .is-flex .h30 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h30 > [data-module="infotrafic"],

    body:not(#tinymce) .is-flex [data-module="carousel"].h30,
    .is-flex [data-module="carousel"].h30 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h30 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h30 .carousel-control,
    .is-flex [data-module="carousel"].h30 .carousel,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h30,
    .is-flex [data-module="diaporama"].h30 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h30 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h30 .carousel-control,
    .is-flex [data-module="diaporama"].h30 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h30{
        height: $h-30 - 7px !important;
    }

    body:not(#tinymce) .is-flex .h30 > [data-module="infotrafic"] .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h30 .carousel{height: $h-30 - 110px !important;}


    .is-flex .h25.linkhome{
        height: $h-25 !important;
    }
    body:not(#tinymce) .is-flex .h25 > [data-module="carousel"],
    .is-flex .h25 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h25 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h25 > [data-module="carousel"] .carousel-control,
    .is-flex .h25 > [data-module="carousel"] .carousel,
    body:not(#tinymce) .is-flex .h25 > [data-module="diaporama"],
    .is-flex .h25 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h25 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h25 > [data-module="diaporama"] .carousel-control,
    .is-flex .h25 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h25 > [data-module="infotrafic"],

    body:not(#tinymce) .is-flex [data-module="carousel"].h25,
    .is-flex [data-module="carousel"].h25 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h25 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h25 .carousel-control,
    .is-flex [data-module="carousel"].h25 .carousel,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h25,
    .is-flex [data-module="diaporama"].h25 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h25 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h25 .carousel-control,
    .is-flex [data-module="diaporama"].h25 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h25{
        height: $h-25 - 7px !important;
    }
    body:not(#tinymce) .is-flex .h25 > [data-module="infotrafic"] .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h25 .carousel{height: $h-25 - 110px !important;}

    .is-flex .h15.linkhome{
        height: $h-15 !important;
    }
    body:not(#tinymce) .is-flex .h15 > [data-module="carousel"],
    .is-flex .h15 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h15 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h15 > [data-module="carousel"] .carousel-control,
    .is-flex .h15 > [data-module="carousel"] .carousel,
    body:not(#tinymce) .is-flex .h15 > [data-module="diaporama"],
    .is-flex .h15 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h15 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h15 > [data-module="diaporama"] .carousel-control,
    .is-flex .h15 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h15 > [data-module="infotrafic"],

    body:not(#tinymce) .is-flex [data-module="carousel"].h15,
    .is-flex [data-module="carousel"].h15 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h15 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h15 .carousel-control,
    .is-flex [data-module="carousel"].h15 .carousel,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h15,
    .is-flex [data-module="diaporama"].h15 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h15 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h15 .carousel-control,
    .is-flex [data-module="diaporama"].h15 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h15{
        height: $h-15 - 7px !important;
    }
    body:not(#tinymce) .is-flex .h15 > [data-module="infotrafic"] .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h15 .carousel{height: $h-15 - 110px !important;}

    .is-flex .h10.linkhome{
        height: $h-10 !important;
    }
    body:not(#tinymce) .is-flex .h10 > [data-module="carousel"],
    .is-flex .h10 > [data-module="carousel"] .carousel-inner > .item > img,
    .is-flex .h10 > [data-module="carousel"] .carousel-inner > .item > a > img,
    .is-flex .h10 > [data-module="carousel"] .carousel-control,
    .is-flex .h10 > [data-module="carousel"] .carousel,
    body:not(#tinymce) .is-flex .h10 > [data-module="diaporama"],
    .is-flex .h10 > [data-module="diaporama"] .carousel-inner > .item > img,
    .is-flex .h10 > [data-module="diaporama"] .carousel-inner > .item > a > img,
    .is-flex .h10 > [data-module="diaporama"] .carousel-control,
    .is-flex .h10 > [data-module="diaporama"] .carousel,
    body:not(#tinymce) .is-flex .h10 > [data-module="infotrafic"],

    body:not(#tinymce) .is-flex [data-module="carousel"].h10,
    .is-flex [data-module="carousel"].h10 .carousel-inner > .item > img,
    .is-flex [data-module="carousel"].h10 .carousel-inner > .item > a > img,
    .is-flex [data-module="carousel"].h10 .carousel-control,
    .is-flex [data-module="carousel"].h10 .carousel,
    body:not(#tinymce) .is-flex [data-module="diaporama"].h10,
    .is-flex [data-module="diaporama"].h10 .carousel-inner > .item > img,
    .is-flex [data-module="diaporama"].h10 .carousel-inner > .item > a > img,
    .is-flex [data-module="diaporama"].h10 .carousel-control,
    .is-flex [data-module="diaporama"].h10 .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h10{
        height: $h-10 - 7px !important;
    }
    body:not(#tinymce) .is-flex .h10 > [data-module="infotrafic"] .carousel,
    body:not(#tinymce) .is-flex [data-module="infotrafic"].h10 .carousel{height: $h-10 - 110px !important;}


    body:not(#tinymce) .is-flex .h100 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h100{ height: $h-100 - 7px !important;}
    body:not(#tinymce) .is-flex .h90 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h90{ height: $h-90 - 7px !important;}
    body:not(#tinymce) .is-flex .h75 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h75{ height: $h-75 - 7px !important;}
    body:not(#tinymce) .is-flex .h70 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h70{ height: $h-70 - 7px !important;}
    body:not(#tinymce) .is-flex .h60 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h60{ height: $h-60 - 7px !important;}
    body:not(#tinymce) .is-flex .h50 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h50{ height: $h-50 - 7px !important;}
    body:not(#tinymce) .is-flex .h30 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h30{ height: $h-30 - 7px !important;}
    body:not(#tinymce) .is-flex .h25 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h25{ height: $h-25 - 7px !important;}
    body:not(#tinymce) .is-flex .h15 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h15{ height: $h-15 - 7px !important;}
    body:not(#tinymce) .is-flex .h10 > [data-module="twitter"], body:not(#tinymce) .is-flex [data-module="twitter"].h10{ height: $h-10 - 7px !important;}

    .is-flex .h100 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h100 #bloc_actu_ligne{height: $h-100 - 150px !important;}
    .is-flex .h90 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h90 #bloc_actu_ligne{height: $h-90 - 150px !important;}
    .is-flex .h75 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h75 #bloc_actu_ligne{height: $h-75 - 150px !important;}
    .is-flex .h70 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h70 #bloc_actu_ligne{height: $h-70 - 150px !important;}
    .is-flex .h60 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h60 #bloc_actu_ligne{height: $h-60 - 150px !important;}
    .is-flex .h50 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h50 #bloc_actu_ligne{height: $h-50 - 150px !important;}
    .is-flex .h30 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h30 #bloc_actu_ligne{height: $h-30 - 150px !important;}
    .is-flex .h25 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h25 #bloc_actu_ligne{height: $h-25 - 150px !important;}
    .is-flex .h15 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h15 #bloc_actu_ligne{height: $h-15 - 150px !important;}
    .is-flex .h10 > [data-module="infotrafic"] #bloc_actu_ligne, .is-flex [data-module="infotrafic"].h10 #bloc_actu_ligne{height: $h-10 - 150px !important;}
}





.carousel .carousel-inner .item a:focus .carousel-caption,
.carousel .carousel-inner .item a:hover .carousel-caption{

        -webkit-box-shadow: 0 0 0 3px $color-primary;
        -moz-box-shadow: 0 0 0 3px $color-primary;
        box-shadow: 0 0 0 3px $color-primary;
    }
.tetinfotraf{
  border-bottom: 1px solid $color-contrast-alpha-light-b;
  padding-bottom: 10px;
  margin-bottom: 10px;
}




.carousel-home .carousel .carousel-inner .item {
  transition-property: opacity;
}
.carousel-home .carousel .carousel-inner .item,
.carousel-home .carousel .carousel-inner .active.left,
.carousel-home .carousel .carousel-inner .active.right {
  opacity: 0;
}
.carousel-home .carousel .carousel-inner .active,
.carousel-home .carousel .carousel-inner .next.left,
.carousel-home .carousel .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-home .carousel .carousel-inner .next,
.carousel-home .carousel .carousel-inner .prev,
.carousel-home .carousel .carousel-inner .active.left,
.carousel-home .carousel .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-home .carousel .carousel-control {
  z-index: 2;
}


.carousel-home .center-carousel {
    max-width: none !important;
}
.carousel-home .carousel .carousel-caption {
    position: absolute !important;
    top: auto;
    left: auto;
    right: auto;
    bottom: 0;
    width: 100%;
    padding: 20px 50px;
}

.carousel-home .carousel .carousel-caption h3{
  font-size: 1.3em !important
}
.carousel-home .carousel-inner .item a:focus .carousel-caption, .carousel-home .carousel-inner .item a:hover .carousel-caption {
    -webkit-box-shadow: inset 0 0 0 3px #0057B8;
    -moz-box-shadow: inset 0 0 0 3px #0057B8;
    box-shadow: inset 0 0 0 3px #0057B8;
}
.carousel-home .carousel-inner {
        /*
        -webkit-box-shadow:0px 10px 20px 0 $color-dark-light-light;
        -moz-box-shadow:0px 10px 20px 0 $color-dark-light-light;
        box-shadow:0px 10px 20px 0 $color-dark-light-light;
        */
        background: $color-bkg-body;
}
.carousel-home .carousel-control{
  width: 40px
}
.carousel-home .carousel-control .picto-arrow-left, .carousel-home .carousel-control .picto-arrow-right{
  top: auto;
  bottom: 30px;
  color: $color-primary;
  text-shadow: none !important;
}

.carousel-home .carousel .playButton.btn-link, .carousel-home .carousel .pauseButton.btn-link{
  color: $color-contrast-a;
}


@media (min-width: 992px) and (max-width: 1199px){
    .linkhome{
        padding: 30px 0 !important;
    }

    .carousel-home {margin-bottom: 0px !important}
    .carousel-home .carousel .carousel-caption {
    position: relative !important;
    padding: 30px 50px;
    width: auto;
    left: 0px;
    right: 0px;
}
.carousel-home .center-carousel{
  width: 100%
}
    .row.is-flex .col-xs-4 .linkhome {

   padding: 15px 0 !important

}
}

@media (min-width: 768px) and (max-width: 991px){
.carousel-home .carousel .carousel-caption {
    position: absolute !important;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.tetinfotraf {
    padding-bottom: 5px;
    margin-bottom: 8px;
}
.home .indice-actu{
  padding-top: 10px
}
.home .indice-actu h3.info_trafic .btn{
  top: 0
}

}
@media (max-width: 767px) {
    .linkhome{
        padding: 30px 0 !important;
    }

    .carousel-home {margin-bottom:  0px !important}
    .carousel-home .carousel .carousel-caption {
    position: relative !important;
    padding: 20px 50px;
    width: auto;
    left: 0px;
    right: 0px;
}
.carousel-home .center-carousel{
  width: 100%
}

}

.carousel .playButton.btn-link:focus,
.carousel .pauseButton.btn-link:focus,
.carousel .playButton.btn-link:hover,
.carousel .pauseButton.btn-link:hover{
  background: $color-contrast-a;
  color: $color-contrast-b
}

.carousel-home .carousel-indicators li{
  border-color: transparent;
  background: $color-contrast-alpha-b
}
.carousel-home .carousel-indicators .active{
  background: $color-contrast-a;
}

.carousel-home .carousel-control:hover .picto-arrow-left, .carousel-home .carousel-control:hover .picto-arrow-right,
.carousel-home .carousel-control:focus .picto-arrow-left, .carousel-home .carousel-control:focus .picto-arrow-right{
color: $color-blanc}

.ie10 .sub-nav.open li{
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  list-style-position: -999999px
}

.form-control{
  padding-left: 6px;
  padding-right: 6px;
}
.form-group-lg .form-control{
    border-radius: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.load{
    height: 0px !important;
    background: $color-bkg-droite !important;
    opacity: 0;
    transition: all 1s;}

@media only screen and (max-width: 767px) {

.ariane{
  margin-top: 0;
  background: transparent;
}
#wrapper-content .content{
  padding-top: 0
}
#wrapper-content2 .col-header .navbar-headerC{
  margin-top:-125px;
  margin-bottom:80px;
}
.home .navbar-headerC{
  margin-top: -70px;
    margin-bottom: 30px;
}
.content.content-logo.text-center{
  z-index: 999
}

.breadcrumb{
    float: left;
    overflow: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;

}
#wrapper-content2.page .sidebar {

    padding-bottom: 0px !important;

}
.breadcrumb > li {

    display: inline;

}
.bs-docs-sidenav > li:first-child {
    margin-top: 10px;
}
.navbar-default .navbar-toggle .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar{
  background: $color-blanc
}

h1, .h1 {font-size: 1.7em;}
h2, .h2 {font-size: 1.3em;}
h3, .h3 {font-size: 1em;}
h4, .h4 {font-size: 1em;}
h5, .h5 {font-size: 1em;}
h6, .h6 {font-size: 0.9em;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
  font-family: $bold !important
}
.page-header, .page-header h1{
  margin: 0 0 5px 0
}
.acces-rapides {
    padding: 20px 0 0 0;
    margin-top: 0px;
}
.acces-rapides a img{
  margin-bottom: 0
}
.credits p{margin-bottom: 0}
.navbar-search-btn{
  color: $color-bkg-droite-contrast;
  text-decoration: none;
  line-height: 0;
  margin-right: 0
}
.navbar-search-btn:hover,
.navbar-search-btn:focus{
  color: $color-bkg-droite;
  background-color: $color-bkg-droite-contrast;
  text-decoration: none
}
main.home{
  padding: 0
}

.home .panel-default.panel-iti > .panel-heading{
  padding-bottom: 10px;
  padding-top: 10px
}
.home .panel-iti {margin-bottom: 0}
.home .panel-iti .row:not(.is-flex),
.home .panel-iti .help-block,
.home .panel-iti hr{
  display: none
}

}
@media (max-width: 991px) {
.linkhome{
  font-size: 0.9em !important;
  padding: 10px 5px !important;
}

.row.is-flex .col-xs-4 [class^="picto"].icon-3x {
    line-height: 1.5em;
    font-size: 2em;
}

}

@media (max-width: 767px) {

.row.is-flex .col-xs-4 .linkhome{
  font-size: 0.8em !important;
}
}


.sub-sub-nav ul{width: 100%; }
.sub-nav li.active>a{
 background: #0760be;
 color: $color-blanc
}
.sub-sub-nav li.active>a{
 background: $color-blanc;
 color: $color-bkg-droite
}
.navbar{
  min-height: 0
}


.sub-sub-nav li.active>a::before {
    content: "\f14c ";
    font-family: actipage !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .9em;
}

.sub-nav-group > li.active{
  border-color: $color-bkg-droite;
}

a:hover,
button:hover{cursor: pointer !important}


#form_recherche input.form-control{
  padding-left: 10px;}


@media (max-width: 991px){
  #form_recherche input.form-control{
  border-radius: $border-radius-linkhome 0 0 0 !important
}
.navbar-form .input-group-btn:last-child > .btn, .navbar-form .input-group-btn:last-child > .btn-group{

  border-radius: 0 $border-radius-linkhome 0 0 !important
}
#form_recherche input.form-control,
.navbar-form .input-group-btn:last-child > .btn, .navbar-form .input-group-btn:last-child > .btn-group {
  border-bottom: 0px
}
}
.navbar-form.navbar-right:last-child{margin-right: 0}
.navbar-form{
padding: 10px 0px 0px 0px;
}
@media (min-width: 992px) {



.nav > li > a {
    padding: 25px 15px;
}



#form_recherche input.form-control{
  height: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 0;
}
.navbar-form .input-group-btn:last-child > .btn, .navbar-form .input-group-btn:last-child > .btn-group{
  padding-top: 5px;
  padding-bottom: 5px;
  height: 40px;
}

}


@media screen and (min-width: 1500px) {

    .navbar-default .navbar-nav > li > a{
      font-size: 1.2em;
      line-height:1.1em;

    }
    .sub-nav-group > li > a{
      font-size: 0.9em
    }
}

#wrapper-footer{
    @include background;
}
#wrapper-footer2 .sidebar {
    padding-top: 0px;
}
#wrapper-footer2{
    background: $color-contrast-b;
}
footer #wrapper-footer2 .sidebar .credits p,
footer #wrapper-footer2 .sidebar .credits a{
    color: $color-contrast-a;
  }

#google_translate_element{
  padding: 6px 10px
}



.nav-pills > li > a{
  border-right: 1px solid $color-bkg-droite !important;
  border-radius: 0 !important
}
.nav-pills > li:last-child > a{
  border-right: none !important
}
footer .credits{
    margin-top: -40px;
    padding-right: 10px;
    font-size: 0.9em
}
footer .credits, footer .credits a {
    color: #8f8f8f;
}

.linkhome.color2, .linkhome.color3, .linkhome.color4,
[data-module="infotrafic"].color6{
  background-image:url(/img/bkg-header.png) !important;
  background-repeat: repeat-x !important;
  @include background-cover
}
[data-module="infotrafic"].color6{
  background-size: cover !important
}

.linkhome.color2{
  background-position: right bottom !important;
  }
.linkhome.color3{
  background-position: 50% bottom !important;
  }
.linkhome.color4{
  background-position: left bottom !important;
}

.page .active .sub-nav{
  display: block;
  position: relative;
  top: auto !important;
  padding: 0
}


.page li.active > .sub-nav > ul.sub-nav-group{
  padding-bottom: 10px !important
}
.page .sub-nav-group > li{
  padding: 0
}
.page nav.navbar{
  height: auto !important
}
.page .navbar-default .navbar-nav{
  height: auto;
  display: block
}
.page .navbar-default .navbar-nav > li{
  display: block
}
.page .navbar-default .navbar-nav > li > a{height: auto;}
.page .navbar-default .navbar-nav > .active > a:hover,
.page .navbar-default .navbar-nav > .active > a:focus {
    color: $color-blanc;
    background-color: $color-bkg-droite;
}

footer .nav a.active {
    box-shadow: inset 0 0 0 2px $color-bkg-droite;
}

@media (max-width: 767px) {


  .sub-nav li.active>a{
 background: $color-bkg-droite;
 color: $color-blanc !important
}
.sub-sub-nav li.active>a{
 color: $color-blanc
}
    .navbar-nav.nav-menu > .nav-item > a {
        font-family: $bold;
        font-size: 1.2em;
    }

    .navbar-form .form-group {
        margin-bottom: 5px;
    }

    .navbar-nav.nav-menu .nav-item ul {
        padding-left: 15px;
        margin: 10px 0;
    }

    .navbar-nav.nav-menu .nav-item ul ul {
        padding-left: 5px;
    }

    .navbar-nav.nav-menu .nav-item .sub-nav-group li {
        padding-top: 0px;
        padding-bottom: 0px;
        line-height: 20px;
        padding-left: 0px;
        border-left: 1px solid $color-contrast-a;
    }
    .navbar-nav.nav-menu .nav-item .sub-nav-group li.active {

        border-left: 6px solid $color-bkg-droite;
        background: $color-blanc
    }

    .navbar-nav.nav-menu .nav-item .sub-nav-group > li > a{
      font-family: $bold
    }

    .navbar-nav.nav-menu .nav-item .sub-nav-group li a {
        color: $color-contrast-a;
        display: block;
    }
    .navbar-nav.nav-menu .nav-item .sub-nav-group  li.active > a {
        font-family: $bold;
        display: block;
    }

    .navbar-nav.nav-menu .nav-item > .sub-nav-group > li.active > a {
        color: $color-contrast-b;
      }

    .navbar-nav.nav-menu .nav-item .sub-nav-group > li:last-child{
      padding-bottom: 0
    }
}




.ie10 .home .navbar#navigation > ul{display: table !important; height: $h-100}
.ie10 .navbar#navigation > ul > li {display: table-row !important; width:100%;}
.ie10 .navbar#navigation > ul > li > a{display: block !important; width:100%}


/* Gestion flexbox IE9*/

.no-flexbox header,
.ie10 {
    filter: none
}

.row.is-flex{
    max-height: 100%;
}

.no-flexbox header,
.ie10 header{
    display: table !important;
    width: 100%;
}
.no-flexbox header > .container,
.ie10 header > .container, {
        display: table-cell !important;
        vertical-align: middle;
    }

.no-flexbox .content-logo,
.no-flexbox .sidebar-nav,
.ie10 .content-logo,
.ie10 .sidebar-nav,
.no-flexbox .nav.navbar-nav,
.ie10 .nav.navbar-nav,
.no-flexbox .nav.navbar-nav > li,
.ie10 .nav.navbar-nav > li   {
        display: table-cell !important;
        margin: 0 auto;
    }


.no-flexbox .nav.navbar-nav > li,
.ie10 .nav.navbar-nav > li   {
        height: auto !important
      }
.no-flexbox .sidebar-nav,
.ie10 .sidebar-nav  {
        display: block !important;
        margin: 0 auto
    }
.no-flexbox .content-logo,
.ie10 .content-logo{
    vertical-align: middle
}


.no-flexbox [data-module="diaporama"] .carousel-inner > .item > a > img,
.no-flexbox [data-module="diaporama"] .carousel-inner > .item > img {
    max-width: 100% !important ;
}

.no-flexbox .home #wrapper-nav .container .row.is-flex,
.ie10 .home #wrapper-nav .container .row.is-flex,
.no-flexbox .home #wrapper-content .container .row.is-flex,
.ie10 .home #wrapper-content .container .row.is-flex,
.no-flexbox .home #wrapper-foot .container .row.is-flex,
.ie10 .home #wrapper-foot .container .row.is-flex  {
    display: table !important;
    width: 100%;
}
.no-flexbox .home #wrapper-nav .row.is-flex > [class*='col-'],
.ie10 .home #wrapper-nav .row.is-flex > [class*='col-'],
.no-flexbox .home #wrapper-content .row.is-flex > [class*='col-'],
.ie10 .home #wrapper-content .row.is-flex > [class*='col-'],
.no-flexbox .home #wrapper-foot .row.is-flex > [class*='col-'],
.ie10 .home #wrapper-foot .row.is-flex > [class*='col-']  {
    display: table-cell !important;
}

.no-flexbox select.form-control,
.ie10 select.form-control{
    width: 200px !important;
    text-overflow: ellipsis;
}

.no-flexbox .navbar-default .navbar-nav,
.nie10 .navbar-default .navbar-nav{
  display: table
}






.page [data-module="actualite"]{

    @include flex;
    @include flex-column;
}
.page [data-module="actualite"] > .row{width:100%;}
.page [data-module="actualite"] hr {
    margin: 15px 0px;
    border: 1px solid rgba(0,0,0,0.3);
    width: 100%;
    position: relative;
}
.page [data-module="actualite"] hr::before {display: none}
.page [data-module="inscriptionssms"]{

    @include flex;
    @include flex-column;
}
.page [data-module]{
  padding: 0
}
.page #calendar,
.page #moduleFormReclamation,
.page #moduleFormSuggestion{
    width: 100%
}


body:not(#tinymce) .is-flex .ge-content-type-tinymce{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
body:not(#tinymce) .is-flex .ge-content-type-tinymce > .well{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-bottom: 0;
}

