/* xl - DESKTOP STYLES */ 
/******************************************** Pages Legales  *******************************************/
											/******* CGV *********/

#legales-section1 a {
  color: #b2bf71;
}
#legales-section1 a:hover {
  color: #d9c46d!important
}

#legales-section1 span {
    font-weight: 500!important;
}
/**** page cgv***********/

#mention-legales .et_pb_toggle_title:before {
    content: "\33";
  	font-size: 35px;
    color: #101010;
  	display: flex!important;
    justify-content: center;
    align-items: center;
  	margin-right: 9px;
    border-left: 1px solid #101010;

}
#mention-legales .et_pb_toggle_open .et_pb_toggle_title:before {
	transform: translateY(0%) rotate(180deg);
    color: #fff;
	border-right: 1px solid #fff;
  	border-left: none !important;
  	padding-right: 9px;
}
#mention-legales .et_pb_accordion .et_pb_toggle_close .et_pb_toggle_title:before{
    margin-right: -5px;
    padding-left: 7px;
}
#mention-legales .et_pb_toggle_open .et_pb_toggle_title{
  background-color: #d9c46d;
  padding: 15px 55px 15px 20px!important;
}
#mention-legales .et_pb_toggle_close:hover {
    background-color: #d9c46d;
}
#mention-legales .et_pb_toggle_close:hover h5.et_pb_toggle_title {
    color: #fff!important;
	letter-spacing: 1.5px;
}
#mention-legales .et_pb_toggle_open {
  padding: 5px 5px;
}
#mention-legales .et_pb_toggle_content {
    padding-top: 28px;
    position: relative;
    padding-bottom: 30px;
    padding-right: 30px;
    padding-left: 20px;
    font-size: 15px;
}
#mention-legales .et_pb_toggle {
    border: 1px solid #000;
}
#mention-legales  h5.et_pb_toggle_title {
    color: #414340!important;
	letter-spacing: 1.5px;
}
#mention-legales .et_pb_toggle_open h5.et_pb_toggle_title {
    color: #fff!important;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1.5px;
}
#mention-legales .et_pb_toggle_content b {
    color: #b2bf71;
}
#mention-legales .et_pb_toggle_close {
    padding: 16px!important;
}
div#\#col2-cgv  {
    padding-top: 80px;
    padding-bottom: 50px;
}
#section-footer-cgv #column-btn-aide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}



/********************************************************************************************************/

/**** footer cgv***********/

div#\#col2-cgv {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}
div#section-footer-cgv .row-besoin-aide {
    display:flex;
    align-items:center;
}
div#section-footer-cgv a#btn-site-faq {
    margin-right: 25px;
}

div#section-footer-cgv a#btn-site-contact {
    margin-left: 25px;
}
div#section-footer-cgv #bouton-aide .btn-site {
    border: solid 1px #fff!important;
    font-weight: 400;
    background-color: transparent!important;
    position: relative;
    z-index: 1;
    padding: 16px 59px!important;
    border-radius: 40px!important;
    text-align: center;
    line-height: 1.2!important;
    font-family: 'Caviar Dreams'!important;
    font-size: 18px;
    color: #fff!important;
}
div#section-footer-cgv #bouton-aide .btn-site:hover {
    background-image: linear-gradient(45deg,#68735a 50%,transparent 50%)!important;
    background-size: 399%!important;
    outline: 0!important;
    color: #d9c46d!important;
    background-position: 0!important;
    border-color: #68735a!important;
}
/*********** background *****************/

div#legales-section1:before {
    content: "";
    background: url(https://deperlesetdepapier.com/wp-content/uploads/2022/01/effet-droite.svg);
    background-size: 100%;
    position: absolute;
    width: 29%;
    height: 559px;
    background-repeat: no-repeat;
    right: -11%;
    top: 41%;
    z-index: 0;
}
div#legales-section1:after {
    content: "";
    background: url(https://deperlesetdepapier.com/wp-content/uploads/2022/01/effet-gauche.svg);
    background-size: 100%;
    position: absolute;
    width: 29%;
    height: 559px;
    background-repeat: no-repeat;
    left: -11%;
    top: 5%;
    z-index: 0;
}


