body {
    background-color:#282828;
    font-family:'Roboto', sans-serif;
    color:#E8E7E7;
    font-weight: 300;
  }

.waves-effect{
    font-weight:bold;
    font-size:16px;
    width:140px;
    height:50px;
    box-shadow: 0px 0px 10px black; 
}
.waves-effect a{
    vertical-align:middle;
}
nav{padding-top:25px;}
nav li a{
    font-weight:bold;
    font-size:16px;
    padding: 0 30px;
}
.sidenav{
    color:#000000;
}
h1{
    font-family: 'Libre Baskerville', serif;
    font-size: 33px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom:10px;
}
input[type='text'], input[readonly='readonly'], input[type='email'], input[type='tel'], input[type='date'], input[type='password'],  input[type='number'], textarea{
    color:#E8E7E7;
}
input:-moz-read-only { color:#E8E7E7; }
input:read-only { color:#E8E7E7; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.buttonadd{
	margin: 5px;
	text-indent: -9999px;
	cursor: pointer;
	width: 41px;
	height: 41px;
	float: left;
	text-align: center;
	vertical-align: middle;
	background: url("../images/design/Icones/buttons.png") no-repeat;
}
.dec{
	background-position: 0 -41px;
}
.numbers-row .buttonadd{visibility:hidden;}
.numbers-row:hover .buttonadd{visibility:visible;}
a{
    color:#E8E7E7;
    text-decoration: none;
}
/*a:hover{
    color:#8ba5c7;
}*/
.color{
    color:#8ba5c7;
}
.require{
    color:#8ba5c7;
    position: absolute;
    top: 0.875rem;
    right: 0.875rem;
}

.fil{
    font-weight:bold;
    letter-spacing: 3px;
    font-size:12px;
    margin-top:60px;
}
.container{
    margin-top:55px;
}
.cadre-signature{
    height:700px;
}       
.logo-signature{
    margin-top:25px;
    margin-left:25px;
}
.signature img{
    width:100%;
    margin-top:50px;
    position:relative;
}
.paragraphe{
    font-size:19px;
    margin:0 80px;
    font-weight: 300;
}
.contenu{
    font-size:17px;
    margin:0 20px;
    font-family:'Roboto', sans-serif;
}
.contenu2{
    font-size:17px;
    margin:0 20px;
    font-family:'Roboto', sans-serif;
    column-count:2;
    column-gap: 100px;
    margin-top:10px;
}
.contenu2 p:first-child {
    margin-top:0px;
}
.contenu3{
    font-size:17px;
    margin:0 20px;
    font-family:'Roboto', sans-serif;
    text-align:center;
    margin-top:10px;
}
.citation{
    background:url('../images/design/Icones/ic-quote_1.png') center no-repeat;
    font-family: 'Libre Baskerville', serif;
    font-size:19px;
    font-weight: bold;
    text-transform: uppercase;
    padding:13px 0;
    margin-top:-40px;
}
.citation2{
    background:url('../images/design/Icones/ic-quote_1.png') top left no-repeat, url('../images/design/Icones/ic-quote_2.png') bottom right no-repeat ;
    font-family: 'Libre Baskerville', serif;
    font-size:19px;
    font-weight: bold;
    padding:25px 0;
    text-transform: uppercase;
    text-align:center;
    max-width:450px;width:100%;
}
.citation3{
    background:url('../images/design/Icones/ic-quote_1.png') top center no-repeat;
    font-family: 'Libre Baskerville', serif;
    font-size:19px;
    font-weight: bold;
    text-transform: uppercase;
    text-align:center;
    max-width:450px;width:100%;
    padding:25px 0 0 0;
}
#coulisses{
    height:750px;
}
.bandeau{
    height:500px;
}
.visites{
    margin-top:175px;
    padding:0 100px;
}
.visites h1{
    font-size:50px;
    font-weight:bold;
    margin-bottom:10px;
}
.visites div{
    font-size: 19px;
    max-width: 650px;
    text-align: center;
    margin:0 auto;
}
.titre h1{
    font-size:50px;
    font-weight:bold;
    margin:10px 0;
}
.libelle1{
    display:inline-table;
    margin-top:60px;
    height:75px;
    text-align:right;
}
.libelle2{
    display:inline-table;
    margin-top:60px;
    height:75px;
    text-align:left;
}
.zoom-text{
    transition: 0.4s;
    text-align:right;
    font-size:19px;
    font-weight:bold;
    margin-right:15px;
    vertical-align:middle;
    display:inline-block;
}
.zoom-text2{
    transition: 0.4s;
    text-align:left;
    font-size:19px;
    font-weight:bold;
    margin-left:15px;
    vertical-align:middle;
    display:inline-block;
}
.zoom-text:hover, .zoom-text2:hover{
    font-size:25px;
}
.photo-footer{
    padding:55px;
}
.contact-footer{
    padding:55px;
}
/*#mention{
    color:#E8E7E7;
}*/
.presentation_champagne{
    width:100%;
}
.encadre_cuvees{
    background:#1e1e1e;
    margin:10px 10px 10px 10px;
    padding:20px;
}
.encadre_cuvees .image{
    height: 517px;
    /**/
}
.encadre_cuvees .image img{
    width:auto;
    height:100%;
    object-fit: scale-down;
}
.encadre_cuvees .bouton{ display:none; opacity: 0;}
.encadre_cuvees:hover .bouton{ display:block;position:relative;top:15px;opacity: 1;}
.encadre_cuvees:hover .note{ display:none;}

