.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding : 0;
}
h1 {font-size: 20px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 18px; font-weight: bold;}
h1, .h1, h2, .h2, h3, .h3 {    margin-top: 10px;  }
hr {margin: 10px 0; }
.rouge { color: #C00; }
.img-responsive { margin: 0 auto; }
.centre {text-align: center;}
.xpetit {font-size:14px;}

.flex_logo {
    display: flex;
    justify-content: space-around; 
    align-items: center;     
    margin: 10px 0;
}
.cuvee_flex {margin-top:0;} 
.cuvee_image {
    display: flex;
    justify-content: center; 
    align-items: center;     
    height: 100%;      
    padding: 0;
}

.cuvee_texte  {
    display: flex;
    flex-direction: column;
    align-items:center;
}

.cuvee_texte h3 {
    width: 100%;
    background-color: #000;
    color: #fff;    
    padding: 10px;
}

.cuvee_texte > h3 > a {
    color: #fff;   
}

/*-----NUTRI-----*/
.nutri {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    font-weight: bold;
    font-size: 1.1em;
    border-bottom: solid 1px #eee;
    margin-bottom : 10px;
  }
.noborder {
    border-bottom: none;
    margin-bottom : 1px;
}
.nutri2 {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 1em;
    border-bottom: solid 1px #eee;
    margin-bottom : 10px;
  }

.max_400 {
    width:90%; 
    max-width: 400px;
}

.max_90p {
    width:100%; 
    max-width: 90%;
}

.cuvee_image > img { max-width: 200px; }
.zlabel  {height:35px;}

/*-----MODAL-----*/
.modal-header { background-color: #000;}
.modal-title {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
}
.modal-header .close { margin-top: -20px;color: #fff; }
/*-----MODAL-----*/
/*-----QRCODE-----*/
.bloc_qrcode {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 5px;
}

.qrcode {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 400px;
    margin : 0 auto;
    border: solid 1px #000;
}
.qrcode p {
    background-color: #000;
    color: #fff;
    width: 100%;
    font-size: 20px;
    text-align: center;
    padding: 5px;
    margin: 0;
}


/*-----QRCODE-----*/



@media (min-width: 768px) {
.cuvee_flex { display: flex;   align-items: center; margin-top : 10px;}
.cuvee_flex :nth-child(1)  { order:2}
.cuvee_flex :nth-child(2)  { order:1}
.cuvee_flex :nth-child(3)  { order:3}
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding : 10px;
}

.bloc_qrcode {
    flex-direction: row;
}

}
