/* ----------  Ara Pha  ---------- */


.fullWidth
{
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #bbd4d1;
    position: relative;
}
#searchform .search__input {
    width: 100%;
    max-width: 100%;
    text-align: center;
    border-bottom: 2px solid;
    border-color: #d8d8d8;
    padding: 5px 0;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}
#searchform .search__input:focus {
    border-color: #171717;
}
#searchform .input-group {
    width: 70%;
    margin: auto;
}
.pageIntro
{
    text-align: center;
}
.search__links__wrapper
{
    justify-content: center;
    align-items: center;
}
.search__links__wrapper .search__links__item {
    margin-right: 0px;
    padding: 0 30px;
}
.intro_title
{
     width: 100%;
     margin:auto;
     line-height: 4.875rem;
    font-size: 4.875rem;
}

.intro_subtitle
{
  line-height: 1.875rem;
  font-size: 1.3125rem;
  padding-top: 35px;
  width: 90%;
  max-width: 700px;
  margin:auto;
  font-weight: normal;
}

.fullWidth_footer{
   background-color: #fff;
   display: grid;
   grid-template-columns:1fr 1fr ;
   width: 100%;
   position: absolute;
   z-index: 10;
   bottom: 0;
   left: 0;
   padding: 20px 35px;
}
.text__{
    font-size: 1.875rem;
    line-height: 2.1875rem; 
}
.text_left_
{
    text-align: left;
}
.text_right_
{
    text-align: right;
}
.underLine
{
    border-bottom: 2px solid ;
}
.infoslist h2,.formTitle{
    font-size: 37px;
    padding-bottom: 35px;
}
.underLine:not(.under_Nhover):hover
{
    border-bottom: 2px solid transparent;
}
a:hover .underLine:not(.under_Nhover)
{
    border-bottom: 2px solid transparent;
}

.bodyContent
{
    width: calc(100% - 40px);
    max-width: 800px;
    margin: auto;
    padding-bottom: 30px;
    position: relative;
}
.passtilleHolder
{
    position: absolute;
    z-index: 50;
    right: 70px;
    top: 270px;
    cursor: pointer;
}
.passtilleHolder img
{
    width: 150px;
    height: 150px;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
    transform: rotateY(0deg);
}
.passtilleHolder img:nth-child(2)
{
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
}
.passtilleHolder:hover img:nth-child(2)
{
    opacity: 1;
}
.passtilleHolder:hover img:nth-child(1)
{
    opacity: 0;
}
.infoslist,.catsList{
    margin: 30px 0 0 0;
    padding: 35px;
    background-color: #bbd4d1;
}

.bodyContent .newsFrom {
    background-color: #bbd4d1;
    padding: 35px;
    margin-top: 160px;
    margin-bottom: 150px;
}
.bodyContent .newsFrom form
{
  display: block;
}
.bodyContent .newsFrom form .inputGrid
{
  display: grid;
  width: 100%;
  grid-template-columns: auto auto auto;
}

