body {
        border: 0;
        background-image: none !important;
}

.alert {
        color: var(--flash-color);
}

.bold {
        font-weight: bold;
}

.paragraphe-info {
    display: inline-flex;
    align-items: center;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.paragraphe-info figure.mini-logo {
    max-width: 50px;
    margin-left: .25rem;
    margin-right: .25rem;
}

.responsive-video { 
        overflow:hidden; 
        padding-bottom:56.25%; 
        position:relative; 
        height:0;
}

.responsive-video iframe {
        left:0; 
        top:0; 
        height:100%;
        width:100%;
        position:absolute;
}
.container{
        width: 100%;
        overflow: hidden;
}

.beforeContent .widgetSearchAdvanced .widgetTitles{
        display: none;
}

.button-fch {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    background: var(--main-color);
    border: var(--button-border);
    outline: 0px;
    border-radius: var(--button-radius);
    text-align: center;
    text-decoration: none;
    color: var(--button-text);
    font-size: 25px;
    transition: var(--transition);
    flex-direction: column;
}

.font-weight-light {
    font-weight: 300;
    font-size: small;
}

/* HEADER
--------------------------------------------------------------------------------------------------------------------- */
#mainHeaderWidgets .widgetBasket .icon-basket {
        color: white;
}

@media only screen and (max-width: 768px) {
    #mainHeader .wrapper {
        display:block;
    }
}

/* NAV
--------------------------------------------------------------------------------------------------------------------- */
.mainColorSection {
        background: var(--gradient);
}
#mainHeaderNav .wrapper {
        justify-content: start;
}
#mainHeaderNav .wrapper > div .widget {
        margin-left: 0;
}
#mainHeaderNav .widgetCategories .widgetContent ul {
        background-color: var(--main-color);
}
#mainHeaderNav .widgetCategories .widgetTitles .widgetTitle,
#mainHeaderNav .widgetCategories .widgetContent ul li a,
#mainHeaderNav .widgetLinks .widgetContent ul li a {
        margin: 0;
        padding: 1rem;
        font-size: .85rem;
        text-transform: uppercase;
        border: 0;
        opacity: 1;
}
@media only screen and (max-width: 768px) {
        #mainHeaderNav .wrapper {
                        flex-direction: column;
                        align-items: center;
        }
        #mainHeaderNav .widgetCategories .widgetTitles .widgetTitle,
        #mainHeaderNav .widgetCategories .widgetContent ul li a,
        #mainHeaderNav .widgetLinks .widgetContent ul li a {
                padding: .5rem;
                font-size: .75rem;
        }
}
#mainHeaderNav .widgetCategories .widgetContent ul li a .icon {
    color: var(--second-color);
}
#mainHeaderNav .widgetCategories .widgetContent ul li a:hover,
#mainHeaderNav .widgetLinks .widgetContent ul li a:hover {
        background-color: var(--second-color);
        color: var(--light-color, #fff);
}
#mainHeaderNav .widgetCategories .widgetContent ul li a:hover .icon {
        color: currentColor;
}


/* SIDEBAR
--------------------------------------------------------------------------------------------------------------------- */
#sidebar {
        display: var(--sidebar-display);
}


/* MAIN
--------------------------------------------------------------------------------------------------------------------- */
#mainSection #mainColumn {
        grid-column: 1 / -1;
        gap: var(--spacer);
}

/* Page Login :
--------------------------------------------------------------------------------------------------------------------- */
.pageLogin .contentWrapper {
    flex-grow: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.pageLogin .widget .widgetContent {
    display: inline-flex;
    flex-direction: row;
}

.pageLogin .contentWrapper .widget .widgetContent ul li {
    display: inline-block;
    margin: 1rem 0.75rem;
}

.pageLogin .contentWrapper .widget .widgetContent ul {
    margin: 0 auto;
}

.pageLogin .contentWrapper .widget .widgetTitles p.widgetTitle {
    display: none;
}

.pageLogin .contentWrapper .widgetLinks {
    display: flex;
    flex-direction: row;
    margin-top: 1rem;
}


/* HOME
--------------------------------------------------------------------------------------------------------------------- */
/* HeroSection */
#mainHeaderNav {
    background: var(--second-color);
    border-radius: calc(var(--navbar-radius) * 2);
}

