#cv {
    font-family: Arial sans-serif;
    background-color: #f3f0f0;
    border-radius: 10px;
    padding: 10px;
}

#entete {
    overflow: auto;
    padding: 5px;
}

#contact {
    font-size: 14px;
}

#title {
    text-align: center;
}

#name {
    font-weight: bold;
}

#mail::before {
    content: "E-mail :";
}

div.flex-two-cv {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
}

div.flex-two-cv > div.first-item {
    flex: 40;
    background-color: lightgrey;
    border-radius: 10px;
}

div.flex-two-cv > div.second-item {
    flex: 60%;
    background-color: #e0cda9;
    border-radius: 10px;
}

div.flex-two-cv > div[class*="-item"] {
    padding: 10px;
    margin: 2px;
}

div#content p {
    text-align: justify;
}

#content .dates {
    font-size: small;
}

#content h4 {
    border-bottom: 2px dotted black;
    margin-left: 10px;
}

/* adaptation pour tablette
    affichage des éléments du cv les uns à la suite des autres */
@media only screen and (max-width: 768px) {
    div.flex-two-cv {
        flex-direction: column;
    }
}