@import url("couleurs.css");

/* menu dj */
.mainmenu a {
  color: #000000 !important;
}

.mainmenu a:hover,
.mainmenu a.active {
  color: #bd3a0c !important;
}

/* titres */
a.lien-article-onepage,
a:active.lien-article-onepage {
  color: #dddddd !important;
}

a:hover.lien-article-onepage {
  -webkit-opacity: 0.8;
  opacity: 0.8;
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000;
}

.content h1,
.content h2,
.content h3 {
  color: #00699e;
}

.bloc-titre h1,
.bloc-titre h2,
.bloc-titre h3 {
  color: #bd3a0c;
}

.titre-inline {
  font-size: inherit;
  display: inline-block;
  margin: 0;
}

.onepage h1,
.onepage h2,
.onepage h3,
.onepage h4,
.onepage h5,
.onepage h6 {
  color: #dddddd;
}

ul.menu.enligne {
  margin: 0;
  padding: 4px 0;
}

.menu.enligne li {
  display: inline-block;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 4px 8px;
  font-size: 0.9em;
  color: #4a4a4a;
  border: 1px solid #eee;
  background-color: #eaeaea;
  height: auto;
  border-radius: 5px;
}

/* menu responsive les arbres */
div.srm_position {
  position: relative !important;
  margin-bottom: 1em !important;
}

/* -- liste */
#srm_select_list {
  padding: 0 1em;
  width: auto;
  max-width: 100%;
  margin: 0;
  border: 0px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0);
  border-radius: 5px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  color: #fff;
  background-color: #fff;
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E),
    linear-gradient(to bottom, #930000 0%, #930000 100%);
  background-repeat: no-repeat, repeat;
  background-position: right 8px top 50%;
  background-size: 10px auto;
  font-variant: normal;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  line-height: 2;
  font-size: 100%;
}

/* Hide arrow icon in IE browsers */
#srm_select_list::-ms-expand {
  display: none;
}

/* alignement logo */
header {
  background-color: #fff;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
}

.logo {
  flex: 2;
  text-align: center;
  border-radius: inherit;
  min-width: 120px;
}

.logo img {
  width: 100%;
  height: 100%;
  max-width: 200px;
}

.slogan {
  flex: 3;
  min-width: 200px;
  text-align: left;
  font-size: 1.5rem;
  padding: 0 2% 0 2%;
  font-family: font3, sans-serif;
}

.slogan a {
  color: #000;
}

.rdv-wrapper {
  flex: 2;
  margin: 0 2%;
}

.rdv-wrapper a {
  display: block;
}

.rdv {
  text-align: center;
  font-size: 1.4rem;
  border-radius: 20px;
  background-color: #9b6905;
  color: #fff;
  margin: 0 auto;
  padding: 0.5rem 8%;
  display: block;
  font-family: font3, sans-serif;
}

@media screen and (max-width: 968px) {

  .slogan,
  .rdv {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 868px) {

  .slogan,
  .rdv {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 635px) {
  .logo {
    flex: 1;
  }

  .slogan {
    display: none;
  }
}

.burger {
  text-align: right;
}

.logo.navmodule {
  position: relative;
  /* float: left; */
  z-index: 1000;
  width: 8%;
  max-width: 150px;
  min-width: 80px;
  border-radius: 10px;
  overflow: hidden;
}

#cat_accueil .logo.navmodule {
  background: #d9000085;
  max-width: 200px;
}

#cat_accueil header {
  background: none !important;
}

@media screen and (max-width: 470px) {
  #cat_accueil header {
    background: #930000 !important;
  }

  #cat_accueil .logo.navmodule {
    background: none;
  }
}

/* menu */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: font1, sans-serif;
}

.bloc-titre h1,
.bloc-titre h2,
.bloc-titre h3 {
  font-weight: 400;
  font-size: 1.6em;
  font-variant: inherit;
  text-transform: none;
  line-height: 1;
}

blockquote {
  background-color: #ddd;
}

