.tdEnteteRegistrationTop { background-size:100% auto; background-position:center top; background-repeat:no-repeat; }
.tableRegistration
{
  width:100%;
  max-width:1170px;
}

.flagsTop { top:0; }
.menu_top { background-color:#A53584; }
#contenu { padding:10px; box-shadow: 1px 1px 12px #555; min-height:400px; }
.TitreRubriqueBo { display:block; padding:4px; background-color:#033559; color:White; }
#ctl00_Main_trfileprotectionagreement { text-align:left !important; }
.fileprotectionagreement { padding-left:155px; }
#ctl00_Main_PnlAbstract.step1 {
    min-height: 175px;
}
h2, .h2 {
  font-size: 1.7rem !important;
}

/*Modification Menu bar*/
.menu_top ul li ul li a {
    background-color: #033559 !important;
    font-size: 18px;
    padding: 11px;
}
.menu_top ul li ul li a span span {
color:#FFFFFF !important;
    font-weight: bolder;
    text-align: left;
    font-size: 13px;}  /*Changer la couleur du texte du sous menu ici*/


#ctl00_Main_ctl00_BtnSaveGroup {
  box-shadow:inset 0px 1px 0px 0px #54a3f7;
  background:linear-gradient(to bottom, #007dc1 5%, #003355 100%);
  background-color:#007dc1;
  border:1px solid #124d77;
  display:inline-block;
  cursor:pointer;
  color:#ffffff !important;
  font-family:Arial;
  font-size:13px;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:0px 1px 0px #154682;
}

.myButton
{
  cursor:pointer;
  color:#ffffff !important;
  font-family:Arial;
  font-size:15px;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:0px 1px 0px #154682;
}
.myButton:hover, #ctl00_Main_ctl00_BtnSaveGroup:hover {
  background:linear-gradient(to bottom, #00A4DA 5%, #035089 100%);
  background-color:#003355;
  color:#ffffff !important;
}
.myButton:active {
  position:relative;
  top:1px;
}

.ContentBlock.CONTENT_BLOCK.Content434.k4r33Left { 

  background-color:#035089; 

  padding:20px; 

  float:left; 

  /*width:23%;  The width is 33%, by default */
     color: #FFFF;
    font-size: 16px; 

} 

  

.ContentBlock.CONTENT_BLOCK.Content435.k4r33Left { 

  background-color:#035089; 

  padding:20px; 

  float:left; 

  /*width:33%;  The width is 33%, by default */
     color: #FFFF;
font-size: 16px;
} 

  

.ContentBlock.CONTENT_BLOCK.Content436.k4r33Left { 

  background-color:#035089; 

  padding:20px; 

  float:left; 

  /*width:31%;  The width is 33%, by default */
     color: #FFFF;
     font-size: 16px;

}
body .ContentBlock.CONTENT_BLOCK{ margin-bottom:10px; box-sizing:border-box; }
body .ContentBlock.CONTENT_BLOCK.k4r33Left a { color:White; }


tr.FirstLineOfDay.LineSession2470, .colManageAgenda, .colDate, .SchedulerSessionTitle, td.MobileDisplayNone.colTime{
  box-shadow: 0px 10px 14px -7px #276873;
  background:linear-gradient(to bottom, #033558 5%, #00baf2 100%);
  background-color:#033558 !important;
  border-radius:0px;
  cursor:pointer;
  color:#ffffff !important;
  font-family:Arial;
  font-size:20px;
  font-weight:bold;
  padding:13px 32px;
  text-decoration:none;
  text-shadow:0px 1px 0px #3d768a;
} 

#ctl00_Main_news1_divfilters, #ctl00_Main_news1_PnlMenuScheduler, .colRoom{
    display: none;
}

.schedule .tdschedulecontent{
    width: 100%;

}

.qualite{
    color: #5cc8f5;
    font-size: 16px;
    font-weight: bold;
        list-style-type: none !important;
}
.title{
    color: #023559;
    font-size: 18px;
}

.initiales, .firstname, .lastname{
    color: #5cc8f5;
    font-weight: bold;
}

/*--------------------------CAROUSEL----------------------*/

.carouselBox{margin-top:2em; margin-bottom:3em;}
.carousel__prev{
    margin-right: 53px;
}


@keyframes tonext {
  75% {left: 0;}
  95% {left: 100%;}
  98% {left: 100%;}
  99% {left: 0;}
}

@keyframes tostart {
  75% {left: 0;}
  95% {left: -300%;}
  98% {left: -300%;}
  99% {left: 0;}
}

@keyframes snap {
  96% {scroll-snap-align: center;}
  97% {scroll-snap-align: none;}
  99% {scroll-snap-align: none;}
  100% {scroll-snap-align: center;}
}

::-webkit-scrollbar { width: 0; background: transparent; display: none;}
::-webkit-scrollbar-track {background: transparent;}
::-webkit-scrollbar-thumb {background: transparent; border: none;}
 {-ms-overflow-style: none;}

.carousel ol, .carousel li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0px;
}