/****************************LookBook***********************************/
div#lookbook-section .perles-lookbook {
    display: flex;
    gap: 1em;
}

div#lookbook-section .my_font_size:hover:before {
    transform: rotate(360deg) scale(1.4) !important;
}

div#lookbook-section .my_font_size:before {
    transform: rotate(0deg) !important;
    transition: 0.4s all ease-in-out !important;
	color: #b2bf71;
}
div#lookbook-section div#ligne1-lookbook {
    display:flex;
    align-items:flex-end;
}
div#lookbook-section div#column-blue {
    margin-bottom: -30px;
}
div#lookbook-section div#imagemapper4-wrapper {
    margin-right: 0;
}
#lookbook-section div#imagemapper6-wrapper {
    margin-right: 0;
    display: contents;
}
#lookbook-section div#imagemapper7-wrapper {
    margin-left: 0;
    display: contents;
}
#lookbook-section div#column-jaune {
     display: flex;
    align-items: flex-end;
    margin-bottom: 55px;
}
#lookbook-section  div#ligne3-lookbook {
	margin-right: 10%!important;
}   
#lookbook-section  img#imapper8-map-image {
    margin-top: -20px;
}

#lookbook-section div#imagemapper5-wrapper {
    margin-left: 30px!important;
}
#lookbook-section div#imagemapper2-wrapper {
    margin-left: 25px!important;
}

.woomapper-atc-popup-after__heading h5 {
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 6px;
    font-weight: 500;
    width: 150px;
    margin: auto;
    font-family: 'Metrisch-book'!important;
}
div#lookbook-section .mCSB_container {
    font-size: 14px;
    color:#000;
}
#et-boc .my_product_title_inner {
    color: #4f6c67!important;
    font-weight: bold!important;
}
#et-boc .my_product_title:hover .my_product_title_inner {
    color: #d9c46d!important;
}

/*mapper*/

.pin-style {
    transition: border-color 250ms ease-in-out,opacity 250ms ease-in-out,visibility 250ms ease-in-out;
    transform: translateX(-1rem) translateY(-1rem) scale(0.999);
    padding: 0;
    width: 0.5rem;
    height: 0.5rem;
    border: 1px solid #fff;
    position: absolute;
    background: rgba(255,255,255,.8)!important;
    background: rgba(0,0,0,.2);
    opacity: 0;
    visibility: hidden;
    border-radius: 64px;
    line-height: .3;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pin-style::before {
    content: "";
    position: absolute;
    top: -0.5rem;
    left: -12.5rem;
    right: 11.5rem;
    bottom: -0.5rem;
    display: block;
}
.pin-style::after {
    content: "";
    transition: transform 250ms ease-in-out;
    position: relative;
    display: block;
    background: #d9c46d;
    box-shadow: 0 1px 3px rgba(0,0,0,.55);
    width: .85rem;
    height: .85rem;
    border-radius: 64px;
}
.pin-style:focus.focus-visible, .pin-style:hover {
    border-color: #ac9147!important;
/*     border-color: rgba(255,255,255,.5); */
    background: rgba(0,0,0,.4); 
}
.imagemapper-wrapper:hover .pub__shoppable-image__button, .imagemapper-wrapper:hover .pin-style{
    visibility: visible;
    opacity: 1;
}

.pin-style:hover:after {
    content: "";
    transition: transform 250ms ease-in-out;
    position: relative;
    display: block;
    background: #d9c46d;
    box-shadow: 0 1px 3px rgba(0,0,0,.55);
    width: 0.65rem!important;
    height: 0.65rem!important;
    border-radius: 64px; 
}
#lookbook-section .pin-style:hover , #lookbook-section .pin-style:hover {
    opacity: 0.8 !important;
	border-color: #d9c46d!important;
}
.my_arror_top_hover.arrow-top-border.imapper-arrow-border {
    left:75px!important;
}
.imapper-content-wrapper {
	 right: 200px!important;
   
}
#et-boc .lookbook-index {
    z-index: 999;
}



