/* CV  */
body {
    background-color          : #8e9183;
    text-align                : center;
    font-family               : 'Roboto Condensed', sans-serif;
    font-size                 : 14px;
}

h1 {
    color                     : white;
    text-align                : center;
    font-family               : 'Satisfy', sans-serif; 
}

h2 {
    color                     : white;
    font-size                 : 24px;
    font-family               : 'Roboto Condensed', sans-serif; 
}

h3 {
    color                     : white;
    font-size                 : 20px;
    font-weight               : bolder;
    text-align                : center; 
    padding-bottom            : 10px;
    font-family               : 'Kaushan Script', sans-serif; 
    border-bottom             : 1px solid grey;
}

#top {
    top                       : 0;
    height                    : 25px;
    width                     : 100%;
    background-color          : #54554f;    
    position                  : fixed;
    display                   : block;
    z-index                   : -1;
}   

#bottom {
    top                       : 100%;
    margin-top                : -150px;
    height                    : 150px;
    width                     : 100%;
    background-color          : #54554f;    
    position                  : fixed;
    display                   : block;
    z-index                   : -1;
}   

 
.cv_separator  {
    background-color          : #8e9183;
    width                     : 100%;
    font-size                 : 0;
    padding                   : 0;
    margin                    : 0;
    height                    : 2px;
}

#cv-col-left {
    background-color          : #54554f;
    color                     : white;
    min-width                 : 360px;
}

#cv_info {
    text-align                : left;
}

#cv_etude {
    font-size                 : 14px;
    text-align                : left;
}

#cv_outils  {
    font-size                 : 14px;
    text-align                : left;
}

#cv_experience  {
    font-size                 : 14px;
    text-align                : left;
}

#cv_applications  {
    font-size                 : 14px;
    text-align                : left;
}

#cv_domaine  {
    font-size                 : 14px;
    text-align                : left;
}


#keybord {
    width                     : 50%;
}

#cv_francais,#cv_anglais {
    letter-spacing            : 2px;
}

#cv-col-right {
    background-color          : white;
    color                     : #333333;
    min-width                 : 360px;
}

.cv_right {
    color                     : #333333;
}

.cv_ico {
    width                     : 64px;
}

#cv_arrow {
    color                     : #333333;
    font-size                 : 40px;
    float                     : right;
}

/* ABOUT ME */
#about-col-left {
    background-color          : black;
    color                     : white;
    min-width                 : 360px;
    min-height                : 490px;
}

#about-col-right {
    background-color          : black;
    color                     : white;
    min-width                 : 360px;
    padding-top               : 15px;
}

#bear {
    width                     : 60%;
}

#gamewatch {
    width                     : 32px;
    margin-left               : 5px;
}

.about_me  {
    font-family               : 'Press Start 2P', sans-serif;
}

.about_link  {
    font-family               : 'Press Start 2P', sans-serif;
    font-size                 : 10px;
    color                     : #28fe14;
}

#about_title {
    background-color          : black;    
}

#top_about {
    top                       : 0;
    height                    : 25px;
    width                     : 100%;
    background-color          : white;    
    position                  : fixed;
    display                   : block;
    z-index                   : 100;
}   

#left_about {
    top                       : 0;
    height                    : 100%;
    width                     : 25px;
    background-color          : white;    
    position                  : fixed;
    display                   : block;
    z-index                   : 100;
}   

#right_about {
    top                       : 0;
    left                      : 100%;
    margin-left               : -25px;
    height                    : 100%;
    width                     : 25px;
    background-color          : white;    
    position                  : fixed;
    display                   : block;
    z-index                   : 100;
}   


#bottom_about {
    top                       : 100%;
    margin-top                : -25px;
    height                    : 25px;
    width                     : 100%;
    background-color          : white;    
    position                  : fixed;
    display                   : block;
    z-index                   : 100;
}  

#about-left {
    font-family               : 'Press Start 2P', sans-serif;
    text-align                : left;
    font-size                 : 12px;
    border-right              : 5px solid white;
}

#about-right {
    font-family               : 'Press Start 2P', sans-serif;
    text-align                : left;
    padding-bottom            : 15px;
    padding-left              : 25px;
    padding-right             : 25px;
    font-size                 : 10px;
}

.about_body {
    background-color          : black;    
}

#c64  {
    width                     : 50%;
    border-style              : solid;
    border-width              : 10px;
    border-color              : #0088FF !important;
    color                     : #0088FF !important;
    background-color          : #0000AA;
    margin-left               : 25%;
    padding                   : 15px;
    font-size                 : 8px;
}

#maxim  {
    text-decoration           : italic;
    color                     : #28fe14 !important;
}

.donkey {
    background-image          : url("../img/platform.png");
    background-repeat         : repeat-x;
    min-height                : 32px;
    margin-top                : 20px;
    margin-bottom             : 10px;
    width                     : 100%;
}

.vt_100 {
    color                     : #28fe14;
    padding-left              : 10px;
}

/* Article */
.article_body {
    background-color          : #cccccc;
    font-size                 : 16px;
    font-family               : 'Roboto Condensed', sans-serif; 
}

.art_title {
    width                     : 100%;
    font-size                 : 24px;
    background-color          : #5b9bd5;
    color                     : white;
    padding                   : 10px;
    margin-bottom             : 10px;
}

#article  {
    background-color          : white;
    text-align                : left;
    color                     : black;
    padding                   : 15px;
}

#archi {
    padding                   : 15px;
    text-align                : center;
    margin-left               : 15%;
}



@media (min-width: 480px) {
    #notgreenarrow   {
        display: none;
    }
}

/* SCREENSHOT */
.screenshot_body  {
    background-color          : white;
}

#gallery {
  height                      : 100%;
}

figure {
    height                    : 250px;
    width                     : 250px;
    display                   : block;
    overflow                  : hidden;
    z-index                   : 100;
}

figcaption {
    height                    : 250px;
    width                     : 100%;
    text-align                : center;
    position                  : absolute;
    bottom                    : 0;
    left                      : -500px;
    opacity                   : 0; 
    padding                   : 5px;
}

a:hover figcaption {
    opacity                   : 0.8;
    left                      : 0;
    color                     : #fff;
    transition                : all 0.7s;
    background-color          : black;
}

/* traing */
.training_body  {
    background-color          : black;
}

#training  {
    text-align                : left;
    background-color          : white;
}

#training p {
    font-size                 : 60px;
    font-family               : 'Russo One', sans-serif; 
}

#training a {
    font-size                 : 48px;
}