/* https://www.w3schools.com/howto/howto_css_transition_hover.asp */
.porteariane{min-height:30px;padding:1.2% 0 0 0;text-align:left;margin:0;width:98%;vertical-align:bottom;bottom:0;}

.arianeclic{color:#248200;padding:0;text-align:left;margin:0;text-decoration:underline;vertical-align:middle;top:0;font-size:15px;background-color:none;border: none;padding: 2px 2px;margin: 2px 2px;transition: 0.3s;font-weight:bold;}
.arianeclic:hover{text-align:left;margin:0;text-decoration:none;vertical-align:middle;top:0;font-size:15px;background-color:#99cc00;padding: 4px;color:white;font-weight:bold;}
.regular-link{color:#3eb231;text-align:left;font-weight:bold;font-size:15px;background-color:none;padding: 4px;margin: 0 2px 0 -2px;transition: 0.3s;}
.regular-link:hover{text-align:left;font-weight:bold;font-size:15px;background-color: #99cc00;padding: 4px;margin: 0 2px 0 -2px;color: white;text-decoration:none;}

.genreariane {color:#74b800;font-weight:bold;padding:0;text-align:left;margin:0;text-decoration:none;top:0;font-size:15px;}
.ariane {color:#248200;padding:0;text-align:left;margin:0;text-decoration:none;vertical-align:middle;top:0;font-size:15px;}
.imgfoot{display:block;max-width:350px;}
.policeblanchebold {color:#ffffff; font-weight: bold;font-family:Verdana,Geneva,Arial;text-decoration:none;font-size:15px;}
.policegriseclick{color:#5A5A5A;font-weight:normal;font-family:Verdana,Geneva,Arial;text-decoration:underline;font-size:15px;}
.policegriseclick:hover{color:#7C7C7C;font-weight:normal;font-family:Verdana,Geneva,Arial;text-decoration:none;font-size:15px;}
.policegriseclick2{color:#5A5A5A;font-weight:normal;font-family:Verdana,Geneva,Arial;text-decoration:underline;font-size:15px;}
.policegriseclick2:hover{color:#7C7C7C;font-weight:normal;font-family:Verdana,Geneva,Arial;text-decoration:none;font-size:15px;}
.policegriseclickbold{color:#5A5A5A;font-weight:bold;font-family:Verdana,Geneva,Arial;text-decoration:underline;font-size:15px;margin: 0 0 0 2px;}
.policegriseclickbold:hover{color:#7C7C7C;font-weight:bold;font-family:Verdana,Geneva,Arial;text-decoration:none;font-size:15px;margin: 0 0 0 2px;}
.une-liste{line-height:1.2;margin:0;padding:1% 0 0 5%;font-size:15px;}

.policeverte{color:#008009;font-weight:normal;font-family:Verdana,Geneva,Arial;text-decoration:none;font-size:15px;}
.policevertebold{color:#008009;font-weight:bold;font-family:Verdana,Geneva,Arial;text-decoration:none;font-size:15px;}
.rougebold{color:#ff0000;font-weight:bold;font-family:Verdana,Geneva,Arial;text-decoration:none;font-size:15px;}
.filetsbarrelistes {clear:both;height:1px;margin:0;background:#990000;padding:0;top:0;border:0;}
.barrelistes{clear:both;padding:2px 6px 4px 6px;margin:0;top:0; background:#929723;}
.filet-top {clear:both;height:1px;margin:2% 0 2% 0;background:#669900;padding:0;top:0;border:0;width:100%;}
.filets {clear:both;height:1px;margin:0;background:#669900;padding:0;top:0;border:0;width:100%;}
#prix-millesime-bas{text-align:right;padding:4px 0 15px 0;margin:0;vertical-align:top;width:100%;}
#vin-indisponible{padding:34px;margin:0 0 0 50px;vertical-align:top;top:0;text-align:justify;font-weight:bold;}
#h3-texte-substitution{padding:24px;margin:0 0 0 50px;vertical-align:top;top:0;text-align:justify;}
.padtop{padding:11px 0 0 0;margin:0;vertical-align:top;}
.champquantitevin {width:38px;text-align:right;font-size:15px;font-weight:bold;padding:1px 3px 1px 3px;}
.policegrenatbold{color:#9a0000;font-weight:bold;font-size:15px;font-family:Verdana,Geneva,Arial;text-decoration:none;}
.policegrenatnorm{color:#9a0000;font-weight:normal;font-size:15px;font-family:Verdana,Geneva,Arial;text-decoration:none;}
.zestrike{font-family:Verdana,Geneva,Arial;font-size:15px;font-weight:bold;}
.ulgamme {position:relative;text-align:left;padding:0;width:100%;margin:0;display:inline;}
.ulgamme li {display:inline;padding-right:2%;margin-bottom:1.5%;}
.boutons {color:#ffffff;font-family:verdana;font-weight:bold;font-size:16px;background-image: -webkit-gradient(linear, left top, left bottom,  color-stop(1,#cc0000));background:#009900;text-shadow: black 0.1em 0.1em 0.2em;padding:2px 4px 2px 4px;margin:2px 0 0 1px;border-radius:6px;cursor: pointer; cursor: hand;}
.bouton-panier{display:inline;color:#ffffff;font-family:verdana;font-weight:bold;font-size:15px;background-image: -webkit-gradient(linear, left top, left bottom,  color-stop(1,#cc0000));background:#009900;text-shadow: black 0.1em 0.1em 0.2em;padding:6px 8px 5px 8px;margin:0;border-radius:8px;cursor: pointer; cursor: hand;}
.bouton-panier-mobile{display:none;}
.bouton-panier-desktop {padding:0 0 0 12px;vertical-align:middle;margin-top:-4px;height:46px;width:52px;}
.solobloc {border:1px solid #aeaeae;min-height:80px;width:70%;}
footer {clear:both;position:absolute;bottom:0;width:92%;vertical-align:bottom;margin:34px auto 24px auto;max-width:1800px;padding:0 0 6px 0;color:#aeaeae;text-align:center;}
footer a{color:#aeaeae;}
.mentions{clear:both;font-size:15px;clear:both;max-width:96%;padding:24px 2% 2% 2%;vertical-align:bottom;position:absolute;z-index:0;font-size:15px;width:96%;color:#5A5A5A;text-align:center;margin:104px auto 6px auto;}
p {width:94%;}
.decal {display:none;}
#portepagination{clear:both;padding:26px 4% 0 20px;text-align:center;position:relative;vertical-align:middle;}
#noresult{clear:both;padding:0 0 2% 0;text-align:center;min-height:40px;position:relative;vertical-align:middle;font-size:15px;font-weight:bold;color:#626262;margin:1.5% 0 3% 0;}
.policepagination{color:#a0a0a0;font-size:18px;font-weight:bold;font-family:Verdana,Geneva,Arial;text-decoration:underline;}
.policepagination:hover{color:#626262;font-size:18px;font-weight:bold;font-family:Verdana,Geneva,Arial;text-decoration:underline;}
/*.policepagination:visited{color:#eaeaea;font-size:18px;font-weight:bold;font-family:Verdana,Geneva,Arial;text-decoration:underline;}*/
.policepaginationno{color:#626262;font-size:17px;font-weight:bold;font-family:Verdana,Geneva,Arial;text-decoration:none;}
.tips {border:1px solid #33cc66;-moz-border-radius: 8px;border-radius:8px;padding:12px 12px 16px 12px;background:#ffffff;color:#339933;font-size:15px;font-family:verdana,arial,geneva;}
#mobile-no{position:absolute;display:block;margin:44px 5% 0 5%;width:90%;padding-bottom:24px;}

@media only screen and (max-width:1025px) {
.arianeclic{font-size:15px;}
.arianeclic:hover{font-size:15px;}
.genreariane {font-size:16px;}
.ariane {font-size:16px;}
.policeblanchebold {font-size:16px;}
.policegriseclick{font-size:16px;}
.policegriseclick:hover{font-size:16px;}
.policegriseclick2{font-size:16px;}
.policegriseclick2:hover{font-size:16px;}
.policeverte{font-size:16px;}
.policevertebold{font-size:16px;}
.rougebold{font-size:16px;}
.champquantitevin {font-size:16px;}
.policegrenatbold{font-size:16px;}
.policegrenatnorm{font-size:16px;}
.une-liste{line-height:1.5;padding:2% 0 0 6%;}

}

@media only screen and (max-width:769px) {
.porteariane {padding:3% 0 1% 0;}
#mobile-no{display:none;}
#prix-millesime-bas{padding:12px 0 22px 0;}
.une-liste{line-height:1.7;padding:3% 0 0 7%;font-size:16px;}
.filet-top {margin:3% 0 3% 0;}
.solobloc {border:1px solid #aeaeae;min-height:80px;width:100%;}
#navig {position:relative;display:block;margin:18px 0 1% 0;padding:0;width:100%;}
#navig ul {padding: 5px 0;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;width:100%;}
#navig ul li {display: block;widh:100%;min-width:100%;min-height: 38px;width:100%;}
#navig li a {display: block;padding: 8px 0 3px 12px;color:#fff;text-decoration: none;font-weight: bold;font-size:16px;letter-spacing: 0.07em;line-height: 2em;border-bottom: 1px solid #006200;background:#009900;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;text-shadow: black 0.1em 0.1em 0.2em;widh:100%;min-width:100%;height:38px;min-height: 38px;}
#navig li.top {display: none;}
.decal {display:block;float:left;height:1px;padding-top:10%;width:94%;width:95%;margin:0;}
.bouton-panier-desktop {display:none;}
.bouton-panier-mobile{display:inline;color:#ffffff;font-family:verdana;font-weight:bold;font-size:15px;background-image: -webkit-gradient(linear, left top, left bottom,  color-stop(1,#cc0000));background:#009900;text-shadow: black 0.1em 0.1em 0.2em;padding:6px 8px 8px 8px;margin:4px 0 0 16px;border-radius:8px;cursor: pointer; cursor: hand;}
.data{font-size:16px;}
footer {margin:0 auto 24px auto;padding-top:0;}
.mentions{padding:0 2% 2% 2%;margin:64px auto 6px auto;}
p {width:94%;}
}

@media only screen and (max-width:554px) {
.porteariane {margin:20px 0 0 0;}
.porteariane {padding:2% 0 1% 0;}
#navig {width:99%;margin:18px 0 5% -2px;}
}

@media only screen and (max-width:500px) {
.imgfoot{max-width:300px;}
}

@media only screen and (max-width:400px) {
.porteariane {padding:2.5% 0 2.7% 0;}

}