/********************************************************************************************************/

div#ligne4-lookbook:before {
    content: "";
    position: absolute;
    width: 292px;
    height: 598px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #8f8836;
    margin: 0 auto;
    right: 0;
    left: -60px;
    top:-345px;
}
div#lookbook-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 305px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #8b9969;
    margin: 0 auto;
    right: 0;
    left: 0;
    bottom: 0;
}
div#et-boc div#lookbook-section .my_product_title_inner {
    font-family: 'Caviar Dreams'!important;
    font-weight: 600!important;
}

div#et-boc div#lookbook-section span.woocommerce-Price-amount.amount {
    font-family: 'Caviar Dreams';
}

div#et-boc div#lookbook-section .my_product_description {
     font-family: 'Caviar Dreams'!important;
}

div#et-boc div#lookbook-section .my_view_item a, div#lookbook-section .my_view_item_category a {
     font-family: 'Caviar Dreams'!important;
 }
div#et-boc div#lookbook-section a.my_woo_add_to_cart {
    font-family: 'Caviar Dreams'!important;
}

/********************************************************************************************************/
/************************** Page Blog  *****************************************/

div#et-boc div#filtre-blog {
    display: flex!important;
    justify-content: center!important;
    align-items:center;
    flex-wrap: nowrap!important;
	padding: 0;
    border: none;
}

/* Page Blog Categories  */

 div#et-boc #filtre-blog #categories-2 {
    display: flex!important;
    align-items: center!important;
    position: relative!important;
    width: 100%;
    max-width: 290px;
    margin-right: 17px!important;
}

 #filtre-blog #categories-2 .title {
    display: none!important;
}
 #filtre-blog #categories-2 form:before {
    content: ""!important;
    background: url(https://deperlesetdepapier.com/wp-content/uploads/2022/01/category.svg)center no-repeat!important;
    width: 20px!important;
    height: 20px!important;
    position: absolute!important;
    top: 0!important;
    bottom: 0!important;
    padding: 0 10px!important;
    margin: auto!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    z-index: 9!important;
}

 .widget_categories .screen-reader-text {
    display: inline!important;
}

 #filtre-blog #categories-2 #cat {
    font-family: 'Caviar Dreams';
    font-size: 14px!important;
    font-weight: 800!important;
    color: #000 !important;
    padding: .7em!important;
    padding-left: 40px !important;
    min-height: 40px!important;
}

 #filtre-blog .widget_categories {
    border-radius: 0px !important;
    border: solid 1px #d2d2d2 !important;
}

 .et_pb_widget select {
    border: none!important;
}

#filtre-blog #categories-2 #cat {
    position: relative!important;
}

