/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
                       :root {
                            --main-color: #440808;
                            --second-color: #6D7174;
/*                           --labor-color: #6E5F5F;*/
                        }

                        body {
                            font-family: essonnes-text, sans-serif;

                            font-style: normal;
                            font-weight: 300; 
                            font-size: 18px;
                            
                       }
                        .usefull-area {
                            background-color: rgba(255,255,255,.9);
                            z-index: 1;
/*                            max-width: 98%;*/
                            margin-left: auto;
                            margin-right: auto;
/*                            margin-bottom: 150px;*/
                            
                            -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,.16);
                            -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,.16);
                            box-shadow: 0px 3px 5px 15px rgba(0,0,0,0,.16);                      
                        }
                        
                        .background-couronne {
                                                        
/*                            background-color: #fcfffc;*/

                            margin: 0 auto;
                            max-width: 100%;
                            z-index: 100;
                            background-image: url(../img/bg-transp.png);
                            background-repeat:repeat-y;
                            background-size:cover;
                            
                        }
/*MENU */

/*IMAGE AQUARELLE FRISE*/
                        .aquarelle {
/*                            z-index: 2;*/
                            position: absolute;
                            top: 55px;
                            
/*                        overflow: hidden;*/
                        display: flex;
                        width: 100%;
                        height: 150px;;
                        flex-direction: row;
/*                        background-color: aliceblue;*/
                        align-content: space-between;
                        justify-content: space-between;
/*                            mix-blend-mode: multiply;*/
                        }
                        @media only screen and (min-width: 300px){
                         .aquarelle-left {
                            background-image: url(../img/menu-bg-img-left.jpg);
                            background-position: left;
                            background-size: 80%;
                            background-repeat: no-repeat;
                            margin-top: 60px;
                            width: 100vw;
                            
                        }
                        .aquarelle-right {
                            margin-top: 50px;
                            
                            background-color: 

                            background-image: url(../img/menu-bg-img-right.jpg);
                            background-position: right;
                            background-size: 80%;
                            background-repeat: no-repeat;
                            width: 0vw;
                        }        
                        
                        @media only screen and (min-width: 1000px){
                            
                            .aquarelle-left {
                            background-image: url(../img/menu-bg-img-left.jpg);
                            background-position: left;
                            background-size: 80%;
                            background-repeat: no-repeat;
                            margin-top: 0px;
                            width: 50vw;
                            
                        }
                        .aquarelle-right {
                            margin-top: 0px;

                            background-image: url(..//img/menu-bg-img-right.jpg);
                            background-position: right;
                            background-size: 80%;
                            background-repeat: no-repeat;
                            width: 50vw;
                        }      
                            
                        }
                      
                        .menu-wrap {
                            max-width: 100%;
                            padding-top: 50px;
                            opacity: .9;
                            margin-bottom: 8px;
/*                            background-color: white;*/
                            -webkit-box-shadow: 0px 3px 5px 0px rgba(3,3,3,0.06);
                            -moz-box-shadow: 0px 3px 5px 0px rgba(3,3,3,0.06);
                            box-shadow: 0px 3px 5px 0px rgba(3,3,3,0.06);  
                            
                        }

                        .logo {
                            background-image:url(../img/logo-header.png);
                            background-size: contain;
                            background-repeat: no-repeat;
                            background-position: center;
                            width: 160px;
                            height: 160px;
                            margin: 0 auto;
/*
                            max-width: 160px;
                            margin: 0 auto;
                            margin-top: 10px;
                            background-color: aliceblue;
*/
                        }

                        .nav-container {
                            margin: 0 auto;
                            width: 80%;
                          
                        }
                        nav {
                            max-width: 1800px;
                            margin: 0 auto;
                            
                        }

                        .menu {
                            
                            margin: auto;
                            display: grid;
                            grid-template-columns: 1fr 1fr 1fr 160px 1fr 1fr 1fr;
                            grid-template-rows: 1fr 1fr;
                            align-items: center;
                            justify-items: center;
                            transform: translateY(-30px);
                            padding: 0px 30px;
                            

                        }
                        .menu a {
                            box-sizing: border-box;
                            text-decoration: none;
                            color: darkslategray;
                            min-width: 120px;
                            min-height: 40px;
                            text-align: center;
                            font-size: 20px;
/*                            border: 1px solid black;*/
                        }
                        .menu a:hover, .menu:focus {
                            border-bottom: .5px solid var(--main-color);
                            color: #440808;
                        }
                        .menu a:active {
                            border-bottom: .8px solid var(--main-color);
                        }
                        #nav-toggle, .burger-menu {
                            display: none;
                        }  
/*PHONE VERSION MENU*/
                        @media only screen and (max-width: 1050px) {
                            
                            nav {
                            padding-top: 20px;
                            padding-bottom: 20px;
                            }
                           .burger-menu {
                            z-index: 1;

                            display: block;
                            font-size: 40px;
                            padding-right: 50px;
                            position: relative;
                            text-align: right;
/*                            background-color: aliceblue;*/
                            height: 50px;
                            }
                            .menu {
                                display: none;
                            }
                            .menu a {
                            box-sizing: border-box;
                            text-decoration: none;
                            min-width: 100px;
                            text-align: center;
                            font-size: 26px;
/*                            border: 1px solid black;*/
                            }


                            #nav-toggle:checked ~ .menu, a {
                                display: block;
                                padding: 16px 0px;
                                  
                            }
                            .page {
                                background: white;
                                max-width: 300px;
                                margin: 0 auto;
                            }
                            .page:hover {
                                background: white;
                                max-width: 200px;
                                margin: 0 auto;
                            }
                           
                            .menu-wrap {
                                height:auto;
                        }
                        }
     
                        
