* { font-family: "Source Sans Pro", Helvetica, Arial, Sans-Serif; }

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.bigBlock { width: 100%; }

.insBigBlock {
    max-width: 968px;
    margin: 0 auto;
    padding: 30px 16px;
    position: relative;
    overflow: hidden;
}

h2 {
    font-weight: bold;
    font-size: 24px;
    display: block;
    margin-bottom: 22px;
}

#photo {
    width: 92px;
    height: 92px;
    border: 3px solid #1b9b85;
    margin-right: 34px;
    float: left;
}
#photo > img {
    display: block;
    width: 92px;
    height: 92px;
}

#nom {
    margin: 0 60px 10px 0;
    float: left;
}
#nom > h1 {
    font-size: 60px;
    font-weight: bold;
    color: #666;
}
#nom > span {
    font-size: 36px;
    color: #f4ab2b;
}

#coordonnees {
    line-height: 24px;
    float: left;
}
#coordonnees * {
    display: block;
    color: #999;
}

#topLinks {
    position: absolute;
    top: 0;
    right: 0;
    height: 78px;
}
#topLinks div {
    width: 40px;
    height: 40px;
    float: left;
    -webkit-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px;
    padding-top: 2px;
}
#topLinks a {
    width: 30px;
    padding-left: 2px;
    height: 32px;
    line-height: 31px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background: #cecece;
    display: block;
    margin: 4px;
    font-size: 14px;
    font-weight: bold;
}
#downloads {
    background: #1b9b85;
}
#downloads .docLink {
    line-height: 32px;
    font-size: 11px;
    color: #0287d4;
}
#downloads .pdfLink {
    color: #de2f2f;
}

#etudesFormations {
    background: #666;
}

#etudesFormations h2 {
    color: #f4ab2b;
}

#etudesFormations #etudes li {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}
#etudesFormations #etudes .date {
    display: block;
    float: left;
    color: #6cc;
    width: 100px;
    height: 40px;
    clear: left;
}
#etudesFormations #etudes .lib {
    font-weight: bold;
    color: #e8e8e8;
    display: block;
    margin-bottom: 3px;
    margin-left: 100px;
}
#etudesFormations #etudes .lieu {
    color: #c0c0c0;
    margin-left: 100px;
    display: block;
}

#experiencesPro {
    background: #2c9b85;
}
#experiencesPro h2 {
    color: #f4ab2b;
}

#experiencesPro #experiences .titre {
    font-weight: bold;
    font-size: 24px;
    color: #262626;
    display: block;
    float: left;
    margin: 0 20px 0 0;
    line-height: 24px;
}
#experiencesPro #experiences .sousTitre {
    color: #414141;
    font-size: 20px;
    display: block;
    line-height: 24px;
}
#experiencesPro #experiences .sousTitre:before {
    content: '- ';
}
#experiencesPro #experiences .type {
    font-weight: bold;
}
#experiencesPro #experiences .type, #experiencesPro #experiences .date, #experiencesPro #experiences .lieu {
    color: #ebebeb;
    line-height: 22px;
}
#experiencesPro #experiences .date:before, #experiencesPro #experiences .lieu:before {
    content: ' - ';
}
#experiencesPro #experiences .links {
    display: block;
}
#experiencesPro #experiences .links a {
    color: #ffc052;
    margin-right: 30px;
}
#experiencesPro #experiences .links a:hover {
    text-decoration: underline;
}

#experiencesPro #experiences .inExp {
    color: #fff;
    padding: 5px 0;
    list-style-type: disc;
}
#experiencesPro #experiences .inExp li {
    margin-left: 20px;
    line-height: 20px;
}
#experiencesPro #experiences .inExp li a {
    color: #ffc052;
}

#experiencesPro #experiences > li {
    margin-bottom: 22px;
}

#experiencesPro .insBigBlock { padding-bottom: 20px; }

#competences {
    background: #f2b751;
    color: #fff;
}

#competences h2 {
    color: #3c393a;
    margin-bottom: 10px;
}

#competences .compTitle {
    color: #1b9b85;
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin: 15px 0 10px;
    clear: left;
}
#competences .subTitle {
    color: #fff;
    display: block;
    float: left;
    width: 86px;
    clear: left;
}
#competences .subTitle:after { content: " :"; }

#competences ul li {
    overflow: hidden;
    line-height: 18px;
}
#competences ul.tagList li {
    display: block;
    height: 22px;
    line-height: 21px;
    padding: 0 12px;
    float: left;
    margin: 0 7px 9px 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.phpColor       { background-color: #8892bf;}
.hmtlColor      { background-color: #e44d25;}
.cssColor       { background-color: #0171bb;}
.jsColor        { background-color: #fa694a;}
.jqColor        { background-color: #467ca4;}
.mysqlColor     { background-color: #ef9504;}
.angularColor   { background-color: #c5473b;}
.vuejsColor     { background-color: #41b883;}
.elasticsearchColor { background-color: #24bbb1;}
.redisColor     { background-color: #d92b21;}
.solrColor      { background-color: #d9411e;}
.javaColor      { background-color: #d20001;}
.androidColor   { background-color: #79c25b;}
.rabbitmqColor  { background-color: #ff6600;}
.symfonyColor   { background-color: #000;}
.gitColor       { background-color: #f15034;}
.svnColor       { background-color: #819ccb;}
.responsiveColor{ background-color: #f42b83;}
.bashColor      { background-color: #ffc501;}
.adminColor     { background-color: #000;}
.photoshopColor { background-color: #2dcbfa;}
.ionicColor     { background-color: #4a8af3;}
.cordovaColor   { background-color: #3b4854;}

#diversHobbies h2 {
    color: #3c393a;
    margin-bottom: 15px;
}

#diversHobbies .dh2 { color: #dc9315; }
#diversHobbies .dh1 { color: #1b9b85; }
#diversHobbies span {
    font-size: 18px;
    display: block;
    margin-bottom: 25px;
    line-height: 28px;
}