* {
    box-sizing: border-box;
/* LBO - 28/04/2019 - evite resize des caractères décallé
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
*/
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;  
    font-smoothing: antialiased;  

}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}


@font-face {
    font-family: 'alright_sansblack';
    src: url('fonts/alright/alrightsans-black-webfont.eot');
    src: url('fonts/alright/alrightsans-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alright/alrightsans-black-webfont.woff2') format('woff2'),
         url('fonts/alright/alrightsans-black-webfont.woff') format('woff'),
         url('fonts/alright/alrightsans-black-webfont.ttf') format('truetype'),
         url('fonts/alright/alrightsans-black-webfont.svg#alright_sansblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {
    box-sizing: border-box;
    font-family: 'Open Sans', helvetica, arial, lucida, sans-serif;
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: 300;
    font-style: normal;
    background: #fff;
    color: #222222;
    text-rendering: optimizeLegibility;  
    word-wrap: normal !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
    -webkit-word-break: normal !important;
    word-break: normal !important;
}

@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  src: url("fonts/font-awesome/fa-brands-400.eot");
  src: url("fonts/font-awesome/fa-brands-400.eot?#iefix") format("embedded-opentype"),
       url("fonts/font-awesome/fa-brands-400.woff2") format("woff2"),
       url("fonts/font-awesome/fa-brands-400.woff") format("woff"),
       url("fonts/font-awesome/fa-brands-400.ttf") format("truetype"),
       url("fonts/font-awesome/fa-brands-400.svg#fontawesome") format("svg");
}



:root {
    --alright: 'alright_sansblack';
    --vert: #32c5ab;
    --gris-dark: #222222;
    --gris-light: #f3f3f3;
    --height-header: 130px;
    --leftright: 6vw;
	--header-height: 90px;
	--header-scroll-height: 60px;
}


html, body #container.lang-active-jp p,
html, body #container.lang-active-jp {
    font-family: 'Noto Sans JP', sans-serif !important;
}

html, body #container.lang-active-jp h1,
html, body #container.lang-active-jp h2,
html, body #container.lang-active-jp h3,
html, body #container.lang-active-jp h4,
html, body #container.lang-active-jp h5,
html, body #container.lang-active-jp h6,
html, body #container.lang-active-jp cta,
html, body #container.lang-active-jp .cta-light,
html, body #container.lang-active-jp .alright,
html, body #container.lang-active-jp #sidebar-subheader li.assistance,
html, body #container.lang-active-jp header.header nav ul.top-nav li a,
html, body #container.lang-active-jp p.intro-home,
html, body #container.lang-active-jp .onglet a,
html, body #container.lang-active-jp .date-actu,
html, body #container.lang-active-jp .texte-punchline {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 900 !important;
}


html, body #container.lang-active-ko p,
html, body #container.lang-active-ko {
    font-family: 'Noto Sans KR', sans-serif !important;
}

html, body #container.lang-active-ko h1,
html, body #container.lang-active-ko h2,
html, body #container.lang-active-ko h3,
html, body #container.lang-active-ko h4,
html, body #container.lang-active-ko h5,
html, body #container.lang-active-ko h6,
html, body #container.lang-active-ko cta,
html, body #container.lang-active-ko .cta-light,
html, body #container.lang-active-ko .alright,
html, body #container.lang-active-ko #sidebar-subheader li.assistance,
html, body #container.lang-active-ko header.header nav ul.top-nav li a,
html, body #container.lang-active-ko p.intro-home,
html, body #container.lang-active-ko .onglet a,
html, body #container.lang-active-ko .date-actu,
html, body #container.lang-active-ko .texte-punchline {
    font-family: 'Noto Sans KR', sans-serif !important;
    font-weight: 900 !important;
}




.bkg-blanc {
    background: #fff;
}

.bkg-gris-light {
    background: var(--gris-light);
}

.bkg-gris-dark {
    background: var(--gris-dark);
}

.bkg-gris-dark p,
.bkg-gris-dark h1,
.bkg-gris-dark h2,
.bkg-gris-dark h3,
.bkg-gris-dark h4,
.bkg-gris-dark h5,
.bkg-gris-dark a {
    color: #fff;
}

.gris-dark {
    color: var(--gris-dark);
}

p {
    word-wrap: normal !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
    -webkit-word-break: normal !important;
    word-break: normal !important;
    margin-bottom: 10px;
    font-family: 'Open Sans', helvetica, arial, lucida, sans-serif;
    margin-top: 0;
    font-style: normal;
    position: relative;
    -webkit-font-smoothing: subpixel-antialiased !important;  
}

.entry-content p {
    margin: 0;
    margin-bottom: 10px;
}

p.small {
    font-size: .8rem;
    line-height: 1.1rem;
}

.big,
p.big {
    font-size: 1.25rem;
    line-height: 1.7rem;
    margin-bottom: 15px;
}

.bkg-gris-dark .big,
.bkg-gris-dark p.big,
.bkg-gris-dark .big p {
    font-size: 1.1rem;
    line-height: 1.7rem;
}

.superbig {
    font-size: 1.7rem;
    line-height: 1.8rem;
}

.cap {
    text-transform: uppercase;
    letter-spacing: 1px;
}

ul, ol {
    margin: 0;
}

a {
    text-decoration: none;
    outline: none;
}

a,
a:hover,
a:visited,
a::after,
a:hover::after {
    outline-style: none !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none !important;
}

section a {
    text-decoration: underline !important;
}

a,
a:visited {
    
}

a img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


p a {
    font-weight: bold;
    color: var(--gris-dark);
    display: inline-block;
}

:focus {
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'alright_sansblack';
	font-style: normal;
    font-weight: normal;
    color: var(--gris-dark);
    margin: 0;
}


h1 {
    font-size: 3.5rem;
    line-height: 3.1rem;
    text-transform: uppercase;
    letter-spacing: -2px;
    color: #fff;
    text-align: left;
    margin-bottom: 35px;
}

h2 {
    font-size: 3.5rem;
    line-height: 3.6rem;
    letter-spacing: -2px;
    margin-bottom: 25px;
}


h3 {
    font-size: 2.3rem;
    line-height: 2.5rem;
    letter-spacing: -1px;
    margin-bottom: 20px;
    margin-top: 30px;
}

h4 {
    font-size: 1.4rem;
    line-height: 1.6rem;
    letter-spacing: -1px;
    margin-bottom: 12px;
    margin-top: 20px;
}