/*CAROUSEL*/
                        .carousel {
                            position: relative;
                            display: flex;
                            flex-direction: column;
                            justify-content: start;
                            align-items: center;

                        }
                        .carousel-inner {
/*                            height: 50vh;*/
                        }
                        .carousel-control-prev{
                            z-index: 10;

                        }
                        .carousel-control-prev:hover {
                            background: rgba(255,255,255,.6);
                        }
                        .carousel-control-next{
                            z-index: 10;
                        }
                        .carousel-control-next:hover{
                            background: rgba(255,255,255,.6);
                        }
                       
/*HERO*/
                        .hero-title {
                            position: absolute;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                            z-index: 100;
                            margin: 0 auto;
/*                            width: 350px;*/
                            height: 150px;
                            
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%);
/*                            background-color: aliceblue;*/
                        }
                        .hero-title * {
                            text-align: center;
                        }
                        .hero-title h1 {

                            font-size: 50px;
                            color: white;
                            
                            font-family: essonnes-display, serif;
                            font-weight: 700;
                            font-style: italic;
                            
                            border-bottom: 1px solid linear-gradient(to right, #ccc, #333, #ccc);
                            margin: 0 auto;
                        }
/*HR*/
                        
                        hr.style-one {
                            opacity: .7;
                            max-width: 100%;
                            z-index: 1;
                            border: 0;
                            height: 2px;
                            background: #333;
                            background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
                        
                        .hero-title p:first-child {
                            font-size: 50px;
                        }
                        .hero-title p {
                            margin-top: 0;
                            position: relative;
                            font-size: 20px;
                            }

                        

   

/*INFO BANDEAU*/
                        .info-bandeau {
                            
                            
                            margin: 30px auto 0 auto ;
                            position: relative;

                            flex-direction: column;
                            align-items: center;
                            justify-content: center;                           
                            padding: 42px 50px;
                            background-color: rgba(255,255,255,.7);
                            width: 80%;
                            border-radius: 2px;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                            outline:10px solid inset grey;
                        }
                        .info-bandeau p{
                            font-family: essonnes-display, serif;
                            font-style: bold;
                            font-weight: 400;
                            line-height: 1.3em;
                            width: 100%;
                            font-size: 24px;
                            text-align: center;
                            color: #200000;
                        }
                        
/*SECTION*/
                        .section-row {
                            display: flex;
                            flex-flow: column-reverse nowrap;
                        }
                        .section-row-reverse {
                            display: flex;
                            flex-flow: column-reverse nowrap;
                        }
                        .section-image {                            
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            max-width: 100%;
                        }
                        .section-image img {
                            max-width: 100%;
                        }
                        section .section-text {
                            padding: 18px;
                            max-width: 100%;
                        }
                        section .section-text h3 {
                            font-family: essonnes-headline, serif;
                            font-weight: 400;
                            font-style: normal;
                            color: #440808;
                            text-transform:uppercase;
                        }
                        
                        section .section-text h4 {
                            color: var(--main-color);
                            font-size: 20px;
                            font-family: essonnes-headline, serif;
                            font-weight: 400;
                            font-style: normal;
                            text-transform: capitalize;
                        }
                        .roboto{
                            font-family: roboto, sans-serif;
                            font-weight: 300;
                            font-style: normal; 
                            font-size: 24px;
                        }
/*GOOGLE MAP*/
                        .section-map {
                            max-width: 100%;
                        }
                        .mapouter {
                            position:relative;
                            text-align:right;
                            height:500px;
                            max-width:100%;
                        }
                        
                        .gmap_canvas {
                           overflow:hidden;
                            background:none!important;
                            height:500px;
                            max-width:100%;
                        }
                        iframe {
                            height:100%;
                        }
                        .heading-map h3 {
                            font-family: roboto,
                        }
/*BUTTONS*/
                        .buttons {
                            display: flex;
                        }
                        .button {
                            margin-top: 12px;
                            min-height: 48px;
                            margin-left: auto;
                            margin-right: auto;
                            text-decoration: none;
                            background-color: goldenrod;
                            font-size: 1.3rem;
                            text-align: center;
                            transition: background 250ms ease-in-out, 
                                            transform 150ms ease;
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                        }
                        .buttons a {
                            width: 50%;
                            font-family: roboto, sans-serif;
                            font-weight: 300;
                            font-style: normal;
                            color: white;
                        }
                        .button:hover,
                        .button:focus {
                            background: transparent;
                            border: 1px solid rgba(255, 255, 255, 1);
                            text-decoration: none;
                        }
                        .button:focus {
                        }
                        .button:active {
                            transform: scale(0.99);
                        }
                        .custom-color {
                            background-color: darkslategray;
                            color: white;
                        }
                        .custom-color:hover{
                            background-color: transparent;
                        }
/*ILLU-HOLDER*/
                        .illu-holder{
                            position: relative;
                            width: 160px;
                            height: 160px;
                            margin: 50px auto;
                        }
                        

/*GALLERIE-CREATION*/

                        .gallerie-creation {
/*                            height: 480px;*/
                            margin: 20px auto;
                            padding: 18px;
                            display: flex;
                            flex-flow: column nowrap;
                            flex: 1;
                        }
                        .gallerie-creation-items {
                            position: relative;
                            padding: 5px;
                            max-width: 465px;
                            flex: 1;
                        }
                        
                        .gallerie-creation-items h4 {
                            margin-bottom: 0 auto;
                            padding: 10px;
                            
                            text-align: center;
                            font-size: 22px;
                            font-family: essonnes-display, serif;
                            font-weight: 400;
                            font-style: normal;                              
                            width: 100%;
                            display: block;

                            min-height: 50px;
                            
                            color: var(--main-color);
                            
                            
                         -webkit-transition: all 0.45s ease;
                            transition: all 0.45s ease;
                            
                        }
                        #mariage{
                            background-color: beige;

                        }
                        #obseque{
                            background-color: beige;
                        }
                        #plaisir{
                            background-color: beige;
                        }

                        
                        .gallerie-creation-items img {
                            max-width: 100%;
                            -webkit-transition: all 0.45s ease;
                            transition: all 0.45s ease;
                        }
                        
                        .gallerie-creation-items a:hover img {
                            opacity: .2;
                            transform: scale(1.01);
                        }
                        .gallerie-creation-items a:hover h4 {
                           transform: translate(-100%,-100%);
                            opacity: 0;

                        }
                        
                        .gallerie-creation-items a:hover figcaption{  
                            z-index: 1;
                            display: block;
                            opacity: 1;
                            width: 100%;                     
                        }
                        .gallerie-creation-title {
                            color: goldenrod;
                            padding-top: 50px;
                            text-align: center;
                            font-size: 50px;
                            text-transform: uppercase;
                            font-family: essonnes-display, serif;
                            font-weight: 300;
                            font-style: normal;
                        }
                        a figcaption {                  
                            color: var(--main-color);
                            padding: 18px;
                            font-family: roboto, sans-serif;
                            font-weight: 400;
                            font-style: normal;
                            line-height: 2em;
                            
                            text-align: center;
                            font-size: 20px;
                            display: none;
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%,-50%);
                            text-decoration: none;
                        }

                        figcaption span {
                            line-height: 2em;
                            
                            font-size: 38px;
                            font-family: essonnes-display, serif;
                            font-weight: 400;
                            font-style: italic; 
                            line-height: 1.2em;
                            
                            border-bottom: .5px solid var(--main-color);

                        }

                        
                        @media only screen and (min-width: 768px) {
                        .gallerie-creation {
                            width: 100%;
                            display: flex;
                            flex-flow: row nowrap;
                            justify-content: space-around;
                        }
                        }
                            /* PHONE VERSION */
                        @media only screen and (min-width: 400px) {
                      
                            .button {
                            text-decoration: none;
                            color: white;
                            font-size: 1.3rem;
                            text-align: center;
                            transition: background 250ms ease-in-out, 
                                            transform 150ms ease;
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            border: .5px solid rgba(34, 10, 10,.2);
                        }
/*                        button:focus */
                        .button:hover{
                            background: transparent;
                            color: var(--main-color);                            
                            -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,.16);
                            -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,.16);
                            box-shadow: 0px 3px 5px 15px rgba(0,0,0,0,.16);  
                        }

                        }
