@import url('https://fonts.googleapis.com/css?family=Roboto');
@font-face
    {
    font-family: 'BebasNeueR';
    src: url("../font/BebasNeue Regular.otf")
    }
@font-face
    {
    font-family: 'FuturaStd';
    src: url("../font/FuturaStd-Light.otf")
    }


.profile_box
    {
    max-width:1200px;margin:auto;
    padding-top: 40px;
    padding-bottom: 50px;
    }

#background
    {
        background:
            radial-gradient(black 15%, transparent 16%) 0 0,
            radial-gradient(black 15%, transparent 16%) 8px 8px,
            radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
            radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
        background-color:#282828;
        background-size:16px 16px;
    }
        
.profile_flex
    {
    padding:0 8px;
    display: flex;
    }

.gauche
    {
    width: 20%;
    flex: 1;
    margin-right: 18px;
    }

.w3-twothird,.w3-threequarter,.w3-quarter
    {
    flex: 2;width:60%
    }

.noir_blanc,.w3-hover-white:hover
    {
    color:#000;
    background-color:#fff;
    }

.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover
    {
    color:#757575!important
    }

.w3-card-4,.w3-hover-shadow:hover
    {
    box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important
    }

.w3-display-container
    {
    position:relative
    }

.w3-display-bottomleft
    {
    position:absolute;
    left:0;
    bottom:0
    }



.container
    {
    padding:0.01em 16px
    }

.w3-text-black,.w3-hover-text-black:hover
    {
    color:#000!important
    }

.fa
    {
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
    }

.fa-briefcase:before
    {
    content:"\f0b1"
    }

.fa-fw
    {
    width:1.28571429em;
    text-align:center
    }

.w3-margin-right
    {
    margin-right:16px!important
    }

.w3-large
    {
    font-size:18px!important
    }

.w3-text-teal,.w3-hover-text-teal:hover
    {
    color:#009688!important
    }

.fa-asterisk:before
    {
    content:"\f069"
    }

.w3-margin-left
    {
    margin-left:16px!important
    }

.w3-margin-right
    {
    margin-right:16px!important
    }

.w3-small
    {
    font-size:12px!important
    }

.w3-round-xlarge
    {
    border-radius:16px!important
    }

.w3-progress-container
    {
    width:100%;
    height:1.5em;
    position:relative;
    background-color:#f1f1f1
    }

.w3-progressbar
    {
    background-color:#757575;
    height:100%;
    position:absolute;
    line-height:inherit
    }

.w3-teal,.w3-hover-teal:hover
    {
    color:#fff!important;
    background-color: rgba(29, 113, 184, 1)!important
    }

.w3-center
    {
    text-align:center!important
    }

.w3-text-white,.w3-hover-text-white:hover
    {
    color:#fff!important
    }

.fa-globe:before
    {
    content:"\f0ac"
    }

h3
    {
    font-family : 'BebasNeueR';
    font-size : xx-large;
    color : #1D1D1B;
    color : rgb(29, 29, 27);
    padding-left: 50px;
    }

.infos
    {
    text-align: right;
    font-family : 'FuturaStd';
    letter-spacing : 1px;
    top : -1px;
    color: black;
    }

.beige
    {
    color : rgb(203, 187, 160)!important;    
    color : #CBBBA0!important;
    }

.profil
    {
    text-align: center;
    font-family : 'FuturaStd';
    font-style : italic;
    font-size : large;
    line-height : 30px;
    color : #1D1D1B;
    color : rgb(29, 29, 27);    
    }

.g
    {
    width: 20px;
    height: auto;
    }

.left
    {
    margin-left: 97%
    }

.experience
    {
    margin-left: 8px;
    margin-right: 8px;
    }

#svg
    {
    height: auto;
    display: block;
    }

.padding_bah
    {
    padding-bottom: 15px!important;   
    }