h4.filet-after {
    display: inline-block;
    margin-top: 0;
    line-height: 1.1rem;
}

h4.filet-after::after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    margin: 12px 0;
    background: var(--gris-dark);
}

h4.blanc.filet-after::after {
    background: #fff;
}

h2.blanc,
h3.blanc,
h4.blanc {
    color: #fff;
}

h5 {
    color: #6b6b6b;
    text-transform: none;
    font-size: 1.1rem;
    margin-bottom: 12px;
    margin-top: 18px;
    line-height: 1.4rem;
    letter-spacing: 0;
}



.cta {
    text-transform: uppercase;
    position: relative;
    font-size: 1.15rem;
    text-align: center;
    line-height: 1.2rem;
    margin: 20px auto;
    display: block;
    background: var(--vert);
    color: #fff;
    display: inline-block;
    text-decoration: none !important;
    padding: 25px 70px;
    font-family: var(--alright);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}


.cta.cta-gris {
    background: #929292;
}

.cta.cta-gris:hover,
.cta:hover {
    background: var(--gris-dark);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.cta.en-ligne {
    margin: 0 30px 15px;
    display: inline-block;
    width: 350px;
    padding: 25px 0;
}

.flex-item-quart .cta,
.flex-item-tiers .cta {
    display: block;
    padding: 25px 70px;
}

.cta-light {
    font-family: var(--alright);
    font-size: 1.2rem;
    margin: 20px 0;
    color: var(--gris-dark);
    text-decoration: none !important;
}

.cta-light.blanc {
    color: #fff;
}

.cta-light.center {
    margin: 20px auto;
}

.cta-light::after {
    content: '';
    display: inline-block;
    margin-left: 15px;
    height: 2px;
    width: 70px;
    background: var(--gris-dark);
    vertical-align: middle;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.cta-light.blanc::after {
    background: #fff;
}


.cta-light:hover::after {
    width: 90px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.alright {
    font-family: var(--alright);
}

#content {
    padding-top: var(--height-header);
}

body.page-template-page-plateforme #content,
body.home #content {
    padding-top: 0;
}




/*************************************************************************/
/************************* GESTION COOKIES *******************************/
/*************************************************************************/


.youtube_player {
    min-height: 400px;
    max-width: 80%;
    margin: 0 auto;
}

body.post-template-default.single .youtube_player {
    min-height: 400px;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}

.tac_activate {
    min-height: 400px;
}


/* panneau de configuration */
#tarteaucitron {
        
}

/* Petit bandeau en bas à droite */
#tarteaucitronAlertSmall {
        
}

#tarteaucitronRoot #tarteaucitronAlertBig {
    padding: 25px !important;
    width: 400px !important;
    background: rgba(76,86,92,0.9) !important;
    border: 2px solid #fff !important;
    right: 10px;
    bottom: 10px;
    max-width: 90%;
    text-align: center !important;
    
}


#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b {
    text-align: center !important;
    display: block !important;
    width: 400px !important;
    max-width: 100% !important;
}

#tarteaucitronDisclaimerAlert {
    margin-bottom: 15px;
    font-size: .85rem !important;
    padding: 0 20px;
    max-width: 70%;
    float: left;
    text-align: left;
    font-weight: 400;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitron #tarteaucitronPrivacyUrl {
    background: none !important;
    height: 28px !important;
    border-radius: 0 !important;
    line-height: 28px !important;
    padding: 0 20px !important;
    margin: 8px 0 0 !important;
    text-transform: uppercase;
    font-size: .8rem !important;
    color: var(--bleu) !important;
    font-weight: 600;
}




#tarteaucitron {
    border: 2px solid var(--rouge) !important;
    box-shadow: 0px 15px 15px rgba(0, 0, 0, .2);
    background: #fff !important;
}


#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    background: var(--gris-dark) !important;
    border: 0 !important;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
    background: #fff !important;
}

#tarteaucitron .tarteaucitronBorder {
    border: 0 !important;
}


.tarteaucitronLine #tarteaucitronInfo {
    padding: 25px !important;
}


/*************************************************************************/
/************************* STRUCTURE *************************************/
/*************************************************************************/

#content {
    margin-top: 0;
    width: 100%;
}


.wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--leftright);
}

.wrap.contenu-flexible {
    padding-top: 60px;
    padding-bottom: 60px;
}

.wrap.contenu-flexible.quinconce {
    padding-top: 0;
    padding-bottom: 0;
}

.colonne-bkg .wrap.contenu-flexible {
    padding-top: 70px;
    padding-bottom: 70px;
}

.wrap.contenu-flexible.quinconce img {
    margin: 0 auto;
}



.container800 {
    width: 850px;
    max-width: 90%;
    margin: 0 auto 40px;
}

.wrap .container800 {
    max-width: 100%;
}

.container800 p.big::after {
    content: '';
    display: block;
    margin: 50px auto 0;
    background: var(--gris-dark);
    height: 4px;
    width: 90px;
}

.container1200 {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}

.container700 {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
}

.hentry {
    background: none;
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
}

.entry-content {
    padding: 0;
}

.hentry header {
    border: 0;
    border-bottom: 0;
    padding: 0;
}

.hentry footer {
    border: 0;
    padding: 0;
}


section {
    padding: 60px 0;
    margin: 0;
    position: relative;
}

.page-template-page-plateforme section {
    padding: 0;
}


