html, body {
 margin: 0;
 padding: 0;
 scroll-behavior: smooth;
 }
body {
 position: relative;
 background-color: white; 
 font-family: 'Book Antiqua', sans-serif; 
 font-size: 100%;
 }

h1 {
 font-size: 30%; 
 color: navy; 
 text-align: center;
 font-weight: bold;
 }
h2 {
 font-size: 150%; 
 color: green; 
 font-family: 'Calibri', 'Book Antiqua', sans-serif; 
 }

/*
img {
    max-width: 100%;
    height: auto;
    
}*/

.divider1 {
    width: 200px;
    height: 2px;
    background: #336699; 
    margin: 0 auto;
}
.divider2 {
    width: 200px;
    height: 2px;
    background: #fff; 
    margin: 0 auto;
}
section {
    padding: 40 0 20 0;
}
section .heading {
    text-align: center;
    /*padding-bottom: 10px;*/
}

/* MENU */

.navbar {
    background: #336699; 
    font-size: 12px;
    letter-spacing: 4px;
    text-transform:uppercase;
    font-weight: bold;
}

.navbar .navbar-nav {
    
    text-align: center;
    font-size: 16px;
}
.navbar .navbar-collapse {
    text-align: center;
    
}
.navbar li a {
    color:#fff !important;
    
}
.navbar li a:hover, .navbar-nav li.active a {
    color:#336699 !important;
    background-color: #fff !important;
}
.navbar-light .navbar-nav .nav-link.active {
    background-color: #fff;
	color:#336699 !important;
}


#about {
padding-top: 100px;
background: #FFFAF0;   
}
.profile-picture {
    width:300px; /* you can use % */
    height: auto;
	text-align: center;
    margin: 0 auto;
    float:none;
	padding-bottom: 30px; 
}
#about .heading h1{
    color: #00CED1;
    font-size: 30px;
}
#about .heading h3{
    color: #483D8B;
	font-size: 24px;
}



 a{text-decoration:none}
 .container h4{
  text-align:center;
  margin:30px 0;color:#444;
  letter-spacing: 4px;
    text-transform: uppercase;
  }
 
/* EXPERIENCE */

#experience{
    background: #FFFAF0;
}
#experience .heading h2 {
    
}
/* PUBLICATIONS */

#publications {
    background: #FFFAF0;
}

#publications .heading h2 {
    
}

.carousel-indicators li, .carousel-indicators li.active {
     float: left;
     width: 33%;
     height: 10px;
     margin: 0;
     border-radius: 0;
     border: 0;
     background: #ccc;
}
.carousel-indicators li.active {
     background: orange;
}



.w-100 {
  width: 50% !important;
  height: 50vh;
}

.carousel-caption h5, small {
    color: #336699;
	text-align:center;
	
}
.carousel-caption {
    
	left:50%;
}
#skills {
    background: #fff;
	
}
#skills .heading h2 {
    color:#336699;
    text-transform: uppercase;
}
#skills .heading h2 {
    color:#336699;
    text-transform: uppercase;
}
#skills .progress {
    height:40px;
    margin: 20px 20px;
    backface-visibility: #ddd;
}
#skills .progress-bar {
    background: #336699;
    
}
#skills .progress h5 {
    text-shadow: 1px 1px 1px #000;
    font-size:18px;
}
#Langues {
    background: #fff;
	
}
#Langues .heading h2 {
    color:#336699;
    text-transform: uppercase;
}
#Langues .heading h2 {
    color:#336699;
    text-transform: uppercase;
}
#Langues .progress {
    height:40px;
    margin: 20px 20px;
    backface-visibility: #ddd;
}
#Langues .progress-bar {
    background: #336699;
    
}
#Langues .progress h5 {
    text-shadow: 1px 1px 1px #000;
    font-size:14px;
}
/******************* Timeline Demo - 3 *****************/

