@font-face{font-display:swap;font-family:'Dosis';font-style:normal;font-weight:200;src:url('../fonts/dosis-v32-latin-200.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Dosis';font-style:normal;font-weight:300;src:url('../fonts/dosis-v32-latin-300.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Dosis';font-style:normal;font-weight:400;src:url('../fonts/dosis-v32-latin-regular.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Dosis';font-style:normal;font-weight:500;src:url('../fonts/dosis-v32-latin-500.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Dosis';font-style:normal;font-weight:600;src:url('../fonts/dosis-v32-latin-600.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Dosis';font-style:normal;font-weight:700;src:url('../fonts/dosis-v32-latin-700.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Dosis';font-style:normal;font-weight:800;src:url('../fonts/dosis-v32-latin-800.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:300;src:url('../fonts/open-sans-v40-latin-300.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:300;src:url('../fonts/open-sans-v40-latin-300italic.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:url('../fonts/open-sans-v40-latin-regular.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:400;src:url('../fonts/open-sans-v40-latin-italic.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:500;src:url('../fonts/open-sans-v40-latin-500.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:500;src:url('../fonts/open-sans-v40-latin-500italic.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:600;src:url('../fonts/open-sans-v40-latin-600.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:600;src:url('../fonts/open-sans-v40-latin-600italic.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:url('../fonts/open-sans-v40-latin-700.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:700;src:url('../fonts/open-sans-v40-latin-700italic.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:800;src:url('../fonts/open-sans-v40-latin-800.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:800;src:url('../fonts/open-sans-v40-latin-800italic.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Teko';font-style:normal;font-weight:300;src:url('../fonts/teko-v20-latin-300.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Teko';font-style:normal;font-weight:400;src:url('../fonts/teko-v20-latin-regular.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Teko';font-style:normal;font-weight:500;src:url('../fonts/teko-v20-latin-500.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Teko';font-style:normal;font-weight:600;src:url('../fonts/teko-v20-latin-600.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Teko';font-style:normal;font-weight:700;src:url('../fonts/teko-v20-latin-700.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Sigmar';font-style:normal;font-weight:400;src:url('../fonts/sigmar-v7-latin-regular.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Sigmar One';font-style:normal;font-weight:400;src:url('../fonts/sigmar-one-v18-latin-regular.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:200;src:url('../fonts/raleway-v34-latin-200.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:200;src:url('../fonts/raleway-v34-latin-200italic.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:300;src:url('../fonts/raleway-v34-latin-300.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:300;src:url('../fonts/raleway-v34-latin-300italic.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:400;src:url('../fonts/raleway-v34-latin-regular.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:400;src:url('../fonts/raleway-v34-latin-italic.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:500;src:url('../fonts/raleway-v34-latin-500.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:500;src:url('../fonts/raleway-v34-latin-500italic.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:600;src:url('../fonts/raleway-v34-latin-600.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:600;src:url('../fonts/raleway-v34-latin-600italic.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:700;src:url('../fonts/raleway-v34-latin-700.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:700;src:url('../fonts/raleway-v34-latin-700italic.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:800;src:url('../fonts/raleway-v34-latin-800.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:800;src:url('../fonts/raleway-v34-latin-800italic.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:900;src:url('../fonts/raleway-v34-latin-900.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:900;src:url('../fonts/raleway-v34-latin-900italic.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Chakra Petch';font-style:normal;font-weight:300;src:url('../fonts/chakra-petch-v11-latin-300.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Chakra Petch';font-style:italic;font-weight:300;src:url('../fonts/chakra-petch-v11-latin-300italic.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Chakra Petch';font-style:normal;font-weight:400;src:url('../fonts/chakra-petch-v11-latin-regular.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Chakra Petch';font-style:italic;font-weight:400;src:url('../fonts/chakra-petch-v11-latin-italic.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Chakra Petch';font-style:normal;font-weight:500;src:url('../fonts/chakra-petch-v11-latin-500.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Chakra Petch';font-style:italic;font-weight:500;src:url('../fonts/chakra-petch-v11-latin-500italic.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Chakra Petch';font-style:normal;font-weight:600;src:url('../fonts/chakra-petch-v11-latin-600.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Chakra Petch';font-style:italic;font-weight:600;src:url('../fonts/chakra-petch-v11-latin-600italic.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Chakra Petch';font-style:normal;font-weight:700;src:url('../fonts/chakra-petch-v11-latin-700.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Chakra Petch';font-style:italic;font-weight:700;src:url('../fonts/chakra-petch-v11-latin-700italic.woff2') format('woff2')}

body{background-color:#000;}


#header #_desktop_logo{padding:0;width:50px} 
#header .header-top{padding-bottom:0.5rem;padding-top:0.6rem}
#header .header-top > .container > .row:first-of-type{margin:2rem 0}
#header .header-top .menu{margin-bottom:0;padding:0}
#header .header-top a[data-depth="0"]{font-family:"Raleway",sans-serif;color:#000;font-size:1.2rem;line-height:1.2rem;font-weight:400;letter-spacing:0rem;text-transform:none;}
#header .top-menu a[data-depth="0"]:hover,#header .top-menu a[data-depth="0"]:focus{color:#61B4E4}
#header .header-top a[data-depth="1"]{font-family:"Raleway",sans-serif;font-size:1.1rem;font-weight:500;}
#search_widget form input{padding:3px 3px 3px 35px}
.header-top #search_widget input{padding-right:3px;}
.header-top  #search_widget form i{padding-top:0.37rem}
#top-menu.top-menu{position:relative;top:0.3rem}
.top-menu a[data-depth="0"]{padding:.1875rem 1.3rem .2rem;} 
@media (min-width: 786px) {
    #header.header_omg_im_scrolled .header-top {padding-top:0.5rem;}
}

 
  @keyframes rainbow { 
      0%{background-position:0% 0%}
      50%{background-position:50% 0%}
      100%{background-position:100% 0%}
  }
#rgb_rainbow{width:100%;height:0.2rem;position:relative;top:0.65rem}
#rgb_rainbow > div{height: 100%;width: 100%;left:0;right: 0;top: 0;bottom: 0;position: absolute;background: linear-gradient(49deg, #003A5D, #61B4E4, #003A5D, #61B4E4, #003A5D, #61B4E4);background-size: 500% 500%;animation: rainbow 5s linear infinite;}


.btn-primary {background-color:#61B4E4;}
.btn-primary.focus,.btn-primary:focus,.btn-primary:hover{background-color:#dbae00;}
.tabs .nav-tabs .nav-link.active {color: #61B4E4;}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {border-bottom-color:#61B4E4}
.product-price {color:#61B4E4;}

#footer{background-color:#111}
#footer .block_newsletter{background-color:transparent}
#footer .block_newsletter #block-newsletter-label{color:#FFF;margin:0}
.footer-container .h3, .footer-container .h4 {color:#FFF}
.footer-container .block-contact, .footer-container li a{color:#FFF;}
.footer-container #block_myaccount_infos .myaccount-title a{color:#FFF;}

.footer-container a {color:#61B4E4}
.footer-container a:hover,.footer-container a:focus {color:#61B4E4}

/* MEILLEURES */
.h2.products-section-title{font-weight:300;font-family:'Raleway',sans-serif;letter-spacing:0.05rem;text-transform:uppercase;}
.h2.products-section-title > span{font-weight:700;font-family:inherit;}
.featured-products .thumbnail-container{width:100%}


figcaption.image-caption{display:none;}

.product-miniature .thumbnail-container{width:100%}

#header .header-nav{background-color:#61B4E4;color:#FFF}
#header .header-nav a{color:#FFF}
#header .header-nav .blockcart{background-color:#111;}
#header .header-nav .cart-preview .shopping-cart{color:#FFF}


#carrousel_marques{padding:4rem 0;text-align:center;}
#carrousel_marques .swiper{width:100%;max-width:800px;display:inline-block;}
#carrousel_marques .swiper img{width:100%}

.product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name{flex:auto}
.product-features > dl.data-sheet dt.name{width:28%;margin-left:0;margin-right:2%;}
.product-features > dl.data-sheet dd.value{width:70%;margin-left:0;margin-right:0;}


#custom-text{padding-left:50%;background:url("composants.webp") 2rem center no-repeat #FFF;background-size:45%;position:relative}
#custom-text::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);}
#custom-text > *{position:relative;z-index:3}
#custom-text #accueil_bouton{margin-top:1rem}
#custom-text #accueil_bouton a{padding:0.75rem;font-size:1rem;line-height:1rem;color:#FFF;background-color:#61B4E4;font-weight:500;border:1px solid #61B4E4;text-transform:uppercase;font-family:'Open Sans',sans-serif;display:inline-block;}
#custom-text #accueil_bouton a:hover,#custom-text #accueil_bouton a:focus{background-color:#FFF;color:#61B4E4}




/* CATEGORIE */
.block-category:not(.card.card-block) .block-category-inner img{width:100%;vertical-align:middle;border:0 solid #003A5D}  
h1.h1.category{margin:2rem 0 0.5rem;font-size:1.5rem;font-weight:300;font-family:'Raleway',sans-serif;letter-spacing:0.05rem;text-transform:uppercase;text-align:center;}
h1.h1.category > span{font-weight:700;font-family:inherit;}

.product-miniature .product-title a{margin-top:0.5rem;font-size:2rem;line-height:2rem;color:#000;font-weight:500;font-family:'Teko',sans-serif;display:inline-block;}
.product-miniature .thumbnail-container{border-radius:20px;border:1px solid #61B4E4}


.product-infos-hugo{padding:1rem}
.product-infos-hugo .product-infos-hugo-feature{font-size:1rem;line-height:1.7rem;color:#000;font-weight:300;font-family:'Open Sans',sans-serif;}
.product-infos-hugo .product-infos-hugo-feature .icon{margin-right:0.25rem;display:inline-block;}
.product-infos-hugo .product-infos-hugo-feature img{width:25px;vertical-align:middle;}
.product-infos-hugo .product-infos-hugo-feature + .product-infos-hugo-feature{border-top:0px solid rgba(0,0,0,0.5);}

.product-price-and-shipping .price{padding-bottom:0.25rem;font-size:1.25rem;line-height:1.25rem;color:#61B4E4;letter-spacing:0.1rem;font-weight:700;font-family:'Chakra Petch',sans-serif;}

.product-flags{margin-top:0.75rem}
.product-miniature .product-flags li.product-flag{font-weight:300;border-radius: 0 10px 10px 0}
.product-flags li.product-flag.product-flag-bestsell{background-color:#009fff}
.product-flags li.product-flag.product-flag-nvidia{background-color:#76b900;color:#FFF}
.product-flags li.product-flag.product-flag-amd{background-color:#ed1c24;color:#FFF}


/* PRODUCT PAGE */
.product-information .product-description-feature{padding:0.5rem;padding-bottom:0;background-color:#FFF;display:inline-block;} 
.product-information .product-description-feature > div{column-count:2;column-gap:0.5rem;}
.product-information .product-description-feature .item{margin-bottom:0.5rem;padding:0.5rem;background-color:rgba(0, 162, 255, 0.11);}
.product-information .product-description-feature .item .titre{font-size:0.75rem;line-height:0.8rem;font-weight:900;color:#000;text-transform:uppercase;font-family:'Open Sans',sans-serif;}
.product-information .product-description-feature .item .valeur{margin-top:0.35rem;font-size:0.9rem;line-height:0.9rem;font-weight:400;color:#000;font-family:'Open Sans',sans-serif;}



/* ESPORT PAGE */
body.cms-id-7 > main > #wrapper .container{width:100%;max-width:1800px;}
body.cms-id-7 #wrapper .container #content{background-color:transparent;}
#custom-page-esport h1{margin:0;margin-bottom:6rem;font-size:2rem;text-align:center;}
#custom-page-esport .bandeau{display:flex;flex-wrap:wrap;align-items:center;}
#custom-page-esport .bandeau + .bandeau{margin-top:6rem}
#custom-page-esport .bandeau .bloc{width:50%}
#custom-page-esport .bandeau .bloc.gauche.texte{padding-right:8rem;}
#custom-page-esport .bandeau .bloc.droite.texte{padding-left:8rem;}
#custom-page-esport .bandeau .bloc img{border-radius:1.5rem;vertical-align:middle;}


/* FORM PC CUSTOM PAGE */
/*
body#module-pccustomform-form > main > #wrapper .container{width:100%;max-width:1800px;}
*/
body#module-pccustomform-form #wrapper .container #content{padding:0;background-color:transparent;}
body#module-pccustomform-form #wrapper .container #content h1{margin-bottom:2rem;}

body#module-pccustomform-form #wrapper .container .description{text-align:center;}
body#module-pccustomform-form #wrapper .container .description > div{width:100%;max-width:800px;display:inline-block;text-align:left;}
body#module-pccustomform-form #wrapper .container #content p{font-size:1.2rem;line-height:1.7rem;font-weight:300;color:#000;font-family:'Raleway',sans-serif;text-align:justify;}

body#module-pccustomform-form #wrapper .container #content .formulaire{margin-top:2rem;font-family:'Outfit',sans-serif;}
body#module-pccustomform-form #wrapper .container #content .formulaire .error-formulaire{margin-bottom:2rem;}
body#module-pccustomform-form #wrapper .container #content .formulaire .error-formulaire p{font-weight:400;color:#ed1c24}

body#module-pccustomform-form #wrapper .container #content form{padding:2rem;border:1px solid #CCC;border-radius:1.5rem;background-color:#FFF;}
body#module-pccustomform-form #wrapper .container #content form label{width:100%;text-align:left;}
body#module-pccustomform-form #wrapper .container #content form input{height:2.5rem;padding:0 1.25rem;border:1px solid #333;border-radius:2px;margin:0;}
body#module-pccustomform-form #wrapper .container #content form textarea{padding:1rem;border:1px solid #333;border-radius:2px;max-width:100%;width:100%;height:7rem;min-height:6rem;}
body#module-pccustomform-form #wrapper .container #content form .column{column-count:2;column-gap:2rem;}
body#module-pccustomform-form #wrapper .container #content form .column .bloc{margin-bottom:0;width:100%;display:inline-block;}
body#module-pccustomform-form #wrapper .container #content form .column .bloc input{width:clamp(120px, 100%, 100%);height:2.5rem;padding:0 1.25rem;border:1px solid #333;border-radius:2px;margin:0.625rem auto;transition:all 250ms;}
body#module-pccustomform-form #wrapper .container #content form .column .bloc input:focus{outline:none;border-top-color:rgba(0,0,0,0);}
body#module-pccustomform-form #wrapper .container #content form .column .bloc input:focus + label,
body#module-pccustomform-form #wrapper .container #content form .column .bloc input:not(:placeholder-shown) + label {transform:translateY(-4.50rem) scale(1);color:#333;}
body#module-pccustomform-form #wrapper .container #content form .column .bloc input::placeholder{display: none;color: transparent;user-select: none;}
body#module-pccustomform-form #wrapper .container #content form .column .bloc input:not(:placeholder-shown) {border-top-color:rgba(0, 0, 0, 0.5);}  
body#module-pccustomform-form #wrapper .container #content form .column .bloc input + label{font-size:1rem;color:#888;display:block;width:auto;transform: translate(1.25rem,-2.5rem);display:inline-block;transform-origin: 0 0;transition: all 500ms;user-select: none;pointer-events: none;}
body#module-pccustomform-form #wrapper .container .formulaire .captcha{margin-bottom:1rem;padding:1rem;background-color:#DDD;display:inline-block;}
body#module-pccustomform-form #wrapper .container .formulaire .captcha img{margin-right:0.75rem;vertical-align:middle;}