/*
	Theme Name: Starter
	Theme URI: https://lucaspozzer.com/
	Description: Starter thème
	Version: 1.0.0
	Author: Lucas Pozzer
	Author URI: https://lucaspozzer.com/

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/


/*------------------------------------*\
    MAIN
\*------------------------------------*/


/* global box-sizing */

*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}


/* html element 62.5% font-size for REM use */

html {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #14394D;
}

.logged-in.admin-bar {
    position: relative;
}

main {
    background-color: #fff;
}

a:hover {
    text-decoration: none;
    color: #000000;
}


/* p {
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 32px;
    color: #000000;
}

p a:not(.main-btn) {
    color: #CB1517;
    text-decoration: underline;
} */

ul {
    margin-top: 24px;
}


/* li {
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 32px;
    color: #1D1D1D;
} */


/* clear */

.clear:before,
.clear:after {
    content: ' ';
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    zoom: 1;
}

img {
    max-width: 100%;
    vertical-align: bottom;
}

a {
    color: #444;
    text-decoration: none;
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
}

input:focus {
    outline: 0;
    border: 1px solid #04A4CC;
}

h1,
h2,
h3,
h4 {
    margin: 0;
}

p {
    /* margin: 0; */
}

.text-white,
.text-white a {
    color: #fff!important;
}

.text-black,
.text-black a {
    color: #000;
}

.text-dark,
.text-dark a {
    color: #444444;
}

.no-padding {
    padding: 0!important;
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 28px;
}

.fs-30 {
    font-size: 30px;
}

.fs-35 {
    font-size: 35px;
}

.fs-40 {
    font-size: 40px;
}

.fs-42 {
    font-size: 42px;
}

.fs-75 {
    font-size: 75px!important;
}

.fs-100 {
    font-size: 100px;
}

.op-1 {
    opacity: 0.1
}

.op-2 {
    opacity: 0.2
}

.op-3 {
    opacity: 0.3
}

.op-4 {
    opacity: 0.4
}

.op-5 {
    opacity: 0.5
}

.op-6 {
    opacity: 0.6
}

.op-7 {
    opacity: 0.7
}

.op-8 {
    opacity: 0.8
}

