/*   * Accordion  */
/* Basic Accordion Styles */


.footer_accordion 
  {
    /*disposition du menu en accordéon */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items:stretch;

    /*largeur d'écran*/
    width: 90%;
  }

  .footer_accordion > div
  {
  	width: 25%;
  	margin: 15px;
  }

.footer_accordion span
  {
    /*Textes des titres*/
    text-align: left;
    font-size: 1em;
    color: rgb(1,70,8);
  }

/*Masquer les checkbox standard*/
.footer_accordion input[name='footer_accordion_panel'] 
  {
    display: none;
  }


.footer_accordion label 
  {   
    /*Disposition des labels*/
    display: flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: space-between;
    align-items: center;

    /* Dimensionnement des labels*/
    height: 1em;
    padding: 0px;
    padding-bottom: 3px;
  
    /*bordure*/
    border-bottom: 1px solid rgb(230,230,230);
  }




@media (max-width: 840px) {
.footer_accordion 
  {
    /*disposition du menu en accordéon */
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items:stretch;

    /*largeur d'écran*/
    width: 90%;
  }

    .footer_accordion > div
  {
  	width: 100%;
  	margin: 0px;
  }

.footer_accordion label 
  {   
    /*Disposition des labels*/
    display: flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: space-between;
    align-items: center;

    /* Dimensionnement des labels*/
    height: 1.5em;
    padding: 1em;
  
    /*bordure*/
    border-bottom: 1px solid rgb(230,230,230);

    /* changement du curseur sur les labels*/
    cursor: pointer;

    /*Effet de transition*/
    transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
  }





/*creation d'un element après le label + valeur initiale*/
.footer_accordion label:after 
  {
    /*chevron orienté vers la gauche*/
    content: '\2039'; 
  
    /*dimensionnement de l'élément*/
    width: 1em; 
    height: 1em; 

  /*rotation vers le bas*/
    transform: rotate(-90deg);

    /*traitement de texte*/
    color: rgb(1,70,8);
    font-size: 2em;
    text-align: center;
    font-weight: bold;
    padding: 0px;
    vertical-align: middle;
    line-height: 0.8em;
  }

/* Action au passage sur les chevrons et les éléments de label*/
.footer_accordion label span:hover, .footer_accordion label:hover:after
  {
    color: rgb(0,129,80)!important;
  }

/*Action sur les titres des labels lorsque coche activée*/
.footer_accordion input:checked + label span
  {
    color: rgb(0,129,80)!important;
  }

/*Action sur les labels lorsque coche activée*/
.footer_accordion input:checked + label
  {
    background: rgb(230,230,230);
  }

/*Changement de valeur de l'élément after laber*/
.footer_accordion input:checked + label:after
  {
    content: '\203A';/* chevron orienté vers la droite(rotation + haut déjà prise en compte)*/
  
    /* adjust line-height to vertically center icon */
    line-height: .8em;
  }

  /* tilde permet d'appliquer une action sur n'importe quel élément content à condition que la checkbox soit active*/
  input[name='footer_accordion_panel']:checked ~ .accordion__content 
  {
    /* Get this as close to what height you expect */
    max-height: 20em;
  }


.footer_accordion .accordion__content 
  {
    /*masquer le contenu*/
    overflow: hidden;
    max-height: 0em;

    /*positionnement et ajustemnet du contenu*/
    position: relative;
    padding: 0 1.5em;
  
    /*Couleur du texte*/
    color: black;

    /*Effet de transition*/
    transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
  }

/*Disposition du corps*/
.footer_accordion .accordion__content .accordion__body
  {
    font-size: 0.8em;
    line-height: 1.4em;
    padding: 0px;
  }


  
 }