#heroSection {
        margin-block: var(--spacer);
        max-width: var(--mainSection-width);
        margin: 30 auto;
}
#heroSection .container {
        display: grid;
        gap: var(--spacer);
}
@media (min-width: 992px) {
.objectifs{
display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
}
}
.widget-stats {
    background: linear-gradient(135deg, #0d3b66, #0a2a4a);
    color: #fff;
    border-radius: 8px;
    padding: 1rem 30px 30px 30px;
}

.widget-title {
    font-size: 1.1rem;
    margin-bottom: 18px;
    text-transform: uppercase;
    color:#fff;
}

.stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.stat-item {
    background: rgba(255,255,255,0.08);
    border-radius: 10px;
    padding: 16px 18px;
 
    justify-content: space-between;
}

.stat-label {
    font-size: 0.95rem;
    opacity: 0.85;
}

.stat-value {
    font-size: 1.4rem;
    font-weight: 700;
    white-space: nowrap;
}

.stat-value small {
    font-size: 0.85rem;
    font-weight: 500;
    opacity: 0.8;
}

#heroSection .widgetCover,
#heroSection .widgetObjectif {
        margin-bottom: calc(var(--spacer) / 2);
}
#heroSection .widgetCover {
        background-color: var(--bg-light);
        display: flex;
        gap: 1rem;
        border-radius: var(--radius);
        overflow: hidden;
        box-shadow: var(--shadow);
}
@media (min-width: 992px) {
        #heroSection .widgetCover {
                grid-template-columns: 1fr 2fr;
        }
}
#heroSection .widgetCover .widgetImage {
        margin: 0;
}
#heroSection .widgetCover .widgetImage img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
@media (min-width: 992px) {
        #heroSection .widgetCover .widgetImage img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
}
#heroSection .widgetCover .widgetContent {
        padding: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
}
#heroSection .widgetCover .widgetContent h1 {
        margin-block: 1rem;
        color: var(--main-color);
        font-size: 2rem;
}
#heroSection .widgetCover .widgetContent img {
        max-width: 200px;
}

#heroSection .widgetObjectif {
        display: grid;
        gap: calc(var(--spacer) / 2);
        padding: 1rem;
        place-content: center;
        text-align: center;
        background-color: var(--second-color);
        color: var(--light-color, #fff);
        border-radius: var(--radius);
}
#heroSection .widgetObjectif > * {
        margin: 0;
}
#heroSection .widgetObjectif h2 {
        color: inherit;
        text-transform: uppercase;
        line-height: 1.1;
}

#heroSection .widgetObjectif .counter {
        display: grid;
        line-height: 1.2;
}
#heroSection .widgetObjectif .counter .count {
        font-size: 2rem;
        font-weight: bold;
        color: var(--flash-color);
}

#mainColumn {
        display: grid;
        gap: 1rem;
}
#mainColumn .homeSearch {
        display: grid;
        border-radius: var(--radius);
        overflow: hidden;
}
@media (min-width: 992px) {
        #mainColumn .homeSearch {
                grid-template-columns: 1fr 2fr;
        }
}

#mainColumn .widgetBienvenue,
#mainColumn .widgetSearch {
        border-radius: 0;
}

#mainColumn .widgetSearch {
        background-color: var(--bg-light);
}

#mainColumn .widgetSearch .widgetContent {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: var(--text-color);
}
#mainColumn .widgetSearch .widgetContent .formGroup {
        border: 1px solid rgba(17,17,17,.25);
        background-color: var(--bg-color);
        width: 100%;
        max-width: 430px;
        border-radius: 100vmax;
        padding: 4px;
}
#mainColumn .widgetSearch .widgetContent .formGroup > :nth-child(1) {
        flex: 1;
}
#mainColumn .widgetSearch .widgetContent input,
#mainColumn .widgetSearch .widgetContent button,
#mainColumn .widgetSearch .widgetContent .formItem {
        margin: 0;
}

#mainColumn .widgetSearch .widgetContent input {
        background-color: transparent;
        width: 100%;
        padding: .25rem 1rem;
}
#mainColumn .widgetSearch .widgetContent input:focus {
        outline: none;
}
#mainColumn .widgetSearch .widgetContent button {
        padding: .75rem;
        border-radius: 100vmax;
        cursor: pointer;
}
#mainColumn .widgetSearch .widgetContent button:hover {
        color: var(--light-color, #fff);
}
#mainColumn .widgetSearch .widgetContent button:hover .icon {
        color: currentColor;
}
.afterHomeSection {
        padding-block: 1rem;
        background-color: var(--bg-light, var(--light-color, #fff));
}

/* Widget : Bienvenue */
.widgetBienvenue {
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: var(--second-color) !important;
}

#mainColumn .widgetSearch .widgetContent .title {
    font-family: var(--title-font);
    color: var(--second-color);
    text-transform: uppercase;
    font-size: 1.5rem;
    padding: .7rem;
    font-weight: 900;
}

/* Widget : Product Grid */
.widgetProduct .productInformations .productBrand {
    font-weight: 700;
}
.productGallery {
    background: var(--light-color);
    padding: 1rem;
}
.productCTA {
    background: var(--light-color);
}

.widgetProductsGrid .widgetTitles .widgetTitle {
        margin-right: 10px;
        font-family: var(--title-font);
        color: var(--main-color);
        font-weight: 700;
        text-transform: uppercase;
        font-size: 20px;
}
.widgetProductsGrid .productsGrid li {
        padding-block: 1.5rem;
}
.widgetProductsGrid .productsGrid li figure,
.widgetProductsGrid .productsGrid li footer,
.widgetProductsGrid .productsGrid li .productInformations {
        padding-inline: 2rem;
}
.widgetProductsGrid .productsGrid li .productInformations {
        background-color: inherit;
}
.widgetProductsGrid .productsGrid li .productInformations .productBrand {
        color: var(--text-color);
}

/* Widget : Inspiration */
#mainColumn .widgetInspiration .widgetTitles {
        align-items: center;
}
#mainColumn .widgetInspiration .widgetTitles .widgetTitle {
        margin-right: 10px;
        font-family: var(--title-font);
        color: var(--main-color);
        font-weight: 700;
        text-transform: uppercase;
        font-size: 20px;
}
#mainColumn .widgetInspiration ul li a strong {
        color: var(--black-color);
}

