@font-face {
    font-family: 'Lato Bold';
    src: url('../lato/Lato-Bold.ttf');
}

.link-revend {
    /* height: 100%; */
    /* width: 100%; */
}

.revend-title {
    font-size: 23px;
    text-align: center;
    color: #1C401E;
}

.row-revendeur {
    width: 100%;
}

.logo-revend {
    text-align: center;
    display: inline-block;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.par-desc-prod>h3{
color: #1C401E;
}

.row-title-revend {
    padding-top: 1rem;
}

.img-logo-revend {
    height: 55px;
}

.container-revendeur {
    height: 10%;
    transform: translateY(-25%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-revend {
    height: 130px;
    padding: 0% 0%;
    border-radius: 34px;
    background-color: rgba(250, 259, 196, 0.6);
    width: 60%;
}

body {
    margin: 0;
    padding: 0;
    /* overflow: hidden; */
}

body,
html {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.body-index {
    overflow: hidden !important;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "ccsignlanguage";
    color: #FAF9CA;
}

#intro {
    height: 100%;
    width: 100%;
    padding: 0;
}

.img_intro {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#child_intro {
    padding: 0;
    position: relative;
    height: 100%;
}

.back {
    padding: 0;
    position: relative;
}

.enter {
    position: absolute;
    bottom: 7%;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.nav-menu {
    position: absolute;
    bottom: 11%;
    right: 18%;
    width: 30%;
}

.nav-menu>ul {
    margin: 0;
}

.nav-menu>ul>li {
    text-align: center;
    height: 100px;
    width: 100%;
    list-style-type: none;
    transform: rotateZ( -8deg);
    /* top: 50%; */
    /* position: relative; */
}

.nav-menu>ul>li>a {
    text-decoration: none;
    font-size: 27px;
    color: #F9F8E4;
    font-family: "ccsignlanguage";
    /* height: 100%; */
}

#nav {
    height: 100%;
    width: 100%;
    padding: 0;
}

.enter img {
    height: 170px;
}

#nav img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.animation {
    -webkit-animation-name: cssAnimation;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    animation-name: cssAnimation;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

.animationlogo {
    -webkit-animation-name: cssAnimationLogo;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    animation-name: cssAnimationLogo;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

@-webkit-keyframes cssAnimation {
    from {
        -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    }
    to {
        -webkit-transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px);
    }
}

@-webkit-keyframes cssAnimationLogo {
    from {
        -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    }
    to {
        -webkit-transform: rotate(0deg) scale(1.3) skew(0deg) translate(0px);
    }
}

.container-fluid {
    padding: 0 !important;
    margin: 0;
    position: relative;
    overflow: hidden;
    /* top: 0; */
}

.img>img {
    height: 100%;
    width: 100%;
    object-fit: inherit;
}

.menu {
    position: absolute;
    height: 90%;
    width: 43%;
    bottom: 20%;
    right: 0;
    top: 5%;
}

.about-img-child {
    height: 100%;
    width: 100%;
}

.about-img {
    height: 103%;
    width: 100%;
}

.content-about {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0;
}

.menu>ul>li>a {
    font-size: 28px;
    color: #FAF9CA;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "ccsignlanguage";
    position: absolute;
    left: 27%;
    right: 0;
}

.menu>ul>li {
    height: 12%;
    width: 100%;
    text-align: center;
    transform: rotateZ(-8deg);
    /* list-style-type: none; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu>ul {
    position: absolute;
    height: 108%;
    margin: 0;
    padding: 0;
    /* bottom: 2%; */
    top: 6%;
    right: 49%;
    left: 0;
}

.menu>ul>li>a:hover {
    -webkit-animation-name: cssAnimation;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    animation-name: cssAnimation;
    animation-duration: 0.7s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

@-webkit-keyframes cssAnimation {
    from {
        -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    }
    to {
        -webkit-transform: rotate(0deg) scale(1.5) skew(0deg) translate(0px);
    }
}

.title>h1 {
    font-family: "ccsignlanguage";
    font-size: 50px;
    color: #FAF9CA;
    text-transform: uppercase;
}

.about-text {
    /* position: absolute; */
    /* top: 18%; */
    /* left: 40%; */
    width: 100%;
    text-align: center;
}

.about {
    /* position: absolute; */
    /* top: 30%; */
    width: 100%;
    /* text-align: center; */
    /* left: 30%; */
    display: flex;
    justify-content: center;
}

.text>p {
    font-size: 17px;
    color: #FAF9CA;
    font-family: 'Lato Bold';
}

.about-video {
    /* position: absolute; */
    /* bottom: 20%; */
    /* left: 33%; */
    text-align: center;
    padding-top: 0%;
    padding-bottom: 10%;
    height: 100%;
}

.footer {
    height: 45px;
    /* width: 100%; */
    position: absolute;
    /* opacity: 80%; */
    /* bottom: 0; */
    background: rgba(28, 64, 30, 0.6);
    /* bottom: 0%; */
    /* background-color: transparent; */
    font: 16pt lato bold;
    font-family: 'Lato Bold';
}

.footer>footer {
    height: 100%;
}

.juri {
    height: 100%;
    display: inline-block;
}

.juri>ul {
    margin: 0;
    height: 100%;
}

.juri>ul>li {
    list-style-type: none;
    display: inline-block;
    height: 100%;
}

.juri>ul>li>a {
    text-decoration: none;
    /* font-size: 12px; */
}

.copyright {
    /* display: inline-block; */
    /* width: 40%; */
    /* text-align: center; */
    color: #FAF9CA;
}

.copyright>p {
    margin: 0;
}

.social {
    float: right;
    transform: translateX(-100%);
}

.social>ul {
    margin: 0;
    padding: 0;
}

.social>ul>li {
    list-style-type: none;
    display: inline-block;
}

.social>ul>li>a {
    text-decoration: none;
}

.social:hover {
    cursor: pointer;
}

.content-products {
    width: 100%;
    padding: 0;
    position: relative;
    background-image: url('../images/pages/fond_liquides03.jpg');
    /* Center and scale the image nicely */
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
}

.contents-product-back {
    width: 100%;
    padding: 0;
    position: relative;
    background-image: url('../images/09-11fond_liquides.jpg');
    /* Center and scale the image nicely */
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
}

.concentre {
    /* text-align: center; */
    /* position: absolute; */
    /* top: 12%; */
    /* left: 34%; */
    z-index: 1;
    display: inline-block;
    position: relative;
}

.content-products>img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.child-pstyle {
    background-color: rgba(28, 64, 30, 0.3);
    padding: 6%;
    border-radius: 3%;
}

.pstyle {
    padding-bottom: 15%;
}

.left {
    transition: visibility 0s, opacity 0.5s linear;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0%;
}

.right {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    position: absolute;
    top: 0;
}


/* .concentre:hover~.right {
transition-duration: 0.1s;
visibility: visible;
opacity: 1;
display: inline-block;
left: 39%;
top: 8%;
}

.concentre:hover~.left {
transition-duration: 0.1s;
visibility: visible;
opacity: 1;
left: 29%;
top: 8%;
} */

.concentre>img {
    height: 400px;
}

.left>img {
    height: 400px;
}

.right>img {
    height: 400px;
}

.detail-product {
    text-align: center;
    display: flex;
    justify-content: center;
}

.concentre-text {
    font-family: "ccsignlanguage";
    color: #FAF9CA;
    font-size: 30px;
    text-transform: uppercase;
    text-decoration: none;
}

.pr {
    position: relative;
}

.l-left>img,
.l-right>img,
.liquide>img {
    height: 400px;
    transform: rotate(-1deg);
    transform: translateY(7px);
}

.liquide {
    z-index: 1;
    display: inline-block;
    position: relative;
}

.detail-liquide {
    /* top: 89%;
background-image: url('../images/image pdts/panneau_bois02.svg');
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: 42%;
width: 200px;
*/
    text-align: center;
    display: flex;
    justify-content: center;
}

.liquide-text {
    font-family: "ccsignlanguage";
    color: #FAF9CA!important;
    font-size: 30px;
    text-transform: uppercase;
    text-decoration: none;
}

.l-left {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    position: absolute;
    top: 0;
}

.l-right {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    position: absolute;
    top: 0;
}

.liquide:hover~.l-left {
    transition-duration: 0.1s;
    visibility: visible;
    opacity: 1;
    left: 32%;
    top: -1.2%;
}

.liquide:hover~.l-right {
    transition-duration: 0.1s;
    visibility: visible;
    opacity: 1;
    left: 40%;
    top: -1%;
}


/* .template {
position: fixed;
top: 0;
bottom: 0;
background: white;
opacity: 50%;
z-index: 10;
} */

.product-img>img {
    height: 300px;
}

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

.list-prod {
    margin: 0;
    padding: 0;
}

.list-prod>li {
    list-style-type: none;
}

.desc {
    text-align: center;
}

.product-img,
.list {
    display: inline-block;
}

.parent-img {
    text-align: center;
    padding-right: 15%;
}

.wishlist,
.cart {
    background-color: #FAF9CA;
    border-radius: 50%;
    height: 30px;
    width: 30px;
}

.wishlist>a,
.cart>a {
    vertical-align: middle;
    color: #1C401E;
    font-weight: 400;
    height: 100%;
}

.desc {
    color: #1C401E;
}


/* .wishlist:hover {
padding-right: 100px;
border-radius: 30px;
} */


/* }.wishlist:hover~.wishlist>a{
padding-left: 2%;
} */


/* .cart:hover {
padding-right: 100px;
border-radius: 30px;
} */

.template-product-overlay {
    /* position: absolute;
top: 0; */
    /* position: absolute; */
    /* top: 25%; */
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    padding: 40px;
}

.template-product {
    display: none;
    background-color: rgba(255, 255, 255, 0.6);
    /* position: fixed; */
    width: 100%;
    z-index: 99;
    height: 100%;
}

.template-product>.row {
    padding: 45px;
    height: 100%;
}

.l-parent-img {
    text-align: center;
    position: relative;
    padding-left: 15%;
}

.l-row {
    position: relative
}

.logo {
    text-align: center;
}

.product-img {
    position: relative;
}

.pic-hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s ease-out;
}

.table-responsive {
    overflow: hidden!important;
}

.product-img:hover>.pic-hidden {
    transition-duration: 0.7s;
    visibility: visible;
    opacity: 1;
    transform: rotate( -25deg);
}

.pic-hidden>img {
    height: 300px;
}

#red-mask {
    right: 41%;
    top: 8%;
    left: auto;
}

.none {
    display: none;
}

.cancel {
    float: right;
    /* position: absolute; */
    /* left: 94.2%; */
    /* top: 0%; */
}

.div-overlay {
    clear: both;
}

.cancel:hover {
    cursor: pointer;
}

.div-liquide {
    padding-top: 10%;
}

.hover-cancel {
    transform: rotate( -50deg);
    transition-duration: 0.5s;
}

.juri>ul>li>a {
    color: #000;
    font-family: 'proxima-nova';
    font-size: 20px;
}

.content-contact {
    width: 100%;
    padding: 0;
    position: relative;
    background-image: url('../images/pages2/contact_histoire + contact.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100%;
}

.parent-input>input,
.parent-input>textarea {
    border-radius: 30px;
    background-color: #FAF9CA;
    border: none;
    padding: 2%;
    opacity: 80%;
}

.parent-input>input:focus,
.parent-input>textarea:focus {
    border-radius: 30px;
    background-color: #FAF9CA;
    border: none;
    padding: 2%;
    opacity: 80%;
}

.form-contact {}

.parent-input>div>label {
    color: #FAF9CA;
    font-weight: 500;
    font-family: 'Lato Bold';
}

.parent-input>label {
    color: #FAF9CA;
    font-weight: 500;
    font-family: 'Lato Bold';
}

.parent-input>textarea {
    height: 250px;
}

.form-name,
.form-lastname {
    width: 75%;
    padding: 4% !important;
}

.form-control {
    display: inline-block !important;
}

.label-css {
    width: 74%;
    text-align: center;
}

.info>ul {
    margin: 0;
    padding: 0;
}

.info>ul>li {
    list-style-type: none;
    color: #FAF9CA;
    font-family: 'Lato Bold';
    text-decoration: none;
}

.button-sub {
    background: transparent;
    border: none;
    color: #FAF9CA;
}

.info>ul>li>a,
.info>ul>li>a:hover {
    list-style-type: none;
    color: #FAF9CA;
    font-family: 'Lato Bold';
    text-decoration: none;
}

.text-right {
    text-align: right;
    height: 40px;
}

.text-right>div {
    height: 100%;
    background: #1C401E;
    color: #FAF9CA;
    /* width: 40%; */
    /* text-align: center; */
    opacity: 100%;
    margin-left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-size: 17px;
    cursor: pointer;
}

#social>ul>li>a {
    text-decoration: none;
    color: #FAF9CA;
}

.mail>a,
.contact>a,
.follow>a {
    color: #FAF9CA;
    text-decoration: none;
    font-family: 'Lato Bold';
}

#social {
    float: none !important;
    transform: none !important;
}

.copyright>p {
    /* color: white; */
    /* z-index: 10; */
    font-family: 'Lato Bold';
    font-size: 20px;
}

.social>ul>li>a {
    text-decoration: none;
    color: #FAF9CA;
}

.social:hover {
    text-decoration: none;
    color: #1C401E;
    cursor: pointer;
}

.btn-revend {
    margin-top: 10%;
    width: 75%;
    margin-left: 0%;
    float: right;
}

.text-top {
    margin-top: 1%;
    height: 50px !important;
}

.ib {
    display: inline-block;
}

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

.home,
.wish-head,
.cart-head {
    width: 40px;
    height: 40px;
    justify-content: center;
    display: inline-flex;
    justify-content: center;
    border-radius: 50%;
    align-items: center;
}

.home>a,
.wish-head>a,
.cart-head>a {
    color: #1C401E;
    text-align: center;
    /* height: 100%; */
}

.home>a>img,
.wish-head>a>img,
.cart-head>a>img {
    height: 40px;
}

.cart-head>a>img {
    height: 40px;
    width: 40px;
}

.search-icon>i {
    vertical-align: initial;
}

.search>input {
    border-radius: 30px;
    background-color: #FAF9CA;
    border: none;
    /* padding: 2%; */
    opacity: 80%;
}

.search {
    position: relative;
}

.search-icon {
    position: absolute;
    right: 0;
    padding-right: 6%;
    /* top: 20%; */
    bottom: 0;
    /* align-items: self-start; */
}

.search>input:focus-visible {
    outline: none;
    border-radius: 30px;
    background-color: #FAF9CA;
    border: none;
    /* padding: 2%; */
    opacity: 80%;
}

.head-nav>.row {
    display: flex;
    height: 100%;
    align-items: center;
}

.head-nav {
    /* opacity: 60%; */
    /* position: absolute; */
    /* top: 0; */
    /* bottom: 0; */
    /* left: 0; */
    height: 69px;
    z-index: 10;
    width: 100%;
    margin: 0;
}

.content-wishlist {
    background-image: url('../images/pages2/contact_histoire + contact.jpg');
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.logo {
    display: inline-block;
}

.back-wish {
    background-color: #F9F8E4;
    border-radius: 30px;
    height: 100%;
    opacity: 80%;
    /* padding-bottom: 1rem; */
}

#libelle-pr {
    margin-right: 5%;
    margin-left: 5%;
    padding: 0;
}

#libelle-pr>li {
    list-style-type: none;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #1C401E;
    /* padding-right: 3%; */
    /* padding-left: 3%; */
    padding: 3%;
    /* padding-left: 0; */
}

