@media (max-width: 1360px) {
.wp-block-columns,
.wp-block-group, 
.wp-block-accordion,
.wp-block-media-text{
padding-left: var(--padding-global-dg);
    padding-right: var(--padding-global-dg);
}

.le-contenu .wp-block-columns,
.le-contenu .wp-block-group, 
.le-contenu .wp-block-accordion,
.le-contenu .wp-block-media-text{
padding-left: 0px;
    padding-right: 0px;
}

.wp-block-group .wp-block-columns,
.wp-block-group .wp-block-group, 
.wp-block-group .wp-block-accordion,
.wp-block-group .wp-block-media-text{
    padding-left: 0px;
    padding-right: 0px;
}

.gutenberg.gutenberg-single .gauche{
 padding-left: var(--padding-global-dg);
  
}

.gutenberg.gutenberg-single .droite{
padding-right: var(--padding-global-dg);
}
   .top-wrapper {
     padding-left: var(--padding-global-dg);
     padding-right: var(--padding-global-dg);
     
    }

    .graffiti-template .opaque header{
    padding-left: var(--padding-global-dg);
    padding-right: var(--padding-global-dg);
}

footer {
padding-right: var(--padding-global-dg);
padding-left: var(--padding-global-dg);
}

    .list-actus{
  padding-right: var(--padding-global-dg);
padding-left: var(--padding-global-dg);
}

.pagination-un-article{
width: calc(100% - var(--padding-global-dg));
margin-left: auto;
margin-right: auto;
padding-top: 30px;
padding-bottom: 30px;
}

.pagination-un-article .prev{
    padding-right: 10px;
}


.pagination-un-article .next{
  padding-left: 10px;
}


}


@media (max-width: 1260px) {

    .footer-content .col.col-reseau{
        margin-top: 30px;
        padding-top: 30px;
width: 100%;
  border-top: var(--footer-text-color) 1px solid;
  display: flex;
  flex-direction: row;
  justify-content: center;
    }

}



@media (max-width: 960px) {


    .gutenberg.gutenberg-single .gauche{

  padding-right: 30px;
  
}

.gutenberg.gutenberg-single .droite{
 padding-left: 30px;
}


.footer-content .col{
    width: 100%;
    text-align: center;
    border-bottom: var(--footer-text-color) 1px solid;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.footer-content ul li {
display: block;
width: 100%;
text-align: center;
box-sizing: border-box;
margin-top: 10px;
margin-bottom: 10px;
}

.col-full{
    border-top-style: none;
    padding-top: 0px;
}
}



@media (max-width: 768px) {

    main header h1 {
  padding-right: 0;
    }

    .list-actus{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  padding-right: var(--padding-global-dg);
padding-left: var(--padding-global-dg);
}

 

    .top-wrapper .top{
        justify-content: space-between;
    }
    .top-wrapper a{
margin-left: 0px;
    }
.nav-content{
    /*align-items: center;*/
    align-content: stretch;
}

.nav-menu{
    position: relative;
     align-items: center;
}

    .nav-menu.hide-smart ul.menu-principal{
        display: none;
    }

    .nav-menu ul.menu-principal{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        box-sizing: border-box;
        height: calc(100vh - 80px);
        top: 80px;
        left: 0px;
        width: 100%;
        position: fixed;
        background-color:var( --top-text-color) ;
          backdrop-filter: blur(10px);
          font-size: 24px;
          padding-top: 80px;
    }



    .nav-content ul ul.sub-menu {
position: relative;
left: 0;
top: inherit;
width: 100%;
box-sizing: border-box ;
background-color:var( --top-background-color) ;
border-radius:var( --border-radius) ;
padding-top: 20px;
padding-bottom: 20px;
    }

    .nav-content ul ul.sub-menu li{
display: block;
box-sizing: border-box;
padding-left: 0px;
padding-right:0px ;
line-height: 22px;
    }

    .nav-content ul ul.sub-menu li a{
        color: var(--top-text-color);
        padding-left: 10px;
        padding-right: 10px
    }

    .nav-content ul ul.sub-menu li a::after {
display: none;
    }

    .nav-menu ul.menu-principal li{
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
        padding-right: 0;
        justify-content: center;
        display: block;
        padding-left: 10px;
        padding-right: 10px;
    }

    .nav-content ul li.menu-item-has-children::after {
display: none;
    }
     .nav-menu ul.menu-principal li a{
  text-align: center;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
     }

.nav-content ul li.menu-item-has-children a::after {
content: "";
  position: absolute;
  top: 12px;
  right: -15px;
  width: 15px;
  height: 9px;
  background-color: var(--nav-menu-color);
  -webkit-mask: url(../images/chevron.svg) no-repeat center;
  mask: url(../images/chevron.svg) no-repeat center;
  -webkit-mask-size: contain;
}
    button.menu-toggle{
        display: block;
        background-color: var(--button-color-background);
        color: var(--button-color-text);
        border-bottom-color: var(--button-color-border);
        border-top-color: var(--button-color-border);
        border-left-color: var(--button-color-border);
        border-right-color: var(--button-color-border);
        border-style: solid;
        border-radius: var( --border-radius);
        font-size: 20px;
    }



.gutenberg,
.gutenberg.gutenberg-single{
padding-top: 20px;
}

.opaque {
  padding-top: 120px;
  padding-bottom: 60px;
}

.home .graffiti-template .opaque {
  height: auto;
}






.wp-block-media-text>.wp-block-media-text__content{
padding-left: 0px;
padding-right: 0px;
}

.wp-block-group .wp-block-media-text>.wp-block-media-text__content{
padding-left: 0;
padding-right: 0;
}

.wp-block-quote {
  padding-right: 60px;
  margin-left: 0;
  margin-right: 0;
}

.wp-block-accordion-heading{
    font-size: 22px;
    line-height: 26px;
}





.gutenberg.produit {
padding-top: 0px;
}

.cols-produits .photo{
    width: 100%;
    position: relative;
    height: auto;
    top: inherit;
    left: inherit;
}

.cols-produits .photo img {
width: 100%;
height: auto;
object-fit: contain;
}

.cols-produits .contenu {
  width: 100%;
  padding-top: 40px;
}

.le-contenu {
  padding-left: var(--padding-global-dg);
  padding-right: var(--padding-global-dg);
}



    .gutenberg.gutenberg-single .gauche{
width: 100%;
   padding-left: var(--padding-global-dg);
  padding-right: var(--padding-global-dg);
  
}

.gutenberg.gutenberg-single .droite{
    width: 100%;
  padding-left: var(--padding-global-dg);
  padding-right: var(--padding-global-dg);
  margin-top: 50px;
}

.pagination-un-article a span.titre{
    display: none;
}


}

@media (max-width: 550px) {


    .list-actus{
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  padding-right: var(--padding-global-dg);
padding-left: var(--padding-global-dg);
}