/* GENERAL */body{    font-family: 'Lato', sans-serif;}h1,h2,h3,h4,h5,h6{    font-weight: bold;}img{    max-width: 100%;    height: auto;}ul,ol{    list-style:none;}section{    padding: 45px 0px 80px 0;}section .heading{    text-align: center;    padding-bottom: 40px;}section .heading h2{    text-transform: none;    font-size: 28px;}.red-divider{    width: 100px;    height: 2px;    background: #1C7D16;    margin: 0 auto 20px;}.white-divider{    width: 100px;    height: 2px;    background: #fff;    margin: 0 auto 20px;}/* MENU */.navbar {       background-color: #1C7D16;    font-size: 16px;        font-weight: bold;    padding-bottom: 0px;    line-height: 0.2em;    padding-right: 2em;     }.nav-pills .nav-link{    color: #fff !important;    text-align: center;    padding-bottom: 10px;    text-transform: none !important;   }.nav-pills .nav-link.active,  .nav-pills .nav-link:hover{    color: #1C7D16 !important;    background-color: #fff !important;}.navbar-toggler{    color: #fff !important;    border-style: none;}.nav-item:first-child {visibility:hidden;}/* ABOUT */#about{    padding-top: 50px;    background: #1C7D16;}.profile-picture{    text-align: center;    margin: 0 auto;    float: none;}#about .heading h1{    color: #fff;    text-transform: uppercase;    margin-top: 20px;}#about .heading h3{    color: #000;}.button1{    font-weight: bold;    text-transform: uppercase;    color: white;    border: 1px solid white;    display: inline-block;    margin-top:  20px;    padding: 18px 50px;    border-radius: 3px;    transition: all 0.3s ease-in 0s;}.button1:hover{    background: white;    color: #1C7D16;    text-decoration: none;}#btn-group-lg > .btn, .btn-lg {    padding: .0rem 3rem;    margin-top: -5px;}/* PRESENTATION */#presentation{    background: #f4f4f4;    min-height: 400px;}#blog{    height: 400px;}#presentation p{    padding-right:70px;    padding-left:70px;    margin-bottom: 10px;}/* SKILLS */#skills{    background: #fff;}#skills .heading h2 {    color: #1C7D16;}#skills .progress{    height: auto;    margin: 30px 20px;    background: #ddd;}#skills .progress-bar{    background: #1C7D16;}#skills .progress h5{    margin-top: 5px;    text-shadow: 1px 1px 1px #000;}#detailed-report h2 {    padding-bottom: 0.3em;    background-image: radial-gradient(ellipse at top center, rgba(200,200,200,1) 0%, transparent 85%);}#detailed-report h2 span {    display: block;    width: 100%;    background-color: white;    color: #1c7d16;}#detailed-report h2:nth-child(2n) span {    color: #1c7d16;}#detailed-report h2 span:before {    content: " ▸ ";}#detailed-report h2, #detailed-report h3, #detailed-report p {    display: block;    float: left;    width: 100%;}#detailed-report .company-info {    display: block;    float: left;    box-sizing: border-box;    padding: 1em 2em;    margin-bottom: 2em;}/* EXPERIENCE */#offres{    background: #1C7D16;}#offres .heading h2{    color: #fff;}.timeline{    padding: 30px 10px;    position: relative;}.timeline:before{    top: 0;    bottom: 0;    position: absolute;    content: " ";    width: 5px;    background-color: #333;    left: 50%;    margin-left: -2.5px;}.timeline > li{    margin-bottom: 20px;    position: relative;}.timeline > li:after{    clear: both;}.timeline > li:before, .timeline > li:after{    content: " ";    display: table;}.timeline li .timeline-badge{    color: #1C7D16;    width: 50px;    line-height: 50px;    font-size: 20px;    text-align: center;    position: absolute;    top: 16px;    left: 50%;    margin-left: -25px;    background-color: #ddd;    border-radius: 50%;}.timeline-panel-container{    width: 50%;    float: left;}.timeline-panel-container-inverted{    width: 50%;    float: right;}.timeline-panel{    width: 90%;    float: right;    margin-right: 40px;    border: 1px solid #d4d4d4;    border-radius: 7px;    padding: 20px 25px;    position: relative;    box-shadow: 0 1px 6px rgba(0,0,0, 0.175);    background: #fff;}.timeline-panel-container-inverted .timeline-panel{    float: left;    margin-left: 40px;}.timeline-panel:after{    position:absolute;    top: 27px;    right: -14px;    display:inline-block;    border-top: 14px solid transparent;    border-left: 14px solid #fff;    border-right: 0 solid #fff;    border-bottom: 14px solid transparent;    content: " ";}.timeline-panel-container-inverted .timeline-panel:after{    border-left-width: 0;    border-right-width: 14px;    left: -14px;    right: auto;}.timeline-heading h3{    margin-top: 5px;    font-size: 20px;}.timeline-heading h4{     color: #1C7D16;}/* why */#why{    background: #fff;}#why .heading h2{    color: #1C7D16;}a.why-block{    display: block;    height: 150px;    width:90%;    margin: 0 auto;    text-align: center;    padding: 30px;    background: #f4f4f4;    border-radius: 10px;    border: 2px solid #ccc;    margin-bottom: 20px;    text-decoration: none;    color: black;}.why-block{    height: 150px;    width:90%;    margin: 0 auto;    text-align: center;    padding: 30px;    background: #f4f4f4;    border-radius: 10px;    border: 2px solid #ccc;    margin-bottom: 20px;}.offre-block{    width:90%;    margin-left: auto;    margin-right: auto;    margin-top: 20px;    text-align: center;        background: #f4f4f4;    border-radius: 10px;    border: 2px solid #ccc;    margin-bottom: 20px;}.why-block h5{    color: #888;    font-size: 15px;    margin-bottom: 15px;}.why-block .fas{    font-size: 35px;}.why-block h3{     color: #1C7D16;}.why-block h4{   margin-bottom: 20px;}.why-block p{  font-weight: bold;}.why-block .red-divider{    margin-bottom: 20px;}/* PORTFOLIO */#portfolio{    background: #1C7D16;}#portfolio .heading h2{    color: #fff;}#portfolio img{    width: 100%;    height: 100%;    filter: grayscale(100%);    -webkit-filter: grayscale(100%); }#portfolio img:hover{     filter: none;    -webkit-filter: none; }#portfolio .col-md-4{    margin-bottom: 20px;}/* RECOMMANDATIONS */#recommandations{    background: #fff;}#recommandations .heading h2{    color: #1C7D16;}.fas.fa-chevron-left, .fas.fa-chevron-right{    background-image: none;    color: #1C7D16;}.carousel-indicators{    bottom: 0px;}.carousel-indicators li{    width: 10px;    height: 10px;    border-radius: 100%;    border: 1px solid #1C7D16;}.carousel-indicators li.active{    background-color: #1C7D16;}#myCarousel .carousel-item{    padding: 40px 30px;}#myCarousel .carousel-item h3{    color: #1C7D16;    font-style: italic;}h5.scam {color: red;}h5.legit {color: #1c7d16;}/* FOOTER */footer {    background: #333333;    padding: 20px 0 40px;    margin-top: 0rem;}footer .fas {    font-size: 25px;    margin: 20px;    color: #1C7D16;    height: 30px;}footer .fas:hover {    font-size:  27px;}footer h2 {    color: #1C7D16;    font-size: 22px;    font-weight: bold;}footer h5 {    color: #fff;    font-weight: normal;    font-size: 16px;}footer p {    color: #fff;    font-weight: normal;    font-size: 16px;}footer a:hover {  color: white;}#login {    color: green;}.video{    position: absolute;    top: -22.5%;    left: 0%;    z-index: -500%;    min-width: 100%;    min-height: 100%;    width: 20%;    height: 20%;    transform: translate (-50%, -50%);    overflow: hidden ;    }label {    display: block;    font-size: 24px;    color: #1C7D16;    font-weight: bold;}header {  position: relative;  background-color: black;  height: 45vh;  min-height: 35rem;  width: 100%;  overflow: hidden;  margin-bottom: 0px;}header video {  position: absolute;  top: 50%;  left: 50%;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto;  z-index: 0;  -ms-transform: translateX(-50%) translateY(-50%);  -moz-transform: translateX(-50%) translateY(-50%);  -webkit-transform: translateX(-50%) translateY(-50%);  transform: translateX(-50%) translateY(-50%);}header .container {  position: relative;  z-index: 2;}header .overlay {  position: absolute;  top: 0;  left: 0;  height: 100%;  width: 100%;  background-color: black;  opacity: 0.8;  z-index: 1;  background-image:url(/media/_images/logo.png);  background-size:13rem;  background-position:left 3rem center;  background-repeat:no-repeat;}@media (pointer: coarse) and (hover: none) {  header {    background: url('video/background3.mp4') black no-repeat center center scroll;  }  }#message, #usurpation, #breves {font-family: 'Open Sans', sans-serif;color:black;font-size:14px;}/* GESTION DES MESSAGES POPIN AFFICHES PAR LES FORMULAIRES */#message {    position:fixed;    top:0px;    left:0px;    bottom:0px;    right:0px;    height:100%;    width:100%;    padding-top:3em;    background-color:rgba(0,0,0,0.8);    z-index:200000;    display:none;}#message>div>div {    padding:1em;    background-color:white;    text-align:center;    border-radius:1em;}#message .wait {    display:block;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    background:transparent url(AjaxLoader.gif) no-repeat center top;    width:100%;    padding:3em 1em;}#message .msg {    display:block;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    width:100%;    padding:2em 1em;}#message .fermer {    padding-top:1.5em;    display:block;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    width:100%;}#message .fermer a {    display:inline-block;    padding:0.7em 2em;    color:white;    text-decoration:none;    text-transform:uppercase;    background-color:green;    border-radius:0.8em;}@media screen and (max-width: 640px) {            #presentation {                height: 660px;            }            #presentation p {                padding-right:0px;                padding-left:0px;            }    }.justify-content-center{    justify-content: space-around!important}.embed-responsive {    height: 100%;}