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}

.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: none;
}
.label-important .icon-file{color: white}
.well.well-small {
    background: #ECEFE3;
    color: #000;
}
#zonecontenu table{width: 100% !important}
iframe{width: 100% !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}
.social{background: url(../img/bkg-social.jpg) no-repeat 50% 50%;background-size:cover; border-radius:6px; padding: 10px;margin-top: 45px;}
.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}