/* HOME
--------------------------------------------------------------------------------------------------------------------- */
/* SLIDER */

.slider-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.slider-track {
  display: flex;
  transition: transform .45s ease;
}

.slider-wrapper .widgetCover {
  min-width: 100%;
}

/* Flèches */
.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background: rgba(0,0,0,0.45);
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20;
  transition: background .2s ease;
}
.slider-arrow:hover { background: rgba(0,0,0,0.65); }

.slider-prev { left: 12px; }
.slider-next { right: 12px; }

/* Dots */
.slider-dots {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 30;
}

.slider-dot {
  width: 12px;
  height: 12px;
  background: rgba(255,255,255,.5);
  border-radius: 50%;
  cursor: pointer;
}

.slider-dot.active {
  background: var(--main-color);
  transform: scale(1.2);
}

/* Page Spécifique :
--------------------------------------------------------------------------------------------------------------------- */
li strong, p strong {
        color: var(--main-color);
}

.buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.widgetCard {
        display: grid;
        align-items: stretch;
        background: var(--light-color);
}
.widgetCard__content {
        display: grid;
        align-content: center;
        padding: var(--spacer);
        gap: calc(var(--spacer) / 2);
        align-content: center;
}
.widgetCard__content h1 {
        margin: 0;
        text-transform: uppercase;
}
.widgetCard__content p {
        max-width: 65ch;
}

.widgetCard__content.pColumn p {
    max-width: 100% !important;
}
.widgetCard.gridColumn {
    display: flex !important;
    flex-direction: column !important;
}
.widgetCard__content ul {
        padding: 0 !important;
}
.widgetCard__content ul li {
        list-style: none !important;
    font-size: .9rem;
    /* border-bottom: 1px solid var(--main-color);
    background: #f5f5f5; */
    padding-left: 0.75rem;
        margin-bottom: .5rem;
}

.widgetCard__content .button {
        justify-self: start;
        font-weight: bold;
}
.widgetCard__image {
        margin: 0;
}
.widgetCard__image img {
    border-radius: 1rem !important;
    margin-top: 1rem;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
figure.widgetCard__image {
        display: flex;
    padding: var(--spacer);
}
@media (min-width: 992px) {
        .widgetCard {
                grid-template-columns: 1fr 1fr;
        }
        .widgetCard__image {
                order: 2;
        }
}

/* FOOTER
--------------------------------------------------------------------------------------------------------------------- */
#mainFooter {
        border: 0;
}

#mainFooter .secondRow{
        background-color: var(--second-color);
}
#mainFooter .mainRow{
        background-color: var(--footer-logo-bg);
}

.mainRow .widget .widgetContent ul li a{
        color: var(--main-color) !important;
}

#mainFooter .widgetCategories .widgetContent ul li a strong{
        color: var(--main-color) !important;
}
.pageHome .widgetInspiration,
.pageHome .widgetProductsGrid {
        padding-block: var(--spacer) !important;
}
.pageHome .widgetProductsGrid .productsGrid {
        grid-template-columns: repeat(4, 1fr);
}
.pageHome .widgetProductsGrid .productsGrid .productLink {
        display: none;
}

/*
 * Style pour le widget newContact start
 */

 #mainHeaderWidgets .widgetNewContact .button, #mainHeaderWidgets .widgetNewContact .widgetAdmin .widgetContent ul li a, #mainHeaderWidgets .widgetAdmin .widgetContent ul li .widgetNewContact a {
    border: 1px var(--second-color) solid !important;
        color: var(--second-color)  !important;
}

/*
 * Style pour le widget newContact end
 */

 /* marques de references
--------------------------------------------------------------------------------------------------*/
/* SLIDER LOGO */

.logo-slider {
  position: relative;
  width: 100%;
  padding: 1.5rem 3rem;
  background: #fff;
}

.logo-viewport {
  overflow: hidden;
  width: 100%;
}

.logo-track {
  display: flex;
  gap: 2rem;
  width: max-content;
  will-change: transform;
}

.logo-slide {
  width: 115px;
  height: 90px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-slide img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: .8;
  transition: .3s ease;
}

.logo-slide img:hover {
  filter: grayscale(0);
  opacity: 1;
}

/* Arrows */
.slider-arrow-logo {
        position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    color: var(--main-color);
    font-size: 26px;
    cursor: pointer;
    z-index: 10;
    transition: background .2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-arrow-logo:hover {
  background: var(--second-color);
}

.slider-arrow-logo.prev { left: 10px; }
.slider-arrow-logo.next { right: 10px; }

#mainFooter .mainRow .wrapper .logoWrapper figure{
box-shadow: unset;
}