p {
  line-height: 2rem;
}

.button-collapse {
  color: #26a69a;
}

.parallax-container {
  min-height: 440px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}
#listSponso li{
  display: inline-block;
}


body{
  font-family: 'Roboto', sans-serif;
}

h1,h2,h3,h4,h5{
  display: inline-block;
  padding: 29px 29px;
  font-family: 'Black Ops One', cursive;
  color: #ae8f60;
  text-transform: uppercase;
  text-shadow: 0 0 8px black;
  margin-bottom: 29px;
  background: url('../img/spray-left.png') no-repeat,url('../img/spray-right.png') no-repeat;
  background-position: left top,right bottom;
  background-size: 50px,80px;
  filter: drop-shadow(2px 2px 10px #000);
}
.titleNoBg {
	background: none;
	padding: 0;
}

.videoCenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

a.link,
span.link,
.link,
.linkWhite,
p{
  color: #b4b4b4;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .05em;
  filter: drop-shadow(2px 2px 10px #000);
}
a.link,
span.link,
p span.link,
.link{
  color:#ae8f60;
  cursor: pointer;
}
.linkWhite{
  cursor: pointer;
}
a.link:hover,
span.link:hover,
.link:hover,
.linkWhite:hover{
  text-decoration: underline;
}
.fullCenter{
  display: block;
  width: 100%;
  text-align: center;
}
.pShadow{
  text-shadow: 2px 2px 8px black;
}

nav{
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  text-transform: uppercase;
  background:#000;
  color: #fff;
  height: 76px;
  background: #261f17;
  padding-top: 5px;
  width: 100%;
}
nav .fa{
  color: #ae8f60;
  font-size: 29px;
}


header{
  padding:76px 0;
  min-height: 100vh;
  /*background: rgba(38,31,23,0.5);*/
  padding-top: 250px;
}
section{
  background:url('../img/bgSection.jpg');
  padding: 123px 0;
}
#about{
  background:url('../img/bgSection1.jpg');
}
footer{
  background: black;
}


.responsive-iframe {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Ratio de 16:9 */
    height: 0;
    margin: 16px auto;
}
.responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




.videoWrapper{
  width: 100%;
  height: 100%;
}
.videoWrapper iframe{
  position: fixed;
  z-index: -5;
  top: 0;
  left: 0;
  width: 100%;
  height: 115vh;
  pointer-events: none;
}

.hr-sep {
    margin: 0 auto; 
    width: 50%;     
}
p.txtCenter, 
.txtCenter, 
.txtClose{
  display: inline-block;
  widt: 100%;
  text-align: center;
}
.txtClose{
  display: block;
}
.parallax-container h5{
  background: none;

}
.rotateTxt{
  transform: rotate(-3deg);
}
.rotateTxtBig{
  transform: rotate(-9deg);
}
.logo{
    filter: drop-shadow(2px 2px 20px #000);
}
.logoNav{
  max-width: 120px;
  margin-top: 8px;

}
nav ul {
	display: inline-block;
	//margin-left: 45px;
}
nav ul a{
  font-family: 'Black Ops One', cursive;
  font-weight: 700;
  font-size: 14px;
  color: #ae8f60;
  letter-spacing: .05em;
}
#listSponso{
  margin-top: 32px;
}
.logoSponsors{
  max-height: 50px;
}
#listSponso li{
  margin-right: 195px;
}
#listSponso li:last-child{
  margin-right: 0;
}
.logoYgrek{
  max-height: 32px;
  margin-bottom: 12px;
}
#listSponso li{
  margin-bottom: 18px;
}


/* SECTION GENEVA SUMMER BREAK */

.roundBox{
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  background: #ae8f60;
  font-size: 16px;
  width: 140px;
  height: 140px;
  border-radius: 100px;
  line-height: 1em;
  padding-top: 20px;
  box-shadow: 0 0 15px black;
}
.lettrine{
  color: #b4b4b4;
  font-family: 'Black Ops One', cursive;
  font-size: 123px;
  line-height: 0;
  margin-left: -48px;
  display: block;
  margin-top: -15px;
}
.txtBorder, 
.txtBorderLower{
  display: inline;
  text-shadow: 4px 0 0 #261f17, -4px 0 0 #261f17, 0 4px 0 #261f17, 0 -4px 0 #261f17, 2px 2px #261f17, -2px -2px 0 #261f17, 2px -2px 0 #261f17, -2px 2px 0 #261f17;
  line-height: 0;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  color:#fff;
}
.txtBorderLower{
  display: inline-block;
  line-height: 125%;
  text-transform: none;
}
.block{
  display: block;
}
.noWrap{
    white-space: nowrap;
}
.breakin-session-img, 
img.responsive-img.breakin-session-img{
  margin: 16px auto;
  max-width: 450px;
  display: inline-block
}.breakin-session-img-full, 
img.responsive-img.breakin-session-img-full{
  margin: 16px auto;
  max-width: 1000px;
  display: inline-block
}
.breakin-session-img-mobile{
  display: none;
}