.main-timeline3{overflow:hidden;position:relative}
.main-timeline3:before{content:"";width:10px;height:100%;border:3px solid #959595;position:absolute;top:40px;left:50%;transform:translateX(-50%)}
.main-timeline3 .timeline{width:50%;padding:10px 60px 10px 100px;float:right;position:relative}
.main-timeline3 .timeline:before{content:"";width:40px;height:40px;border-radius:50%;background:#c47c48;border:5px solid #fff;box-shadow:0 0 1px 5px #c47c48;position:absolute;top:42px;left:-20px}
.main-timeline3 .timeline-content{display:block;background:#e9e9e7;padding:70px 30px 20px;box-shadow:0 0 10px rgba(0,0,0,.2) inset;position:relative}
.main-timeline3 .timeline-content:hover{text-decoration:none}
.main-timeline3 .year{display:block;width:80%;height:50px;background:#c47c48;padding:0 0 0 50px;font-size:30px;font-weight:800;color:#fff;line-height:50px;box-shadow:0 0 20px rgba(0,0,0,.4) inset;border-radius:10px 10px 10px 0;position:absolute;top:20px;left:-20px}
.main-timeline3 .year:before{content:"";border-top:40px solid #c47c48;border-left:20px solid transparent;border-bottom:20px solid transparent;position:absolute;bottom:-60px;left:0}
.main-timeline3 .title{font-size:18px;font-weight:600;text-transform:uppercase;color:#4a4a4a}
.main-timeline3 .description{font-size:14px;color:#6f6f6f;margin:0 0 5px;}
.main-timeline3 .timeline:nth-child(2n){padding:10px 100px 10px 60px;text-align:right}
.main-timeline3 .timeline:nth-child(2n):before{left:auto;right:-20px;background:#bf3fc8;box-shadow:0 0 1px 5px #bf3fc8}
.main-timeline3 .timeline:nth-child(2n) .year{padding-right:50px;border-radius:10px 10px 0;left:auto;right:-20px;background:#bf3fc8}
.main-timeline3 .timeline:nth-child(2n) .year:before{border-left:none;border-right:20px solid transparent;left:auto;right:0;border-top-color:#bf3fc8}
.main-timeline3 .timeline:nth-child(2){margin-top:140px}
.main-timeline3 .timeline:nth-child(odd){margin:-140px 0 0}
.main-timeline3 .timeline:nth-child(even){margin-bottom:60px}
.main-timeline3 .timeline:first-child,.main-timeline3 .timeline:last-child:nth-child(even){margin:0}
.main-timeline3 .timeline:nth-child(3n):before{background:#ce3c41;box-shadow:0 0 1px 5px #ce3c41}
.main-timeline3 .timeline:nth-child(3n) .year{background:#ce3c41}
.main-timeline3 .timeline:nth-child(3n) .year:before{border-top-color:#ce3c41}
.main-timeline3 .timeline:nth-child(4n):before{background:#8cc43d;box-shadow:0 0 1px 5px #8cc43d}
.main-timeline3 .timeline:nth-child(4n) .year{background:#8cc43d}
.main-timeline3 .timeline:nth-child(4n) .year:before{border-top-color:#8cc43d}
.main-timeline3 .timeline:nth-child(2n) .description{text-align:left;}
@media only screen and (max-width:990px){.main-timeline3:before{top:8%}
.main-timeline3 .timeline{padding:10px 10px 10px 100px}
.main-timeline3 .timeline:nth-child(2n){padding:10px 100px 10px 10px}
}
@media only screen and (max-width:767px){.main-timeline3:before{width:8px;top:0;left:12px;transform:translateX(0)}
.main-timeline3 .timeline,.main-timeline3 .timeline:nth-child(even),.main-timeline3 .timeline:nth-child(odd){width:100%;float:none;text-align:left;padding:0 0 0 60px;margin:0 0 30px}
.main-timeline3 .timeline:before,.main-timeline3 .timeline:nth-child(2n):before{width:20px;height:20px;border:3px solid #fff;top:38px;left:6px}
.main-timeline3 .timeline:nth-child(2n) .year{right:auto;left:-20px;border-radius:10px 10px 10px 0;}
.main-timeline3 .timeline:nth-child(2n) .year:before{border-left:20px solid transparent;border-bottom:20px solid transparent;border-right:none;right:auto;left:0}
/* ajouté par moi même */
.main-timeline3 .year{font-size:20px;}
.main-timeline3 .timeline:nth-child(2n) .year{padding-right:0px}
}

/******************* Timeline Demo - 4 *****************/

.main-timeline4{overflow:hidden;position:relative}
.main-timeline4:before{content:"";width:5px;height:90%;background:#333;position:absolute;top:60px;left:50%;transform:translateX(-50%)}
.main-timeline4 .timeline-content:before,.main-timeline4 .timeline:before{top:50%;transform:translateY(-50%);content:""}
.main-timeline4 .timeline{width:50%;padding-left:100px;float:right;position:relative}
.main-timeline4 .timeline:before{width:20px;height:20px;border-radius:50%;background:#fff;border:5px solid #333;position:absolute;left:-10px}
.main-timeline4 .timeline-content{display:block;padding-left:150px;position:relative}
.main-timeline4 .timeline-content:before{width:90px;height:10px;border-top:7px dotted #333;position:absolute;left:-92px}
.main-timeline4 .year{display:inline-block;width:120px;height:120px;line-height:100px;border-radius:50%;border:10px solid #f54957;font-size:30px;color:#f54957;text-align:center;box-shadow:inset 0 0 10px rgba(0,0,0,.4);position:absolute;top:0;left:0}
.main-timeline4 .year:before{content:"";border-left:20px solid #f54957;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;bottom:-13px;right:0;transform:rotate(45deg)}
.main-timeline4 .inner-content{padding:20px 0}
.main-timeline4 .title{font-size:24px;font-weight:600;color:#f54957;margin:0 0 15px;} /*modifé par moi même */
.main-timeline4 .description{font-size:16px;color:#6f6f6f;margin:0 0 5px}
.main-timeline4 .timeline:nth-child(2n){padding:0 100px 0 0}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before,.main-timeline4 .timeline:nth-child(2n) .year,.main-timeline4 .timeline:nth-child(2n):before{left:auto;right:-10px}
.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0 150px 0 0}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{right:-92px}
.main-timeline4 .timeline:nth-child(2n) .year{right:0}
.main-timeline4 .timeline:nth-child(2n) .year:before{right:auto;left:0;border-left:none;border-right:20px solid #f54957;transform:rotate(-45deg)}
.main-timeline4 .timeline:nth-child(2){margin-top:110px}
.main-timeline4 .timeline:nth-child(odd){margin:-110px 0 0}
.main-timeline4 .timeline:nth-child(even){margin-bottom:80px}
.main-timeline4 .timeline:first-child,.main-timeline4 .timeline:last-child:nth-child(even){margin:0}
.main-timeline4 .timeline:nth-child(2n) .year{border-color:#1ebad0;color:#1ebad0}
.main-timeline4 .timeline:nth-child(2) .year:before{border-right-color:#1ebad0}
.main-timeline4 .timeline:nth-child(2n) .title{color:#1ebad0}
.main-timeline4 .timeline:nth-child(3n) .year{border-color:#7cba01;color:#7cba01}
.main-timeline4 .timeline:nth-child(3) .year:before{border-left-color:#7cba01}
.main-timeline4 .timeline:nth-child(3n) .title{color:#7cba01}
.main-timeline4 .timeline:nth-child(4n) .year{border-color:#f8781f;color:#f8781f}
.main-timeline4 .timeline:nth-child(4) .year:before{border-right-color:#f8781f}
.main-timeline4 .timeline:nth-child(4n) .title{color:#f8781f}
@media only screen and (max-width:1200px){.main-timeline4 .year{top:50%;transform:translateY(-50%)}

}
@media only screen and (max-width:990px){.main-timeline4 .timeline{padding-left:75px}
.main-timeline4 .timeline:nth-child(2n){padding:0 75px 0 0}
.main-timeline4 .timeline-content{padding-left:130px}
.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0 130px 0 0}
.main-timeline4 .timeline-content:before{width:68px;left:-68px}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{right:-68px}
}
@media only screen and (max-width:767px){.main-timeline4{overflow:visible}
.main-timeline4:before{height:100%;top:0;left:0;transform:translateX(0)}
.main-timeline4 .timeline:before,.main-timeline4 .timeline:nth-child(2n):before{top:60px;left:-9px;transform:translateX(0)}
.main-timeline4 .timeline,.main-timeline4 .timeline:nth-child(even),.main-timeline4 .timeline:nth-child(odd){width:100%;float:none;text-align:center;padding:0;margin:0 0 10px}
.main-timeline4 .timeline-content,.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0}
.main-timeline4 .timeline-content:before,.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{display:none}
.main-timeline4 .timeline:nth-child(2n) .year,.main-timeline4 .year{position:relative;transform:translateY(0)}
.main-timeline4 .timeline:nth-child(2n) .year:before,.main-timeline4 .year:before{border:none;border-right:20px solid #f54957;border-top:10px solid transparent;border-bottom:10px solid transparent;top:50%;left:-23px;bottom:auto;right:auto;transform:rotate(0)}
.main-timeline4 .timeline:nth-child(2n) .year:before{border-right-color:#1ebad0}
.main-timeline4 .timeline:nth-child(3n) .year:before{border-right-color:#7cba01}
.main-timeline4 .timeline:nth-child(4n) .year:before{border-right-color:#f8781f}
.main-timeline4 .inner-content{padding:10px}

/* Ajouté par moi même */
#skills .progress h5 {
	padding-top:5px;
	font-size:15px;
}
#skills .progress {
   height:25px;
   padding:0px;
}
.w-100 {
  width: 100% !important;
  
}
.carousel-caption {
	left: 0%;
	position:relative;
}
.carousel-caption h5, small {
	color: yellow;
	text-align:center;
	-webkit-text-stroke: 1px black; /* width and color */
}
h1 {
 font-size: 30%; 
 }
h2 {
 font-size: 100%; 
 }
h5 {
 font-size: 90%; 
 
 }
}