/*! 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;
}
/*BODY*/
                        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);                      
                        }
/* MENU */
                        :root {
                            --main-color: #220A0A;
                            --second-color: #6D7174;
                        }
                            .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;
                        }
                        .center-text {
                                text-align: center;
                            }
/*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;
                        }
                        }
     
                        
/*PAGE*/
/*
                       #section-abonnement {
                            background-color: #F8E1E1;
                        }
*/
                       .parallax-container {
                            max-height: 555px;
                        }
                        .livraison{
                            background-image: url(../img/img-index-livraison-2.jpg);
                            height: 555px;
                            background-attachment: fixed;
                            background-position: center bottom;
                            background-repeat: no-repeat;
                            background-size: cover;
                            overflow: hidden;
                            -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); 
                        }

                        .livraison:hover h1{
                            opacity:1;
                            background-color: goldenrod;

                        }              
                       .parallax {
                            overflow: hidden;
                            
/*                            background-color: palegoldenrod;*/
                            
                            box-sizing: border-box;
                        }                       
                        .titre-page {
                            text-transform: uppercase;
                            color: goldenrod;
                            padding-top: 50px;
                            text-align: center;
                            font-size: 50px;
                            font-family: essonnes-display, serif;
                            font-weight: 300;
                            font-style: normal;
                        }               
                        .infos {
                            
                            max-width: 80%;
                            margin-top: -30px;
                            margin-left: auto;
                            margin-right: auto;
                            margin-bottom: 150px;
                            padding: 40px;
                            background: rgba(255,255,255,1);
/*                            margin: 0 auto;*/
                            
                            -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);  
                        }
                            .roboto{
                            font-family: roboto, sans-serif;
                            font-weight: 300;
                            font-style: normal; 
    }
                           .info-bandeau {
                            
                            margin: 30px auto 0 auto ;
                            position: relative;

                            flex-direction: column;
                            align-items: center;
                            justify-content: center;                           
                            padding: 0px 50px;
/*                            background-color: rgba(255,255,255,.7);*/
                            width: 80%;
/*                            height: 350px;*/
/*                            padding-bottom: 50px;*/
                            
                            border-radius: 2px;
                            
                            display: flex;
                            flex-direction: column;
                            
                            justify-content: center;
                            align-items: flex-start;
                            
                            outline:10px solid inset grey;
                            
                        }
                        .t-intro {
                            margin-top: 16px;
                            text-align: center;
                            font-family: essonnes-text, serif;
                            font-style: normal;
                            font-weight: 300;
                            line-height: 1.3em;
                            color: #200000;
                            font-size: 24px;
                            }
                        .info-bandeau .f-p {
                            font-family: essonnes-text, serif;
                            font-style: normal;
                            font-weight: 300;
                            
                            line-height: 1.3em;
                            width: 100%;
                            font-size: 24px;
                            text-align: left;
                            color: #200000;
                        } 
                        .info-bandeau .s-p {
                            
                            
                            font-family: essonnes-text, serif;
                            font-style: normal;
                            font-weight: 300;   
                            
                            line-height: 1.3em;
                            
                            color: #200000;
                            text-align: left;
                            font-size: 20px;
                         }
                        
                        .info-bandeau .t-p {
                            
                            font-family: essonnes-text, serif;
                            font-style: normal;
                            font-weight: 300;                            
                            
                            color: #200000;
                            text-align: left;
                            font-size: 18px;
                         }
                        .info-bandeau .d-p {
                            font-family: essonnes-display, serif;
                            font-style: normal;
                            font-weight: 300;
                            
                            color: #200000;
                            text-align: left;
                            font-size: 17px;
                            }
                        hr {
                            width: 100%;
/*                            border: .3px solid #200000;*/
                            }
/*GALLERIE-CREATION*/

                        .gallerie-creation {
/*                            height: 480px;*/
                            margin: 20px auto;
                            padding: 18px;
                            display: flex;
                            flex-flow: column nowrap;
                            flex: 1;
/*                            margin-bottom: 10px;*/

/*                            overflow: hidden;*/
/*                            background-color: goldenrod;*/
                        }
                        .gallerie-creation-items {
                            position: relative;
/*                            align-self: center;*/
/*                            margin: 10px;*/
                            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: #F8E1E1;
                        }
                        #obseque{
                            background-color: beige;
                        }
                        #plaisir{
                            background-color: coral;
                        }
*/

                        
                        .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;
                        }
                        .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;
                            
                            font-family: essonnes-display, serif;
                            font-weight: 300;
                            font-style: normal;
                        }
                            
                        @media only screen and (min-width: 768px) {
                        .gallerie-creation {
                            width: 100%;
                            display: flex;
                            flex-flow: row nowrap;
                            justify-content: space-around;
                        }
                        }
                            
                            
