/* Ensemble du site */
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap');

body {
    font-family: "Open Sans", sans-serif;
}
main {
    min-height: 100%;
}
#header,
#wrapper,
#footer {
    max-width: 1170px;
    margin: auto;
    box-shadow: none;
}
/* Empeche le footer de remonter lorsqu'une page n'a pas assez de contenu, comme la page de connexion */
#footer {
    bottom: 0;
    left: 0;
    right: 0;
}
/* Header */
#header .header-top .header-top-right {
    padding: 0;
}
#header .header-nav {
    max-height: none;
    padding-top: 35px;
    padding-bottom: 15px;
    border-bottom: none;
}
#header .header-nav #search_widget {
    float: none;
    margin-top: 7px;
}
#header .header-nav #search_widget form input {
    width: 100%;
    padding: 10px 20px 10px 5px;
    outline: none;
    background-color: #ffffff;
    border: 1px solid #c81515;
    border-radius: 0;
}
#header .header-nav #search_widget form i {
    position: absolute;
    right: 10px;
    padding: 12px 0px 0px 10px;
    font-size: 40px;
    color: #c81515;
    width: 40px;
    height: 37px;
    cursor: pointer;
}
#header .header-nav .user-info {
    margin-top: 12px;
    margin-left: 30px;
}
#header .header-nav .user-info .account {
    margin-left: 0;
}
#header .header-nav svg.iconify {
    width: 32px;
    height: 32px;
    color: #c81515;
}
#header .header-nav svg {
    color: #c81515;
}
#header .header-nav svg:hover {
    color: #000;
}
#header .header-nav .blockcart {
    background: none;
}
#header .header-nav .cart-preview.active {
    background: none;
}
#header .header-nav .cart-preview.active a,
#header .header-nav .cart-preview.active i {
    color: #c81515;
}
/* Couleur noir lorsque l'on passe avec la souris sur le panier pour le chiffre à coté du panier  */
#header .header-nav .cart-preview.active a:hover,
#header .header-nav .cart-preview.active:hover i {
    color: #000;
}
/* Logo lettre en menu mobile */
#_mobile_contact_link #contact-link {
    text-align: right;
    white-space: nowrap;
    margin-top: 18px;
}
/* Panier */
/* Lorsque panier vide*/
#basket_empty {
    position: relative;
    top: 19px;
    right: 47px;
    color: #c81515;
}
#basket_empty:hover {
    color: #000;
}
/* Module Pre-order */
/* Masquer le lien de précommande sur le menu */
#lnk-pre-commander {
    display: none !important;
}
/* Menu */
#header .header-top > .container {
    left: 0;
    right: 0;
    top: 0px;
    background: #fff;
    padding: 0 15px;
    z-index: 10;
}
#header .top-menu a[data-depth="0"]:hover {
    color: #c81515;
}
#header .header-top .header-top-right > div.js-top-menu {
    float: none;
    width: 100%;
    padding: 0;
    background-color: #323232;
}
#header .header-top .header-top-right > div.js-top-menu > ul > li {
    width: 22%;
    float: left;
    text-align: center;
    border-left: 1px solid #fff;
}
#header .header-top .header-top-right > div.js-top-menu > ul li:hover {
    background-color: #c81515;
}
#header .header-top .header-top-right > div.js-top-menu > ul > li:first-child {
    width: 12%;
    border-left: none;
}
#header .header-top .header-top-right > div.js-top-menu > ul > li.current {
    background-color: #c81515;
}
#header .header-top .header-top-right > div.js-top-menu > ul > li > a {
    color: #fff;
    font-weight: 300;
    padding: 9px;
}
#header
    .header-top
    .header-top-right
    > div.js-top-menu
    > ul
    > li
    > a
    > i.material-icons {
    font-size: 17px;
}