.pic>img {
    height: 75px;
    width: 75px;
}

.df {
    /* display: inline-flex; */
}

.qte {
    height: 10px;
    width: 10px;
    border: 1px solid #1C401E;
}

.title-product {
    font-size: 11px;
    color: #1C401E;
    clear: both;
    height: 100%;
    display: inline-block;
    /* margin: 0 auto; */
    transform: translateY(25%);
}

.title-product>p {
    margin: 0;
    font-weight: 600;
    text-transform: capitalize;
}

.title-product>p:nth-last-child(1) {
    text-align: left;
}

.multi {
    transform: translateX(150%);
    font-size: 15px;
}

.name-pr,
.price-pr,
.stock-pr {
    text-decoration: none;
    color: #1C401E;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
}

.name-pr:hover,
.price-pr:hover,
.stock-pr:hover {
    text-decoration: none;
    color: #1C401E;
    text-transform: uppercase;
}

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

.price>p,
.state-stock>p {
    color: #1C401E;
}

.price,
.state-stock {
    height: 100%;
    transform: translateY(25%);
    font-size: 11px;
    font-weight: 500;
}

.sp-icon {
    height: 40px;
    width: 40px;
    background-color: #FAF9CA;
    border-radius: 50%;
    cursor: pointer;
    /* margin: 0; */
    /* padding: 0; */
}

.sp-icon>i {
    vertical-align: -webkit-baseline-middle;
}

.icon-cart-plus {
    height: 100%;
    transform: translate(100%, 25%);
}

.content-menu {
    background-image: url("../img/desktop.jpg");
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.remove-wish,
.add-wish {
    height: 40px;
    width: 62%;
    background-color: #1C401E;
    border-radius: 30px;
    /* float: right; */
    opacity: 100%;
}

.remove-wish>a,
.add-wish>a {
    text-decoration: none;
    color: #F9F8E4;
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    font-size: 14px;
    text-transform: uppercase;
    opacity: 1;
}

.remove-wish>a:hover,
.add-wish>a:hover {
    text-decoration: none;
    color: #F9F8E4;
    cursor: pointer;
}

.pb-last {
    padding-bottom: 13rem!important;
    padding-top: 10rem!important;
}

.back-cart {
    background-color: #F9F8E4;
    border-radius: 30px;
    height: 100%;
    opacity: 80%;
    /* padding-bottom: 1rem; */
}

ul {
    list-style-type: none;
}

.libellecart-child>li {
    display: inline-block;
}

.te {
    text-align: end;
}

@import url('https://fonts.googleapis.com/css?family=Roboto');
body {
    /*font-family: 'Roboto', sans-serif;
*/
}

* {
    margin: 0;
    padding: 0;
}

i {
    margin-right: 10px;
}


/*------------------------*/

input:focus,
button:focus,
.form-control:focus {
    outline: none;
    box-shadow: none;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #fff;
}

.table tr,
.table tr td {
    vertical-align: middle;
}

.button-container {
    display: flex;
    align-items: center;
}

.button-container .form-control {
    max-width: 45px;
    text-align: center;
    display: inline-block;
    /* margin: 0px 5px; */
    /* border: none; */
    border-radius: 0px;
    border-top: 1px solid #1C401E;
    border-bottom: 1px solid #1C401E;
    background-color: transparent;
}

#myTable .form-control {
    width: auto;
    display: inline-block;
}

.cart-qty-plus,
.cart-qty-minus {
    width: 13px;
    height: 38px;
    background-color: transparent;
    border: 1px solid #1C401E;
    /* border-radius: .25rem; */
}

.text-bold>input {
    font-weight: 600;
}

.cart-wish-icon {
    /* background-color: #F9F8E4; */
    height: 50px;
    width: 50px;
}

.desc-product-wish {
    vertical-align: middle;
}

.desc-product-wish>a>i {
    color: #1C401E;
}

.cart-qty-plus:hover,
.cart-qty-minus:hover {
    background-color: #5161ce;
    color: #fff;
}

.img-prdct {
    width: 70px;
    height: 70px;
    /* 	background-color: #5161ce; */
    border-radius: 4px;
}

.img-prdct img {
    width: 100%;
}

.panier {
    background-color: rgba(250, 249, 202, 0.8);
    /* opacity: 80%; */
    border-radius: 30px;
    /* opacity: 0.8; */
}

th {
    color: #1C401E;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
}

td {
    color: #1C401E;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
}

td>span {
    color: #1C401E;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 400;
}

td>p {
    color: #1C401E;
    font-size: 11px;
    text-transform: capitalize;
    font-weight: 600;
}

p {
    margin-bottom: unset!important;
}

.price {
    background-color: transparent!important;
    border: none;
    font-size: 15px;
    width: 50%;
    color: #1C401E;
}

input[name="qty"] {
    color: #1C401E;
    font-size: 16px;
    font-weight: 400;
}

tr {
    border-color: #1C401E !important;
}

.h-1 {
    /* height: 100%; */
    /* padding: 5% 5%; */
}

tr {
    height: 75px;
}

.t-t {
    font-weight: 400;
    text-transform: uppercase;
}

i {
    height: 100%;
    width: 100%;
    vertical-align: sub;
}

.home>a {
    text-align: center;
    height: 100%;
}

.logo>a>img {
    height: 125px;
}

.about-content {
    background-image: url('../images/pages2/contact_histoire + contact.jpg');
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 100%; */
    /* padding-bottom: 20%; */
}

.about>.text {
    width: 30%;
    text-align: center;
}

.right-img {
    /* visibility: hidden; */
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    position: absolute;
    top: 0%;
    z-index: -1;
    transition-duration: 0.4s;
    visibility: visible;
    opacity: 1;
    right: 17%;
}

.left-img {
    /* visibility: hidden; */
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    position: absolute;
    top: 0%;
    z-index: -1;
    transition-duration: 0.4s;
    visibility: visible;
    opacity: 1;
    left: 17%;
}

.link-temp-prod>a,
.link-temp-prod>a:hover {
    color: #1C401E;
    text-decoration: none;
    font-weight: 600;
    font-size: 20px;
    font-family: "ccsignlanguage";
}

.row-temp-pr {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(250, 249, 202, 0.6);
}


/* #over-concentre:hover>.right-img {
    transition-duration: 0.4s;
    visibility: visible;
    opacity: 1;
    right: 17%;
}

#over-concentre:hover>.left-img {
    transition-duration: 0.4s;
    visibility: visible;
    opacity: 1;
    left: 17%;
} */

.liquide-droit {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    position: absolute;
    top: 0%;
    z-index: -1;
}

