@import url(//fonts.googleapis.com/css?family=Amatic+SC:700);
@import url(//fonts.googleapis.com/css?family=Great+Vibes);
@font-face {
font-family: 'fontello';
src: url('squelettes/polices/fontello.woff') format('woff');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-validation:before {
content: '\e800';
}
/* '' */
.icon-panier:before {
content: '\e801';
}
/* '' */
.icon-fleches-bas:before {
content: '\e802';
}
/* '' */
.icon-triangle-droite:before {
content: '\e803';
}
/* '' */
.icon-double-fleche-droite:before {
content: '\e804';
}
/* '' */
.icon-double-fleche-gauche:before {
content: '\e805';
}
/* '' */
.icon-double-fleche-bas:before {
content: '\e806';
}
/* '' */
.icon-carre:before {
content: '\e807';
}
/* '' */
.icon-triangle-bas:before {
content: '\e808';
}
/* '' */
.icon-menu:before {
content: '\e809';
}
/* '' */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
* {
box-sizing: border-box;
}
body {
background: #fff;
font-size: 14px;
color: #000;
font-family: verdana, sans-serif;
line-height: 18px;
width: 100%;
zoom: 1;
}
body:before,
body:after {
content: "";
display: table;
line-height: 0;
}
body:after {
clear: both;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
text-decoration: none;
}
a:active,
a:focus {
outline: none !important;
}
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
object,
embed,
video {
max-width: 100%;
height: auto;
}
iframe {
max-width: 100%;
}
h1,
.h1 {
font: normal normal bold 48px / 48px 'Amatic SC', sans-serif;
color: #000;
text-transform: none;
text-shadow: none;
}
h2,
.h2 {
font: normal normal bold 30px / 30px 'Amatic SC', sans-serif;
color: #000;
text-transform: none;
text-shadow: none;
}
h3,
.h3 {
font: normal normal normal 16px / 18px verdana, sans-serif;
color: #000;
text-transform: none;
text-shadow: none;
}
h4,
.h4 {
font: normal normal normal 16px / 18px verdana, sans-serif;
color: #000;
text-transform: none;
text-shadow: none;
}
h5,
.h6 {
font: normal normal normal 16px / 18px verdana, sans-serif;
color: #000;
text-transform: none;
text-shadow: none;
}
h6,
.h6 {
font: normal normal normal 16px / 18px verdana, sans-serif;
color: #000;
text-transform: none;
text-shadow: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin: 9px 0;
text-rendering: optimizelegibility;
}
p {
margin: 9px 0;
}
a {
text-decoration: none;
color: #B6E001;
font-weight: normal;
}
a:hover {
text-decoration: none;
color: #8dad01;
font-weight: normal;
}
.gmap {
width: 100%;
height: 300px;
margin: 9px 0;
}
.gmap img {
max-width: none;
}
.texte {
zoom: 1;
}
.texte:before,
.texte:after {
content: "";
display: table;
line-height: 0;
}
.texte:after {
clear: both;
}
.texte div.hr,
.texte hr {
clear: both;
height: 0 !important;
border: 0;
overflow: hidden;
}
.texte ul,
.texte ol {
padding: 0;
margin: 9px 0 9px 9px;
}
.texte ul ul,
.texte ul ol,
.texte ol ol,
.texte ol ul {
margin: 0 0 0 27px;
}
.texte ul {
list-style-position: outside;
list-style-type: disc;
}
.texte ol {
list-style-position: outside;
list-style-type: decimal;
}
.texte li {
width: 90%;
line-height: 18px;
position: relative;
left: 18px;
}
.texte li li {
width: 100%;
left: 0;
}
.texte .flexslider ul {
list-style: none;
margin: 0;
}
.texte .flexslider ul li {
width: 100%;
left: 0;
}
.texte .flexslider ol {
margin: 0;
}
.texte .flexslider ol li {
display: inline-block;
width: auto;
position: static;
}
.texte strong,
.texte b {
color: #000;
font-weight: bold;
font-style: normal;
}
.texte em,
.texte i {
color: #000;
font-weight: normal;
font-style: italic;
}
.texte sub,
.texte sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
.texte sup {
top: -0.5em;
}
.texte sub {
bottom: -0.25em;
}
.texte .caps {
font-variant: small-caps;
}
.texte .enveloppe-table {
max-width: 100%;
overflow: scroll;
}
.texte table {
clear: both;
margin: 18px 0;
background: none;
border-radius: 0;
box-shadow: 0;
max-width: 100%;
overflow: scroll;
}
.texte th,
.texte td,
.texte caption {
padding: 7.2px;
}
.texte caption {
font: normal normal normal 16px / 18px verdana, sans-serif;
color: #000;
text-align: center;
}
.texte th {
font: normal normal normal 16px / 18px verdana, sans-serif;
color: #fff;
background: #B6E001;
}
.texte tbody tr:nth-child(odd) td,
.texte tbody tr.odd td {
background: none;
}
.texte tbody tr:nth-child(even) td,
.texte tbody tr.even td {
background: none;
}
.texte tfoot {
font-style: italic;
}
.texte q,
.texte cite {
font-style: italic;
}
.texte blockquote {
clear: both;
width: 70%;
margin: 18px auto;
font-family: verdana, sans-serif;
font-style: italic;
font-size: 30px;
background: none;
color: #000;
border-radius: 0px;
}
.texte address {
clear: both;
margin: 9px 36px;
}
.texte pre,
.texte code {
font-family: monospace;
font-size: 14px;
}
.texte pre {
margin: 18px 0;
/* Cf.: http://perishablepress.com/press/2010/06/01/wrapping-content/ */
white-space: pre;
/* CSS 2.0 */
white-space: pre-wrap;
/* CSS 2.1 */
white-space: pre-line;
/* CSS 3.0 */
white-space: -pre-wrap;
/* Opera 4-6 */
white-space: -o-pre-wrap;
/* Opera 7 */
white-space: -moz-pre-wrap;
/* Mozilla */
white-space: -hp-pre-wrap;
/* HP Printers */
word-wrap: break-word;
/* IE 5+ */
}
.texte .spip_documents {
display: block;
text-align: center;
}
.texte .spip_documents .spip_doc_image {
display: block;
}
.texte .spip_documents .spip_doc_titre {
display: inline-block;
font: normal normal normal 16px / 18px verdana, sans-serif;
color: #000;
}
.texte .spip_documents .spip_doc_descriptif {
display: inline-block;
font: normal normal normal 12px / 18px verdana, sans-serif;
color: #000;
}
.texte .spip_documents_center {
clear: both;
margin: 18px 0;
text-align: center;
}
.texte .spip_documents_center .spip_doc_titre {
display: block;
}
.texte .spip_documents_center .spip_doc_descriptif {
display: block;
}
.texte .spip_documents_left {
max-width: 50%;
clear: left;
float: left;
margin: 0 18px 9px 0;
}
.texte .spip_documents_right {
max-width: 50%;
clear: right;
float: right;
margin: 0 0 9px 18px;
}
.texte .spip_bouton a {
-webkit-appearance: none;
display: inline-block;
font-size: 30px;
text-transform: uppercase;
line-height: 40px;
padding: 0 10px;
font-family: 'Amatic SC', sans-serif;
font-weight: bold;
border-radius: 0px;
background: #B6E001;
border: 1px solid #382227;
color: #382227;
}
.texte .spip_bouton a:hover {
background: #747676;
border-color: #000;
color: #fff;
cursor: pointer;
}
.texte .spip_bouton a:active,
.texte .spip_bouton a:focus {
outline: none;
}
.texte .spip_gros_bouton a {
-webkit-appearance: none;
display: inline-block;
font-size: 30px;
text-transform: uppercase;
line-height: 40px;
padding: 0 10px;
font-family: 'Amatic SC', sans-serif;
font-weight: bold;
border-radius: 0px;
background: #B6E001;
border: 1px solid #382227;
color: #382227;
}
.texte .spip_gros_bouton a:hover {
background: #747676;
border-color: #000;
color: #fff;
cursor: pointer;
}
.texte .spip_gros_bouton a:active,
.texte .spip_gros_bouton a:focus {
outline: none;
}
.texte .colonnes {
zoom: 1;
}
.texte .colonnes:before,
.texte .colonnes:after {
content: "";
display: table;
line-height: 0;
}
.texte .colonnes:after {
clear: both;
}
.texte .colonnes .colonne {
padding: 0;
}
.texte .colonnes .interieur_colonne {
padding: 0 9px;
}
.texte .colonnes .largeur1 {
float: left;
width: 8.33333333%;
}
.texte .colonnes .largeur2 {
float: left;
width: 16.66666667%;
}
.texte .colonnes .largeur3 {
float: left;
width: 25%;
}
.texte .colonnes .largeur4 {
float: left;
width: 33.33333333%;
}
.texte .colonnes .largeur5 {
float: left;
width: 41.66666667%;
}
.texte .colonnes .largeur6 {
float: left;
width: 50%;
}
.texte .colonnes .largeur7 {
float: left;
width: 58.33333333%;
}
.texte .colonnes .largeur8 {
float: left;
width: 66.66666667%;
}
.texte .colonnes .largeur9 {
float: left;
width: 75%;
}
.texte .colonnes .largeur10 {
float: left;
width: 83.33333333%;
}
.texte .colonnes .largeur11 {
float: left;
width: 91.66666667%;
}
.texte .colonnes .largeur12 {
float: left;
width: 100%;
}
.texte .colonnes .centrer {
text-align: center;
}
.meta {
display: none;
}
.video {
margin: 18px 0;
position: relative;
max-width: 100%;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
legend {
display: block;
font: normal normal bold 48px / 48px 'Amatic SC', sans-serif;
color: #000;
text-transform: none;
text-shadow: none;
}
.formulaire_spip {
background: none;
border: 0;
border-radius: 0px;
}
.formulaire_spip * + .editer-groupe {
margin-top: 18px;
}
.formulaire_spip * + [class*="saisie_"] {
margin-top: 9px;
}
.formulaire_spip * + [class*="saisie_"].saisie_fieldset {
margin-top: 36px;
}
.formulaire_spip a {
text-decoration: none;
color: #B6E001;
font-weight: normal;
}
.formulaire_spip a:hover {
text-decoration: none;
color: #8dad01;
font-weight: normal;
}
.formulaire_spip .editer-label {
display: block;
padding: 5px 0;
text-align: left;
line-height: 24px;
font-family: verdana, sans-serif;
font-size: 14px;
}
.formulaire_spip [class*="saisie_"] {
position: static;
width: 100%;
display: flex;
flex-direction: column;
}
.formulaire_spip [class*="saisie_"] .erreur_message {
order: 10;
}
.formulaire_spip p {
margin: 0 0 9px 0;
}
.formulaire_spip .unite {
display: inline-block;
padding: 5px 0;
line-height: 24px;
}
.formulaire_spip .explication {
display: block;
padding: 5px 0;
line-height: 24px;
}
.formulaire_spip .choix {
position: relative;
padding: 5px 0;
line-height: 24px;
}
.formulaire_spip .choix input {
display: none;
}
.formulaire_spip .choix label {
display: inline-block;
padding: 0 10px 0 25px !important;
}
.formulaire_spip .choix label:hover {
cursor: pointer;
}
.formulaire_spip .choix .explication {
padding-left: 25px;
}
.formulaire_spip .choix.css3 input {
display: none;
}
.formulaire_spip label,
.formulaire_spip input,
.formulaire_spip button,
.formulaire_spip select,
.formulaire_spip textarea {
font-family: verdana, sans-serif;
font-size: 14px;
}
.formulaire_spip select,
.formulaire_spip textarea,
.formulaire_spip input.text,
.formulaire_spip input.number,
.formulaire_spip input.tel,
.formulaire_spip input.email,
.formulaire_spip input.password {
display: inline-block;
width: 210px;
max-width: 100% !important;
height: 34px;
padding: 4px 6px;
margin-bottom: 18px / 2;
font-size: 14px;
line-height: 24px;
color: #382227;
border: 1px solid #747676;
background-color: #fff;
border-radius: 0px;
}
.formulaire_spip input.text,
.formulaire_spip textarea,
.formulaire_spip input.number,
.formulaire_spip input.tel,
.formulaire_spip input.email {
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: none;
}
.formulaire_spip input[type=number]::-webkit-inner-spin-button,
.formulaire_spip input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.formulaire_spip select.max,
.formulaire_spip textarea.max,
.formulaire_spip input.max {
width: 100%;
}
.formulaire_spip select.long,
.formulaire_spip .enveloppe-select.long,
.formulaire_spip textarea.long,
.formulaire_spip input.long {
width: 310px !important;
}
.formulaire_spip select.normal,
.formulaire_spip .enveloppe-select.normal,
.formulaire_spip textarea.normal,
.formulaire_spip input.normal {
width: 210px !important;
}
.formulaire_spip select.petit,
.formulaire_spip .enveloppe-select.petit,
.formulaire_spip textarea.petit,
.formulaire_spip input.petit {
width: 110px !important;
}
.formulaire_spip select.mini,
.formulaire_spip .enveloppe-select.mini,
.formulaire_spip textarea.mini,
.formulaire_spip input.mini {
width: 50px;
}
.formulaire_spip input.captcha {
text-align: center;
}
.formulaire_spip input.date {
width: 110px;
}
.formulaire_spip input.datetime {
width: 150px;
}
.formulaire_spip textarea,
.formulaire_spip select[multiple],
.formulaire_spip select[size] {
height: auto;
}
.formulaire_spip .erreur .select,
.formulaire_spip .erreur select,
.formulaire_spip .erreur textarea,
.formulaire_spip .erreur input.text,
.formulaire_spip .erreur input.password {
border-color: red;
color: red;
}
.formulaire_spip p.boutons {
margin-top: 0;
zoom: 1;
}
.formulaire_spip p.boutons:before,
.formulaire_spip p.boutons:after {
content: "";
display: table;
line-height: 0;
}
.formulaire_spip p.boutons:after {
clear: both;
}
.formulaire_spip p.boutons input,
.formulaire_spip p.boutons button,
.formulaire_spip p.boutons a {
-webkit-appearance: none;
display: inline-block;
font-size: 30px;
text-transform: uppercase;
line-height: 40px;
padding: 0 10px;
font-family: 'Amatic SC', sans-serif;
font-weight: bold;
border-radius: 0px;
background: #B6E001;
border: 1px solid #382227;
color: #382227;
}
.formulaire_spip p.boutons input:hover,
.formulaire_spip p.boutons button:hover,
.formulaire_spip p.boutons a:hover {
background: #747676;
border-color: #000;
color: #fff;
cursor: pointer;
}
.formulaire_spip p.boutons input:active,
.formulaire_spip p.boutons button:active,
.formulaire_spip p.boutons a:active,
.formulaire_spip p.boutons input:focus,
.formulaire_spip p.boutons button:focus,
.formulaire_spip p.boutons a:focus {
outline: none;
}
.formulaire_spip p.boutons input.ajouter,
.formulaire_spip p.boutons button.ajouter,
.formulaire_spip p.boutons a.ajouter,
.formulaire_spip p.boutons input.valider,
.formulaire_spip p.boutons button.valider,
.formulaire_spip p.boutons a.valider {
-webkit-appearance: none;
display: inline-block;
font-size: 30px;
text-transform: uppercase;
line-height: 40px;
padding: 0 10px;
font-family: 'Amatic SC', sans-serif;
font-weight: bold;
border-radius: 0px;
background: #B6E001;
border: 1px solid #382227;
color: #382227;
}
.formulaire_spip p.boutons input.ajouter:hover,
.formulaire_spip p.boutons button.ajouter:hover,
.formulaire_spip p.boutons a.ajouter:hover,
.formulaire_spip p.boutons input.valider:hover,
.formulaire_spip p.boutons button.valider:hover,
.formulaire_spip p.boutons a.valider:hover {
background: #747676;
border-color: #000;
color: #fff;
cursor: pointer;
}
.formulaire_spip p.boutons input.ajouter:active,
.formulaire_spip p.boutons button.ajouter:active,
.formulaire_spip p.boutons a.ajouter:active,
.formulaire_spip p.boutons input.valider:active,
.formulaire_spip p.boutons button.valider:active,
.formulaire_spip p.boutons a.valider:active,
.formulaire_spip p.boutons input.ajouter:focus,
.formulaire_spip p.boutons button.ajouter:focus,
.formulaire_spip p.boutons a.ajouter:focus,
.formulaire_spip p.boutons input.valider:focus,
.formulaire_spip p.boutons button.valider:focus,
.formulaire_spip p.boutons a.valider:focus {
outline: none;
}
.formulaire_spip p.boutons input.valider,
.formulaire_spip p.boutons button.valider,
.formulaire_spip p.boutons a.valider {
float: right;
}
.formulaire_spip .erreur_message {
display: block;
color: red;
font-family: verdana, sans-serif;
font-size: 14px;
margin-top: 4.5px;
}
.formulaire_spip p.reponse_formulaire {
display: block;
margin: 18px 0;
font-family: verdana, sans-serif;
font-size: 14px;
}
.formulaire_spip .reponse_formulaire_ok {
background: none;
border: none;
color: #B6E001;
}
.formulaire_spip .reponse_formulaire_erreur {
background: none;
border: none;
color: red;
}
.select {
display: inline-block;
width: 210px;
height: 34px;
padding: 4px 6px;
margin-bottom: 18px / 2;
font-size: 14px;
line-height: 24px;
color: #382227;
border: 1px solid #747676;
background-color: #fff;
border-radius: 0px;
position: relative;
z-index: 50;
overflow: hidden;
max-width: 100%;
}
.select.max {
width: 100%;
}
.select.long {
width: 310px;
}
.select.petit {
width: 110px;
}
.select.mini {
width: 50px;
}
.select .selectInner {
width: auto !important;
height: 24px;
line-height: 24px;
overflow: hidden;
}
select.hasCustomSelect {
z-index: 70;
width: 100% !important;
color: #000;
}
img.ui-datepicker-trigger {
display: inline-block;
position: relative;
top: 3px;
left: -20px;
}
#ui-datepicker-div {
z-index: 100 !important;
}
.ui-timepicker-div .ui-widget-header {
margin-bottom: 8px;
}
.ui-timepicker-div dl {
text-align: left !important;
}
.ui-timepicker-div dl dt {
height: 25px;
margin-bottom: -25px;
}
.ui-timepicker-div dl dd {
margin: 0 10px 10px 65px;
}
.ui-tpicker-grid-label {
background: none;
border: none;
margin: 0;
padding: 0;
}
address {
font-style: normal;
margin-bottom: 18px / 2;
}
.etapes {
position: relative;
}
.etapes .mobile {
display: none;
}
.formulaire_spip ul li.saisie_reference .controles_label {
display: none;
}
.formulaire_spip ul li.saisie_reference .controles_champs {
float: none;
width: auto;
}
.formulaire_spip div.explication {
zoom: 1;
}
.formulaire_spip div.explication:before,
.formulaire_spip div.explication:after {
content: "";
display: table;
line-height: 0;
}
.formulaire_spip div.explication:after {
clear: both;
}
.formulaire_spip div.explication .admin {
color: red;
}
.formulaire_spip div.explication .carte {
float: right;
width: 450px;
}
.formulaire_spip div.explication .carte .gmap {
margin: 0 0 0 10px;
height: 200px;
}
.formulaire_panier {
min-height: 200px;
}
.etape-compte .blocs_2 .bloc,
.etape-recapitulatif .blocs_2 .bloc {
float: left;
width: 50%;
}
.etape-compte .blocs_3 .bloc,
.etape-recapitulatif .blocs_3 .bloc {
float: left;
width: 33.33333333%;
}
.etape-compte .blocs_4 .bloc,
.etape-recapitulatif .blocs_4 .bloc,
.etape-compte .blocs_5 .bloc,
.etape-recapitulatif .blocs_5 .bloc,
.etape-compte .blocs_6 .bloc,
.etape-recapitulatif .blocs_6 .bloc,
.etape-compte .blocs_7 .bloc,
.etape-recapitulatif .blocs_7 .bloc,
.etape-compte .blocs_8 .bloc,
.etape-recapitulatif .blocs_8 .bloc {
float: left;
width: 25%;
}
.etape-compte .blocs_4 .bloc:nth-child(4n+1),
.etape-recapitulatif .blocs_4 .bloc:nth-child(4n+1),
.etape-compte .blocs_5 .bloc:nth-child(4n+1),
.etape-recapitulatif .blocs_5 .bloc:nth-child(4n+1),
.etape-compte .blocs_6 .bloc:nth-child(4n+1),
.etape-recapitulatif .blocs_6 .bloc:nth-child(4n+1),
.etape-compte .blocs_7 .bloc:nth-child(4n+1),
.etape-recapitulatif .blocs_7 .bloc:nth-child(4n+1),
.etape-compte .blocs_8 .bloc:nth-child(4n+1),
.etape-recapitulatif .blocs_8 .bloc:nth-child(4n+1) {
clear: both;
}
.etape-compte .blocs_5 .bloc,
.etape-recapitulatif .blocs_5 .bloc {
float: left;
width: 25%;
}
.etape-compte .bloc,
.etape-recapitulatif .bloc {
margin-bottom: 36px;
}
.etape-compte .commandes,
.etape-recapitulatif .commandes {
clear: both;
}
.etape-compte .commandes ul li,
.etape-recapitulatif .commandes ul li {
margin-bottom: 18px;
}
.etape-compte .commandes ul li time,
.etape-recapitulatif .commandes ul li time,
.etape-compte .commandes ul li span.statut,
.etape-recapitulatif .commandes ul li span.statut {
display: block;
}
.etape-identification .formulaire_login_boutique,
.etape-login_boutique .formulaire_login_boutique {
float: left;
width: 50%;
padding-right: 18px;
}
.etape-identification .formulaire_etape_identification,
.etape-login_boutique .formulaire_etape_identification {
float: right;
width: 50%;
padding-left: 18px;
}
.etape-identification .formulaire_spip .controles_label,
.etape-login_boutique .formulaire_spip .controles_label {
float: left;
width: 40%;
}
.etape-identification .formulaire_spip .controles_champs,
.etape-login_boutique .formulaire_spip .controles_champs {
float: left;
width: 60%;
}
.detail {
zoom: 1;
}
.detail:before,
.detail:after {
content: "";
display: table;
line-height: 0;
}
.detail:after {
clear: both;
}
.detail .lignes {
float: left;
width: 66.66666667%;
padding-right: 36px;
margin-bottom: 18px;
}
.detail .lignes .ligne {
position: relative;
margin-bottom: 18px;
zoom: 1;
}
.detail .lignes .ligne:before,
.detail .lignes .ligne:after {
content: "";
display: table;
line-height: 0;
}
.detail .lignes .ligne:after {
clear: both;
}
.detail .lignes .ligne span.titre,
.detail .lignes .ligne span.descriptif,
.detail .lignes .ligne span.erreur_message {
display: block;
}
.detail .lignes .ligne span.descriptif {
margin-bottom: 15px;
}
.detail .lignes .ligne span.erreur_message {
margin-top: 18px;
}
.detail .lignes .ligne span.prix_unitaire_ttc,
.detail .lignes .ligne span.quantite,
.detail .lignes .ligne span.code,
.detail .lignes .ligne span.reduction,
.detail .lignes .ligne span.prix_ttc {
display: inline-block;
line-height: 24px;
margin-right: 36px;
}
.detail .lignes .ligne input.quantite {
text-align: center;
width: 30px;
height: 30px;
font-size: 16px;
padding: 0;
margin: 0;
}
.detail .lignes .ligne span.supprimer {
position: absolute;
top: 0px;
right: 0px;
}
.detail .lignes .saisies {
margin-top: 36px;
}
.detail .totaux {
float: right;
width: 33.33333333%;
margin-bottom: 18px;
}
.detail .totaux .total {
zoom: 1;
}
.detail .totaux .total:before,
.detail .totaux .total:after {
content: "";
display: table;
line-height: 0;
}
.detail .totaux .total:after {
clear: both;
}
.detail .totaux .total .label {
float: left;
width: 50%;
}
.detail .totaux .total .valeur {
float: left;
width: 50%;
text-align: right;
}
.detail .totaux .boutons {
margin-top: 18px;
}
.detail .info {
margin-bottom: 18px;
zoom: 1;
}
.detail .info:before,
.detail .info:after {
content: "";
display: table;
line-height: 0;
}
.detail .info:after {
clear: both;
}
.detail a.bouton,
.detail a.regler,
.detail a.voir {
-webkit-appearance: none;
display: inline-block;
font-size: 30px;
text-transform: uppercase;
line-height: 40px;
padding: 0 10px;
font-family: 'Amatic SC', sans-serif;
font-weight: bold;
border-radius: 0px;
background: #B6E001;
border: 1px solid #382227;
color: #382227;
}
.detail a.bouton:hover,
.detail a.regler:hover,
.detail a.voir:hover {
background: #747676;
border-color: #000;
color: #fff;
cursor: pointer;
}
.detail a.bouton:active,
.detail a.regler:active,
.detail a.voir:active,
.detail a.bouton:focus,
.detail a.regler:focus,
.detail a.voir:focus {
outline: none;
}
.etape-compte a.bouton {
-webkit-appearance: none;
display: inline-block;
font-size: 30px;
text-transform: uppercase;
line-height: 40px;
padding: 0 10px;
font-family: 'Amatic SC', sans-serif;
font-weight: bold;
border-radius: 0px;
background: #B6E001;
border: 1px solid #382227;
color: #382227;
margin: 4.5px 0;
}
.etape-compte a.bouton:hover {
background: #747676;
border-color: #000;
color: #fff;
cursor: pointer;
}
.etape-compte a.bouton:active,
.etape-compte a.bouton:focus {
outline: none;
}
@media only screen and (max-width: 850px) {
.detail .lignes {
float: none;
width: auto;
padding: 0 !important;
}
.detail .totaux {
width: 320px;
float: right;
}
}
@media only screen and (max-width: 710px) {
.etapes .bureau {
display: none;
}
.etapes .mobile {
display: block;
}
.etape-identification .formulaire_login_boutique,
.etape-login_boutique .formulaire_login_boutique,
.etape-identification .formulaire_etape_identification,
.etape-login_boutique .formulaire_etape_identification {
float: none;
width: auto;
padding: 0;
}
}
@media only screen and (max-width: 500px) {
.formulaire_spip.formulaire_boutique ul li .controles_label,
.formulaire_spip.formulaire_boutique ol li .controles_label,
.formulaire_spip.formulaire_boutique ul li .controles_champs,
.formulaire_spip.formulaire_boutique ol li .controles_champs {
float: none;
width: auto;
}
.formulaire_spip div.explication .carte {
float: none;
width: 100%;
}
.formulaire_spip div.explication .carte .gmap {
margin: 0;
}
}
body.mini {
text-align: center;
background: #fff;
}
body.mini #mini {
max-width: 320px;
margin: 36px auto;
padding: 9px 18px;
text-align: left;
background: #fff;
border: none;
border-radius: 0px;
color: #382227;
font: normal normal normal 14px / 18px verdana, sans-serif;
}
body.mini #mini h1 {
clear: both;
margin: 9px 0 18px 0;
font: normal normal bold 32px / 48px 'Amatic SC', sans-serif;
color: #382227;
text-transform: none;
padding-bottom: 0;
border-bottom: none;
}
body.mini .formulaire_spip .controles_label,
body.mini .formulaire_spip .controles_champs {
float: none;
width: auto;
}
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
width: 100%;
display: block;
}
.flex-pauseplay span {
text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides {
zoom: 1;
}
.slides:before,
.slides:after {
content: "";
display: table;
line-height: 0;
}
.slides:after {
clear: both;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
margin: 0;
position: relative;
zoom: 1;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.flexslider .slides {
zoom: 1;
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav a {
color: #fff;
font-size: 50px;
display: block;
position: absolute;
height: 100px;
line-height: 100px;
width: 100px;
text-align: center;
top: 50%;
margin-top: -50px;
z-index: 10;
cursor: pointer;
}
.flex-direction-nav a.flex-next {
right: 0px;
}
.flex-direction-nav a.flex-prev {
left: 0px;
}
.flex-direction-nav a:hover {
color: #B6E001;
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 2%;
z-index: 40;
text-align: center;
}
.flex-control-nav li {
margin: 0 4px;
display: inline-block;
zoom: 1;
}
.flex-control-paging {
display: none;
}
.flex-control-paging li a {
width: 15px;
height: 15px;
border: 2px solid #fff;
display: inline-block;
background: none;
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
border-color: #B6E001;
background: #B6E001;
}
.flex-control-thumbs {
display: none;
}
#diaporama {
position: relative;
}
.flexslider .slides li {
position: relative;
padding-bottom: 38%;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.flexslider .slides li img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
@media only screen and (min-width: 1400px) {
.flexslider .slides li {
padding-bottom: 540px;
}
}
@media only screen and (max-width: 480px) {
.flex-direction-nav {
display: none;
}
.flexslider .slides li {
padding-bottom: 50%;
}
}
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
clear: left;
}
#cboxContent {
position: relative;
}
#cboxLoadedContent {
overflow: visible !important;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
cursor: pointer;
}
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
}
/* 
User Style:
Change the following styles to modify the appearance of ColorBox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
background: #fff;
}
#colorbox {
padding-top: 18px;
}
#cboxContent {
margin-top: 32px;
overflow: visible;
}
.cboxIframe {
background: #fff;
}
#cboxError {
padding: 50px;
border: 1px solid #ccc;
}
#cboxLoadedContent {
background: #fff;
}
#cboxLoadingGraphic {
background: url(plugins/auto/popcorn/v4.3.7/squelettes/images/colorbox-chargement.gif) no-repeat center center;
}
#cboxLoadingOverlay {
background: #fff;
}
#cboxTitle {
position: absolute;
bottom: -22px;
left: 0;
color: #000;
font: normal normal normal 16px / 18px verdana, sans-serif;
}
#cboxCurrent {
position: absolute;
top: -22px;
right: 205px;
text-indent: -9999px;
}
#cboxSlideshow,
#cboxPrevious,
#cboxNext,
#cboxClose {
text-indent: -9999px;
width: 20px;
height: 20px;
position: absolute;
top: -20px;
background: url(plugins/auto/popcorn/v4.3.7/squelettes/images/colorbox-controles.png) no-repeat 0 0;
}
#cboxPrevious {
background-position: 0px 0px;
right: 44px;
}
#cboxPrevious:hover {
background-position: 0px -25px;
}
#cboxNext {
background-position: -25px 0px;
right: 22px;
}
#cboxNext:hover {
background-position: -25px -25px;
}
#cboxClose {
background-position: -50px 0px;
right: 0;
}
#cboxClose:hover {
background-position: -50px -25px;
}
.cboxSlideshow_on #cboxPrevious,
.cboxSlideshow_off #cboxPrevious {
right: 66px;
}
.cboxSlideshow_on #cboxSlideshow {
background-position: -75px -25px;
right: 44px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
background-position: -100px -25px;
}
.cboxSlideshow_off #cboxSlideshow {
background-position: -100px 0px;
right: 44px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
background-position: -75px -25px;
}
body {
text-align: center;
}
.meta {
display: none;
}
#enveloppe-menu {
background: url(squelettes/images/bois.jpg) repeat-y center center;
background-size: cover;
}
#menu {
position: relative;
margin: 0 auto;
max-width: 1100px;
padding: 0 0 20px 0;
}
#menu h1 {
margin: 0;
}
#menu h1 a {
display: block;
text-indent: -9999px;
height: 136px;
background: url(squelettes/images/logo-340.png) no-repeat top center;
}
#menu #mobile {
display: none;
}
#menu #panier {
position: absolute;
top: 0;
right: 0;
width: 70px;
font-size: 30px;
line-height: 30px;
font-family: 'Amatic SC', sans-serif;
}
#menu #panier a {
display: block;
padding: 50px 5px 10px;
font-weight: bold;
text-transform: uppercase;
background: #fff;
color: #747676;
}
#menu #panier a span {
display: block;
}
#menu #panier a .nb_produits {
font-size: 18px;
}
#menu #panier a i {
font-size: 40px;
position: relative;
left: -2px;
}
#menu #panier a:hover {
color: #fff;
background: #B6E001;
}
#menu #panier a:hover i {
color: #382227;
}
#menu nav {
display: inline-block;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 5px;
}
#menu nav a {
display: inline-block;
padding: 10px 0;
font-size: 40px;
font-family: 'Amatic SC', sans-serif;
font-weight: bold;
text-transform: uppercase;
}
#menu nav a:hover {
color: #fff;
}
#menu nav a.panier {
display: none;
}
#menu nav i {
position: relative;
top: -10px;
left: -2px;
margin: 0 10px;
color: #fff;
}
.fleche-bas {
position: absolute;
z-index: 1000;
bottom: -28px;
left: 50%;
margin-left: -50px;
width: 100px;
font-size: 60px;
line-height: 50px;
text-align: center;
color: #fff;
}
.fleche-bas a {
color: #fff;
}
.fleche-bas a:hover {
color: #fff;
font-size: 64px;
}
#enveloppe-courses {
background: url(squelettes/images/bois.jpg) repeat-y center center;
background-size: cover;
padding: 80px 10px;
}
#courses {
margin: 0 auto;
max-width: 550px;
border: 1px solid #fff;
}
#courses h1 {
color: #fff;
margin: 0;
padding: 10px;
}
#courses .texte {
background: #fff;
padding: 20px 120px;
text-align: left;
}
#courses .texte h2,
#courses .texte h3 {
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
}
#courses .texte p {
text-align: justify;
}
#courses .action {
background: rgba(255, 255, 255, 0.2);
padding: 10px;
}
#courses .action a {
-webkit-appearance: none;
display: inline-block;
font-size: 30px;
text-transform: uppercase;
line-height: 40px;
padding: 0 10px;
font-family: 'Amatic SC', sans-serif;
font-weight: bold;
border-radius: 0px;
background: #B6E001;
border: 1px solid #382227;
color: #382227;
}
#courses .action a:hover {
background: #747676;
border-color: #000;
color: #fff;
cursor: pointer;
}
#courses .action a:active,
#courses .action a:focus {
outline: none;
}
.ligne_1 {
display: block;
font-family: 'Great Vibes', cursive;
font-weight: normal;
}
.ligne_2 {
display: block;
font-family: 'Amatic SC', sans-serif;
font-size: 1.2em;
text-transform: uppercase;
}
#enveloppe-magasin {
background: #fff;
padding: 80px 10px;
}
#magasin {
margin: 0 auto;
max-width: 1000px;
zoom: 1;
}
#magasin:before,
#magasin:after {
content: "";
display: table;
line-height: 0;
}
#magasin:after {
clear: both;
}
#magasin h1 {
display: inline-block;
border-top: 1px solid #747676;
border-bottom: 1px solid #747676;
color: #B6E001;
padding: 8px 5px 0 5px;
text-transform: uppercase;
margin-bottom: 80px;
}
#magasin h1 i {
position: relative;
top: -10px;
font-size: 20px;
}
#magasin h1 span {
font-size: 1.1em;
}
#magasin #votre-magasin,
#magasin #soirees {
float: left;
width: 33.33333333%;
margin-top: 20px;
}
#magasin #votre-magasin .interieur,
#magasin #soirees .interieur {
border: 1px solid #747676;
}
#magasin #votre-magasin .interieur h2,
#magasin #soirees .interieur h2 {
font-size: 36px;
color: #747676;
padding: 5px;
}
#magasin #votre-magasin .interieur .texte,
#magasin #soirees .interieur .texte {
background: #747676;
color: #fff;
padding: 10px 20px;
min-height: 300px;
}
#magasin #votre-magasin .interieur .texte h2,
#magasin #soirees .interieur .texte h2,
#magasin #votre-magasin .interieur .texte h3,
#magasin #soirees .interieur .texte h3 {
color: #fff;
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
}
#magasin #votre-magasin .interieur .texte p,
#magasin #soirees .interieur .texte p {
text-align: justify;
}
#magasin #votre-magasin .interieur .action,
#magasin #soirees .interieur .action {
padding: 10px;
background: #c2c1c1;
}
#magasin #votre-magasin .interieur .action a,
#magasin #soirees .interieur .action a {
-webkit-appearance: none;
display: inline-block;
font-size: 30px;
text-transform: uppercase;
line-height: 40px;
padding: 0 10px;
font-family: 'Amatic SC', sans-serif;
font-weight: bold;
border-radius: 0px;
background: #B6E001;
border: 1px solid #382227;
color: #382227;
}
#magasin #votre-magasin .interieur .action a:hover,
#magasin #soirees .interieur .action a:hover {
background: #747676;
border-color: #000;
color: #fff;
cursor: pointer;
}
#magasin #votre-magasin .interieur .action a:active,
#magasin #soirees .interieur .action a:active,
#magasin #votre-magasin .interieur .action a:focus,
#magasin #soirees .interieur .action a:focus {
outline: none;
}
#magasin #votre-magasin {
padding-right: 80px;
}
#magasin #soirees {
padding-left: 80px;
}
#magasin #horaires {
width: 400px;
max-width: 100%;
margin: 0 auto;
}
#magasin #horaires h2 {
font-size: 40px;
color: #747676;
}
#magasin #horaires .texte {
border-top: 1px solid #747676;
border-bottom: 1px solid #747676;
padding: 10px;
color: #747676;
}
#magasin #horaires .texte strong {
color: #B6E001;
}
#magasin #horaires .texte p {
font-size: 40px;
line-height: 40px;
color: #747676;
font-weight: bold;
font-family: 'Amatic SC', sans-serif;
}
#magasin #horaires .texte p:after {
display: block;
content: '\e807';
font-family: 'fontello';
color: #B6E001;
font-size: 30px;
margin: 20px 0;
}
#magasin #horaires .texte p:last-child:after {
display: none;
}
#enveloppe-formules {
position: relative;
background: #B6E001;
padding: 80px 10px;
}
#formules {
margin: 0 auto;
max-width: 1100px;
}
#formules h1 {
display: inline-block;
border-top: 1px solid #747676;
border-bottom: 1px solid #747676;
color: #747676;
padding: 8px 5px 0 5px;
text-transform: uppercase;
margin-bottom: 80px;
}
#formules h1 i {
position: relative;
top: -10px;
font-size: 20px;
}
#formules h1 span {
font-size: 1.1em;
}
#formules .texte {
max-width: 500px;
margin: 0 auto;
background: #fff;
padding: 10px 20px;
}
#formules .texte p {
text-align: justify;
}
#enveloppe-articles {
background: url(squelettes/images/bois.jpg) repeat-y center center;
background-size: cover;
padding: 80px 10px;
}
#articles {
margin: 0 auto;
max-width: 1000px;
position: relative;
zoom: 1;
}
#articles:before,
#articles:after {
content: "";
display: table;
line-height: 0;
}
#articles:after {
clear: both;
}
#articles .formules {
float: left;
width: 75%;
zoom: 1;
}
#articles .formules:before,
#articles .formules:after {
content: "";
display: table;
line-height: 0;
}
#articles .formules:after {
clear: both;
}
#articles .formules .formule {
float: left;
width: 50%;
padding-right: 80px;
margin-bottom: 40px;
}
#articles .formules .formule .interieur {
border: 1px solid #fff;
}
#articles .formules .formule .interieur h2 {
padding: 5px;
color: #fff;
font-size: 40px;
text-transform: uppercase;
}
#articles .formules .formule .interieur .texte {
background: #fff;
padding: 10px;
min-height: 200px;
}
#articles .formules .formule .interieur .texte h3 {
margin-bottom: 20px;
text-transform: uppercase;
}
#articles .formules .formule .interieur .texte p:before {
display: inline;
content: '\e807';
font-family: 'fontello';
color: #B6E001;
font-size: 14px;
margin-right: 5px;
}
#articles .formules .formule .interieur .texte ul {
list-style: none;
}
#articles .formules .formule .interieur .texte li {
width: 100%;
position: static;
}
#articles .formules .formule .interieur .texte li:before {
content: '-';
}
#articles .formules .formule:nth-child(odd) {
clear: both;
}
#articles .action {
position: absolute;
top: 50%;
right: 0;
float: left;
width: 25%;
margin-top: -80px;
}
#articles .action a {
display: block;
border: 1px solid #382227;
background: #B6E001;
color: #382227;
padding: 10px;
font-weight: bold;
font-family: 'Amatic SC', sans-serif;
font-size: 40px;
line-height: 40px;
}
#articles .action a:hover {
background: #747676;
border-color: #000;
color: #fff;
}
#enveloppe-galerie {
padding: 80px 10px 0 10px;
}
#galerie {
margin: 0 auto;
max-width: 1100px;
}
#galerie h1 {
display: inline-block;
border-top: 1px solid #747676;
border-bottom: 1px solid #747676;
color: #B6E001;
padding: 8px 5px 0 5px;
text-transform: uppercase;
margin-bottom: 80px;
}
#galerie h1 i {
position: relative;
top: -10px;
font-size: 20px;
}
#galerie h1 span {
font-size: 1.1em;
}
#galerie #photos {
zoom: 1;
}
#galerie #photos:before,
#galerie #photos:after {
content: "";
display: table;
line-height: 0;
}
#galerie #photos:after {
clear: both;
}
#galerie #photos .photo {
position: relative;
float: left;
width: 25%;
margin-bottom: 20px;
padding-right: 20px;
}
#galerie #photos .photo .interieur {
border: 1px solid #c2c1c1;
}
#galerie #photos .photo .interieur:hover {
border-color: #B6E001;
}
#galerie #photos .photo a {
position: relative;
display: block;
height: 200px;
}
#galerie #photos .photo a img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
transform: scale(0.95);
transition: transform 0.4s ease;
}
#galerie #photos .photo a:hover img {
transform: scale(1);
}
#enveloppe-contact {
background: #B6E001;
padding: 80px 10px;
}
#contact {
margin: 0 auto;
max-width: 1100px;
}
#contact h1 {
display: inline-block;
border-top: 1px solid #747676;
border-bottom: 1px solid #747676;
color: #747676;
padding: 8px 5px 0 5px;
text-transform: uppercase;
margin-bottom: 80px;
}
#contact h1 i {
position: relative;
top: -10px;
font-size: 20px;
}
#contact h1 span {
font-size: 1.1em;
}
#contact .texte {
max-width: 500px;
margin: 0 auto;
background: #fff;
padding: 10px 20px;
}
#contact .texte p {
text-align: justify;
}
#enveloppe-coordonnees {
background: url(squelettes/images/bois.jpg) repeat-y center center;
background-size: cover;
}
#coordonnees {
margin: 0 auto;
max-width: 980px;
background: #fff;
padding: 80px;
zoom: 1;
}
#coordonnees:before,
#coordonnees:after {
content: "";
display: table;
line-height: 0;
}
#coordonnees:after {
clear: both;
}
#coordonnees h2,
#coordonnees h3.legend {
color: #747676;
font-size: 40px;
line-height: 40px;
font-family: 'Great Vibes', cursive;
font-weight: normal;
}
#coordonnees #adresse {
width: 400px;
max-width: 100%;
margin: 0 auto;
}
#coordonnees #adresse .texte {
border-top: 1px solid #747676;
border-bottom: 1px solid #747676;
padding: 10px;
color: #747676;
}
#coordonnees #adresse .texte strong {
color: #B6E001;
}
#coordonnees #adresse .texte p {
font-size: 40px;
line-height: 40px;
color: #747676;
font-weight: bold;
font-family: 'Amatic SC', sans-serif;
}
#coordonnees #adresse .texte p.tel,
#coordonnees #adresse .texte p.email {
font-size: 30px;
}
#coordonnees #adresse .texte p.tel a {
font-size: 40px;
}
#coordonnees #adresse .texte p.email span {
display: block;
}
#coordonnees #adresse .texte p:after {
display: block;
content: '\e807';
font-family: 'fontello';
color: #B6E001;
font-size: 30px;
margin: 20px 0;
}
#coordonnees #adresse .texte p:last-child:after {
display: none;
}
#coordonnees #formulaire {
float: left;
width: 50%;
padding-left: 60px;
}
#coordonnees #formulaire .formulaire_spip .controles_label,
#coordonnees #formulaire .formulaire_spip .controles_champs {
float: none;
width: auto;
}
#coordonnees #formulaire .formulaire_spip p.boutons input {
width: 100%;
}
#coordonnees #carte {
clear: both;
margin-top: 80px;
width: 100%;
}
#bandeau {
padding-top: 30%;
background: url(squelettes/images/bandeau.jpg) no-repeat center center;
background-size: cover;
}
#corps {
margin: 0 auto;
max-width: 1100px;
min-height: 380px;
text-align: left;
padding: 40px 20px;
}
#rayons {
margin: 0 auto;
max-width: 800px;
text-align: left;
padding: 40px 20px;
}
#rayons div.titre {
text-align: center;
}
#rayons div.titre h1 {
display: inline-block;
border-top: 1px solid #747676;
border-bottom: 1px solid #747676;
color: #B6E001;
padding: 8px 5px 0 5px;
text-transform: uppercase;
margin-bottom: 40px;
}
#rayons div.titre h1 i {
position: relative;
top: -10px;
font-size: 20px;
}
#rayons div.titre h1 span {
font-size: 1.1em;
}
#rayons .texte {
margin-bottom: 40px;
}
#rayons .rayons {
zoom: 1;
}
#rayons .rayons:before,
#rayons .rayons:after {
content: "";
display: table;
line-height: 0;
}
#rayons .rayons:after {
clear: both;
}
#rayons .rayons .panier {
padding: 10px 0;
width: 30%;
float: right;
}
#rayons .rayons .panier .picto {
display: none;
}
#rayons .rayons .rayon {
float: left;
clear: left;
width: 65%;
margin: 10px 0;
}
#rayons .rayons .rayon h2 {
position: relative;
margin: 0;
background: #747676;
color: #fff;
font-size: 36px;
font-family: 'Amatic SC', sans-serif;
padding: 10px;
text-align: center;
}
#rayons .rayons .rayon h2:before {
position: absolute;
top: 10px;
left: 10px;
font-family: 'fontello';
content: '\e803';
color: #B6E001;
}
#rayons .rayons .rayon h2:hover {
cursor: pointer;
}
#rayons .rayons .rayon .produit {
display: flex;
flex-direction: row;
margin-bottom: 10px;
color: #747676;
}
#rayons .rayons .rayon .produit .titre {
flex: 1;
font-weight: bold;
text-align: left;
}
#rayons .rayons .rayon .produit .titre .detail {
font-style: italic;
font-weight: normal;
}
#rayons .rayons .rayon .produit .prix {
width: 70px;
margin: 0 10px;
text-align: right;
}
#rayons .rayons .rayon .produit .quantite {
width: 80px;
text-align: right;
}
#rayons .rayons .rayon .produit .quantite span {
display: inline-block;
border: 1px solid #382227;
background: #B6E001;
color: #fff;
width: 20px;
line-height: 20px;
text-align: center;
}
#rayons .rayons .rayon .produit .quantite span:hover {
cursor: pointer;
background: #747676;
border: 1px solid #000;
}
#rayons .rayons .rayon .produit .quantite input {
width: 30px;
text-align: center;
margin: 0 4px;
line-height: 20px;
border: 1px solid #382227;
padding: 0;
border-radius: 0px;
}
#rayons .rayons .rayon.ouvert h2:before {
content: '\e808';
font-size: 20px;
}
#rayons .rayons .rayon.ouvert .produits {
border: 1px solid #747676;
padding: 10px 10px 0 10px;
display: block;
}
#rayons .rayons .rayon .produits {
display: none;
}
.formulaire_rayons .reponse_formulaire {
padding: 20px;
font-size: 20px;
text-align: center;
border: 1px solid #747676;
}
.formulaire_rayons p.boutons .valider {
float: none;
display: block;
padding: 20px 10px !important;
width: 100%;
margin: 0;
}
.formulaire_rayons p.voir_panier {
margin: 20px 0 0 0;
text-align: center;
}
.formulaire_rayons p.voir_panier a {
-webkit-appearance: none;
display: inline-block;
font-size: 30px;
text-transform: uppercase;
line-height: 40px;
padding: 0 10px;
font-family: 'Amatic SC', sans-serif;
font-weight: bold;
border-radius: 0px;
background: #747676;
border: 1px solid #000;
color: #fff;
display: block;
width: 100%;
margin: 0;
}
.formulaire_rayons p.voir_panier a:hover {
background: #B6E001;
border-color: #382227;
color: #382227;
cursor: pointer;
}
.formulaire_rayons p.voir_panier a:active,
.formulaire_rayons p.voir_panier a:focus {
outline: none;
}
.etapes {
margin-bottom: 40px;
color: #747676;
}
.etapes a.etape {
color: #B6E001;
}
.etapes a.etape:hover {
color: #B6E001;
}
.etapes i {
position: relative;
top: -4px;
margin: 0 10px;
}
.etapes .etape {
font-size: 30px;
font-family: 'Amatic SC', sans-serif;
line-height: 36px;
}
.etapes .etape strong {
color: #B6E001;
}
.detail .lignes .ligne .descriptif {
margin-bottom: 0 !important;
}
.detail .lignes .ligne .increment {
display: inline-block;
border: 1px solid #382227;
background: #B6E001;
color: #fff;
width: 22px;
line-height: 22px;
text-align: center;
}
.detail .lignes .ligne .increment:hover {
cursor: pointer;
background: #747676;
border: 1px solid #000;
}
.detail .lignes .ligne .prix_ttc {
float: right;
margin: 5px 0 0 0 !important;
}
.detail .lignes .ligne input {
margin: 0 4px;
}
.detail .totaux {
padding: 5px 10px;
background: #B6E001;
border: 1px solid #382227;
color: #382227;
}
.detail .totaux .total {
padding: 10px 0;
}
.detail .totaux .total .label {
float: left;
width: 60%;
}
.detail .totaux .total .valeur {
float: left;
width: 40%;
}
.detail .totaux .total.total_commande {
font-size: 36px;
line-height: 40px;
font-family: 'Amatic SC', sans-serif;
font-weight: 700;
text-transform: uppercase;
}
.formulaire_spip label {
font-weight: bold;
color: #747676;
font-family: 'Amatic SC', sans-serif !important;
font-size: 24px !important;
text-transform: uppercase;
}
.formulaire_spip .choix input {
top: 8px;
}
.formulaire_spip .choix strong {
font-weight: bold;
}
.formulaire_spip .choix label {
color: #000 !important;
font-weight: normal !important;
font-family: verdana, sans-serif !important;
font-size: 14px !important;
text-transform: none !important;
}
.formulaire_spip select,
.formulaire_spip textarea,
.formulaire_spip input.text,
.formulaire_spip input.number,
.formulaire_spip input.password {
line-height: 24px;
}
.formulaire_spip .saisie_captcha {
text-align: left;
}
.formulaire_spip p.continuer_courses {
zoom: 1;
}
.formulaire_spip p.continuer_courses:before,
.formulaire_spip p.continuer_courses:after {
content: "";
display: table;
line-height: 0;
}
.formulaire_spip p.continuer_courses:after {
clear: both;
}
.formulaire_spip p.continuer_courses a {
float: right;
-webkit-appearance: none;
display: inline-block;
font-size: 30px;
text-transform: uppercase;
line-height: 40px;
padding: 0 10px;
font-family: 'Amatic SC', sans-serif;
font-weight: bold;
border-radius: 0px;
background: #747676;
border: 1px solid #000;
color: #fff;
}
.formulaire_spip p.continuer_courses a:hover {
background: #B6E001;
border-color: #382227;
color: #382227;
cursor: pointer;
}
.formulaire_spip p.continuer_courses a:active,
.formulaire_spip p.continuer_courses a:focus {
outline: none;
}
.formulaire_spip .editer_produits_supplementaires .controles_label {
display: none;
}
.formulaire_spip .editer_produits_supplementaires .controles_champs {
float: none;
width: auto;
}
.etape-recapitulatif .bloc {
float: left;
width: 33.33333333%;
}
#enveloppe-bas {
background: #B6E001 repeat-x top center;
padding: 80px 10px;
}
#bas {
margin: 0 auto;
max-width: 1100px;
}
#bas a {
font-size: 12px;
color: #fff;
}
@media only screen and (min-width: 1400px) {
#bandeau {
padding-top: 450px;
}
}
@media only screen and (max-width: 980px) {
#menu {
height: 68px;
}
#menu h1 a {
width: 210px;
height: 68px;
background: url(squelettes/images/logo-170.png) no-repeat center center;
}
#menu #mobile {
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 200;
color: #fff;
background: #B6E001;
line-height: 68px;
width: 68px;
text-align: center;
font-size: 30px;
}
#menu #mobile:hover {
color: #382227;
}
#menu #mobile.actif {
color: #fff;
background: none;
}
#menu #panier {
display: none;
}
#menu nav {
position: absolute;
top: 68px;
right: -100%;
padding: 0;
background: #B6E001;
z-index: 1500;
width: 0px !important;
overflow: hidden;
border-bottom: none;
transition: right 0.3s ease;
}
#menu nav.actif {
right: 0;
width: 100% !important;
padding: 0;
}
#menu nav a {
position: relative;
display: block;
color: #fff;
padding: 20px 60px 20px 20px;
border-bottom: 1px solid #fff;
text-align: left;
}
#menu nav a:hover,
#menu nav a:active {
color: #382227;
}
#menu nav a:after {
position: absolute;
top: 20px;
right: 20px;
font-family: 'fontello';
font-size: 30px;
content: '\e803';
}
#menu nav a.panier {
display: block;
background: #fff;
color: #747676;
}
#menu nav a.panier:hover {
color: #382227;
}
#menu nav a.panier:hover:after {
color: #382227;
}
#menu nav a.panier:after {
top: 10px;
right: 18px;
content: '\e801';
color: #747676;
}
#menu nav a.panier .nb_produits {
position: absolute;
top: 34px;
right: 0;
font-size: 18px;
width: 70px;
text-align: center;
color: #B6E001;
}
#menu nav i {
display: none;
}
#menu nav .panier {
display: none;
}
#magasin #votre-magasin {
padding-right: 40px;
}
#magasin #soirees {
padding-left: 40px;
}
#articles .formules {
float: none;
width: auto;
}
#articles .formules .formule {
float: left;
width: 50%;
padding: 0;
}
#articles .formules .formule:nth-child(odd) {
padding-right: 20px;
}
#articles .formules .formule:nth-child(even) {
padding-left: 20px;
}
#articles .action {
position: static;
float: none;
width: auto;
margin-top: 40px;
}
#coordonnees {
padding: 80px 20px;
}
}
@media only screen and (max-width: 850px) {
p.continuer_courses {
clear: both;
margin-top: 20px;
}
}
@media only screen and (max-width: 840px) {
#coordonnees {
padding: 80px 10px;
}
#coordonnees #adresse {
float: none;
width: auto;
padding-right: 0;
margin-bottom: 80px;
}
#coordonnees #adresse .texte p.tel,
#coordonnees #adresse .texte p.email {
font-size: 40px;
}
#coordonnees #carte {
float: none;
width: auto;
padding: 0;
margin-bottom: 80px;
}
#coordonnees #carte .gmap {
height: 300px;
}
#coordonnees #formulaire {
float: none;
width: auto;
padding-left: 0;
margin-bottom: 80px;
}
}
@media only screen and (max-width: 800px) {
#magasin #votre-magasin {
float: none;
width: auto;
padding: 0;
margin-bottom: 80px;
}
#magasin #votre-magasin .interieur .texte {
min-height: 0;
}
#magasin #horaires {
float: none;
width: auto;
margin-bottom: 80px;
}
#magasin #soirees {
float: none;
width: auto;
padding: 0;
margin-bottom: 80px;
}
#magasin #soirees .interieur .texte {
min-height: 0;
}
#galerie #photos .photo {
float: left;
width: 33.33333333%;
}
}
@media only screen and (max-width: 680px) {
#rayons .rayons .panier {
padding: 10px 0;
width: 70px;
float: right;
}
#rayons .rayons .panier .label {
display: none;
}
#rayons .rayons .panier .picto {
display: block;
position: relative;
}
#rayons .rayons .panier .picto i {
font-size: 40px;
position: relative;
left: -10px;
}
#rayons .rayons .panier .picto span {
position: absolute;
top: 0;
right: 0;
width: 25px;
height: 25px;
background: #382227;
color: #B6E001;
border-radius: 25px;
line-height: 25px;
text-align: center;
}
#rayons .rayons .panier .ajouter .picto span {
font-size: 32px;
}
#rayons .rayons .panier .voir_panier .picto i {
font-size: 30px;
}
#rayons .rayons .panier .voir_panier .picto span {
font-size: 14px;
}
#rayons .rayons .rayon {
width: calc(100% - 90px) !important;
}
}
@media only screen and (max-width: 580px) {
#courses .texte {
padding: 20px;
}
#galerie #photos .photo {
float: left;
width: 50%;
}
#galerie #photos .photo a {
height: 150px;
}
#galerie #photos .photo:nth-child(odd) {
padding: 0 10px 0 0;
}
#galerie #photos .photo:nth-child(even) {
padding: 0 0 0 10px;
}
#rayons .rayons .panier {
width: 100%;
float: none;
display: flex;
flex-direction: row;
margin: 0;
}
#rayons .rayons .panier .picto {
display: none;
}
#rayons .rayons .panier .label {
display: block;
}
#rayons .rayons .panier .boutons {
flex: 1;
margin: 0 5px 0 0;
}
#rayons .rayons .panier .voir_panier {
margin: 0 0 0 5px;
}
#rayons .rayons .rayon {
float: none;
width: 100% !important;
margin: 10px 0;
}
.formulaire_rayons p.boutons .valider {
padding: 0 10px !important;
}
}
@media only screen and (max-width: 520px) {
#articles .formules .formule {
float: none;
width: auto;
}
#articles .formules .formule:nth-child(odd),
#articles .formules .formule:nth-child(even) {
padding: 0;
}
}
@media only screen and (max-width: 420px) {
#rayons .rayons .panier .boutons {
flex: 1;
}
#rayons .rayons .panier .voir_panier .picto {
display: block;
}
#rayons .rayons .panier .voir_panier .label {
display: none;
}
}
@media only screen and (max-width: 980px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 980px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 980px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-width: 980px) and (min-device-pixel-ratio: 2), only screen and (max-width: 980px) and (min-resolution: 192dpi), only screen and (max-width: 980px) and (min-resolution: 2dppx) {
#menu h1 a {
background: url(squelettes/images/logo-340.png) no-repeat center center;
background-size: 170px 68px;
}
}