#header .header-top .header-top-right > div.js-top-menu .top-menu .sub-menu {
    margin-left: 0;
    width: 100%;
    background: #000000;
    top: 38px;
}
#header
    .header-top
    .header-top-right
    > div.js-top-menu
    .top-menu
    .sub-menu
    ul[data-depth="1"] {
    margin: 0;
}
#header
    .header-top
    .header-top-right
    > div.js-top-menu
    .top-menu
    .sub-menu
    ul[data-depth="1"]
    > li {
    margin: 0;
    text-align: center;
    width: 100%;
}
#header
    .header-top
    .header-top-right
    > div.js-top-menu
    .top-menu
    .sub-menu
    ul[data-depth="1"]
    > li
    a {
    color: #ffffff;
    font-weight: 100;
    padding: 0.625rem 0.625rem 0.625rem 0;
}
#header
    .header-top
    #mobile_top_menu_wrapper
    #category-2
    > a
    > i.material-icons {
    display: none;
}

/* Contenu */
body #wrapper {
    background: #ffffff;
    padding-top: 0;
}
.carousel .carousel-inner {
    height: 400px;
}
.carousel .carousel-item figure {
    display: block;
}
.btn-primary {
    background-color: #c81515;
    border-radius: 15px 0px;
}
.btn-primary:hover {
    background-color: #000;
}
.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #000;
}
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
    background-color: #000;
}
p,
.page-content.page-cms ul {
    color: #000;
}
.product-price {
    color: #c81515;
}

#customer-form .form-group .required::after {
    content: "*";
    color: red;
}

#customer-form .form-group .radio-inline {
    margin-right: 1rem;
}

.js-address-form .form-group .required::after {
    content: "*";
    color: red;
}
/* Accueil */
#index #header .header-top {
    padding-bottom: 0;
}
.carousel .carousel-control {
    top: 6em;
    width: 10%;
}
.carousel .carousel-control .material-symbols-outlined {
    font-size: 6em;
}

#products .products-section-title,.featured-products .products-section-title{
font-family: 'Open Sans';
font-weight: 800;
font-size: 64px;
line-height: 87px;
justify-content: center;
align-items: center;
text-align: center;
    background: none;
background: linear-gradient(90deg, #00317C 33.26%, #C81515 54.72%);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text; /* webkit browsers only */
    -webkit-text-fill-color: transparent; /* webkit browsers only*/

    -webkit-box-decoration-break: clone;
    /* Version that works for buttons in Safari. Only needed for buttons, other elements work just fine */
    /* Using flex here to align the child pseudo element */
    margin-left: 30px;
    color: transparent;
}

/* Support dégradé Safari */
@supports (-webkit-hyphens:none)
{
    #products .products-section-title,.featured-products .products-section-title {
        color: #000 !important;
        background: #FFF !important;
        -webkit-text-fill-color: #000 !important;
    }
}

/* Create a psuedo element that duplicates the content from the title attribute. This allows it to be the same exact size as it's dom parent. Then position it absolutely to make it appear in the position it's expected to be at. */
#products .products-section-title,.featured-products .products-section-title:after {
  position: absolute;
  content: attr(title);
  color: red;
  display: block;

  background: linear-gradient(90deg, #00317C 33.26%, #C81515 54.72%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text; /* webkit browsers only */
  -webkit-text-fill-color: transparent; /* webkit browsers only*/
}

.product-accessories .products-section-title {
    font-weight: 900;
    margin-top: 70px;
    font-size: 1.6rem;
}
#index .developer_publisher {
    display: block;
    background: url("/themes/classic/assets/img/developer_publisher.png");
    text-align: center;
    margin: 20px 0;
    min-height: 300px;
}
#index .developer_publisher h4 {
    padding-top: 42px;
    color: #fff;
    font-weight: 700;
    font-size: 36px;
    line-height: 49px;
    text-shadow: 4px 4px 4px rgb(0 0 0 / 35%);
}
#index .developer_publisher p {
    color: #fff;
    max-width: 490px;
    margin: auto;
    margin-top: 15px;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    text-shadow: 4px 4px 4px rgb(0 0 0 / 35%);
}
#index .developer_publisher span {
    margin-top: 27px;
    background: #ffffff;
    border-radius: 15px 0px;
    color: #c81515;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
}
/* Miniatures */
.product-miniature.js-product-miniature {
    border: 1px solid #c4c4c4;
    margin: 15px 0;
}
.product-miniature.js-product-miniature:hover {
    box-shadow: 3px 3px 6px 0px rgb(0 0 0 / 25%);
}
.product-miniature .thumbnail-container .product-thumbnail img {
    padding-top: 15px;
}
.product-miniature .product-title {
    height: 65px;
}
.product-miniature .product-title a {
    color: #000;
    font-weight: bold;
    font-size: 19px;
    text-transform: uppercase;
}