.liquide-gauche {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    position: absolute;
    top: 0%;
    z-index: -1;
}

#over-liquide:hover>.liquide-droit {
    transition-duration: 0.4s;
    visibility: visible;
    opacity: 1;
    right: 10%;
    transform: rotate(0deg);
}

#over-liquide:hover>.liquide-gauche {
    transition-duration: 0.4s;
    visibility: visible;
    opacity: 1;
    left: 17%;
    transform: rotate(0deg);
}

.background-text {
    height: 96px;
    width: 320px;
    background-image: url('../images/image\ pdts/panneau_bois02.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-label {
    text-transform: uppercase;
}

.pic-hidden {
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: -1;
    left: 0%;
}

@media only screen and ( min-width: 1400px) and ( max-width: 1730px) {
    .theme {
        height: 30% !important;
        top: 65% !important;
    }
    .menu>ul>li>a {
        font-size: 30px;
    }
}

.c-f {
    height: 100%;
}

@media only screen and ( min-width: 1770px) and ( min-height: 937px) {
    .menu {
        position: absolute;
        height: 94%;
        width: 50%;
        bottom: 20%;
        right: 0;
        top: 10%;
    }
    .menu>ul>li>a {
        font-size: 40px;
        color: #FAF9CA;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        font-family: "ccsignlanguage";
        /* position: absolute; */
        /* left: 27%; */
        /* right: 10%; */
        /* margin: 10px; */
        /* bottom: 50%; */
        height: 100%;
        /* width: 100%; */
        text-align: center;
    }
    .menu>ul>li {
        height: 14.5%;
        width: 100%;
        text-align: center;
        transform: rotateZ(-8deg);
        list-style-type: none;
        /* justify-content: center; */
        /* display: flex; */
    }
    .menu>ul {
        position: absolute;
        height: 100%;
        margin: 0;
        padding: 0;
        /* bottom: 2%; */
        top: 10%;
        right: 38%;
        left: 0;
    }
    .menu>ul>li>a:hover {
        -webkit-animation-name: cssAnimation;
        -webkit-animation-duration: 0.7s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        animation-name: cssAnimation;
        animation-duration: 0.7s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode: forwards;
    }
    @-webkit-keyframes cssAnimation {
        from {
            -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
        }
        to {
            -webkit-transform: rotate(0deg) scale(1.5) skew(0deg) translate(0px);
        }
    }
    .pic-hidden {
        left: 6%;
    }
    #social>ul>li>a {
        text-decoration: none;
        color: #FAF9CA;
        /* height: 50px; */
        font-size: 30px;
    }
    .theme {
        height: 30% !important;
        top: 65% !important;
    }
    .footer {
        font: 25px lato bold !important;
    }
}

.f-12 {
    font-size: 12px;
}

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

@media only screen and ( min-width: 1900px) {
    .pic-hidden {
        left: 10%;
    }
    #social>ul>li>a {
        text-decoration: none;
        color: #FAF9CA;
        /* height: 50px; */
        font-size: 30px;
    }
    .theme {
        height: 30% !important;
        top: 65% !important;
    }
}

.see-cart {
    padding: 2%;
    margin: 0% 9%;
    background: #1C401E;
    border-radius: 25px;
    margin-bottom: 5%;
    /* width: 90%; */
}

.continue {
    /* padding: 4%; */
    background: #1C401E;
    border-radius: 25px;
    /* width: 90%; */
    padding: 2%;
    margin: 0% 9%;
    background: #1C401E;
    border-radius: 25px;
    margin-bottom: 5%;
}

.continue>a,
.see-cart>a {
    text-decoration: none;
    color: #FAF9CA;
}

.click-product:hover {
    cursor: pointer;
}

.theme {
    text-align: center;
    background: #FAF9CA;
    padding: 0%;
    border-radius: 30px;
    position: absolute;
    z-index: 100;
    top: 70%;
    width: 26%;
    height: 21%;
}

.add-product>p {
    color: #1C401E;
    padding: 4%;
    /* width: 90%; */
    text-align: center;
    margin: 0% 10%;
}

.add-product>img {
    height: 20px;
    margin: 5%;
}

@media only screen and ( min-width: 1023px) and ( max-width: 1367px) {
    .menu {
        position: absolute;
        height: 100%;
        width: 43%;
        bottom: 20%;
        right: 0;
        top: 0;
    }
    .menu>ul>li>a {
        font-size: 34px;
        color: #FAF9CA;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        font-family: "ccsignlanguage";
        position: absolute;
        left: 27%;
        right: 0;
    }
    .menu>ul>li {
        height: 12%;
        width: 100%;
        text-align: center;
        transform: rotateZ(-8deg);
        /* list-style-type: none; */
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .menu>ul {
        position: absolute;
        height: 100%;
        margin: 0;
        padding: 0;
        /* bottom: 2%; */
        top: 19%;
        right: 28%;
        left: 0;
    }
}

.h-100 {
    height: 100%;
}

.title-wishlist {
    /* text-transform: uppercase; */
    /* font: 25pt lato bold; */
    font-family: "ccsignlanguage";
    font-size: 50px;
    color: #FAF9CA;
    text-transform: uppercase;
}

.title-cart-view {
    font-family: "ccsignlanguage";
    font-size: 50px;
    color: #FAF9CA;
    text-transform: uppercase;
}

.tcm {
    font-size: 20px;
    color: #FAF9CA;
    line-height: 1.9;
}

.pad-rem {
    padding-bottom: 0rem!important;
}

.container-product-con {
    /* height: 100%; */
    /* background: rgba(28, 64, 30, 0.4); */
}

.child-cont-con {
    height: 550px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: rgba(28, 64, 30, 0.4); */
    margin-bottom: 2rem;
    background-color: rgba(250, 249, 202, 0.8);
    border-radius: 10px;
}

.par-img-product {
    height: 400px;
    width: 400px;
    box-shadow: 0px -2px 15px 30px rgb(250 249 202 / 90%);
    padding: 0;
    margin: 0;
}

.par-img-product>img {
    height: 100%;
    width: 100%;
}

.par-desc-prod {}

.par-desc-prod>p {}

.par-desc-prod>span {
    line-height: 1.5;
    font-family: "ccsignlanguage";
    /* color: #FAF9CA; */
    letter-spacing: 1.5px;
    font-size: 17px;
    /* padding-bottom: 2rem; */
    color: #1C401E;
}

.desc-product-pro {
    font-family: "ccsignlanguage";
    /* color: #FAF9CA; */
    letter-spacing: 1.5px;
    padding-top: 1rem;
}

.desc-product-pro>p {
    line-height: 1.5;
    font-family: "ccsignlanguage";
    /* color: #FAF9CA; */
    color: #1C401E;
    letter-spacing: 1.5px;
    font-size: 20px;
}

.descriptif-pr {}

.descriptif-pr>ul>li {
    line-height: 1.5;
    font-family: "ccsignlanguage";
    /* color: #FAF9CA; */
    letter-spacing: 1.5px;
    font-size: 17px;
    /* padding-top: 2rem; */
    color: #1C401E;
}

.descriptif-pr>ul {
    padding-top: 2rem;
    padding-left: 0;
}

.concentre-page-title {
    padding-top: 7rem;
    padding-bottom: 10rem;
}

.concentre-page-title>h1 {
    color: #1C401E;
    font-size: 65px;
    text-transform: uppercase;
}

.h-u {
    height: unset!important;
}

.clear-b {}

.concentre-text:hover {
    color: #FAF9CA!important;
    font-size: 40px;
}

.liquide-text:hover {
    color: #FAF9CA!important;
    font-size: 40px;
}

.link-revend {
    font-size: 40px;
}

@media screen and (max-width: 567px) {
    .child-cont-con {
        height: auto !important;
    }

    .par-desc-prod {
        padding-top: 25px;
    }
}


@media only screen and (min-width: 1770px) and (max-height: 1920px) {
    .menu>ul>li {
        height: 13%;
    }

    .menu {
        top: 3%;
    }

    .pt-5 {
        position: relative;
    }

    .content-menu .logo {
        text-align: center;
        position: absolute;
        left: 39%;
    }
}

.modal-backdrop.fade,.wishlist-login {
  display: none;
}

@media only screen and (min-width: 320px) and (max-width: 719px) {

.content-menu {
background-image: url(/img/newv2/home/f/mobile.jpg);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 72% 0px;
}

}

@media only screen and (min-width: 320px) and (max-width: 568px) {

#index .row.pb-5.c-com {
  margin-top: -87px;
}

.logo {
  margin-top: -125px;
}

.logo>a>img {
  height: 83px;
}

.menu {
    position: absolute;
    height: 90%;
    width: 80%;
    bottom: 20%;
    right: 0;
    top: 5%;
}

.menu>ul {
    position: absolute;
    height: 108%;
    margin: 0;
    padding: 0;
    top: 6%;
    right: 49%;
    left: 0;
    width: 100%;
}

.content-menu {
background-image: url(/img/newv2/home/f/mobile.jpg);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 72% 0px;
}

.juri>ul {
padding: 0px;
}

.juri>ul>li>a {
font-size: 13px;
}

.footer .col-5 {
  width: 100%;
}

}

.copyright>p {
color: #FAF9CA;
}

.descriptif-pr p {
    line-height: 1.5;
    font-family: "Lato";
    font-size: 17px;
    color: #1C401E;
}

.content-wishlist .label {
  text-align: left;
}


.child-cont-con {

align-items: normal;
padding-top: 75px;
padding-bottom: 75px;
height: auto;

}


.descriptif-pr .desc-pr {
float: left;
    max-width: 40%;
    display: block;
    margin-right: 60px;


}

.descriptif-pr .sdesc-pr {
    float: left;
    display: block;
    flex: none;
    width: 50%;

}

@media screen and (min-width: 1400px) {

.par-desc-prod {
    position: relative;
}

.par-desc-prod .price {
    position: absolute;
    width: auto;
    height: auto;
    left: 20px;
    bottom: 0px;
}

}

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

.descriptif-pr .sdesc-pr {
    float: none;
    display: block;
    flex: none;
    width: 100%;
}

.cms-id-10 .container-revendeur {
width: 100%;
transform: none;
}

.cms-id-10 {
    background-color: #000;
}

.cms-id-10 .justify-content-center .pb-5 {
width: 70%;
}

.cms-id-10 .form-control,.cms-id-10 .col-6 {
width: 100%;
}

.cms-id-10 .row.pb-5 {
width: 108%;
}

.cms-id-10 .logo-revend {
width: 100%;
}

.cms-id-10 .content-revend {
height: auto;
width: 100%;
}

.about>.text {
width: 100%;
}


.descriptif-pr .desc-pr {
    float: none;
    max-width: 100%;
    display: block;
    margin-bottom: 50px;
}

.child-cont-con {
padding-top: 0px;
padding-bottom: 0px;
padding: 25px;
overflow: hidden;
}


#contact .pb-5 {
padding-bottom: 0px !important;
width: 100%;
}

#contact .form-control {
width: 100%;
}

#contact .card {
background-color: #000 !important;
}