.op-9 {
    opacity: 0.9
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-50 {
    margin-bottom: 50px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-50 {
    margin-left: 50px;
}

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-50 {
    margin-right: 50px;
}

.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-150 {
    padding-top: 150px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-100 {
    padding-left: 100px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-25 {
    padding-right: 25px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-75 {
    padding-right: 75px;
}

.pr-100 {
    padding-right: 100px;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.w100 {
    width: 100%!important;
}

.h100 {
    height: 100%;
}

.uppercase {
    text-transform: uppercase;
}

.anim-300 {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.anim-300-effect {
    webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.grecaptcha-badge {
    visibility: hidden;
}

.flex {
    display: flex;
}

.absolute {
    position: absolute;
}

.vertical-center {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 100%;
    padding: 0;
}

.slick-track {
    margin-left: 0;
}

.slider-chiffres .slick-track {
    margin-left: auto;
}

html {
    background-color: #EEEEEE;
    padding: 0 15px;
}

* {
    font-family: 'Oswald', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 140%;
    color: #000000;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

.header {
    height: 82px;
    background: #EEEEEE;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    padding: 0 30px
}

.margin-header {
    height: 82px;
    width: 100%;
}

.left-header {
    display: flex;
    align-items: center;
}
.left-header>a {
    display: flex;
    align-items: center;
}

.left-header .menu {
    margin-left: 30px;
    display: flex;
    align-items: center;
}

/* .left-header .menu a {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    color: #000000;
    border: 2px solid #FFB4D1;
    border-radius: 11px;
    padding: 1px 7px 1px 7px;
    margin-right: 15px;
} */

.primary-btn {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    color: #000000;
    border: 2px solid #FFB4D1;
    border-radius: 100px;
    padding: 3px 10px 1px 10px;
    margin-right: 15px;
    width: fit-content;
    display: flex;
    transition: all 300ms;
    text-align: center;
}
.primary-btn:hover, .primary-btn.current {
    background-color:  #FFB4D1;
}
.primary-btn.purple {
    border: 2px solid #AE80D1;
}
.primary-btn.purple:hover, .primary-btn.purple.current {
    background-color:  #AE80D1;
}
.primary-btn.green {
    border: 2px solid #158C0D;
}
.primary-btn.green:hover, .primary-btn.green.current {
    background-color:  #158C0D;
}
.primary-btn.black {
    border: 2px solid #000000;
}
.primary-btn.blue {
    border: 2px solid #4E42FF;
}
.primary-btn.blue:hover, .primary-btn.blue.current {
    background-color:  #4E42FF;
}
.primary-btn:hover {
    color: #000000;
}

.right-header {
    display: flex;
    align-items: center;
}

.link-marketplace {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    text-transform: uppercase;
    color: #000000;
}

.burger-menu {
    margin-left: 30px;
    cursor: pointer;
}

.sidebar {
    background: #FFFFFF;
    box-shadow: -60px 0px 60px rgba(0, 0, 0, 0);
    height: 100%;
    width: 566px;
    position: fixed;
    top: 0;
    right: 0;
    padding: 80px;
    transform: translate(100%);
    transition: all 300ms;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 3;
}

.sidebar.active {
    box-shadow: -60px 0px 60px rgba(0, 0, 0, 0.25);
    transform: translate(0%);
}

.close-menu-sidebar {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}

.lang-selector {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
    color: #000000;
}

.lang-selector a {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
    color: #000000;
}

.menu-sidebar {
    margin-top: 50px;
}

.item-menu-sidebar {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 64px;
    line-height: 68px;
    color: #000000;
    letter-spacing: 1px;
    transition: all 300ms;
    cursor: pointer;
}

.item-menu-sidebar:hover, .item-menu-sidebar.active {
    color: #158C0D;
}

.sub-item-menu-sidebar {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    color: #000000;
    display: flex;
    align-items: center;
}
.sub-item-menu-sidebar:hover {
    transition: all 300ms;
    color: #158C0D;
}

.sub-item-menu-sidebar .wrap-arrow {
    display: flex;
    align-items: center;
    margin-right: 15px;
    overflow: hidden;
}

.sub-item-menu-sidebar .wrap-arrow img {
    transition: all 300ms;
    transform: translateX(-100%);
}

.sub-item-menu-sidebar:hover .wrap-arrow img {
    transform: translateX(0%);
}

.sub-menu-sidebar {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 30px;
    display: none;
}

.newsletter-sidebar {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    color: #000000;
    cursor: pointer;
}

.news-rs-sidebar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rs-sidebar {
    background-image: url('/wp-content/themes/starter/img/bg-rs.svg');
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 38px;
    width: 105px;
    padding: 0 9px 0 9px;
}
.rs-footer .rs-sidebar {
    background-image: url('/wp-content/themes/starter/img/bg-rs-footer.svg');
}

.rs-sidebar a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
}

.menu-bottom-sidebar {
    display: flex;
    margin-top: 30px;
}

.menu-bottom-sidebar .item-menu-bottom-sidebar {
    margin-right: 30px;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.menu-bottom-sidebar .item-menu-bottom-sidebar:last-of-type {
    margin-right: 0px;
}

.wpcf7 form .wpcf7-response-output {
    background: #158C0D;
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    color: #000000;
    border: 0;
    text-align: center;
    padding: 15px;
}


/*------------------------------------*\
    FOOTER
\*------------------------------------*/

.footer {
    padding-top: 30px;
    background-color: #EEEEEE;
}

.wrap-slider-footer {
    background: #158C0D;
    border-radius: 3px;
    width: 100%;
    /* height: 250px; */
    display: flex;
    align-items: center;
    padding: 40px 30px;
    flex-direction: column;
    justify-content: center;
}

.wrap-slider-footer h2 {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    color: #000000;
}

.container-slider-footer {
    width: 100%;
    margin-top: 50px;
}


.slider-footer .slick-slide{
    margin-left:  15px;
    margin-right:  15px;
}

.slider-footer .slick-list {
    margin-left: -15px;
    margin-right: -15px;
    /* pointer-events: none; */
}

.slider-footer .slick-dots {
    bottom: -50px;
}

.slider-footer .slick-slide img {
    width: 100%;
}

.imgs-footer {
    background-color: #FFFFFF;
    border-radius: 3px;
    /* height: 170px; */
    width: 100%;
    margin-top: 30px;
    padding: 40px 30px;
    /* display: flex;
    align-items: center;
    justify-content: space-between; */

}

.item-imgs-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 15px;
    /* width: 14.2%; */
}

.item-imgs-footer a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.item-imgs-footer img {
    /* width: calc(100% - 15px); */
    height: 60px;
}

.cols-footer {
    margin-top: 90px;
    padding: 0 60px;
}

.title-footer, .title-footer p {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 30px;
}

.title-footer p {
    margin-bottom: 0px;
}

.col-footer {
    display: flex;
    flex-direction: column;
}

.col-footer .primary-btn {
    margin-bottom: 20px;
}

.text-footer, .text-footer p {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.link-square {
    width: 82px;
    height: 82px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.link-square .square {
    width: 100%;
    height: 100%;
    position: absolute;
}

.link-square .text {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    position: relative;
    color: #000000;
}

.rs-footer .link-square {
    margin-right: 30px;
}

.rs-footer {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.links-footer {
    display: flex;
    flex-wrap: wrap;
}

.links-footer a {
    display: flex;
    width: 50%;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;

    color: #000000;
}

.bottom-footer {
    background-color: #FFFFFF;
    width: 100%;
    padding: 19px;
    margin-top: 90px;
    margin-bottom: 30px;
    border-radius: 3px;
}

.left-bottom-footer {
    display: flex;
    align-items: center;
}

.left-bottom-footer img {
    padding-right: 19px;
    margin-right: 19px;
    border-right: 1px solid #FFB4D1;
}

.copyright {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    color: #000000;
}

.bottom-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.right-bottom-footer a {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    color: #000000;
    display: flex;
    align-items: center;
}




/*------------------------------------*\
    BANNER HP
\*------------------------------------*/

.container-blocs {
    background-color: #EEEEEE;
}

.banner-home {
    height: 768px;
    width: 100%;
    background-size: cover!important;
    background-position: center!important;
    border-radius: 3px 3px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap-form-banner {
    position: relative;
}

.wrap-form-banner .text {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: normal;
    font-size: 64px;
    line-height: 68px;
    color: #000000;
}
.wrap-form-banner.arrow .text {
    transform: translateX(-8%);
}


/*------------------------------------*\
    Slider Home
\*------------------------------------*/
.slider-home {
    background: linear-gradient(0deg, #AE80D1, #AE80D1);
    width: 100%;
    padding: 182px 0;
}

.item-slider-event {
    display: flex!important;
    justify-content: center;
    align-items: center;
}

.wrap-content-form-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 114px 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.item-slider-event .wrap-form-banner .pagination {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 20px;
}

.item-slider-event .wrap-form-banner .title {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 34px;
    display: flex;
    align-items: center;
    color: #000000;
    max-width: 240px;
}

.item-slider-event .wrap-form-banner .desc, .item-slider-event .wrap-form-banner .desc p {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 140%;
    color: #000000;
    max-width: 330px;
}

.item-slider-event .circle {
    width: 482px;
    height: 482px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item-slider-event .circle .link-square {
    height: 195px;
    width: 195px;
}
.item-slider-event .circle .link-square .text {
    font-size: 18px;
}

.slick-dots li button:before {
    font-size: 12px;
    color: #FFFFFF!important;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
}

.slider-home .slick-dots {
    bottom: -100px;
}


/*------------------------------------*\
    Titre Texte Lien
\*------------------------------------*/

.title-text-link {
    padding: 90px 60px;
    background: #FFFFFF;
    border-radius: 0px;
}

.title-text-link h2 {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: normal;
    font-size: 96px;
    line-height: 103px;
    color: #000000;
    max-width: 300px;
}

.title-text-link .link-square {
    width: 195px;
    height: 195px;
}
.title-text-link .link-square .text {
    font-size: 18px;
    line-height: 19px;
}

.wrap-imgs-link {
    display: flex;
    flex-direction: column;
    align-items: center;
}


/*------------------------------------*\
    Big title
\*------------------------------------*/

.big-title {
    width: 100%;
    background: #FFB4D1;
    padding: 90px 0;
    display: flex;
    justify-content: center;
}

.big-title h2 {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: normal;
    font-size: 64px;
    line-height: 68px;
    color: #000000;
}

/*------------------------------------*\
    Marques
\*------------------------------------*/

.marques {
    padding: 90px 60px;
    background-color: #ffffff;
}

.marques h2 {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: normal;
    font-size: 50px;
    line-height: 53px;

    color: #000000;
}

.marques .playtime-logo {
    width: 250px;
}

.wrap-marques {
    display: flex;
    flex-direction: column;
    margin-top: 60px;
}

.wrap-marques .link-square {
    height: 195px;
    width: 195px;
}

.wrap-marques .link-square .text {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    color: #000000;
}

.wrap-marques .primary-btn {
    font-size: 18px;
    line-height: 19px;
    color: #000000;
    margin-top: 25px;
}

.item-marque {
    width: 100%;
    /* aspect-ratio: 1 / 1; */
    background-position: center!important;
    background-size: cover!important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.wrap-items-marque {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 6px;
}

.wrap-items-marque .link-square {
    width: 195px;
    height: 195px;
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    opacity: 0;
    transition: all 300ms;
}


.item-marque.active .link-square {
    opacity: 1;
}
.item-marque.hover .link-square {
    z-index: -1;
}
.item-marque.import .link-square {
    opacity: 1!important;
}

.wrap-items-marque .link-square .text {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
}

/*------------------------------------*\
    Big Image
\*------------------------------------*/

.big-img {
    padding: 90px 60px;
    background-color: #AE80D1;
    position: relative;
    display: flex;
}

.big-img .title {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 55px;
    color: #000000;
    transform: rotate(-180deg);
    /* transform-origin: top left; */
    max-height: 230px;
    writing-mode: vertical-rl;
    text-align: right;
}

.big-img .img-big {
    margin-left: 40px;
    margin-right: 60px;
    width: 54%;
    height: 54%;
    aspect-ratio: 1 / 1;
    max-width: 720px;
}

.big-img .text {
    max-width: 500px;
}

.big-img .text p {
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 140%;
    color: #000000;
}

.big-img .logo {
    height: fit-content;
    width: 85px;
}

/*------------------------------------*\
    Magazine
\*------------------------------------*/

.magazine-bloc {
    padding: 90px 60px;
    background-color: #FFFFFF;
}

.magazine-bloc h2 {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 53px;
    color: #000000;
}

.magazine-bloc .link-square {
    margin-top: 60px;
}

.link-square.big {
    height: 195px;
    width: 195px;
}

.link-square.big .text {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 19px;
    color: #000000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.link-square.big .text .cat {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #000000;
}

.magazine-bloc .col-lg-3 .link-square.big .text {
    font-family: 'PLAYTIME';
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
}

.cta .link-square.big .text {
    font-family: 'PLAYTIME';
    font-weight: 500;
    font-size: 32px;
    line-height: 35px;
}

.grid-magazine {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 6px;
}

.item-magazine {
    width: 100%;
    aspect-ratio: 453/300;
    background-position: center!important;
    background-size: cover!important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-magazine .link-square {
    margin: 0;
}

.item-magazine:first-of-type {
    grid-column: 1 / 3;
    aspect-ratio: 912/300;
}


/*------------------------------------*\
    Marcketplace
\*------------------------------------*/
.marketplace {
    padding: 90px 60px;
    background-position: center!important;
    background-size: cover!important;
}

.marketplace h2 {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 53px;
    color: #000000;
}

.marketplace .wrap-content-form-banner {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

.marketplace .wrap-content-form-banner .desc {
    max-width: 330px;
}

.marketplace .link-square {
    width: 482px;
    height: 482px;
}

.marketplace .link-square .text {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 53px;
    color: #000000;
    padding: 50px;
}

.wrap-marketplace {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*------------------------------------*\
    Banner page
\*------------------------------------*/

.banner-page {
    padding: 100px 60px;
    width: 100%;
    height: 728px;
    background-position: center!important;
    background-size: cover!important;
}

.banner-page .text, .banner-page .text p {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 34px;
    color: #000000;
}

.banner-page .logo-marque {
    width: 475px;
}

.left-banner-page {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.right-banner-page {
    display: flex;
    align-items: center;
}

.right-banner-page .link-square {
    width: 50%;
    aspect-ratio: 1/1;
    height: auto;
}
.right-banner-page .link-square .text {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 34px;
    color: #000000;
}


/*------------------------------------*\
    Menu sticky
\*------------------------------------*/

.menu-sticky {
    width: 100%;
    height: 128px;
    z-index: 2;
}

.none-fixed {
    width: 100%;
    height: 128px;
    display: none;
}

.menu-sticky.fixed {
    /* width: 100%; */
    position: fixed;
    top: 82px;
    left: 0;
    padding: 0 30px;
}

.none-fixed.fixed {
    display: block;
}

.wrap-menu-sticky {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    padding: 0 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wrap-menu-sticky .links {
    display: flex;
    align-items: center;
}

.menu-sticky .cta>.text {
    margin-right: 60px;
}

.menu-sticky .cta>.text, .menu-sticky .cta>.text p {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    text-align: right;
    color: #000000;
    margin-bottom: 0;
}

.menu-sticky .cta {
    display: flex;
    align-items: center;
}

.btn-cta {
    display: flex;
    align-items: center;
}

/*------------------------------------*\
    Infos pratiques
\*------------------------------------*/

.infos {
    padding: 90px 60px;
    background: #AE80D1;
}

.infos h2 {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 53px;
    color: #000000;
}

.infos h3 {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    display: flex;
    align-items: center;
    color: #000000;
    margin-bottom: 20px;
}

.infos h3 svg {
    margin-right: 10px;
}

.infos .desc {
    margin-bottom: 40px;
}

.infos .desc, .infos .desc p {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    color: #000000;
}

.infos .primary-btn {
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    color: #000000;
    text-align: center;
}

.infos .primary-btn.black:last-of-type {
    margin-top: 25px;
}

.wrap-btn-infos {
    display: flex;
    flex-direction: column;
}

.modal .modal-dialog {
    max-width: 680px;
}

.modal .modal-content {
    padding: 50px;
    border-radius: 0;
    display: flex;
    flex-direction: column;
}

.modal h2 {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 53px;
    color: #000000;
    margin-bottom: 42px;
}

.modal h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    margin-bottom: 30px;
}

.modal p {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 30px;
}

.modal a {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 18px;
    margin-top: 30px;
    color: #000000;
    text-decoration: underline;
}

.modal .close {
    position: absolute;
    top: 30px;
    right: 30px;
    opacity: 1;
}

/*------------------------------------*\
    Programme
\*------------------------------------*/

.programme {
    padding: 90px 60px;
    background-color: #FFFFFF;
}

.programme h2 {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 53px;
    color: #000000;
    margin-bottom: 60px;
}

.wrap-img-slider-programme {
    padding-left: 75px;
}

.item-slider-programme img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    /* border-radius: 50%; */
}

.item-slider-programme .text h3 {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    color: #000000;    
    margin-bottom: 30px;
}

.item-slider-programme .text p {
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 140%;
    color: #000000;
}

.pagination-slider-programme {
    /* margin-top: 60px; */
}

.item-pagination-slider-programme {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    color: #000000;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    transition: all 300ms;
    cursor: pointer;
}

.item-pagination-slider-programme:hover, .item-pagination-slider-programme.active {
    color: #158C0D;
}

.item-pagination-slider-programme .wrap-img {
    transition: all 300ms;
    width: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.item-pagination-slider-programme.active .wrap-img {
    width: 23px;
    margin-right: 15px;
}

/*------------------------------------*\
    Banner page 2
\*------------------------------------*/

.banner-page-2 {
    padding: 100px 60px;
    background-color: #FFFFFF;
}

.banner-page-2 h1 {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 96px;
    line-height: 103px;
    color: #000000;
}

.banner-page-2 .texte, .banner-page-2 .texte p {
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 140%;
    color: #000000;
    max-width: 330px;
}

.banner-page-2 .btn-cta {
    margin-top: 200px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.banner-page-2 .btn-cta img, .banner-page-2 .btn-cta a {
    height: 195px;
}

.banner-page-2 .btn-cta a {
    width: 195px;
}

.banner-page-2 .btn-cta a .text {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
}

/*------------------------------------*\
    Video
\*------------------------------------*/

.video-section {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-position: center!important;
    background-size: cover!important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-section>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
    cursor: pointer;
}

.video-section iframe {
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all 300ms;
}

.video-section iframe.active {
    opacity: 1;
    pointer-events: all;
}

/*------------------------------------*\
    Image
\*------------------------------------*/

.image-section {
    position: relative;
    width: 100%;
    background-position: center!important;
    background-size: cover!important;
}

.image-section img {
    position: relative;
    width: 100%;
}

/*------------------------------------*\
    CTA marques
\*------------------------------------*/

.cta-marques .marque {
    padding: 90px 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.cta-marques .marque .circle {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-position: center!important;
    background-size: cover!important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cta-marques .marque .primary-btn {
    margin: 0;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    text-align: center;
    color: #000000;
}

.cta-marques .marque .primary-btn {
    margin-bottom: 15px;
}
.cta-marques .marque .primary-btn:first-of-type {
    margin-top: 60px;
}
.cta-marques .marque .primary-btn:last-of-type {
    margin-bottom: 0px;
}

/*------------------------------------*\
    CTA
\*------------------------------------*/

section.cta {
    padding: 170px 0;
    background-position: center!important;
    background-size: cover!important;
    display: flex;
    justify-content: center;
}

section.cta .link-square {
    height: 385px;
    width: 385px;
    flex-direction: column;
}

section.cta .link-square .text {
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 36px;
    max-width: 185px;
}

section.cta .link-square .sub-title {
    margin-bottom: 30px;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    text-transform: uppercase;
    color: #000;
    position: relative;
}

/*------------------------------------*\
    Banniere univers
\*------------------------------------*/

.banniere-univers {
    padding: 90px 60px;
    background: #158C0D;
    border-radius: 3px 3px 0px 0px;
    display: flex;
    justify-content: flex-end;
}

.banniere-univers h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    padding-right: 50px;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 96px;
    line-height: 103px;
    text-align: center;
}

.banniere-univers .wrap-img {
    position: relative;
}

/*------------------------------------*\
    Texte simple
\*------------------------------------*/

.text-simple {
    background: #FFB4D1;
    padding: 210px 0;
    display: flex;
    justify-content: center;
}
.mentions-legales .text-simple, .legals .text-simple {
    background: #FFF !important;
}

.text-simple .text {
    max-width: 900px;
}

.text-simple .text, .text-simple .text p {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    color: #000000;
    text-align: center;
}

/*------------------------------------*\
    Titre texte rond fleche
\*------------------------------------*/

.title-text-circle-arrow {
    padding: 200px 0;
    background: #AE80D1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.title-text-circle-arrow .wrap-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.title-text-circle-arrow .wrap-circle .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 53px;
    text-align: center;
    color: #000000;
    max-width: 315px;
}

.title-text-circle-arrow .wrap-arrow {
    /* display: flex;
    align-items: center;
    justify-content: center; */
    position: relative;
}

.title-text-circle-arrow .wrap-arrow .text {
    padding-left: 86px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 53px;
    /* text-align: center; */
    color: #000000;
    max-width: 510px;
}

.title-text-circle-arrow .wrap-arrow .text p {
    margin: 0;
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 140%;
    color: #000000;
}

/*------------------------------------*\
    Titre texte rond
\*------------------------------------*/

.title-text-circle {
    padding: 90px 0;
    background: #158C0D;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.title-text-circle .wrap-circle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.title-text-circle .wrap-circle .title {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 53px;
    text-align: center;
    color: #000000;
    margin-bottom: 30px;
    max-width: 250px;
}

.title-text-circle .wrap-circle .text, .title-text-circle .wrap-circle .text p {
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 140%;
    color: #000000;
    text-align: center;
}

/*------------------------------------*\
    Titre texte carré
\*------------------------------------*/

.title-text-square {
    padding: 90px 0;
    background: #FFB4D1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.title-text-square .wrap-square {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.title-text-square .wrap-square .title {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 53px;
    text-align: center;
    color: #000000;
    margin-bottom: 30px;
    max-width: 250px;
}

.title-text-square .wrap-square .text, .title-text-square .wrap-square .text p {
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 140%;
    color: #000000;
    text-align: center;
}

/*------------------------------------*\
    Formaulaires
\*------------------------------------*/

.wpcf7 {
    width: 100%;
}

.wpcf7 p {
    margin-bottom: 0;
}

.wpcf7 div[class*="col-"] {
    padding-right: 4.5px;
    padding-left: 4.5px;
}

.wpcf7-not-valid-tip {
    transform: translateY(-12px);
    font-size: 18px;
    color: #e98fb3;
}

.wpcf7 .wpcf7-response-output {
    margin: 0;
}

input {
    border: 0;
    background: #EEEEEE;
    padding: 18px 15px;
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    border: 2px solid #ffffff;
    width: 100%;
    margin-bottom: 9px;
}

select, textarea {
    border: 0;
    background: #EEEEEE;
    padding: 18px 15px;
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    border: 2px solid #ffffff;
    width: 100%;
    margin-bottom: 9px;
    border-radius: 0;
}

input.active {
    padding: 25px 7px 11px;
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
}

input:focus, select:focus, textarea:focus {
    outline: 0;
    border: 0px solid #04A4CC;
    border: 2px solid #000000;
    background: rgba(255, 255, 255, 0.3);
}

input::placeholder, textarea::placeholder {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
}

input[type="submit"] {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    color: #000000;
    background-color: #FFFFFF;
    border: 2px solid #000000;
    border-radius: 18px;
    padding: 7px 12px;
    width: fit-content;
    margin-top: 25px;
}

input[type="checkbox"] {
    font-size: 18px;
    color: #000000;
    width: fit-content;
}

.wpcf7-list-item {
    margin-left: 0;
}

.wpcf7-list-item-label {
    font-size: 18px;
    color: #000000;
    width: fit-content;
}

.wpcf7-spinner {
    display: none;
}

.wrap-submit {
    display: flex;
    justify-content: flex-end;
}

.anim-js-input {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 150%;
    position: absolute;
    z-index: 10;
    left: 15px;
    top: 30%;
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
    transition: all 300ms;
}

.anim-js-input.active {
    top: 15px;
    opacity: 1;
}

/*------------------------------------*\
    Fix
\*------------------------------------*/

.link-square {
    padding: 0 30px;
}

.rs-footer .link-square {
    padding: 0;
}

/*------------------------------------*\
    Accardion
\*------------------------------------*/

.card-custom {
    margin-bottom: 30px;
}

.card-custom svg {
    margin-left: 10px;
}

.title-accordion {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
}

.card-body {
    padding: 10px 0;
    text-align: center;
}

.card-body, .card-body p {
    font-size: 18px;
    line-height: 140%;
}

.card-body h3 {
    display: none;
}

.accordion-programme h2 {
    text-align: center;
    font-size: 24px;
    line-height: 26px;
}

/*------------------------------------*\
    Fix
\*------------------------------------*/
.right-banner-page .square {
    height: auto;
}

.item-magazine {
    padding: 41px 0;
}

.big-img .logo {
	height: intrinsic;
}

/*------------------------------------*\
    Page Magazine
\*------------------------------------*/

.tri-search {
    background-color: #ffffff;
    padding: 23px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

.tri-magazine {
    display: flex;
    align-items: center;
}

.btn-tri {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    color: #000000;
    margin-right: 24px;
    cursor: pointer;
    padding: 3px 10px 1px 10px;
    border: 2px solid transparent;
    transition: all 300ms;
}

.btn-tri.active {
    border: 2px solid #FFB4D1;
    border-radius: 100px;
    width: fit-content;
    display: flex;
}

.link-square.search, .link-square.close-search {
    cursor: pointer;
}

.wrap-input-search {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 60px;
    transform: translateY(-100%);
    transition: all 300ms;
}

.wrap-input-search.active {
    transform: translateY(0%);
}

.wrap-input-search form {
    position: relative;
}

.wrap-input-search input {
    background-color: #ffffff;
    margin-bottom: 0;
}

.wrap-input-search input:focus {
    border: 0px;
}

.wrap-input-search input::placeholder, .wrap-input-search input {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 51px;
    color: #000000;
}

.grid-magazine-archive {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 6px;
    margin-top: 6px;
}

.grid-magazine-archive .item-magazine:first-of-type {
    grid-column: 1 / 3;
    aspect-ratio: 912/300;
}

/*------------------------------------*\
    Single
\*------------------------------------*/

.content-single {
    padding: 80px 0;
    background-color: #ffffff;
}

.banner-single {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 75px 0;
    background-position: center!important;
    background-size: cover!important;
}

.banner-single .link-square.big {
    height: 410px;
    width: 410px;
}

.banner-single .link-square.big .text {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    font-size: 32px;
    line-height: 34px;
    color: #000000;
}

.banner-single .link-square.big .cat {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    margin-bottom: 30px;
}

.single .text-simple {
    background-color: #ffffff;
    padding-top: 0px;
    padding-bottom: 0px;
}

.single .text-simple .text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.single .text-simple p, .single .text-simple h1, .single .text-simple h2, .single .text-simple h3, .single .text-simple h4 {
    max-width: 800px;
}

.single .text-simple .text {
    max-width: 800px;
}

.single .text-simple p {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 140%;
    color: #000000;
    text-align: left;
}

.single .text-simple h2 {
    /* margin-bottom: 80px; */
    font-family: 'PLAYTIME';
    font-weight: 500;
    font-size: 50px;
    line-height: 53px;
    text-align: center;
    max-width: 700px;
}

.single .text-simple h3 {
    /* margin-bottom: 80px; */
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 34px;
    text-align: center;
}

.single .text-simple h4 {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 140%;
    color: #000000;
    /* margin-bottom: 80px; */
}

.single h6 {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 140%;
    color: #000000;
}
.single h6 a, .single h6 span {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 140%;
}

.single .text-simple img {
    width: 100%;
    /* margin-top: 80px; */
}

.single .text-simple a, .wrap-images-single a {
    color: #AE80D1!important;
}

.text-simple strong {
    font-weight: bold!important;
}

.images-single {
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    /* margin-bottom: 120px; */
}

.wrap-images-single {
    max-width: 800px;
}

.wrap-images-single .row {
    margin-right: -3px;
    margin-left: -3px;
}

.wrap-images-single [class*="col-"] {
    padding-right: 3px;
    padding-left: 3px;
}

.wrap-images-single .text {
    /* margin-top: 20px; */
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 140%;
    text-align: center;
    color: #000000;
    padding: 0 20px;
}

.liens-article {
    display: flex;
    justify-content: center;
}

.liens-article .primary-btn .text {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    color: #000000;
}
.liens-article .primary-btn:last-of-type {
    margin-right: 0;
}

.share-single {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    color: #000000;
    padding-bottom: 120px;
}

.share-single .rs-share {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.share-single .rs-share a {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 110%;
    color: #000000;
    display: flex;
    align-items: center;
    margin-left: 30px;
}
.share-single .rs-share svg {
    margin-right: 6px;
}

.copyLink {
    cursor: pointer;
}

.copyLink .text-1, .copyLink .text-2 {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 110%;
    color: #000000;
}

.copyLink .text-2 {
    display: none;
}

.copyLink.active .text-2 {
    display: block;
}

.copyLink.active .text-1 {
    display: none;
}

.user-post {
    background: #AE80D1;
    padding: 60px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.user-post img {
    height: 86px;
    width: 86px;
    object-fit: cover;
    border-radius: 50%;
}

.text-user {
    display: flex;
    flex-direction: column;
    margin-left: 16px;
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.text-user .name {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    color: #000000;
}

.single .magazine-bloc h2 {
    max-width: 200px;
}

/*------------------------------------*\
    Partenaires
\*------------------------------------*/

.banner-partenaires {
    background: #FFB4D1;
    padding: 100px 60px;
}

.banner-partenaires h1 {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 96px;
    line-height: 103px;
    color: #000000;
}

.partenaire-item {
    padding: 90px 33px 80px 33px;
    background-color: #ffffff;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.partenaire-item .desc, .partenaire-item .desc p {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    margin-top: 40px;
}

.partenaire-item img {
    max-width: 120px;
    margin-bottom: 90px;
}

.partenaire-item a .text {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
}

.grid-partenaires {
    margin-right: -3px;
    margin-left: -3px;
    margin-top: 6px;
}

.grid-partenaires {
    margin-right: -3px;
    margin-left: -3px;
}

.grid-partenaires div[class*="col-"] {
    padding-right: 3px;
    padding-left: 3px;
    margin-bottom: 6px;
}


/*------------------------------------*\
    Bandeau
\*------------------------------------*/

.wrapper-marquee {
    max-width: 100%;
    overflow: hidden;
    background-color: #AE80D1;
}
  
.marquee {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    animation: marquee 60s linear infinite;
    padding: 10px 0;
}

.marquee p {
    font-family: 'PLAYTIME';
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    display: inline-block;
    margin-bottom: 0;
}
  
@keyframes marquee {
0% {
    transform: translate3d(-50%, 0, 0);
}
1000% {
    transform: translate3d(0, 0, 0);
}
}

.modal#startModal .modal-content {
    padding: 0;
}
.modal#startModal .modal-content img {
    width: 100%;
    object-fit: cover;
}
.modal#startModal .modal-content div[class*="col-"] {
    padding: 0;
}
.modal#startModal .modal-content .text-modale {
    padding: 30px;
}
.modal#startModal .modal-content .close {
    z-index: 2;
}

/*------------------------------------*\
    Responsive
\*------------------------------------*/

@media screen and (max-width: 1370px) {}

@media screen and (max-width: 1200px) {
    .title-text-link h2 {
        margin-bottom: 40px;
    }
    .marques div[class*="col-"] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .marques h2 {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .marques h2 img:first-of-type {
        margin-top: 30px;
    }
    .big-img {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .big-img .img-big {
        order: 1;
        width: 250px;
        height: 250px;
        margin: 0;
    }
    .big-img .title {
        order: 2;
        transform: rotate(0deg);
        max-height: 230px;
        writing-mode:initial;
        text-align: center;
        font-weight: 500;
        font-size: 24px;
        line-height: 26px;
        text-align: right;
        margin: 40px 0;
    }
    .big-img .text {
        order: 3;
        text-align: center;
    }
    .wrap-marques {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 40px;
    }
    .marketplace {
        display: flex;
        flex-direction: column;
        flex-direction: column;
        align-items: center;
    }
    .marketplace .wrap-marketplace {
        display: flex;
        flex-direction: column;
        flex-direction: column;
        align-items: center;
    }
    .marketplace .wrap-content-form-banner {
        position: relative;
        background: #AE80D1;
        border-radius: 50%;
        aspect-ratio: 1 / 1;
        height: 350px;
        width: 350px;
        text-align: center;
        margin-top: 40px;
        padding: 60px 40px;
        /* height: auto; */
        
    }
    .marketplace .wrap-marketplace .wrap-form-banner img {
        display: none;
    }
    .marketplace .link-square.big {
        height: 242px;
        width: 242px;
    }
    .marketplace .link-square.big .text {
        font-weight: 500;
        font-size: 24px;
        line-height: 26px;
    }
    .item-slider-event {
        flex-direction: column;
    }
    .item-slider-event .wrap-content-form-banner {
        padding: 60px 65px 115px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .item-slider-event .wrap-content-form-banner * {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .item-slider-event .wrap-content-form-banner .title {
        margin-bottom: 30px;
    }
    .big-img .logo {
        order: 2;
        position: absolute;
        /* top: 35px; */
        left: 35px;
    }
    .big-img .img-big {
        order: 1;
        width: 500px;
        height: 500px;
        margin-bottom: 40px;
    }
    .infos h2 {
        margin-bottom: 40px;
    }
    .wrap-btn-infos {
        margin-bottom: 40px;
    }
    .cta-marques .marque img {
        max-width: 80%;
    }
    .title-text-circle-arrow .wrap-arrow .text {
        padding: 0;
        max-width: none;
        text-align: center;
        top: 60px;
        transform: translateY(0);
        padding: 0 80px;
        font-size: 18px;
        line-height: 140%;
    }
    .title-text-circle-arrow .wrap-arrow .text h2 {
        margin-bottom: 40px;
    }
    .title-text-circle-arrow .wrap-arrow img {
        width: 500px;
    }
    .programme .card-body img {
        width: 500px;
        max-width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .banner-home {
        flex-direction: column;
        height: auto;
        padding: 80px 0;
    }
    .banner-home .wrap-form-banner {
        transform: rotate(90deg);
        aspect-ratio: 1 / 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .big-title h2 {
        font-style: normal;
        font-weight: 500;
        font-size: 36px;
        line-height: 38px;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .wrap-items-marque {
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }
    .link-square {
        opacity: 1!important;
    }
    .magazine-bloc h2 {
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 26px;
        text-align: center;
    }
    .magazine-bloc div[class*="col-"] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .grid-magazine {
        width: 100%;
        margin-top: 60px;
    }
    .link-square.big {
        width: 160px;
        height: 160px;
    }
    .item-magazine {
        padding: 25px 0;
    }
    .marques {
        padding: 60px 30px;
        background-color: #ffffff;
    }
    .title-text-link {
        padding: 60px 30px;
    }
    .container-fluid.container-blocs {
        padding: 0;
    }
    html {
        padding: 0 6px;
    }
    .cols-footer div[class*="col-"] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .title-footer {
        margin-top: 60px;
    }
    .cols-footer .col-footer:first-of-type .title-footer {
        margin-top: 0px;
    }
    .text-footer {
        text-align: center;
    }
    .rs-footer {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .rs-footer .link-square {
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .col-footer .primary-btn {
        margin-right: 0;
        text-align: center;
    }
    .links-footer {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .links-footer a {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .left-header img {
        width: 80px;
    }
    .menu .primary-btn {
        font-size: 12px;
        line-height: 13px;
    }
    .right-header .link-marketplace {
        display: none;
    }
    .right-header img {
        width: 17px;
    }
    .news-rs-sidebar {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .news-rs-sidebar .rs-sidebar {
        margin-top: 30px;
    }
    .item-menu-sidebar {
        font-size: 56px;
        line-height: 60px;
    }
    .menu-bottom-sidebar .item-menu-bottom-sidebar {
        font-size: 13px;
    }
    .menu-bottom-sidebar .newsletter-sidebar {
        font-size: 16px;
        line-height: 17px;
    }
    .title-footer {
        text-align: center;
    }
    .menu-sticky.fixed {
        padding: 0 6px;
    }
    .title-text-circle-arrow .wrap-arrow .text h2 {
        font-size: 24px;
        line-height: 26px;
    }
    .title-text-circle-arrow .wrap-arrow .text p {
        font-size: 18px;
        line-height: 140%;
    }
    .header {
        padding: 0 20px;
    }
    .burger-menu {
        margin-left: 0;
    }
    .left-header .menu {
        margin-left: 15px;
    }
    .tri-search .btn-cta>img{
        display: none;
    }
}

@media screen and (max-width: 768px) {
    * {
        font-size: 16px;
    }
    .title-text-link h2 {
        font-style: normal;
        font-weight: 500;
        font-size: 50px;
        line-height: 53px;
        text-align: center;
        max-width: 300px;
        margin-bottom: 40px;
    }
    .marques h2 {
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 26px;
        text-align: center;
    }
    .title-text-link div[class*="col-"] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .title-text-link .wrap-imgs-link>img {
        display: none;
    }
    .title-text-link .wrap-imgs-link .link-square {
        margin-top: 40px;
    }
    .wrap-items-marque {
        grid-template-columns: repeat(1, 1fr)
    }
    .grid-magazine {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 6px;
    }
    .item-magazine {
        aspect-ratio: 912/300;

    }
    .item-magazine:first-of-type {
        grid-column: 1 / 1;
    }
    .wrap-items-marque .link-square {
        width: 160px;
        height: 160px;
    }
    .item-marque {
        padding: 25px;
    }
    .marketplace .wrap-content-form-banner {
        height: 242px;
        width: 242px;
        
    }
    .banner-page {
        height: auto;
    }
    .banner-page .logo-marque {
        margin-bottom: 65px;
    }
    .banner-page .left-banner-page .text {
        margin-bottom: 65px;
    }
    .menu-sticky .cta>.text {
        display: none;
    }
    .menu-sticky .cta .btn-cta>img {
        display: none;
    }
    .menu-sticky {
        height: auto;
    }
    .wrap-menu-sticky {
        padding: 12px 14px;
    }
    .wrap-menu-sticky .links {
        display: flex;
        overflow: auto;
        position: relative;
        padding: 15px 0;
        /* height: 50px; */
        padding-right: 50px;
    }
    .wrap-menu-sticky .cta {
        position: relative;
    }
    .wrap-menu-sticky .cta::before {
        content: "";
        height: 100%;
        width: 50px;
        position: absolute;
        top: 0;
        right: 100%;
        background: linear-gradient(270deg, #FFFFFF 0%, #FFFFFF 50%,rgba(255, 255, 255, 0) 100%);
    }
    .wrap-menu-sticky .links a {
        flex: none;
    }
    .big-img {
        padding: 60px 30px;
    }
    .big-img .img-big {
        order: 1;
        width: 295px;
        height: 295px;
        margin-bottom: 40px;
    }
    .big-img .logo {
        width: 52px;
    }
    .big-img.logo .text {
        padding-left: 22%;
        max-width: none;
        font-size: 18px;
        line-height: 140%;
        text-align: left;
    }
    .big-img .text p {
        font-size: 18px;
        line-height: 140%;
    }
    .big-img .logo {
        top: 350px;
        left: 5%;
    }
    .infos, .programme {
        padding: 60px 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .infos div[class*="col-"] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .infos h2 {
        font-size: 24px;
        line-height: 26px;
        text-align: center;
        margin-bottom: 40px;
    }
    .infos h3 {
        font-size: 18px;
        line-height: 19px;
        text-align: center;
    }
    .infos h3 svg {
        display: none;
    }
    .infos p {
        text-align: center;
    }
    .wrap-btn-infos {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 40px;
    }
    .wrap-btn-infos a {
        margin: 0;
    }
    .banner-page-2 div[class*="col-"] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .banner-page-2 h1 {
        font-weight: 500;
        font-size: 50px;
        line-height: 53px;
        text-align: center;
        margin-bottom: 40px;
    }
    .banner-page-2 .texte {
        text-align: center;
    }
    .banner-page-2 .texte, .banner-page-2 .texte p {
        max-width: none;
    }
    .banner-page-2 .btn-cta {
        margin-top: 40px;
    }
    .banner-page-2 .btn-cta>img {
        display: none;
    }
    .video-section>img {
        width: 30%;
    }
    .cta-marques .marque .circle {
        max-height: 248px;
        max-width: 248px;
    }
    section.cta .link-square {
        height: 195px;
        width: 195px;
        flex-direction: column;
    }
    section.cta .link-square .text {
        font-size: 18px;
        line-height: 19px;
    }
    section.cta .link-square .sub-title {
        font-size: 15px;
        line-height: 19px;
        margin-bottom: 10px;
    }
    .banniere-univers {
        padding: 400px 20px 20px 20px;
    }
    .banniere-univers h1 {
        font-size: 63px;
        line-height: 76px;
    }
    .text-simple {
        background: #FFB4D1;;
        padding: 60px 30px;
        display: flex;
        justify-content: center;
    }
    .mentions-legales .text-simple {
        background: #FFF !important;
    }
    .text-simple .text {
        max-width: none;
    }
    .title-text-circle, .title-text-circle-arrow {
        padding: 0;
    }
    .title-text-circle .wrap-circle .title {
        font-size: 24px;
        line-height: 26px;
    }
    .title-text-circle .wrap-circle .text, .title-text-circle .wrap-circle .text p {
        font-size: 18px;
        line-height: 140%;
    }
    .title-text-square {
        padding: 0;
    }
    .title-text-square .wrap-square .title {
        font-size: 24px;
        line-height: 26px;
    }
    .title-text-square .wrap-square .text, .title-text-square .wrap-square .text p {
        font-size: 18px;
        line-height: 140%;
    }
    .banner-single {
        padding: 195px 0;
    }
    .banner-single .link-square.big .text {
        font-size: 24px;
    }
    .banner-single .link-square.big .cat {
        margin-bottom: 10px;
    }
    .single .text-simple h4 {
        font-style: normal;
        font-weight: 300;
        font-size: 24px;
        line-height: 140%;
        margin-bottom: 80px;
    }
    .single .text-simple h3 {
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 40px;
    }
    .single .text-simple p {
        font-family: 'Oswald';
        font-style: normal;
        font-weight: 300;
        font-size: 18px;
        line-height: 140%;
    }
    .single .text-simple img {
        margin-top: 60px;
    }
    .wrap-images-single .text {
        margin-top: 20px;
        font-style: normal;
        font-weight: 300;
        font-size: 15px;
        line-height: 140%;
    }
    .single .text-simple h2 {
        font-style: normal;
        font-weight: 500;
        font-size: 32px;
        line-height: 34px;
    }
    .liens-article .primary-btn .text {
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 21px;
    }
    .share-single, .rs-share {
        flex-direction: column;
        align-items: center;
    }
    .share-single .rs-share a {
        margin-left: 0px;
        margin-top: 30px;
    }
    .tri-magazine {
        display: flex;
        overflow: auto;
        position: relative;
        padding: 15px 0;
        height: 76px;
        padding-right: 50px;
    }
    .tri-search {
        padding: 23px 25px;
    }
    .tri-search .btn-cta {
        position: relative;
    }
    .tri-search .btn-cta::before {
        content: "";
        height: 100%;
        width: 50px;
        position: absolute;
        top: 0;
        right: 100%;
        background: linear-gradient(270deg, #FFFFFF 0%, #FFFFFF 50%,rgba(255, 255, 255, 0) 100%);
    }
    .btn-tri {
        flex: none;
    }
    .grid-magazine-archive {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 6px;
        margin-top: 6px;
    }
    .wrap-input-search {
        padding: 0 25px;
    }
    .wrap-input-search input::placeholder, .wrap-input-search input {
        font-size: 30px;
    }
    .banner-partenaires h1 {
        font-size: 40px;
        text-align: center;
    }
}

@media screen and (max-width: 576px) {
    .sidebar {
        width: 100%;
        padding: 60px 20px;
    }
    .copyright {
        display: none;

    }
    .right-bottom-footer {
        display: none;
    }
    .left-bottom-footer img {
        padding-right: 19px;
        margin-right: 19px;
        border-right: 0px solid #FFB4D1;
    }
    .item-slider-event .wrap-form-banner {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .item-slider-event .wrap-form-banner>img {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .item-slider-event .wrap-content-form-banner {
        padding: 60px 65px 115px;
    }
    .item-slider-event .circle {
        height: 300px;
        width: 300px;
    }
    .right-banner-page {
        flex-direction: column;
    }
    .banner-page .left-banner-page .text p {
        text-align: center;
        font-size: 24px;
        line-height: 26px;
    }
    .banner-page .link-square.big {
        height: 195px;
        width: 195px;
    }
    .banner-page .link-square.big .text {
        font-size: 18px;
        line-height: 19px;
    }
    .banner-page {
        padding: 40px 30px;
    }
    .banniere-univers h1 {
        font-size: 45px;
        line-height: 50px;
    }
}

/* Playtime Show */
.flex-playtime-show-archive {
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
	gap: 20px;
}

.flex-playtime-show-archive .doc {
    max-width: 300px;
	background-color: #FFF;
	padding: 10px;
}
.flex-playtime-show-archive .doc img {
	background-color: #EEEEEE;
	border: 1px solid #CCC;
}
.flex-playtime-show-archive .doc a {
	font-size: 20px;
}