body{font-family:Open Sans,sans-serif;background-color:#ebebeb}body .btn.active:focus,body .btn:active:focus,body .btn:focus{outline:none}body section{background-color:#fff;min-height:80px;position:relative}body section .row{overflow:hidden;padding-top:0;-moz-transition:all .3s .7s;-o-transition:all .3s .7s;-webkit-transition:all .3s;-webkit-transition-delay:.7s;transition:all .3s .7s}@media (max-width:900px){body section .row{padding-top:90px!important}}body section .col-md-6{-webkit-transition:all .3s .7s;transition:all .3s .5s}body section .toggle-btn{width:80px;border-radius:0;z-index:3}body section .toggle-btn,body section .toggle-btn-description{text-shadow:.01em .08em .1em #888;font-size:2em;position:absolute;left:-80px;height:80px}body section .toggle-btn-description{text-transform:uppercase;text-align:left;padding:18px;width:0;overflow:hidden;top:0;font-weight:bolder;-moz-transition:all .3s .3s;-o-transition:all .3s .3s;-webkit-transition:all .3s;-webkit-transition-delay:.3s;transition:all .3s .3s;z-index:1}@media (max-width:550px){body section .toggle-btn-description{font-size:1.5em}}body section .toggle-btn-description div{width:450px}body section.open .row{padding-top:90px!important}body section.open .toggle-btn-description{display:block;left:0;width:100%;-moz-transition:all .3s .7s;-o-transition:all .3s .7s;-webkit-transition:all .3s;-webkit-transition-delay:.7s;transition:all .3s .7s}body .about{padding:1em;text-align:right;color:#bdbdbd;font-size:.75em}@media (min-width:900px){body .container{width:900px}}body .modal-content{border:4px solid #ebebeb}body .modal-content .position,body .modal-content .sujet{padding:1em 0}body .modal-content span.libelle{font-weight:700;text-decoration:underline;margin-bottom:.5em;display:inline-block;margin-right:2em}body .periode{position:absolute;top:0;right:0;font-size:.8em;text-shadow:.01em .08em .1em #888;background-color:#ebebeb;padding:1em}body .competence span{display:inline-block;border-radius:5px;background-color:#949fb1;padding:.2em;margin:.1em;color:#fff}@media (max-width:900px){body .container{width:auto;padding:0}body section .toggle-btn{display:none}body section .toggle-btn-description{left:0;width:100%}body section#general img.profil{width:150px}body section#general h1{font-size:50px}body section#general h4{font-size:24px}body section#general p{opacity:1;height:auto;bottom:0}}#general{border-bottom:2px solid #2d91ea;border-right:2px solid #2d91ea}#general .toggle-btn,#general .toggle-btn-description{background-color:#2d91ea}#general img.profil{width:100px;margin:1em;float:left;border-radius:5px;-moz-transition:width .2s 0s;-o-transition:width .2s 0s;-webkit-transition:width .2s;-webkit-transition-delay:0s;transition:width .2s 0s;box-shadow:5px 1px 10px 1px #999}#general p{position:relative;padding:0 1em;bottom:-3em;height:0;-moz-transition:bottom 1s false 0s,opacity 1s false 0s;-o-transition:bottom 1s false 0s,opacity 1s false 0s;-webkit-transition:bottom 1s false,opacity 1s false;-webkit-transition-delay:0s,0s;transition:bottom 1s false 0s,opacity 1s false 0s}#general h1,#general h4{-moz-transition:font-size .2s 0s;-o-transition:font-size .2s 0s;-webkit-transition:font-size .2s;-webkit-transition-delay:0s;transition:font-size .2s 0s}#general .col-md-6.col2{position:relative;margin-top:-300px;-moz-transition:all .5s .5s;-o-transition:all .5s .5s;-webkit-transition:all .5s;-webkit-transition-delay:.5s;transition:all .5s .5s}@media (max-width:900px){#general .col-md-6.col2{-webkit-transition:none 1s;transition:none 1s;margin-top:0;clear:both}}#general.open p{bottom:0;height:auto;padding:1em}#general.open img.profil{width:150px}#general.open h1{font-size:50px}#general.open h4{font-size:24px}#general.open .col-md-6.col2{margin-top:0}@media (max-width:900px){#general.open .col-md-6.col2{padding-top:0;margin-top:0;clear:both}}#competence{border-bottom:2px solid #46bfbd;border-right:2px solid #46bfbd}#competence canvas{display:block;margin:auto}#competence .toggle-btn,#competence .toggle-btn-description{background-color:#46bfbd}#competence .row{padding:2em}#competence .col-md-3,#competence .comp-item{overflow:hidden;position:relative}@media (max-width:900px){#competence .col-md-3,#competence .comp-item{max-height:100em}}#competence .notation-glyph,#competence .notation-glyph-on{display:block;overflow:hidden;border-radius:5px;background-color:#fff;width:50%;height:1em;top:0}#competence .notation-glyph{position:absolute;background-color:#ebebeb;left:50%;z-index:1}#competence .notation-glyph-on{height:1em;max-width:0;-moz-transition:max-width 1s 1s;-o-transition:max-width 1s 1s;-webkit-transition:max-width 1s;-webkit-transition-delay:1s;transition:max-width 1s 1s;left:0;display:block;color:#46bfbd;position:absolute;z-index:2}#experience{border-bottom:2px solid #f33e6f;border-right:2px solid #f33e6f;-moz-transition:all 1s 0s;-o-transition:all 1s 0s;-webkit-transition:all 1s;-webkit-transition-delay:0s;transition:all 1s 0s}#experience .toggle-btn,#experience .toggle-btn-description{background-color:#f33e6f}#experience .row{position:relative}#experience .timeline-container{padding:2em}#experience .timeline-bar{width:2px;margin-left:-1px;background-color:#bdbdbd;display:inline-block;position:absolute;height:100%;left:50%}#experience .timeline-dot{width:10px;height:10px;border:2px solid #bdbdbd;background-color:#f33e6f;opacity:1;display:inline-block;position:absolute;margin-left:-5px;top:15px;border-radius:10px}@media (max-width:770px){#experience .timeline-dot{display:none}}#experience .timeline-dot.end{left:50%;width:20px;height:20px;background-color:#ebebeb;margin-left:-10px;top:0;-moz-transition:all .3s .7s;-o-transition:all .3s .7s;-webkit-transition:all .3s;-webkit-transition-delay:.7s;transition:all .3s .7s}@media (max-width:900px){#experience .timeline-dot.end{margin-top:90px}}#experience .bulle{position:relative;padding:1em;border:4px solid #ebebeb;border-radius:10px;margin:10px;background-color:#fff;opacity:.75;-moz-transition:all .7s 0s;-o-transition:all .7s 0s;-webkit-transition:all .7s;-webkit-transition-delay:0s;transition:all .7s 0s}@media (max-width:770px){#experience .bulle{margin-top:0}}#experience .bulle h3{margin-top:0}#experience .bulle .btn{position:absolute;bottom:1em;right:1em;background-color:#f33e6f;padding:0 .5em}#experience .bulle:hover{opacity:1}#experience .col-sm-6{position:relative}#experience .col-sm-6 .timeline-dot{top:5em;right:0;margin-top:1em;margin-right:-5px}#experience .col-sm-6 div.right{margin-top:5em}@media (max-width:750px){#experience .col-sm-6 div.right{margin-top:0!important}}#experience .col-sm-6 .right.timeline-dot{left:0;margin-left:-5px}#experience .bulle:after,#experience .bulle:before{left:100%;top:5em;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}#experience .bulle:after{border-color:rgba(136,183,213,0);border-left-color:#fff;border-width:10px;margin-top:-.6em}#experience .bulle:before{border-color:rgba(194,225,245,0);border-left-color:#ebebeb;border-width:16px;margin-top:-1em}#experience .bulle.right:after,#experience .bulle.right:before{left:auto;right:100%}#experience .bulle.right:before{border-color:rgba(136,183,213,0);border-right-color:#ebebeb}#experience .bulle.right:after{border-color:rgba(194,225,245,0);border-right-color:#fff}@media (max-width:770px){#experience .bulle:after,#experience .bulle:before{display:none}}#experience.open .timeline-dot.end{margin-top:90px}