@charset "UTF-8";
a {
  color: #14bcd9;
}
body {
  background: url('../images/expresso-1/background.gif') repeat center top #ffffff;
  font-family: Roboto, Verdana;
  color: #736f6f;
  margin-top: 10px;
}
.maincontainer {
  box-shadow: 1px 1px 16px #000;
  background-color: #ffffff;
  margin-bottom: 10px;
}
/*menu*/
.navbar-nav > li {
  width: 20%;
}
.container #ligne_menu,
#ligne_menu .navbar-nav li.menuroot > A {
  background-color: #14bcd9;
  color: #ffffff;
}
#ligne_menu .navbar-nav > li.menuroot A > .caret {
  color: #ffffff;
}
/*slide*/
.balise_slide .puces .puce {
  background: #ffffff;
}
.balise_slide .puces .selected {
  background: #14bcd9;
}
.navbar .navbar-brand {
  display: none;
}
.navbar-main .nav.navbar-mobi {
  display: none;
}
.navbar-fixed-top {
  background: #14bcd9;
}
.navbar-nav .open .dropdown-menu,
#ligne_menu .navbar-nav li.menuroot:hover > A,
#ligne_menu .navbar-nav li.menuroot:focus > A {
  background: #12a8c2;
}
.navbar-nav .open .dropdown-menu .menuleaf.open > a,
.navbar-nav .open .dropdown-menu .menuleaf a:hover,
.navbar-nav .open .dropdown-menu .menuleaf a:focus {
  background: #1094aa;
}
/*header*/
.logo {
  background-color: #ffffff;
}
.header .logo img {
  background-color: #14bcd9;
}
.header .logo a {
  display: block;
}
.header .icones,
.header a,
.header a:link,
.header a:active,
.header a:visited,
.header a:hover,
.header a:focus {
  color: #594e49;
}
.header-droite {
  background: url("../images/expresso-1/bg_header.gif") repeat;
  height: 120px;
  position: relative;
}
.header .slogan {
  background: #6a625f;
  color: #ffffff;
  padding: 5px 15px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.header .slogan-xs {
  background: #6a625f;
  color: #ffffff;
}
.header .icones a {
  text-transform: uppercase;
  font-size: 12px;
}
.header .icones .elt1,
.header .icones .elt2,
.header .icones .elt3 {
  padding: 5px 10px 0 10px;
}
.header .icones-xs .elt1,
.header .icones-xs .elt2,
.header .icones-xs .elt3 {
  padding: 5px;
}
.header .icones-xs {
  margin-bottom: 10px;
}
.header .icones .elt2 {
  font-size: 12px;
  font-weight: bold;
}
/*souspage*/
.souspage .souspage_std {
  margin-bottom: 20px;
}
.souspage .desc-spage {
  font-size: 10pt;
  text-align: justify;
  line-height: 18px;
  margin-bottom: 5px;
}
.souspage .titreSouspage {
  font-size: 14pt;
  margin-top: 0;
}
.navigation {
  text-align: center;
}
.navigation .previous {
  float: left;
}
.navigation .next {
  float: right;
}
.breadcrumb {
  padding: 0;
  background: none;
  margin-top: 5px;
  margin-bottom: 0;
}
.breadcrumb:before {
  content: "Vous êtes ici : ";
}
/*Actu*/
.ligne_actu {
  background: #e0dcda;
  padding-top: 10px;
  padding-bottom: 10px;
}
.ligne_actu .carre-actu a {
  display: table-cell;
  font-size: 38pt;
  vertical-align: middle;
  padding: 0 7px;
  height: 140px;
}
.ligne_actu .titre-actu {
  font-weight: bold;
  font-size: 12pt;
  color: #6a625f;
  margin: 3px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ligne_actu .desc-actu {
  text-align: justify;
  line-height: 16px;
  font-size: 10pt;
  overflow: hidden;
  height: 80px;
}
.ligne_actu .noActus {
  height: 105px;
}
.copyright .pied {
  clear: both;
  background: #6a625f;
  color: #ffffff;
  padding: 50px 0 10px 0;
}
.copyright .pied,
.copyright .pied a,
.copyright .pied a:visited,
.copyright .pied a:hover,
.copyright .pied a:focus {
  color: #ffffff;
  font-size: 10pt;
}
.copyright .pied a {
  text-decoration: underline;
}
.copyright .pied a:hover {
  text-decoration: none;
}
/* XS */
@media (max-width: 768px) {
  body {
    margin-top: 0;
  }
  .header {
    height: auto;
  }
}
@media (max-width: 767px) {
  .navbar-header .navbar-toggle,
  .navbar-header .navbar-toggle:hover,
  .navbar-header .navbar-toggle:focus {
    background: #14bcd9 !important;
  }
  .navbar-nav .open .dropdown-menu,
  #ligne_menu .navbar-nav li.menuroot:hover > A,
  #ligne_menu .navbar-nav li.menuroot:focus > A {
    background: #12a8c2;
  }
  .navbar-nav .open .dropdown-menu .menuleaf a {
    background: #1094aa;
  }
}