/*FOOTER*/
                        .hr-footer {
                            width: 50%;                                
                            }
                        footer {
                            background-color: #699096;
                            padding: 60px;
                            width: 100%;
                        }
                        .bottom-infos {
                            margin: 50px auto 50px auto;
                            display: flex;
                            flex-direction: column;
                            max-width: 90%;
                        }
                        .bottom-infos > div {
                            text-align: center;
                            margin-top: 38px;
                        }
                        footer li {

                            list-style-type: none;

                            font-family: benton-modern-display, serif;
                            font-style: normal;
                            font-weight: 400; 
                            font-size: 26px;
                            
                        }
                        footer .item-footer-1 li:hover{
                            border-bottom: .5px solid white;
                        }
                        footer li a {
                            line-height: 1.5em;
                        }

                        footer ul {
                            list-style-type: none;
/*                            border: 1px solid white;*/
                            padding: 0;
                            margin: 0;
                            
                        }
                        footer a , p{
                            color: var(--main-color);
                            text-decoration: none;
                            color: white;
                        }
                        footer h4 {
                            font-size: 22px;
                            color: white;
                            font-family: inherit;
                            text-align: left;
                        }
 
                        .item-2-container img {
                            width: 228px;
                        }
                        .item-footer-2 p {
                            font-size: 18px;
                        }
                        .item-footer-3 {
                            display: none;
                        }
                        footer a:hover {
                            text-decoration:none;
                            color: white;
                        }
                        .item-footer-1 > ul {
                            margin: 0 auto;
                            width: 200px;
                        }
                        .fb-icon-footer{
                            position: relative;
                            margin: 0 auto;
                            background-color: white;
                            height:30px;
                            width:30px;
                            border-radius: 100px;
                            opacity: .8;
                            }
                            .fb-icon-footer a i{
                            color: darkslategray;
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%,-50%);
                            }
                            .fb-icon-footer:hover{
                            opacity: 1;
                            }