.product-miniature .product-price-and-shipping {
    font-size: 22px;
    color: #c81515;
}
.product-miniature form {
    text-align: center;
}
.product-miniature form .btn-primary {
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    text-transform: none;
}
.product-miniature form p {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 5px;
    margin-top: 15px;
}
.product-flags {
    bottom: 0;
    top: auto;
    margin-bottom: 0;
    align-items: flex-end;
}
.product-flags li.product-flag.discount-percentage,
.product-flags li.product-flag.discount-amount,
.product-flags li.product-flag.discount {
    background-color: #c81515;
    min-width: 58px;
    min-height: 58px;
    line-height: 58px;
    font-weight: 400;
    font-size: 20px;
}
.product-flags li.product-flag.out_of_stock {
    visibility: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
.product-flags li.product-flag.out_of_stock:after {
    content: "";
    visibility: visible;
    background: url(../img/soldout.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 50px;
    display: block;
}
.product-miniature span.regular-price {
    font-weight: 400;
}

/* Catégories */
#wrapper .breadcrumb li::after {
    color: #000;
    content: ">";
}
#wrapper .breadcrumb li:last-child {
    color: #c81515;
}
.block-category h1 {
	/* Titre h1 des catégories masqués */
	display: none;
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: #757575;
    text-align: center;
    margin-bottom: 0;
}
.block-category .block-category-inner .category-cover img {
    width: 1140px;
    height: auto;
    max-width: 100%;
}
.products-selection .sort-by-row {
    justify-content: flex-end;
}
.products-selection .sort-by-row .iconify {
    font-size: 20px;
}
.sort-by-row button.select-title {
    display: inline-block;
    width: 100%;
    padding: 0.625rem;
    cursor: pointer;
    border: 1px solid #c81515;
    color: #c81515;
}
.products-sort-order .dropdown-menu a {
    color: #c81515;
}
#search_filters_wrapper {
    display: none;
    position: fixed;
    right: 0px;
    top: 0px;
    height: 100%;
    left: unset;
    width: 30%;
    background: rgb(255, 255, 255);
    z-index: 10000;
    overscroll-behavior: contain;
    overflow: auto;
    scrollbar-width: none;
}
#search_filters_wrapper::-webkit-scrollbar {
    display: none;
}
#search_filters_wrapper .close_filters .close {
    opacity: 0.7;
    font-size: 35px;
}
#search_filter_cross {
    background-image: url(../img/cross.svg);
    height: 50px;
    width: 50px;
    float: right;
    margin: 12px 10px 0px 0px;
    cursor: pointer;
}
.pagination .previous,
.pagination .next {
    float: none;
}
.pagination .page-list {
    font-size: 1.25rem;
}
.pagination .page-list li {
    padding: 0 16px;
}
.pagination .page-list li .spacer {
    letter-spacing: -6px;
}
.pagination .page-list li .material-icons {
    font-size: 35px;
    color: #c81515;
    font-weight: bold;
}
.pagination .page-list li.current a {
    color: #c81515;
}