/* .diaporama { max-height: 853px; } */
footer {
  background-color: #fff;
}

.contact-footer,
footer ul.nav,
footer a:link,
footer a:visited {
  color: #6c6c6c;
}

#cat_actu .blog .bloc-article.bloc100 {
  padding-bottom: 3% !important;
  border-bottom: 3px solid #ddd;
}

.affiche {
  width: 100%;
  /* height: 320px !important; */
  border-radius: 10px;
  object-fit: cover;
  /* border: solid 6px #B64402; */
}

.bloc-image.bloc-affiche .bloc-titre {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  padding: 0.8em 0.5em 0.5em 0.5em;
  border-radius: 0 0 10px 10px;
  min-height: 20%;
  border-top: #ddd 1px solid;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  justify-content: center;
}

.bloc-image.bloc-affiche .bloc-titre h1,
.bloc-image.bloc-affiche .bloc-titre h2,
.bloc-image.bloc-affiche .bloc-titre h3 {
  color: #000;
  font-size: 18px;
  margin: 0.5em 0;
}

#cat_accueil .bloc-image.bloc-affiche .bloc-titre h1,
#cat_accueil .bloc-image.bloc-affiche .bloc-titre h2,
#cat_accueil .bloc-image.bloc-affiche .bloc-titre h3 {
  font-size: 22px;
}

.couleur01 {
  color: #c0a887;
}

.couleur02 {
  color: #7a1614;
}

.couleur03 {
  color: #d0c3b0;
}

.fond-couleur01 {
  background-color: #c0a887 !important;
}

.fond-couleur02 {
  background-color: #7a1614;
}

.fond-couleur03 {
  background-color: #d0c3b0;
}

.small-caps {
  font-variant: small-caps;
}

/* copyright dans menu footer */
footer li.item-250 {
  display: block;
}

/* icones catégories */
.attractions {
  text-align: center;
  white-space: nowrap;
  margin-left: 190px;
}

.ico-cat-wrapper {
  text-align: center;
}

.ico-cat {
  display: inline-block;
  max-width: calc(100% / 8);
  padding: 0 1%;
}

.ico-cat img {
  width: 100%;
  height: auto;
  min-width: 42px;
  max-width: 80px;
  margin-top: 25px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));
}

/* up gallery */
.upgallery picture img {
  object-fit: contain;
  /* height: 250px; */
  /* max-height: 300px; */
}

/* .fiche-produit .bloc-image {
    max-width: 33%;
    max-height: none;
    margin: 0 2% 2% 0; */
button#enHaut {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 15px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: transparent;
  color: white;
  cursor: pointer;
  padding: 8px 10px 10px 10px;
  border-radius: 0;
  width: 50px;
  height: 50px;
}

button#enHaut:hover {
  background-color: transparent;
  opacity: 0.7;
}

/* activités */
[class^="activite"] {
  border-radius: 5px;
  border-left: 5px solid transparent;
  line-height: 1.4;
  vertical-align: middle;
  display: inline;
  padding: 1px 8px 1px 3px;
  background-color: #f8f8f8;
  color: #525252;
}

.actif {
  border-left: 6px solid var(--orange);
}

.couleur-web {
  background: var(--web) !important;
  color: #fff !important;
  white-space: nowrap;
}

.couleur-web-pro {
  background: var(--web-pro) !important;
  color: #fff !important;
  white-space: nowrap;
}

.couleur-audio {
  background: var(--audio) !important;
  color: #fff !important;
  white-space: nowrap;
}

.couleur-photo {
  background: var(--photo) !important;
  color: #fff !important;
  white-space: nowrap;
}

.couleur-debutant {
  background: var(--debutant) !important;
  color: #fff !important;
  white-space: nowrap;
}

.couleur-confirme {
  background: var(--confirme) !important;
  color: #fff !important;
  white-space: nowrap;
}

/* isotope */
.isotope_button.iso_button_cat_tout {
  border-left: solid 6px var(--orange) !important;
}