#contact {
background-color: #000 !important;
}

#contact .text-right>div {
min-width: 100px;
    margin-right: -25px;
    float: right;
}

#contact .justify-content-center .col-4 {
display: none;
}
#contact .justify-content-center .col-4.text-center {
display: block;
margin-bottom: 50px
}


#contact .justify-content-center .col-2 {
width: 100% !important;
}

#contact .justify-content-center .col-4 {
width: 100% !important;
}

#contact .mb-5 {
margin-bottom: 0px !important;
}

#contact .col-7 {
width: 100%;
}


}

.par-desc-prod h3 {
font-size: 2rem;
}
.descriptif-pr p {
font-size: 18px;
}

.par-desc-prod .price {
font-size: 2.25rem;
}

.about>.text {
font-size: 20px;
width: 100%;
}

#contact .card {
background: none;
}

#contact .alert ul {
  padding: 0px;
  margin: 0px;
}

#contact.content-wishlist,#cms.cms-id-10 {
background-image: url('../img/page_contact-big.jpg');
background-attachment: fixed;
}

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

#contact.content-wishlist,#cms.cms-id-10 {
background-image: url('../img/contact-mob.jpg');
background-attachment: fixed;
background-position: center;
background-size: cover;
}

#contact .card {
background: none !important;
}

#child_intro img.img_intro {
display: none;
}

#child_intro {
background: url('../img/mobilesansbouton.jpg') no-repeat center;
background-size: cover;
}

}

@media screen and (min-width: 720px) and (max-width: 860px) {

#contact.content-wishlist,#cms.cms-id-10 {
background-image: url('../img/tablette_contacts.jpg');
background-attachment: fixed;
background-position: center;
background-size: cover;
}

.menu>ul>li>a {
    font-size: 28px;
    color: #FAF9CA;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "ccsignlanguage";
    position: absolute;
    left: 47px !important;
    right: 0;
}

.menu>ul>li {
    height: 7%;
    width: 100%;
    text-align: justify;
    display: flex;
    transform: none;
    justify-content: center;
    align-items: center;
    left: 0px !important;
}

.menu {
    position: absolute;
    height: 90%;
    width: 80%;
    bottom: 20%;
    right: 0;
    top: 27%;
}

.menu > ul {
left: 150px;
    width: 35%;

}

.menu {
    position: absolute;
    height: 90%;
    width: 80%;
    bottom: 20%;
    right: 0;
    top: 23%;
}

.menu>ul>li {
    height: 7%;
    width: 100%;
    text-align: justify;
    display: flex;
    transform: none;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    left: 0px !important;
}

.menu>ul>li>a {
    font-size: 28px;
    color: #FAF9CA;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "ccsignlanguage";
    position: absolute;
    left: 0px !important;
    right: 0;
}



.content-menu {
    background-image: url('/img/newv2/home/f/tab-1.jpg');
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#contact .card {
background: none !important;
}

#child_intro img.img_intro {
display: none;
}

#child_intro {
background: url('../img/tablette_sansbouton.jpg') no-repeat center;
background-size: cover;
}

}

@media screen and (min-width: 920px) {
#child_intro img.img_intro {
display: none;
}

#child_intro {
background: url('../img/intro_sans_bouton.jpg') no-repeat center;
background-size: cover;
}

.content-menu {
background: url('/img/newv2/home/f/desktop.jpg') no-repeat center;
height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

}

@media only screen and (min-width: 1770px) and (min-height: 937px) {
.menu>ul {
    position: absolute;
    height: 100%;
    margin: 0;
    padding: 0;
    /* bottom: 2%; */
    top: 18%;
    right: 52%;
    left: 0;
}

.menu ul li:nth-child(1) a {
height: 96px;
left: 10% !important;
}

.menu ul li:nth-child(2) a {
height: 110px;
left: 13% !important;
}

.menu ul li:nth-child(3) a {
height: 115px;
left: 17% !important;
}

.menu ul li:nth-child(4) a {
height: 120px;
}

.menu ul li:nth-child(5) a {
height: 125px;
left: 26%;
}

.menu ul li:nth-child(6) a {
left: 26%;
}
}
@media only screen and (min-width: 320px) and (max-width: 568px) {
.content-menu {
    background-image: url(/img/newv2/home/f/mobile.jpg);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 72% 0px;
}

.menu {
    position: absolute;
    height: 90%;
    width: 80%;
    bottom: 20%;
    right: 0;
    top: 27%;
}

.menu>ul>li>a {
    font-size: 28px;
    color: #FAF9CA;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "ccsignlanguage";
    position: absolute;
    left: 47px !important;
    right: 0;
}

.menu>ul>li {
    height: 7%;
    width: 100%;
    text-align: justify;
    /* transform: rotateZ(-8deg); */
    /* list-style-type: none; */
    display: flex;
transform: none;
    justify-content: center;
    align-items: center;
    left: 0px !important;
}

.menu ul li:nth-child(1) {
    transform: rotateZ(-1deg);
    margin-top: -4px;
}

.menu ul li:nth-child(2) {
    transform: rotateZ(-2deg);
    margin-top: -1px;
}

.menu ul li:nth-child(3) {
    transform: rotateZ(-3deg);
    margin-top: 8px;
}

.menu ul li:nth-child(4) {
    transform: rotateZ(-4deg);
    margin-top: -8px;
}

.menu ul li:nth-child(5) {
    margin-top: 2px;
    transform: rotateZ(-4deg);
}

.menu ul li:nth-child(6)  {
margin-top: 4px;
    transform: rotateZ(-4deg);
    left: 30px !important;
}


}

@media screen and (min-width: 1300px) and (max-width: 1500px) {


.menu>ul {
    position: absolute;
    height: 108%;
    margin: 0;
    padding: 0;
    /* bottom: 2%; */
    top: 16%;
    /* right: 49%; */
    width: 50%;
    left: -12%;
}

#index .logo {
margin-left: -250px;
}



}

@media screen and (min-width: 768px) and (max-width: 770px) {

.menu > ul {
 width: 39%;
}

.menu ul li:nth-child(6) a {
    height: 98px;
    transform: rotateZ(-3deg);
}

.menu ul li:nth-child(5) a {
    height: 88px;
    transform: rotateZ(-3deg);
}

.menu ul li:nth-child(4) a {
    height: 78px;
    transform: rotateZ(-3deg);
}

.menu ul li:nth-child(3) a {
    height: 78px;
    transform: rotateZ(-3deg);
}

.menu ul li:nth-child(2) a {
    height: 78px;
    transform: rotateZ(-3deg);
}

.menu ul li:nth-child(1) a {
    height: 78px;
    transform: rotateZ(-3deg);
}

}


@media screen and (min-width: 1366px) and (max-width: 1380px) {


.menu>ul {
    position: absolute;
    height: 108%;
    margin: 0;
    padding: 0;
    /* bottom: 2%; */
    top: 19%;
    /* right: 49%; */
    width: 50%;
    left: -17%;
}

.menu>ul>li {

}

.menu>ul>li>a {
width: 100%;
}

.logo {

}

.menu ul li:nth-child(1) a {
height: 64px;
}

.menu ul li:nth-child(2) a {
height: 87px;
}

.menu ul li:nth-child(3) a {
height: 103px;
}

.menu ul li:nth-child(4) a {
height: 120px;
}

.menu ul li:nth-child(5) a {
height: 134px;
}

.menu ul li:nth-child(6) a {
height: 144px;
}


}

.par-img-product .inner img {
display: none;
}

.par-img-product .inner  img:nth-child(1) {
display: block;
}

ul.pimgcontainer {
    padding: 0px;
    margin-top: 10px;
}

li.pthumb {
    max-width: 40px;
    height: 40px;
    float: left;
    margin-right: 5px;
    cursor: pointer;
}


li.pthumb.active {
    border: solid 2px #1C401E;
}

li.pthumb img {
max-width: 100%;
}

.par-img-product .inner img {
max-width: 100%;
}

.pkarr {
  border: solid #ffffff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 10px;
  position: absolute;
  cursor: pointer;
  top: 50%;
  margin-top: -16px;
	display: none;
}

.par-img-product:hover .pkarr {
display: block;
}


.pkleft {

  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: 10px;
}

.pkright  {

  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  right: 10px;
}


@media screen and (min-width: 920px) {

.pkmenu ul li a {

font-size: 30px;
color: #FAF9CA;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "ccsignlanguage";
}

.pkmenu ul li a:hover {
    animation-name: cssAnimation;
    animation-duration: 0.7s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

.pkmenu {


    width: 488px;
    background: url(/img/newv2/home/p/desktop.png) no-repeat left top;
    position: absolute;
    bottom: 0px;
    right: 0px;
    min-height: 700px;
    margin-right: 240px;

}

.pkmenu ul {

    list-style-type: none;
    margin-top: 20px;
    transform: rotate(-2deg);
    text-align: justify;
    max-width: 298px;
    margin: 0px auto;

}


.pkmenu ul li {

    margin: 0px 0px;
    padding: 20px 0px;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    height: 86px;
}


.pkmenu ul li a {
    font-size: 30px;
    color: #FAF9CA;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "ccsignlanguage";
    position: absolute;
    width: 100%;
    left: 0px;
}


.pkmenu ul li:nth-child(1) {
    margin-left: -80px;
    margin-top: 20px;
}

.pkmenu ul li:nth-child(2) {
    margin-left: -80px;
    margin-top: -5px;
}

.pkmenu ul li:nth-child(3) {
    margin-left: -80px;
    margin-top: -5px;
}

.pkmenu ul li:nth-child(4) {
    margin-left: -60px;
    margin-top: -5px;
}

.pkmenu ul li:nth-child(5) {
    margin-left: -80px;
    margin-top: -5px;
}


.pkmenu ul li:nth-child(6) {
    margin-left: -80px;
    margin-top: -5px;
}


}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
.pkmenu { 
margin-right: 20px;

}
}

@media screen and (min-width: 1300px) and (max-width: 1360px) {
.pkmenu { 
margin-right: 160px;

}
}

@media screen and (min-width: 920px) and (max-width: 1199px) {

.pkmenu {
bottom: -40px;
} 

.logo {
display: inline-block;
position: absolute;
top: -53px;
margin-left: -109px;
left: 50%;
}

}


@media screen and (min-width: 568px) and (max-width: 919px) {

#index .logo {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -109px;
    margin-top: -40px;    

}


#index .logo img {
height: 125px !important;
}


.pkmenu ul li a {

font-size: 30px;
color: #FAF9CA;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "ccsignlanguage";
}

