@charset "UTF-8";
#content_main .ariane,
a {
  color: #2B9D43;
}
body {
  font-family: Roboto, Trebuchet MS;
  color: #3a3a3a;
  background: #f3f3f3;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #26893a;
  border-color: #207532;
}
.btn-primary {
  background-color: #2B9D43;
  border-color: #26893a;
}
#content_main a.btn-info {
  color: #ffffff;
}
#content_main a.lien_even,
#content_main a.lien_even:hover,
#content_main a.lien_even:focus,
#content_main a.lien_even:active {
  color: #ffffff;
}
/*menu*/
.menu {
  padding: 0;
}
.menu,
.container #ligne_menu,
#ligne_menu .navbar-nav li.menuroot > A {
  background-color: #2B9D43;
  color: #ffffff;
}
.navbar .navbar-brand {
  display: none;
}
.navbar-nav > li {
  width: 16.66%;
}
.affix .navbar-nav > li.menuroot > A,
.navbar-nav > li.menuroot > A > .itemname {
  height: 48px;
}
.container #ligne_menu {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  height: 48px;
}
.navbar-main {
  min-height: 48px;
}
#ligne_menu .navbar-nav > li.menuroot A > .caret {
  color: #ffffff;
}
.navbar-main .nav.navbar-mobi {
  display: none;
}
.navbar-fixed-top {
  background: #2B9D43;
}
.navbar-nav .open .dropdown-menu,
#ligne_menu .navbar-nav li.menuroot:hover > A,
#ligne_menu .navbar-nav li.menuroot:focus > A {
  background: #26893a;
}
.navbar-nav .open .dropdown-menu > li.menuleaf > a .itemname {
  color: #ffffff;
}
.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: #207532;
  color: #ffffff;
}
/*header*/
.souspage_lien {
  margin-bottom: 0;
}
.souspage_lien li {
  display: inline;
  list-item: none;
  padding-left: 8px;
}
.souspage_lien li > a {
  font-size: 10pt;
}
.header {
  background: #444444;
}
.header a,
.header a:visited,
.header a:hover,
.header a:focus {
  color: #ffffff;
}
.bandeau {
  background: #ffffff;
}
.bandeau .titreSite {
  text-transform: uppercase;
  font-size: 20pt;
  margin-top: 25px;
}
.bandeau .titreSite a,
.bandeau .titreSite a:visited,
.bandeau .titreSite a:hover,
.bandeau .titreSite a:focus {
  color: #3a3a3a;
  font-weight: bold;
}
.bandeau .slogan {
  color: #2B9D43;
  font-weight: bold;
  font-size: 12pt;
}
.logo {
  padding: 5px 0;
}
.titrePage {
  color: #2B9D43;
}
/*slide*/
.balise_slide .puces .puce {
  background: #ffffff;
  border-radius: 10px;
}
.balise_slide .puces .selected {
  background: #2B9D43;
}
/*souspage*/
.souspage .souspage_std,
.souspage .souspage_presentation {
  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;
}
.souspage_presentation .titreSouspage {
  font-size: 20pt;
}
.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 etes ici : ";
}
/*Actu*/
.ligne_actu .titre-actu a,
.ligne_actu .titre-actu a:visited,
.ligne_actu .titre-actu a:hover,
.ligne_actu .titre-actu a:focus {
  color: #3a3a3a;
}
.ligne_actu .titre-actu {
  font-weight: bold;
  font-size: 12pt;
  margin: 3px 0;
}
.ligne_actu .desc-actu,
.bloc-agenda .descEve {
  text-align: justify;
  line-height: 16px;
  font-size: 10pt;
}
.ligne_actu .souspage_news,
.bloc-agenda .evenement {
  border-bottom: 1px solid #3a3a3a;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.ligne_actu .noActus {
  height: 105px;
}
.lesActus {
  margin-bottom: 20px;
}
.lesActus .entete,
.bloc-agenda .entete {
  font-size: 26pt;
  transition: all 0.2s ease;
}
.lesActus .entete a:hover,
.bloc-agenda .entete a:hover {
  color: #26893a;
  text-decoration: none;
}
.lesActus .entete a,
.lesActus .entete a:visited,
.lesActus .entete a:focus,
.bloc-agenda .entete a,
.bloc-agenda .entete a:visited,
.bloc-agenda .entete a:focus {
  color: #2B9D43;
  text-decoration: none;
}
.lesActus .entete i,
.bloc-agenda .entete i {
  background: #2B9D43;
  border-radius: 5px;
  padding: 3px;
  color: #ffffff;
}
.bloc-agenda .entete i {
  font-size: 30px;
  padding: 5px;
}
.lesActus .entete a:hover i,
.bloc-agenda .entete a:hover i {
  background: #26893a;
}
.bloc-agenda .entete,
.bloc-agenda .btn-primary {
  margin-bottom: 10px;
}
/*prefooter*/
.prefooter {
  background: #ffffff;
  padding: 10px 0;
}
.prefooter .marker {
  margin-bottom: 5px;
}
.prefooter .marker i {
  color: #2B9D43;
}
.prefooter .coordonnees .adresse {
  font-size: 12pt;
  line-height: 18px;
}
.prefooter .coordonnees .societe {
  text-transform: uppercase;
}
.prefooter .tel {
  font-size: 16pt;
}
/*footer*/
.copyright,
.copyright .pied {
  background: #2B9D43;
}
.copyright .pied {
  clear: both;
  color: #ffffff;
  padding: 5px 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;
}
/* Extra small devices (phones, less than 767px) */
@media (max-width: 767px) {
  .prefooter .coordonnees {
    margin-bottom: 20px;
  }
  .navbar-header .navbar-toggle,
  .navbar-header .navbar-toggle:hover,
  .navbar-header .navbar-toggle:focus {
    background: #2B9D43 !important;
  }
  .navbar-nav .open .dropdown-menu,
  #ligne_menu .navbar-nav li.menuroot:hover > A,
  #ligne_menu .navbar-nav li.menuroot:focus > A {
    background: #2B9D43;
  }
  .navbar-nav .open .dropdown-menu .menuleaf a {
    background: #207532;
    color: #ffffff;
  }
  #ligne_menu .navbar-nav > li.menuroot > A > .itemname,
  #ligne_menu .navbar-nav li.menuroot > A {
    background-color: #2B9D43;
    color: #ffffff;
  }
  #content_main {
    clear: both;
  }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .lesActus .entete,
  .bloc-agenda .entete {
    font-size: 20pt;
  }
  .bloc-agenda .entete i {
    font-size: 20pt;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .lesActus .entete {
    font-size: 26pt;
  }
  .bloc-agenda .entete i {
    font-size: 30px;
  }
  .lesActus .entete a:hover,
  .bloc-agenda .entete a:hover {
    color: #26893a;
    text-decoration: none;
  }
  .lesActus,
  .bloc-agenda {
    padding: 0;
  }
}
/* Large devices (large desktops, 1200px and up) */