*
{
    box-sizing: border-box;
}

html
{
  background-color: black;
}

body
{
  max-width: 1440px;
  background-color: white;
  margin: auto;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: inline-block;
  }

  .navbar-brand img
  {
    width: 100px;
  }

  li a
  {
    padding: 15px 20px !important;
    text-decoration: none;
  }

  li a:link,li a:active,li a:visited
  {
    color:black !important;
    font-weight: 400;
  }

  a.active:link,  a.active:active,   a.active:visited
  {
    color: #ef4a26 !important
  } 

  li a:hover
  {
    color:#ef4a26 !important;
  }

  .special-link:link, .special-link:active, .special-link:visited 
  {
    background-color: #ef4a26 !important;
    color: white !important;
  }

  .special-link:hover
  {
    color: whitesmoke;
  }

.bg-dark
  {
    background-color: black !important;
  }
.titler
{
  background-image: url("../images/lines/line_presentation_Plan de travail 1.png");
  background-size: 45% 100%;
  background-repeat: no-repeat;
  min-height: 540px;
}
.titler h1
{
  font-size: 8vw;
}
.galleryr
{
  background-image: url("../images/lines/line_galeries_Plan\ de\ travail\ 1.png");
}
.presentation
{
background-image: url("../images/lines/line_presentation02_Plan de travail 1.png");
background-position: 112% bottom;
background-size: 45% 60%;
background-repeat: no-repeat;
}

.entertainment
{
  background-image: url("../images/lines/line_entrainement02.png");
  background-position: -290px bottom;
  background-size: 83% 93%;
  background-repeat: no-repeat;  
  min-height: 1700px !important;
}

.telechargitem img
{
  width: 40px !important;
}

footer
{
  font-size: 12px;
}

.social
{
  display: flex;
  flex-direction: column;
}

.spacer 
{
  min-height: 250px;
  width: 100%;
}

.mb-50
{
  margin-bottom: 50px !important;
}

.social a:link,.social a:active, .social a:visited
{
  margin: 8px;  
}

.home:link, .home:active, .home:visited
{
  color: white !important;
}

.home:hover
{
  color: red !important;
}

td
{
  padding: 10px !important;
}

.intro
{
  background-image: url("../images/intro.jpeg");  
  min-height: 800px;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

/* ************

  Galleries Classes

 *************** */

.grp-photos
{
  width: 28%;
  min-width: 250px;
  margin: 20px; 
  margin-bottom: 50px;
}

.grp-photos-items
{
  position: relative;
}

.grp-photos-items img
{
  width: 100%;
}

.grp-photos-items > div
{
  position: absolute !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(bb,ff,ff,0.8);
  border: 1px solid grey;
}

.w-90
{
  width: 90%;
  text-align: left !important;
}

.year
{
  position: absolute;
  top: 10px;
  color: white;
  width: 100%;
}

.red-overlay
{
  position: absolute;
  top: 0;
  width: 100%;
  min-height: 100%;
  background-color: rgba(200,0,0,0.6);
}


@media only screen and (max-width: 900px) 
{
  .titler
  {
    min-height: 250px;
    background-size: 55% 100%;
  }  
  .titler h1
  {
  font-size: 10vw;
  }
  .presentation, .entertainment
  {
  background-image: none;
  }
  #mobile-line
  {
  background-image: url("../images/lines/line_presentation02_Plan de travail 1.png");
  background-position: right bottom;
  background-size: 200px 450px;
  background-repeat: no-repeat;
  }
  footer 
  {
    text-align: center !important;
  }
  .social
  {
    justify-content: center;
    flex-direction: row;    
  }

  .pt-5
  {
    padding-top: 10px !important;
  }

  .pb-5
  {
    padding-bottom: 10px !important;
  }
  
  .mb-50
  {
    margin-bottom: 0px !important;
  }

  #boxeur 
  {
    padding: 10px !important;
  }

  .spacer
  {
    display: none;
  }

  #boxe
  {
  background-image: url("../images/lines/line_entrainement02.png");
  background-position: -120px bottom;
  background-size: 100% 100%;
  background-repeat: no-repeat;  
  min-height: 600px !important;
  order: 1 !important;
  }

  #boxe2
  {
  order: 2;
  }

  .grp-photos
  {
    width: 90%;
    margin-bottom: 20px;
  }

  #navbarSupportedContent
  {
    background-color: white;
  }

  .home:link, .home:active, .home:visited
  {
  color: black !important;
  }
  .home:hover
  {
  color: red !important;
  }



}