body {position: relative;}
.relative{position: relative;}
.imgappli{position: absolute; top: 0; right: 0}
.navbar {
  font-size: 13px;
  position: relative;
  margin-bottom: 10px;
}
.sr-only{display: none !important}
.form-search label.sr-only, .form-inline label.sr-only, .form-search .btn-group.sr-only, .form-inline .btn-group.sr-only {
    display: none;
}
#br-titre, .brmodule{display: none}
iframe{width: 100% !important; }
#contenu_page iframe{width: 100% !important; min-height:800px  !important;border:0}


.jumbotron .container .row .span4 a{position:relative; display: block; z-index: 9}
hr {
    border-top: 1px solid #014248;
}

.widgettransparent.grid4_24.moduleEdito{padding: 0 !important; background: #3b3a38; border: none !important;}
.widgettransparent.grid4_24.moduleEdito .box-header{display: none !important}
/* NAVBAR
--------------------------------------------------- */
.navbar .nav > li > a {
    padding: 10px 10px;
}
.navbar .navbar-inner {
        padding: 0;border: 0px solid #D4D4D4;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
      }
.navbar .nav,
.navbar .navbar-inner {
  
background: #377b57; /* Old browsers */
background: -moz-linear-gradient(left,  #377b57 0%, #719e27 50%, #629200 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#377b57), color-stop(50%,#719e27), color-stop(100%,#629200)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #377b57 0%,#719e27 50%,#629200 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #377b57 0%,#719e27 50%,#629200 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #377b57 0%,#719e27 50%,#629200 100%); /* IE10+ */
background: linear-gradient(to right,  #377b57 0%,#719e27 50%,#629200 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#377b57', endColorstr='#629200',GradientType=1 ); /* IE6-9 */

      }
@media (min-width: 980px) {
      .navbar .nav {
        margin: 0;
        display: table;
        width: 100%;
      }
      .navbar .nav li {
        display: table-cell;
        width: 1%;
        float: none;
      }
      .navbar .nav li a {
        font-weight: bold;
        text-align: center;
        border-left: 1px solid rgba(255,255,255,.75);
        border-right: 1px solid rgba(0,0,0,.1);
      }
      .navbar .nav li:first-child a {
        border-left: 0;
        border-radius: 3px 0 0 3px;
      }
      .navbar .nav li:last-child a {
        border-right: 0;
        border-radius: 0 3px 3px 0;
      }}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0e6068;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.125) inset;
    text-shadow: none;
}
.navbar .nav > li > a {
    color: #fff;
    text-shadow: none;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
    color: #333;
    text-decoration: none;
    background-color: #ECEFE3;
}

  .containav{
    margin-top: -20px;
    margin-bottom: -35px}
  .jumbotop{
    padding-top: 50px;
    padding-bottom: 30px;
  margin-bottom: 20px;
/*background: url(../img/head-actu.png) no-repeat 50% 50% #ecefe3 ;*/
background: #ecefe3 ;
background-size: contain;
height: 80px; }
.grey{background: #ecefe3; padding: 20px 0}



.spansearch{background: #ECEFE3 none repeat scroll 0% 0%;
margin-top: -20px;
padding-top: 10px;
border-radius: 0 0 20px 20px;
padding-bottom: 10px;}

/* Base class
------------------------- */
.jumbotron {
  position: relative;
  padding: 30px 0 40px 0;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);

background: #014248; 


  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
     -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}
.jumbotron h1 {
  font-size: 80px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1;
}
.jumbotron p {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.25;
  margin-bottom: 30px;
}

/* Link styles (used on .masthead-links as well) */
.jumbotron a {
  color: #fff;
  color: rgba(255,255,255,.5);
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.jumbotron a:hover {
  color: #fff;
  text-shadow: 0 0 10px rgba(255,255,255,.25);
}

.jumbotron:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../img/bs-docs-masthead-pattern.png) repeat-x center center;
  opacity: .4;
}

/* Subhead (other pages)
------------------------- */
.subhead {
  text-align: left;
}
.subhead h1 {
  font-size: 60px;
}
.subhead p {
  margin-bottom: 20px;
}
.subhead .navbar {
  display: none;
}