/*FOOTER-TABLET*/
                            @media only screen and (min-width: 1080px) {
                        footer {
                            width: 80%;
                        }
                        .bottom-infos {
                            display: flex;
                            flex-direction: row;
                            justify-content: space-between;
                            align-content: center;
                            
                        }
                        .bottom-infos > div {
                            text-align: center;
                          margin: 0 auto;
                            width: 300px;
                        }
                        footer li {
                            list-style-type: none;
                            font-family: benton-modern-display, serif;
                            font-style: normal;
                            font-weight: 400; 
                            font-size: 26px;
                            color: white;
                        }
                        footer .item-footer-1 li:hover{
                            border-bottom: 1px solid white;
                        }
                        footer li a {
                            line-height: 2em;
                        }
                        footer ul {
                            list-style-type: none;
                            padding: 0;
                            margin: 0;
                        }
                        footer a , p{
                            color: var(--main-color);
                            text-decoration: none;
                            color: white;
                        }
                        footer h4 {
                            margin-right: auto;
                            font-size: 24px;
                            color: white;
                            font-family: inherit;
                            text-align: left;
                        }

                        .item-footer-1 {
                                }                        
                        .item-footer-2 {

                             min-width: 450px;
                                }
                        .item-footer-3 {
                                }
                        .item-1-container{
                            margin: 0 auto;
                        } 
                        .item-2-container{
                            margin: 0 auto;
                        }
                        .item-3-container{
                            margin: 0 auto;
                        }
                        .item-2-container img {
                            width: 228px;
                        }
                        .item-footer-2 p {
                            font-size: 20px;
                        }
                        .item-2-container p:first-of-type  {
                            font-size: 22px;
                        }
                        .item-footer-3 {
                            display: block;
                            min-width: 350px;
                        }
                        .item-footer-1 li {
                                text-align: start;
                            margin-left: auto;
                        }
                        .item-footer-3 ul li {
                            font-family: roboto;

                            text-align: left;
                            font-size: 20px;
                            text-decoration: none;
                            list-style-type: none;
                            line-height: 1.5em;
                        }
                        .item-footer-1 > ul {
                            margin-right: auto;
                            width: 200px;
                        }                        
                            }