.pkmenu ul li a:hover {
    animation-name: cssAnimation;
    animation-duration: 0.7s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

.pkmenu {

/*
    width: 488px;
    background: url(/themes/tribe/img/tablette_panneauseul.png) no-repeat left top;
    position: absolute;
    bottom: 0px;
    right: 0px;
    min-height: 700px;
    margin-right: 240px;
*/

    width: 388px;
    background: url(/img/newv2/home/p/tab-1.png) no-repeat left top;
    position: absolute;
    bottom: 0px;
    right: 10%;
    min-height: 580px;
    margin-right: 0px;
    background-size: cover;

}

.pkmenu ul {

    list-style-type: none;
    margin-top: 20px;
    transform: rotate(-2deg);
    text-align: justify;
    max-width: 298px;
    margin: 0px auto;

}

.pkmenu ul li {

    margin: 0px 0px;
    padding: 10px 0px;
    margin-bottom: 20px;
    text-align: center;
}


.pkmenu ul li a {
    font-size: 30px;
    color: #FAF9CA;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "ccsignlanguage";

}


.pkmenu ul li:nth-child(1) {
    margin-left: -40px;
    margin-top: 20px;
}

.pkmenu ul li:nth-child(2) {
    margin-left: -40px;
    margin-top: 25px;
}

.pkmenu ul li:nth-child(3) {
    margin-left: -40px;
    margin-top: 25px;
}

.pkmenu ul li:nth-child(4) {
    margin-left: -10px;
    margin-top: 25px;
}

.pkmenu ul li:nth-child(5) {
    margin-left: -40px;
    margin-top: 20px;
}


.pkmenu ul li:nth-child(6) {
    margin-left: -40px;
    margin-top: 30px;
}


}


@media screen and (min-width: 320px) and (max-width: 568px) {

.pkmenu ul li a {

font-size: 30px;
color: #FAF9CA;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "ccsignlanguage";
}

.pkmenu ul li a:hover {
    animation-name: cssAnimation;
    animation-duration: 0.7s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

.pkmenu {
width: 319px;
    background: url(/img/newv2/home/p/mobile.png) no-repeat left top;
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 476px;
    margin-right: 40px;
    background-size: cover;

}

.pkmenu ul {

    list-style-type: none;
    margin-top: 20px;
    transform: rotate(-2deg);
    text-align: justify;
    max-width: 298px;
    margin: 0px auto;

}

.pkmenu ul li {

    margin: 0px 0px;
    padding: 5px 0px;
    margin-bottom: 20px;
    text-align: center;
}


.pkmenu ul li a {
    font-size: 20px;
    color: #FAF9CA;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "ccsignlanguage";

}

#index .logo {
margin-top: 0px;
}

.pkmenu ul li:nth-child(1) {
    margin-left: -40px;
    margin-top: 23px;
}

.pkmenu ul li:nth-child(2) {
    margin-left: -40px;
    margin-top: 0px;
}

.pkmenu ul li:nth-child(3) {
    margin-left: -30px;
    margin-top: 0px;
}

.pkmenu ul li:nth-child(4) {
    margin-left: -20px;
    margin-top: 0px;
}

.pkmenu ul li:nth-child(5) {
    margin-left: -30px;
    margin-top: 25px;
}


.pkmenu ul li:nth-child(6) {
    margin-left: -20px;
    margin-top: 25px;
}


}

@media screen and (min-width: 920px) and (max-width: 1199px) {

.pkmenu ul li a {
position: relative;
}

.pkmenu ul li {
height: auto;
}

.pkmenu ul li:nth-child(1) {
    margin-left: -40px;
    margin-top: 25px;
}

.pkmenu ul li:nth-child(2) {
    margin-left: -55px;
    margin-top: 10px;
}

.pkmenu ul li:nth-child(3) {
    margin-left: -30px;
    margin-top: 25px;
}

.pkmenu ul li:nth-child(4) {
    margin-left: -20px;
    margin-top: 20px;
}

.pkmenu ul li:nth-child(5) {
    margin-left: -50px;
    margin-top: 25px;
}


.pkmenu ul li:nth-child(6) {
    margin-left: -40px;
    margin-top: 25px;
}

.pkmenu {
    width: 474px;
    background: url(/img/newv2/home/p/desktop.png) no-repeat left top;
    position: absolute;
    bottom: 0px;
    right: 0px;
    min-height: 660px;
    margin-right: 240px;
    background-size: cover;
}

.pkmenu ul li {
padding: 15px 0px;
}

}

  @media screen and (min-height: 748px) and (max-height: 748px) {
    #index .logo {
      margin-top: 0px;
    }
  }

@media screen and (min-width: 992px) and (max-width: 1399px) { 

.par-desc-prod .price {
    position: absolute;
    left: 10px;
    bottom: 20%;
    height: auto;
}

.par-desc-prod {
  position: relative;
}

.descriptif-pr .desc-pr,.descriptif-pr .sdesc-pr {
  max-width: 40%;
}

}

@media screen and (min-width: 990px) and (max-width: 1399px) {

.par-desc-prod .price { 
bottom: 14%;
}

.descriptif-pr .sdesc-pr {
min-height: 420px;
}
}

@media screen and (min-width: 340px) and (max-width: 920px) {  

.footer .col-5, .footer .col-4,.footer .col-3 {
  width: 100%;
  text-align: center;
  font-size: 13px;
}

.footer .social {
    float: none;
    transform: none;
    padding-bottom: 10px;
}

.footer p {
font-size: 13px;
}

.footer .col-5 .juri {
  text-align: center;
font-size: 13px;
}

.juri>ul>li>a {
font-size: 13px;
}

.footer {
height: auto;
}

}


@media screen and (min-width: 921px) and (max-width: 1200px) {

.footer .col-5, .footer .col-4,.footer .col-3 {
  width: 100%;
  text-align: center;
  font-size: 13px;
}

.footer .social {
    float: none;
    transform: none;
    padding-bottom: 10px;
}

.footer p {
font-size: 13px;
}

.footer .col-5 .juri {
  text-align: center;
font-size: 13px;
}

.juri>ul>li>a {
font-size: 13px;
}

.footer {
height: auto;
}

}

@media screen and (min-width: 1201px) and (max-width: 1428px) {


.juri>ul>li>a.m-2 {
    margin: 0.8rem!important;
}

.footer .col-5{
  width: 33%;
  text-align: center;
  font-size: 13px;
}

.footer .col-4 {
  width: 50%;
  text-align: center;
  font-size: 13px;
}

.footer .col-3 {
  width: 17%;
  text-align: center;
  font-size: 13px;
}

.juri>ul>li>a {
font-size: 12px !important;
}

.footer .social {
    float: none;
    transform: none;
    padding-bottom: 10px;
}
  
.footer p {
font-size: 13px;
}

.footer .col-5 .juri {
  text-align: center;
font-size: 13px;
}
    
.juri>ul>li>a {
font-size: 13px;
}

.footer {
height: auto;
}

}

/*
@media screen and (min-width: 769px) and (max-width: 1024px) {  

.footer .col-5, .footer .col-4,.footer .col-3 {
  
  font-size: 21px;
}

.social {
  float: right;
  transform: none;
}

.footer .col-5 {
width: 47%;
}

.footer .col-3 {
    width: 15.5%;
    float: right;
    margin-right: -25px;
}

.footer .social {
    float: none;
    transform: none;
    padding-bottom: 10px;
}

.footer p {
font-size: 13px;
}

.footer .col-5 .juri {
  text-align: center;
}

.footer {
height: auto;
}

}*/

#category .footer {
position: static;
display: block !important; 
}

@media screen and (min-width: 588px) and (max-width: 988px) {
.par-desc-prod h3 {
text-align: center;
    margin-top: 10px;
}


.descriptif-pr {
    width: 500px;
    margin: 0px auto;
    overflow: hidden;
    display: table;
}

.descriptif-pr .desc-pr {
    float: left;
    max-width: 50%;
    display: block;
    margin-right: 0px;
    padding-right: 15px;

}

.descriptif-pr .sdesc-pr {
    float: left;
    display: block;
    flex: none;
    padding-left: 15px;
    text-align: justify;
    width: 50%;
}

.par-desc-prod .price {
    font-size: 2.25rem;
    display: block;
    text-align: center;
    width: 100%;
    padding-bottom: 50px;
}

}

@media screen and (min-width: 921px) and (max-width: 1100px){
#child_intro {
    background: url(../img/tablette_sansbouton.jpg) no-repeat center !important;
    background-size: cover;
}
.img_intro { display: none !important;}
}


  @media screen and (max-width: 920px) {
#child_intro {
    background: url(../img/mobilesansbouton.jpg) no-repeat center !important;
    background-size: cover !important;
}
.img_intro {display: none !important;}
}

.cms-id-10 .container-fluid {
  overflow: visible;
}

.cms-id-10 .label {
text-align: left;
}

#contact select {
    border-radius: 30px;
    background-color: #FAF9CA;
    border: none;
    padding: 2%;
    opacity: 80%;
    width: 100%;
}


#contact input.button-sub {
  height: 100%;
  background: #1C401E;
  color: #FAF9CA;
  opacity: 100%;
  display: inline-block;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  font-size: 17px;
  cursor: pointer;
  padding: 10px 50px;
line-height: 18px;
}

#category h1 {
    color: #304117;
    font-size: 32px;
    line-height: 25px;
    margin-bottom: 20px;
}

#subcatmenu li {
float: left;
margin-right: 60px;
}

#subcatmenu li{
    font-size: 62px;
    text-transform: uppercase;
    color: #304117;
    font-family: "ccsignlanguage";
    text-decoration: none;
    line-height: 44px;
    padding: 20px 30px;
    background: rgba(250, 249, 202, 0.8);
    border-radius: 10px;
    display: inline-block;
}

#subcatmenu li a {
display: inline-block;
font-size: 62px;
    text-transform: uppercase;
    color: #304117;
    font-family: "ccsignlanguage";
    text-decoration: none;
transition: all 0.2s linear;
}

#subcatmenu li  a:hover {
/*
    animation-name: cssAnimation;
    animation-duration: 0.7s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
*/

}

#subcatmenu li a:hover {
    transform: scale(1.1);
}

#subcatmenu  {
   display: table;
   margin: 0px auto;
margin-bottom: 15px;
}

#subcatmenu li:nth-child(2) {
    font-size: 62px;
    text-transform: uppercase;
    color: #fff;
    font-family: "ccsignlanguage";
    text-decoration: none;
    line-height: 44px;
    padding: 20px 30px;
    background: rgb(48 48 23 / 50%);
    border-radius: 10px;
    display: inline-block;
   

}

#subcatmenu li.active {
border: solid 4px #304117;
}

#subcatmenu li:nth-child(2) a {
color: #fff;
}

#subcatmenu li.active {
    padding: 16px 30px;
}

#subcatmenu li.active a {
transition: none;
transform: none;
}

#subcatmenu {
padding: 0px;
/*margin: 0px;*/
}


#subcatmenu li:nth-child(1) {
/*margin-left: -50px;
*/
}

@media screen and (max-width: 992px) {
#subcatmenu li {
    float: none;
    margin-right: 0px;
	display: block !important;
    margin-bottom: 15px;
}

#subcatmenu li a {
font-size: 42px !important;
}

#subcatmenu li:nth-child(1) {
    margin-left: auto;

}

}

#subcatmenu li:nth-child(1) a {
  font-size: 54px;
}

#subcatmenu li:nth-child(2) a {
  font-size: 56px;
}


#category .pb-5 {
padding-bottom: 2.8rem!important;
}

 @font-face {
    font-family: 'Junegull-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Junegull-Regular'), url('junegull.woff') format('woff');
    }

