/* TYPOGRAPHIE */
html {
  scroll-behavior: smooth;
}

p {
  line-height: 28px;
  margin-bottom: 25px;
  text-align: justify;
}

.centered {
  text-align: center;
}

.desc {
  padding-top: 50px;
}

.desc p {
  color: #2f2f2f;
}

.desc more {
  color: white;
}

.sm {
  font-size: 12px;
}

/* BARRE DES MENUS */

#bs-example-navbar-collapse-1 {
  max-height: 500px;
}

/* ACCUEIL */

#headerwrap {
  background: url("./Images_CV/Bureau.jpg") no-repeat center top;
  padding-top: 140px;
  text-align: center;
  background-attachment: relative;
  background-position: center center;
  min-height: 500px;
  width: 100%;
  background-size: cover;
}

.transparent {
  background: rgba(220,220,220,0.8);
}

#headerwrap h1 {
  font-size: 80px;
  color: #365A1E;
  font-family: 'Merienda', cursive;
}

#headerwrap h3 {
  font-size: 20px;
  color: #365A1E;
  font-weight: bold; 
}

/* INTRODUCTION - A PROPOS */

#intro {
  background: #365A1E;
  padding-top: 60px;
  padding-bottom: 60px;
  color: white;
}

#intro h5 {
  font-weight: bold;
}

#intro h5, p {
  color: white;
}

#fac {
  color: #52A919;
}

#fac:hover {
  color: #67C827;
}

/* FORMATIONS */

#formations {
  padding-top: 20px;
  padding-bottom: 60px;
}

#formations h5 {
  font-weight: bold;
  color: #365A1E;
}

#formations imp {
  padding: 6px;
  color: white;
  background: #365A1E;
}

#formations t {
  color: #365A1E;
  font-weight: 700;
}

/* ACTIVITES EXTRA-SCOLAIRES */

#activites {
  background: #9e7e58;
  padding-top: 20px;
  padding-bottom: 60px;
  color: white;
}

#activites h5 {
  font-weight: bold;
}

#activites t {
  color: #365A1E;
  font-weight: 700;
}

#jde {
  color: #704B1F;
}

#jde:hover {
  color: #956020;
}

/* EXPERIENCES */

#experiences {
  padding-top: 20px;
  padding-bottom: 60px;
}

#experiences h5 {
  font-weight: bold;
  color: #9e7e58;
}

#experiences imp {
  padding: 6px;
  color: white;
  background: #9e7e58;
}

#experiences t {
  color: #9e7e58;
  font-weight: 700;
}

/* COMPETENCES */

#skillswrap {
  background: #838581;
  padding-top: 60px;
  padding-bottom: 60px;
  color: white;
}

#skillswrap h5 {
  font-weight: bold;
}

#skillswrap h4 {
  font-size: 15px;
  font-weight: bold;
  font-style: italic;
}

#skillswrap h5, h4, p {
  color: white;
}

/* CENTRES D'INTERETS */

#interets {
  padding-top: 20px;
  padding-bottom: 60px;
}

#interets h5 {
  font-weight: bold;
  color: #838581;
}

#interets h4 {
  font-size: 15px;
  font-weight: bold;
  font-style: italic;
  color: #838581;
}

.interet{
    flex: 0 1 50%;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    margin-bottom: 20px;
}
.interet img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: 0px 0px 15px #555;
}

/* CONTACT */

#footwrap {
  background: #2f2f2f;
  padding-top: 50px;
  padding-bottom: 50px;
}

#footwrap h5 {
  color: white;
  font-weight: bold;
}

#footwrap p {
  color: white;
}

#footwrap t {
  font-weight: 700;
}

#footwrap i {
  padding-right: 8px;
  color: #1abc9c;
}

#footwrap i :hover {
  color: #6DF2D8;
}

.thumbnail {
    position: relative;
}

.caption {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    color: transparent;
}

.caption :hover {
  color: green;
}