@charset "UTF-8";
/************************

	DECLARARTION DES VARIABLES

*************************/
/************************

	MISE EN PAGE

*************************/
body {
  font-family: "Montserrat", sans-serif;
  font-size: 1.1rem;
  color: #716e62;
  text-align: justify !important;
}

#content {
  position: relative;
  padding: 0 3rem 250px 3rem;
  color: #919191;
}

#content .container {
  padding-bottom: 5rem;
}

.row {
  margin-top: 0 !important;
}

/******************************
*
*     MENU NAVIGATION
*
******************************/
#racine-top-bar, #racine-top-bar ul {
  background-color: transparent;
}

#racine-top-bar ul li.first-level {
  margin: 0 2rem;
}

#racine-top-bar {
  padding-bottom: 0;
  font-size: 120%;
}

.top-bar.sticky.is-at-top.is-stuck {
  padding: 2rem 0;
}

@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-color: #c49769 transparent transparent;
  }
}
/************************
	
	FLEX
	C'est la grille float qui est livrée avec le plugin
	On rajoute ici des consignes flex (colonnes même hauteur)
	
*************************/
.flex {
  display: flex;
}

.flex-stretch {
  align-items: stretch;
}

/************************

	TYPOGRAPHIE

*************************/
/* Headers */
h1, h2, h3, h4, p.footer {
  font-family: "DM Serif Display", serif !important;
  font-size: 2rem;
  font-weight: bold;
}

h1 {
  font-size: 3rem;
  color: #14281f;
  font-weight: bold;
}

h2.spip, h2.h2, h3.spip {
  color: #c49769;
  text-align: center;
  margin: 3rem 0;
  font-size: 2rem;
}

.green h2, .green h2.spip, .green h2.h2, .green h3, .green h3.spip, .green h3.h3 {
  color: #FFF;
}

.green .cibloc_blanc h3 {
  color: #b1b4a0;
}

@media print, screen and (max-width: 40em) {
  h1 {
    font-size: 2rem;
  }

  .article .descriptif p {
    font-size: 1.5rem;
  }
}
/* Footer */
#footer {
  background-image: url(images/footer_pattern.gif);
  border-top: 10px solid;
  padding-top: 25px;
}

#footer p.footer {
  font-size: 1.5rem;
  color: #c49769;
}

#footer i {
  color: #c49769;
}

/************************

	CIBLOC

*************************/
/* les boutons de cibloc rentrent en conflit avec le modèle bouton.
	on met à display:none l'icone permettant d'insérer un bouton dans la barre d'édition*/
li.markItUpButton.outil_bouton {
  display: none;
}

.col-md-6 {
  display: inline-flex;
  flex-wrap: wrap;
}

.cibloc.cimulti_colonnes {
  display: flex;
  align-items: stretch;
}

@media print, screen and (max-width: 800px) {
  .cibloc.cimulti_colonnes {
    display: block;
  }
}
.cibloc_blanc, .cibloc_bordure, .cibloc_gris {
  height: 100%;
  border: 1px solid #d1d1d1;
  background-color: #FFF;
}

.cibloc i.fa {
  color: #c49769;
}

.cibloc h3 {
  margin: 1rem 0;
  color: #c49769;
  text-align: center;
}

/* les recommandations */
.cibloc_recommandation, .recommandation {
  padding: 50px 20px 10px 20px !important;
  background: url(images/recommandation.png) top left no-repeat #f8f8f8;
  background: url(images/recommandation.png) top left no-repeat white !important;
  background-position: 10px 10px !important;
  border: 1px solid #CCC;
  font-size: 1.2rem;
  font-family: 'DM Serif Display', serif;
  font-style: italic;
  height: 100%;
}

.cibloc_recommandation p, .recommandation p {
  text-align: left;
}

/************************

	COSMÉTIQUE

*************************/
strong {
  color: #727272;
}

