@font-face {
  font-family: 'Calibre-Light';
  src: url('../fonts/Calibre-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Calibre-Light.otf') format('opentype'), url('../fonts/Calibre-Light.woff') format('woff'), url('../fonts/Calibre-Light.ttf') format('truetype'), url('../fonts/Calibre-Light.svg#Calibre-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Calibre-Regular';
  src: url('../fonts/Calibre-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Calibre-Regular.otf') format('opentype'), url('../fonts/Calibre-Regular.woff') format('woff'), url('../fonts/Calibre-Regular.ttf') format('truetype'), url('../fonts/Calibre-Regular.svg#Calibre-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Calibre-Medium';
  src: url('../fonts/Calibre-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Calibre-Medium.otf') format('opentype'), url('../fonts/Calibre-Medium.woff') format('woff'), url('../fonts/Calibre-Medium.ttf') format('truetype'), url('../fonts/Calibre-Medium.svg#Calibre-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Calibre-Semibold';
  src: url('../fonts/Calibre-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/Calibre-Semibold.otf') format('opentype'), url('../fonts/Calibre-Semibold.woff') format('woff'), url('../fonts/Calibre-Semibold.ttf') format('truetype'), url('../fonts/Calibre-Semibold.svg#Calibre-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Calibre-SemiboldItalic';
  src: url('../fonts/Calibre-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Calibre-SemiboldItalic.otf') format('opentype'), url('../fonts/Calibre-SemiboldItalic.woff') format('woff'), url('../fonts/Calibre-SemiboldItalic.ttf') format('truetype'), url('../fonts/Calibre-SemiboldItalic.svg#Calibre-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Calibre-Bold';
  src: url('../fonts/Calibre-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Calibre-Bold.otf') format('opentype'), url('../fonts/Calibre-Bold.woff') format('woff'), url('../fonts/Calibre-Bold.ttf') format('truetype'), url('../fonts/Calibre-Bold.svg#Calibre-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Vollkorn-MediumItalic';
  src: url('../fonts/Vollkorn-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Vollkorn-MediumItalic.otf') format('opentype'), url('../fonts/Vollkorn-MediumItalic.woff') format('woff'), url('../fonts/Vollkorn-MediumItalic.ttf') format('truetype'), url('../fonts/Vollkorn-MediumItalic.svg#Vollkorn-MediumItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'thirsty_roughregular_one';
  src: url('../fonts/yellow_design_studio_-_thirstyroughregone-webfont.woff2') format('woff2'), url('../fonts/yellow_design_studio_-_thirstyroughregone-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ralewayregular';
  src: url('../fonts/raleway-regular-webfont.woff2') format('woff2'), url('../fonts/raleway-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ralewaymedium';
  src: url('../fonts/raleway-medium-webfont.woff2') format('woff2'), url('../fonts/raleway-medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ralewaysemibold';
  src: url('../fonts/raleway-semibold-webfont.woff2') format('woff2'), url('../fonts/raleway-semibold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ralewaybold';
  src: url('../fonts/raleway-bold-webfont.woff2') format('woff2'), url('../fonts/raleway-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body a:focus,
body button:focus {
  outline: 0;
}
body .reseauxSociaux {
  margin-bottom: 10vh;
}
body .reseauxSociaux a + a {
  margin-left: 7px;
}
body .reseauxSociaux a:hover {
  text-decoration: none;
}
body .reseauxSociaux a {
  color: #ffffff;
}
body .reseauxSociaux a .backgroundRS {
  background-image: url('../img/hexagone-icon.png');
  width: 44px;
  height: 53px;
  background-repeat: no-repeat;
  display: inline-block;
  text-align: center;
}
body .reseauxSociaux a .backgroundRS svg {
  font-size: 36px;
  padding-top: 15px;
  margin-top: 0px;
}
body .reseauxSociaux.altColor a {
  color: #000000;
}
body .reseauxSociaux.altColor a .backgroundRS {
  background-image: url('../img/hexagone-orange.png');
  background-size: cover;
}
body #navbarToggler {
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #f44500;
  height: 100%;
  z-index: 1031;
}
body #navbarToggler p {
  color: #ffffff;
  font-family: 'Calibre-Medium';
  font-size: 8vw;
  text-align: center;
  margin-top: 50px;
}
body #navbarToggler button {
  position: absolute;
  top: 15px;
  right: 10%;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
body #navbarToggler button .closeMenu {
  background-image: url('../img/close.png');
  width: 31px;
  height: 33px;
  background-repeat: no-repeat;
  display: block;
}
body #navbarToggler ul.navbar-nav li.nav-item {
  margin-top: 3vh;
}
body #navbarToggler ul.navbar-nav li.nav-item a.nav-link {
  color: #ffffff;
  font-family: 'Calibre-bold';
  font-size: 10vw;
  text-align: center;
  line-height: 12vw;
}
body nav {
  background-color: #ffffff;
}
body nav .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(000,000,000, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
body nav .flex-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
body .screenHome {
  background-image: url('../img/Exposition-bg.png');
  padding-top: 10vw;
  padding-bottom: 10vw;
  background-repeat: no-repeat;
  background-size: cover;
}
body .screenMeeting,
body .screenConseils,
body .screenAteliers,
body .screenCandidatez,
body .screenRdv,
body .screenClassement,
body .screenValidation {
  padding-top: 10vw;
  background-size: cover;
  background-repeat: no-repeat;
}
body .screenMeeting h3,
body .screenConseils h3,
body .screenAteliers h3,
body .screenCandidatez h3,
body .screenRdv h3,
body .screenClassement h3,
body .screenValidation h3 {
  margin-bottom: 0px;
}
body .screenMeeting h1,
body .screenConseils h1,
body .screenAteliers h1,
body .screenCandidatez h1,
body .screenRdv h1,
body .screenClassement h1,
body .screenValidation h1 {
  margin-top: 0px;
  margin-bottom: 15vw;
}
body .screenMeeting,
body .screenValidation {
  background-image: url('../img/Meeting-bg.png');
}
body .screenConseils {
  background-image: url('../img/Conseils-bg.png');
}
body .screenAteliers {
  background-image: url('../img/Ateliers-bg.png');
}
body .screenCandidatez {
  background-image: url('../img/Candidatez-bg.png');
}
body .screenRdv {
  background-image: url('../img/Rdv-bg.png');
}
body .screenClassement {
  background-image: url('../img/Classement-bg.png');
}
body .screenInfosPratiques {
  background-color: #ffffff;
}
body .screenInfosPratiques h1 {
  font-size: 7vw;
  color: #ea6a10;
  margin-bottom: 0px;
}
body main {
  padding-top: 7vw;
}
body main h2 {
  font-family: 'thirsty_roughregular_one';
  text-align: center;
  color: #ffffff;
  font-size: 5vw;
}
body main h1 {
  text-align: center;
  color: #ffffff;
  font-size: 8vw;
  margin-top: 10vw;
  font-family: 'Calibre-bold';
}
body main h3 {
  font-size: 6vw;
  color: #ffffff;
  font-family: 'Calibre-Medium';
  text-align: center;
  margin-top: 10vw;
  line-height: 6vw;
}
body main h4 {
  color: #ffffff;
  font-family: 'Calibre-Light';
  text-align: center;
  font-size: 10vw;
  line-height: 10vw;
}
body main h4 strong {
  font-family: 'Calibre-Regular';
  font-weight: normal;
  display: block;
}
body main .screenRdv .longText strong {
  display: inline-block;
}
body main .longText {
  white-space: pre;
}
body main h5 {
  font-family: arial;
  font-weight: bold;
  font-size: 4vw;
  color: #f44500;
}
body main p {
  font-family: arial;
  color: #000000;
  font-size: 3vw;
}
body main p strong {
  font-weight: bold;
  font-size: 4vw;
  color: #444444;
}
body main .titleHr {
  width: 50%;
  border-top: 1px solid #000000;
  margin-top: 0px;
}
body main .trainImg,
body main .mapImg {
  display: block;
  width: 8vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
body main .media + .media {
  margin-top: 25px;
}
body main .media {
  align-items: center;
}
body main .media p {
  margin-bottom: 0px;
  font-size: 5vw;
  font-family: 'Calibre-Regular';
  color: #000000;
}
body main .media p strong {
  font-size: 5vw;
  font-family: 'Calibre-SemiboldItalic';
  color: #000000;
}
body main .media hr {
  width: 100%;
  border-top: 1px solid #ff3600;
  margin-top: 0px;
  margin-bottom: 0px;
}
body main .media img {
  display: block;
  width: 12vw;
}
body main .invitationBtn,
body main .connexionBtn,
body main .impressionBtn,
body main .telechargerBtn {
  font-family: 'Calibre-Regular';
  border-radius: 50px;
  width: 100%;
  display: block;
  padding: 12px 0px 5px 0px;
  text-align: center;
  font-size: 5vw;
}
body main .invitationBtn {
  margin-top: 7vw;
  background-color: #ff3600;
  color: #ffffff;
}
body main .connexionBtn,
body main .impressionBtn {
  margin-top: 4vw;
  background-color: #ffffff;
  color: #ff3600;
  margin-bottom: 7vw;
}
body main .telechargerBtn {
  border: 1px solid #ffffff;
  color: #ff3600;
  background-color: transparent;
}
body main .success {
  margin-top: 3vw;
  width: 40vw;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
body main .felicitations {
  font-weight: normal;
  font-family: 'Calibre-Medium';
  font-size: 10vw;
  color: #25ae88;
  text-align: center;
  display: block;
  margin-top: 7vw;
  margin-bottom: 14vw;
}
body main .arrowButton {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 39px;
}
body main .iconHexa {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40vw;
}
body main #mainCarousel h3 {
  margin-top: 5vw;
}
body main #mainCarousel .carousel-indicators li.active {
  background-color: #ffffff;
  border: 2px solid #ff3600;
  width: 12px;
  height: 12px;
  margin-top: -1px;
}
body main #mainCarousel .carousel-indicators li {
  background-color: #ffffff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
body main .infos {
  margin-bottom: 25px;
}
body main .infos h5 {
  margin-bottom: 0px;
}
body main .infos p {
  margin-bottom: 0px;
  margin-top: 0px;
  line-height: 4vw;
}
body main .infos img {
  width: 10vw;
  float: left;
}
body main .infos .infosButton {
  border-radius: 50px;
  font-family: 'Calibre-Medium';
  font-size: 2vw;
  border: 1px solid #ff2500;
  color: #ff2500;
  padding: 1vw 3vw 0.5vw 3vw;
  margin-left: 20px;
  white-space: nowrap;
  margin-left: 3vw;
}
body main .invitationBtn.aller {
  font-size: 5vw;
  font-family: 'Calibre-Medium';
  width: 45vw;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
body main .invitationBtn.aller img {
  top: 4vw;
  right: 4vw;
  position: absolute;
}
body main .videos .center,
body main .photos .center {
  margin-bottom: 10vw;
}
body main .videos .center .slick-arrow,
body main .photos .center .slick-arrow {
  display: none !important;
}
body main .videos .center .slick-slide,
body main .photos .center .slick-slide {
  opacity: 0.25;
  border-radius: 20px;
  overflow: hidden;
}
body main .videos .center .slick-slide img,
body main .photos .center .slick-slide img {
  width: 100%;
}
body main .videos .center .slick-active,
body main .photos .center .slick-active {
  opacity: 0.5;
}
body main .videos .center .slick-current,
body main .photos .center .slick-current {
  opacity: 1;
}
body main .videos .infosTitle,
body main .photos .infosTitle {
  border-radius: 50px;
  font-family: 'Calibre-Medium';
  font-size: 3vw;
  border: 1px solid #ff2500;
  color: #ff2500;
  padding: 1vw 3vw 0.5vw 3vw;
  margin-bottom: 5vw;
  display: block;
  margin-top: 5vw;
}
body main .videos iframe,
body main .photos iframe {
  margin-bottom: 10vw;
}
body main .videos a,
body main .photos a {
  color: #444444;
  font-family: 'Calibre-Medium';
  font-size: 6vw;
  line-height: 6vw;
}
body main .suivezNous {
  color: #ea6a10;
  font-size: 5vw;
  line-height: 5vw;
  font-family: 'Calibre-Semibold';
  text-align: center;
}
body main .inscriptionForm {
  padding-top: 10vw;
  padding-bottom: 10vw;
  border-top: 1px solid #999999;
}
body main .inscriptionForm h1 {
  font-size: 7vw;
  color: #ea6a10;
  margin-bottom: 3vw;
  margin-top: 0px;
}
body main .inscriptionForm h2 {
  color: #ea6a10;
  font-family: 'Calibre-Regular';
  font-size: 6vw;
  border-bottom: 2px solid #000000;
  width: 30vw;
  margin-right: auto;
  margin-left: auto;
}
body main .inscriptionForm .input-group {
  margin-bottom: 2vw;
}
body main .inscriptionForm .input-group .input-group-text {
  background-color: transparent;
  border: 2px solid #666666;
  border-right: none;
  border-radius: 15px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body main .inscriptionForm .input-group .input-group-text input,
body main .inscriptionForm .input-group .input-group-text textarea {
  outline: none;
}
body main .inscriptionForm .input-group .input-group-text svg {
  width: 3vw;
  height: 3vw;
  margin: 2vw;
}
body main .inscriptionForm .input-group .input-group-text label {
  white-space: normal;
}
body main .inscriptionForm .input-group .input-group-text [type="radio"]:checked,
body main .inscriptionForm .input-group .input-group-text [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
body main .inscriptionForm .input-group .input-group-text [type="radio"]:checked + label,
body main .inscriptionForm .input-group .input-group-text [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 5vw;
  cursor: pointer;
  display: inline-block;
  color: #f44500;
}
body main .inscriptionForm .input-group .input-group-text [type="radio"]:checked + label:before,
body main .inscriptionForm .input-group .input-group-text [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  background: #fff;
  border: 3px solid #dcdcdc;
  width: 4vw;
  height: 4vw;
}
body main .inscriptionForm .input-group .input-group-text [type="radio"]:checked + label:after,
body main .inscriptionForm .input-group .input-group-text [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 2vw;
  height: 2vw;
  background: #f44500;
  position: absolute;
  top: 1vw;
  left: 1vw;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
body main .inscriptionForm .input-group .input-group-text [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
body main .inscriptionForm .input-group .input-group-text [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
body main .inscriptionForm .simpleGroup {
  border: 2px solid #666666;
  border-radius: 15px;
}
body main .inscriptionForm .simpleGroup .form-control {
  border: none;
  border-radius: 0px;
  margin-left: 10px;
  margin-right: 10px;
}
body main .inscriptionForm .form-control {
  border: 2px solid #666666;
  border-left: none;
  border-radius: 15px;
  color: #777777;
  font-family: arial;
  font-size: 4vw;
  box-shadow: none;
}
body main .inscriptionForm .form-control:focus {
  z-index: 0;
}
body main .inscriptionForm .form-control::placeholder,
body main .inscriptionForm .form-control::-moz-placeholder {
  color: #777777;
  font-family: arial;
  font-size: 3vw;
  opacity: 1;
}
body main .inscriptionForm .radioGroup .input-group-text {
  border: none;
}
body main .inscriptionForm .radioGroup label {
  font-size: 3vw;
  color: #777777;
  font-family: 'ralewaybold';
}
body main .inscriptionForm .checkboxGroup .input-group-text {
  border: none;
}
body main .inscriptionForm .checkboxGroup .input-group-text input {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 4vw;
  height: 4vw;
}
body main .inscriptionForm .checkboxGroup label {
  font-size: 3vw;
  font-family: 'ralewayregular';
  color: #666666;
}
body main .inscriptionForm .selectGroup {
  border: 2px solid #666666;
  border-radius: 15px;
  box-shadow: none;
}
body main .inscriptionForm .selectGroup .custom-select {
  font-family: arial;
  color: #777777;
  border: none;
  box-shadow: none;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 3vw;
  height: 8vw;
}
body main .inscriptionForm p {
  font-family: 'ralewaymedium';
  color: #666666;
  font-size: 3vw;
  text-align: center;
}
body main .inscriptionForm .stepButton {
  display: flex;
  align-items: center;
}
body main .inscriptionForm .stepButton .btn {
  margin-right: 0px;
  display: inline-block;
}
body main .inscriptionForm .stepButton .back {
  margin-left: 0px;
  text-align: right;
  padding-right: 35px;
}
body main .inscriptionForm .stepButton .back span {
  left: 0px;
  margin-left: 10px;
}
body main .inscriptionForm .stepButton .back span img {
  transform: rotate(180deg);
  margin-left: 0px;
  margin-right: 16px;
}
body main .inscriptionForm .btn {
  box-shadow: none;
  background-color: #e6e7e8;
  border: none;
  border-radius: 50px 50px 50px 50px;
  color: #000000;
  font-size: 13px;
  font-family: 'ralewaysemibold';
  padding: 15px 0px 15px 0px;
  padding-left: 0px;
  width: 160px;
  padding-left: 35px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 20px;
}
body main .inscriptionForm .btn span {
  background-color: #ea6a10;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  display: inline-block;
  position: absolute;
  margin-top: -20px;
  margin-left: 20px;
}
body main .inscriptionForm .btn span img {
  margin-left: 16px;
  margin-top: 20px;
}
body footer {
  background-color: #4c4c4c;
  padding-top: 6%;
  padding-bottom: 6%;
}
body footer p {
  font-size: 2vw;
  font-family: arial;
  color: #ffffff;
  margin-bottom: 0px;
  margin-left: 25px;
}