/* TABLETTE VERSION */
                        @media only screen and (min-width: 500px){
                            
                            .usefull-area {
                            max-width: 90%;
                                }

                         
                            @media only screen and (min-width: 768px) {
                            
                            .section-row {
                                
                            display: flex;
                            flex-flow: row wrap;
                            justify-content: space-around;
                            padding: 50px;

                            }
                            .section-image {
                                max-width: 50%;
                            }
                            .section-row-reverse {
                            padding: 18px;
                            display: flex;
                            flex-flow: row-reverse nowrap;
                            justify-content: space-around;
                        }

                            section .section-text {
                            justify-self: space-between;
                            align-self: center;
                            padding: 18px;
                            max-width: 100%;
                        }
                            .button {
                            text-decoration: none;
                            color: white;
                            font-size: 1.3rem;
                            text-align: center;
                            transition: background 250ms ease-in-out, 
                                            transform 150ms ease;
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            border: .5px solid rgba(34, 10, 10,.2);
                        }
                        .button:hover,
                        .button:focus {
                            background: transparent;
                            color: var(--main-color);
                            -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,.16);
                            -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,.16);
                            box-shadow: 0px 3px 5px 15px rgba(0,0,0,0,.16);  
                        }
                        .buttons a {
                            width: 100%;
                        }
                        .section-map {
                            max-width: 50%;
                        }
                                
                        }
                            
/* DESKTOP VERSION */
                        @media only screen and (min-width: 1280px) {
                        .nav-container {
                                margin: 15px auto 0 auto;
                                width: 70%;
                        }                            
                            .usefull-area {
                            max-width: 80%;
                                }
                            .hero-title p:first-child {
                            }  
                            .hero-title p {
                            font-size: 40px;
                            }   
                            .hero-title p:first-child {
                            font-size: 60px;
                            } 

                            .info-bandeau {
                            padding: 100px;
                            height: 500px;
                            width: 60%;

                            }
                            .info-bandeau p {
                            width: 80%;
                            font-size: 32px;
                            font-family: essonnes-display, serif;
                            font-style: normal;
                            font-weight: 400;
                            line-height: 1.3em;
                            width: 100%;
                            font-size: 24px;
                            text-align: center;
                            color: #200000;
                            
                            }
                            .hero-title {
                            margin: 0 auto;
                            }
                            .hero-title h1 {
                            font-size: 120px;
                            }
                            .carousel-inner {
                            max-height: 90vh;
                            }
                            section .section-text {
                            padding: 18px;
                            max-width: 40%;
                            }
                            .button {
                            background-color: goldenrod;
                            text-decoration: none;
                            color: white;
                            font-size: 1.3rem;
                            text-align: center;
                            transition: background 250ms ease-in-out, 
                                            transform 150ms ease;
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            border: .5px solid rgba(34, 10, 10,.2);
                            }
                            section .section-text p {
                            font-size: 22px;
                            }
                            .section-image {
                            width: 30%;
                        }
                                }
/* MENU DESKTOP VERSION */
                        @media only screen and (min-width: 1280px) {
                        .nav-container {
                                margin: 15px auto 0 auto;
                                width: 70%;
                        }