html{
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    font-weight: 200;

}
.cv{
    margin-top: 50px;
    font-family:'Titillium Web', sans-serif;
    text-align: left;
}
a{
    text-decoration: none;
    color:black;
}
body{
    height:100%;
    font-family:'Titillium Web', sans-serif;
    color:#000000;
    margin:0;
    padding: 0;
    width:100%;
    text-align: left;

}
.bandeau{
    height:30px;
    background: #10d4aa;
    margin:0;
}

/***left_top***/
.nom{
    font-size: 3em;
    color:#003399;
    display: inline-block;
}
.prenom{
    font-size: 2em;
    color:#000000;
    display: inline-block;
}
.profession{
    color : #003399;
    font-size: 3em;
}
.localisation{
    display: inline-block;
    width:70%;
    color: #10d4aa;
    font-size: 1.4em;

}
.specialite{
    display: inline-block;
    color: #10d4aa;
    font-size: 1.4em;
}
.bottom{
    font-weight: bold;
    font-size: 1.5em;
    color:#000000;
}

.barre img{
    width:100%;
}

/*titre*/
.title_bloc{
    display: inline-block;
    border-bottom: 0.8rem solid #10d4aa;
    width:100%;
    margin:0;

    margin-top: 20px;

}
.title_bloc h1{
    font-family:'Titillium Web', sans-serif;
    margin:0;
    font-size:2rem;
    font-weight: bold;
    vertical-align: middle;
    width: 100%;

    line-height: 2em;
    margin-left: 50px;
    text-align: left;
    max-height: 20px

}
.title_bloc img{
    float:left;
    display: inline-block;
    width:15%;
    vertical-align: middle;
    margin-right: 10px;
}

/*expérience*/
.expe{
    border-bottom: 1px solid #c4c4c4;
    margin-bottom:5px;
    display: inline-block;
}
.left{
    display: inline-block;
    vertical-align:middle;
    width:80%;
    margin-right: 5%;
}
.position{
    font-weight: bolder;
    margin:0;
    margin-top:5px;
    font-size: 1.8em;
}
.entreprise{
    color:#10d4aa;
    margin-bottom:5px;
    font-weight: bold;
}
.resume{
    text-align: justify;
    width:100%;
    font-size: 1.3em;
    font-weight: 400;
}
.right{
    display:inline-block;
    vertical-align:middle;
    position: absolute !important;

}
.lieu{
    border: 1px solid grey;
    width:85px;
    height:50px;
    text-align : center;
    font-size: 1em;
    margin: 4px;
    line-height: 20px;
}
.date{
    height : 100px;
    width : 85px;
    background-color: #10d4aa;
    color : #ffffff;
    font-family: helvetica;
    font-size: 1.5em;
    text-align: center;
    margin: 5px;
    line-height: 35px;
}
.annee{
    margin:2px;
    font-size: 0.7em;
}
.date p{
    height:85px;
    width: 75px;
    padding:10px;
}

/*competences*/

.competence_left{
    display: inline-block;
    width:50%;
}
.competence_right{
    display: inline-block;
    width: 50%;
}
.note{
    width:40%;
    display: inline-block;
    height:40px;
}
.note img{
    width:15%;
    height: 40%;
}
.techno{
    display: inline-block;
    width:100%;
    font-family:'Titillium Web', sans-serif;
    font-size: 1.4em;
    font-weight: 400;

}

@media screen and (max-width: 47em) {
    .techno{
        font-size: 1em;
    }
}

/*mise en page left*/
.bloc_left{
    margin-left:0px;
    display: inline-block;
    width:55%;

}

/***right***/
.bloc_right{
    float : right;
    width:40%;

}
.picture img{
    max-width: 100%;
    display: inline-block;

    margin-top: 0;
}

.title_bloc_left{
    display: inline-block;
    border-bottom: 10px solid #10d4aa;
    width:100%;
    margin:0;

    margin-top: 5%;
    margin-right: 10px;

}
.title_bloc_left h1{
    font-family:'Titillium Web', sans-serif;
    margin:0;
    font-size:2em;
    font-weight: bold;
    vertical-align: middle;
    margin-left: 10px;
    text-align: left;
}
.title_bloc_left img{
    float:left;
    display: inline-block;
    width:21%;
    margin-right: 10px;
    vertical-align: middle;
}

.lieu_left{
    border: 1px solid grey;
    width:50px;
    height:40px;
    text-align : center;
    font-size: 0.7em;
    margin: 4px;
}
.date_left{
    height : 50px;
    width : 50px;
    background-color: #10d4aa;
    color : #ffffff;
    font-family: helvetica;
    font-size: 1em;
    text-align: center;
    line-height: 25px;
    margin: 5px;
}

.date_left p{
    margin-top:2px;
}
.left_left{
    display: inline-block;
    width:75%;
    height: 40%;
}
.right_left{
    float:right;
    width:20%;
    height:30%;
    display: inline-block;
    margin:0;
}

.formation{
    border-bottom: 1px solid grey;

    font-size: 1.2em;
}
.info{
    margin:5px;
    border-bottom: 1px solid #c4c4c4;
    font-size: 1.2em;
    font-weight: 600;

}
.info img{
    width:30px;
    margin:5px;
    display: inline-block;
    vertical-align: middle;
}

.titre_projet{
    font-size: 1.5em;
    font-weight: bold;
    color: #10d4aa;
}
.projet{
    font-size: 1.2em;
    margin-top: 5px;
}

.footer{
    width:100%
}
.footer img{
    width:100%;
}

.text{
    font-size: 1.2em;
    font-weight: 600;
}