.clearboth {
    clear: both;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.center {
    text-align: center;
}

.display-table {
    display: table;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.blanc p,
p.blanc,
.blanc {
    color: #fff;
}

.bkg-cover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.widget {
    padding: 0;
    margin: 0;
}

.widgettitle {
    border: 0;
    margin-bottom: 0;
}

.padding80 {
    padding: 80px;
}

.padding60 {
    padding: 60px;
}

.padding50 {
    padding: 50px;
}

.padding40 {
    padding: 40px;
}

.padding30 {
    padding: 30px;
}

.padding20 {
    padding: 20px;
}

.padding15 {
    padding: 15px;
}

.padding10 {
    padding: 10px;
}

.cartouche {
    margin: 30px auto;
}

.container-flex {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;    
    display: flex;
    position: relative;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.container-flex-center {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;    
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}

.container-flex-nowrap {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;    
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}


.container-flex-start {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;    
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}


.container-flex img,
.container-flex-center img,
.container-flex-nowrap img,
.container-flex-start img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 20px auto;
}


.flex-item-moitie {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 48%;
}


.flex-item-quart {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 23%;
    position: relative;
}


.flex-item-trois-quart {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 70%;
    position: relative;
}



.flex-item-tiers {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 31%;
    position: relative;
}

.flex-item-deux-tiers {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 67%;
    position: relative;
}

.flex-item-auto {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
}

.flex-item-cinq {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 18%;
    position: relative;
}

.flex-item-40 {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 40%;
    position: relative;
}

.flex-item-60 {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 60%;
    position: relative;
}






/************************************************************************************************************************************/
/************************************************** SCROLL TO TOP *******************************************************************/
/************************************************************************************************************************************/

#toTop {
    display: none;
    position: fixed;
    /* LBO - 03/06/2019 - position basse - 90% au lieu de 50% */
	top: 90%;
    right: 20px;
    z-index: 8222;
}

#toTop::before {
    content: '\e5d8';
    font-family: 'Material Icons';
    width: 50px;
    height: 50px;
    display: block;
    background: rgba(203,203,203,0.3);
    font-size: 1.6rem;
    text-align: center;
    line-height: 50px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    color: var(--gris-dark);
}



#toTop:hover::before {
    background: rgba(203,203,203,1);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

/**********************************************************************************************************************************************************/
/********************************************************************** TRANSITION PAGES ******************************************************************/
/**********************************************************************************************************************************************************/

.loader-site {
    background: var(--gris-dark);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 15000;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 14999;
}

#loader {
    width: 120px;
    height: 120px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 40%;
    border: 2px solid #666666;
    border-radius: 50%;
    border-left-color: #fff;
    
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;    
}


@keyframes spin {
    from {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}

#lr-loading {
    background: url(img/loading.png) center center no-repeat;
    width: 120px;
    height: 120px;
    background-size: contain;
    position: absolute;
    left: 50%;
    margin-left: -58px;
    top: 40%;
}


#holder {
	opacity: 0;  
/* LBO - 03/06/2019
	transition: opacity 0.3s ease-in-out;
 	-moz-transition: opacity 0.3s ease-in-out;
 	-webkit-transition: opacity 0.3s ease-in-out;
*/
}

#holder.visible {
	opacity: 1;
/* LBO - 03/06/2019
	transition: opacity 0.4s ease-in-out;
 	-moz-transition: opacity 0.4s ease-in-out;
 	-webkit-transition: opacity 0.4s ease-in-out;
*/
}


/*************************************************************************/
/**************************** HEADER *************************************/
/*************************************************************************/

.top-header {
    height: 40px;
    /*border-bottom: 1px solid var(--gris-light); LBO - 03/06/2019 */
	border-bottom: 1px solid #7a7a7a;
    padding: 0 40px;
    background: var(--gris-dark);
    position: fixed;
    top: 0;
    z-index: 12;
    width: 100%;
    text-align: right;
    -webkit-transition:  all 0.3s;
    transition:  all 0.3s;
}


.top-header a {
    color: #7a7a7a;
}

#sidebar-subheader {
    height: 40px;
    display: inline-block;
}

#sidebar-subheader li {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

#sidebar-subheader li a {
    height: 40px;
    line-height: 40px;
}

#sidebar-subheader ul {
    position: relative;
}

#sidebar-subheader li:last-child {
    margin-right: 0;
}


#sidebar-subheader li a::before {
    content: '';
    display: inline-block;
    font-family: 'Material icons';
    font-size: 1.1rem;
/* LBO - 03/06/2019
    -webkit-transition:  all 0.3s;
    transition:  all 0.3s;
*/
}

#sidebar-subheader li.assistance {
/* LBO - 03/06/2019
    text-transform: uppercase;
    font-family: var(--alright);
    font-size: .65rem;
    position: relative;
    height: 40px;
    margin-top: -5px;
    top: -5px;
*/
}

#sidebar-subheader li.assistance a::before {
    content: '\e887';
}

#sidebar-subheader li.account a::before {
    content: '\e7fd';
}

#sidebar-subheader li.basket a::before {
    content: '\e8cc';
}

#sidebar-subheader li.basket {
    display: none;
}


header.header {
    position: fixed;
    top: 40px;
    background: var(--gris-dark);
    z-index: 10;
    width: 100%;
    -webkit-transition:  all 0.3s;
    transition:  all 0.3s;
}

#inner-header {
    padding: 0 40px;
    height: 90px;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
}

.logo-header {
    background: url(img/3dr-logo-blanc.png) top left no-repeat;
    width: 160px;
    height: 60px;
    position: absolute;
    background-size: contain;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    top: 15px;
    left: 40px;
}


header.header .nav {
    padding: 0;
    margin: 0 auto;
    font-size: 0;
}

header.header nav li {
    float: none;
    display: inline-block;
    position: relative;
}