#categories-3 {
    margin-bottom: 0px !important;
}
 #filtre-blog #categories-2:after {
    color: #f5ca6b!important;
    right: 8px!important;
    top: 7px!important;
    padding: 0 0 2px!important;
    position: absolute!important;
    pointer-events: none!important;
    content: "\33" !important;
    font-family: ETmodules !important;
    speak: none!important;
    font-style: normal!important;
    font-weight: 400!important;
    -webkit-font-feature-settings: normal!important;
    font-feature-settings: normal!important;
    font-variant: normal!important;
    text-transform: none!important;
    line-height: 1!important;
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale!important;
    text-shadow: 0 0!important;
    direction: ltr!important;
    font-size: 25px!important;
}
 div#et-boc #filtre-blog #categories-2 select#cat {
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
}
div#et-boc #filtre-blog #categories-2 select#cat option:checked {
    background-color: #f5ca6b!important;
  	color:#fff!important;
}
#filtre-blog form {
    width: 100%;
	cursor: pointer;
}
/********************************************************************************************************/
/****** blog ragnar *****/
body .ragnar_blog_albin .et_pb_posts article:hover h2.entry-title a{
    color:#b2bf71!important;
}
body .ragnar_blog_albin .et_pb_posts article:hover  div.post-content a.more-link:before {
    color:#b2bf71!important;
}
body .ragnar_blog_albin .et_pb_post div.post-content a.more-link:hover {
	color: #000!important;
}
div#et-boc #filtre-blog #categories-2 {
    margin:0;
}
div#et-boc #filtre-blog select#cat {
    cursor: pointer;
}
div#et-boc #Blog-section2 .pagination {
    padding-top: 30px!important;
}
div#et-boc #Blog-section2 .pagination a {
   font-weight: 700;
   font-family: 'Caviar Dreams';
   color: #000;
   font-size: 15px;
}
div#et-boc #Blog-section2 .pagination a:hover {
   color: #b2bf71;
}
div#Blog-section2 article {
    margin-top:55px;
}
div#et-boc .ragnar_blog_albin article .post-meta .categories {
    background-color: #b2bf71;
    padding: 7px 12px !important;
    display: inline-block;
    margin-right: 8px;
    z-index: 15;
    position: relative;
}
body div#et-boc  .ragnar_blog_albin article .post-meta a[rel="tag"]:hover {
    font-weight: 600;
    color: #fff!important;
}
.page-id-32 .titre-section:before {
    position: absolute;
    top: -80px!important;
    bottom: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 45px;
    width: 50px;
    transition-duration: 1.5s;
    content: url(http://deperlesetdepapier.com/wp-content/uploads/2022/01/puce.svg);
}
.woomapper-atc-popup-after__heading h5 {
    text-transform: revert!important;
    font-size: 14px;
    padding-top: 6px;
    font-weight: 600!important;
    width: 150px;
    margin: auto;
    font-family: 'Caviar Dreams'!important;
}

/********************************************************************************************************/

/************************** Page Article Blog  *****************************************/

div#blog-time .span-reading-time.rt-reading-time {
    font-family: 'CaviarDreams',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 500;
    font-size: 15px!important;
    color: #000000!important;
}
.single-post span.comments-number:before {
    content: ""!important;
    background: url(https://deperlesetdepapier.com/wp-content/uploads/2022/01/comment.svg)center no-repeat!important;
    width: 26px!important;
    height: 25px!important;
    background-size: 25px!important;
    left: 0;
    position: absolute!important;
    top: 0;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    z-index: 9!important;
}

.single-post span.comments-number {
    margin-left: 35px;
	font-weight: 600;
}
.single-post #delay .span-reading-time.rt-reading-time:before {
    content: ""!important;
    background: url(https://deperlesetdepapier.com/wp-content/uploads/2022/01/ic-time.svg)center no-repeat!important;
    width: 25px!important;
    height: 25px!important;
    background-size: 24px!important;
    left: -35px;
    position: absolute!important;
    top: -4px;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    z-index: 9!important;
}

.single-post span.span-reading-time.rt-reading-time {
    margin-left: 35px;
    position: relative;
	font-weight: 600;
}
.single-post #blog-date span.published:before {
    content: ""!important;
    background: url(https://deperlesetdepapier.com/wp-content/uploads/2022/01/ic-date.svg)center no-repeat!important;
    width: 24px!important;
    height: 24px!important;
    background-size: 24px!important;
    left: -35px;
    position: absolute!important;
    top: -4px;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    z-index: 9!important;
}

.single-post #blog-date  span.published {
    position:relative;
    margin-left: 35px;
	font-weight: 600;
}
.single-post span.rt-time {
    color: #000000!important;
}
div#section-contenu-article a {
    color:#000;
}
div#section-contenu-article a:hover {
    color: #d9c56f!important;
}
div#section-commentaires h1 {
    font-family: 'Caviar Dreams'!important;
    font-weight: 600;
    font-size: 33px;
    color:#62725f!important;
}
/********************************************************************************************************/


