html
    {
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     -o-hyphens: auto;
     hyphens: auto;    
    }

ul.navigation_ecran li
    {
    font-weight: 400!important;    
    }

h1
    {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    }

h1 prenom
    {
    font-weight: 200;        
    }

h1 nom
    {
    font-weight: 800;        
    }

.mem_classique h2
    {
    word-spacing: -15px;
    }

.mem_classique h2.mem_min
    {
    word-spacing: -15px;
    font-size: 200%;
    margin-top: 10px;
    }

h2 prenom
    {
    font-weight: 100;      
    }

h2 nom
    {
    font-weight: 600;        
    }

h3.title
    {
    text-transform: uppercase;   
    }

h3.title i
    {
    font-size: 2.92rem;
    vertical-align: -8px;
    }

.mem_classique .container h2, .mem_classique .container h5, .mem_classique .container p
    {
    color: white;
    }

.mem_classique .container h5
    {
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
    }

@media (max-width: 380px)
    {
    h1
        {
        line-height: 75%;    
        }
    h1 prenom
        {
        font-weight: 200;
        font-size: 45px!important;
        }
    h1 nom
        {
        font-weight: 800;  
        font-size: 45px!important;      
        }
    .mem_classique h2.mem_min
        {
        word-spacing: -10px;
        }
    .warning .card-title
        {
        font-size: 200%!important;
        font-weight: 400;
        text-transform: uppercase;
        line-height: 120%!important;
        }
    .warning .card-title i
        {
        font-size: 80%!important;
        vertical-align: -2px!important;
        }
    }

.card-title i
    {
    vertical-align:-4px;    
    }

.chip i
    {
    vertical-align:-7px;    
    }

.movie_card span.card-title, #last_movie h5.card-title
    {
    text-transform: uppercase;    
    }

.movie_card span director
    {
    text-transform : none;
    font-size: 15px;
    font-weight:400;
    }

.warning .card-title
    {
    font-size: 400%;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 100%!important;
    }
.warning .card-title i
    {
    font-size: 90%;
    vertical-align: -5px;
    }

.education_card span.card-title
    {
    text-transform: uppercase;    
    }

.education_card span.card-title small
    {
    text-transform: none;    
    }

div.card-action a i
    {
    font-size: 15px;
    vertical-align: -2px;
    margin-left: 3px;
    }

.education_card p.title_list
    {
    text-decoration: underline;   
    }

.education_card ul.list_education
    {
    margin-left: 3%;
    }

.education_card ul.list_education li
    {
    font-size: 90%;
    }

.education_card ul.list_education li::before
    {
    content: "- ";
    }

.timeline .card-title
    {
    text-transform: uppercase;
    }

.small_skills
    {
    color: rgb(136, 136, 136)!important;
    font-weight: 100;
    }

.small_skills::before
    {
    content: " - ";
    }

.small_skills::after
    {
    content: " -";
    }