.separation{
  margin: 2rem 0;
}

.vh-100 {
   overflow: scroll;
}
/* #content{margin-bottom:2rem;} */

.badge{
  color:#212529;
  font-weight: 300;
}

.hr{
  width:100vw;
  color:#000;
  margin-top: 3rem;
  z-index: 0;
}
/* .arrow-left {
    position:relative;
    padding-left: 50px;
} */

.arrow-right {
    position:relative;
}
.arrow-right h1 {
    display:inline;
    font-size: 3.5rem;
}

.arrow-right::after {
    content: '';
    position: absolute;
    display: inline-block;
     top: 16px;
    width: 0;
    height: 0;
    transform: translate(20px, 8px);
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 40px solid currentColor;
}

#main-menu .arrow-left {
    position: relative;
    font-size: 32px;
    font-weight: bold;
}

.cat-fixed{
  position:absolute;
  top:5px;
  left:18px;
}

/* .arrow-left::after {
content:'';
position: absolute;
   display: inline-block;
    left: 0;
    top: 10px;   
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid currentColor;
} */

.btn-1-alt.btn-arrow {
  background-color: transparent;
  color:var(--color-1-alt)
}
.btn-1.btn-arrow {
  background-color: transparent;
  color:var(--color-1)
}
.btn-2.btn-arrow {
  background-color: transparent;
  color:var(--color-2)
}
.btn-2-alt.btn-arrow {
  background-color: transparent;
  color:var(--color-2-alt)
}

.btn-arrow {
    position: relative;
    padding-left: 0px;
  font-weight: bold;
}

.btn-arrow::after {
 content: '';
    position: absolute;
    display: inline-block;
    right: -5px;
    top: 11px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid currentColor;
}

.sidebar {
  z-index: 0;  
min-height: 100vh;
  }

.sidebar .fixed{
position: fixed;
bottom:0;
width:30%;
 height: 100vh;
}
.sidebar img{
  width:calc(100% + 70px);
  height:auto;
  transform: translateX(-70px);
  z-index: 0;
  height: revert !important;
}

.modal-body ul li {list-style: disc;}

.modal-body ul li::marker {
color:var(--color-1);

}
.btn{
  line-height: 1.2;
}
    .btn_french {
        position: fixed;
        bottom: 11px;
        right: 400px;
        z-index: 300;
    }
    .btn_eco {
        position: fixed;
        bottom: 11px;
        right: 180px;
        z-index: 300;
    
    }

    .btn_french .btn,.btn_eco .btn {
        background: gray;
        color: white;
            border-radius: 0;
    }
.btn_eco .btn i,#ecoModal i {
       
        color: #31d131;
    }

    .btn_french img {
        width: 20px;
    }

    #frenchModal .modal-body{
    background-image: url(../../img/marianne.png?1);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}



	.error{
		font-size:10px;
	}

   
@media (max-width:992px){

.sidebar {min-height: auto;}

.sidebar .fixed {position: revert;}

.sidebar img {transform: translateX(0px);}

}

@media (max-width:578px){
  .arrow-right h1 {
    font-size: revert;
}
.arrow-right::after {display:none;}

#accessibilite-container span{
  display:none;
}

    .btn_french {

        right: 114px;
       
    }
 
    .btn_eco {
        right: 68px;
    }
    .btn_eco div,.btn_french div{
        display:none;
    }
    /* #content{margin-bottom:5rem;} */


}