/* Produits */
.product-container h1 {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: #757575;
    text-align: center;
    margin-bottom: 30px;
}
.product_left {
    border: 1px solid #c4c4c4;
    padding: 15px;
}
.product_left .product-prices {
    text-align: center;
}
.product_left .product-prices div {
    margin-bottom: 6px;
}
.product_left .product-actions .add-to-cart {
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    text-transform: none;
}
.product_left .product-quantity {
    text-align: center;
    display: block;
}
.product_left .product-quantity .add {
    float: none;
}
.product_left .product-quantity .add p {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 5px;
    margin-top: 15px;
}
/* .product_left .product-quantity .qty, */
/* .product_left .control-label {
    display: none;
} */
.product_left #product-availability {
    display: inline;
}
.product_left .product-discounts {
    margin-bottom: 0;
}
.product_left .product-discount {
    display: inline;
}
.product_left .current-price {
    display: inline;
    font-size: 22px;
}
#product #content {
    max-width: 750px;
}
#product #product-modal {
    background: rgb(255, 255, 255);
}
#product .material-icons {
    color: #000;
}
#product .material-icons.material-icons-close {
    font-size: 50px;
    margin: 20px;
    cursor: pointer;
    z-index: 1;
}
#product #content .scroll-box-arrows {
    position: relative;
}
#product #content .scroll-box-arrows i {
    color: #c81515;
    height: 45px;
    line-height: 45px;
    font-size: 50px;
}
#product #content .scroll-box-arrows i.left {
    left: -12px;
}
#product #content .scroll-box-arrows i.right {
    right: -12px;
}
#product #content .tabs {
    margin-top: 0;
}
#product #content .product-description ul li {
    list-style-type: disc;
    margin-left: 40px;
}
#product #content .product-description iframe {
    max-width: 100%;
}
#product .product-accessories .h5 {
    text-align: center;
    font-size: 30px;
    border-top: 1px solid #c4c4c4;
    padding: 30px;
    margin-top: 10px;
}
/* Page Collector gestion de la barre de recherche */
#search_widget form input {
    width: 100%;
    padding: 10px 20px 10px 5px;
    outline: none;
    background-color: #ffffff;
    border: 1px solid #c81515;
    border-radius: 0;
}
#search_widget form i {
    position: absolute;
    right: 5px;
    font-size: 40px;
    color: #c81515;
    width: 40px;
    height: 37px;
    cursor: pointer;
    padding: 2px 0px 0px 4px;
}
/* Page Accueil */
/* Inversion de couleur au passage de la souris sur contactez nous de la page Accueil */
#index .developer_publisher span:hover {
    background: #c81515;
    color: #ffffff;
}
/* Page Contact */
/* Espace entre l'input et le bouton choisir un fichier dans le formulaire */
.input-group .input-group-btn {
    height: 100%;
    padding: 0px 0px 0px 20px;
}
/* Les champs obligatoire ont une astérix rouge */
#contact-form .form-group .required::after {
    content: " *";
    color: red;
}
/* Page Connexion */
/* Largeur du bouton Show/Hide fixée pour que le bouton ne bouge pas au niveau de sa taille quand on clique dessus */
.input-group .input-group-btn > .btn[data-action="show-password"] {
    width: 70px;
}
/* Page identité lorsque connecté checkbox rouge */
.custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked {
    color: #cd1719;
}
/* Page Panier */
/* Hover sur la corbeille, de couleur rouge */
.product-line-grid-right .cart-line-product-actions .remove-from-cart:hover {
    color: #cd1719;
}
/* Titre Shopping cart déplacé et mis en gras */
.cart-grid-body .card-block h1 {
    position: relative;
    right: 15px;
    font-weight: bold;
}
/* Prix du produit caché dans le panier en dessous du titre du produit */
#cart .current-price {
    display: none;
}
/* Hover sur titre du produit sousligné en noir */
.cart-grid-body a.label:hover {
    text-decoration: underline;
    color: #000;
}
/* Alignement de tous les éléments au centre du produit */
#cart .product-line-grid {
    display: flex;
    align-items: center;
}
/* Page fiche produit */
/* Icone loupe en fond blanc */
#product .zoom-in {
    color: #fff;
}
#product .shopping-cart {
    color: #fff;
}
/* Description du produit cachée lorsque l'on appuie sur une image pour l'affichée en plus grande */
#product-modal .modal-content .modal-body .image-caption {
    display: none;
}
/* Augmentation de la taille du carrousel présent sur le coté droit lorsque l'on agrandit une image de la fiche produit afin que la fléche du bas ne soit pas rapetisser et que le défilement fonctionne */
#product-modal .modal-content .modal-body .thumbnails {
    height: 850px;
}
/* Page profil et page appartenant au profil hover en noir sur le lien */
.page-footer a:hover {
    color: #000;
}

/* Page Your addresses */
/* Lien mis en rouge avec hover noir comme sur le reste du site */
.page-addresses .addresses-footer a {
    color: #cd1719;
}
.page-addresses .addresses-footer a:hover {
    color: #000;
}
/* Page Your Order history */
/* Lien mis en rouge avec hover noir comme sur le reste du site */
.page-customer-account #content .order-actions a:hover {
    color: #000;
}
/* Page PREORDER ORDERS */
/* écart entre le footer du site et le fil d'ariane de retour */
#module-preorder-preorderorderdetails .page-footer {
    padding-bottom: 1.563rem;
}
/* Footer */
#footer {
    background-color: #323232;
}
.footer-container {
    padding-top: 0;
}
.footer-container,
.footer-container li a,
.footer-container span,
.footer-container span input,
.block_newsletter form .row .col-xs-12:last-of-type p {
    color: #fff;
}