.normalWeight
{
    font-weight: normal;
}
.catsList{
    background-color: #fff;
    padding: 35px 35px 0 35px;
}
.catTitle
{
    padding-bottom: 20px;
    font-size: 3.4375rem;
    line-height: 3.8125rem;
}
.catItem
{
    margin-bottom: 50px;
}
.infoslist ol{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.infoslist ol li:not(:first-child){
    padding-top: 15px;
    display: flex;
}
.infoslist ol li{
    display: flex;
    font-size: 1.3125rem;
}

.numberList
{
    margin-right: 30px;
    width: 0;
}
.sousCatItem
{
  border-top: 1px solid #000;
  padding: 15px 0;
  position: relative;
}
.sous_categorie_titre
{
    position: relative;
    padding-left: 30px;
    font-weight: normal;
    line-height: 2.1rem;
    font-size: 1.6rem;
}
.descList
{
    padding-left: 60px; 
    display: none;
    overflow: hidden;
}
.descItem
{
    padding-top: 15px;
    padding-bottom: 0px;
}
.descItem p:not(:first-child)
{
    padding-top: 20px;
    padding-bottom: 0px;
}
.plus_moins
{
    position: absolute;
    left: 0;
    z-index: 10;
    width: 18px;
    height: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    top: 22px;
}

.plus_moins div
{
    width: 100%;
    height: 2px;
    background-color: #000;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 1;
}
.plus_moins div:nth-child(1)
{
    transform: rotate(90deg);
    top: 2px;
}
.plus_moins div.open_
{
   /*transform: rotate(0deg) translateX(-18px);*/
   opacity: 0;
}
.catDescription
{
    margin-bottom: 20px;
}
.catItem .sousCatItem:last-child
{
    border-bottom: 1px solid #000;
}

.checkHolder {
    padding-top: 15px;
    display: grid;
    /*grid-template-columns: 20px auto;*/
    width: 100%;
    /*align-items: flex-start;*/
    grid-template-columns: 50px auto;
    align-items: center;
}

.check_label {
    /*font-size: 14px;*/
    font-weight: 400;
}

.bonus input[type=checkbox] + label {
    display: block;
    cursor: pointer;
}

.bonus input[type=checkbox] {
    display: none;
}

.bonus input[type=checkbox] + label:before {
    content: "\2714";
    border: 0.1em solid #000;
    display: inline-block;
    width: 2em;
    height: 2em;
    margin-right: 0.2em;
    vertical-align: sub;
    color: transparent;
    transition: .2s;
}

.bonus input[type=checkbox] + label:active:before {
    transform: scale(0);
}

.bonus input[type=checkbox]:checked + label:before {
    background-color: #92201c;
    border-color: #92201c;
    color: #fff;
    text-align: center;
}

.bonus input[type=checkbox]:disabled + label:before {
    transform: scale(1);
    border-color: #aaa;
}

.bonus input[type=checkbox]:checked:disabled + label:before {
    transform: scale(1);
    background-color: #bfb;
    border-color: #bfb;
}

.manifeste_description
{
    padding: 0px 35px 70px 35px;
}
.readMore,.decouvrir_link
{
    font-size: 1.3125rem;
    margin-top: 20px;
    display: block;
    width: max-content;  
    color: #92201c;
}
.decouvrir_link
{
    position: absolute;
    bottom: 5px;
}

.subscribeHolder
{
    width: 100%;
    padding: 50px 10%;
    background-color: #fff9f7;
    margin: auto;
    margin-top: 60px;
}
.subscribeArea
{
    display: grid;
    grid-template-columns: 50% 50%;
    margin-top: 40px;
}
.subInfos
{
  position: relative;
}
.subInfos ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.subInfos ul li
{ 
    padding-bottom: 4px;
    font-size: 22px;
    font-family: auto;
    font-weight: normal;
}
.subInfos ul li::before
{
    bottom: 5px;
    content: "\268A";
    padding-right: 8px;
    font-size: 30px;
    line-height: 0;
    position: relative;
}
.subHolder .form-group
{
  margin-bottom: 10px;
}
.subHolder .form-group input
{
    height: 45px;
}
.subHolder .form-group input[type="submit"]
{
    background-color: #92201c;
    line-height: unset;
}

.subHolder{
    width: 100%;
}
.subsTitre
{
    font-size: 45px;
}
.subsSubTitre
{
    font-size: 35px;
}

.confiGrid
{
    display: grid;
    grid-template-columns: auto 1fr auto;
    column-gap: 25px;
    margin-top: 20px;
}
.copyText
{
    height: 58px;
    background-color: #fff9f7;
    display: flex;
    align-items: center;
    padding: 0 15px;
    justify-content: center;
}
.copyText input
{
    width: 100%;
    border: 0;
    color: #a2a2a2;
    background-color: transparent;
    font-size: 16px;
}
.copyText input::selection {
    color: #a2a2a2;
    background: transparent;
  }
.copiedTo
{
    position: absolute;
    background-color: #28a745;
    padding: 10px;
    color: white;
    z-index: 3;
    border-radius: 3px;
    display: none;
}
.am-btn-red
{
    background-color: #dc6e63!important;
}
.pointer_cur
{
  cursor: pointer;
}

.catDescription,.descItem,.manifeste_description p
    {
        line-height: 23px;
    }
.readMorePara
{
    display: none;
}
.catsList p,.manifeste_description p,.thanks_subtitre,.para-size
{
    font-family: "FreightText Pro";
    line-height: 1.875rem;
    font-size: 1.3125rem;
}
 .para-size
  {
        padding: 20px 0 10px 0px;
  }

.thanks_titre,.conf_titre
{
    font-size: 3.4375rem;
    line-height: 3.8125rem;
}
.thanks_titre,.thanks_subtitre
{
    padding:  0 35px 35px 35px;
}


#wrapper-footer
{
    position: relative!important;
}
.site
{
    margin-bottom: 0vh!important;
}
/* ----------  Ara Pha  ---------- */
#sidebar_main_menu #mobileSearch{
   display: none;
}

#mobileSearch a{
    display: flex;
    margin-top: 15px;
 }
 #mobileSearch a .header__search__icon{
   margin-right: 7px;
   position: relative;
   bottom: 5px;
 }
 .infoslist.mrg-tB-0 {
    margin: 0px 0px;
}

.faite_
{
    display: flex;
    align-items: center;
}
.faite_ a
{
    margin-top: 0;
}

