/* =============================================================================================================================== */
/* =============================================================================================================================== */
/* TOP BAR */
/* =============================================================================================================================== */
/* =============================================================================================================================== */
/* ========================================================================= */
/* AMAR : Barre défilante d’annonces en haut du site (top bar messages) */
/* ========================================================================= */
.ps-shoppingcart.dropdown #blockcart-content {
z-index: 1000;
}
.custom-top-bar {
background-color: #cb2d33;
color: white;
font-size: 14px;
font-weight: 400;
height: 30px;
line-height: 30px;
overflow: hidden;
position: relative;
display: flex;
align-items: center;
}
.messages-wrapper {
display: flex;
gap: 50px;
animation: scrollText 15s linear infinite;
animation-delay: 0s;
white-space: nowrap;
}
.message {
flex-shrink: 0;
}
@keyframes scrollText {
0% { transform: translateX(40%); }
100% { transform: translateX(-100%); }
}
/* =============================================================================================================================== */
/* =============================================================================================================================== */
/* CSS Advanced PACK */
/* =============================================================================================================================== */
/* =============================================================================================================================== */
/* Amar : style des tailles pour les PACKS */
/* Appliquer la couleur orange à la taille sélectionnée */
#ap5-product-variants-item-1 input[type="radio"]:checked + span {
background-color: #d8863c !important;
color: #fff !important;
border-color: #d8863c !important;
}
@media screen and (max-width: 768px) {
/* Réduction des boutons de taille */
.input-container {
padding: 3px !important;
margin: 3px !important;
}
.radio-label {
font-size: 14px !important;
padding: 6px 10px !important;
min-width: auto !important;
min-height: auto !important;
}
}
@media screen and (max-width: 768px) {
/* === Placer le titre au-dessus de l'image principale === */
.product_header_container {
order: -1;
margin-bottom: 10px;
}
.row.product-info-row {
display: flex;
flex-direction: column;
}
/* === Masquer le badge "Pack" sur l'image produit === */
li.product-flag.pack {
display: none !important;
}
/* mise en forme de la photo des articles */
#product .ap5-pack-product-image img {
margin-left: 10px !important;
margin-right: 0 !important;
max-width: 20%;
border: 0.9px solid #333;
}
/* alignement du titre de l'article */
.ap5-pack-product-title {
margin-left: 10px;
margin-top: 10px;
}
/* mise en forme du titre de l'article */
}
/* on met en forme le titre de l'article (sur une ligne) */
.ap5-pack-product-title a {
font-size: 17px;
font-weight: 600;
color: #222 !important; /* Assure-toi qu'aucune autre règle ne l'écrase */
/* on réduite la taille du titre */
display: inline-block;
max-width: 70%; /* Ajuste la largeur selon l'espace voulu */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
}
/* on masque les quantités */
.ap5-pack-product-quantity.pull-left {
display: none !important;
}
/* on masque le titre du prix */
.ap5-pack-product-price .label {
display: none !important;
}
/* === Séparateur sous le titre principal de la page produit === */
body#product h1.page-title span {
display: block;
margin: 0 auto;
border-bottom: 1px solid #bfbfbf; /* Couleur personnalisée pour le séparateur */
padding-bottom: 10px;
}
/* alignement du prix à gauche */
.ap5-pack-product-price {
text-align: left !important;
float: left !important; /* si nécessaire */
margin-left:10px;
}
/* === Réduction de l'espacement au-dessus de l'image du produit dans le pack === */
#ap5-product-list.ap5-on-product-page {
margin-top: 0px !important; /* Réduit l’espace au minimum */
}
/* === Ajustement de l'espacement en haut du bloc produit (version mobile) === */
#ap5-pack-product-1.ap5-pack-product {
margin-top: 0 !important;
}
/* === Masquer la ligne d'infos produit dans le pack (quantité + prix) === */
/* .ap5-on-product-page .ap5-pack-product-content .ap5-pack-product-infos {
display: none !important;
}/*
/* === Style personnalisé pour le bloc des tailles dans le pack produit === */
#ap5-product-variants-item-1 {
margin-left: 10px; /* Décalage à gauche */
padding-bottom: 15px;
border-bottom: 1px solid #bfbfbf; /* Séparateur visuel */
}
/* === Ajustement du bloc d'infos produit (espace + suppression de bordure) === */
.ap5-on-product-page .ap5-pack-product-content .ap5-pack-product-infos {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
border-bottom: none !important;
}
/* === Forcer l'affichage du bloc contenant le titre + Retirer en flex === */
.ap5-pack-product-title {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap; /* Pour éviter les débordements */
}
/* === Style du bouton "Retirer" ou "Ajouter" === */
.ap5-pack-product-remove-label {
font-size: 14px !important;
font-weight: 500 !important;
color: #CB2D33 !important;
cursor: pointer;
}
/* Titre du produit à gauche */
.ap5-pack-product-title a {
flex: 1 1 auto;
}
/* === Suppression du margin-top sur les blocs produits packs === */
.ap5-pack-product {
margin-top: 0 !important;
}
/* === Réduit l'espace avant le titre total === */
#ap5-product-list.ap5-on-product-page {
margin-bottom: 5px !important;
}
/* === Libellé avant le prix total (en CSS seulement) === */
body#product .product-price.current-price-value::before {
content: "Prix de l'ensemble : ";
display: block;
font-weight: 600;
font-size: 20px !important;
color: #222;
margin-bottom: 4px;
}
body#product .product-price.current-price-value {
font-size: 22px !important;
color: #a14200;
font-weight: bold;
margin-left: 10px;
margin-bottom: 20px !important;
}
}
/* On masque l'étiquette du pack dans la page catégorie ensemble */
ul.product-flags.js-product-flags li.product-flag.pack {
display: none !important;
}
/***********************************************************************************************************************************/
/* Si tu veux l'afficher uniquement sur mobile, décommente ce bloc : */
/*
@media (max-width: 768px) {
.custom-top-bar {
display: flex;
}
}
*/
/* ========== 1. TYPOGRAPHIE & ESPACEMENT GLOBAL ========== */
/*body {
line-height: 1.5rem;
}
article {
padding: 1rem;
}*/
/* ========== 3. ÉTIQUETTES & INFORMATIONS PRODUITS / PANIER ========== */
/* Masquer l'étiquette "taxes / livraison" (peut être dans la page panier) */
.tax-shipping-delivery-label {
display: none;
}
/* Réduction infos réduction sur le checkout (pages panier et/ou checkout, je ne sais plus ?)*/
#cart_discount_2,
.cart_discount {
font-size: 12px !important;
color: #d8863c !important;
}
/* =============================================================================================================================== */
/* =============================================================================================================================== */
/* 2.Mise en forme de la page produit */
/* =============================================================================================================================== */
/* =============================================================================================================================== */
/* Réduction de l’espace sous la ligne d’info produit */
.product-info-row {
margin-bottom: 0;
}
/*******************************************************/
/******* INFORMATIONS GÉNÉRALES PRODUIT ******/
/*******************************************************/
/* Taille du titre du produit */
body#product h1.page-title span {
font-size: 17px !important; /* Ajustable selon ton besoin */
font-weight: 600;
line-height: 1.4;
padding-top: 5px !important;
margin-left: 10px !important;
}
/* On enlève la transformation automatique du titre en lettre Capital */
h1.page-title,
h1.page-title span,
.product_header_container .page-title span {
text-transform: none !important;
}
/* Mise en forme du prix */
body#product .product-price.current-price-value {
font-size: 18px;
margin-left: 10px;
}
/* On masque la ligne de séparation */
body#product .product_header_container {
border-bottom: none !important;
}
/*******************************************************/
/********. MISE EN FORME DE LA PARTIE TAILLE ********/
/*******************************************************/
/* Transformer le bouton "Guide des tailles" en lien */
button.btn.btn-secondary.mt-3 {
all: unset !important; /* Supprime tous les styles par défaut du bouton */
color: #000 !important; /* Assure une couleur noire */
text-decoration: underline !important; /* Ajoute le soulignement */
cursor: pointer !important;
display: inline-block !important; /* Évite les bugs d'affichage */
margin-left: 0px !important;
font-size: 12px !important;
padding: 5px 10px !important;
margin-top: 5px !important;
}
/* Effet au survol */
.product-variants-item-1 ul#group_1 li:hover {
border-color: #d8863c !important;
}
/* Appliquer la couleur orange à la taille sélectionnée */
.product-variants-item-1 ul#group_1 input[type="radio"]:checked + span {
background-color: #d8863c !important;
color: #fff !important;
border-color: #d8863c !important;
}
/* Agrandir les cases des tailles */
.product-variants .input-radio,
.product-variants .radio-label {
min-width: 5rem !important;
min-height: 2.6rem !important;
}
/* Centrage du texte dans les boutons de taille */
.product-variants .radio-label {
display: flex !important;
height: 100% !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
line-height: normal !important;
padding: 5px !important;
border-radius: 6px !important;
border-color: #d8863c !important;
}
/* griser les tailles non disponibles et ajouter un message d'indisponibilité */
.input-container.attribute-not-in-stock {
position: relative;
background-color: #e6e6e6;
border-radius: 6px;
pointer-events: none;
cursor: not-allowed;
overflow: hidden;
}
.input-container.attribute-not-in-stock .radio-label {
color: #aaa !important;
}
.input-container.attribute-not-in-stock::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: rgba(150, 150, 150, 0.3);
transform: rotate(-30deg);
}
/* Ajouter de l'espace au-dessus et en dessous du bloc "Taille" */
.product-variants.js-product-variants {
margin-top: 15px !important;
margin-bottom: 20px !important;
margin-left: 10px !important;
}
/*******************************************************/
/********. MISE EN FORME DE LA PARTIE ACHETER ********/
/*******************************************************/
/* on arrondi le bouton acheter */
body#product .btn.btn-primary.btn-lg.add-to-cart {
border-radius: 6px !important;
}
/* on ajoute un espace sous le bouton acheter uniquement sur mobile */
@media screen and (max-width: 767px) {
.col.col-12.col-sm-auto.col-add-btn {
margin-bottom: 2rem !important;
}
}
/*************************************************************/
/******** DESCRIPTION COURTE / BLOCS SECONDAIRES ********/
/************************************************************/
/* Mise en forme de la description courte */
body#product .product-description {
margin-left: 10px;
margin-right: 10px;
/*margin-top: 30px;
margin-bottom: 30px;*/
}
/* Masquer la description courte sur la version mobile */
@media screen and (max-width: 767px) {
[id^="product-description-short-"] {
display: none !important;
}
}
/* Masquer le bloc d'informations additionnelles (réseaux sociaux, etc.) */
.product-additional-info.js-product-additional-info {
display: none !important;
}
/*******************************************************/
/******** MISE EN FORME DE LA PARTIE ACCORDEON ********/
/*******************************************************/
/* Masquer certains éléments secondaires */
a[href="#productdaas-accordion-details"],
.col-add-wishlist,
.col-add-compare,
.col-add-qty {
display: none;
}
/* Icône dans le titre de l'accordéon */
#productdaas-accordion .title a i.fa,
#productdaas-accordion .title a i.fas {
font-size: 17px;
margin-right: 8px;
color: #d8863c;
vertical-align: middle;
}
/* Conteneur du titre de l'accordéon */
#productdaas-accordion .title {
padding: 10px;
background-color: #f9f9f9;
/* border: 1px solid #eaeaea; */
}
/* Lien dans le titre de l'accordéon */
#productdaas-accordion .title a {
font-size: 17px;
color: #333;
font-weight: normal;
display: flex;
align-items: center;
}
/* Flèche de l'accordéon */
#productdaas-accordion .title a .fa-angle-down,
#productdaas-accordion .title a .fa-angle-up {
margin-left: auto;
font-size: 12px;
color: #333;
}
/* Bloc général de l'accordéon */
#productdaas-accordion .card {
border: none;
box-shadow: none;
}
/* Mise en forme du contenu de l'accordéon (mobile) */
@media screen and (max-width: 767px) {
div#productdaas-accordion-extra-0 .rte-content,
#productdaas-accordion-extra-1 .rte-content {
margin-left: 10px !important;
margin-right: 10px !important;
}
}
/*************************************************************/
/******** BLOCS SECONDAIRES BAS DE PAGE ********/
/*************************************************************/
/* mise en forme "Compléter votre tenue" */
body#product .section-title span {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
font-size: 1.1rem;
}
/* mise en forme "Les clients qui ont acheté ce produit ont également ..." */
body#product p.section-title {
margin-left: 10px;
font-size: 1.1rem;
}
/************************************************************/
/******** PROMOTIONS ET BADGES ********/
/***********************************************************/
/* Masquer le compteur de promo */
div.price-countdown.badge-discount.discount {
display: none !important;
}
/* Modification la taille du badge promo */
.badge-discount.discount {
font-size: 1rem !important;
}
li.product-flag.discount {
font-size: 0.8rem !important;
}
/* =============================================================================================================================== */
/* =============================================================================================================================== */
/* 3.mise en forme de la fenetre contextuelle */
/* =============================================================================================================================== */
/* =============================================================================================================================== */
/* Bouton "Continuer mes achats" avec contour orange */
#blockcart-content .continue-shopping {
display: block !important;
width: 100% !important;
padding: 12px !important;
text-align: center !important;
font-weight: bold !important;
color: #d8863c !important; /* Texte orange */
background-color: transparent !important; /* Fond transparent */
border: 1px solid #d8863c !important; /* Bordure orange */
margin-bottom: 5px !important;
margin-top: 15px !important;
}
/* Supprimer le bouton "Continuer mes achats" du panier principal */
/*body:not(#blockcart-content) .continue-shopping {
display: none !important;
}*/
/* Cacher uniquement le champ de quantité et les flèches dans la fenêtre contextuelle */
#blockcart-content .input-group.bootstrap-touchspin {
display: none !important;
}
/* Réduction de la taille du texte des noms de produits UNIQUEMENT DANS LE POP-UP */
#blockcart-content .cart-products .col-info a {
font-size: 13px !important; /* Taille réduite */
font-weight: 600 !important;
color: #533E41 !important; /* Couleur légèrement adoucie */
line-height: 1.2 !important;
text-decoration: none !important;
}
/* ligne de séparation des produits plus discrètre */
#blockcart-content .cart-products > li {
border-bottom: 1px solid #DEDEDE;
}
/* Supprimer uniquement le "X" devant le prix dans la fenêtre contextuelle */
#blockcart-content span.text-muted {
display: none !important;
}
/* Mettre le prix sous la taille dans la fenêtre contextuelle */
#blockcart-content .row.align-items-center.mt-2.no-gutters {
flex-direction: column !important;
align-items: flex-start !important;
}
/* Aligner le prix à gauche uniquement dans la fenêtre contextuelle */
#blockcart-content .row.align-items-center.mt-2.no-gutters .col {
text-align: left !important;
width: 100%;
font-size: 15px !important; /* Taille réduite */
}
/* Supprimer l'icône supprimer uniquement dans la fenêtre contextuelle */
#blockcart-content .row.align-items-center.mt-2.no-gutters .col-auto {
display: none !important;
}
/* Transformation du bouton "Panier" en lien UNIQUEMENT dans la fenêtre contextuelle */
.blockcart-content a.btn.btn-secondary.btn-block {
background: none !important;
border: none !important;
color: #533E41 !important; /* Texte noir */
font-size: 16px !important; /* Taille ajustée */
text-align: center !important;
text-decoration: underline !important; /* Ajout du soulignement */
display: block !important; /* Assurer une bonne mise en page */
padding: 10px 0 !important; /* Espacement au-dessus et en dessous */
font-weight: bold !important;
}
/* Appliquer uniquement à la fenêtre contextuelle */
#blockcart-modal .cart-buttons a:last-child {
display: block !important; /* Assurer qu'il ne soit pas caché */
text-align: center !important; /* Centrer le texte */
font-size: 14px !important; /* Ajuster la taille */
font-weight: bold !important; /* Rendre plus lisible */
color: #533E41 !important; /* Couleur texte */
text-decoration: none !important; /* Pas de soulignement */
margin-top: 15px !important; /* Ajouter un espace au-dessus */
}
/* Forcer l'affichage du bon texte dans la fenêtre contextuelle */
#blockcart-modal .cart-buttons a:last-child::before {
content: "Voir mon panier" !important; /* Fixer le texte */
}
/* Réduire la taille du texte du bloc des sous-totaux et Rendre discrètes les lignes de séparation */
#blockcart-content .cart-subtotals {
font-size: 13px !important; /* Réduction de la taille */
color: #333 !important; /* Assurez-vous que le texte reste lisible */
border-top: 1px solid rgba(0, 0, 0, 0.1) !important; /* Ligne très fine et discrète */
padding-top: 5px !important;
border-top: none !important; /* Supprime la ligne */
}
#cart-subtotal-discount {
color: #d8863c !important;
font-weight: bold;
}
/* Mise en forme de la ligne total */
#blockcart-content .cart-totals {
font-size: 22px !important; /* Ajuste la taille du texte */
border-top: 1px solid #DEDEDE; /* Ligne de séparation plus épaisse */
padding-bottom: 25px;
}
/* Ajouter une entête pour indiquer que le produit a été ajouté */
#blockcart-content::before {
content: "Produit ajouté au panier avec succès";
display: block;
font-size: 14px;
font-weight: bold;
text-align: center;
background-color: #d8863c; /* Orange Petit Fennec */
color: white;
padding: 6px 15px; /* Ajustement de l'espace intérieur */
margin: -10px -10px 15px -10px; /* Étendre légèrement sur les côtés et monter un peu */
margin-bottom: 30px;
}
/* Réduction de la largeur et augmentation de la hauteur des boutons */
#blockcart-content .cart-buttons a {
width: 80% !important; /* Réduit la largeur */
padding: 12px 0 !important; /* Augmente la hauteur */
font-size: 15px !important; /* Réduction de la taille du texte */
text-align: center !important; /* Centre le texte */
display: block !important; /* Assure le bon affichage */
margin: 10px auto !important; /* Centre les boutons et ajoute un espacement */
border-radius: 6px !important; /* Coins arrondis */
}
#blockcart-content .btn.btn-primary.btn-block.btn-lg {
font-size: 18px !important; /* Ajuste la taille du texte */
}
/* Ajouter un espace entre les boutons */
#blockcart-content .cart-buttons a:first-child {
margin-bottom: 10px !important; /* Ajoute un espace entre les deux boutons */
}
/* Arrondir légèrement l'image du produit */
#blockcart-content .product-image img {
border-radius: 6px !important; /* Coins arrondis sur l'image produit */
}
/* =============================================================================================================================== */
/* =============================================================================================================================== */
/* 4. MISE EN FORME DE LA PAGE PANIER */
/* =============================================================================================================================== */
/* =============================================================================================================================== */
/* ------------------------------------------------------------------------------------------ */
/* === STRUCTURE & TITRE DE SECTION PANIER === */
/* ------------------------------------------------------------------------------------------ */
#cart #content-wrapper .section-title {
text-align: center;
padding-right: 5px;
padding-left: 5px;
padding-top: 40px;
}
#cart .block-section {
margin-bottom: 3rem;
clear: both;
padding-right: 10px;
padding-left: 5px;
}
/* ------------------------------------------------------------------------------------------ */
/* === ESPACEMENTS GLOBAUX DU PANIER === */
/* ------------------------------------------------------------------------------------------ */
/* hauteur boutton "continuer mes achats dans le panier" */
/* Ajustement spécifique au panier */
#cart .mt-3,
#cart .my-3 {
margin-top: 2.5rem !important;
}
#cart .m-3 {
margin: 1rem !important;
}
/* ------------------------------------------------------------------------------------------ */
/* === BOUTONS PRINCIPAUX PANIER === */
/* ------------------------------------------------------------------------------------------ */
/* Bouton principal (ex : Commander) */
a.btn.btn-primary.btn-lg.btn-block {
font-size: 21px;
}
/* Centrage des CTA panier */
.cart-grid-right.col-12.col-lg-4 {
text-align: center;
}
.cart-grid > a {
margin: 0 auto;
}
a.btn.btn-secondary.mt-3.mb-3 {
width: 100%;
}
/* ------------------------------------------------------------------------------------------ */
/* === BOUTON "Continuer mes achats dans le panier" === */
/* ------------------------------------------------------------------------------------------ */
/* mise en forme du boutton "continuer mes achats dans le panier" */
#cart .cont {
width: 90%;
margin: 0 auto;
background: transparent;
color: #d8863c;
border: 2px solid #d8863c;
font-size: 21px;
font-weight: 400;
}
#cart .cont i {
display: none;
}
/* ------------------------------------------------------------------------------------------ */
/* === AFFICHAGE TOTAL PANIER === */
/* ------------------------------------------------------------------------------------------ */
/* Personnalisation du total panier */
.totalAmount h3 {
border-top: 1px solid #DEDEDE;
font-size: 18px !important;
padding-top: 15px;
color: #d8863c !important;
}
/* ========== 2. MINIATURES PRODUITS - RESPONSIVE MOBILE ========== */
@media screen and (max-width: 768px) {
.col-left-product-thumbs {
order: 2;
margin-top: 0;
}
}
/* =============================================================================================================================== */
/* =============================================================================================================================== */
/* 5. MMISE EN FORME DE LA PAGE CHECKOUT */
/* =============================================================================================================================== */
/* =============================================================================================================================== */
/*============================================================*/
/* Masquage de certains éléments */
/*============================================================*/
/* Masquer les titres "information de connexion" et "Adresse" */
.checkout-section.section-login > div > h2,
.checkout-section.section-login #checkoutShippingAddress h2 {
display: none;
}
/*============================================================*/
/* Personnalisation de la connexion */
/*============================================================*/
/* permet de mettre les labels s'identifier, commander et créer un compte en orange clair */
.form-group.login-options .radio-inline label, .opc-container .login-options [type="radio"]:checked + label {
background-color: transparent;
border: 0;
color:#ECC9A6;
}
/* permet de mettre le labels "commander" en orange foncé */
.opc-container .login-options [type="radio"]:checked + label {
background-color: transparent;
border: 0;
color:#D68A3E;
}
/* permet d'aligner les labels s'identifier, commander et créer un compte sur une ligne */
.opc-container .login-options [type="radio"]:checked + label,
.opc-container .login-options [type="radio"]:not(:checked) + label {
padding: 0 !important;
}
/* je ne sais pas */
.opc-container .section-login label {
font-weight: normal;
}
/*============================================================*/
/* Structure et disposition */
/*============================================================*/
/* Ajustement des marges et paddings des conteneurs dans le checkout (élargie la zone) */
.container,
.container-fluid {
padding-right: 8px;
padding-left: 8px;
margin-right: auto;
margin-left: auto;
}
/* Espacement des méthodes de livraison */
.opc_shipping_method {
margin-top: 20px;
}
/*============================================================*/
/* Apparence des blocs titres */
/*============================================================*/
/* Amar : Personnalisation de l'affichage sur la page checkout */
.login-form .title {
text-align: left;
color: #534949;
font-weight: 700;
font-size: 25px;
margin: 40px 0 30px 0;
}
.opc-container .custom-panel h2 {
font-size: 25px;
letter-spacing: 1px;
margin: 0;
padding: 20px;
margin-bottom: 5px;
position: relative;
border-bottom: 0 solid #efefef;
background: none;
text-transform: none; /* Si tu voulais annuler une transformation */
}
/*============================================================*/
/* Apparence générale des champs */
/*============================================================*/
/* Personnalisation du contenue des zones de saisies dans le cheackout */
.opc-container input,
.opc-container textarea,
.opc-container select,
.opc-container .form-control {
border: 1px solid #cac8c8;
border-radius: 4px;
box-shadow: none;
transition: border-color 500ms;
padding: 9px 12px;
font-size: 15px;
/*outline: none;*/
min-height: 33px;
background: #fff;
margin-top: 1px;
}
/* Style des labels dans les étapes de commande */
.opc-container label {
margin-bottom: 1px;
font-weight: normal;
width: 94%;
text-align: left;
font-size: 17px;
color: #000000d9;
}
/* Normalisation poids des labels */
.opc-container .section-login label {
font-weight: normal;
}
/* Masque les paragraphes du formulaire client (âš ï¸ Ã valider si utilisé) */
#customer-form p {
display: none;
}
/* Masquer la politique de mot de passe */
.field-password-policy {
display: none;
}
/*============================================================*/
/* Personnalisation du bouton de confirmation */
/*============================================================*/
.opc-container .opc_confirmcart .btn.btn-success {
font-size: 23px;
/*letter-spacing: 1px;
padding: 10px 20px;
width: 100%;
max-width: 100%;
text-transform: uppercase;*/
margin-top: 40px;
}
/*============================================================*/
/* Affichage des transporteurs / logos */
/*============================================================*/
/* Logos transporteurs (Checkout) */
.carrier-hasLogo img {
max-height: 22px;
}
/*============================================================*/
/* Apparence des messages d’information */
/*============================================================*/
/* Personnalisation de l'apparence des alertes dans les méthodes de paiement */
.opc_shipping_method li.alert-info,
.opc_payment_method li.alert-info {
color: #31708f;
background-color: #FBFBFB;
border-color: #DEDEDE;
}
/* ------------------------------------------------------------------------------------------ */
/* === COMPORTEMENTS SPÉCIAUX / ERREURS === */
/* ------------------------------------------------------------------------------------------ */
/* cacher le message d'erreur sur l'email est vide */
#email ~ .errorsmall {
display: none !important;
}