/*
#@plugins/theme_hbs/v2.0.1/css/theme.less
*/
@import url(https://fonts.googleapis.com/css?family=Kalam:300,400,700,500);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:300,400,700,500);
/******************************************************************
* Thème HBS                                                       *
******************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* feuille vide pour surcharge */
/* _____________________________________________________________________________
 																			BODY
*/
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  background-attachment: fixed;
  background-image: url("//mail.hb-services.fr/plugins/theme_hbs/v2.0.1/css/img/bgp.jpg");
  background-repeat: repeat;
  background-position: left top;
}
.cycle-caption {
  position: relative;
  color: #4a4a7b !important;
  bottom: 0;
  right: 0;
  z-index: 700;
  text-align: center;
}
.cycle-slideshow {
  width: 100%;
  min-width: 150px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
@media (max-width: 767px) {
  body {
    padding-left: 0px;
    padding-right: 20px;
  }
  #wrapper {
    background-color: #FFFFFF;
  }
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 9999999;
}
#preloader > div {
  width: 250px;
  height: 250px;
  margin: -125px 0 0 -125px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(//mail.hb-services.fr/plugins/theme_hbs/v2.0.1/css/img/loader200.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
/* _____________________________________________________________________________
                                                                            PAGE
*/
.page {
  position: absolute;
  top: 0;
  width: 100%;
  background-attachment: fixed;
  background-image: url("//mail.hb-services.fr/plugins/theme_hbs/v2.0.1/css/img/bgpmiddle.jpg");
  background-repeat: repeat-x;
  background-position: left top;
}
.header-wrap .container,
.navbar-inner .container {
  background: #FFFFFF;
}
.container {
  background: #FFFFFF;
  border-top: 1px solid #FFFFFF;
  margin-top: -1px;
}
.header {
  /*background-color: @navbarInverseBackground;*/
  background-color: transparent;
  background-image: none;
  padding: 0;
  margin-bottom: 10px;
}
.header .accueil {
  padding: 0;
}
.header .spip_logos {
  float: left;
  margin: 0 11px 0 4%;
}
.header h1#logo_site_spip {
  margin-top: 1vw;
}
.header h1#logo_site_spip img.spip_logos {
  height: 12vw;
  width: 12vw;
}
.row {
  margin-left: 0;
}
#identity.cycle-overlay {
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: 600;
  background: transparent;
  padding: 0;
  opacity: 1;
}
.cycle-overlay {
  font-family: tahoma, arial;
  width: 100%;
  z-index: 600;
  opacity: .5;
}
.header .accueil {
  padding: 0;
}
/*_______________________________________________________________________________
																	LIENS RAPIDES
*/
#fast-nav {
  background-color: #FFDF19;
  color: #000000;
}
#fast-nav .nav {
  margin-left: 0;
  margin-bottom: 0px;
  list-style: none;
}
#fast-nav ul > li > a {
  color: #000000;
}
#fast-nav li {
  display: inline-block;
  padding: 0px 0.4%;
}
@media (max-width: 500px) {
  #fast-nav li {
    padding: 0px 0.3%;
    font-size: 80%;
  }
}
/*______________________________________________________________________________
                                                                     MENU NORMAL
*/
.navbar {
  margin: 0;
}
.navbar ul,
.navbar ol {
  list-style: none;
}
.navbar .nav {
  margin: 0 10px 0.4vw 10px;
}
.navbar-inverse .navbar-inner {
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  border-color: transparent;
}
.navbar-inner {
  background-color: #ffffff;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
/* lien secteurs */
.navbar .nav > li > a.secteur,
.navbar .nav > li > div.secteur {
  border-right: none;
  border-left: none;
  color: #FFFFFF;
  font-family: 'Droid Sans', sans-serif;
  font-weight: bold;
  padding: 0.2vw 1.5vw;
  background-color: #018A01;
  text-shadow: -2px -1px 2px #000000;
  border-radius: 4px 4px 0 0;
}
.navbar .nav > li > div.secteur {
  cursor: default;
}
.navbar .nav > li > a.secteur:active,
.navbar .nav > li > a.secteur:focus,
.navbar .nav > li > a.secteur:hover,
.navbar .nav > li > div.secteur:active,
.navbar .nav > li > div.secteur:focus,
.navbar .nav > li > div.secteur:hover,
.groupe-mots a:active,
.groupe-mots a:focus,
.groupe-mots a:hover {
  color: #FFDF19 !important;
}
.groupe-mots a:hover,
.groupe-mots a:focus,
.groupe-mots a:active {
  background-color: transparent !important;
}
.groupe-mots a {
  color: #FFFFFF !important;
}
.navbar .nav > li.secteur > ul > li > a.article {
  margin-left: 20px;
  display: inline;
}
.navbar .nav > ul > li.secteur > a.article {
  margin-left: 20px;
  display: inline;
}
.navbar .nav > li.no-secteur > a.article {
  margin-left: 30px;
  display: inline;
  color: #bc5242;
  text-decoration: none;
  text-shadow: none;
  padding: 0;
}
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #000000;
  border-bottom-color: #000000;
}
.navbar .nav > li.secteur > ul > li.sous-rubrique > a {
  color: #000000;
  padding: 0 2px;
  text-shadow: none;
  font-weight: bold;
}
.navbar .nav > li.secteur > ul > li.sous-rubrique > a:hover,
.navbar .nav > li.secteur > ul > li.sous-rubrique > a:focus,
.navbar .nav > li.secteur > ul > li.sous-rubrique > a:active {
  color: #84392e;
}
.navbar .nav > li.secteur > ul > li > ul {
  margin-left: 20px;
}
.navbar .nav > li.secteur > ul > li > a {
  color: #bc5242;
  text-decoration: none;
  text-shadow: none;
  padding: 0;
  font-weight: normal;
}
.navbar .nav > li.secteur > ul > li > a:hover,
.navbar .nav > li.secteur > ul > li > a:focus,
.navbar .nav > li.secteur > ul > li > a:active {
  background-color: #dfd8c5;
  color: #84392e;
}
/*______________________________________________________________________________
                                                                MENU "HAMBURGER"
*/
@media (max-width: 767px) {
  .nav-collapse.collapse {
    background-color: #FFFFFF;
    background-image: none;
    background-repeat: no-repeat;
    border-radius: 6px;
  }
  #aside {
    position: absolute;
    top: 0;
    right: 20px;
    float: right;
    width: auto;
    z-index: 700;
  }
  .navbar .nav > li.secteur > ul > li.sous-rubrique > a {
    padding-left: 10px;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #018A01;
  }
}
.navbar-inverse .btn-navbar {
  color: #FFDF19;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #018A01;
  background-image: -moz-linear-gradient(top, #018a01, #018a01);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#018a01), to(#018a01));
  background-image: -webkit-linear-gradient(top, #018a01, #018a01);
  background-image: -o-linear-gradient(top, #018a01, #018a01);
  background-image: linear-gradient(to bottom, #018a01, #018a01);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff018A01', endColorstr='#ff018A01', GradientType=0);
  border-color: #018A01 #018A01 #018A01;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #018A01;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:focus,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
  color: #018A01;
  background-color: #018A01;
  *background-color: #018A01;
}
.navbar-responsive {
  z-index: 650;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open > a.dropdown-toggle:focus,
.navbar-inverse .nav li.dropdown > .dropdown-toggle,
.navbar-inverse .nav li.dropdown > a.dropdown-toggle:focus {
  background-color: transparent;
}
.navbar-inverse .nav li.active.dropdown > a.dropdown-toggle:focus {
  background-color: #ffffff;
}
.navbar-inverse .nav li.menu-entree.item > a,
.navbar-inverse .nav li.menu-entree.item > a {
  border-radius: 4px 4px 0 0;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover {
  border-left: 0px solid rgba(0, 0, 0, 0.2);
}
/* Changement de valeur pour white-space pour permettre retour à la ligne
  // Taille de caractère plus petite pour le sous-menu
  // Marge de séparation supplémentaire */
.dropdown-menu > li > a {
  font-size: 0.8em;
  /*au lieu de 1em*/
  font-family: Oswald, Arial, sans serif;
  white-space: normal;
  /*au lieu de nowrap*/
  margin-bottom: 2px;
  /* au lieu de rien...*/
}
/* pour enlever le décalage */
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover {
  border-right: 0px solid #C03D14;
  /* Je surcharge simplement avec une bordure à zéro.*/
  border-left: 0px solid #E6633A;
}
/* On fixe la largeur du menu "hamburger" sinon celui-ci risque de changer
  // de largeur tout seul si un sous-menu contient une entrée plus longue...*/
.navbar-inverse.navbar-responsive .navbar-inner .nav-collapse {
  width: 200px;
  /*arbitrairement*/
}
.navbar .btn-navbar {
  margin-right: -14px;
}
/*
// z-index plus grand car l'article hero passait par dessus sinon
@media (max-width: @navbarCollapseWidth)
{
  .navbar-responsive .navbar-inner .nav-collapse
  {
    z-index: 10000;
  }
  .navbar-responsive.navbar-inverse .navbar-inner .nav-collapse {
	background-color: #ffffff;
	}
	.navbar .nav-collapse .nav li > a {
	color: #000080;
	}
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #000080;
	background-image: -webkit-linear-gradient(top, #CCC, #CCC);
	background-image: -o-linear-gradient(top, #CCC, #CCC);
	background-image: linear-gradient(to bottom, #CCC, #CCC);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcccccc', endColorstr='#ffcccccc', GradientType=0);
	}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
	color: #000000;
	background-color:#CCC;
}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
	color: #000000;
	background-color: #CCC;
}
*/
/*____________________________________________________________________________
																	BREADCRUMB
/*                                                               
ul.breadcrumb, .page_sommaire .breadcrumb{
	display: inline-block;
	padding: 1vw 0 0 4vw;
	margin: 0;
	width: 96%;
	min-height: 1vw;
	background-color:#DDDDDD;
	font-family:Oswald;
	font-size:1.15em;
	}
.breadcrumb > .active {
	color: inherit;
	}
.breadcrumb > li > .divider {
	color: inherit;
	}
*/
/*______________________________________________________________________________
                                                                           LIENS
*/
.on {
  font-weight: normal;
}
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #84392e;
  background-color: #84c984;
  padding: 0 2px;
}
#footer li {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#footer a:focus,
#footer a:hover,
#footer a:active {
  background-color: transparent;
  color: #84392e;
  text-decoration: none;
}
/* bouton general */
.btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 4px 6px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #FFFFFF;
  text-shadow: -2px -1px 2px #000000;
  /* 0 1px 1px rgba(255, 255, 255, 0.75);*/
  background-color: #018A01;
  background-image: -moz-linear-gradient(top, #84c984, #018a01);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#84c984), to(#018a01));
  background-image: -webkit-linear-gradient(top, #84c984, #018a01);
  background-image: -o-linear-gradient(top, #84c984, #018a01);
  background-image: linear-gradient(to bottom, #84c984, #018a01);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff84c984', endColorstr='#ff018A01', GradientType=0);
  border-color: #018A01 #018A01 #b0b0b0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #018A01;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border: 1px solid #bbbbbb;
  *border: 0;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover,
.btn:focus {
  color: #FFDF19;
  text-decoration: none;
  background-position: 0 -51px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
a.btn:hover {
  background-color: #84c984;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #FFDF19;
  background-color: #84c984;
  *background-color: #84c984;
}
/*______________________________________________________________________________
                                                         FORMULAIRE DE RECHERCHE
*/
#extra h2.menu-liste label,
#extra label,
#formulaire_recherche label,
.groupe-mots {
  text-align: center;
  color: #FFFFFF;
  font-family: 'Droid Sans', sans-serif;
  font-weight: bold;
  padding: 0.4vw 1.5vw;
  text-shadow: -2px -1px 2px #000000;
  cursor: default;
}
#extra h2.menu-liste label:hover,
#extra label:hover,
#formulaire_recherche label:hover,
.groupe-mots:hover {
  color: #FFDF19;
  cursor: default;
}
.formulaire_recherche,
.secondary .formulaire_recherche {
  padding-right: 0;
}
#extra h2.menu-liste,
.groupe-mots {
  text-align: center;
  border-right: none;
  border-left: none;
  background-color: #018A01;
  margin: 0.4vw 0;
  border-radius: 4px 4px 0 0;
}
li.search label {
  margin-bottom: 0;
  line-height: 1.42857143em;
}
/* _____________________________________________________________________________
															FORULAIRES FORMIDALE
*/
/* page contact */
.group_btn {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.group_btn_content {
  -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: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin-bottom: 2em;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  background-color: #ffffff;
  max-width: 600px;
  max-height: 220px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  background-color: rgba(135, 206, 250, 0.75);
  border-radius: 20px 24% 24% 20px;
}
.group_btn_content.contact_se {
  border-width: 1px;
  border: thick double rgba(255, 255, 0, 0.7);
}
.group_btn_content.contact_so {
  border-width: 1px;
  border: thick double rgba(255, 165, 0, 0.7);
}
.group_btn_content:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.group_btn_content > .bouton_action_post {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  text-align: center;
}
.group_btn_content > .bouton_action_post > div {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.group_btn_content > .bouton_action_post > div > .a_btn {
  all: initial;
  display: inline-block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  /* flex top */
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  /* flex center
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		*/
}
.group_btn_content > .bouton_action_post > div > .a_btn * {
  all: unset;
}
.group_btn_content > .bouton_action_post > div > .a_btn > span {
  position: relative;
  z-index: 1;
  /* flex child top */
  -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: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  /* flex child center
	-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: center;
    -ms-flex-item-align: center;
    align-self: center;
	*/
  font-family: 'Droid Sans', sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  color: #4a4a7b;
  text-align: center;
  margin-top: 0;
  padding: 0.5vw 1vw;
  width: 25vw;
  height: 2vw;
  border-radius: 2%/50%;
}
.group_btn_content > .bouton_action_post > div > .a_btn > span small {
  font-size: 85%;
}
.group_btn_content > .bouton_action_post > div > .contact_se > span {
  background-color: rgba(255, 255, 0, 0.7);
  border: 1px solid #ffff00;
}
.group_btn_content > .bouton_action_post > div > .contact_so > span {
  background-color: rgba(255, 165, 0, 0.7);
  border: 1px solid #ffa500;
}
.group_btn_content > img {
  /*position:relative;
	z-index:1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;*/
  max-width: 100%;
  max-height: 100%;
}
.group_btn_content > img:hover {
  /*-webkit-transform: scale(1.1);
	transform: scale(1.1);
	overflow: hidden;*/
  width: 100%;
  height: 100%;
}
nav.saisies-menu-onglets {
  margin-bottom: 1vw;
}
ul.saisies-menu-onglets__items {
  margin-bottom: 1vw;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
li.saisies-menu-onglets__item {
  -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: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
a.saisies-menu-onglets__lien {
  display: inline-block;
  display: inline;
  *zoom: 1;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #5d5d9b;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#d7d7d7));
  background-image: -webkit-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: -o-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: linear-gradient(to bottom, #f0f0f0, #d7d7d7);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0f0f0', endColorstr='#ffd7d7d7', GradientType=0);
  border-color: #d7d7d7 #d7d7d7 #b0b0b0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #d7d7d7;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border: 1px solid #bbbbbb;
  *border: 0;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* autre formulaires */
.formulaire_formidable {
  background-color: transparent;
}
.formulaire_formidable p.boutons {
  background-color: transparent;
}
.formulaire_formidable label {
  font-weight: bold;
}
.formulaire_formidable h3.legend {
  margin: 1vw 0 0 0;
  text-align: center;
}
.formulaire_formidable div.explication strong.explication_titre {
  font-size: 80%;
  padding-top: 0.5em;
}
.formulaire_formidable div.explication span.boutons {
  background-color: transparent !important;
  border: none;
}
.formulaire_formidable button {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #5d5d9b;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#d7d7d7));
  background-image: -webkit-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: -o-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: linear-gradient(to bottom, #f0f0f0, #d7d7d7);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0f0f0', endColorstr='#ffd7d7d7', GradientType=0);
  border-color: #d7d7d7 #d7d7d7 #b0b0b0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #d7d7d7;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border: 1px solid #bbbbbb;
  *border: 0;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
#formulaire_formidable-1 div.editer_input_6,
#formulaire_formidable-3 div.editer_input_6 {
  /*width:60%;*/
  /*float:left;*/
}
#formulaire_formidable-1 div.editer_input_5,
#formulaire_formidable-3 div.editer_input_5 {
  /*width: 60%;
float: right;
position: absolute;
top: 47.5%;
left: 30%;*/
}
#formulaire_formidable-1 label[for=champ_input_5],
#formulaire_formidable-3 label[for=champ_input_5] {
  color: #808080;
}
#formulaire_formidable-1 input[readonly],
#formulaire_formidable-3 input[readonly] {
  background-color: #edeaeb;
  font-weight: bold;
}
h3.occaz {
  margin-top: 2em;
  margin-bottom: 0;
  text-align: center;
  font-size: 145%;
}
#formulaire_formidable-2 legend.legend {
  font-size: 125%;
  margin-top: 1em;
  margin-bottom: 1%;
}
#formulaire_formidable-2 span.obligatoire {
  font-size: small;
  color: #adadea;
}
#formulaire_formidable-2 label {
  display: inline-block;
}
#formulaire_formidable-2 input[type=text],
#formulaire_formidable-2 textarea {
  float: right;
  width: 75%;
  margin-right: 18%;
  margin-bottom: 0;
}
#formulaire_formidable-2 p.fixe br {
  clear: both;
}
#formulaire_formidable-2 input#fixe {
  margin-bottom: 0;
}
#formulaire_formidable-2 input#sujet {
  border: none;
  padding: 0;
  font-weight: bold;
  color: #5d5d9b;
}
#formulaire_formidable-2 input[disabled],
#formulaire_formidable-2 select[disabled],
#formulaire_formidable-2 textarea[disabled],
#formulaire_formidable-2 input[readonly],
#formulaire_formidable-2 select[readonly],
#formulaire_formidable-2 textarea[readonly] {
  cursor: not-allowed;
  background-color: #eaeaea;
  font-weight: bold;
  color: #5d5d9b;
}
#formulaire_formidable-2 p.bouton {
  text-align: center;
  width: 82%;
}
/*______________________________________________________________________________
                                                                      CADRE WELL
*/
/*
.well {
	padding:0;
	padding-bottom:0;
	margin-bottom:0;
	//.box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
	border-radius: 6px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	//border-color: @bordure_well_couleur;
	}
.liste{
	margin-bottom:20px;
	}
.liste.long{
	margin-bottom:0;
	}
*/
/*______________________________________________________________________________
                                                                 CADRE HERO-UNIT
*/
/*
.hero-unit {
    //font-size: 1.25vw;
    margin: 2.4vw;
    margin-bottom: 2.4vw;
    //line-height: 1.5vw;
    color: inherit;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
*/
/*______________________________________________________________________________
                                          LOGO, TITRE, DESCRIPTIF ET SLOGAN SITE
*/
/*
@media (min-width:1200px){.span9{width:90%;}}
article > header.cartouche > h1 > span {font-family:Oswlad;}
// titre du site
h1#logo_site_spip
{
  text-shadow: -3px -2px 2px #ffffff;
  color: #000;
  font-family: Arial;
  font-size:4vw;
  padding-top:1.5vw;
  padding-left:5vw;
  clear:left;
  float:left;
}
@media (max-width: 500px)
{
  h1#logo_site_spip
  {
    font-size: 1.5em;
  }
}
*/
#descriptif_slogan {
  background-color: transparent;
  border-radius: 0px;
  padding-top: 2vw;
  padding-left: 2vw;
  background-image: none;
  margin-bottom: 0;
  clear: left;
  color: #000000;
}
#descriptif_site_spip {
  margin-right: 1vw;
  font-size: 1.20vw;
  float: right;
  margin-bottom: 0;
  font-weight: bolder;
  line-height: inherit;
}
#descriptif_site_spip img {
  height: 2vw;
  width: 6vw;
}
#slogan_site_spip {
  display: inline;
  font-size: 1.75vw;
}
#descriptif_site_spip,
#slogan_site_spip {
  font-family: 'Kalam', cursive;
  color: #FFDF19;
  text-shadow: -2px -1px 2px #000000;
}
abbr[title],
acronym[title],
abbr[data-original-title] {
  border-bottom: none;
}
/*
@media (min-width: 980px) and (max-width: 1199px) 
{

}
*/
@media (min-width: 768px) and (max-width: 979px) {
  #descriptif_site_spip {
    font-size: 1.20vw;
  }
  #slogan_site_spip {
    font-size: 1.55vw;
  }
  #descriptif_slogan {
    padding-top: 1vw;
  }
}
@media (min-width: 380px) and (max-width: 767px) {
  #descriptif_site_spip {
    font-size: 1.45vw;
  }
  #slogan_site_spip {
    font-size: 1.8vw;
  }
  #descriptif_slogan {
    padding-top: 0.5vw;
  }
}
@media (min-width: 340px) and (max-width: 480px) {
  #descriptif_site_spip {
    font-size: 1.45vw;
  }
  #slogan_site_spip {
    font-size: 1.75vw;
  }
  #descriptif_slogan {
    padding-top: 0;
  }
}
@media (min-width: 250px) and (max-width: 339px) {
  #descriptif_site_spip {
    font-size: 1.45vw;
  }
  #slogan_site_spip {
    font-size: 1.5vw;
  }
  #descriptif_slogan {
    padding-top: 0;
  }
}
/*______________________________________________________________________________
                                                                   ARRIERE-PLANS
*/
.cycle-slideshow {
  /*margin:0!important;*/
}
.espaceur {
  clear: both;
}
/*______________________________________________________________________________
                                BORDURES HEADER, CONTENU, ASIDE, EXTRA ET FOOTER
*/
.sommaire .descriptif_site_spip > h2 {
  text-align: center;
  padding-top: 4vw;
}
.separateur,
espaceur,
nettoyeur {
  clear: both;
}
#meteo h3 {
  text-align: center;
  margin: 2vw 0;
  color: #4a4a7b;
  font-weight: bold;
}
#meteo h3 a {
  color: #4a4a7b;
}
#meteo h3.blocs_replie > a:after {
  content: "[+]";
  vertical-align: middle;
}
#meteo h3 > a:after {
  content: "[-]";
  vertical-align: middle;
}
#meteo h3.blocs_titre {
  background: transparent;
}
#meteo ul {
  list-style: none;
}
#meteo .vert {
  color: #008000;
}
#meteo .orange {
  color: #FFA500;
}
#meteo .rouge {
  color: #FF0000;
}
#meteo #tmpreel li.icon {
  float: right;
}
#meteo #p2x12h li.icon {
  float: right;
}
#meteo #p8x24h li.icon {
  float: right;
}
#meteo .rainette_infos {
  text-align: center;
  float: none;
}
.humidex-vert {
  color: green;
}
.humidex-orange {
  color: orange;
}
.humidex-rouge {
  color: red;
}
.groupe .pagination {
  text-align: center;
}
@media (max-width: 1200px) {
  #content {
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  #content {
    margin: 0;
    padding: 1px 20px;
  }
}
/*
#aside h2{
	font-family:Oswald;
	text-align:center;
	margin-bottom:0;
	}
#aside .article{
	padding:0;
	margin:1vw;
	background-color: inherit;
	font-size:  inherit;
	margin-bottom: inherit;
	color: inherit;
	-webkit-border-radius: inherit;
	-moz-border-radius: inherit;
	border-radius: inherit;
	border:none;
	-webkit-box-shadow: inherit;
	-moz-box-shadow: inherit;
	box-shadow: inherit;
	}
#aside .liste-items .item:last-child {
	border-bottom: 0px solid #e0e2e0;
}
#aside .liste-items .item:first-child {
	border-top: 0px solid #e0e2e0;
}
#aside .pagination{
	text-align:center;
	}
#aside .pagination ul{
	margin-left:0;
	}
	* */
