Elep

@font-face {
  font-family: 'Ash';
  src: url('../font/Ash/Ash-reg.ttf');
  src: url('../font/Ash/Ash-reg.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Ash';
  src: url('../font/ash/ash.otf');
  src: url('../font/ash/ash.otf') format('truetype');
  font-weight: normal;
  font-style: normal;

}

/* Bases */
body{ color: rgb(84, 92, 99); }

/* Scroll To Top */
.srcollToTop{
  float: right;
  margin-right: 2%;
  position: fixed;
  bottom: 2%;
  /* border: 1px solid red; */
  right: 0;
}

.srcollToTop a i{
  color: #9a9da0;
}

/* .scrollup {
  position: fixed;
  width: 35px;
  height: 35px;
  bottom: 50px;
  right: 50px;
  display: none;
} */
a{text-decoration: none; color:inherit;}
a:hover{color:inherit;}
.text-center{text-align: center;}
.normal-size{
  font-size: 20px;
}

ul.pgm-list{margin-left: 20px}

ul.pgm-list li{
  list-style-type: circle!important;
  font-size: 18px !important;
  margin-bottom: 0!important;
}

.color-py3 strong{color: white;}
.color-py3 .chapo a{color:white;}
.color-py3 .chapo a:hover{opacity:0.7;}

u{text-decoration: none; color:#444!important;}
u:hover{opacity: 0.8;}
.color-py{background-color: rgba(31, 128, 112, 1);}
.color-py2{background-color: rgba(201, 153, 48, 1);}
.color-py3{background-color: rgba(144, 137, 128, 1);}
.color-py4{background-color: rgba(106, 103, 128, 1)}
.color-py5{background-color: rgba(47, 92, 114, 1);}
.py-hr{padding-top: 0rem!important; padding-bottom: 0rem!important}

/* .fonce strong a u:hover{color:white!important;} */

h4{font-family: Ash!important; letter-spacing: 1px!important; text-transform: uppercase; font-weight: normal !important;}

/* font awesome */
.fa-info:before, .fa-calendar-check-o:before {color: rgba(144, 137, 128, 1);}
.fa-calendar:before, .fa-cutlery:before{color: rgba(31, 128, 112, 1);}
.fa-check:before, .fa-eur:before{color: rgba(47, 92, 114, 1);}
.fa-envelope:before, .fa-map-marker:before{color: rgba(201, 153, 48, 1);}

/* HD BG */
.logo-ft{width: 145px;}
.nav-link{text-transform: uppercase; font-family: Ash; font-size: 1.5rem;letter-spacing: 0.8px;}
.row{margin:10px 0px 50px 0px;}

/* chapô */
.title-h1{font-family: Ash; font-size: 3.5rem; letter-spacing: 0.8px;}
.chapo{text-transform: ; font-size: 1.5rem; font-family: Poppins !important ;}

.title-h2{
  font-family: Ash !important;
  letter-spacing: 0.8px;
  margin-top:50px;
  font-size:2.5rem;
  margin-bottom: 2.5rem;
  text-transform: uppercase;
}

.title-h3{
  font-family: Ash !important;
  letter-spacing: 0.8px;
  margin-top:50px;
  font-size:1.8rem;
  margin-bottom: 2.5rem;
  text-transform: uppercase;
}

.video-contain{
    margin-top: 6rem;
}
.ss-chapo{font-size: 1.2rem; font-family: Poppins !important; text-align: justify; text-justify: inter-word;}

.btn-secondary-modif{
  background-color: rgba(255,255,255,1);
  border-color: rgba(255,255,255,1);
  color: #1f8070;
  transition: box-shadow 0.6s linear;
  margin-top: 0.5em;
  font-family: Poppins !important;
  font-size:1.5rem;
  text-decoration: none;
}

.btn-secondary-modif:hover{
  background-color: rgba(255,255,255,0.9);
  border-color: rgba(255,255,255,0.7);
  box-shadow: 0px 0px 0px 2px rgba(255,255,255,1);
  text-decoration: none;
}

/* VIDEOS */
.videos{margin-top: 20px;}

/* page du site */
.home-bloc{padding-bottom: 50px; margin:20px;}
.content-home-bloc{height: 295px;}
.content-home-bloc h4{padding-top:20px; }
.content-home-bloc p{text-align: justify; text-justify: inter-word;}

.btn-infop{
  background-color: rgba(144, 137, 128, 1);
  border-color:rgba(144, 137, 128, 1);
  color:white;
  transition: box-shadow 0.6s linear;
  margin: 0.5em;
  font-family: Poppins;
  font-size:1rem;
  font-weight: bold;
  text-transform: uppercase;
  }

.btn-infop:hover{
  background-color: rgba(144, 137, 128, 0.9);
  border-color: rgba(144, 137, 128, 0.7);
  box-shadow: 0px 0px 0px 2px rgba(144, 137, 128, 1);
}

.btn-calendar{
  background-color: rgba(31, 128, 112, 1);
  border-color:rgba(31, 128, 112, 1);
  color:white;
  transition: box-shadow 0.6s linear;
  margin: 0.5em;
  font-family: Poppins;
  font-size:1rem;
  font-weight: bold;
  text-transform: uppercase;
  }

.btn-calendar:hover{
  background-color: rgba(31, 128, 112, 0.9);
  border-color: rgba(31, 128, 112, 0.7);
  box-shadow: 0px 0px 0px 2px rgba(31, 128, 112, 1);
}

.btn-check{
  background-color: rgba(47, 92, 114, 1);
  border-color:rgba(47, 92, 114, 1);
  color:white;
  transition: box-shadow 0.6s linear;
  margin: 0.5em;
  font-family: Poppins;
  font-size:1rem;
  font-weight: bold;
  text-transform: uppercase;
  }

.btn-check:hover{
  background-color: rgba(47, 92, 114, 0.9);
  border-color: rgba(47, 92, 114, 0.7);
  box-shadow: 0px 0px 0px 2px rgba(47, 92, 114, 1);
}

.btn-envelope{
  background-color: rgba(201, 153, 48, 1);
  border-color:rgba(201, 153, 48, 1);
  color:white;
  transition: box-shadow 0.6s linear;
  margin: 0.5em;
  font-family: Poppins;
  font-size:1rem;
  font-weight: bold;
  text-transform: uppercase;
  }

.btn-envelope:hover{
  background-color: rgba(201, 153, 48, 0.9);
  border-color: rgba(201, 153, 48, );
  box-shadow: 0px 0px 0px 2px rgba(201, 153, 48, 1);
}

/* PAGE PROGRAMME */
.time_pgm div ul li{list-style-type: none; margin-bottom: 20px;}
.heure_pgm{font-weight: bold; color:rgba(106, 103, 128, 1)}
.btn-outline-light{color:white!important; font-weight: bold; margin-top: 20px;}
.btn-outline-light:hover{color:rgba(106, 103, 128, 1)!important; margin-top: 20px;}

.bloc-pgm{margin-bottom: 3rem;}

/* PAGE PARTENAIRE */
.logo-tmp-right, .logo-tmp-left{
  width: 90%;
}
.logo-tmp-right{float:right;}
.logo-tmp-left{float:left;}

.p-bloc-pgm{margin:0;}

.part-bloc{
  margin-top: 70px!important;
}

.part-bloc p{
  text-align: justify;
}

hr.hr_part{
  margin: 0 auto;
  width: 25%
}

/* PAGE INFO PRATIQUE */
.page-h1-img{text-transform: uppercase; font-size:5rem; font-family: Ash;}
.info-bloc{padding-bottom: 50px; margin:5px;}
.content-info-bloc{height: 220px;}
.content-info-bloc p{padding-top:20px; text-align: justify; text-justify: inter-word; text-align: center;}
.content-info-bloc p span{text-transform: uppercase; font-weight: bold;}

.home-bloc{padding-bottom: 50px; margin:20px;}
.content-infos-bloc{height: 295px; text-align:center;}
.content-infos-bloc h4{padding-top:20px; }

.link-infos{
    font-size: 1.2rem;
    text-decoration: underline;
    color: inherit;
}

.link-infos:hover{
    color:rgba(144, 137, 128, 1);
}

/* PAGE INSCRIPTION */
.input-signup:focus, .select-signup:focus, .textarea-signup:focus, .checkbox-signup:focus, .radio-signup:focus{
    border-color:rgba(47, 92, 114, 1);
    box-shadow: 0 0 10px 2px rgba(47, 92, 114, 1) !important;
}

#valider_signup{
  font-size:1.5rem;
  font-family: Poppins;
}

#valider_signup:hover{
  background-color: rgba(47, 92, 114, 1);
  color:white!important;
}

/* PAGE CONTACT */
/* formulaire */
.input-contact:focus, .select-contact:focus, .textarea-contact:focus, .checkbox-contact:focus, .radio-contact:focus{
    border-color:#c99930;
    box-shadow: 0 0 10px 2px #c99930 !important;
}

#valider_contact{
  font-size:1.5rem;
  font-family: Poppins;
}

#valider_contact:hover{
  background-color: rgba(201, 153, 48,1);
  color:white!important;
}

.error_message{color:red;}
.valide_message{color:green;}

/* footer */
/* .border-right-footer{border-right:1px solid white} */
.nav-footer-link{
  color:rgba(255,255,255,0.6);
  text-decoration: none;
}

.nav-footer-link:hover{
  opacity: 0.2;
  cursor:pointer;
  color:white;
}