html {
scroll-padding-top:50px;
background-color:white;
color:black;
font-family: Arial, Helvetica, sans-serif;
}
body {
padding-top:-20px;
margin-top:-20px;
background-color:white;
color:black;
font-family: Arial, Helvetica, sans-serif;
}
p {
font-size:100%;
margin-left:1%;
}
.titre_p {
margin-left:10px;
font-size:120%;
font-weight:bold;
}
.adresse_p {
margin-left:10px;
}
.barre_principal {
top:0;
position:-webkit-sticky;
position:-moz-sticky;
position:-ms-sticky;
position:-o-sticky;
position:sticky;
background-color:#524594;
color:white;
display:block;
margin-left:-10px;
width:calc(100% + 20px);
}
.tableau_principal {
display:table;
}
.tableau_principal_gauche {
display:table-cell;
width:calc(100vw + 60px);
}
.tableau_principal_droite {
display:table-cell;
vertical-align:middle;
}
.titre_principal {
font-size:160%;
width:100%;
font-weight:bold;
text-align:center;
}
.sous_titre_principal {
font-size:60%;
font-weight:bold;
width:100%;
text-align:center;
}
.table_fancy {
font-family:Arial, Helvetica, sans-serif;
border-collapse:collapse;
width:calc(100% - 40px);
margin-left:20px;
margin-bottom:20px;
background-color:#FEFCDE;
}
.table_fancy tr {
line-height:auto;
}
.table_fancy td {
border:1px solid #ddd;
padding-left:5px;
padding-top:0px;
}
.table_fancy ul {
list-style-type:disc;
margin-top:5px;
margin-bottom:5px;
}
.table_fancy li {
}
.table_fancy p {
margin-top:3px;
margin-bottom:3px;
}
.bouton_oval {
background-color: red;
border: none;
color: white;
padding: 14px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px 2px;
border-radius: 30px;
}
.welcome {
width: 100%;
}
.welcome img {
margin-top:0px;
margin-right:0px;
width: 100%;
}
.welcome_detail {
background-color:#4682B4;
font-size:1.313em;
color:white;
text-align:center;
padding-top:5px;
padding-bottom:5px;
margin-top:8px;
margin-bottom:4px;
}
.main_bar {
background-color:#6495ED;
position:-webkit-sticky;
position:-moz-sticky;
position:-ms-sticky;
position:-o-sticky;
position:sticky;
top:0;
display: block;
margin-left:-10px;
width:calc(100% + 20px);
height: 80px;
color:white;
}
.logo {
width: auto;
height: 40px;
text-align: center;
overflow:auto;
}
.companyname {
position:absolute;
width:100%;
height: 40px;
text-align:center;
line-height: 40px;
font-size:1em;
color:white;
vertical-align:middle;
}
.companyname span {
vertical-align:middle;
line-height: normal;
display:inline-block;
}
.orderimagebutton {
width: 40px;
height: 40px;
position:absolute;
left:28px;
top:40px;
}
.orderbutton {
background-color:#0000CD;
font-size:1em;
color:white;
border: none;
//outline: none;
//display: inline-block;
text-align:center;
width:100px;
height:40px;
position:absolute;
float:left;
top:40px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.orderbutton:hover, .orderbutton:focus {
background-color:#2980B9;
color:white;
}
.dropdownorder {
float:left;
display: inline-block;
position:absolute;
top:80px;
left:0;
}
.dropdownorder-content {
background-color:#F9F9F9;
left: 0;
max-height:80vh;
display: none;
position: absolute;
width: 80vw;
overflow:auto;
z-index: 1;
}
.dropdownorder-productline {
display:inline-block;
width:80vw;
}
.dropdownorder-product {
display:inline-block;
vertical-align: top;
width: calc(80vw - 100px);
color:black;
text-decoration: none;
margin-top:0px;
margin-bottom:0px;
padding-top:16px;
padding-bottom:8px;
padding-left:16px;
padding-right:16px;
}
.removeorderbutton {
background-color: red;
font-size: 16;
color: white;
width: 40px;
display:inline-block;
border: 1px;
text-align:center;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
margin-left: 4px;
margin-right: 4px;
margin-top: 8px;
margin-bottom: 4px;
border-radius: 30px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.dropdownorder-product-comment {
color:black;
text-decoration: none;
display: block;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:8px;
padding-left:32px;
padding-right:16px;
}
.dropdownorder-submenu {
color:black;
text-decoration: none;
display: block;
margin-top:0px;
margin-bottom:0px;
padding-top:16px;
padding-bottom:8px;
padding-left:16px;
padding-right:16px;
}
.dropdownorder-submenu-comment {
color:black;
text-decoration: none;
display: block;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:8px;
padding-left:48px;
padding-right:16px;
}
.dropdownorder-content a {
color:black;
text-decoration: none;
display: block;
margin-top:0px;
margin-bottom:0px;
padding-top:16px;
padding-bottom:16px;
padding-left:16px;
padding-right:16px;
}
.dropdownorder-content a:hover {
background-color:#F1F1F1;
color:black;
}
.dropdownorder-content .dropdownorder-content-subcateg {
background-color:#FFA500;
color:black;
text-decoration: none;
display: block;
margin-top:0px;
margin-bottom:0px;
padding-top:16px;
padding-bottom:16px;
padding-left:16px;
text-align:center;
}
.dropdownorder-content:hover .dropdownorder-content-subcateg {
background-color:#FFA500;
color:black;
}
.order_box {
margin-top:0px;
margin-bottom:5px;
border: solid 1px #555;
background-color: white;
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
-ms-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
-o-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
}
.dropdownorder-content .dropdownorder-content-buttonline {
background-color:#FFA500;
color:black;
text-decoration: none;
display: block;
margin-top:0px;
margin-bottom:0px;
padding-top:4px;
padding-bottom:4px;
padding-left:16px;
text-align:center;
border: 0;
}
.dropdownorder-content:hover .dropdownorder-content-buttonline {
background-color:#FFA500;
color:black;
border: 0;
}
.dropdownorder-content .dropdownorder-content-totalorder {
background-color:#FFA500;
color:black;
text-decoration: none;
display: block;
margin-top:0px;
margin-bottom:0px;
padding-top:16px;
padding-bottom:16px;
padding-left:16px;
text-align:center;
border: 0;
}
.dropdownorder-content:hover .dropdownorder-content-totalorder {
background-color:#FFA500;
color:black;
border: 0;
}
.dropdownorder-content .dropdownorder-content-clickcollect {
background-color:#FFA500;
color:black;
text-decoration: none;
display: block;
margin-top:0px;
margin-bottom:0px;
padding-top:6px;
padding-bottom:6px;
padding-left:8px;
padding-right:5px;
text-align:center;
border: 0;
}
.dropdownorder-content:hover .dropdownorder-content-clickcollect {
background-color:#FFA500;
color:black;
border: 0;
}
.clickcollectbutton {
background-color:white;
font-size:1em;
color:black;
border: 1px;
outline: none;
text-align:center;
padding: 14px;
text-decoration: none;
margin-top: 1px;
margin-bottom: 1px;
border-radius: 30px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.clickcollectbutton:hover, .clickcollectbutton:focus {
background-color:white;
color:black;
border: 1px;
outline: none;
}
.dropdownorder-content-clickcollect input.timewidth {
width: 24px;
}
.validateclickcollectbutton {
background-color:#00FF00;
font-size:1em;
color:white;
border: 1px;
outline: none;
text-align:center;
padding: 14px;
text-decoration: none;
margin: 4px 2px;
border-radius: 30px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.validateclickcollectbutton:hover, .validateclickcollectbutton:focus {
background-color:#00FF00;
color:white;
border: 1px;
outline: none;
}
.showorder {
display: block;
}
.languagebutton {
background-color:#0000CD;
font-size:1em;
color:white;
border: none;
text-align:center;
width:100px;
height:40px;
position:absolute;
left:calc(50% - 50px);
top:40px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.languagebutton:hover, .languagebutton:focus {
background-color:#2980B9;
color:white;
}
.dropdownlanguage {
display: inline-block;
position:absolute;
top:80px;
left:calc(50% - 50px);
}
.dropdownlanguage-content {
max-height:80vh;
display: none;
position: absolute;
width: 100px;
overflow:auto;
z-index: 1;
}
.dropdownlanguage-content button {
background-color:#F9F9F9;
color:black;
text-decoration: none;
display: block;
margin-top:0px;
margin-bottom:0px;
padding-top:16px;
padding-bottom:16px;
padding-left:16px;
padding-right:16px;
width: 100px;
border: none;
}
.dropdownlanguage-content button:hover {
background-color:#F1F1F1;
color:black;
}
.dropdownlanguage-content .dropdownlanguage-content-language {
background-color:#FFA500;
color:black;
text-decoration: none;
display: block;
margin-top:0px;
margin-bottom:0px;
padding-top:16px;
padding-bottom:16px;
padding-left:16px;
text-align:center;
}
.showlanguage {
display: block;
}
.categorybutton {
background-color:#0000CD;
font-size:1em;
color:white;
border: none;
text-align:center;
width:100px;
height: 40px;
position:absolute;
right:0;
top:40px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.categorybutton:hover, .categorybutton:focus {
background-color:#2980B9;
color:white;
}
.dropdowncategory {
float:right;
display: inline-block;
position:absolute;
top:80px;
right:0;
}
.dropdowncategory-content {
background-color:#F9F9F9;
right: 0;
max-height:80vh;
display: none;
position: absolute;
min-width: 160px;
overflow:auto;
z-index: 1;
}
.dropdowncategory-content a {
color:black;
text-decoration: none;
display: block;
margin-top:0px;
margin-bottom:0px;
padding-top:16px;
padding-bottom:16px;
padding-left:16px;
padding-right:16px;
}
.dropdowncategory-content a:hover {
background-color:#F1F1F1;
color:black;
}
.dropdowncategory-content .dropdowncategory-content-category {
background-color:#FFA500;
color:black;
text-decoration: none;
display: block;
margin-top:0px;
margin-bottom:0px;
padding-top:16px;
padding-bottom:16px;
padding-left:16px;
text-align:center;
}
.dropdowncategory-content:hover .dropdowncategory-content-category {
background-color:#FFA500;
color:black;
}
.show {
display: block;
}
.horizontal_buttons_parent {
top:26px;
position:sticky;
display:
inline-block;
overflow:auto;
left:-2px;
width:100%;
height:40px;
padding-top:0px;
margin-top:0px;
padding-bottom:0px;
margin-bottom:0px;
background-color:white;
white-space:nowrap;
}
.horizontal_buttons_ul {
margin-left:0px;
padding-left:0px;
height:24px;
margin-top:0px;
padding-top:0px;
background-color:white;
}
.horizontal_buttons_li {
display:inline-block;
height:10px;
min-width:100px;
padding-left:1px;
padding-top:1px;
margin-top:1px;
background-color:white;
}
.btn-group button {
display: inline-block;
background-color: #87CEEB;
border: 1px solid gray;
color: black;
font-size: 120%;
min-width: 100px;
padding-top: 5px;
padding-bottom: 5px;
cursor: pointer; /* Pointer/hand icon */
}
.btn-group button:not(:last-child) {
border-right: none; /* Prevent double borders */
}
.btn-group:after {
content: "";
clear: both;
}
.btn-group button:hover {
background-color: lightgray;
}
.category_header_menu {
background-color:#4682B4;
font-size:1.313em;
color:white;
text-align:center;
padding-top:5px;
padding-bottom:5px;
margin-top:8px;
margin-bottom:4px;
}
.subcateg_header_menu {
background-color:#4682B4;
font-size:1.313em;
color:white;
text-align:center;
padding-top:5px;
padding-bottom:5px;
margin-top:8px;
margin-bottom:4px;
}
.subcateg_footer_menu {
background-color:#4682B4;
font-size:1.313em;
color:white;
text-align:center;
padding-top:5px;
padding-bottom:5px;
margin-top:8px;
margin-bottom:4px;
}
.productbox {
background:white;
border: 1px solid lightgray;
margin-bottom:5px;
}
.productline {
display:inline-block;
max-width:93vw;
}
.productnameline {
display:inline-block;
width:68vw;
}
.plus_button {
background-color:black;
border: none;
color:white;
padding: 0px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size:1em;
margin: 2px 1px;
border-radius: 30px;
width:30px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.minus_button {
background-color:black;
border: none;
color:white;
padding: 0px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size:1em;
margin: 2px 1px;
border-radius: 30px;
width:30px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.new_menu_productnametypemenu {
display:inline-block;
width:42vw;
vertical-align: top;
padding-left:5px;
padding-top:2px;
font-size:1em;
color:black;
}
.val_menu_productbox {
background:white;
border: 1px solid lightgray;
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:2px;
}
.val_menu_productnameline {
display:inline-block;
width:90vw;
}
.validate_menu_button {
background-color:black;
font-size:1em;
color:white;
border: 1px;
outline: none;
text-align: center;
padding: 14px;
text-decoration: none;
margin: 4px 2px;
border-radius: 30px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.productname {
display:inline-block;
vertical-align: top;
width:55vw;
padding-left:5px;
padding-top:2px;
font-size:1em;
color:black;
}
.productdetailgroupline {
display:inline-block;
width:68vw;
}
.productdetailgroup {
display:inline-block;
vertical-align: top;
width:55vw;
padding-left:5px;
padding-top:2px;
font-size:0.875em;
color:black;
}
.productquantity {
display:inline-block;
padding-left:5px;
font-size:1em;
color:black;
font-weight:bolder;
}
.productquantity_is_menu {
display:inline-block;
padding-left:5px;
font-size:1em;
color:black;
font-weight:bolder;
}
.productprice {
display:inline-block;
width:25vw;
text-align:right;
font-size:1.25em;
color:black;
}
.productcode {
padding-left:5px;
padding-top:5px;
font-size:0.875em;
color:black;
}
.productdetail {
padding-left:5px;
padding-top:5px;
font-size:0.875em;
color:black;
}
.productallergy {
max-width:70vw;
padding-left:5px;
padding-top:5px;
font-size:0.875em;
color:black;
}
.product_comment_line {
display:inline-block;
max-width:93vw;
}
.product_comment_label {
display:inline-block;
font-size:0.875em;
color:black;
margin-top:8px;
margin-left:5px;
}
.product_comment_textarea {
display:inline-block;
vertical-align: top;
width:calc(93vw - 3px);
margin-left:5px;
margin-right: 4px;
margin-top: 2px;
margin-bottom: 4px;
font-family: inherit;
resize: none;
overflow: hidden;
font-size:0.875em;
color:black;
}
.productnametypemenu {
display:inline-block;
max-width:70vw;
vertical-align: top;
padding-left:5px;
padding-top:2px;
font-size:1em;
color:black;
}
.submenugroupheadermenu {
background-color:#524594;
font-size:0.938em;
color:white;
text-align:center;
padding-top:5px;
padding-bottom:5px;
margin-top:0px;
margin-bottom:0px;
}
.submenunameline {
background-color:#E8F6FF;
width:100%;
}
.submenuname {
background-color:#E8F6FF;
font-size:1em;
color:black;
padding-top:2px;
padding-bottom:5px;
padding-left:5px;
margin-top:0px;
margin-bottom:0px;
display: inline-block;
vertical-align: top;
width: 75vw;
}
.val_menu_submenuname {
background-color:#E8F6FF;
font-size:1em;
color:black;
padding-top:2px;
padding-bottom:5px;
padding-left:5px;
margin-top:0px;
margin-bottom:0px;
display: inline-block;
vertical-align: top;
width: auto;
}
.plus_submenu_button {
background-color:black;
border: none;
color:white;
padding: 0px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size:1em;
margin: 2px 1px;
border-radius: 30px;
width:30px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.minus_submenu_button {
background-color:black;
border: none;
color:white;
padding: 0px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size:1em;
margin: 2px 1px;
border-radius: 30px;
width:30px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.submenuquantity {
display:inline-block;
padding-left:5px;
font-size:1em;
color:black;
font-weight:bolder;
}
.submenudetail {
background-color:#E8F6FF;
font-size:0.875em;
color:black;
padding-top:5px;
padding-bottom:5px;
margin-top:0px;
margin-bottom:0px;
}
.submenuallergy {
background-color:#E8F6FF;
font-size:0.875em;
color:black;
text-align:center;
padding-top:5px;
padding-bottom:5px;
margin-top:0px;
margin-bottom:0px;
}
.submenu_comment_line {
display:inline-block;
width:100%;
background-color:#E8F6FF;
}
.submenu_comment_label {
display:inline-block;
font-size:0.875em;
color:black;
margin-top:8px;
margin-left:5px;
}
.submenu_comment_textarea {
display:inline-block;
vertical-align: top;
width: calc(100% - 8px);
margin-left:4px;
margin-top:2px;
margin-bottom:4px;
font-family: inherit;
resize: none;
overflow: hidden;
font-size:0.875em;
color:black;
}
.submenuphoto {
background-color:#E8F6FF;
text-align:center;
padding-top:1px;
padding-bottom:1px;
margin-top:0px;
margin-bottom:0px;
}
.modal_menu {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: #474e5d;
padding-top: 50px;
}
.modal_menu_content {
background-color: #fefefe;
margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
border: 1px solid #888;
width:calc(100% - 10px);
}
.modal_menu_container {
padding: 4px;
}
.close {
position: absolute;
right: 35px;
top: 15px;
font-size: 40px;
font-weight: bold;
color: #f1f1f1;
}
.close:hover, .close:focus {
color: #f44336;
cursor: pointer;
}
.or_orderbox {
background:white;
border: 1px solid lightgray;
margin-top:-1px; //important to avoid double line
}
.or_subcateg_header_menu {
background-color:#4682B4;
font-size:14;
color:white;
text-align:center;
padding-top:5px;
padding-bottom:5px;
margin-top:0px;
margin-bottom:4px;
}
.or_productline {
display:inline-block;
max-width:80vw;
margin-bottom:2px;
}
.or_productquantity {
display:inline-block;
width:3vw;
text-align:right;
padding-right:5px;
font-size:14;
color:black;
font-weight:bolder;
}
.or_productname {
display:inline-block;
vertical-align: top;
width: 42vw;
padding-left:5px;
font-size:14;
color:black;
text-align:left;
}
.or_productamount {
display:inline-block;
width:20vw;
text-align:right;
font-size:14;
font-weight:bolder;
color:black;
}
.or_productcomment_left_col {
display:inline-block;
width:3vw;
text-align:right;
padding-right:5px;
}
.or_productcomment {
display:inline-block;
vertical-align: top;
width: 62vw;
padding-left:5px;
font-size:14;
color:black;
text-align:left;
}
.or_submenuquantity {
display:inline-block;
width:8vw;
text-align:right;
padding-right:5px;
font-size:14;
color:black;
font-weight:bolder;
}
.or_submenuname {
display:inline-block;
vertical-align: top;
width: 57vw;
padding-left:5px;
font-size:14;
color:black;
text-align:left;
}
.or_submenucomment_left_col {
display:inline-block;
width:8vw;
text-align:right;
padding-right:5px;
}
.or_submenucomment {
display:inline-block;
vertical-align: top;
width: 57vw;
padding-left:5px;
font-size:14;
color:black;
text-align:left;
}
.shadow_box {
width:100%;
margin-top:10px;
border: solid 1px #555;
background-color: white;
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
-ms-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
-o-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
border-radius:25px;
}
.shadow_box_title {
margin-left:20px;
}
.product_image {
width: 260px;
min-height: 180px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #D3D3D3;
box-sizing: border-box;
}
.lazy_product_image {
width: 260px;
min-height: 180px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #D3D3D3;
box-sizing: border-box;
}