/***********Main***********/
.main_container{
    display: flex;
    flex-direction: column;
    align-items: center;
    
    background-color: rgba(255, 255, 255, 0.6);
    font-size: 1.1em;
    
    width: 60%;
    padding: 80px;
    
    overflow: auto;
    scrollbar-width: none;
}

/***********Eléments principaux du main***********/
/***********Section***********/
.experience_professionelle{
    display: grid;
    grid-template-columns: 50px 1fr 1fr;
    grid-template-areas:
        "profession profession pays"
        "societe societe periode"
        ". description_experience description_experience";
    
    margin: 25px 0px 25px 0px;
    width: 100%;   
}
/*********Séparateur*********/
.separateur{
    border-bottom: 1px solid black;
    margin: 10px;
    height: 1px;
    width: 60%;
}
h1{
    font-weight: bold;
    
}


/*****************Zone Section*****************/
.profession{
    grid-area: profession;
    align-content: center;
    
    font-size: 1.35em;
    font-weight: bold;
}

.pays, .pays *{
    grid-area: pays;
    align-content: center;
    
    font-weight: 400;
    text-align: end;
}

.societe{
    grid-area: societe;
    align-content: center;
    
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 5px;
}

.periode{
    grid-area: periode;
    align-content: center;
    
    font-weight: 400;
    text-align: end;
}

.description_experience{
    grid-area: description_experience;
    text-align: justify;
    align-content: center;
    
    font-size: 0.9em;
    font-weight: 400;
}

/*****************Aside*****************/
aside{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    position: fixed;
    
    
    background-color: rgb(255, 255, 255, 0.6);
    
    height: 100%;
    padding: 20px;
}

/***********Eléments principaux de aside***********/
/***********Aside-container***********/
.aside_container{
    display: flex;
    flex-direction: column;
    align-items: center;
}


/***********logo***********/
.logo_aside{
    height: 50px;
}

/***********Notation***********/
.notation img{
    height: 20px;
}


/*****************************************************/
/********************Media Queries********************/
/*****************************************************/

/*Media pour mobile*/
@media (max-width: 480px){

}