#subcatmenu li:nth-child(2) a {
    font-size: 56px;
    font-family: Junegull-Regular;
}

.category-id-7 .child-cont-con h3 {
  font-family: Junegull-Regular;
}

.category-id-7 .par-desc-prod .price {
font-family: Junegull-Regular;
}

@media screen and (min-width: 1024px) {

#subcatmenu li.active:nth-child(2) a {

font-size: 64px;
}

#subcatmenu li.active:nth-child(1) a {

font-size: 62px;
}

}

 @font-face {
    font-family: 'totallygothic';
    font-style: normal;
    font-weight: normal;
    src: local('totallygothic'), url('totallygothic.woff') format('woff');
    }


.category-id-4 #subcatmenu li:nth-child(2) a,.category-id-12 #subcatmenu li:nth-child(2) a,.category-id-8 #subcatmenu li:nth-child(2) a {
  font-family: 'totallygothic';
}

.category-id-5 li:nth-child(2) a,.category-id-10 li:nth-child(2) a,.category-id-11 li:nth-child(2) a {
font-family: 'ccsignlanguage' !important;

}

.par-desc-prod.air-puff h3,.par-desc-prod.air-puff .price {
  font-family: Junegull-Regular;
}

.par-desc-prod.bubble-tea h3,.par-desc-prod.bubble-tea .price {
  font-family: 'totallygothic';
}

@media screen and (min-width: 1024px) {

#category.category-id-7.contents-product-back {
  /*background-image: url('../images/airpuff/airpuff-desktop.webp');
*/
}


}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  #category.category-id-7.contents-product-back {
 /*   background-image: url('../images/airpuff/airpuff-tablette_formatportrait.webp');
*/  
}
}


@media screen and (max-width: 639px) {
  #category.category-id-7.contents-product-back {
    /*background-image: url('../images/airpuff/airpuff-mobile.webp');
*/  
}
}


@media screen and (min-width: 1024px) {

#category.category-id-12.contents-product-back {
  background-image: url('/bbt/bbt-desktop.webp');
}


}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  #category.category-id-12.contents-product-back {
    background-image: url('/bbt/tablette_formatportrait.webp');
  }
}


@media screen and (max-width: 639px) {
  #category.category-id-12.contents-product-back {
    background-image: url('/bbt/bbt-mobile.webp');
  }
}

.footer {
  background: rgba(255, 255, 255, 0.5);
}

juri>ul>li>a {
      color: #000;
    font-family: 'proxima-nova';
    
}

@media screen and (min-width: 1300px) {
.juri>ul>li>a {
      color: #000;
    font-family: 'proxima-nova';
    font-size: 20px;
}

}

.copyright>p {
    color: #000;
font-family: 'proxima-nova';
}

.social>ul>li>a {
    text-decoration: none;
    color: #000;
}

.juri>ul>li>a.m-2 {
      margin: 1rem;
}

.social {
    float: right;
    margin-right: 10px;
    transform: none;
}

@media screen and (min-width: 861px) and (max-width: 919px) {

.content-menu {
    background-image: url('/img/newv2/home/f/tab-1.jpg');
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

}

.pkmenu ul li a {
color: #F9DFB2 !important;
font-family: museo;
font-weight:700;
}

.wg-default, .wg-default .country-selector {
right: 10px !important;
}

.wg-drop.country-selector .wgcurrent a {
    text-indent: -500px !important;
    overflow: hidden !important;
    padding: 0px !important;
}

.wg-drop.country-selector .wgcurrent:after {
display: none !important;
}

.country-selector {
width: 25px !important;
}


#category #subcatmenu li:last-child {
margin-right: 0px !important;
}

#category h1 {
    
}

#category,#cms {

    background-image: url(https://tribal-force.com/img/tribe/desktop.jpg?t=3232) !important;

}


.title-wishlist,.parent-input>div>label,.parent-input>label {
color: #fff;
}
#category .par-img-product {
box-shadow:none;

}


#category .child-cont-con {
background-color: rgba(255, 255, 255, 0.8);

}

 #category .descriptif-pr p,#category h3 {
 color: #000;
font-family: 'proxima-nova';
 }

 #category .par-desc-prod h3 g {
 color: #000 !important;
font-family: museo;
    font-weight: 800;
 }

 #category  .par-desc-prod .price {
    font-size: 2.25rem;
    font-family: 'museo';
    font-weight: 800;
    color: #000;
}

 #category  h1 {
    color: #fff;
    font-size: 32px;
    font-family: 'museo';
    line-height: 25px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 800;
}


#category #subcatmenu li {
      font-size: 62px;
    text-transform: uppercase;
    color: #304117;
    font-family: 'museo';
    text-decoration: none;
    line-height: 44px;
    padding: 20px 30px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    display: inline-block;
}


#category #subcatmenu li a {
   display: inline-block;
    font-size: 62px;
    text-transform: uppercase;
    color: #000;
    font-family: 'museo' !important;
    font-weight: 800;
    text-decoration: none;
    transition: all 0.2s linear;
}

#category #subcatmenu li.active {
      border: solid 4px #000;
}


#category .wg-default,#category .wg-default .country-selector {
right: 10px !important;
}

#category .wg-drop.country-selector .wgcurrent a {
    text-indent: -500px !important;
    overflow: hidden !important;
    padding: 0px !important;
}

#category .wg-drop.country-selector .wgcurrent:after {
display: none !important;
}

#category .country-selector {
width: 25px !important;
}

#category .wg-drop.country-selector {
background-color: transparent;
}


.category-id-5 li:nth-child(2) a, .category-id-10 li:nth-child(2) a, .category-id-11 li:nth-child(2) a {
font-family: 'proxima-nova' !important;

}

.wg-flags a img.wg-flag {

    height: 30px !important;
    margin-right: 10px;
    width: 30px;
}

.country-selector,#category .country-selector {
    width: 30px !important;
   opacity: 100%;
}

#wrapper {
background: url(https://tribal-force.com/img/tribe/desktop.jpg?t=2323);
}

.home>a>img {
height: 34px;
    width: 34px;
}


#category h1 {
font-size: 20px;
font-weight: 900;
    margin-bottom: 30px;
}

#subcatmenu {
    display: table;
    margin: 0px auto;
    margin-bottom: 15px;
}

#category #subcatmenu li a {
font-size: 26px;
}

#category #subcatmenu li {
    font-size: 26px;
    text-transform: uppercase;
    color: #304117;
    font-family: 'museo';
    text-decoration: none;
    line-height: 26px;
    padding: 24px 34px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    display: inline-block;
}

#subcatmenu li {
margin-right: 15px;
}

#category #subcatmenu li.active {
background: #fff;
    border: none;
}

@media screen and (min-width: 1200px) {
.child-cont-con {
    align-items: normal;
    padding-top: 55px;
    padding-bottom: 55px;
    padding-left: 55px;
    height: auto;
    justify-content: left;
}
}

.par-desc-prod h3 {
    font-size: 24px;
    line-height: 24px;
}

#category .par-desc-prod h3 a {
font-family: museo;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
}

.descriptif-pr p {
font-size: 16px;
}

#category .par-desc-prod .price {
font-size: 24px;
font-weight: 700;
}

#category .par-desc-prod .price a {
padding: 10px 17px;
    text-decoration: none;
    color: #fff;
font-size: 22px;
    background: #14254c !important;
    border-radius: 20px;
display: inline-block;
}

#category .par-desc-prod .price a:hover {
background: #fff !important;
 color: #14254c !important;
}

.align-right {
    text-align: right;
    padding-right: 80px;
    padding-top: 5px;
}

.align-right .search-ico  {
    margin-right: 15px;

}

.align-right .search-ico img {
width: 34px;
    height: 34px;
}


.align-right .cart-ico img {
width: 34px;
    height: 34px;
}

@media screen and (min-width: 1025px) {
 
#category #subcatmenu li {
    font-size: 28px;
    text-transform: uppercase;
    color: #304117;
    font-family: 'museo';
    width: 315px;
    text-decoration: none;
    line-height: 26px;
    padding: 24px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    display: inline-block;
    height: 72px;
}

#category.category-id-3 #subcatmenu li { 
width: 305px;
}

#category #subcatmenu li a {
font-size: 28px;
}

#subcatmenu li a:hover {
transform: scale(1.2);
}

#category #subcatmenu li.active a {
font-size: 32px;
}




 
}

@media screen and (min-width: 568px) and (max-width: 1024px) {

#category #subcatmenu li {
    font-size: 28px !important;
    text-transform: uppercase;
    color: #304117;
    font-family: 'museo';
    text-decoration: none;
    line-height: 36px;
    padding: 16px !important;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    display: inline-block;
    height: 72px !important;
}

#subcatmenu li {
float: left;
}

#category #subcatmenu li a {
font-size: 28px !important;
}

#subcatmenu li a:hover {
transform: scale(1.2) !important;
}

#category #subcatmenu li.active a {
font-size: 32px !important;
}





}

@media screen and (min-width: 300px) and (max-width: 567px) {


#subcatmenu {
justify-content: center;
    column-gap: 33px;
display: flex;
flex-wrap: wrap;
row-gap: 10px;
}

#category #subcatmenu li {
    font-size: 24px;
    max-width: 200px;
    text-transform: uppercase;
    color: #304117;
    font-family: 'museo';
    text-decoration: none;
    line-height: 32px;
    padding: 16px !important;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    display: inline-block;
    height: auto !important;
    flex: 1;
    margin-right: 0px;

}

#category #subcatmenu li a {
font-size: 24px !important;
}

#subcatmenu li a:hover {
transform: scale(1.2) !important;
}

#category #subcatmenu li.active a {
font-size: 24px !important;
}





}

#category #subcatmenu li a {
font-weight: 900;
}

input.qtycounter {

    height: 32px;
    font-size: 18px;
    width: 48px;
    text-align: center;
    border-radius: 12px;
    border: solid 1px #14254c;
    margin: 0px 7px;
}

#category .par-desc-prod .price a {


height: 40px;
line-height: 40px;
}

.content-revend,.parent-input>input, .parent-input>textarea ,#contact select{
background-color: rgba(255, 255, 255, 0.6);
}

.content-contact {
background: none;
}

#contact.content-wishlist, #cms.cms-id-10 {
background-image: url(https://tribal-force.com/img/tribe/desktop.jpg?t=23432) !important;
    background-attachment: fixed;
}

.info>ul>li,.info>ul>li>a, .info>ul>li>a:hover,.mail>a, .contact>a, .follow>a,#social>ul>li>a {
color: #fff;
}

.button-sub {
color: #fff;
}

#contact input.button-sub,.text-right>div {
    text-decoration: none;
    color: #fff;
    background: #1C401E;
    padding: 0px 10px;
    border-radius: 20px;
font-family: museo;

    text-decoration: none;
    color: #fff;
    /* background: #1C401E; */
    padding: 0px 10px;
    font-weight: 700;
    border-radius: 20px;
    font-size: 22px;
    background: #14254c !important;
    font-family: museo;

    }

.title>h1,.text-right>div {
color: #fff;
}