/* Section commentaires article Blog */


div#section-commentaires {
    padding-top: 0;
}

div#section-commentaires h1#comments {
	border-bottom: 1px solid #c2bcb1!important;
}

div#section-commentaires h1,
h3#reply-title {

    text-align: center;
    padding-bottom: 30px;
    align-items: center;
    position: relative;
    display: flex;
    justify-content: center;
    margin: auto;
    
}


div#section-commentaires ol.commentlist.clearfix {
    margin-top: 50px;
}

div#section-commentaires span.comment_date,
div#section-commentaires .fn .url {
    font-size: 17px;
    font-weight: bold;

}

div#section-commentaires .comment-content.clearfix p {
    font-size: 15px;
    font-weight: 500;
}

div#section-commentaires a.comment-reply-link.et_pb_button {
    position: relative;
    float: right;
    margin-top: 20px;
}

div#section-commentaires form#commentform {
    display: flex;
    flex-direction: column;
    width: 80%;
    justify-content: center;
    margin: auto;
    margin-top: 35px;
}

div#section-commentaires form p.comment-form-author {
    order: 0;
}

div#section-commentaires form p.comment-form-email {
    order: 1;
}

div#section-commentaires form p.comment-form-url {
    order: 2;
}

div#section-commentaires form p.comment-form-comment {
    order: 3;
}

div#section-commentaires form p.comment-form-cookies-consent {
    order: 4;
}

div#section-commentaires form p.form-submit {
    order: 6;
    text-align: center;
}

div#section-commentaires form p.comment-notes {
    display: none;
}

div#section-commentaires form#commentform p input,
div#section-commentaires form textarea#comment {
    background-color: transparent !important;
    font-weight: 500!important;
    font-size: 16px !important;
    text-align: start !important;
    color: #777879;
    border: 1px solid #c2bcb1;
    max-width: 100%;
    max-height: 200px;
}

div#section-commentaires p.comment-form-cookies-consent label {
    font-size: 15px !important;
}

div#section-commentaires p.comment-form-comment,
div#section-commentaires p.comment-form-author,
div#section-commentaires p.comment-form-email,
div#section-commentaires p.comment-form-url {
    margin-bottom: 10px;
}


div#section-commentaires p.comment-form-cookies-consent {
    margin-top: 25px;
    margin-bottom: 25px;
}


div#section-commentaires a {
    color: #000000;
}

div#section-commentaires a:hover {
    color: #d9c56f!important
}

.single-post .btn-site {
    font-weight: 600 !important;
}

#section-commentaires input[type='checkbox'] {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
    width: 17px;
    height: 17px;
    margin: 0;
    margin-right: 3px;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
}

#section-commentaires input[type='checkbox']::after {
    content: "";
    text-align: center;
    line-height: 12px;
    position: absolute;
    cursor: pointer;
    height: 15px;
    width: 15px;
    left: -1px;
    top: -1px !important;
    font-size: 10px;
    border: 1px solid #d9c56f!important;
}

#section-commentaires input[type='checkbox']:checked::after {
    background: #d9c56f;
    content: "\2714";
    color: #fff;
    font-size: 11px;
    line-height: 14px;
    border: 1px solid #d9c56f;
}

@media (max-width: 455px) {
    #section-commentaires p.form-submit button#et_pb_submit {
        width: 100%;
    }
}


#section-commentaires span.reply-container a.comment-reply-link.et_pb_button {
    background-color: transparent;
    border: 1px solid #68735a!important;
}

#section-commentaires span.reply-container a.comment-reply-link.et_pb_button:hover {
    background-color: #68735a!important;
}


.single-post div#article-connexes .owl-carousel .owl-nav.disabled,
.single-post div#article-connexes .owl-carousel .owl-dots.disabled {
    display: block;
}