.encadre_cuvees_volume{
    font-size:13px;
    margin-top:3px;
}

.encadre_cuvees_note{
    font-family: 'Libre Baskerville', serif;
    font-size:12px;
    font-weight: bold;
}
#fiche{
    column-count:2;
    column-gap: 20px;
}
#fiche p, #accords p{
    padding: 10px 15px;
    margin:0px
}
#fiche p:nth-child(2n+1), #accords p:nth-child(2n+1){
    background:#1e1e1e;
}
/*#fiche p:first-child, #fiche p:first-child {
    margin-top:0px;
}*/
#accords{
    column-count:2;
    column-gap: 20px;
}
.intitule_commande{
    font-family: 'Libre Baskerville', serif;
    font-size:16px;
    font-weight: bold;
    margin:50px 0 20px 0;
}

/***********************************************************/
/************************ MOBILE ***************************/
/***********************************************************/

/* col L */
@media (max-width:1200px) and (min-width:993px) {
    .cadre-signature{
        height:auto;
    }
    .logo-signature{
        margin:0 auto;
        margin-top:25px;
        display: block;
    }
    .signature img{
        width:75%;
        margin:0 auto;
        display:block;
    }
    .bandeau{
        height:400px;
    }
    .photo-footer{
        padding:55px 55px 0 55px;
    }
    .contact-footer{
        text-align:center;
        padding:0 55px 55px 55px;
    }
    .presentation_champagne{
        min-width:270px;
    }
    .zoom-text:hover, .zoom-text2:hover{
        font-size:19px;
    }
    .citation2{
        max-width:100%;
    }
    .contenu2{
        column-count: 1;
    }
    #fiche{
        column-count:1;
    }
    #accords{
        column-count:1;
    }
}

/* col M */
@media (max-width:992px) and (min-width:601px) {
    h1{
        font-size: 30px;
    }
    .titre h1 {
        font-size: 35px;
    }
    .cadre-signature{
        height:auto;
    }
    .logo-signature{
        margin:0 auto;
        margin-top:25px;
        display: block;
    }
    .bandeau{
        height:300px;
    }
    .signature img{
        width:75%;
        margin:0 auto;
        display:block;
    }
    .libelle1, .libelle2{
        margin-top:55px;
        height:0px;
    }
    .photo-footer{
        padding:55px 55px 0 55px;
    }
    .contact-footer{
        text-align:center;
        padding:0 55px 55px 55px;
    }
    .visites{
        text-shadow: #000000 1px 0 15px;
    }
    .visites h1{
        font-size:43px;
    }
    .zoom-text:hover, .zoom-text2:hover{
        font-size:19px;
    }
    .contenu2{
        column-count: 1;
    }
    #fiche{
        column-count:1;
    }
    #accords{
        column-count:1;
    }
    .citation2{
        max-width:100%;
    }
}

/* col S */
@media (max-width:600px) {
    h1{
        font-size: 20px;
    }
    .titre h1{
        font-size: 25px;
    }
    .cadre-signature{
        height:auto;
    }
    .cadre-signature img{
        width:100%;
    }
    .bandeau{
        height:200px;
    }
    .logo-signature{
        margin:0 auto;
        margin-top:25px;
        display: block;
    }
    .signature img{
        width:75%;
        margin:0 auto;
        display:block;
    }
    .libelle1, .libelle2{
        margin-top:13px;
        height:0px;
    }
    .photo-footer{
        padding: 20px 0px 0px 0px;
    }
    .contact-footer{
        text-align:center;
        padding:0px;
    }
    .visites{
        margin-top:175px;
        padding:0px;
        text-shadow: #000000 1px 0 15px;
    }
    .visites h1{
        font-size:35px;
    }
    .zoom-text:hover, .zoom-text2:hover{
        font-size:19px;
    }
    .logo-footer img{
        width:100%;
    }
    .citation2{
        max-width:100%;
    }
    .contenu2{
        column-count: 1;
    }
    #fiche{
        column-count:1;
    }
    #accords{
        column-count:1;
    }
}