.footer-container span {
    position: static;
}

.footer-container p {
    color: #fff;
    font-size: 14px;
    margin-top: 20px;
}
.footer-container p {
    color: #fff;
    font-size: 14px;
    margin-top: 20px;
}
.footer-container p.alert-success {
    color: #3c763d;
}
.footer-container p.alert-danger {
    color: #a94442;
}
.block-social ul li {
    background-color: #323232;
    margin: 0 15px;
}
.block-social ul li:hover {
    background-color: #c81515;
}
.block-social ul li.vimeo {
    background-image: url(../img/twitch.svg);
}
.block-social ul li.instagram {
    background-image: url(../img/instagram.svg);
}
.block-social ul li.youtube {
    background-image: url(../img/youtube.svg);
    background-position: center;
}
.block_newsletter {
    float: left;
    width: 33%;
    clear: none;
    background: none;
}
.block_newsletter #block-newsletter-label {
    color: #fff;
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 14px 0;
}
.block_newsletter form input[type="email"] {
    border-color: #c81515;
}
.block_newsletter form input[type="email"]:focus {
    border-color: #c81515;
}
.block_newsletter form input[type="text"]:focus {
    outline-color: #c81515;
}
.block_newsletter form input[type="submit"] {
    text-transform: none;
}
/* Bouton validation newsletter hover en noir */
.block_newsletter form input[type="submit"]:hover {
    background-color: #000;
}
/* Icones réseaux sociaux footer toujours centrées */
.block-social {
    float: left;
    width: 100%;
}
.block-social ul {
    justify-content: center;
}
/* Input checkbox souscription mail visible */
.custom-checkbox input[type="checkbox"] + span {
    background-color: white;
}
/* Boutons validation newsletter centrés */
#input_newsletter_confirm {
    text-align: center;
}