@media (max-width: 981px) and (min-width: 767px) {
	div#row-metadonnee-article-blog {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row!important;
}
div#row-metadonnee-article-blog  #col-meta {
	display: flex;
    width: 30%;
    justify-content: center;
}
}

div#section-commentaires h1 {
    font-family: 'Caviar Dreams'!important;
    font-weight: 600;
    font-size: 30px;
    color:#62725f!important;
}

/*************************************/
/****************** section lookbook home ****************/

div#section-lookbook-acceuil div#lookbook-row-home {
   	display: grid;
    grid-auto-flow: column;
}


div#section-lookbook-acceuil div#lookbook-row-home {
    grid-auto-flow: column;
    display: grid;
    grid-auto-columns: 50% 50%;
    grid-gap: 20px;
}

div#section-lookbook-acceuil div#col1-lookbook-row-home {
    width: 100%!important;
    display: grid;
    grid-column-gap: 20px;
    grid-auto-rows: max-content;
    grid-gap: 20px;
}
div#section-lookbook-acceuil div#col2-lookbook-row-home {
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: auto auto;
    grid-auto-columns: min-content;
    width: 100%!important;
}

div#section-lookbook-acceuil div#img-lookbook3-home {
    width: 100%;
}

div#section-lookbook-acceuil .lookbook1-part {
    width: 100%;
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 20px;
}

div#section-lookbook-acceuil .imagemapper-wrapper {
    width:100%!important;
}

div#section-lookbook-acceuil .lookbook2-part {
    grid-gap: 20px!important;
    display: grid;
}
div#lookbook-row-home .my_font_size:hover:before {
    transform: rotate(360deg) scale(1.4) !important;
}
div#lookbook-row-home .my_font_size:before {
    transform: rotate(0deg) !important;
    transition: 0.4s all ease-in-out !important;
    color: #b2bf71;
}
#cookie-notice .cn-button:hover {
    background: #61715f!important;
}
#cookie-notice .cn-button:not(.cn-button-custom) {
    margin-top: 5px;
}


#section-commande .woocommerce-invalid #terms {
    outline-color:#fff;
}
#section-commande .woocommerce form .form-row.woocommerce-invalid label {
    color:inherit;
}

/*************************************************/
/************ background ******************/

div#lookbook-section:after {
    content: "";
    background: url(https://deperlesetdepapier.com/wp-content/uploads/2022/01/effet-droite.png);
    background-size: 100%;
    position: absolute;
    width: 18%;
    height: 583px;
    background-repeat: no-repeat;
    right: 0;
    top: 15%;
    z-index: 2;
}

div#ligne1-lookbook:before {
    content: "";
    background: url(https://deperlesetdepapier.com/wp-content/uploads/2022/01/effet-gauche.png);
    background-size: 100%;
    position: absolute;
    width: 33%;
    height: 58%;
    background-repeat: no-repeat;
    left: -23%;
    bottom: -90px;
    z-index: 4;
}






/*******************************************************/
.br_popup_inner div#col-image-motcreatrice {
    background: #fff;
    margin-bottom: -35px;
}
.br_popup_inner #section-footer-cgv #column-btn-aide .et_pb_button_module_wrapper {
    margin-bottom:0;
}

#et-boc #legales-section1 .titre-section:before,
.single-post #et-boc .titre-section:before {
    position: absolute;
    top: -20px!important;
    bottom: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 45px;
    width: 50px;
    transition-duration: 1.5s;
    content: url(https://deperlesetdepapier.com/wp-content/uploads/2022/01/puce.svg)!important;
}
div#text-legale {
    line-height: 1.6em;
}
.single-post h4 {
    font-family: 'CaviarDreams',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 700!important;
    color: #657562!important;
    font-size: 20px!important;
}