.cgv .text span {

    font-family: 'proxima-nova' !important;
    color: #fff;
}

#contact.content-wishlist, #cms.cms-id-10,#category,#cms {
background-size: cover;
}

.tcm {
color: #000;
}

.child-pstyle {
background-color: rgba(255, 255, 255, 0.8);
}

.home, .wish-head, .cart-head {
width: auto;
}

.home a:nth-child(2) {
    margin-left: 20px;
    margin-top: 5px;
}

.cgv .text span {
color: #000;
}

#contact input.button-sub, .text-right>div {
background: #026aaa !important;
}

#contact .form-name, #contact .form-lastname {
width: 100%;
}

#cms .form-name, #cms .form-lastname {
width: 100%;
}

.content-revend, .parent-input>input, .parent-input>textarea, #contact select {
background-color: rgba(255, 255, 255, 0.8);
}

.enter img {
height: auto;
}

.content-revend {
background-color: rgba(255, 255, 255, 0.9);
}

.parent-input>input:focus, .parent-input>textarea:focus {
    background-color: #fff;
}

.wg-drop.country-selector {
background-color: transparent;
}

.child-pstyle {
    padding-top: 56px;
    padding-bottom: 56px !important;
    border-radius: 10px !important;
}


#contact .card {
border: none;
}

@media screen and (max-width: 564px) {
.head-nav .col-2 {
  width: 13%;
}

.head-nav .col-2:first-child {
    width: 32%;
}

.align-right {
width: 66%;
}

#index .logo {
margin-top: 43px;
}

}


#contact input.button-sub:hover, .text-right>div:hover {
  background: #142F4C !important
}

.desc-pr a {
color: #026AAA;
text-decoration: none;
}

.desc-pr a:hover {
text-decoration: underline;
}

#contact input.button-sub:hover, .text-right>div:hover {
    background: #fff !important;
    color: #14254c !important;
}

.text-right>div:hover  input {
color: #14254c !important;
}

.align-right, .home {
  z-index: 10000;
}

#index .logo {
/*  z-index: -1;
*/
}

.head-nav .col-2:first-child {
z-index: 10000;
}

@media screen and (max-width: 568px) {
  #index .wg-default, #index .wg-default .country-selector {
    right: -10px !important;
  }

  #index .align-right .search-ico {
    margin-right: 10px !important;
  }

  #index .cart-ico {
    margin-right: -20px;
  }

  /*.head-nav {
	position: fixed;
  }*/

}

@media screen and (min-width: 1100px) {

 .head-nav {
        position: fixed;
  }
}

#cms .footer {
  position: static;
}

.c-f {
height: auto;
}

@media screen and (min-width: 1280px) {
.descriptif-pr {
overflow: hidden;
}

.descriptif-pr .desc-pr {
    max-width: 48%;
margin-right: 15px;
}

.descriptif-pr .sdesc-pr {
    float: left;
    display: block;
    flex: none;
    width: 50%;
}

.par-desc-prod {
width: 66%;
}
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
    .logo {
      top: 23px !important;
    }
}

.desc-pr a,.sdesc-pr a {
color: #026AAA;
text-decoration: none;
}

.desc-pr a:hover,.sdesc-pr a:hover {
text-decoration: underline;
}

/*
.search-ico,.home a:nth-child(2),.cart-ico,.qtycounter,.price a {
display: none !important;
}
*/
/*
.align-right .search-ico  {
display: block !important;
}
*/

.img-logo-revend {
    max-height: 45px;
    max-width: 100px;
    height: auto;
}

.content-revend {
width: 50%;
}

.logo-revend {
width: 25%;
}
/*
.juri ul li {
display: none;
}
*/

.juri ul li:nth-child(1) {
display: inline-block;
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {

.par-desc-prod {
    width: 62%;
}
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  #category #subcatmenu li {
    padding: 13px !important;
    height: 64px !important;
  }
}

#category h1 a {
color: #fff;
text-decoration: none;
}

#category .par-desc-prod .price a {
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

#category .par-desc-prod .price a:active {
/*transform: scale(1.6);
*/
}

@media screen and (min-width: 1400px) {

.footer .col-4 {

    position: absolute;
    width: 496px;
    left: 50%;
    margin-left: -248px;

}

.juri>ul>li>a,.copyright>p {
font-size: 18px;
}

.footer .col-3 {
flex: auto;
}



}


@media screen and (min-width: 300px) and (max-width: 1200px) {

.footer .col-5 .juri {
text-align: center;
    font-size: 13px;
    width: 100%;
}

.juri ul li:nth-child(1) {
float: left;
}

.juri ul li:nth-child(3) {
float: right;
}

#puf-foot .col-3 {
    position: absolute;
    right: 38px;
    top: 20px;
    width: auto;
}

.juri>ul {
padding: 0px;
}


}

#category h1 a {
display: block;
    transition: all 0.2s linear;
}

#category h1 a:hover {
transform: scale(1.2);
}

.cart-ico {
transition: all 0.3s linear;
display: inline-block;
}

.cart-ico {

    text-decoration: none;
    color: #000;
    position: relative;
}

.cart-ico span {
/*
    font-size: 10px;
    padding: 5px;
    color: #fff;
    border-radius: 50px;
    background: #026AAA;
    min-width: 18px;
    height: 18px;
    line-height: 9px;
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 10%);
    text-decoration: none;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 17px;
    display: inline-block;

*/


    font-size: 14px;
    font-family: 'proxima-nova';
    padding: 5px;
    color: #fff;
    border-radius: 50px;
    background: #026AAA;
    min-width: 24px;
    font-weight: 500;
    height: 24px;
    line-height: 17px;
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 10%);
    text-decoration: none;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 17px;
    display: inline-block;

}



@media screen and (min-width: 568px) and (max-width: 920px) {
.pkmenu {
width: 434px;
    background: url(/img/newv2/home/p/tab-1.png) no-repeat left top;
    position: absolute;
    bottom: -2px;
    right: 10%;
    min-height: 620px;
    margin-right: 0px;
    background-size: cover;

}
}

@media screen and (min-width: 920px) and (max-width: 1199px) {
  
  .pkmenu {
    min-height: 680px;
  }
}

@media screen and (min-width: 300px) and (max-width: 568px) {
  #puf-foot .col-3 {
    top: 13px;
  }
}


@media screen and (min-width: 568px) and (max-width: 568px) {
.pkmenu {
    width: 319px;
    background: url(/img/newv2/home/p/mobile.png) no-repeat left top;
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 476px;
    margin-right: 40px;
    min-height: 476px;
    background-size: cover;
}

#index .logo {
top: 60px;
}

.pkmenu ul {
    list-style-type: none;
    margin-top: 20px;
    transform: rotate(-2deg);
    text-align: justify;
    max-width: 298px;
    margin: 0px auto;
}

}

.container-product-con {
overflow: hidden;
}

@media screen and (min-width: 1920px) {

#category .par-img-product {
width: 300px;
height: 300px;
}

.p-col {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  margin-right: 0px;
  margin-bottom: 24px;
  width: 674px;
height: 364px;
  padding: 32px;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1396px;
}

.par-desc-prod {
    width: 50.8% !important;
    float: left;
    padding: 0px 0px 0px 16px;
}

#category .par-desc-prod .price {
    font-size: 24px;
    font-weight: 700;
    width: 300px;
    display: block;
    bottom: -96px;
    left: 14px;
    position: absolute;
}

#category .par-desc-prod .price .ttc {
    font-size: 16px;
}

.p-col:nth-child(2n+2) {
margin-right: 24px;
}

.par-desc-prod .price {
position: static;
}

#category .par-desc-prod h3 g {
font-family: museo;
font-weight: 700;
font-size: 24px;
}

#category .descriptif-pr p {
  font-size: 16px;
  font-family: proxima-nova;
  font-weight: normal;
}

.descriptif-pr .desc-pr {
    max-width: inherit;
    margin-right: auto;
}


.par-desc-prod {
width: inherit;
}
}

@media screen and (min-width: 1366px) and (max-width: 1919px) {

	#category .par-img-product {
	width: 285px;
	height: 285px;
	}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1329px !important;
}

	.p-col {
	  background: rgba(255, 255, 255, 0.8);
	  border-radius: 10px;
	  margin-right: 0px;
	  margin-bottom: 24px;
	  width: 639px;
	  height: 341px;
	  padding: 28px;
	}

	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	  max-width: 1396px;
	}

	.par-desc-prod {
	    width: 50.8% !important;
	    float: left;
	    padding: 0px 0px 0px 16px;
	}

	#category .par-desc-prod .price {
	    font-size: 24px;
	    font-weight: 700;
	    width: 300px;
	    display: block;
	    bottom: -80px;
	    position: absolute;
	}

	#category .par-desc-prod .price .ttc {
	    font-size: 16px;
	}

	.p-col:nth-child(2n+2) {
		margin-right: 24px;
	}

	.par-desc-prod .price {
		position: static;
	}

	#category .par-desc-prod h3 g {
		font-family: museo;
		font-weight: 700;
		font-size: 24px;
	}

	#category .descriptif-pr p {
		font-size: 16px;
		font-family: proxima-nova;
		font-weight: normal;
		max-height: 125px;
		overflow: hidden;
	}

	.descriptif-pr .desc-pr {
	    max-width: inherit;
	    margin-right: auto;
	}


	.par-desc-prod {
		width: inherit;
	}


}



@media screen and (min-width: 1024px) and (max-width: 1179px) {

	#category .par-img-product {
	width: 225px;
	height: 225px;
	}

	.p-col {
	  background: rgba(255, 255, 255, 0.8);
	  border-radius: 10px;
	  margin-right: 0px;
	  margin-bottom: 24px;
	  width: 472px;
	  height: 353px;
	  padding: 16px;
	}

	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	  max-width: 1396px;
	}

	.par-desc-prod {
	    width: 50.8% !important;
	    float: left;
	    padding: 0px 0px 0px 12px;
	}

	#category .par-desc-prod .price {
	    font-size: 24px;
	    font-weight: 700;
	    width: 300px;
	    display: block;
	    bottom: -96px;
	    position: absolute;
	}

	#category .par-desc-prod .price .ttc {
	    font-size: 16px;
	}

	.p-col:nth-child(2n+2) {
		margin-right: 16px;
	}

	.par-desc-prod .price {
		position: static;
	}

	#category .par-desc-prod h3 g {
		font-family: museo;
		font-weight: 700;
		font-size: 24px;
	}

	#category .descriptif-pr p {
		font-size: 16px;
		font-family: proxima-nova;
		font-weight: normal;
	}

	.descriptif-pr .desc-pr {
	    max-width: inherit;
	    margin-right: auto;
	}


	.par-desc-prod {
		width: inherit;
	}


}


@media screen and (min-width: 1180px) and (max-width: 1365px) {

	#category .par-img-product {
	width: 250px;
	height: 250px;
	}