p.strong {
  font-weight: bold;
  font-size: 120%;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

/* Les liens 
---------------------------- */
a, a:link, a:visited, a:focus {
  color: #c49769;
  font-weight: bold;
}

a:hover {
  color: #6a4a2a;
}

a:active {
  color: #c49769;
}

#navigation a, #navigation a:link, #navigation a:visited, #navigation a:focus {
  color: #c49769;
  font-weight: normal;
}
#navigation a:hover {
  color: #6a4a2a;
}
#navigation a:active {
  color: #c49769;
}

@media print, screen and (max-width: 800px) {
  #navigation a, #navigation a:link, #navigation a:visited, #navigation a:focus {
    font-size: 80%;
  }
  #navigation .button {
    padding: 5px;
  }
}
/* Les couleurs de fond des bandes (articles)
---------------------------- */
.white {
  background-color: #FFF;
  padding: 1rem 0;
}

.green {
  background-color: #b1b4a0;
  padding: 1rem 0;
}

.golden {
  background-color: #f6f0e9;
  padding: 1rem 0;
}

.colored {
  background-color: #f8f8f8;
}

.small {
  font-size: 80%;
}

/* Les avis google 
---------------------------- */
.avis {
  background: url(images/avis.gif) no-repeat #faf9f0;
  border: 1px solid #c7bdbd;
  border-radius: 5px;
  padding: 15px;
  font-size: 0.8rem;
  font-weight: bold;
}

.avis_name {
  font-weight: bold;
  color: #000;
  margin-left: 100px;
}

.avis_texte {
  font-size: 90%;
  margin-left: 100px;
}

#entreprises .avis_texte {
  margin: 0;
}

#entreprises .slide_entreprise {
  padding: 0 10px;
  margin: 0 10px;
}

/* cacher le contrôle du slider */
.slick-autoplay-toggle-button {
  display: none;
}

/* permet de centrer les logos des entreprises dans la page entreprises */
.slick-slide img.spip_logo {
  display: inline-block;
}

/* Boutons 
---------------------------- */
.button {
  border-radius: 10px;
  padding: 15px;
  font-size: 1.1rem;
}

.button.expanded {
  width: 100%;
}

.button.button_clair, .button.button_clair.expanded {
  border: 1px solid #c49769;
  background-color: #d2b08e;
}

.button.button_clair a {
  color: white;
}

.button.button_fonce, .button.button_fonce.expanded {
  border: 1px solid #14281f;
  background-color: #254a39;
}

.button.button_fonce a, #complement_menu {
  color: white !important;
}

.button.button_blanc, .button.button_blanc.expanded {
  border: 1px solid #c49769;
  background-color: white;
}

.button.button_blanc a {
  color: #c49769;
}

/* Modèles citations
---------------------------- */
.citationa {
  margin: 4rem 20% 4rem 20%;
  font-family: "DM Serif Display",Serif;
  color: #115737;
  font-size: 1.5rem;
}

.citationa .texte {
  text-align: center;
  font-style: italic;
  padding-left: 50px;
  background: url(images/quote.png) top left no-repeat, url(images/quote_end.png) bottom right no-repeat;
}

.citationa .auteur {
  text-align: right;
  margin: 0 20%;
}

@media print, screen and (max-width: 40em) {
  h1 {
    font-size: 2rem;
  }

  .article .descriptif p {
    font-size: 1.5rem;
  }

  .citationa {
    margin: 2rem 5% 2rem 5%;
    font-size: 1.2rem;
  }
}
blockquote, blockquote.spip {
  margin: 5rem;
  font-size: 115%;
}

.green blockquote, .green blockquote p {
  color: white;
}

/* Menu navigation
---------------------------- */
/************************

	FORMULAIRES

*************************/
.inquiry label {
  display: none;
}

button.submit, button spa {
  color: #c49769;
  font-weight: bold;
}

#footer .formulaire_newsletter_subscribe .boutons input {
  font-size: 0.9rem;
  border: 1px solid #b37e47;
  color: #c49769;
  background-color: white;
  padding: 10px;
  border-radius: 5px;
}