#Blog-section2  .wp-pagenavi {
    display: flex!important;
    justify-content: center;
    position: absolute;
    bottom: -55px;
    right: 0;
    left: 0;
    font-family: 'CaviarDreams',Helvetica,Arial,Lucida,sans-serif;
}
#Blog-section2 .wp-pagenavi a, #Blog-section2 .wp-pagenavi span {
    text-decoration: none;
    color:#000;
    border: 1px solid #403b3b;
    padding: 3px 5px;
    margin: 2px;
    font-weight:bold;
    font-family: 'CaviarDreams',Helvetica,Arial,Lucida,sans-serif;
}
#Blog-section2  .wp-pagenavi a:hover, #Blog-section2 .wp-pagenavi span:hover {
    text-decoration: none;
    color:#b2bf71!important;
    border: 1px solid #403b3b;
    padding: 3px 5px;
    margin: 2px;
    font-family: 'CaviarDreams',Helvetica,Arial,Lucida,sans-serif;
}




.br_popup_inner .titre-section{
    margin-top: 0!important;
}
.br_popup_inner .titre-section:before {
    position: absolute;
    top: -49px!important;
    bottom: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 45px;
    width: 50px;
    transition-duration: 1.5s;
    content: url(https://deperlesetdepapier.com/wp-content/uploads/2022/01/puce.svg);
}

.br_popup_inner div#legales-section1 {
    overflow-x: hidden;
}

.br_popup_inner .titre-section p {
    font-size: 58px;
}

.br_popup_inner  div#text-legale {
    line-height: 1.6em;
    padding: 10px;
}

#mon-compte div#module-mon-compte {
    background-color: #fff;
    padding: 10px;
}

#mon-compte form.woocommerce-ResetPassword.lost_reset_password {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}


/* lg - TABLET LANDSCAPE STYLES */ 
@media (max-width: 1199px) {
  .imagemapper-wrapper .pub__shoppable-image__button, .imagemapper-wrapper .pin-style {
      visibility: visible!important;
      opacity: 1;
  }
}

/* md - TABLET PORTRAIT STYLES */ 
@media (max-width: 991px) {
  div#legales-section1:before {
      content: "";
      background: url(https://deperlesetdepapier.com/wp-content/uploads/2022/01/effet-droite.svg);
      background-size: 100%;
      position: absolute;
      width: 50%!important;
      height: 559px;
      background-repeat: no-repeat;
      right: -18%!important;
      top: 41%;
      z-index: 0;
  }
  div#legales-section1:after {
      content: "";
      background: url(https://deperlesetdepapier.com/wp-content/uploads/2022/01/effet-gauche.svg);
      background-size: 100%;
      position: absolute;
      width: 50%!important;
      height: 559px;
      background-repeat: no-repeat;
      left: -18%!important;
      top: 10%;
      z-index: 0;
  }
  /*************lookbook **************/
  
  div#lookbook-section div#ligne1-lookbook {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      margin: 0 auto!important;
  }
  #lookbook-section div#imagemapper2-wrapper {
  	margin: 0 auto!important;
  	margin-top: 60px!important;
  }
  #lookbook-section div#ligne2-lookbook , #lookbook-section div#ligne5-lookbook{
      padding: 0;
  }
  #lookbook-section  div#imagemapper4-wrapper {
      margin: auto!important;
  	margin-bottom: 30px!important;
  }
  
  #et-boc #lookbook-section div#imagemapper5-wrapper , #et-boc #lookbook-section div#imagemapper6-wrapper {
  	margin: 0 auto!important;
  }
  #et-boc #lookbook-section div#column-jaune {
      display: flex;
      align-items: center;
      margin-bottom: 30px;
      justify-content: center;
  }
  div#ligne4-lookbook:before {
      content: "";
      position: absolute;
      width: 292px;
      height: 598px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #4f6c67;
      margin: 0 auto;
      right: 0;
      left: 0px!important;
      top:-345px;
  }
  div#section-titre-lookbook {
      padding-top: 50px!important;
  }
  
  
  /**** section lookbook home ****/
  
  
  
  div#section-lookbook-acceuil div#lookbook-row-home {
      grid-auto-flow: row;
      display: grid;
      grid-auto-columns: 100%;
      grid-gap: 20px;
  }
  
  
  /*********************************/
  /************ background ******************/
  
  div#lookbook-section:after {
      content: "";
      background: url(https://deperlesetdepapier.com/wp-content/uploads/2022/01/effet-droite.png);
      background-size: 100%;
      position: absolute;
      width: 200px;
      height: 333px;
      background-repeat: no-repeat;
      right: 0;
      top: 8%;
      z-index: 0;
  }
  
  div#ligne1-lookbook:before {
      content: "";
      background: url(https://deperlesetdepapier.com/wp-content/uploads/2022/01/effet-gauche.png);
      background-size: 100%;
      position: absolute;
      width: 250px;
      height: 378px;
      background-repeat: no-repeat;
      left: -13%;
      bottom: -160px;
      z-index: 0;
  }
  
  /*******************************************************/
}

