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: url(squelettes/images/vert-clair.jpg);
font-size: 14px;
color: #999999;
font-family: "Trebuchet MS", Verdana, sans-serif;
line-height: 20px;
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 normal 24px / 24px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
color: #816464;
text-transform: none;
text-shadow: none;
}
h2,
.h2 {
font: normal normal normal 20px / 24px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
color: #816464;
text-transform: none;
text-shadow: none;
}
h3,
.h3 {
font: normal normal normal 16px / 20px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
color: #816464;
text-transform: none;
text-shadow: none;
}
h4,
.h4 {
font: normal normal normal 15px / 20px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
color: #816464;
text-transform: none;
text-shadow: none;
}
h5,
.h6 {
font: normal normal normal 14px / 20px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
color: #816464;
text-transform: none;
text-shadow: none;
}
h6,
.h6 {
font: normal normal normal 13px / 20px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
color: #816464;
text-transform: none;
text-shadow: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin: 10px 0;
text-rendering: optimizelegibility;
}
p {
margin: 10px 0;
}
a {
text-decoration: none;
color: #37c1d0;
font-weight: normal;
}
a:hover {
text-decoration: none;
color: #816464;
font-weight: normal;
}
.gmap {
width: 100%;
height: 300px;
margin: 10px 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: 10px 0 10px 10px;
}
.texte ul ul,
.texte ul ol,
.texte ol ol,
.texte ol ul {
margin: 0 0 0 30px;
}
.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: 20px;
position: relative;
left: 20px;
}
.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: #816464;
font-weight: bold;
font-style: normal;
}
.texte em,
.texte i {
color: #999999;
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: 20px 0;
background: #eee;
border-radius: 0;
box-shadow: 0;
max-width: 100%;
overflow: scroll;
}
.texte th,
.texte td,
.texte caption {
padding: 8px;
}
.texte caption {
font: normal normal normal 13px / 20px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
color: #816464;
text-align: center;
}
.texte th {
font: normal normal normal 13px / 20px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
color: #fff;
background: #333;
}
.texte tbody tr:nth-child(odd) td,
.texte tbody tr.odd td {
background: #eee;
}
.texte tbody tr:nth-child(even) td,
.texte tbody tr.even td {
background: #ddd;
}
.texte tfoot {
font-style: italic;
}
.texte q,
.texte cite {
font-style: italic;
}
.texte blockquote {
clear: both;
width: 70%;
margin: 20px auto;
font-family: georgia, times, serif;
font-style: italic;
font-size: 16px;
background: url(squelettes/images/vert-clair.jpg);
color: #999999;
border-radius: 5px;
}
.texte address {
clear: both;
margin: 10px 40px;
}
.texte pre,
.texte code {
font-family: monospace;
font-size: 14px;
}
.texte pre {
margin: 20px 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 13px / 20px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
color: #816464;
}
.texte .spip_documents .spip_doc_descriptif {
display: inline-block;
font: normal normal normal 12px / 20px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
color: #816464;
}
.texte .spip_documents_center {
clear: both;
margin: 20px 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 20px 10px 0;
}
.texte .spip_documents_right {
max-width: 50%;
clear: right;
float: right;
margin: 0 0 10px 20px;
}
.texte .spip_bouton a {
display: inline-block;
-webkit-appearance: none;
height: 30px;
padding: 4px 12px;
margin: 0 0 20px / 2 0;
font-size: 14px;
line-height: 20px;
border: 1px solid #37c1d0;
border-radius: 5px;
background: #37c1d0;
color: #fff;
font-family: "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
font-size: 18px;
cursor: pointer;
}
.texte .spip_bouton a:hover {
background: #2db2c0;
}
.texte .spip_gros_bouton a {
display: inline-block;
-webkit-appearance: none;
height: 50px;
padding: 4px 12px;
margin: 0 0 20px / 2 0;
font-size: 14px;
line-height: 40px;
border: 1px solid #37c1d0;
border-radius: 5px;
background: #37c1d0;
color: #fff;
font-family: "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
font-size: 18px;
cursor: pointer;
}
.texte .spip_gros_bouton a:hover {
background: #2db2c0;
}
.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 10px;
}
.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: 20px 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 normal 20px / 20px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
color: #816464;
text-transform: none;
text-shadow: none;
}
.formulaire_spip {
background: none;
border: 0;
border-radius: 5px;
}
.formulaire_spip * + .editer-groupe {
margin-top: 20px;
}
.formulaire_spip * + [class*="saisie_"] {
margin-top: 10px;
}
.formulaire_spip * + [class*="saisie_"].saisie_fieldset {
margin-top: 40px;
}
.formulaire_spip a {
text-decoration: none;
color: #37c1d0;
font-weight: normal;
}
.formulaire_spip a:hover {
text-decoration: none;
color: #816464;
font-weight: normal;
}
.formulaire_spip .editer-label {
display: block;
padding: 5px 0;
text-align: left;
line-height: 20px;
font-family: "Trebuchet MS", 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 10px 0;
}
.formulaire_spip .unite {
display: inline-block;
padding: 5px 0;
line-height: 20px;
}
.formulaire_spip .explication {
display: block;
padding: 5px 0;
line-height: 20px;
}
.formulaire_spip .choix {
position: relative;
padding: 5px 0;
line-height: 20px;
}
.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: "Trebuchet MS", 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: 30px;
padding: 4px 6px;
margin-bottom: 20px / 2;
font-size: 14px;
line-height: 20px;
color: #999999;
border: 1px solid #37c1d0;
background-color: #fff;
border-radius: 5px;
}
.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: #da676f;
color: #da676f;
}
.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 {
display: inline-block;
-webkit-appearance: none;
height: 30px;
padding: 4px 12px;
margin: 0 0 20px / 2 0;
font-size: 14px;
line-height: 20px;
border: 1px solid #37c1d0;
border-radius: 5px;
background: #37c1d0;
color: #fff;
font-family: "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
font-size: 18px;
cursor: pointer;
}
.formulaire_spip p.boutons input:hover,
.formulaire_spip p.boutons button:hover,
.formulaire_spip p.boutons a:hover {
background: #2db2c0;
}
.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 {
display: inline-block;
-webkit-appearance: none;
height: 50px;
padding: 4px 12px;
margin: 0 0 20px / 2 0;
font-size: 14px;
line-height: 40px;
border: 1px solid #37c1d0;
border-radius: 5px;
background: #37c1d0;
color: #fff;
font-family: "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
font-size: 18px;
cursor: pointer;
}
.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: #2db2c0;
}
.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: #da676f;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 14px;
margin-top: 5px;
}
.formulaire_spip p.reponse_formulaire {
display: block;
margin: 20px 0;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 14px;
}
.formulaire_spip .reponse_formulaire_ok {
background: #a2cd70;
border: none;
color: #fff;
}
.formulaire_spip .reponse_formulaire_erreur {
background: #ffe5e7;
border: none;
color: #da676f;
}
.select {
display: inline-block;
width: 210px;
height: 30px;
padding: 4px 6px;
margin-bottom: 20px / 2;
font-size: 14px;
line-height: 20px;
color: #999999;
border: 1px solid #37c1d0;
background-color: #fff;
border-radius: 5px;
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: 20px;
line-height: 20px;
overflow: hidden;
}
select.hasCustomSelect {
z-index: 70;
width: 100% !important;
color: #000;
}
img.ui-datepicker-trigger {
display: inline-block;
position: relative;
top: 3px;
left: -22px;
}
#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;
}
body.mini {
text-align: center;
background: url(squelettes/images/vert-clair.jpg);
}
body.mini #mini {
max-width: 320px;
margin: 40px auto;
padding: 10px 20px;
text-align: left;
background: #fff;
border: none;
border-radius: 5px;
color: #565656;
font: normal normal normal 14px / 20px "Trebuchet MS", Verdana, sans-serif;
}
body.mini #mini h1 {
clear: both;
margin: 10px 0 20px 0;
font: normal normal normal 24px / 24px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
color: #816464;
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;
}
address {
font-style: normal;
margin-bottom: 20px / 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: #da676f;
}
.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: 40px;
}
.etape-compte .commandes,
.etape-recapitulatif .commandes {
clear: both;
}
.etape-compte .commandes ul li,
.etape-recapitulatif .commandes ul li {
margin-bottom: 20px;
}
.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: 20px;
}
.etape-identification .formulaire_etape_identification,
.etape-login_boutique .formulaire_etape_identification {
float: right;
width: 50%;
padding-left: 20px;
}
.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: 40px;
margin-bottom: 20px;
}
.detail .lignes .ligne {
position: relative;
margin-bottom: 20px;
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: 20px;
}
.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: 20px;
margin-right: 40px;
}
.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: 40px;
}
.detail .totaux {
float: right;
width: 33.33333333%;
margin-bottom: 20px;
}
.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: 20px;
}
.detail .info {
margin-bottom: 20px;
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 {
display: inline-block;
-webkit-appearance: none;
height: 30px;
padding: 4px 12px;
margin: 0 0 20px / 2 0;
font-size: 14px;
line-height: 20px;
border: 1px solid #37c1d0;
border-radius: 5px;
background: #37c1d0;
color: #fff;
font-family: "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
font-size: 18px;
cursor: pointer;
}
.detail a.bouton:hover,
.detail a.regler:hover,
.detail a.voir:hover {
background: #2db2c0;
}
.etape-compte a.bouton {
display: inline-block;
-webkit-appearance: none;
height: 30px;
padding: 4px 12px;
margin: 0 0 20px / 2 0;
font-size: 14px;
line-height: 20px;
border: 1px solid #37c1d0;
border-radius: 5px;
background: #37c1d0;
color: #fff;
font-family: "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
font-size: 18px;
cursor: pointer;
margin: 5px 0;
}
.etape-compte a.bouton:hover {
background: #2db2c0;
}
@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;
}
}
/*
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: 20px;
}
#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: #816464;
font: normal normal normal 16px / 20px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
}
#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;
}
#enveloppe-entete-gauche {
position: relative;
background: url(squelettes/images/entete-gauche.jpg) top repeat-x;
padding-top: 29px;
}
#enveloppe-entete-droite {
position: absolute;
top: 0;
left: 50%;
width: 50%;
background: url(squelettes/images/entete-droite.jpg) top repeat-x;
height: 220px;
z-index: 4;
}
#enveloppe-entete-centre {
position: relative;
background: url(squelettes/images/entete-centre-cibi-2.jpg) top center no-repeat;
height: 220px;
width: 100%;
z-index: 5;
}
#entete {
text-align: left;
position: relative;
width: 800px;
margin: 0 auto;
}
#entete #logo {
margin: 0;
}
#entete #logo a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 400px;
height: 200px;
text-indent: -9999px;
}
#entete #accroche {
position: absolute;
top: 54px;
left: 370px;
width: 320px;
font-size: 18px;
text-align: center;
color: #a2cd70;
margin: 0;
}
#entete nav {
position: absolute;
top: -29px;
width: 100%;
text-align: center;
}
#entete nav div {
position: relative;
display: inline-block;
margin: 0 3px;
}
#entete nav div a,
#entete nav div .parent {
font: bold 14px "Trebuchet MS", sans-serif;
display: block;
color: #fff;
padding: 0 10px;
height: 29px;
line-height: 29px;
}
#entete nav div a:hover,
#entete nav div .parent:hover {
color: #ffd13a;
cursor: pointer;
}
#entete nav div .enfants {
display: none;
position: absolute;
top: 28px;
left: -50px;
width: 200px;
background: url(squelettes/images/bleu-menu.jpg);
border-radius: 0 0 5px 5px;
}
#entete nav div .enfants a {
padding: 5px;
height: auto;
line-height: 18px;
background: none !important;
}
#entete nav div.en-cours {
background: #fff url(squelettes/images/nav-en-cours-gauche.jpg) no-repeat left;
}
#entete nav div.en-cours a,
#entete nav div.en-cours .parent {
background: url(squelettes/images/nav-en-cours-droite.jpg) no-repeat right;
color: #37c1d0;
}
#entete nav div.en-cours .enfants a {
color: #fff;
}
#entete nav div.en-cours .enfants a:hover {
color: #ffd13a;
}
#entete nav div#nav-realisations:hover {
background: none;
}
#entete nav div#nav-realisations:hover .parent {
background: none;
color: #ffd13a;
}
#entete nav div#nav-realisations:hover .enfants {
display: block;
}
.texte .spip_documents_left,
.texte .spip_documents_right {
clear: none;
}
.texte li {
width: 90%;
line-height: 20px;
position: relative;
left: 20px;
}
#presentation {
position: relative;
width: 712px;
margin: 0 auto;
text-align: left;
font-size: 16px;
padding-bottom: 20px;
color: #816464;
}
#presentation #intro {
padding: 10px 20px;
line-height: 20px;
text-align: justify;
}
#presentation #onglets {
clear: both;
position: relative;
padding-top: 55px;
}
#presentation #onglets h2 {
margin: 0;
width: 153px;
height: 78px;
font-size: 24px;
line-height: 65px;
text-align: center;
cursor: pointer;
color: #a2cd70;
}
#presentation #onglets h2:hover {
background: url(squelettes/images/onglet.jpg) no-repeat 0 -78px;
color: #fff;
}
#presentation #onglets #onglet-1 h2 {
position: absolute;
top: 0;
left: 54px;
}
#presentation #onglets #onglet-2 h2 {
position: absolute;
top: 0;
left: 279px;
}
#presentation #onglets #onglet-3 h2 {
position: absolute;
top: 0;
right: 54px;
}
#presentation #onglets .enveloppe-section {
background: #fff url(squelettes/images/section-haut.jpg) no-repeat top;
}
#presentation #onglets .enveloppe-section section {
padding: 30px 20px 20px 20px;
line-height: 20px;
background: url(squelettes/images/section-bas.jpg) no-repeat bottom;
color: #999999;
}
#presentation #onglets .enveloppe-section section .texte {
text-align: justify;
}
#presentation #onglets .actif h2 {
background: url(squelettes/images/onglet.jpg) no-repeat 0 0;
color: #fff;
}
#presentation #onglets .actif .enveloppe-section {
display: block;
}
#presentation #onglets .inactif .enveloppe-section {
display: none;
}
#realisations {
width: 712px;
margin: 0 auto 20px auto;
padding: 10px 20px;
background: url(squelettes/images/bleu.jpg);
text-align: left;
border-radius: 10px;
position: relative;
min-height: 100px;
}
#realisations .texte {
width: 440px;
color: #fff;
font-size: 16px;
}
#realisations a.bouton {
display: block;
position: absolute;
bottom: 20px;
right: 63px;
height: 60px;
font: 24px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
line-height: 60px;
width: 127px;
padding: 0 0 0 20px;
background: url(squelettes/images/bouton-realisations.png) no-repeat 0 0;
color: #fff;
}
#realisations a.bouton:hover {
color: #ffd13a;
}
#realisations h2 {
color: #fff;
}
#enveloppe-association {
background: url(squelettes/images/vert-fonce.jpg);
}
#association {
position: relative;
margin: 0 auto;
width: 712px;
text-align: left;
}
#association section {
padding: 20px 20px 10px 20px;
font-style: italic;
font-size: 18px;
line-height: 22px;
color: #fff;
text-align: justify;
}
#association section ul {
list-style: none;
width: 400px;
padding: 20px 0 0 20px;
margin: 0;
}
#association section ul li {
padding: 0 0 20px 30px;
background: url(squelettes/images/puce.jpg) no-repeat left top;
}
#association #bouton-association a {
display: block;
position: absolute;
bottom: 110px;
right: 20px;
height: 60px;
font: 24px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
line-height: 60px;
width: 170px;
padding: 0 0 0 20px;
background: url(squelettes/images/bouton-association.jpg) no-repeat 0 0;
color: #f36229;
}
#association #bouton-association a:hover {
background-position: 0 -60px;
color: #fff;
}
#association #bouton-contact a {
display: block;
position: absolute;
bottom: 30px;
right: 63px;
font: 24px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
height: 60px;
line-height: 60px;
width: 127px;
padding: 0 0 0 20px;
background: url(squelettes/images/bouton-contact.jpg) no-repeat 0 0;
color: #fff;
}
#association #bouton-contact a:hover {
background-position: 0 -60px;
}
#publications {
margin: 0 auto;
width: 712px;
padding-bottom: 20px;
text-align: left;
zoom: 1;
}
#publications:before,
#publications:after {
content: "";
display: table;
line-height: 0;
}
#publications:after {
clear: both;
}
#publications h2 {
font-size: 24px;
margin: 0;
padding: 20px;
}
#publications h2 a {
color: #816464;
}
#publications h2 a:hover {
color: #37c1d0;
}
#publications #partenaires {
float: left;
width: 50%;
padding-right: 20px;
}
#publications #partenaires #logos-partenaires {
padding: 10px 20px;
background: #fff;
border-radius: 10px;
}
#publications #partenaires #logos-partenaires a {
display: block;
font-size: 14px;
padding: 10px 0;
border-bottom: 2px dashed #efebeb;
text-align: center;
}
#publications #partenaires #logos-partenaires a img {
padding-top: 10px;
}
#publications #partenaires #logos-partenaires a:last-child {
border-bottom: none;
}
#publications #expertise {
float: left;
width: 50%;
padding-left: 20px;
}
#publications #expertise ul {
padding: 10px 20px;
background: #fff;
border-radius: 10px;
}
#publications #expertise ul li {
display: block;
}
#publications #expertise ul li a {
display: block;
font-size: 14px;
padding: 10px 0;
border-bottom: 2px dashed #efebeb;
zoom: 1;
}
#publications #expertise ul li a:before,
#publications #expertise ul li a:after {
content: "";
display: table;
line-height: 0;
}
#publications #expertise ul li a:after {
clear: both;
}
#publications #expertise ul li a .intro {
color: #999999;
}
#publications #expertise ul li a .lire {
display: block;
float: right;
padding: 0 0 0 9px;
width: 96px;
height: 25px;
line-height: 25px;
background: url(squelettes/images/bouton-lire.jpg) no-repeat 0 0;
color: #999999;
}
#publications #expertise ul li a:hover {
color: #37c1d0;
}
#publications #expertise ul li a:hover .lire {
background-position: 0 -25px;
color: #fff;
}
#publications #expertise ul li:last-child a {
border-bottom: none;
}
#rss a {
display: block;
font: 24px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
line-height: 24px;
height: 24px;
overflow: hidden;
padding-right: 30px;
background: url(squelettes/images/rss.jpg) no-repeat right 0;
color: #fea785;
}
#rss a:hover {
background: url(squelettes/images/rss.jpg) no-repeat right -24px;
color: #f36229;
}
#news {
float: left;
width: 50%;
padding-left: 20px;
position: relative;
}
#news #rss {
position: absolute;
top: 20px;
right: 20px;
height: 24px;
}
#news article {
width: 100% !important;
}
#presentation-extranet {
background: #fff;
border-radius: 10px;
padding: 10px 20px;
}
article {
float: left;
width: 428px;
margin-bottom: 20px;
background: #fff;
border-radius: 10px;
}
article header {
padding: 20px 20px 0 20px;
}
article header h3 {
margin: 0;
font-size: 14px;
font-family: "Trebuchet MS", Verdana, sans-serif;
color: #37c1d0;
}
article section {
padding: 10px 20px;
line-height: 16px;
}
article section p {
text-align: justify;
}
article footer {
padding: 0 20px 20px 20px;
zoom: 1;
}
article footer:before,
article footer:after {
content: "";
display: table;
line-height: 0;
}
article footer:after {
clear: both;
}
article footer .lire a {
display: block;
float: left;
padding: 0 0 0 9px;
width: 96px;
height: 25px;
line-height: 25px;
background: url(squelettes/images/bouton-lire.jpg) no-repeat 0 0;
color: #999999;
}
article footer time {
float: right;
font-style: italic;
line-height: 25px;
color: #37c1d0;
}
article:hover footer .lire a {
background-position: 0 -25px;
color: #fff;
}
.pagination {
clear: both;
text-align: right;
}
.pagination strong,
.pagination a {
text-transform: capitalize;
}
#corps {
margin: 10px auto;
width: 712px;
text-align: left;
zoom: 1;
}
#corps:before,
#corps:after {
content: "";
display: table;
line-height: 0;
}
#corps:after {
clear: both;
}
#corps #rss {
margin-left: 20px;
height: 24px;
width: 67px;
}
#corps h1 {
margin: 0 0 20px 20px;
}
#corps h1 a {
color: #816464;
}
#corps .enveloppe-section {
margin-bottom: 20px;
background: #fff url(squelettes/images/section-haut.jpg) no-repeat top;
}
#corps .formulaire_spip {
clear: both;
}
#corps .section {
padding: 10px 20px;
background: url(squelettes/images/section-bas.jpg) no-repeat bottom;
}
#corps .section .coordonnees {
float: left;
width: 200px;
}
#corps .section .membres {
float: right;
width: 450px;
}
#corps table.galerie {
width: 100%;
}
#corps table.galerie td {
padding: 10px;
text-align: center;
vertical-align: middle;
}
#articles {
float: left;
width: 428px;
}
#produit {
float: left;
width: 428px;
padding: 10px 20px;
background: #fff;
border-radius: 10px;
}
aside {
float: right;
width: 250px;
}
aside dl dd a {
display: block;
color: #fff;
padding: 7px 20px;
font-size: 14px;
}
aside dl#rubriques {
display: block;
padding-bottom: 37px;
margin-bottom: 20px;
background: url(squelettes/images/rubriques-bas.jpg) no-repeat bottom;
}
aside dl#rubriques dt {
background: url(squelettes/images/rubriques-haut.jpg) no-repeat top;
height: 61px;
padding: 13px 20px 0 55px;
color: #fff;
font-size: 22px;
}
aside dl#rubriques dt a {
color: #fff;
}
aside dl#rubriques dd {
background: url(squelettes/images/rubriques-repeat.jpg) repeat-y;
}
aside dl#rubriques dd a:hover {
color: #76a957;
}
aside dl#archives {
display: block;
padding-bottom: 37px;
background: url(squelettes/images/archives-bas.jpg) no-repeat bottom;
margin-bottom: 20px;
}
aside dl#archives dt {
background: url(squelettes/images/archives-haut.jpg) no-repeat top;
height: 61px;
padding: 14px 20px 0 55px;
color: #fff;
font-size: 22px;
}
aside dl#archives dd {
background: url(squelettes/images/archives-repeat.jpg) repeat-y;
}
aside dl#archives dd a:hover {
color: #37c1d0;
}
aside .formulaire_spip {
padding: 10px 20px 0 20px;
margin-bottom: 20px;
border-radius: 10px;
background: #37c1d0;
color: #fff;
zoom: 1;
}
aside .formulaire_spip:before,
aside .formulaire_spip:after {
content: "";
display: table;
line-height: 0;
}
aside .formulaire_spip:after {
clear: both;
}
aside .formulaire_spip legend {
color: #fff;
}
aside .formulaire_spip ul li,
aside .formulaire_spip ol li {
padding: 0;
}
aside .formulaire_spip ul li .controles_label,
aside .formulaire_spip ol li .controles_label,
aside .formulaire_spip ul li .controles_champs,
aside .formulaire_spip ol li .controles_champs {
float: none;
width: auto;
}
aside .formulaire_spip p.boutons input.valider {
display: inline-block;
-webkit-appearance: none;
height: 50px;
padding: 4px 12px;
margin: 0 0 20px / 2 0;
font-size: 14px;
line-height: 40px;
border: 1px solid #fff;
border-radius: 5px;
background: #fff;
color: #37c1d0;
font-family: "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
font-size: 18px;
cursor: pointer;
}
aside .formulaire_spip p.boutons input.valider:hover {
background: #816464;
border: 1px solid #816464;
color: #fff;
}
aside .affiche {
padding: 10px;
border-radius: 10px;
background: #fff;
margin-bottom: 20px;
text-align: center;
}
aside nav {
padding: 10px 20px;
border-radius: 10px;
background: #816464;
margin-bottom: 20px;
}
aside nav a {
color: #fff;
}
aside nav a.panier {
float: right;
}
aside nav a:hover {
color: #ffd13a;
}
#asso-intro {
margin: 10px auto;
width: 672px;
text-align: left;
font-size: 16px;
line-height: 20px;
text-align: justify;
color: #816464;
}
#enveloppe-asso-objectif {
margin: 20px auto;
width: 712px;
background: #fff url(squelettes/images/section-haut.jpg) no-repeat top;
}
#enveloppe-asso-objectif #asso-objectif {
padding: 10px 20px;
background: url(squelettes/images/section-bas.jpg) no-repeat bottom;
text-align: left;
font-size: 16px;
line-height: 20px;
text-align: justify;
color: #999999;
}
#enveloppe-asso-rassembler {
margin: 40px auto;
width: 712px;
background: url(squelettes/images/vert-fonce.jpg);
}
#enveloppe-asso-rassembler #asso-rassembler {
padding: 0 0 50px 0;
background: url(squelettes/images/asso-rassembler-bas.jpg) no-repeat bottom;
color: #fff;
text-align: justify;
zoom: 1;
}
#enveloppe-asso-rassembler #asso-rassembler:before,
#enveloppe-asso-rassembler #asso-rassembler:after {
content: "";
display: table;
line-height: 0;
}
#enveloppe-asso-rassembler #asso-rassembler:after {
clear: both;
}
#enveloppe-asso-rassembler #asso-rassembler h2 {
margin: 0;
padding: 20px 20px 10px 20px;
font: 26px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
text-transform: uppercase;
color: #fff;
background: url(squelettes/images/asso-rassembler-haut.jpg) no-repeat top;
}
#enveloppe-asso-rassembler #asso-rassembler #asso-rassembler-intro {
padding: 0 20px;
font-size: 14px;
line-height: 18px;
}
#enveloppe-asso-rassembler #asso-rassembler #bouton-adherents {
float: left;
margin: 10px 0 0 20px;
}
#enveloppe-asso-rassembler #asso-rassembler #bouton-adherents a {
display: block;
width: 171px;
height: 55px;
background: url(squelettes/images/bouton-adherents.jpg) no-repeat 0 0;
text-align: center;
font: 22px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
line-height: 55px;
color: #f36229;
}
#enveloppe-asso-rassembler #asso-rassembler #bouton-adherents a:hover {
background-position: 0 -55px;
color: #fff;
}
#enveloppe-asso-rassembler #asso-rassembler #asso-rassembler-adherents {
float: right;
width: 480px;
margin: 0 20px 10px 0;
font-size: 14px;
line-height: 18px;
}
#asso-developper {
margin: 20px auto;
width: 712px;
text-align: left;
color: #816464;
zoom: 1;
}
#asso-developper:before,
#asso-developper:after {
content: "";
display: table;
line-height: 0;
}
#asso-developper:after {
clear: both;
}
#asso-developper h2 {
float: left;
width: 400px;
margin: 0;
padding: 20px 0 0 20px;
font: 26px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
text-transform: uppercase;
}
#asso-developper #asso-developper-texte {
float: left;
width: 400px;
margin: 10px 0 0 20px;
font-size: 14px;
line-height: 18px;
text-align: justify;
}
#asso-developper #axes-travail {
float: right;
margin: -10px 20px 0 0;
width: 251px;
background: url(squelettes/images/bleu.jpg);
color: #fff;
}
#asso-developper #axes-travail h3 {
margin: 0;
padding: 20px;
font: 22px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
text-align: center;
background: url(squelettes/images/boite-axes-haut.jpg) no-repeat top;
}
#asso-developper #axes-travail a {
display: block;
color: #fff;
}
#asso-developper #axes-travail a:hover {
color: #816464;
}
#asso-developper #axes-travail ul {
display: block;
padding-bottom: 50px;
background: url(squelettes/images/boite-axes-bas.jpg) no-repeat bottom;
}
#asso-developper #axes-travail ul li a {
display: block;
padding: 0 20px 20px 20px;
font-size: 14px;
font-weight: bold;
text-align: center;
}
#enveloppe-asso-promouvoir {
margin: 40px auto;
width: 712px;
background: #fff url(squelettes/images/section-haut.jpg) no-repeat top;
}
#enveloppe-asso-promouvoir #asso-promouvoir {
padding: 20px;
background: url(squelettes/images/section-bas.jpg) no-repeat bottom;
font-size: 14px;
text-align: left;
}
#enveloppe-asso-promouvoir #asso-promouvoir h2 {
font: 26px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
text-transform: uppercase;
}
#enveloppe-asso-promouvoir #asso-promouvoir #asso-promouvoir-texte {
padding: 10px 0;
}
#enveloppe-asso-promouvoir #asso-promouvoir #fleches {
position: relative;
height: 100px;
}
#enveloppe-asso-promouvoir #asso-promouvoir #fleches #fleche-adhesion {
position: absolute;
top: -20px;
left: -40px;
}
#enveloppe-asso-promouvoir #asso-promouvoir #fleches #fleche-adhesion a {
display: block;
width: 196px;
height: 96px;
padding: 40px 0 0 40px;
color: #fff;
font: 26px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
line-height: 33px;
background: url(squelettes/images/fleche-adhesion.jpg) no-repeat 0 0;
}
#enveloppe-asso-promouvoir #asso-promouvoir #fleches #fleche-adhesion a:hover {
background-position: 0 -96px;
}
#enveloppe-asso-promouvoir #asso-promouvoir #fleches #fleche-contact {
position: absolute;
top: 0;
right: 0;
}
#enveloppe-asso-promouvoir #asso-promouvoir #fleches #fleche-contact a {
display: block;
width: 176px;
height: 76px;
padding: 20px 0 0 40px;
color: #fff;
font: 26px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
line-height: 33px;
background: url(squelettes/images/fleche-contact.jpg) no-repeat 0 0;
}
#enveloppe-asso-promouvoir #asso-promouvoir #fleches #fleche-contact a:hover {
background-position: 0 -76px;
}
#boutique {
float: left;
width: 428px;
padding: 10px 20px 0 20px;
background: #fff;
border-radius: 10px;
}
#boutique .formulaire_spip .fieldset.avec_sous_saisies > legend {
margin: 20px 0;
}
#boutique .formulaire_spip .reponse_formulaire {
display: inline-block;
border-radius: 10px;
padding: 10px 20px;
margin-bottom: 20px;
}
#boutique .etapes {
margin: 0;
}
#boutique .etapes a.etape {
color: #a2cd70;
}
#boutique .etapes a.etape:hover {
color: #96c65d;
}
#boutique .etapes .etape {
display: inline-block;
font-size: 14px;
padding-right: 20px;
margin: 0 10px 10px 0;
color: #999999;
background: url(squelettes/images/etape.png) no-repeat right;
}
#boutique .etapes .etape.en_cours {
color: #37c1d0;
}
#boutique .etapes .etape .numero {
display: none;
}
#boutique a.editer,
#boutique a.telecharger,
#boutique a.regler,
#boutique a.voir {
display: inline-block;
-webkit-appearance: none;
height: 30px;
padding: 4px 12px;
margin: 0 0 20px / 2 0;
font-size: 14px;
line-height: 20px;
border: 1px solid #37c1d0;
border-radius: 5px;
background: #37c1d0;
color: #fff;
font-family: "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
font-size: 18px;
cursor: pointer;
}
#boutique a.editer:hover,
#boutique a.telecharger:hover,
#boutique a.regler:hover,
#boutique a.voir:hover {
background: #2db2c0;
}
#boutique .etape-compte .compte,
#boutique .etape-recapitulatif .compte,
#boutique .etape-compte .facturation,
#boutique .etape-recapitulatif .facturation,
#boutique .etape-compte .livraison,
#boutique .etape-recapitulatif .livraison,
#boutique .etape-compte .mode_paiement,
#boutique .etape-recapitulatif .mode_paiement {
float: none;
width: auto;
margin-bottom: 20px;
}
#boutique .etape-compte .commandes ul li,
#boutique .etape-recapitulatif .commandes ul li {
margin-bottom: 0;
}
#boutique .etape-identification .formulaire_etape_identification,
#boutique .etape-identification .formulaire_login_boutique,
#boutique .etape-identification .formulaire_oubli_boutique {
float: none;
width: auto;
padding: 0;
}
#boutique .etape-login_boutique .formulaire_etape_identification,
#boutique .etape-login_boutique .formulaire_login_boutique,
#boutique .etape-login_boutique .formulaire_oubli_boutique {
float: none;
width: auto;
padding: 0;
}
#boutique .commande h1 {
margin: 0;
padding: 10px 0;
}
.detail .lignes {
float: none;
width: auto;
padding-right: 0;
}
.detail .lignes .ligne {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #37c1d0;
}
.detail .lignes .ligne span.titre {
margin-bottom: 10px;
}
.detail .lignes .ligne span.prix_unitaire_ttc {
display: none;
}
.detail .lignes .boutons {
display: none;
}
.detail .totaux {
float: none;
width: auto;
margin-top: 20px;
}
.detail .totaux .titre {
display: none;
}
.detail .totaux .sous_total_ttc,
.detail .totaux .total_commande {
font-weight: bold;
color: #37c1d0;
}
#enveloppe-pied-1 {
background: url(squelettes/images/pied-repeat.jpg) repeat-x top;
}
#enveloppe-pied-2 {
background: url(squelettes/images/pied.jpg) no-repeat top center;
}
#pied {
position: relative;
margin: 0 auto;
width: 712px;
text-align: left;
color: #fff;
}
#pied #coordonnees {
padding: 135px 0 10px 20px;
}
#pied #coordonnees h3 {
margin: 0;
clear: none;
font: 14px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
color: #fff;
}
#pied #coordonnees p {
margin-bottom: 0;
font-size: 12px;
}
#pied nav {
position: absolute;
top: 135px;
right: 20px;
text-align: right;
}
#pied nav a {
display: inline-block;
font: 14px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
margin-left: 20px;
margin-right: 0;
color: #fff;
}
#pied nav a:hover {
color: #ffd13a;
}
#login {
margin: 20px auto;
width: 428px;
text-align: left;
}
#login h1 {
margin: 20px;
font: 24px "Bodega Sans Black", "Impact", "HelveticaNeue-CondensedBlack", "Verdana";
text-align: center;
color: #816464;
}
a#innoveco {
display: block;
margin-top: 20px;
}
a#innoveco img {
max-width: 100%;
height: auto;
}
.logos {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding-top: 20px;
}
.logos .logo {
width: 25%;
text-align: center;
}
.logos .logo a {
display: inline-block;
padding: 10px;
}
.logos .logo a img {
max-height: 61px;
max-width: 100%;
height: auto;
width: auto;
}
.formulaire_spip .choix input {
display: inline;
}
.formulaire_spip .choix label {
display: inline;
padding: 0 !important;
}