.dc-centrer-verticalement {
display: flex;
flex-direction: column;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
} @media only screen and (max-width : 980px) {
.dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
} .et_mobile_menu {
margin-left: -30px;
padding: 5%;
width: calc( 100% + 60px);
}
.mobile_nav.opened .mobile_menu_bar:before {
content: "\4d";
} .et_pb_contact_right p input {
max-width: 50px;
} sup, sub {
font-size: 70%;
}
.form-horizontal .search-field {
display: inline-block;
margin-right: 10px;
}
.form-vertical .search-field {
display: block;
margin-bottom: 15px;
}
.jeux-list {
list-style: none !important;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 20px;
}
.jeu-item {
border: 1px solid #ddd;
padding: 15px;
background-color: #f9f9f9;
text-align: center;
}
.jeu-item h2 {
font-size: 16px !important; line-height: 1.2; margin: 10px 0; }
.jeu-thumbnail img {
max-width: 100%; height: auto;
border-radius: 8px; } @media (max-width: 768px) {
.jeux-list {
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 10px; }
.jeu-item {
padding: 10px; }
.pagination {
font-size: 14px; }
}
.search-field label{
color:#C00000;
}
#type .niveau-0, #theme .niveau-0 {
color: #1a73e8; font-weight: bold;
}
#type .niveau-1, #theme .niveau-1 {
color: #34a853; }
#type .niveau-2, #theme .niveau-2 {
color: #fbbc05; }
.nmgr-search-form-box {
display: flex;
flex-direction: column;
gap: 0.75em;
background: #f9f9f9;
padding: 1.5em;
border-radius: 8px;
max-width: 500px;
margin-bottom: 2em;
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.nmgr-search-form-box label {
font-weight: bold;
}
.nmgr-search-form-box input[type="text"] {
padding: 0.5em;
font-size: 1em;
border: 1px solid #ccc;
border-radius: 4px;
}
.nmgr-search-form-box button {
background-color: #C00000;
color: #fff;
border: none;
padding: 0.6em 1em;
font-size: 1em;
border-radius: 4px;
cursor: pointer;
align-self: flex-start;
}
.nmgr-search-form-box button:hover {
background-color: #f4bf0d;
color: #C00000;
}
.nmgr-search-results ul {
list-style: none;
padding-left: 0;
}
.nmgr-search-results li {
background: #f1f1f1;
margin-bottom: 0.5em;
padding: 0.75em;
border-radius: 6px;
transition: background 0.3s;
}
.nmgr-search-results li:hover {
background: #e0e0e0;
}
.nmgr-search-results a {
font-weight: bold;
text-decoration: none;
color: #333;
}
.nmgr-names {
display: block;
font-size: 0.95em;
color: #555;
margin-top: 0.25em;
}
.nmgr-no-results {
font-style: italic;
color: #900;
} .nmgr-dashboard,
.nmgr-account-template {
background-color: #f9f9f9;
padding: 2em;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
max-width: 1200px;
margin: auto auto 50px auto;
} .nmgr-add-new-header-text {
text-align: center;
margin-bottom: 1.5em;
font-size: 1.6em;
color: #333;
} .nmgr-form .form-row {
display: flex;
flex-direction: column;
margin-bottom: 1.2em;
}
.nmgr-form .form-row label {
font-weight: 600;
margin-bottom: 0.4em;
color: #444;
}
.nmgr-form .form-row input[type="text"],
.nmgr-form .form-row input[type="email"],
.nmgr-form .form-row input[type="date"],
.nmgr-form .form-row textarea {
padding: 0.6em;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 1em;
width: 100%;
background-color: #fff;
}
.nmgr-form .form-row textarea {
resize: vertical;
} .form-row-first,
.form-row-last {
width: 48%;
display: inline-block;
}
.form-row-first {
margin-right: 2%;
} .nmgr-form button.save-action {
background-color: #C00000;
color: #F4BF0D;
border: none;
padding: 0.75em 1.5em;
font-size: 1em;
border-radius: 4px;
cursor: pointer;
transition: background 0.3s ease;
}
.nmgr-form button.save-action:hover {
background-color: #F4BF0D;
color: #c00000 !important;
} .nmgr_add_to_cart_button {
color: #c00000;
}
.nmgr_add_to_cart_button:hover {
color: #F4BF0D !important;
}
.nmgr-atw-button-text{
font-size:14px;
}
.nmgr-atw-button-text:hover{
color:#F4BF0D;
}
a.button.nmgr-atw-btn.nmgr-atw-add.not-in-wishlist{
padding:5px 10px 5px 10px;
} @media (max-width: 768px) {
.form-row-first,
.form-row-last {
width: 100%;
margin-right: 0;
}
.nmgr-form .form-row {
margin-bottom: 1.5em;
}
}
body.logged-out .nmgr-atw-wrapper {
display: none !important;
}
.nmgr-atw-btn[data-tooltip] {
position: relative;
}
.nmgr-atw-btn[data-tooltip]::after {
content: attr(data-tooltip);
position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
background: #333;
color: #fff;
padding: 0.4em 0.6em;
border-radius: 4px;
font-size: 0.85em;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
z-index: 100;
}
.nmgr-atw-btn[data-tooltip]:hover::after {
opacity: 1;
}
.nmgr-atw-btn.in-wishlist {
pointer-events: none;
opacity: 0.5;
cursor: default;
}
.menu-create-wishlist{
background-color:#fff;
} .menu-create-wishlist::after {
content: "Créer une liste de cadeaux";
position: absolute;
bottom: -35px;
left: 50%;
transform: translateX(-50%);
background: #333;
color: #fff;
padding: 4px 8px;
font-size: 0.75em;
border-radius: 4px;
opacity: 0;
white-space: nowrap;
transition: opacity 0.2s ease-in-out;
pointer-events: none;
z-index: 9999;
}
.menu-create-wishlist:hover::after {
opacity: 1;
}
.nmgr-archive-title{
display:none;
}
.mobile-footer-nav {
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: space-around;
background: #fff;
border-top: 1px solid #ddd;
padding: 5px 0;
z-index: 9999;
box-shadow: 0 -2px 5px rgba(0,0,0,0.05);
}
.mobile-footer-nav a {
flex: 1;
text-align: center;
font-size: 18px;
text-decoration: none;
color: #333;
position: relative;
}
.mobile-footer-nav small {
display: block;
font-size: 11px;
margin-top: 2px;
}
.cart-count {
background: red;
color: white;
border-radius: 50%;
font-size: 11px;
padding: 2px 5px;
position: absolute;
top: 2px;
right: 20%;
}
@media (min-width: 768px) {
.mobile-footer-nav {
display: none;
}
}
@media (max-width: 767px) {
.six-cols-mobile .et_pb_column {
width: 16.66% !important;
float: left !important;
clear: none !important;
display: block !important;
}
}
.custom-atc {
background: #f2f2f2;
color: #333;
font-size: 18px;
padding: 0.4em 0.6em;
border-radius: 4px;
line-height: 1;
text-decoration: none;
transition: background 0.3s ease;
}
.custom-atc:hover {
background: #ddd;
}
.custom-product-actions {
display: flex;
justify-content: center; gap: 10px;
margin-top: 10px;
}
.custom-product-actions .button {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 18px;
width: 40px;
height: 40px;
border-radius: 50%;
padding: 0;
background-color: #f5f5f5;
border: 1px solid #ccc;
transition: all 0.3s ease;
}
.custom-product-actions .button:hover {
background-color: #e0e0e0;
}
.custom-icon{
font-size: 20px;
} .custom-product-actions {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
margin-top: 12px;
} .custom-product-actions a,
.custom-product-actions .nmgr-atw-wrapper > a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 42px;
height: 42px;
border-radius: 50%;
background-color: #f7f7f7;
border: 1px solid #ccc;
font-size: 20px;
color: #333;
text-decoration: none;
transition: all 0.3s ease;
} .custom-product-actions a:hover,
.custom-product-actions .nmgr-atw-wrapper > a:hover {
background-color: #e0e0e0;
transform: scale(1.1);
} .custom-product-actions .nmgr-atw-wrapper svg {
width: 22px;
height: 22px;
} .custom-product-actions a,
.custom-product-actions .nmgr-atw-wrapper > a {
vertical-align: middle;
line-height: 0; padding: 0;
overflow: hidden;
} .custom-product-actions svg {
display: block;
width: 22px;
height: 22px;
margin: 0 auto;
}
.nmgr-atw-wrapper{
margin-bottom:1px;
}