/**
 * Voici une feuille de style type, bien entendu vous pouvez ajouter ou supprimer des propriétés CSS en fonction de vos besoins.*/
/* Here is a typical style sheet, of course you can add or remove CSS properties according to your needs.*/

/* Pour activer la popup de recherche positionner le curseur dans la zone d'édition puis Ctrl + F ou Cmd + F */
/* To activate the search popup position the cursor in the editing area then Ctrl + F or Cmd + F */

/**
 * Éléments principaux
 */


/* Grille du site, barres et page */
#contentLeft {
}
#contentRight {
}
#contentSite {
}

/* Bannière */
header {
}

/* Titre de la bannière */
header span {
}

/* Menu */
nav {
}

/* Items du menu */
nav a {
}

/* Items au survol du menu */
nav a:hover {
}

/* Item courant du menu */
nav a.active {
}

/* Menu latéral, aspect des puces */
ul #menuSide  {
}
/* Block menu à droite */
#menuSideRight {
}
/* Block menu à gauche */
#menuSideLeft {
}

/* Bas de page */
footer {
}

footer #footersite, #footerbody {
}

/* Liens du bas de page */
footer #footersite, #footerbody a {
}

/* footer bloc gauche */
footer #footersiteLeft, #footerbodyLeft  {
}

/* footer bloc central */
footer #footersiteCenter, #footerbodyCenter {
}

/* footer bloc droite */
footer #footersiteRight, #footerbodyRight {
}



/**
 * Éléments de contenu
 */

/* Titres */
h1, h2, h3, h4 {
}

/* Liens */
a {
}

/* Liens au survol */
a:hover {
}

/* Liens au clic */
a:active {
}

/* Boutons */
.button,
button[type='submit'],
.pagination a {
}

/* Boutons au survol */
.button:hover,
button[type='submit']:hover,
.pagination a:hover {
}

/* Boutons au clic */
.button:active,
button[type='submit']:active,
.pagination a:active {
}

/* Cases à cocher */
input[type='checkbox']:checked + label:before {
}

/* Cases à cocher au survol */
input[type='checkbox']:not(:active):checked:hover + label:before,
input[type='checkbox']:active + label:before {
}

/* Champs de formulaire */
input[type='text'],
input[type='password'],
.inputFile,
select,
textarea {
}

/* Champs de formulaire au survol */
input[type='text']:hover,
input[type='password']:hover,
.inputFile:hover,
select:hover,
textarea:hover {
}

/* Titre sous image Caption */
/*
figure.image {
}

figure.image img {
}

figure.image figcaption {
}
*/

/* Consentement aux cookies */
/*
#cookieConsent {
}
#cookieConsent a{
}
#cookieConsent h3{
}
#cookieConsentConfirm {
}
#cookieConsentConfirm:hover {
}
*/

/* Gabarit Color box */
.colorbox-0 {
	color: #F7F6CF;
	background-color: #5784BA; 
}
.colorbox-0 a {
	color: #FFBF66;
}
.colorbox-0 h2, .colorbox-0 h3{
	color: #F4CFDF;
}



/* =========================
   LUXE SYSTEM V3 - AGENCY LEVEL
========================= */

body{
  margin:0;
  background:#fff;
  color:#111;
}

/* TYPOGRAPHY SYSTEM */
h1,h2,h3{
  font-family: Georgia, serif;
  font-weight:300;
  letter-spacing:-0.5px;
}

p{
  font-family: Georgia, serif;
  line-height:1.9;
  color:#444;
  font-size:18px;
}

/* GLOBAL SECTION */
.lx{
  max-width:1100px;
  margin:auto;
  padding:140px 20px;
}

/* HERO */
.lx-hero{
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  position:relative;
  background-size:cover;
  background-position:center;
  color:white;
}

.lx-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.55);
}

.lx-hero .content{
  position:relative;
  max-width:800px;
}

.lx-hero h1{
  font-size:82px;
}

/* SMALL LABEL */
.label{
  font-size:11px;
  letter-spacing:4px;
  color:#999;
}

/* IMAGE FULL WIDTH */
.lx-full{
  width:100%;
  height:70vh;
  background-size:cover;
  background-position:center;
}

/* SPLIT EDITORIAL */
.lx-split{
  display:flex;
  flex-wrap:wrap;
}

.lx-split div{
  flex:1;
  min-width:300px;
  height:70vh;
  background-size:cover;
  background-position:center;
}

/* MENU */
.lx-menu{
  max-width:700px;
  margin:auto;
}

.lx-item{
  display:flex;
  justify-content:space-between;
  padding:18px 0;
  border-bottom:1px solid #eee;
}

/* CTA */
.lx-cta{
  text-align:center;
}

.lx-cta a{
  display:inline-block;
  padding:14px 34px;
  border:1px solid #111;
  text-decoration:none;
  color:#111;
  letter-spacing:3px;
  font-size:11px;
}

/* ANIMATION */
.lx-anim{
  opacity:0;
  transform:translateY(40px);
  transition:1s ease;
}

.lx-anim.show{
  opacity:1;
  transform:translateY(0);
}