.marginTopPoints{
  margin-top: 72px;
}

.btnLinkGSM{
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    background: #ae8f60;
    font-size: 16px;
    width: 185px;
    height: 50px;
    box-shadow: 0 0 15px #000;
    border: none;
    margin-top: 76px;
}
.btnLinkGSM:focus{
  background: #243e5c;
  box-shadow: 0 0 5px #000;
}

.btnHistory{
  width: auto;
  height: auto;
  padding: 12px 18px;
  margin-top: 32px;
}

/*  FOOTER */
footer{
  background: url('../img/bgSection.jpg');
}
#socialLink {
  margin-top: 32px;
}
#socialLink li{
  display: inline-block;
  background: #ae8f60;
  width: 76px;
  height: 76px;
  border-radius: 38px;
  text-align: center;
  font-size: 37px;
  padding-top: 12px;
}
footer h5 {
    background: none;
    padding: 0;
    margin-bottom: 0;
    display: block;
}
address{
  font-style: initial;
}
.navFooter a{
  font-size: 18px;
  font-weight: 700;
}
.youtubePuce{
  margin:0 16px;
}
.footerCopyright p,.footerCopyright a  {
    font-size: 14px;
    color: #444;
    line-height: 1.2em;
}
.footerInfo{
  padding: 47px 0;
  background:rgba(0,0,0,0.7);
}
.footerCopyright,.footerSponso{
  background: #000;
}
.footerCopyright{
  padding-bottom: 10px;
}
footer .row{
  margin-top: 0;
  margin-bottom: 0;
}
.splitSp{
  display: none;
  height: 35vw;
  box-shadow: 0 10px 10px rgba(0,0,0,0.5) inset,0 -10px 10px rgba(0,0,0,0.5) inset;
}
.bgsp1{
  background: url('../background5.jpg') no-repeat center;
  background-size: 100%;
}
.bgsp2{
  background: url('../background7.jpg') no-repeat center;
  background-size: 100%;
}
.bgsp3{
  background: url('../background6.jpg') no-repeat center;
  background-size: 100%;
}
.bgsp4{
  background: url('../background4.jpg') no-repeat center;
  background-size: 100%;
}
.bgsp5{
  background: url('../background8.jpg') no-repeat center;
  background-size: 100%;
}
.bgsp9{
  background: url('../background9.jpg') no-repeat center;
  background-size: 100%;
}
/* RAJOUT */
#about p{
  text-align: justify;
  text-align-last:center;
}
.logoNav{
  margin-right: 10px;
  margin-left: 10px;
}
nav ul a{
  letter-spacing: .05em;
}
.roundBox{
  margin-left: auto;
  margin-right: auto;
}
.teamBtn{
  display:block;
  width: 180px;
  height: 180px;
  background-color: #ae8f60;
  background-size:cover;
  background-position: center center;
  border-radius: 90px;
  box-shadow: 0 0 15px #000;
  margin-left: auto;
  margin-right: auto;
  filter:grayscale(100%);
  margin-top: 32px;
}
.teamImg1{
  background-image: url(../img/team7.jpg);
}
.teamImg2{
  background-image: url(../img/team2.jpg);
}
.teamImg3{
  background-image: url(../img/team3.jpg);
}
.teamImg4{
  background-image: url(../img/team4.jpg);
}
.teamImg5{
  background-image: url(../img/team5.jpg);
}
.teamImg6{
  background-image: url(../img/team6.jpg);
}
.modal{
  background: url('../img/bgSection.jpg') no-repeat;
}
.modal .modal-footer{
  background: none;
}
#team .txtBorder,
#team .txtBorderLower{
  display: block;
  text-align: center;
  margin-top: 32px;
}
.modal h3,.modal h4,.modal h5{
  background: none;
  margin: 0;
  padding: 0;
}
.modal h4{
  margin-bottom:  32px;
}
.modal .btnLinkGSM{
  font-size: 18px;
  padding-top: 12px;
  margin: 0 auto 32px auto;
}
#camp .btnLinkGSM{
  margin-top: 60px;
}
#camp p{
  line-height: 1.5rem;
}
#camp img{
  margin-top: 20px;
}
#camp iframe {
	max-width: 100%;
}
#home .fa{
  color: #ae8f60;
  font-size: 76px;
}
.side-nav{
  color: #ae8f60;
  width: 100%;
  background: rgba(0,0,0,0.8);
}
.side-nav li > a{
  color: #ae8f60;
  font-size: 20px;
}
.navFooter a{
  color: #b4b4b4;
}
.logoSideNav{
  max-width: 200px;
  margin-top: 32px;
}
.logoSmartPhone{
  margin-left: -64px
}
.side-nav li > a{
  height: unset;
}
#summerBreak .txtBorder{
  font-size: 18px;
}