/* Footer
-------------------------------------------------- */
.footer-links a{color:#0E6068}
.footer {
  text-align: center;
  padding: 20px 0;
  margin-top: 0px;
  border-top: 1px solid #e5e5e5;
background: #014248; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #014248 0%, #0e6068 44%, #afc929 100%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#014248), color-stop(44%,#0e6068), color-stop(100%,#afc929), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #014248 0%,#0e6068 44%,#afc929 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #014248 0%,#0e6068 44%,#afc929 100%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #014248 0%,#0e6068 44%,#afc929 100%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(135deg,  #014248 0%,#0e6068 44%,#afc929 100%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014248', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.footer  {
  margin-bottom: 0;
  color: #fff;
}
.footer a{
  color: #fff;}

.footer-links {
  margin: 0px 0;
}
.footer-links li {
  display: inline;
  padding: 0 2px;
}
.footer-links li:first-child {
  padding-left: 0;
}

footer.footer p{margin-bottom: 0}

/* Misc
-------------------------------------------------- */

/* Make tables spaced out a bit more */
h2 + table,
h3 + table,
h4 + table,
h2 + .row {
  margin-top: 5px;
}


/* Sidenav for Docs
-------------------------------------------------- */

.bs-docs-sidenav > li > a {
  display: block;
  width: 190px \9;
  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
}
.imgappli{z-index: 9}
.imgappli2{display: none;}


/* Responsive
-------------------------------------------------- */

/* Desktop large
------------------------- */
@media (min-width: 1200px) {
  
  .bs-docs-sidenav {
    width: 258px;
  }
  .bs-docs-sidenav > li > a {
    width: 230px \9; /* Override the previous IE8-9 hack */
  }
}

/* Desktop
------------------------- */
@media (max-width: 980px) {


  /* When affixed, space properly */
  .bs-docs-sidenav {
    top: 0;
    width: 218px;
    margin-top: 30px;
    margin-right: 0;
  }
  .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {

    color: #fff !important;
}  .nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover, .nav-collapse .nav > li > a.s {

    color: #000 !important;
}
}
@media (min-width: 980px) and (max-width: 1200px) {
  .imgappli{height: 100px}
  .navbar .nav > li > a {
    padding: 10px 5px;
}
}

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }
  .imgappli{height: 75px; top: 20px}
  /* Widen masthead and social buttons to fill body padding */
  .jumbotron {
    margin-top: -20px; /* Offset bottom margin on .navbar */
  }
  /* Adjust sidenav width */
  .bs-docs-sidenav {
    width: 166px;
    margin-top: 20px;
  }
}

/* Tablet
------------------------- */
@media (max-width: 767px) {
.jumbotron .span4{
    text-align: center;
}
.jumbotron .span4 img{
    max-width: 60%;
}
#zonecontenu{margin-top: 50px}
    .jumbotop{
background: #ecefe3 ;
height: auto; padding: 40px 10px 10px;
margin-left: -20px;
margin-right: -20px;}
.imgappli{display: none}
.imgappli2{display: block; margin: -20px auto 20px auto;
}
.grey{margin-left: -20px;
margin-right: -20px;}
.footer-links{padding: 20px}
.footer-links li{display: block; text-align: center}
.footer-links li.muted{display: none}
  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }

  /* Widen masthead and social buttons to fill body padding */
  .jumbotron {
    padding: 40px 20px;
    margin-top:   -20px; /* Offset bottom margin on .navbar */
    margin-right: -20px;
    margin-left:  -20px;
  }


  /* Space out the show-grid examples */
  .show-grid [class*="span"] {
    margin-bottom: 5px;
  }

  /* Sidenav */
  .bs-docs-sidenav {
    width: auto;
    margin-bottom: 20px;
  }

  /* Unfloat the back to top link in footer */
  .footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .footer p {
    margin-bottom: 9px;
  }
}

