h1
{
	margin: auto; /* fonctionne avec le module flexbox*/
	padding: 1.25rem;	
    text-align: center;
}

strong
{
    font-weight: 1000;
    text-decoration: underline;
}

italic
{
    font-style: italic;
}

/*******************START BLOG***************************/
.acceuil
{
    /* On met en place le fond d'écran */
    /* On indique un redimensionnement proportionnel */
    width: 100%;
    height: 95%;
    position: fixed; 
    top: 20; 
    left: 0; 
}
/*******************STOP BLOG***************************/

/*******************START ABOUT ME***************************/
#conteneur_aboutme
{
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap-reverse;
}

#aboutme
{
    width: 50%;
    text-align: justify;
    padding-right: 1.25px;
}
/*******************STOP ABOUT ME***************************/

/*******************START EXPERIENCE / DIPLOME***************************/
#conteneur_exp1, #conteneur_exp2, #conteneur_exp3, #conteneur_exp4, #conteneur_formation, #conteneur_dip1, #conteneur_dip2
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin: auto;  
    padding: 1.87rem;   /* marge intérieur **/
}

.img_exp1, .img_exp2, .img_exp3, .img_exp4, .img_dip1, .img_dip2
{
    width: 18.75rem;
    height: auto;
}

#descriptif_exp1, #descriptif_exp2, #descriptif_exp3, #descriptif_exp4, #descriptif_formation, #descriptif_dip1, #descriptif_dip2
{
    /*border: 1px red solid;*/
    width: 70%;
    padding-left: 1.87rem;
    padding-top: 1.87rem;
    text-align: justify;
}

.diag_cd13, .diag_pe
{  display: block;
  margin: 0 auto;
  width: 60%;
  height: auto;
  border: 1px solid black;}
/*******************STOP EXPERIENCE / DIPLOME***************************/


/*******************START COMPETENCE***************************/
.container_info
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}
 
.img_stage
{
    align-items: center;
    width: 40rem;
    height: auto;
}

.img_comp
{
    width: 12rem;
    height: auto;
    margin: 0.6rem;
}

.card-title
{
  text-decoration: underline;
}
.container-sm
{
    position: relative;
    top: 0.62rem;
    left: 25.93rem;
    align-items: center;
}

.btn_position
{
    position: relative;
    top: 0.31rem;
    left: 1.25rem;
}

.sr-only
{
    font-size: 1.12rem;
}


/*******************STOP COMPETENCE***************************/

/*******************START PORTFOLIO***************************/

.container_portfolio
{
    display: flex;
    justify-content: center;
}

.card
{
    width: 40rem;
    margin: 2rem;
}

.large_card
{
    width: 100rem;
    margin: 2rem;
}

.link_todolist
{
    height: 3.12rem;
    width: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

/*******************STOP PORTFOLIO***************************/

/*******************START CONTACT***************************/
#conteneur_detail
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 1.25rem;
    gap: 1rem;
}

.lie, .pho, .mai, .sit
{
    height: 1.25rem;
    width: auto;
    padding-left: 1.87rem;
    padding-right: 0.31rem;
}

#conteneur_reseau
{
    display: flex;
    justify-content: center;
}

.twi, .lin, .ins, .git
{
    height: 3.12rem;
    width: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
/*******************STOP CONTACT***************************/