@charset "UTF-8";
#sortiment {max-width: 1020px;position: relative;height:auto;overflow: hidden;left:0px;}
#liste-sortiment {width: 100%;height:auto;padding-top:30px;padding-bottom:30px;display: table;text-align: center;}		
#verpackung {margin-top: 3%;margin-bottom: 4%;max-width: 1020px;position: relative;height:auto;overflow: hidden;left:0px;}
#verpackung12  {height:auto;overflow: hidden;margin:0px auto; position: relative;text-align:center;margin-top: 20px;}
.box-verpackung12 { width:30%;height:auto;margin:10px auto; vertical-align:bottom; display:inline-block;overflow: hidden; position: relative;}
.texte-verpackung1 {text-align:center;}
.texte-verpackung2 { padding-top: 40px;position: absolute;}
#verpackung3 {height:auto;overflow: hidden;width: 80%; margin:0px auto;  position: relative; text-align:center;margin-top: 20px;}
.photos-verpackung3 { width:30%;height:auto;margin:10px auto;vertical-align:bottom;display:inline-block;overflow: hidden; position: relative;}
/* info prochaine activités */ 
#actu-prochain {margin-top:2%;background-color: #f0ede1;border: 2px solid #89120f;margin-bottom:5%;}
#contenu-actu-prochain {width: 100%; height: auto;display: table;table-layout: fixed;}
#contenu-actu-prochain div {vertical-align:top;}
.sous-info p{text-align:left;}
#contenu-actu-prochain .part1, #contenu-actu-prochain .part2 {display: table-cell;height: auto;}
#titre-prochain {color:#89120f;font-size: 1em;font-weight: bold;font-family: "FontLogo-bold",Arial,Helvetica,sans-serif;margin-bottom: -15px;}
#contenu-actu-prochain .part1{width: 40%;}
#contenu-actu-prochain .part2{width: 60%;}
#contenu-actu-prochain > div > div { display: table; width: 100%;height: 100%;}
#contenu-actu-prochain h3  {line-height:1.875em;font-weight:lighter;}
.i-invitation { text-align:right;}
.box1, .box2, .box3, .box4, .box1p, .box2p {padding: 2%;display: table-cell;}
.box1{ width: 30%; }
.box1p{ width: 40%; }
.box2{ width: 70%; }
.box2p{ width: 60%; }
.box3{ width: 70%; }
.box4{ width: 30%;text-align:right;}
.info-detail{margin-left: 3%;}
.gauche { text-align: left!important;}
.plus-statut a {color:#000;font-weight:bold;text-decoration:none;}
.plus-statut .status  a {color:#89120f;}
a.inscriptionenlignepc.poplight {color:#075207;}
.plus-statut a:hover {text-decoration:underline;}
/* --- Styles for screen X <1450 px  -  CAS PARTICULIER --- */
@media all and (max-width:  90.625em) {#sortiment, #verpackung {max-width:950px;}
#liste-sortiment #bouteilles-contentleft { padding-left: 0px;}
#liste-sortiment .bouteille { margin: 0px 5px auto;}}
/* --- Styles for screen X <1340px --- */
@media all and (max-width: 83.750em) {#sortiment, #verpackung { max-width:820px;}
#verpackung12{ width: 100%;}
#liste-sortiment .bouteille {  margin: 0px 2px auto;}}
/* --- Styles for screen X <1200  --- */
@media all and (max-width: 75.000em) {#sortiment, #verpackung { max-width:800px;}}
/* --- Styles for screen X <1110   --- */
@media all and (max-width: 69.375em) {#sortiment, #verpackung  { max-width: 750px;}}
/* --- Styles for screen X <1050   -   TABLETTE --- */
@media all and (max-width: 65.625em) {#sortiment, #verpackung  {   max-width: 720px;}
#contenu-actu-prochain .part1, #contenu-actu-prochain .part2 { display: table;width: 100%; table-layout: fixed;}
#contenu-actu-prochain > div > div {display: table-row; width: 100%;}
#liste-sortiment .bouteille {  margin: 0px 0px auto;}}
/* --- Styles for screen  X <750px  -  HANDY --- */
@media all and (max-width: 46.875em) {#sortiment, #verpackung { min-width: 0px; margin: 0px auto; }
#bouteilles-contentleft {  float: none !important; margin: 0px auto; padding-left: 0px !important; text-align: center;padding-top: 20px;padding-bottom: 20px;}
#bouteilles-contentright {  float: none !important;     margin: 0px auto;     padding-right: 0px !important;text-align: center;padding-top: 20px;padding-bottom: 20px;}
.width-verpackung1 { width: 100%;}
.width-verpackung2 {float: none;}
.p-verpackung3 { margin-top: 0px !important;}
#verpackung3 { padding-bottom: 50px; padding-top: 30px;}
.box-verpackung12 {margin: 30px auto;}
#actu-prochain {	margin-top: 4%;}
.box-verpackung12 { width:200px;}}
/* --- Styles for screen  X <600  -  HANDY --- */
@media all and (max-width: 37.500em) {.bouteille { margin: 10px 5px auto !important;}
.width-verpackung1 { width: 180px; float: none;}
.photo2-verpackung1 {float: none; margin-top: 0px;}
.photos-verpackung3 {  width: 200px; float: none !important; text-align: center;}
#contenu-actu-prochain {display: block;}
#contenu-actu-prochain > div > div {display: table-row-group;}
.box1, box1p, .box2,.box2p, .box3, .box4 {display: table-row;border-bottom: solid transparent 8px;}
#contenu-actu-prochain .part1, #contenu-actu-prochain .part2 {border-collapse: collapse;}}
/* --- Styles for screen  X <450px  -  MINI TABLETTE --- */
@media all and (max-width: 28.125em) {
#actu-prochain {margin-top: 5%;}}
/* --- Styles for screen < 240px  - MINI HANDY --- */
@media screen and (max-width: 15.000em) {#sortiment, #verpackung { width: 100%;}}