header.header nav ul.top-nav li a {
    height: 90px;
    font-family: var(--alright);
    text-transform: uppercase;
    font-size: .9rem;
    font-weight: normal;
    color: #fff;
    line-height: 90px;
    padding: 0 25px;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


header.header nav ul.top-nav li.lien-shop {
    padding: 25px 0;
}

header.header nav ul.top-nav li.lien-shop a {
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: var(--gris-dark);
}


header.header nav ul.top-nav li a::after {
    content: '';
    display: block;
    width: 0px;
    height: 3px;
    background: #fff;
    margin: -25px auto 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

header.header nav ul.top-nav li.current-menu-item a::after,
header.header nav ul.top-nav li a:hover::after {
    width: 40px;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}




header.header nav ul.top-nav li.lien-shop a:hover {
    background: #7a7a7a;
    color: #fff; 
}


header.header nav ul.top-nav li.lien-shop a::after,
.menu-item-has-children a::after {
    display: none !important;
}

.menu-item-has-children > a::before {
    content: '\e5c5';
    display: block;
    position: absolute;
    z-index: 12;
    color: #fff;
    font-family: 'Material icons';
    right: 5px;
    font-size: 1.1rem;
    top: 37px;
    line-height: 1rem;
}


.menu-item-has-children > a:hover::after {
/*    color: var(--gris-dark); */
}


/************************ SOUS-MENUS *************************/

ul.sub-menu {
    visibility: visible !important; 
    border: 0 !important;
    width: 100%;
    left: 0;
    position: fixed !important;
    top: -55px; 
    height: 40px;
    box-shadow: 0px 6px 6px rgba(0, 0, 0, .2);
    background: var(--gris-dark) !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

header.header nav ul.top-nav ul.sub-menu li {
    display: inline-block;
    padding: 0;
}

header.header nav ul.top-nav ul.sub-menu li a {
    height: 40px;
    line-height: 40px;
    font-size: .75rem;
    border: 0;
    color: #fff;
    padding: 0 15px;
    width: auto;
    opacity: .7;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

header.header nav ul.top-nav ul.sub-menu li a:hover {
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

header.header nav ul.top-nav ul.sub-menu li a::after {
    display: none !important;
}
    
/************************ SCROLL *************************/

.top-header.scroll {
    top: -40px;
    -webkit-transition:  all 0.3s;
    transition:  all 0.3s;
}

.top-header.scroll #sidebar-subheader {
    margin-top: 45px;
}


.top-header.scroll #sidebar-subheader li.assistance {
    margin-top: 0;
    top: 0;
}
    
.top-header.scroll #sidebar-subheader li.assistance a::before {
    content: '\e887';
}

header.header.scroll {
    top: 0;
    border-bottom: 1px solid #fff;
    -webkit-transition:  all 0.3s;
    transition:  all 0.3s;
}


header.header.scroll #inner-header {
    height: 60px;
}

header.header.scroll .logo-header {
    background: url(img/3dr-logo-blanc-picto.png) top left no-repeat;
    background-size: contain;
    width: 50px;
    height: 40px;
    top: 10px;
}


header.header.scroll nav ul.top-nav li a {
    height: 60px;
    line-height: 60px;
}

header.header.scroll .menu-item-has-children > a::before {
    top: 20px;
}
header.header.scroll nav ul.top-nav li.lien-shop {
    padding: 0;
}

header.header.scroll nav ul.top-nav li.lien-shop a {
    height: 40px;
    line-height: 40px;
}
header.header.scroll nav ul.top-nav li a::after {
    margin: -14px auto 0;
}




/*************************************************************************/
/*************************** MENU RESPONSIVE *****************************/
/*************************************************************************/

#responsive-menu-container .menu-item-has-children > a::before {
    display: none !important;
}

#responsive-menu-container #responsive-menu li.responsive-menu-item a {
    border-bottom: 1px solid #666666 !important;
}


#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a {
    height: 40px !important;
    line-height: 40px !important;
    padding-left: 5%;
}

#responsive-menu-container #responsive-menu-title #responsive-menu-title-image {
    margin-bottom: 0 !important;
}


button#responsive-menu-button {
    height: auto !important;
    width: auto !important;
    top: 14px !important;
    right: 15px !important;
    z-index: 9999 !important
}



/*************************************************************************/
/******************************** FOOTER *********************************/
/*************************************************************************/

footer.footer {
    background: var(--gris-dark);
    color: #fff;
    font-size: .85rem;
    padding: 50px 0;
}

footer.footer a {
    color: #fff;
    opacity: .7;
    font-size: .85rem;
    -webkit-font-smoothing: subpixel-antialiased !important; 
}

footer.footer a:hover,
.menu-legal a:hover {
    opacity: 1;
    text-decoration: underline !important;
}

footer h4 {
    font-size: .85rem;
    line-height: 1rem;
    letter-spacing: 0;
    margin-bottom: 10px;
    color: #fff;
    text-transform: uppercase;
}


footer .menu-menu-reseaux-sociaux-container li {
    display: inline-block;
    margin-right: 12px;
}

footer .menu-menu-reseaux-sociaux-container li:last-child {
    margin-right: 0;
}


footer .menu-menu-reseaux-sociaux-container li a::before {
    content: '';
    display: inline-block;
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 1.2rem;
    -webkit-transition:  all 0.3s;
    transition:  all 0.3s;
}

footer .menu-menu-reseaux-sociaux-container li.instagram a::before {
    content: '\f16d';
}

footer .menu-menu-reseaux-sociaux-container li.twitter a::before {
    content: '\f099';
}

footer .menu-menu-reseaux-sociaux-container li.facebook a::before {
    content: '\f09a';
}

footer .menu-menu-reseaux-sociaux-container li.youtube a::before {
    content: '\f167';
}


.menu-legal {
    text-align: center;
    padding-bottom: 15px;
    -webkit-font-smoothing: subpixel-antialiased !important; 
}

.menu-legal li {
    float: none;
    display: inline-block;
}

.menu-legal li a {
    padding: 8px 5px;
    color: var(--gris-dark);
    font-size: .75rem;
    -webkit-font-smoothing: subpixel-antialiased !important; 
}

.menu-legal p {
    margin-bottom: 0;
}

/*
#polylang-3 {
    display: none;
    visibility: hidden;
}
*/
#polylang-3 a {
    opacity: 1;
}

#polylang-3 li {
    display: inline-block;
    margin: 0 4px 0 0;
}

#polylang-3 li img {
    margin: 0;
}


/*************************************************************************/
/*********************************** 404 *********************************/
/*************************************************************************/


body.error404 h1 {
    font-size: 7rem;
    line-height: 6rem;
    letter-spacing: -3px;
    text-align: center;
    margin: 0 auto;
    color: var(--gris-dark);
}


body.error404 #content {
    padding: 250px 0 100px;
}


/*************************************************************************/
/********************************** HOME *********************************/
/*************************************************************************/

body.home .page-header {
    height: calc(100vh - var(--height-header));
    background-size: cover;
    background-position: bottom center;
    margin-top: var(--height-header);
    position: relative;
    margin-bottom: 40px;
}

body.home h1 {
    font-size: 5.4rem;
    line-height: 4.2rem;
    letter-spacing: -2px;
    text-align: center;
    z-index: 4;
    max-width: 60%;
    margin: 0 auto;
    padding-top: 80px;
}


body.home h1.panoramix {
    font-size: 4.2rem;
    line-height: 3.3rem;
    max-width: 50%;
    padding-top: 50px;
}


body.home h1 span {
    font-size: 3.1rem;
    line-height: 2.5rem;
}

body.home header .platforms {
    width: 480px;
    max-width: 90%;
    margin: 30px auto;
}

body.home header .platforms div {
    padding: 3px 11px;
    background: rgba(255,255,255,0.6);
    width: 32%;
    font-size: 1.2rem;
    margin: 0;
    letter-spacing: 0;
}
/* LBO - 28/04/2019 - Ajout d'un a href */
body.home header .platforms div a:visited,
body.home header .platforms div a {
	color:#000 !important;
    display:block;
}