/* Responsive */
/* écran supérieur à 1200pixels,Ordinateur grand écran, Télé */
@media (min-width: 1200px) {
    /* menu déroulant Relevance présent sur MERCH, GAMES et PRE-ORDERS */
    /* Ajustement de la largeur en fonction de l'écran */
    .products-sort-order .dropdown-menu {
        width: 213px;
    }
    /* Position fléche du carrousel en page d'Accueil */
    .carousel .direction {
        top: 25%;
    }
}
/* Ordinateur petit et moyenne écran */
@media (min-width: 992px) and (max-width: 1199px) {
    /* menu déroulant Relevance présent sur MERCH, GAMES et PRE-ORDERS */
    /* Ajustement de la largeur en fonction de l'écran */
    .products-sort-order .dropdown-menu {
        width: 176px;
    }
    /* Position fléche du carrousel en page d'Accueil */
    .carousel .carousel-control {
        top: calc(50% - 96px);
        width: 15%;
    }
}
/* Jusque vue Tablette */
@media (max-width: 991px) {
    .carousel .carousel-inner {
        height: auto;
    }

    .carousel .carousel-control .material-symbols-outlined {
        font-size: 3em;
    }
    .block_newsletter {
        width: 100%;
    }
    .block-social {
        margin-top: 10px;
    }
    /* Position fléche du carrousel en page d'Accueil */
    .carousel .carousel-control {
        width: 15%;
        top: calc(50% - 48px);
    }
}
/* Tablette  */
@media (min-width: 768px) and (max-width: 991px) {
    /* menu déroulant Relevance présent sur MERCH, GAMES et PRE-ORDERS */
    /* Ajustement de la largeur en fonction de l'écran */
    .products-sort-order .dropdown-menu {
        width: 127px;
    }
}
/* à partir de vue Tablette */
@media (min-width: 768px) {
    /* Page Contact */
    /* Page Contact décalage vertical de la colonne de gauche pour être aligné avec le bouton "home" du fil d'ariane */
    #contact #left-column {
        margin: 0px 12px 0px -12px;
    }
    /* Suppression de l'espace en bas de page */
    #contact #main .page-footer,
    #contact #main .page-content {
        margin-bottom: 0px;
    }
}
/* Jusque vue Smartphone grand écran */
@media (max-width: 767px) {
    /* Header */
    /* Logo en haut de page en vue mobile */
    #header .top-logo {
        justify-content: center;
    }
    /* Section contact en bas de la page d'Accueil */
    /*Titre h4*/
    #index .developer_publisher h4 {
        font-size: 22px;
        line-height: 25px;
    }
    /* Texte de contact*/
    #index .developer_publisher p {
        font-size: 15px;
    }
    /* Bouton Contact Us */
    #index .developer_publisher span {
        font-size: 24px;
    }
    .category-cover {
        display: block;
    }
    #search_filters_wrapper {
        position: relative;
        width: 100%;
    }
    #search_filters_wrapper .close_filters .close {
        display: none;
    }
    #search_filters_wrapper #search_filter_controls {
        display: none;
    }
    .footer-container .links .h3 {
        color: #fff;
    }
    /* Page produit */
    /* bloc de gauche espace pour séparer les blocs en version mobile */
    .product_left {
        margin-bottom: 20px;
    }
    /* Page Accueil */
    /* Carrousel */
    .carousel .carousel-item img {
        aspect-ratio: 24 / 10;
    }
    /* Panier */
    /* Lorsque panier vide*/
    #basket_empty {
        top: 0px;
        right: 0px;
    }
    /* Page panier */
    /* Div contenant tous les éléments du produit, image, titre, quantite, prix et suppresion du produit */
    #cart .product-line-grid {
        display: block;
    }
    .shopping_cart_mobile {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .shopping_cart_mobile_row {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    .carousel .direction {
        z-index: 15;
    }
}
/* Smartphone grand écran */
@media (min-width: 576px) and (max-width: 767px) {
    /* menu déroulant Relevance présent sur MERCH, GAMES et PRE-ORDERS */
    /* Ajustement de la largeur en fonction de l'écran */
    .products-sort-order .dropdown-menu {
        width: 254px;
    }
}
/* à partir de vue Smartphone petit écran */
@media (min-width: 576px) {
    #wrapper > .container {
        padding: 0;
    }
    /* Page Contact */
    /* Alignement du bloc droit par rapport au bloc gauche, titre Contact us aligné avec store information */
    #contact #content {
        position: relative;
        bottom: 36px;
    }
}
/* Jusque vue Smartphone petit écran */
@media (max-width: 576px) {
    /* menu déroulant Relevance présent sur MERCH, GAMES et PRE-ORDERS */
    /* Ajustement de la largeur en fonction de l'écran */
    .products-sort-order .dropdown-menu {
        width: 42vw;
    }
    #index .developer_publisher span {
        margin-bottom: 40px;
    }
}
/* Exception page contact */
@media (max-width: 575px) {
    /* Page Contact */
    /* Alignement du bloc droit par rapport au bloc gauche, titre Contact us aligné avec store information */
    #contact #content {
        position: relative;
        right: 36px;
    }
}
/* Exception header */
@media (max-width: 270px) {
    /* Logo mon compte  */
    #header .header-nav .user-info {
        margin-left: 0px;
    }
}
@media (max-width: 400px) {
    /* Poppin d'ajout au panier */
    /* à partir de cette vue, l'affichage passe en colonnes afin que le bouton Proceed to checkout ne sorte pas de la fenetre */
    #blockcart-modal .cart-content .cart-content-btn {
        width: 100%;
        flex-direction: column;
    }
    /* Page panier */
    /* Div contenant tous les éléments du produit, image, titre, quantite, prix et suppresion du produit */
    #cart .product-line-grid {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 10px;
    }
    /* Page Accueil */
    /* Espace entre les fléches du carrousel réduites pour ne pas dépasser la largeur de l'ecran  */
    .carousel .carousel-control {
        width: 20%;
    }
}
@media (min-width: 301px) and (max-width: 400px) {
    #index .developer_publisher h4 {
        word-break: break-all;
    }
}
@media (max-width: 300px) {
    /* Taille div contenant le Titre produit  */
    .product-miniature .product-title {
        height: 80px;
    }
}

/* Classe Bootsrap utile non present dans theme.css */
/* Largeur */

.w-auto {
    width: auto !important;
}