/* Landscape phones
------------------------- */
@media (max-width: 480px) {
  /* Remove padding above jumbotron */
  body {
    padding-top: 0;
  }


  /* Change up some type stuff */
  h2 small {
    display: block;
  }

  /* Downsize the jumbotrons */
  .jumbotron h1 {
    font-size: 45px;
  }
  .jumbotron p,
  .jumbotron .btn {
    font-size: 18px;
  }
  .jumbotron .btn {
    display: block;
    margin: 0 auto;
  }


  /* Tighten up footer */
  .footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.spanactu a{color:#669034; font-size:1.3em; font-weight:bold}
.spaninfotraf a{color:#f07700; font-size:1.3em; font-weight:bold}
.btn-menu {margin-right: 10px}

.btn-search,
.navbar .btn-search {
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0E6068;
  *background-color: #0E6068;
  background-image: -moz-linear-gradient(top, #0E6068, #0E6068);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0E6068), to(#0E6068));
  background-image: -webkit-linear-gradient(top, #0E6068, #0E6068);
  background-image: -o-linear-gradient(top, #0E6068, #0E6068);
  background-image: linear-gradient(to bottom, #0E6068, #0E6068);
  background-repeat: repeat-x;
  border-color: #0E6068;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0E6068', endColorstr='#0E6068', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.navbar .btn-search{    line-height: 12px;
    margin-top: 6px;}
.btn-search:hover,
.btn-search:focus,
.btn-search:active,
.btn-search.active,
.btn-search.disabled,
.btn-search[disabled] ,
.navbar .btn-search:hover,
.navbar .btn-search:focus,
.navbar .btn-search:active,
.navbar .btn-search.active,
.navbar .btn-search.disabled,
.navbar .btn-search[disabled] {
  color: #FFFFFF;
  background-color: #0E6068;
  *background-color: #003bb3;
}
.jumbotron{padding: 0}
.spanactu a,
.spaninfotraf a,
.navbar{}
.navbar .nav li a{}


#label_recherche, .brsearch, #recherche_avance, #blok_recherche{display: none}



/* ------------------------------ BANNIERE ------------------------------ */

#navDiapo {display: none;}
#slideshow #slidesContainer .slide {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height:173px;
}
.hero-unit {
    margin-bottom: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    overflow: hidden;
    height: 173px;
}


#slidesContainer{position: relative}
#navDiapo {
display: block;
height: 30px;
width: 30px;
position: absolute;
top: 10px;
right: 10px;
z-index: 99999999;
cursor: pointer
}
#slideshow .control{position: absolute; bottom: 10px}
#leftControl{left: 10px}
#rightControl{right: 10px}
.carousel-control {
    position: absolute;
    bottom: 30px;
    top: auto
}
.carousel {
    margin-top: 10px;
}

.moduleEdito{
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
        }

.moduleEdito:hover,
.moduleEdito:focus{
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

  .carousel-inner .item{
    height: 590px;
    width:270px;
  }
@media (max-width: 1200px) {
  .carousel-inner .item{
    height: 460px;
    width:220px;}
}
@media (max-width: 980px) {
  .carousel-inner .item{
    height: 320px;
    width:145px;}
  .spansearch{
    margin-top: 20px
  }
}

@media (max-width: 768px) {
.carousel-inner .item {
    height: 320px;
    width: 100%;
    background-position: 50% top !important;
}}

/* ------------------------------ SIDEBAR ------------------------------ */

.span3.bs-docs-sidebar {
    padding-right: 0;
    padding-bottom: 18px;
    padding-left: 0;
}

.span3.bs-docs-sidebar.affix {
    top: 80px;
}

.bs-docs-sidenav {
    margin: 30px 0 20px;
    margin: 0 0 -1px;
    padding: 0 0 0 0;
    border: 0 solid #e5e5e5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 14px;
    line-height: 12px;
    color: #000;
    background:#ECEFE3
  }

.bs-docs-sidenav>li:first-child>a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.bs-docs-sidenav>li:last-child>a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.bs-docs-sidenav>a {
    z-index: 2;
    position: relative;
    padding: 9px 15px;
    border: 0;
    text-shadow: 0 1px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}

.bs-docs-sidenav .icon-chevron-right {
    float: right;
    margin-top: 2px;
    margin-right: -6px;
    opacity: .25;
}

.bs-docs-sidenav>li>a:hover {
    background-color: #f5f5f5;
}

.bs-docs-sidenav a:hover .icon-chevron-right {
    opacity: .5;
}

.bs-docs-sidenav .active .icon-chevron-right,
.bs-docs-sidenav .active a:hover .icon-chevron-right {
    opacity: 1;
    background-image: url(../img/glyphicons-halflings-white.png);
}

.bs-docs-sidenav.affix {
    top: 40px;
}

.bs-docs-sidenav.detail.affix {
    top: 95px;
}

.bs-docs-sidenav.detail {
    margin-bottom: 15px;
}

.bs-docs-sidenav.affix-bottom {
    position: absolute;
    top: auto;
    bottom: 270px;
}

.bs-docs-sidenav>li>a:hover {
    background-color: #f5f7f1;
    color: #014248;
}

.nav-list>.active>a,
.nav-list>.active>a:hover,
.nav-list>.active>a:focus {
    text-shadow: 0 0 0 rgba(0,0,0,0);
    color: #014248;
    background-color: transparent;
}

.nav-list a {
    color: #686868;
}
.nav-list .active a {
    color: #014248;
    font-weight: bold;
}

.nav-list .active,
.nav-list .active:hover,
.nav-list .active:focus {
    border-left: 2px solid #014248;
    background-color: white;

}
.bs-docs-sidenav > li.active > a {
    border: 1px solid transparent;
}

.nav-list li,
.nav-list .active,
.nav-list .active:hover,
.nav-list .active:focus {
    padding-bottom: 0px;
    padding-left: 0px;
}

.nav-list .active li,
.nav-list .active li:hover {
    padding-bottom: 5px !important;
}
#side-align h2{
    color:#7d7d7d;
    font-size: 20px;
    font-weight: lighter;
    padding:5px 15px;
    margin-bottom: 0;
    margin-top: 20px;
    line-height: 35px;
}
#side-align .btn-large{font-size: 16px}

.nav-list .active li {
    margin-right: 10px;
    border-left: 0 solid transparent;
    background: url(../img/menu-acti2.png) no-repeat left 3px transparent;
    padding-left: 15px;
}

.nav-list .active li a{
    padding-bottom: 5px; display: block}
.nav-list .active li li a{
    padding-bottom: 0; display: block}

.nav-list .active .active {
    margin-right: 10px;
    border-left: 0 solid transparent;
    background: url(../img/menu-acti.png) no-repeat left 3px transparent;
    padding-left: 15px;
}


.nav-list .active li li{
    margin-right: 10px;
    border-left: 0 solid transparent;
    background: url(../img/menu-acti3.png) no-repeat left 3px transparent;
    padding-left: 15px;
}
.nav-list .active .active .active {
    margin-right: 10px;
    border-left: 0 solid transparent;
    background: url(../img/menu-acti4.png) no-repeat left 3px transparent;
    padding-left: 15px;
}

.nav-list .active  ul {
    padding: 0;
    margin: 0 0 10px 15px;
}

.nav-list .active ul ul {
    padding: 0;
    margin: 0 0 10px 5px;
}

.bs-docs-sidenav>.active>a {
    text-shadow: 0 0 0 rgba(0,0,0,0);
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0), inset 0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: inset 0 0 0 rgba(0,0,0,0), inset 0 0 0 rgba(0,0,0,0);
    box-shadow: inset 0 0 0 rgba(0,0,0,0), inset 0 0 0 rgba(0,0,0,0);
}

.bs-docs-sidebar .row-fluid .span4 a {
    height: 54px;
    margin-bottom: 10px;
}

.bs-docs-sidebar.affix-bottom {
    position: absolute;
    top: auto;
    bottom: 95px;
}

.span3.bs-docs-sidebar {
    margin-left: 0;
}

.bs-docs-sidenav ul {
    list-style: none;
}

.bs-docs-sidenav ul li {
    line-height: 16px;
}

.bs-docs-sidenav ul li.active {
    border-left: 2px solid #00519e;
}

.bs-docs-sidenav ul li.active a {
    font-weight: bold;
}
.bs-docs-sidenav ul li.active li.active a {
    font-weight: bold;
}
.bs-docs-sidenav ul li.active ul li a {
    font-weight: normal;
}
.bs-docs-sidenav ul li.active ul li ul li a {
    font-weight: normal;
}

.bs-docs-sidenav ul li a {
  line-height: 16px
}

.bs-docs-sidenav li ul {
    display: none;
}

.bs-docs-sidenav li.active ul {
    display: block;
}
.navbar .nav > li > a.s {
    color: #014248;
    background: white
}


.nav-list.bs-docs-sidenav  li.active ul li a {
    color: #808080 !important;
    text-decoration:none !important;
}
.nav-list.bs-docs-sidenav  li.active li.active a {
    color: #014248 !important;
    text-decoration:none !important;
}

.btn-primary {
    color: #FFFFFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #014248;
    background-image: -moz-linear-gradient(top, #014248, #014248);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#014248), to(#014248));
    background-image: -webkit-linear-gradient(top, #014248, #014248);
    background-image: -o-linear-gradient(top, #014248, #014248);
    background-image: linear-gradient(to bottom, #014248, #014248);
    background-repeat: repeat-x;
    border-color: #014248;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#014248', endColorstr='#014248', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    color: #FFFFFF;
    background-color: #014248;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3)
}
.btn-blue {
    color: #FFFFFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #014248;
    background-image: -moz-linear-gradient(top, #014248, #014248);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#014248), to(#014248));
    background-image: -webkit-linear-gradient(top, #014248, #014248);
    background-image: -o-linear-gradient(top, #014248, #014248);
    background-image: linear-gradient(to bottom, #014248, #014248);
    background-repeat: repeat-x;
    border-color: #014248;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#014248', endColorstr='#014248', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.btn-blue.disabled,
.btn-blue[disabled] {
    color: #FFFFFF;
    background-color: #014248;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3)
}

.btn-pourpre {
    color: #FFFFFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #a44277;
    background-image: -moz-linear-gradient(top, #A44277, #a44277);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A44277), to(#a44277));
    background-image: -webkit-linear-gradient(top, #A44277, #a44277);
    background-image: -o-linear-gradient(top, #A44277, #a44277);
    background-image: linear-gradient(to bottom, #A44277, #a44277);
    background-repeat: repeat-x;
    border-color: #a44277;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A44277', endColorstr='#a44277', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-pourpre:hover,
.btn-pourpre:focus,
.btn-pourpre:active,
.btn-pourpre.active,
.btn-pourpre.disabled,
.btn-pourpre[disabled] {
    color: #FFFFFF !important;
    background-color: #a44277;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3)
}
.btn-rose {
    color: #FFFFFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4471;
    background-image: -moz-linear-gradient(top, #DA4471, #da4471);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DA4471), to(#da4471));
    background-image: -webkit-linear-gradient(top, #DA4471, #da4471);
    background-image: -o-linear-gradient(top, #DA4471, #da4471);
    background-image: linear-gradient(to bottom, #DA4471, #da4471);
    background-repeat: repeat-x;
    border-color: #da4471;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DA4471', endColorstr='#da4471', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-rose:hover,
.btn-rose:focus,
.btn-rose:active,
.btn-rose.active,
.btn-rose.disabled,
.btn-rose[disabled] {
    color: #FFFFFF !important;
    background-color: #da4471;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3)
}
.btn-salmon {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ec6a4f;
    background-image: -moz-linear-gradient(top, #EC6A4F, #ec6a4f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EC6A4F), to(#ec6a4f));
    background-image: -webkit-linear-gradient(top, #EC6A4F, #ec6a4f);
    background-image: -o-linear-gradient(top, #EC6A4F, #ec6a4f);
    background-image: linear-gradient(to bottom, #EC6A4F, #ec6a4f);
    background-repeat: repeat-x;
    border-color: #ec6a4f;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC6A4F', endColorstr='#ec6a4f', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-salmon:hover,
.btn-salmon:focus,
.btn-salmon:active,
.btn-salmon.active,
.btn-salmon.disabled,
.btn-salmon[disabled] {
    color: #FFFFFF !important;
    background-color: #ec6a4f;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3)
}
a.btn.btn-orange {
    color: #232323;
    text-shadow: 0 0px 0 rgba(0, 0, 0, 0);
    background-color: #e7a644;
    background-image: -moz-linear-gradient(top, #E7A644, #e7a644);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E7A644), to(#e7a644));
    background-image: -webkit-linear-gradient(top, #E7A644, #e7a644);
    background-image: -o-linear-gradient(top, #E7A644, #e7a644);
    background-image: linear-gradient(to bottom, #E7A644, #e7a644);
    background-repeat: repeat-x;
    border-color: #e7a644;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7A644', endColorstr='#e7a644', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled] {
    color: #232323;
    background-color: #e7a644;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3)
}
.btn-large {
    font-size: 22px;
    font-weight: lighter;
    padding: 15px;
    border: 0px solid;
}
.btn {
    border-radius: 4px;
    box-shadow: 0px 0px 0px transparent inset;
}
/* Typography
--------------------------*/
h1{
  color: #508917;
  font-weight: normal;
  border-bottom: 1px solid #508917;
  padding-bottom: 10px;
  margin-bottom: 20px
}
#contenu_page h2,
#contenu_page h3,
#contenu_page h4,
#contenu_page h5,
#contenu_page h6,
h2, h3, h4, h5, h6 {
  color: #014248;
  font-weight: normal
}
#contenu_page h2, h2 {
    font-size: 26.5px;
}
#contenu_page h3, h3 {
    font-size: 21.5px;
}
#contenu_page h4, h4 {
    font-size: 18.5px;
}
#contenu_page h1, #contenu_page h2, #contenu_page h3, h1, h2, h3 {
    line-height: 35px;
}
#contenu_page a {
    color: #047a84;
    text-decoration: underline;
}
#contenu_page .nav.nav-tabs.nav-stacked li a{
    text-decoration: none;
}
.label-important .icon-file{color: white}
.well.well-small {
    background: #ECEFE3;
    color: #000;
}

#zonecontenu table {
  width: 100%;
  margin-bottom: 20px;
}

#zonecontenu table th,
#zonecontenu table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

#zonecontenu table.tbvelos th, #zonecontenu table.tbvelos td {

    vertical-align: middle;
}

#zonecontenu table th {
  font-weight: bold;
}

#zonecontenu table thead th {
  vertical-align: bottom;
}

#zonecontenu table caption + thead tr:first-child th,
#zonecontenu table caption + thead tr:first-child td,
#zonecontenu table colgroup + thead tr:first-child th,
#zonecontenu table colgroup + thead tr:first-child td,
#zonecontenu table thead:first-child tr:first-child th,
#zonecontenu table thead:first-child tr:first-child td {
  border-top: 0;
}

#zonecontenu table tbody + tbody {
  border-top: 2px solid #dddddd;
}

#zonecontenu table #zonecontenu table {
  background-color: #ffffff;
}


#zonecontenu table{width: 100% !important}

#zonecontenu table thead tr th{background:#ecefe3}


#zonecontenu table {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

#zonecontenu table th,
#zonecontenu table td {
  border-left: 1px solid #dddddd;
}

#zonecontenu table caption + thead tr:first-child th,
#zonecontenu table caption + tbody tr:first-child th,
#zonecontenu table caption + tbody tr:first-child td,
#zonecontenu table colgroup + thead tr:first-child th,
#zonecontenu table colgroup + tbody tr:first-child th,
#zonecontenu table colgroup + tbody tr:first-child td,
#zonecontenu table thead:first-child tr:first-child th,
#zonecontenu table tbody:first-child tr:first-child th,
#zonecontenu table tbody:first-child tr:first-child td {
  border-top: 0;
}

#zonecontenu table thead:first-child tr:first-child > th:first-child,
#zonecontenu table tbody:first-child tr:first-child > td:first-child,
#zonecontenu table tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

#zonecontenu table thead:first-child tr:first-child > th:last-child,
#zonecontenu table tbody:first-child tr:first-child > td:last-child,
#zonecontenu table tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

#zonecontenu table thead:last-child tr:last-child > th:first-child,
#zonecontenu table tbody:last-child tr:last-child > td:first-child,
#zonecontenu table tbody:last-child tr:last-child > th:first-child,
#zonecontenu table tfoot:last-child tr:last-child > td:first-child,
#zonecontenu table tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

#zonecontenu table thead:last-child tr:last-child > th:last-child,
#zonecontenu table tbody:last-child tr:last-child > td:last-child,
#zonecontenu table tbody:last-child tr:last-child > th:last-child,
#zonecontenu table tfoot:last-child tr:last-child > td:last-child,
#zonecontenu table tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

#zonecontenu table tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}

#zonecontenu table tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}

#zonecontenu table caption + thead tr:first-child th:first-child,
#zonecontenu table caption + tbody tr:first-child td:first-child,
#zonecontenu table colgroup + thead tr:first-child th:first-child,
#zonecontenu table colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

#zonecontenu table caption + thead tr:first-child th:last-child,
#zonecontenu table caption + tbody tr:first-child td:last-child,
#zonecontenu table colgroup + thead tr:first-child th:last-child,
#zonecontenu table colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}


iframe{width: 100% !important}
iframe.goog-te-menu-frame{width: 1005px !important}
.widgettransparent, .widgettransparent:hover{border-color: transparent !important}
.visuactu{
    height: 155px;
    margin-top: -45px;
    background: url(../../photos/accueil/visu-actu.jpg) no-repeat top left transparent;
    background-size: cover;
}

.teteinfotraf {
    padding: 0px;
    background: #dcdddf;
    border-top: 1px solid white;
}
.indice_ligne {
    border: 15px solid transparent;
    background: #dcdddf;
    opacity: 0.3;
}
.indice_ligne_on {
    border: 15px solid transparent;
    background: #fff;
    opacity: 1;
}
.indice_ligne:hover {
    border: 15px solid transparent;
    background: #dcdddf;
    opacity: 1
}

.banner{padding: 0px;
  border-radius:
  4px ;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);}

.banner .teteinfotraf {
    padding: 0px;
    background: #dcdddf;
    border-top: 0px solid white;
    margin-bottom: 10px
}

.banner h2.info_trafic{
  padding: 5px 10px;
  color: white;
  border-radius:
  4px 4px 0 0;
  margin-bottom: 0;
  background: url(../img/bs-docs-masthead-pattern.png) repeat-x center center #F37800;
}
.banner .btn-tout{
  background:#F37800;display: block;
  padding: 10px 15px;
  color: white;
  border-radius:
  0 0 4px 4px ;
  margin-bottom: 0}
.banner .infotraf p{padding: 10px; border-bottom: 1px solid gainsboro}
.banner .infotraf p:first-child{padding-top: 0px; }
.banner .infotraf p:last-child{border-bottom: 0px solid gainsboro}

.banner .infotraf p a{color: #014248;
    font-size: 16px;
    font-weight: bold;}

.banner .indice_ligne {
    border: 5px solid transparent;
    background: #dcdddf;
    opacity: 0.3;
}
.banner .indice_ligne_on {
    border: 5px solid transparent;
    background: #fff;
    opacity: 1;
}
.banner .indice_ligne:hover {
    border: 5px solid transparent;
    background: #dcdddf;
    opacity: 1
}
.icon-rss{background: url(../img/rss.png) no-repeat 50% 50%; width: 28px; height: 28px; opacity: 0.5}
.icon-rss:hover{opacity: 1}

@media (max-width: 580px) {

  .ng-scope.gridster-item.grid6_24.moduleSlider {
    display: none !important;
  }
}

@media (max-width: 767px) {
.pull-right[class*="span"], .row-fluid .pull-right[class*="span"] {
    float: none;
}
.spaninfotraf{padding: 20px;}
}
#appendedInputButton,
#appendedInputButton2{height: 29px}

.spaninfotraf .panel{margin-top: 15px;}

.social{background: url(../img/bkg-social.jpg) no-repeat 50% 50%;background-size:cover; border-radius:6px; padding: 10px;margin-top: 35px;}
.social p.p-social{color: white; font-size:12px ; font-weight: bold; text-align:left;margin-bottom:0; line-height: 13px }
.newsletter{background: #a7c42c; border-radius:6px; padding: 15px 10px;}
.newsletter p.p-newsletter{color: #014349; font-size:14px ; font-weight: bold; margin-bottom:10px; line-height: 13px }
.newsletter input,
.newsletter button{box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);}
.raccourcis{margin-top: 45px}
.raccourcis .row-fluid .span4{margin-bottom: 10px}
.btn-raccourcis1{background: #cec300}
.btn-raccourcis2{background: #f37800}
.btn-raccourcis3{background: #93cd00}

.btn-raccourcis4{background: #3452b1}
.btn-raccourcis5{background: #c82464}
.btn-raccourcis6{background: #f37800}

.btn-raccourcis7{background: #0e6068}
.btn-raccourcis8{background: #0073c4}
.btn-raccourcis9{background: #004147}

.btn-raccourcis1:hover{background: #cec300}
.btn-raccourcis2:hover{background: #f37800}
.btn-raccourcis3:hover{background: #93cd00}

.btn-raccourcis4:hover{background: #3452b1}
.btn-raccourcis5:hover{background: #c82464}
.btn-raccourcis6:hover{background: #f37800}

.btn-raccourcis7:hover{background: #0e6068}
.btn-raccourcis8:hover{background: #0073c4}
.btn-raccourcis9:hover{background: #004147}


.btn-raccourcis1:hover,
.btn-raccourcis2:hover,
.btn-raccourcis3:hover,
.btn-raccourcis4:hover,
.btn-raccourcis5:hover,
.btn-raccourcis6:hover,
.btn-raccourcis7:hover,
.btn-raccourcis8:hover,
.btn-raccourcis9:hover{
border-color: #0088cc;
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}


@media (max-width: 979px) {
.raccourcis .row-fluid .span4{ float:left;width: 31.491712707182323% !important;margin-left: 2.7624309392265194% !important;}
.raccourcis .row-fluid .span4:first-child{   margin-left: 0 !important;}
}

.infotrafdetail div{height: auto !important}
#resizecontenu h1{font-size: 28.5px !important}
#form_newsletter, #form_recherche{margin-bottom: 0}

/* IDECYCLE pages*/
.page1105 .jumbotron,
.page1084 .jumbotron,
.page1085 .jumbotron,
.page1086 .jumbotron,
.page1088 .jumbotron,
.page1089 .jumbotron,
.page1090 .jumbotron,
.page1091 .jumbotron,
.page1092 .jumbotron,
.page1093 .jumbotron,
.page1095 .jumbotron,
.page1096 .jumbotron,
.page1097 .jumbotron,
.page1098 .jumbotron,
.page1099 .jumbotron,
.page1101 .jumbotron,
.page1102 .jumbotron,
.page1103 .jumbotron,
.page1106 .jumbotron,
.page1107 .jumbotron,
.page1100 .jumbotron,
.page1109 .jumbotron,
.page1110 .jumbotron,
.page1111 .jumbotron,
.page1112 .jumbotron,
.page1133 .jumbotron,
.page1134 .jumbotron,
.page1135 .jumbotron,
.page1136 .jumbotron,
.page1137 .jumbotron,
.page1138 .jumbotron,
.page1139 .jumbotron,
.page1140 .jumbotron,
.page1141 .jumbotron{background: #236e60 ;}

.page1105 .jumbotron::after,
.page1084 .jumbotron::after,
.page1085 .jumbotron::after,
.page1086 .jumbotron::after,
.page1088 .jumbotron::after,
.page1089 .jumbotron::after,
.page1090 .jumbotron::after,
.page1091 .jumbotron::after,
.page1092 .jumbotron::after,
.page1093 .jumbotron::after,
.page1095 .jumbotron::after,
.page1096 .jumbotron::after,
.page1097 .jumbotron::after,
.page1098 .jumbotron::after,
.page1099 .jumbotron::after,
.page1101 .jumbotron::after,
.page1102 .jumbotron::after,
.page1103 .jumbotron::after,
.page1106 .jumbotron::after,
.page1107 .jumbotron::after,
.page1100 .jumbotron::after,
.page1109 .jumbotron::after,
.page1110 .jumbotron::after,
.page1111 .jumbotron::after,
.page1112 .jumbotron::after,
.page1133 .jumbotron::after,
.page1134 .jumbotron::after,
.page1135 .jumbotron::after,
.page1136 .jumbotron::after,
.page1137 .jumbotron::after,
.page1138 .jumbotron::after,
.page1139 .jumbotron::after,
.page1140 .jumbotron::after,
.page1141 .jumbotron::after{
    background: url(../img/bs-docs-masthead-patterncycle.png) repeat-x center center;
}

.page1105 .jumbotron .row .span4 a img,
.page1084 .jumbotron .row .span4 a img,
.page1085 .jumbotron .row .span4 a img,
.page1086 .jumbotron .row .span4 a img,
.page1088 .jumbotron .row .span4 a img,
.page1089 .jumbotron .row .span4 a img,
.page1090 .jumbotron .row .span4 a img,
.page1091 .jumbotron .row .span4 a img,
.page1092 .jumbotron .row .span4 a img,
.page1093 .jumbotron .row .span4 a img,
.page1095 .jumbotron .row .span4 a img,
.page1096 .jumbotron .row .span4 a img,
.page1097 .jumbotron .row .span4 a img,
.page1098 .jumbotron .row .span4 a img,
.page1099 .jumbotron .row .span4 a img,
.page1101 .jumbotron .row .span4 a img,
.page1102 .jumbotron .row .span4 a img,
.page1103 .jumbotron .row .span4 a img,
.page1106 .jumbotron .row .span4 a img,
.page1107 .jumbotron .row .span4 a img,
.page1100 .jumbotron .row .span4 a img,
.page1109 .jumbotron .row .span4 a img,
.page1110 .jumbotron .row .span4 a img,
.page1111 .jumbotron .row .span4 a img,
.page1112 .jumbotron .row .span4 a img,
.page1133 .jumbotron .row .span4 a img,
.page1134 .jumbotron .row .span4 a img,
.page1135 .jumbotron .row .span4 a img,
.page1136 .jumbotron .row .span4 a img,
.page1137 .jumbotron .row .span4 a img,
.page1138 .jumbotron .row .span4 a img,
.page1139 .jumbotron .row .span4 a img,
.page1140 .jumbotron .row .span4 a img,
.page1141 .jumbotron .row .span4 a img{
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/logoidecycle.png) no-repeat;
  width: 370px; 
  height: 92px;
  padding-left: 370px;
  background-size:contain
}

.page1105 .visuactu,
.page1084 .visuactu,
.page1085 .visuactu,
.page1086 .visuactu,
.page1088 .visuactu,
.page1089 .visuactu,
.page1090 .visuactu,
.page1091 .visuactu,
.page1092 .visuactu,
.page1093 .visuactu,
.page1095 .visuactu,
.page1096 .visuactu,
.page1097 .visuactu,
.page1098 .visuactu,
.page1099 .visuactu,
.page1101 .visuactu,
.page1102 .visuactu,
.page1103 .visuactu,
.page1106 .visuactu,
.page1107 .visuactu,
.page1100 .visuactu,
.page1109 .visuactu,
.page1110 .visuactu,
.page1111 .visuactu,
.page1112 .visuactu,
.page1133 .visuactu,
.page1134 .visuactu,
.page1135 .visuactu,
.page1136 .visuactu,
.page1137 .visuactu,
.page1138 .visuactu,
.page1139 .visuactu,
.page1140 .visuactu,
.page1141 .visuactu{background: url(../../photos/accueil/visuel-idecycle-actu.jpg) no-repeat top left transparent;}


td.error{background :#c82464 !important; color:white !important; font-weight:bold}
td.success{background :#93cd00 !important; color:black !important; font-weight:bold}
td.dark { background: #ecefe3 !important;color:black !important; font-weight:bold}

#contenu_page a.leaflet-control-zoom-in, #contenu_page a.leaflet-control-zoom-out {color: black; text-decoration: none}
.leaflet-control-download{background-size: contain;}


#contenu_page img{
  max-width:100%;
  height:auto !important
}

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


@media screen and (min-width:1200px){
.gridster-content ul.ng-scope .ng-scope.gridster-item.widgettransparent.grid4_24.moduleEdito{
  height: 191px !important
}
.ng-isolate-scope.gridster.gridster-desktop.gridster-loaded{height: 1070px !important}
.gridster-content ul.ng-scope .ng-scope.gridster-item.grid6_8.moduleEdito:nth-child(n+6){top:651px !important;}
.gridster-content ul.ng-scope .ng-scope.gridster-item.grid6_8.moduleEdito:nth-child(n+9){top:861px !important;}
}


@media (min-width:991px) and (max-width:1199px){
.gridster-content ul.ng-scope .ng-scope.gridster-item.widgettransparent.grid4_24.moduleEdito{
  height: 152px !important
}
.ng-isolate-scope.gridster.gridster-desktop.gridster-loaded{height: 870px !important}
.gridster-content ul.ng-scope .ng-scope.gridster-item.grid6_8.moduleEdito:nth-child(n+6){top:528px !important;}
.gridster-content ul.ng-scope .ng-scope.gridster-item.grid6_8.moduleEdito:nth-child(n+9){top:696px !important;}
}