p.intro-home {
    font-size: 5.4rem;
    line-height: 4.7rem;
    letter-spacing: -3px;
    margin-bottom: 30px;
    font-family: var(--alright);
}

body.home section {
    padding: 60px 0;
}

img.anim-home {
    width: 100%;
    height: auto;
    margin: 0 auto;
}


.section-anim-home {
    overflow: hidden;
    height: 90vh;
}



body.home video {
    width: 100%; 
    height: auto; 
    margin-top: -15vh;  
}


.mob-only {
    display: none;
    width: 100%;
    height: 400px;
    background: url(videos/3drudder-poster.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


.mob-only.visible {
    display: block;
}




.citation {
    width: 100%;
    padding: 60px 0;
}

.citation .container {
    width: 900px;
    max-width: 90%;
    margin: 0 auto;
}

.citation p {
    font-size: 2.1rem;
    font-weight: bold;
    font-style: italic;
    line-height: 2.3rem;
    color: #fff;
}

.citation p:first-child::before {
    content: '';
    display: block;
    margin: 0 auto 30px;
    background: url(img/guillemet.png) top center no-repeat;
    width: 60px;
    height: 45px;
    background-size: contain;
}

.citation img {
    margin-top: 25px;
    max-width: 210px;
    height: auto;
}

.titre-carousel {
    width: 580px;
    max-width: 95%;
    padding: 30px 40px 5px;
    margin: 0 auto;
    text-align: center;
}

.titre-carousel h3 {
    margin-bottom: 0;
    margin-top: 0;
}


.titre-carousel .cta-light {
    margin: 20px auto;
    display: inline-block;
}


.owl-home::before {
    content: '';
    display: block;
    position: absolute;
    background: var(--gris-dark);
    width: 580px;
    max-width: 95%;
    height: 35px;
    top: 0;
    left: 50%;
    margin-left: -290px;
    z-index: 103;
}

.owl-home {
    height: 550px;
    width: 100%;
    position: relative;
    margin-left: 0;
    margin-bottom: 0;
}

.owl-home .image-op-single {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 550px;
    z-index: 89;
}


.owl-home .owl-dots {
    bottom: auto;
    top: 30px;
    position: absolute;
    right: var(--leftright);
}

.owl-home .owl-nav {
    bottom: 30px;
    width: 130px;
    position: absolute;
    left: auto;
    right: var(--leftright);
}

.owl-home .owl-prev,
.owl-home .owl-next {
    height: 60px;
    width: 60px;
    background: #fff !important;
}

.owl-home .owl-prev {
    margin-right: 10px;
}


.owl-home .owl-prev::before,
.owl-home .owl-next::before {
    content: '';
    position: absolute;
    font-family: 'Material icons';
    font-size: 1.7rem;
    color: var(--gris-dark);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    top: 33%;
}

.owl-home .owl-prev::before {
    content: '\e5c4';
    left: 13%;
}

.owl-home .owl-next::before {
    right: 13%;
    content: '\e5c8';
}

.owl-home .owl-prev:hover::before {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    left: 8%;
}

.owl-home .owl-next:hover::before {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    right: 8%;
}



/*************************************************************************/
/**************************** JEU SINGLE *********************************/
/*************************************************************************/

.breadcrumb {
    height: 40px;
    line-height: 40px;
    font-size: .85rem;
}

.breadcrumb a {
    font-size: .85rem;
    font-weight: bold;
    color: var(--gris-dark);
}

.breadcrumb .separ {
    margin: 0 4px
}

.breadcrumb .separ::before {
    content: '\e5cc';
    display: inline-block;
    font-size: .85rem;
    font-family: 'Material Icons';
    color: #7a7a7a;
    vertical-align: top;
}


.template-jeu .jeu-header {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 550px;
    position: relative;
}


.jeu-header .single-macaron {
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 8;
}

.jeu-header .single-macaron li {
    display: inline-block;
    width: 75px;
    height: 75px;
    display: inline-block;
    margin-right: 15px;
        
}

.single-macaron li.macaron-471,
.single-macaron li.macaron-477 {
    background: url(img/coming-soon.png) top left no-repeat;
    background-size: contain;
}

.single-macaron li.macaron-472,
.single-macaron li.macaron-482 {
    background: url(img/coming-soon-pc.png) top left no-repeat; 
    background-size: contain;
}

.single-macaron li.macaron-473,
.single-macaron li.macaron-484 {
    background: url(img/coming-soon-pcvr.png) top left no-repeat; 
    background-size: contain;
}

.single-macaron li.macaron-474,
.single-macaron li.macaron-486 {
    background: url(img/coming-soon-playstation.png) top left no-repeat; 
    background-size: contain;
}

.single-macaron li.macaron-475,
.single-macaron li.macaron-491 {
    background: url(img/coming-soon-psvr.png) top left no-repeat; 
    background-size: contain;
}




.template-jeu h1 {
    margin-bottom: 0;
    font-size: 3.1rem;
    line-height: 2.8rem;
    padding-right: 50px;
}


.template-jeu .bkg-gris-dark {
    padding: 70px 0;
}

.template-jeu .separateur {
    background: #fff;
    width: 100%;
    height: 5px;
}

.template-jeu .descriptif-jeu {
   -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 40px;
}


.template-jeu .categories-jeu {
    margin-bottom: 10px;
}

.template-jeu .categories-jeu li {
    display: inline-block;
    font-weight: bold;
    color: rgba(255,255,255,0.6);
}

.template-jeu .categories-jeu li::after {
    content: '//';
    display: inline-block;
    margin: 0 10px;
    font-weight: 300;
}
    
.template-jeu .categories-jeu li:last-child::after {
    display: none;
}

.template-jeu .zone-libre {
    margin: 60px 0;
}

.template-jeu .zone-libre img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.template-jeu #tab-plateforme img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 30px auto;
}



iframe {
    width: 100%;
    max-width: 1200px;
    height: 600px;
    margin: 30px auto;
}

.rangee-etroite iframe {
    height: 450px;
    margin: 30px auto;
}

iframe body {
    background-color: #fff !important;
}
    

.flex-item-moitie iframe {
    height: 450px;
}

.flex-item-tiers iframe {
    height: 300px;
}

.flex-item-tiers .youtube_player {
    min-height: 300px;
    max-width: 100%;
    margin: 0 auto;
}

.flex-item-tiers .tac_activate {
    min-height: 300px;
}



.owl-carousel .owl-stage-outer {
    height: 100%;
    min-height: 100%;
}

.owl-games {
    height: 460px;
    width: 100%;
    position: relative;
    margin-left: 0;
    margin-top: 70px;
    margin-bottom: 40px;
}

.owl-games .image-op-single {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 460px;
    z-index: 89;
}

.image-op-single a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.image-op-single a:hover {
    background: rgba(0,0,0,0.5);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.owl-games .owl-dots {
    bottom: auto;
    top: -40px;
    position: absolute;
    right: 0;
}

.owl-dots .owl-dot {
    display: inline-block;
    cursor: pointer;
}

.owl-dots .owl-dot span {
    width: 16px;
    height: 16px;
    margin: 5px 3px;
    background: var(--gris-dark);
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 50%;
    border: 1px solid var(--gris-dark);
}

.owl-dot.active span {
    background: #fff;
}


.owl-games .owl-nav {
    bottom: -90px;
    width: 130px;
    position: absolute;
    left: auto;
    right: 0;
}

.owl-games .owl-prev,
.owl-games .owl-next {
    height: 60px;
    width: 60px;
    background: var(--gris-dark) !important;
}

.owl-games .owl-prev {
    margin-right: 10px;
}


.owl-games .owl-prev::before,
.owl-games .owl-next::before {
    content: '';
    position: absolute;
    font-family: 'Material icons';
    font-size: 1.7rem;
    color: #fff;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    top: 33%;
}

.owl-games .owl-prev::before {
    content: '\e5c4';
    left: 13%;
}

.owl-games .owl-next::before {
    right: 13%;
    content: '\e5c8';
}

.owl-games .owl-prev:hover::before {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    left: 8%;
}

.owl-games .owl-next:hover::before {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    right: 8%;
}

.hover-jeu {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    height: 100%;
    padding: 20px 30px !important;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.image-op-single a:hover .hover-jeu {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    top: 60%;
}


.ui-widget.ui-widget-content {
    border: 0;
}

.ui-widget-content {
    background: none;
    color: var(--gris-dark);
}

.ui-widget-header

.ui-tabs,
.ui-tabs-nav {
    border: 0;
    border-radius: 0;
    padding: 0 !important
}

ul.ui-tabs-nav {
    border-radius: 0;
    background: none;
    border: 0;
    padding: 0;
}


.onglet {
    background: #fff;
    text-align: center;
    height: 50px;
    line-height: 50px;
    margin-bottom: 6px;
    display: inline-block;
    position: relative;
}

.onglet.ui-tabs-active {
    background: var(--gris-dark);
}

.onglet a {
    text-decoration: none !important;
    color: var(--gris-dark);
    font-family: var(--alright);
    font-size: 1.2rem;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.onglet.ui-tabs-active a {
    color: #fff;
}


.onglet-plateforme-tiers {
    width: 33%;
    margin-right: 0.2%;
}

.onglet-plateforme-quart {
    width: 24.5%;
    margin-right: .35%;
}

.onglet-plateforme-moitie {
    width: 49.5%;
    margin-right: .5%;
}

.onglet-plateforme-full {
    width: 100%;
    cursor: default;
/*    display: none; */
}

.onglet-plateforme-moitie:nth-of-type(2),
.onglet-plateforme-tiers:nth-of-type(3),
.onglet-plateforme-quart:nth-of-type(4) {
    margin-right: 0;
}

.contenu-tab {
    background: #fff;
    padding: 50px;
}

.contenu-tab li {
    list-style: square;
    padding-left: 15px;
    margin-left: 15px;
    margin-top: 6px;
}


.contenu-tab table {
    width: 100%;
}

.contenu-tab table tr {
    border-bottom: 1px solid #eaeaea;
}

.contenu-tab table td {
    padding: 15px 0;
}

#tab-plateforme tr td:first-of-type {
    font-weight: bold;
    width: 35%;
}




.sfsiplus_norm_row {
    margin: 0 auto;
    float: none;
    position: relative !important;
}

#sfsi_holder {
    display: none;
}



/*************************************************************************/
/**************************** PAGE STANDARD ******************************/
/*************************************************************************/

body.page-template-default section {
    padding: 0;
    margin: 0;
}




.featured-image .flex-item-40 {
    padding: 80px;
}

.featured-image .flex-item-60 {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
}

.page-contenu-header .no-featured-image {
    padding: 50px var(--leftright) 0;
}

.filet-bottom {
    margin: 30px 0 0 0;
    height: 5px;
    width: 100%;
    background: var(--gris-dark);
}

.contenu-flexible img {
    max-width: 100%;
    height: auto;
}

.contenu-flexible .container800 {
    margin-bottom: 0;
}

.wrap.contenu-flexible.colonne-background {
    padding-top: 70px;
    padding-bottom: 70px;
}

.wrap.contenu-flexible.colonne-background p,
.wrap.contenu-flexible.colonne-background h2 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.wrap.contenu-flexible.colonne-background .cta {
    margin-bottom: 0;
}



.colonne-bkg .cta:hover,
.bkg-gris-dark .cta:hover {
    background: #fff;
    color: var(--vert)
}

.colonne-bkg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.colonne-bkg.blanc h2,
.colonne-bkg.blanc h3,
.colonne-bkg.blanc h4,
.colonne-bkg.blanc p {
    color: #fff;
}


.img-parallax {
    height: 700px;
    width: 100%;
    background-attachment: fixed;
    background-position: top center;
    margin: 0;
}

.img-parallax .flex-item-moitie {
    height: 600px;
}

.texte-punchline {
    font-family: var(--alright);
    letter-spacing: -2px;
    font-size: 4.3rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    padding-left: 70px;
}

.texte-punchline::before {
    content: '';
    display: block;
    margin-left: -70px;
    margin-bottom: -60px;
    background: url(img/coin.png) top left no-repeat;
    background-size: contain;
    height: 125px;
    width: 125px;
}


.page-header-plateforme {
    height: calc(100vh - var(--height-header));
    background-size: cover;
    background-position: bottom center;
    margin-top: var(--height-header); 
    position: relative;
    background-color: var(--gris-dark);
    position: relative;
}

.page-header-plateforme::after {
    content: '\e5db';
    display: none;
    position: absolute;
    margin: 0 50%;
    bottom: 35px;
    color: #fff;
    font-family: 'Material Icons';
    font-size: 2.4rem;
    z-index: 52;
}

.page-header-plateforme h1 {
    padding-top: 60px;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.page-header-plateforme h1.bigscreen {
    padding-top: 80px;
    font-size: 5rem;
    line-height: 4.6rem;
}




/*************************************************************************/
/*************************** PAGE PORTFOLIO ******************************/
/*************************************************************************/

body.page-template-page-jeux .owl-home::before {
    display: none;
}


.drop_zone_1,
.drop_zone_2 {
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--leftright);
}

.drop_zone_1 {
    margin-bottom: 50px;
}

.media-boxes-search {
    border: 0;
    box-shadow: 0px 8px 10px rgba(0, 0, 0, .2);
    margin-bottom: 0;
    width: 100%;
    position: relative;
}

.media-boxes-search span.fa.fa-search {
    position: absolute;
    top: 15px;
    left: 10px;
    font-size: 1.2rem !important;
    color: rgba(0,0,0,0.5);
    background: none !important;
}

.media-boxes-search span.fa.fa-close {
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 1.2rem !important;
    color: rgba(0,0,0,0.5);
    background: none !important;
}


.media-boxes-search input[type=text] {
    max-width: 100% !important;
    height: 65px !important;
    line-height: 65px !important;
    width: 100% !important;
    padding-left: 60px !important;
    font-size: 1rem !important;
}


.drop_zone_2 {
    margin-bottom: 60px;
    text-align: center;
}

.media-boxes-drop-down {
    width: 220px;
    margin: 0 15px 15px;
}

.media-boxes-drop-down-header,
.media-boxes-drop-down-menu > li > a {
    text-decoration: none !important;
    font-size: .9rem !important;
    text-align: left;
}

.media-boxes-drop-down-menu > li > a:hover {
    background: var(--gris-dark) !important;
}

/* EN */
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c064001073e2 li a,
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c063d5e90c09 li a,
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c063c2f27fa6 li a,
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c0637935111a li a {
    display: none;
}

/* FR */
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c30e043cc75f li a,
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c30e28be4a72 li a,
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c30e312ee805 li a,
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c30e1dd8377c li a {
    display: none;
}

/* JA */
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c4a3a0c47969 li a, /* OK */
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c4a3c15cd295 li a, /* OK */
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c4a3cecb2331 li a, /* OK */
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c30e1dd8377c li a {
    display: none;
}

/* EN */
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c064001073e2 li a.selected,
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c063d5e90c09 li a.selected,
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c063c2f27fa6 li a.selected,
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c0637935111a li a.selected {
    display: block;
}


/* FR */
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c30e043cc75f li a.selected,
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c30e28be4a72 li a.selected,
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c30e312ee805 li a.selected,
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c30e1dd8377c li a.selected {
    display: block;
}

/* JA */
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c4a3a0c47969 li a.selected, /* OK */
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c4a3c15cd295 li a.selected, /* OK */
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c4a3cecb2331 li a.selected, /* OK */
.media-boxes-drop-down:first-of-type ul.media-boxes-filters-5c30e1dd8377c li a.selected {
    display: block;
}


.media-boxes-load-more-button {
    margin-top: 40px !important;
}

.media-box-content {
    position: absolute !important;
    top: 7px;
    right: 7px;
    left: auto;
    z-index: 12;
    background: none !important;
}

.etiq-plateforme {
    background: #fff;
    padding: 3px 10px;
    color: var(--gris-dark);
    text-transform: uppercase;
    font-family: var(--alright);
    font-size: .7rem;
    display: inline-block;
    margin-left: 3px;
}

.mb_global_skin.text-2 {
    color: #fff !important;
    font-size: 1.2rem !important;
    font-family: var(--alright) !important;
}

/********* TEXTES SPECIFIQUES PAR PLATEFORME *********/

.jeux-texte-pc,
.jeux-texte-pc-vr,
.jeux-texte-xbox,
.jeux-texte-playstation {
    width: 800px;
    padding: 30px 40px;
    position: absolute;
    top: 250px;
    max-width: 98%;
    left: 50%;
    margin-left: -400px;
    z-index: 24;
    font-family: var(--alright);
    background: var(--gris-dark);
    color: #fff;
}

.jeux-texte-pc.none,
.jeux-texte-pc-vr.none,
.jeux-texte-xbox.none,
.jeux-texte-playstation.none {
    display: none;
}

.jeux-texte-pc.block,
.jeux-texte-pc-vr.block,
.jeux-texte-xbox.block,
.jeux-texte-playstation.block {
    display: block;
}


/********* MACARONS COMING SOON *********/


.page-template-page-jeux .category_jeu_cat_dispo-471 .media-box-image::after,
.page-template-page-jeux .category_jeu_cat_dispo-472 .media-box-image::after,
.page-template-page-jeux .category_jeu_cat_dispo-473 .media-box-image::after,
.page-template-page-jeux .category_jeu_cat_dispo-474 .media-box-image::after,
.page-template-page-jeux .category_jeu_cat_dispo-475 .media-box-image::after,
.page-template-page-jeux .category_jeu_cat_dispo-477 .media-box-image::after,
.page-template-page-jeux .category_jeu_cat_dispo-482 .media-box-image::after,
.page-template-page-jeux .category_jeu_cat_dispo-484 .media-box-image::after,
.page-template-page-jeux .category_jeu_cat_dispo-486 .media-box-image::after,
.page-template-page-jeux .category_jeu_cat_dispo-491 .media-box-image::after {
    content: 'Coming soon';
    display: block;
    position: absolute;
    z-index: 48;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: #ff8C00;
    line-height: 60px;
    font-size: 1.3rem;
    font-weight: bold;
    vertical-align: middle;
    padding-left: 15px;
    color: #fff;
}

.macaron-soon,
.macaron-soon-pc,
.macaron-soon-pcvr,
.macaron-soon-play,
.macaron-soon-psvr {
    width: 54px;
    height: 54px;
    display: inline-block;
    z-index: 50;
    position: relative;
    top: -63px;
    margin-left: 165px;
}

/*
.macaron-soon {
    background: url(img/coming-soon.png) top left no-repeat;
    background-size: contain;
}
*/

.macaron-soon-pc {
    background: url(img/coming-soon-pc-new.png) top left no-repeat; 
    background-size: contain;
}

.macaron-soon-pcvr {
    background: url(img/coming-soon-pcvr-new.png) top left no-repeat; 
    background-size: contain;
}

.macaron-soon-play {
    background: url(img/coming-soon-playstation-new.png) top left no-repeat; 
    background-size: contain;
}

.macaron-soon-psvr {
    background: url(img/coming-soon-psvr-new.png) top left no-repeat; 
    background-size: contain;
}


/*************************************************************************/
/****************************** BLOG SINGLE ******************************/
/*************************************************************************/


.single-header {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 500px;
}

.social-top-single h4 {
    float: right;
    margin-right: 20px;
    margin-top: 15px;
}


a.share-icone {
    text-decoration: none !important;
    margin-right: 15px;
}

a.share-icone::before {
    content: '';
    display: inline-block;
    font-size: 1.8rem;
    font-family: 'fontAwesome';
    color: var(--gris-dark);
}

a.share-icone:hover::before {
/*    color: var(--bleu); */
}

a.share-icone.share-twitter::before {
    content: '\f081';
}

a.share-icone.share-facebook::before {
    content: '\f082';
}

a.share-icone.share-linkedin::before {
    content: '\f08c';
}

a.share-icone.share-google::before {
    content: '\f0d4';
}

.social-top-single a.share-icone:last-child {
    margin-right: 0;
}


.social-top-single .container-share-top {
/*    float: right; */
    text-align: right;
}

.article-header {
    margin: 30px 0;
}

.date-actu {
    font-family: var(--alright);
    font-size: .9rem;
    margin-bottom: 15px
}

.single-post iframe {
    height: 480px;
}

.single-post .entry-content a {
    color: #222222 !important;
}

.contenu-post img {
    margin: 30px 0;
}

.article-der {
    margin-top: 40px;
    margin-bottom: 80px;
}

body.paged .article-der {
    display: none;
}


.article-der .flex-item-40,
.article-der .flex-item-60 {
    position: relative;
}

.article-der .flex-item-60 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--gris-dark);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.article-der .flex-item-40 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.article-der .flex-item-60 a:hover {
    opacity: .6;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.article-der .flex-item-40 a:hover {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


.article-der .date-actu {
    font-size: 1.2rem;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 3px solid #fff;
}

.actus-suivante {
    margin-top: 50px;
}

.actus-suivante .flex-item-tiers {
    position: relative;
    margin-bottom: 60px;
}

.actus-suivante .image-actu {
    height: 280px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}

.actus-suivante h3 a {
    color: var(--gris-dark);
}


.actus-suivante .image-actu.inthenews {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #eaeaea;
}



.actus-suivante .flex-item-tiers .image-actu a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--gris-dark);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.actus-suivante .flex-item-tiers .image-actu a:hover {
    opacity: .6;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
    

.actus-suivante .date-actu {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 3px solid var(--gris-dark);
    color: #909090;
}

.actus-suivante a {
    margin-top: 0;
    text-decoration: none !important;
}


.sfsi_plus_wicons img {
    margin: 0;
}

a.sficn {
    opacity: 1 !important;
}

a.sficn:hover {
    opacity: .6 !important;
}


.pagination {
    margin: 0 auto 30px;
}

.pagination ul {
    border-radius: 0;
    background: none;
}

.pagination .current {
    color: #fff;
}

.page-numbers li {
    width: 40px;
    height: 40px;
    border: 0;
    margin-right: 6px;
    font-family: var(--alright);
    background: var(--gris-light);
    font-weight: normal;
    float: none;
    display: inline-block;
}

span.current {
    background: var(--gris-dark);
}

.page-numbers li a {
    color: var(--gris-dark);
    font-weight: normal;
}

.page-numbers li a:hover {
    background: var(--gris-dark);
}





/*************************************************************************/
/********************************** PRESS ROOM ***************************/
/*************************************************************************/

.vignette-press-room {
    height: 250px;
    width: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 30px;
    border: 1px solid #eaeaea;
}

 .module-press-room {
     margin-bottom: 20px;
 }

.module-press-room h4 {
    min-height: 80px;
}


.item-pressroom {
    position: relative;
    background: #fff;
    height: 250px;
    margin-bottom: 25px;
}

.item-pressroom a {
    text-decoration: none !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 25px;
    color: var(--gris-dark);
}


.item-pressroom a:hover {
    background: var(--gris-dark);
    color: #fff;
}

.item-pressroom a:hover h4 {
    color: #fff;
}


/*************************************************************************/
/****************************** STORE LOCATORS ***************************/
/*************************************************************************/

.wpsl-store-location,
.wpsl-store-location p {
    text-align: left
}

.wpsl-direction-wrap a {
    color: var(--vert);
    font-weight: bold;
    text-decoration: none !important;
    font-size: .85rem;
}

.wpsl-direction-wrap a::after {
    content: '\e89e';
    display: inline-block;
    margin-left: 5px;
    font-family: 'Material Icons';
    font-size: .9rem;
    vertical-align: middle;
}

.wpsl-store-hours {
    display: none;
}

#wpsl-search-input {
    padding: 0 6px;
    background: #fff;
    border: 0;
}

.wpsl-dropdown {
    width: 120px;
}






/* LBO - 03/06/2019 - message business dans surheader */
.top-header {
	text-align: center;
	opacity:0.8;
}
header.header.no-top-header {
	top:0;
}
.top-header .sur-header-message {
	color: #7a7a7a; height: 40px; line-height: 40px; font-weight:700; font-size:0.9rem;
}
.top-header .sur-header-message a {font-weight:300;}
@media only screen and (max-width: 1024px) {
	.top-header .sur-header-message {display: none;}  /* n affiche pas le message sur petits écrans */
}
/* Passe les icones account et assistance dans le header */
.header #sidebar-subheader {
	position: absolute;
	right: 40px;
	top: 0;
}
.header #sidebar-subheader li a {
	height: var(--header-height);
	line-height: var(--header-height);
	color: #7a7a7a;
}
.top-header a:hover, #sidebar-subheader li a:hover {color: #fff;}

/* header en scrollant */
.scroll.header #sidebar-subheader li a {
	height: var(--header-scroll-height);
	line-height: var(--header-scroll-height);
}
@media only screen and (max-width: 1024px) {
	.header #sidebar-subheader {
		margin-right: 20px;
	}
	.header #sidebar-subheader li {
		top: -5px;
	}
	.header #sidebar-subheader li.assistance {
		height: var(--header-scroll-height);
	}
	.header #sidebar-subheader li a {
		height: var(--header-scroll-height);
		line-height: var(--header-scroll-height);
	}
}