.carousel {
  position: relative;
  /*padding-top: 75%;*/
  /*filter: drop-shadow(0 0 10px #0003);*/
  filter: drop-shadow(0 0 0 #FFF);
  perspective: 100px;
  width: 90% !important;
  margin: auto;
  height:300px !important;
}

.carousel__viewport {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  overflow-x: scroll;
  counter-reset: item;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  overflow: hidden;
  scrollbar-width: none;
  scrollbar-width: none; /* Also needed to disable scrollbar Firefox */
  -ms-overflow-style: none;  /* Disable scrollbar IE 10+ */
  outline: none;
}

.carousel__viewport:focus{outline: none;}

.carousel__slide {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  background-color: #fff;
  counter-increment: item;
  height: 100%;
}

.carousel__slide:nth-child(even) {
  background-color: #fff;
}

.carousel__slide:before {
  content: counter(item);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-40%,70px);
  color: #fff;
  font-size: 2em;
}

.carousel__snapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
  scroll-snap-align: center;
  border: 0;
}

.carousel__snapper:focus{outline: none;}

@media (hover: hover) {
  .carousel__snapper {
    animation-name: tonext, snap;
    animation-timing-function: ease;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    height: 100%;
    outline: none;
  }

  .carousel__slide:last-child .carousel__snapper {
    animation-name: tostart, snap;
  }
}

@media (prefers-reduced-motion: reduce) {
  .carousel__snapper {
    animation-name: none;
  }
}

.carousel:hover .carousel__snapper,
.carousel:focus-within .carousel__snapper {
  animation-name: none;
  height: 100%;
}

.carousel__navigation {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  display: none
}

.carousel__navigation-list,
.carousel__navigation-item {
  display: inline-block;
}

.carousel__navigation-button {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background-color: #333;
  background-clip: content-box;
  border: 0.25rem solid transparent;
  border-radius: 50%;
  font-size: 0;
  transition: transform 0.1s;
}

.carousel::before,
.carousel::after,
.carousel__prev,
.carousel__next {
  position: absolute;
  top: 0;
  margin-top: 13%;
  width: 3rem;
  height: 3rem;
  transform: translateY(-50%);
  border-radius: 50%;
  font-size: 0;
  outline: 0;
}

.carousel::before,
.carousel__prev {
  left: 1rem;
}

.carousel::after,
.carousel__next {
  right: 1rem;
}

.carousel::before,
.carousel::after {
  content: '';
  z-index: 1;
  background-color: #333;
  background-size: 1.5rem 1.5rem;
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
  font-size: 2.5rem;
  line-height: 4rem;
  text-align: center;
  pointer-events: none;
}

/*---- changer ici pour mofifier le design des flèches-----*/
.carousel::before {background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0,50 80,100 80,0' fill='%23fff'/%3E%3C/svg%3E");}
.carousel::after {background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='100,50 20,100 20,0' fill='%23fff'/%3E%3C/svg%3E");}

#carousel__slide1{color:transparent; background-image: url("/key4register/images/client/82/images/Temsab.jpg"); background-size:auto 100% ; background-position:center center; }
#carousel__slide2{color:transparent; background-image: url("/key4register/images/client/82/images/Banner2b.jpg"); background-size: auto 100%; background-position:center center; }
#carousel__slide3{color:transparent; background-image: url("/key4register/images/client/82/images/Banner3b.jpg"); background-size: auto 100%; background-position:center center; }

#contenu .carousel__snapper a { display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px; cursor:pointer; }

@media (min-width: 480px) {
/* Pour grand écran uniquement */
.tdEnteteRegistrationTop { height:510px; }
  body .ContentBlock.CONTENT_BLOCK.k4r33Left {
     width: 28%;
  }
  .ContentBlock.CONTENT_BLOCK.Content435.k4r33Left {
     margin-left: 10px;
  }

  .ContentBlock.CONTENT_BLOCK.Content436.k4r33Left {
     margin-left: 10px;
  }
}

#contenu a {
    text-decoration: none;
}