/**
Texte
*/

h1 {

    font-family:  "Yanone Kaffeesatz";
    font-size: 55pt;
    font-weight: 800;
}

h2 {

    font-family:  "Yanone Kaffeesatz";
    font-size: 50pt;
    font-weight: 600;
}


.h2_underline {
    text-decoration: underline;
    text-decoration-thickness: 18px;
    text-decoration-skip-ink: none;
    text-underline-offset: 0px;
}

h3 {

    font-family:  "Yanone Kaffeesatz";
    font-size: 40pt;
    font-weight: 600;
}


h4 {

    font-family:  "Yanone Kaffeesatz";
    font-size: 30pt;
    font-weight: 600;
}

h5 {

    font-family:  "Yanone Kaffeesatz";
    font-size: 20pt;
    font-weight: 600;
}

.subtitle-page{
    font-family:  "Yanone Kaffeesatz";
    font-size: 25pt;
    font-weight: 600;
}



p,ul,li {
    font-family:  "Yanone Kaffeesatz";
    font-size: 18pt;
    font-weight: 300;
}

a {
    color: white; 
    font-weight: bold;
}

.higlight{
    font-family:  "Yanone Kaffeesatz";
    font-size: 25pt;
    font-weight: normal;

}


.text-menu{

    font-family:  "Yanone Kaffeesatz";
    font-size: 18pt;
    font-weight: 500;

}

/**
Couleur de texte
*/

.text-purple{
color :#c13b8eff
}


.text-blue{

    color : #307db8ff

}



.text-red{
 color : #e94c60ff
}
/*
Marge négative pour le bas du menu
*/
.mt-n12 {
    margin-top: -6rem !important;
  }

  .icon_menu{
    font-size: 3.5rem;
  }
  

/*
Position des guillemets
*/

.guillemet_haut{

    position: relative;
    left: calc(-50% + 80px);
    top: 20px;
    width : 80px ;
    height :  50px;
}


.guillemet_bas{

    position: relative;
    left: calc(50% - 80px);
    top: -20px;
    width : 80px ;
    height :  50px;
}



/*
Menu déroulant
*/


.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: -1;
    left:45px;
    margin-top: -78px;
    color:white;
    height:78px;
    padding-right: 40px;
    border-radius: 0px 100px 100px 0px;
}
  
.dropdown-content table {
    height : 100%;
}

.dropdown-content a {
  
    text-decoration: none;
    display: inline-block;
    color:white;
    max-width: fit-content;
    padding-left: 60px;
    overflow: hidden;
    white-space: nowrap;
    font-size: large;
}
  

.dropdown-content:hover {background-color: #ddd;}
  
.dropdown:hover .dropdown-content {display: block;}

.menu_accueil, .menu_fragilite, .menu_pratique, .menu_action {
    color: black;
    display: grid;
}

.menu_accueil:hover {color: #39a493;}

.menu_fragilite:hover {color: #c13b8eff;}

.menu_pratique:hover {color: #307db8ff;}

.menu_action:hover {color: #e94c60ff;}

#image_temoignage_1{
    align-self: first baseline !important;
    margin-top: 50px;
}

body {
    overscroll-behavior: none;
}

.container-comm {
    overscroll-behavior: none;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 24px;
    margin-bottom: 24px;
}

.com-2{
    z-index: 1;
    background-color: #f9ebf4;
}


@media screen and (min-width: 1080px) {
    .panel-comm{
        width: 56%;
        padding-right: 10%;
        margin-top: 8%;
    }
}   


@media screen and (min-width: 480px) {
    .panel-comm{
        width: 56%;
        padding-right: 10%;
        margin-top: 6%;
    }
}

.sources{
    font-size: 1rem;
}