#socialLink{
  text-align: center;
  display: block;
  margin-bottom: 32px;
}
.navFooter{
  text-align: right;
}

@media(max-width: 993px){
  #socialLink{
    text-align: left;
  }
  .navFooter{
    text-align: left;
  }
}

@media(max-width: 768px){
  p{
    font-size: 16px;
  }
  p,.right-align,#about p{
    text-align: left;
  }
  #about p{
    text-align-last: left;
  }
  .teamBtn{
    width:135px;
    height: 135px;
  }
  h3{
    margin-bottom: 0px;
  }
  section{
    padding: 76px 0;
  }
  .modal{
    width: 100%;
  }
    .footerCopyright{
    font-size: 14px;
    text-align: center;
  }
  
}

@media(max-width: 1400px){
  .breakin-session-img, 
  img.responsive-img.breakin-session-img{
    max-width: 100%;  
    width: 100%;
  }
  .breakin-session-img-full, 
  img.responsive-img.breakin-session-img-full{
    max-width: 100%;  
    width: 100%;
  }
}

@media(max-width: 1200px){
  #camp p{
    text-align: left;
  }
  .txtBorder,
  .txtBorderLower{
    font-size: 16px;
  }
   #listSponso li{
    margin-right: 15px;
  }
}

@media(max-width: 1110px){
  nav ul a{
    padding: 0 7px;  
  }
}

@media(min-width: 993px){
  .logoSmartPhone{
    display: none;
  }
  .breakin-session-img-mobile{
    display: inline-block;
  }
}
@media (min-width: 1025px) {
    header, #home {
        background-attachment: fixed;
    }
}
@media(max-width: 1024px){
  .splitSp{
    display: block;
  }
  .videoWrapper iframe{
    display: none;
  }
  /*
  header iframe,.videoWrapper{
    display: none;
  }
  */
  header, #home{
    background: url('../img/bgHeader.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
  }
  
  .parallax-container{
    display: none;
  }
}
.imgsbsocial{
  max-width: 58px;
}

#lang{
  display: inline-block;
  position: fixed;
  z-index: 9999;
  top: 20px;
  right: 24px;
  font-size: 24px;
}
#lang a{
  font-family: 'Black Ops One', cursive;
  color: #ae8f60;
}


/* SOUTENEZ NOUS */
#modalDons,
#modalDP{
  display: none;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.modalDonBody {
    position: relative;
    overflow-y: auto;
    padding: 99px;
    margin-left: 20vw;
    margin-top: 10vh;
    height: 80vh;
    width: 60vw;
    background: url('../img/bgSection.jpg');
}
.modalDonBody ul {
    margin-left: 20px;
}
.modalDonBody ul li{
  color: #fff;
  font-size: 18px;
list-style-type: initial;
}
.modalMask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.86);
}
.modalTitle {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    background: #ae8f60;
    box-shadow: 0 0 15px #000;
    border: none;
    display: block;
    padding: 12px 0;
    text-align: center;
}
.modalDonBody .logoLu{
  margin-bottom: 32px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.closeModalDon{
  color: #fff;
  font-size: 42px;
  position: fixed;
  top: 50px;
  right: 50px;
  cursor: pointer;
  z-index: 9999999;
}
/*#helpUs {
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    margin-top: 32px;
    cursor: pointer;
}*/
#modalDP h1, #modalDP h2, #modalDP h3, #modalDP h4, #modalDP h5{
  display: block;
  padding: 16px 0px;
  font-family: 'Black Ops One', cursive;
  font-size: 18px;
  color: #ae8f60;
  text-transform: uppercase;
  text-shadow: 0 0 8px black;
  margin-bottom: 16px;
  background: none;
  filter: drop-shadow(2px 2px 10px #000);
}
.breakWord{
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media(max-width: 1024px){
  .modalDonBody{
    padding: 99px;
    height: 100vh;
    width: 100vw;
    margin:0;
  }
}
@media(max-width: 767px){
  .modalDonBody{
    padding:99px 10px;
  }
  .modalTitle {
    font-size: 18px;
  }
  .closeModalDon {
    top: 10px;
    right: 20px;
    }
}

.linkWebGalerie {
	margin-top: 32px;
	display: inline-block;
}



#fabulaegenavenses img{
  margin-bottom: 32px;
}
.videoCenter{
  max-width: 100%;
}

@media(max-width: 1024px){
  h3 {
    font-size: 22px;
  }
}





/* #modalDons {
	display: none !important;
} */