#top {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#logoNuit {
    position: absolute;
    left: 12px;
    top: 4px;
    display: none;
}

#logoJour {
    position: absolute;
    left: 9px;
    top: 4px;
}

ul li a {
    color: #7e7b7b;
}

ul li a:hover {
    color: #FFB163;
}


#fl {
    font-size: 50px;
    margin-bottom: -22px;
}

#titre {
    font-size: 30px;
    margin-bottom: 7px;
}

#details1 {
    margin-bottom: -7px;
    display: flex;
    justify-content: center;
}

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

#logomail:hover {
    color: #FFB163;
}

#detail3 {
    text-decoration: none;
    color: #a29b91;
}

#detail3:hover {
    color: #FFB163;
}

#detail4 {
    text-decoration: none;
    color: #a29b91;
}

#detail4:hover {
    color: #FFB163;
}


#detail1, #detail2, #detail3, #detail4, #detail5, #detail6 {
    margin-top: -3px;
    margin-left: 3px;
}

#logoage, #logophone, #logomail, #logohome, #logocar {
    margin-left: 3px;
}

.dateExperience {
    text-align: left;
}

#metier {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin: 5px 0px 7px 0px;
}

#texte-metier {
    font-size: 30px;
    margin-bottom: -22px;
    color: #7BCBA6;
    font-weight: bold;
}

/* #warped {position: relative; display: block; width:290px; height:50px;}

#warped>span[class^=w]:nth-of-type(n+0){display:block; position:absolute;
-moz-transform-origin:50% 100%; -webkit-transform-origin:50% 100%; -o-transform-origin:50%
100%; -ms-transform-origin:50% 100%; transform-origin:50% 100%; }

#warped span{font-size:25px;font-weight:regular;font-style:normal;
line-height:0; white-space:pre; overflow:visible; padding:0px;}

#warped .w0 {-moz-transform: rotate(-6.79rad);-webkit-transform: rotate(-6.79rad);-o-transform:
rotate(-6.79rad);-ms-transform: rotate(-6.79rad); transform: rotate(-6.79rad);
width: 18px; height: 0px; left: 59.03px; top: 120.73px;}

#warped .w1 {-moz-transform: rotate(-6.68rad);-webkit-transform: rotate(-6.68rad);-o-transform:
rotate(-6.68rad);-ms-transform: rotate(-6.68rad); transform: rotate(-6.68rad);
width: 11px; height: 0px; left: 73px; top: 114.54px;}

#warped .w2 {-moz-transform: rotate(-6.59rad);-webkit-transform: rotate(-6.59rad);-o-transform:
rotate(-6.59rad);-ms-transform: rotate(-6.59rad); transform: rotate(-6.59rad);
width: 13px; height: 0px; left: 85.45px; top: 110.62px;}

#warped .w3 {-moz-transform: rotate(-6.5rad);-webkit-transform: rotate(-6.5rad);-o-transform:
rotate(-6.5rad);-ms-transform: rotate(-6.5rad); transform: rotate(-6.5rad);
width: 11px; height: 0px; left: 97.94px; top: 107.6px;}

#warped .w4 {-moz-transform: rotate(-6.45rad);-webkit-transform: rotate(-6.45rad);-o-transform:
rotate(-6.45rad);-ms-transform: rotate(-6.45rad); transform: rotate(-6.45rad);
width: 7px; height: 0px; left: 110px; top: 105.9px;}

#warped .w5 {-moz-transform: rotate(-6.39rad);-webkit-transform: rotate(-6.39rad);-o-transform:
rotate(-6.39rad);-ms-transform: rotate(-6.39rad); transform: rotate(-6.39rad);
width: 13px; height: 0px; left: 116.09px; top: 104.58px;}

#warped .w6 {-moz-transform: rotate(-6.32rad);-webkit-transform: rotate(-6.32rad);-o-transform:
rotate(-6.32rad);-ms-transform: rotate(-6.32rad); transform: rotate(-6.32rad);
width: 13px; height: 0px; left: 128.73px; top: 103.77px;}

#warped .w7 {-moz-transform: rotate(-6.26rad);-webkit-transform: rotate(-6.26rad);-o-transform:
rotate(-6.26rad);-ms-transform: rotate(-6.26rad); transform: rotate(-6.26rad);
width: 13px; height: 0px; left: 141.73px; top: 103.77px;}

#warped .w8 {-moz-transform: rotate(-6.21rad);-webkit-transform: rotate(-6.21rad);-o-transform:
rotate(-6.21rad);-ms-transform: rotate(-6.21rad); transform: rotate(-6.21rad);
width: 11px; height: 0px; left: 154.93px; top: 104.46px;}

#warped .w9 {-moz-transform: rotate(-6.16rad);-webkit-transform: rotate(-6.16rad);-o-transform:
rotate(-6.16rad);-ms-transform: rotate(-6.16rad); transform: rotate(-6.16rad);
width: 13px; height: 0px; left: 167px; top: 105.66px;}

#warped .w10 {-moz-transform: rotate(-6.12rad);-webkit-transform: rotate(-6.12rad);-o-transform:
rotate(-6.12rad);-ms-transform: rotate(-6.12rad); transform: rotate(-6.12rad);
width: 8px; height: 0px; left: 180px; top: 107.37px;}

#warped .w11 {-moz-transform: rotate(-6.1rad);-webkit-transform: rotate(-6.1rad);-o-transform:
rotate(-6.1rad);-ms-transform: rotate(-6.1rad); transform: rotate(-6.1rad);
width: 6px; height: 0px; left: 186.03px; top: 108.42px;}

#warped .w12 {-moz-transform: rotate(-6.05rad);-webkit-transform: rotate(-6.05rad);-o-transform:
rotate(-6.05rad);-ms-transform: rotate(-6.05rad); transform: rotate(-6.05rad);
width: 24px; height: 0px; left: 192.27px; top: 111.74px;}

#warped .w13 {-moz-transform: rotate(-6rad);-webkit-transform: rotate(-6rad);-o-transform:
rotate(-6rad);-ms-transform: rotate(-6rad); transform: rotate(-6rad); width:
11px; height: 0px; left: 215.4px; top: 116.23px;}

#warped .w14 {-moz-transform: rotate(-5.9rad);-webkit-transform: rotate(-5.9rad);-o-transform:
rotate(-5.9rad);-ms-transform: rotate(-5.9rad); transform: rotate(-5.9rad);
width: 13px; height: 0px; left: 228px; top: 121px;}



#warped {
    margin-left: auto;
    margin-right: auto;
    bottom: 40px;
} */