@media (max-width: 576px) {
    .infoslist ol li{
        font-size: 17px;
    }
    .faite_ a
        {
            margin-top: 15px;
        }
    .sous_categorie_titre {
        font-size: 1.2rem;
    }
    #shareBtn
    {
      max-width: 100%;
      width: 100%;
    }
    #searchform .input-group {
        width: 95%;
    }
    .plus_moins {
        position: absolute;
        width: 15px;
        height: 15px;
        top: 24px;
    }
    #sidebar_main_menu #mobileSearch{
        display: block;
     }
    .infoslist.mrg-tB-0 {
        margin: 0px 20px;
    }
    .bodyContent .newsFrom{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .subscribeHolder,.manifeste_description {
        margin-top: 20px;
    }
    .bodyContent
    {
        width: calc(100%);
        max-width: 800px;
        margin: auto;
        padding-bottom: 0px!important;
        position: relative;
    }
    .thanks_titre
    {
        font-size: 27px;
    }
   
    .thanks_subtitre
    {
        padding:  5px 20px;
    }
    .conf_titre
    {
        font-size: 25px;
    }
    .confiGrid {
        grid-template-columns: 1fr;
        column-gap: normal;
        row-gap: 20px;
        margin-top: 0px;
    }
    .intro_subtitle,.thanks_subtitre,.para-size
    {
        width: 100%;
        font-size: 17px;
        line-height: 24px;
    }
    .fullWidth_footer .text__
    {
        font-size: 1.375rem;
        line-height: 1.575rem;
    }
    
    .catTitle
    {
        font-size: 27px;
    }
    .infoslist h2
    {
        font-size: 24px;
    }
    .catsList{
        padding: 35px 20px;
    }
    .manifeste_description {
        padding: 35px 20px 70px 20px;
    }
    .catDescription,.descItem p,.manifeste_description p
    {
        font-size: 17px!important;
        line-height: 24px!important;
    }
    .formTitle {
        font-size: 24px;
        width: 100%;
        line-height: 1.5em;
    }
    .bodyContent .newsFrom form .inputGrid {
        grid-template-columns: auto;
    }
    .subsTitre {
        font-size: 35px;
        white-space: nowrap;
    }
    .subsSubTitre {
        font-size: 25px;
    }

    .subscribeArea {
        grid-template-columns: 100%;
        margin-top: 40px;
        row-gap: 30px;
    }
    .decouvrir_link {
        position: relative; 
        bottom: 0px;
    }
    .subInfos ul li {
        font-size: 18px;
        white-space: nowrap;
    }
    .subInfos ul li::before {
        bottom: 4px;
        font-size: 25px;
    }
    .passtilleHolder img {
        width: 90px;
        height: 90px;
    }
    .passtilleHolder {
        position: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        display: none;
    }
    .passtilleHolder img:nth-child(2)
        {
            display: none;
        }
    .passtilleHolder img:nth-child(1)
        {
            transform: rotateY(0deg)!important;
            opacity: 1!important;
        }
    .fullWidth_footer {
        grid-template-columns: 1fr;
    }
    .fullWidth_footer p{
        text-align: center;
        padding-top: 5px;
        margin-bottom: 20px;
    }
    .infoslist{
        margin: 30px 20px;
    }
    .header__logo::after {
        width: 0px;
    }
    .intro_title {
        line-height: 3rem;
        font-size: 38px;
        padding: 0 10px;
    }
    .thanks_titre, .thanks_subtitre {
        padding: 0 55px 20px 55px;
        line-height: 0;
    }
    .thanks_titre{
        margin-top: 40px;
    }
    .thanks_subtitre {
        line-height:normal;
    }
    .infoslist.mrg-tB-0 {
        padding: 10px 35px 35px;
    }
    .para-size
    {
            padding: 15px 0 10px 0px;
    }
    .intro_subtitle {
        padding: 35px 20px 35px 20px;
    }
    .stl {
          display: block;
          padding: 10px 0;
    }

    .hideMobile {
        display: none;
    }
}


@media (min-width: 576px) and (max-width: 768px){
    .subInfos ul li {
        font-size: 19px;
        display: flex;
    }
    .subInfos ul li::before {
        bottom: -5px;
        font-size: 25px;
    }
    .bodyContent .newsFrom form .inputGrid {
        column-gap: 10px;
    }
    .passtilleHolder {
        display: none;
    }
  
}

@media (min-width: 768px) and (max-width: 992px){
    .passtilleHolder {
        display: none;
    }

}

@media (max-width: 992px){

    .checkHolder {
        align-items: flex-start;
    }

    .bonus input[type=checkbox] + label:before {
        margin-top: 4px;
    }

    .thanks_titre, 
    .conf_titre {
        line-height: 2rem;
    }

}

@media (min-width: 992px) and (max-width: 1200px){
    .passtilleHolder {
        display: none;
    }
}

@media (min-width: 1200px) {
    .passtilleHolder {
        display: block;
    }
}
@media (max-height: 680px) and (max-width: 576px){
    .fullWidth_footer {
        padding: 5px 35px!important;
    }
    .fullWidth_footer p {
        padding-top: 0px!important;
        margin-bottom: 10px!important;
    }
    .intro_subtitle {
        padding: 20px 20px 35px 20px!important;
    }
}