.isotope_button.iso_button_cat_audio {
  border-left: solid 6px var(--audio) !important;
}

.isotope_item.audio {
  border-left: solid 6px var(--audio);
}

.isotope_button.iso_button_cat_photo {
  border-left: solid 6px var(--photo) !important;
}

.isotope_item.photo {
  border-left: solid 6px var(--photo);
}

.isotope_button.iso_button_cat_formations-podcasts {
  border-left: solid 6px var(--audio) !important;
}

.isotope_item.formations-podcasts {
  border-left: solid 6px var(--audio);
}

.isotope_button.iso_button_cat_formations-web {
  border-left: solid 6px var(--web) !important;
}

.isotope_item.formations-web {
  border-left: solid 6px var(--web);
}

.isotope_button.iso_button_cat_web-tout-compris {
  border-left: solid 6px var(--web) !important;
}

.isotope_item.web-tout-compris {
  border-left: solid 6px var(--web);
}

.isotope_button.iso_button_cat_services-web-sur-mesure {
  border-left: solid 6px var(--web-pro) !important;
}

.isotope_item.services-web-sur-mesure {
  border-left: solid 6px var(--web-pro);
}

/* tags isotope */
.iso_tagsep span {
  display: none;
}

.tag {
  float: right;
  width: 30%;
  text-align: right;
}

.tag>span {
  display: inline-block;
  padding: 2px 4px;
  margin: 0 0 4px 3px;
  background-color: #eaeaea;
  border-radius: 5px;
}

.iso_tag_debutant {
  background-color: var(--debutant) !important;
  color: #fff;
}

.iso_tag_confirme {
  background-color: var(--confirme) !important;
  color: #fff;
}

.iso_tag_audio {
  background-color: var(--audio) !important;
  color: #fff;
}

.iso_tag_photo {
  background-color: var(--photo) !important;
  color: #fff;
}

.iso_tag_podcast {
  background-color: var(--audio) !important;
  color: #fff;
}

.iso_tag_web {
  background-color: var(--web) !important;
  color: #fff;
}

.iso_tag_tout-compris {
  background-color: var(--tout-compris) !important;
  color: #fff;
}

.iso_tag_web-pro {
  background-color: var(--web-pro) !important;
  color: #fff;
}

.iso_tag_sur-mesure {
  background-color: var(--sur-mesure) !important;
  color: #fff;
}

/* custom fields formation */
.duree-formation,
.lieu-formation,
.iso_field_duree-formation,
.iso_field_lieu-formation {
  display: inline-block;
  float: left;
  font-size: 0.9em;
  border-radius: 5px;
  padding: 1px 4px;
  margin: 0 4px 0 0;
  border: solid 1px #eaeaea;
  color: #666;
}

/* article-header */
.bloc-element.article-header.accueil {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  align-content: space-between;
}

/* bandeaux */
.article-bandeau {
  max-width: 1024px;
  margin: 0x;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  color: #fff;
  padding: 2% 15% 2% 10% !important;
  text-align: right;
  text-shadow: 0px 0px 8px #000;
}

h1.titre-bandeau {
  font-size: 2rem;
  letter-spacing: 0.2rem;
  color: #fff;
  margin: 0.5rem 0;
}

.texte-bandeau {
  max-width: 1280px;
  padding: 2% !important;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  color: #fff;
}

/* article formation */
.fiche-formation {
  padding-right: 3% !important;
}

.formation-infos,
.formation-fournitures {
  font-size: 0.95em;
  border: solid 1px #eaeaea;
  padding: 1.3em !important;
  border-radius: 6px;
  /* margin: 0.6em 1em 1em 0; */
}

.formation-infos {
  display: inline-block;
}

.formation-programme {
  margin-top: 2em;
  padding: 2%;
}

@media screen and (max-width: 768px) {
  .fiche-formation {
    padding-right: 0 !important;
  }

  .formation-infos {
    display: block;
  }

  .formation-fournitures {
    margin-top: 2em;
    width: 100%;
    max-width: 100%;
  }
}