#extra-top ul.nav > li.menu-entree-labelisation div.titre {
  border-right: none;
  border-left: none;
  color: #FFFFFF;
  font-family: 'Droid Sans', sans-serif;
  font-weight: bold;
  padding: 0.2vw 1.5vw;
  background-color: #018A01;
  text-shadow: -2px -1px 2px #000000;
  text-align: center;
  border-radius: 4px 4px 0 0;
}
#extra-top ul.nav > li.menu-entree-labelisation div.titre span.eco {
  color: #93ff52;
}
#extra-top ul.nav > li.menu-entree-labelisation div.titre span.artisan {
  color: #FF0;
}
#extra-top ul.nav > li.menu-entree-labelisation div.titre abbr {
  color: #563896;
  cursor: help;
  text-shadow: -2px -1px 2px #ffffff;
}
#extra-top ul.nav > li.menu-entree-labelisation > ul > li.menu-entree-label div {
  text-align: center;
  font-size: 1.25vw;
  color: #1F94D1;
  font-weight: bold;
  margin: 3.5% 0;
}
#extra-top ul.nav > li.menu-entree-labelisation > ul > li.menu-entree-label,
#extra-bottom .nav > li.secteur {
  text-align: center;
}
#traducteur h2.menu-liste label {
  margin-bottom: 0;
}
#extra-bottom .nav > li.secteur > a.secteur {
  border-right: none;
  border-left: none;
  color: #FFFFFF;
  font-family: 'Droid Sans', sans-serif;
  font-weight: bold;
  padding: 0.2vw 1.5vw;
  background-color: #018A01;
  text-shadow: -2px -1px 2px #000000;
  border-radius: 4px 4px 0 0;
}
#extra-bottom .nav > li.secteur > a.secteur:hover,
#extra-bottom .nav > li.secteur > a.secteur:focus,
#extra-bottom .nav > li.secteur > a.secteur:active {
  color: #FFDF19;
}
.meteo {
  list-style: none;
}
.meteo ul {
  text-align: center;
  margin-left: 1.5vw;
}
.meteo ul > li {
  list-style: none;
}
#extra .nav {
  margin: 0 10px;
}
#footer {
  padding: 1em 0 0 0;
  background: url("//mail.hb-services.fr/plugins/theme_hbs/v2.0.1/css/img/bgf.png") top center #ffffff;
}
#footer a {
  color: #068f2a;
  font-weight: bold;
  font-size: 101%;
}
#footer .texte_libre a {
  font-size: 130%;
}
/*______________________________________________________________________________
                                                                 TITRES DE LISTE
*/
/*______________________________________________________________________________
                                                                   TITRES TEXTES
*/
/*______________________________________________________________________________
                                                        INTERTITRES DES ARTICLES
*/
/*______________________________________________________________________________
                                                              CARET DU SOUS-MENU
*/
/*______________________________________________________________________________
																		PLAN SITE
*/
/* _____________________________________________________________________________
 																		 MODELES
.espaceur
{
	clear:both;
	margin:10px 0 10px 0 !important;
*/
/*______________________________________________________________________________
																		  GADGET
*/