/* sm - SMARTPHONE LANDSCAPE STYLES */ 
@media (max-width: 767px) {
  div#row-metadonnee-article-blog {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
  
  div#col-meta {
      justify-content: center;
      display: flex;
  }
    body.et_pb_pagebuilder_layout.single #page-container #et-boc div#row-contenu-article {
          width:90%!important
      }
}

/* xs - SMARTPHONE PORTRAIT STYLES */ 
@media (max-width: 479px) {
  #section-footer-cgv #column-btn-aide {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column!important;
  }
  div#section-footer-cgv a#btn-site-faq {
  	margin-bottom:25px!important;
      margin-right: 0px!important;
  }
  div#section-footer-cgv a#btn-site-contact {
      margin-left: 0px!important;
  }
  #mention-legales .et_pb_toggle_open .et_pb_toggle_title {
      background-color: #d9c46d;
      padding: 15px 60px 15px 20px!important;
  }
  
  /******* section page d'accueil ********/
  
  div#img-lookbook1-home {
      grid-row: 1;
      display: flex;
      justify-content: center;
  }
  
  div#img-lookbook2-home {
      grid-row: 2;
      display: flex;
      justify-content: center;
      margin-top: 20px;
  }
  div#img-lookbook5-home {
      grid-row: 1;
      display: flex;
      justify-content: center;
  }
  
  div#img-lookbook2-home {
      grid-row: 2;
      display: flex;
      justify-content: center;
      margin-top: 20px;
  }
  
  div#img-lookbook3-home {
      grid-row: 3;
        display: flex;
      justify-content: center;
  }
  
  div#img-lookbook4-home {
      grid-row: 4;
      display: flex;
      justify-content: center;
      margin-top: 20px;
  }
  div#img-lookbook5-home {
      grid-row: 5;
      display: flex;
      justify-content: center;
      margin-bottom: 20px;
  }
  div#img-lookbook6-home {
      grid-row: 6;
        display: flex;
      justify-content: center;
  }
  
  div#col2-lookbook-row-home {
      grid-auto-flow: dense;
      grid-template-columns: 100%!important;
  }
  div#section-lookbook-acceuil div#col1-lookbook-row-home {
      width: 100%!important;
      display: grid;
      grid-column-gap: 20px;
      grid-auto-rows: max-content;
      grid-gap: 10px;
  }
  #et-boc div#section-lookbook-acceuil .lookbook2-part {
      display: grid;
      grid-gap: 0!important;
  }
  
  
  
  
  
  
  /*********************/
  
  .page-id-22 div#section-lookbook-acceuil div#imagemapper15-wrapper .my_product_title_inner {
      font-size: 20px!important;
      margin-bottom: 5px;
      line-height: 1.3em!important;
  }
  .page-id-22 div#section-lookbook-acceuil div#imagemapper15-wrapper div#mCSB_1_container  {
      font-size: 24px!important;
  }
  .page-id-22 div#section-lookbook-acceuil div#imagemapper15-wrapper .my_product_footer a {
          font-size: 20px !important;
  }
}