/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 180px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
/*  background-color: rgb(0,0,0); /* Fallback color */
/*  background-color: rgba(0,0,0,0); /* ,0.4 Black w/ opacity */
}

/* Modal Content */
.modal-content {
  box-shadow: 0 5px 10px 5px rgba(0,0,0,0.5);
  margin: auto;
  padding: 20px;
  float: right;
  border: 1px solid #888;
  width: 50%;
/*  background: #003366; //#d0d5df
    color: #FFF; //#9ca6ba
    color: #9ca6ba;*/
  background: #d0d5df;
  border: none;
  outline: none;
  text-align: left;
  margin: 0% 0% 0px;
  padding: 10px;
  font-size: 18px;
  border-radius: 20px;
}

.modall {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 80px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
/*  background-color: rgb(0,0,0); /* Fallback color */
/*  background-color: rgba(0,0,0,0); /* ,0.4 Black w/ opacity */
}

/* Modal Content */
.modal-contentt {
  margin: auto;
  width: 100%;
  padding: 3px;
  background: #00FF00; /*#9ca6ba #d0d5df;*/
  border: none;
  outline: none;
  text-align: center;
  font-size: 18px;
}

/* The Close Button */
.close {
  color: #003366;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

#myBtn[type="submit"] {
  box-shadow: 0 5px 10px -5px rgba(0,0,0,0.9);
  cursor: pointer;
  width: 15%;
  float:right;
  border: none;
  outline: none;
  background: #003366;
  text-align: center;
  color: #FFF;
  margin: 0% -10% 0%;
  /* padding: 10px; */
  font-size: 18px;
  border-radius: 20px;
}
#myBtn[type="submit"]:hover {
  background: #22034b;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#myBtn[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
#myBtn[type="submit"] {
  font: 400 12px/16px, Helvetica, Arial, sans-serif;
}

.countSlides{
  /*width: 10%;*/
  /*text-align: center;*/
  color: #003366;
  /*margin: 0% 0% 0%;*/
  font-size: 18px;
}

#media-play-list {
	float:left;
	clear:both;
	color:#003366; /*#aaa;*/
	width:80%;
	margin-left:10%;
	margin-top:-15%;
	border-top:1px solid #003366;
}

#videotab {
  cursor:pointer;
  padding:0;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#videotab td{
  border: 1px solid #ddd;
  padding: 10px; /*LARGEUR DES COMPARTIMENTS DU TABLEAU OU LES DIFFERENTES VIDEOS SONT ANNONCEES*/
  font-weight: bold;
}

#videotab td span:hover{
  text-decoration: underline;
}

#videotab td p{
  font-weight: normal;
  color:#000000;
  text-decoration: none;
}

#videotab tr{background-color: #f2f2f2;}

#myVideoleftBtn img {
  cursor: pointer;
}
#myVideorightBtn img {
  cursor: pointer;
}

.titreVideoPrincipale {
    color:#003366;
    font-weight: bold;
    
}