/*BUTTONS*/

                        .buttons {
                            display: flex;

                        }
                        .button {
                            margin-top: 12px;
                            min-height: 48px;
                            margin-left: auto;
                            margin-right: auto;
/*                            background-color: #767676;*/
                            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;
/*                            border: .5px solid rgba(34, 10, 10,.2);*/
                            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 {
                            color: #220A0A;
                            text-decoration: none;
                            background-color: transparent;
                            border: 1px solid rgba(255, 255, 255, 1);
                            text-decoration: none;
                        }
                        .button:focus {
/*                            outline: 1px solid #fff;*/
/*                            background: rgba(255, 255, 255, 1);*/

/*                            outline-offset: -4px;*/
                        }

                        .button:active {
                            transform: scale(0.99);
                        }
                        .custom-color {
                            background-color: darkslategray;
                            color: white;
                        }
                        .custom-link{
                            color: darkslategray;
                            display: inline;
                                
                            }
                        .custom-color:hover{
                            background-color: goldenrod;
                        }
                        .custom-link:hover{
                            color: goldenrod;
                        }

                            




                            
/* TABLET VERSION */
                        @media only screen and (min-width: 768px) {
                            
                         .usefull-area {
                            max-width: 90%;
                                }
                        .infos > p {
                            margin: 0 auto;
                            width: 80%;
/*                            padding-bottom: 50px;*/
/*                            font-size: 32px;*/
                            text-align: left;
                            color: var(--main-color);
/*                              word-break: keep-all;*/
                        }

                        .img-bottom {
                            display: flex;
                            flex-flow: row nowrap;
                            height: 450px;
                            justify-content: center;
                        }
                        .livraison{
                            background-image: url(../img/img-index-livraison-2.jpg);
                            height: 555px;
                            background-attachment: fixed;
                            background-position: center bottom;
                            background-repeat: no-repeat;
                            background-size: cover;
                            overflow: hidden;
                            -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); 
                        }
                        .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: 30%;
                        }                     
                            }        
/*FOOTER*/
                        .hr-footer {
                            width: 50%;                                
                            }
                        footer {
                            margin: 0 auto;
                            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 {
/*                          background-color: pink;*/
/*                          padding-bottom: 50px;*/
/*
                            padding-top: 10px;
                            margin-top: 0;
*/
                            width: 80%;
                        }
                        .bottom-infos {
/*                            margin-top: 50px;*/
                            display: flex;
                            flex-direction: row;
                            justify-content: space-between;
                            align-content: center;
                            
                        }
                        .bottom-infos > div {
/*                          border: 1px solid black;*/
                            text-align: center;
                          margin: 0 auto;
                            width: 300px;
/*                          border: 1px solid pink;*/
                        }
                        footer li {
                            list-style-type: none;
                            font-family: benton-modern-display, serif;
                            font-style: normal;
                            font-weight: 400; 
                            font-size: 26px;
                            color: white;
/*                          border: 1px solid white;*/
                        }
                        footer .item-footer-1 li:hover{
/*                          max-width: 400px;*/
                            border-bottom: 1px solid white;
                        }
                        footer li a {
                            line-height: 2em;
                        }
                        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 {
                            margin-right: auto;
                            font-size: 24px;
                            color: white;
                            font-family: inherit;
                            text-align: left;
                        }

                        .item-footer-1 {
/*                            background-color: aliceblue;*/
                                }                        
                        .item-footer-2 {
/*                                                        background-color: aliceblue;*/

                             min-width: 450px;
                                }
                        .item-footer-3 {
/*
                                                        background-color: aliceblue;

*/
                                }
                        .item-1-container{
                            margin: 0 auto;
/*                            width: 33,333%;*/
/*                            background-color: aliceblue;*/
                        } 
                        .item-2-container{
                            margin: 0 auto;
/*                            width: 33,333%;*/
/*                            background-color: aliceblue;*/
                        }
                        .item-3-container{
                            margin: 0 auto;
/*                            width: 33,333%;*/
/*                            background-color: aliceblue;*/
                        }
                        .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;
                        }                        
                            }

/* DESKTOP VERSION */
                        @media only screen and (min-width: 1280px) {

                            .info-bandeau {
                                width: 50%;

                            }

                            .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: left;
                            color: #200000;
                            
                            }
                            }
/* MENU DESKTOP VERSION */
                        @media only screen and (min-width: 1280px) {
                        .nav-container {
                                margin: 15px auto 0 auto;
                                width: 70%;
                        }