#category .full-div {
min-height: 168px;
}

	.p-col {
	  background: rgba(255, 255, 255, 0.8);
	  border-radius: 10px;
	  margin-right: 0px;
	  margin-bottom: 16px;
	  width: 550px;
	  height: 346px;
	  padding: 24px;
	}

	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	  max-width: 1140px;
	}

	.par-desc-prod {
	    width: 49.8% !important;
	    float: left;
	    padding: 0px 0px 0px 16px;
	}

ul.pimgcontainer {
    padding: 0px;
    margin-top: 10px;
    position: absolute;
    bottom: -163px;
    left: -249px;
}

	#category .par-desc-prod .price {
	    font-size: 24px;
	    font-weight: 700;
	    width: 300px;
	    display: block;
	    bottom: -139px;
		left: -26px;
	    position: absolute;
	}

	#category .par-desc-prod .price .ttc {
	    font-size: 16px;
	}

	.p-col:nth-child(2n+2) {
		margin-right: 16px;
	}

	.par-desc-prod .price {
		position: static;
	}

	#category .par-desc-prod h3 g {
		font-family: museo;
		font-weight: 700;
		font-size: 24px;
	}

	#category .descriptif-pr p {
		font-size: 16px;
		font-family: proxima-nova;
		font-weight: normal;
	}

	.descriptif-pr .desc-pr {
	    max-width: inherit;
	    margin-right: auto;
	}


	.par-desc-prod {
		width: inherit;
	}


}

@media screen and (min-width: 1024px) and (max-width: 1179px) {

        #category .par-img-product {
          width: 225px;
          height: 225px;
        }

        #category .full-div {
          min-height: 168px;
        }

        .p-col {
          background: rgba(255, 255, 255, 0.8);
          border-radius: 10px;
          margin-right: 0px;
          margin-bottom: 16px;
          width: 472;
          height: 353;
          padding: 16px;
        }

        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
          max-width: 985px;
        }

        .par-desc-prod {
            width: 48.8% !important;
            float: left;
            padding: 0px 0px 0px 12px;
        }

        #category .par-desc-prod .price {
           font-size: 24px;
font-weight: 700;
width: 437px;
display: block;
line-height: 40px;
vertical-align: bottom;
bottom: -155px;
vertical-align: bottom;
left: -221px;
position: absolute; 
        }


ul.pimgcontainer {
position: absolute;
    bottom: -132px;
    left: -224px;
}

input.qtycounter {
margin-left: 151px;
}

#category .par-desc-prod .price a {
 float:right;
}
        #category .par-desc-prod .price .ttc {
            font-size: 16px;
        }

        .p-col:nth-child(2n+2) {
                margin-right: 16px;
        }

        .par-desc-prod .price {
                position: static;
        }

        #category .par-desc-prod h3 g {
                font-family: museo;
                font-weight: 700;
                font-size: 24px;
        }

        #category .descriptif-pr p {
                font-size: 16px;
                font-family: proxima-nova;
                font-weight: normal;
        }

        .descriptif-pr .desc-pr {
            max-width: inherit;
            margin-right: auto;
        }


        .par-desc-prod {
                width: inherit;
        }


}



@media screen and (min-width: 300px) and (max-width: 1023px) {


#category, #cms {
background-repeat: repeat-y;
}
        #category .par-img-product {
          width: 150px;
	  float: left;
          height: 150px;
        }

.descriptif-pr .desc-pr {
width: auto;
}

        #category .full-div {
          min-height: 168px;
        }

        .p-col {
          background: rgba(255, 255, 255, 0.8);
          border-radius: 10px;
          margin-right: 0px;
          margin-bottom: 8px;
          width: 362px;
          height: 246px;
          padding: 8px;
        }

        li.pthumb {
          width: 32px;
          height: 32px;
        }

#category #subcatmenu li a,#category #subcatmenu li.active a {
font-size: 18px !important;
}

        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
          max-width: 390px;
        }

        .par-desc-prod {
            width: 49.8% !important;
            float: left;
            padding: 0px 0px 0px 6px;
        }

        #category .par-desc-prod .price {
            font-size: 24px;
            font-weight: 700;
            width: 300px;
            display: block;
            bottom: -96px;
                left: -106px;
            position: absolute;
        }

        #category .par-desc-prod .price .ttc {
            font-size: 16px;
        }

        .p-col:nth-child(2n+2) {
                margin-right: 8px;
        }

        .par-desc-prod .price {
                position: static;
        }


.par-desc-prod h3 {
   text-align: left;
margin: 0px;
}

.descriptif-pr {
width: auto;
margin: 0px !important;
}

.descriptif-pr .desc-pr {
margin: 0px !important;
padding: 0px;
}


 ul.pimgcontainer {
    position: absolute;
    left: -150px;
    bottom: -55px;
}

#category .par-desc-prod .price {
    font-size: 18px;
    font-weight: 700;
    width: 343px;
    height: 30px;
padding-bottom: 50px;
    display: block;
    line-height: 40px;
    vertical-align: bottom;
    bottom: -81px;
    vertical-align: bottom;
    left: -148px;
    text-align: left;
    position: absolute;

}

input.qtycounter {
    height: 32px;
    font-size: 18px;
    width: 48px;
    margin-left: 80px !important;
    text-align: center;
    border-radius: 12px;
    border: solid 1px #14254c;
    margin: 0px 7px;
}

#category .par-desc-prod .price a {
font-size: 16px;
    float: right;
    margin-top: 5px;
height: 31px;
    line-height: 31px;


}


        #category .par-desc-prod h3 g {
                font-family: museo;
                font-weight: 700;
                font-size: 20px;
        }

        #category .descriptif-pr p {
                font-size: 12px;
                font-family: proxima-nova;
                font-weight: normal;
        }

        .descriptif-pr .desc-pr {
            max-width: inherit;
            margin-right: auto;
        }


        .par-desc-prod {
                width: inherit;
        }


}




#category .par-desc-prod .price a {
font-size: 16px;
}

#category .descriptif-pr p {
height: 125px !important;
overflow: hidden;
}
#category .descriptif-pr p:nth-child(2) {
    display: none;
}

.par-desc-prod h3 {

height: 26px !important;
    overflow: hidden;
}

.content-revend {
display: none;
}

#contact.content-wishlist, #cms.cms-id-10, #category, #cms {
/*height: auto;*/
}

.social>ul>li {
    padding-top: 5px !important;
}

#category .descriptif-pr p {
display: none;
}

#category .descriptif-pr p:nth-child(1) {
display: block;
}


@media screen and (min-width: 300px) and (max-width: 1024px) {
  #category #subcatmenu li {
    font-size: 28px !important;
    text-transform: uppercase;
    color: #304117;
    font-family: 'museo';
    text-decoration: none;
    line-height: 36px;
    padding: 12px !important;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    display: inline-block;
    height: 65px !important;
  }

.row-title-concentre p {
    font-size: 16px !important;
    line-height: 20px !important;
}

#category #subcatmenu li {margin-right: 0px;}
#category #subcatmenu li a, #category #subcatmenu li.active a {
line-height: 22px;
}
#subcatmenu li:nth-child(1) { margin-left: 0px;}
#subcatmenu {

    justify-content: center;
    column-gap: 13px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}


}

#cms.cms-id-6 {
height: auto;
}



@media screen and (min-width: 300px) and (max-width: 385px) {
.p-col {
  width: 336px;
  height: 246px;
}

#category .par-desc-prod .price {
  width: 318px;
}

input.qtycounter {
    margin-left: 55px !important;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 360px;
}


}

#subcatmenu {
margin-bottom: 16px;
}


@media screen and (min-width: 300px) and (max-width: 359px) {
  .p-col {
    width: 296px;
    height: 246px;
  }

  .par-desc-prod {
    width: 46.4% !important;
  }

  input.qtycounter {
    margin-left: 15px !important;
  }

  #category .par-desc-prod .price {
    width: 277px;
  }

  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
     max-width: 320px;
   }

}


.row-title-concentre p {

    text-align: center;
    font-weight: normal;
    font-family: 'proxima-nova';
    color: white;
    max-width: 768px;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 16px !important;
    display: block;
  margin: 0px auto;

}

.row-title-concentre p strong {
font-weight: bold;
}

.row-title-concentre p a {
color: #026AAA;
    text-decoration: none;
}

.row-title-concentre p a:hover {
color: #026AAA;
    text-decoration: underline;
}

@media screen and (min-height: 820px) {
#category .footer {
    position: fixed;
    display: block !important;
    bottom: 0px !important;
}

#cms .footer {
  position: absolute;
  bottom: 0px;
}


}



@media screen and (min-width: 1024px) {
  #category.category-id-12.contents-product-back {
    background-image: url('/img/newv2/bt/desktop.jpg') !important;
  }

#category.category-id-16.contents-product-back {
    background-image: url('/img/tribal/intenses/desktop.jpg') !important;
  }

#category.category-id-17.contents-product-back {
    background-image: url('/img/tribal/tribal-lords/desktop.jpg') !important;
  }

#category.category-id-18.contents-product-back {
    background-image: url('/img/tribal/cocktails/desktop.jpg') !important;
  }

}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  #category.category-id-12.contents-product-back {
    background-image: url('/img/newv2/bt/tab-1.jpg') !important;
  }


#category.category-id-16.contents-product-back {
    background-image: url('/img/tribal/intenses/tablette.jpg') !important;
  }

#category.category-id-17.contents-product-back {
    background-image: url('/img/tribal/tribal-lords/tablette.jpg') !important;
  }

#category.category-id-18.contents-product-back {
    background-image: url('/img/tribal/cocktails/tablette.jpg') !important;
  }


}


@media screen and (max-width: 639px) {
  #category.category-id-12.contents-product-back {
    background-image: url('/img/newv2/bt/mobile.jpg') !important;
  }

#category.category-id-16.contents-product-back {
    background-image: url('/img/tribal/intenses/mobile.jpg') !important;
  }

#category.category-id-17.contents-product-back {
    background-image: url('/img/tribal/tribal-lords/mobile.jpg') !important;
  }

#category.category-id-18.contents-product-back {
    background-image: url('/img/tribal/cocktails/mobile.jpg') !important;
  }
}



@media screen and (min-width: 1024px) {
  #category.contents-product-back {
    background-image: url('/img/newv2/to/desktop.jpg') !important;
  }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  #category.contents-product-back {
    background-image: url('/img/newv2/to/tab-1.jpg') !important;
  }
}


@media screen and (max-width: 639px) {
  #category.contents-product-back {
    background-image: url('/img/newv2/to/mobile.jpg') !important;
  }
}


#contact.content-wishlist, #cms,#cms.cms-id-10 {
background-image: url('/img/newv2/to/desktop.jpg') !important;
}

.cart-ico {display: none;}

@media screen and (min-width: 1024px) {

#category #subcatmenu li {
margin-bottom: 20px;
}

#category .descriptif-pr p {
overflow: hidden !important;
}

#category .descriptif-pr p {
    max-height: 165px !important;
    overflow: visible;
    height: 116px !important;
}

.par-desc-prod h3 {
    height: 76px !important;
    overflow: hidden;
}

#category .par-desc-prod .price {
bottom: -33px;
}
}

.footer .juri ul li:nth-child(2),.footer .juri ul li:nth-child(3) {display: none;}