/****** tableaux *******/

.table1 {
  border: 1px solid #999;
  border-width: 0 1px 1px 0;
  border-collapse:collapse;
  /*width: 100%;*/
}

.table1 td {
  border: solid #999;
  border-width: 1px 0 0 1px;
  font-size: 80%;
  padding: 4px;
  vertical-align: top;
}

.table1 ul {
font-size:100%;
}


.row-padding-bottom-10,.row-padding-bottom-10 div,.row-padding-bottom-10 div button{
	padding-bottom: 10px !important;
}

.row-padding-bottom-20,.row-padding-bottom-20 div,.row-padding-bottom-20 div button{
	padding-bottom: 20px !important;
}

.row-padding-bottom-30,.row-padding-bottom-30 div,.row-padding-bottom-30 div button{
	padding-bottom: 30px !important;
}

.fright{
	font-size:80%;
	float:right;
	padding-top:20px;
}


/* ajout NDE Staff */
.staff .element-item .element-item-content .pictos-staff {
  text-align: right;
  background-color: #fff;
  margin-top: -180px;
  float: right;
  margin-right: 0px;
  position: relative;
  border-radius: 5px;
}

.staff .element-item .element-item-content .pictos-staff img {
  width: 30px;
}


.form-control.medium-on-white,.custom-select.medium-on-white{
	font-size:0.8em;line-height:2.0em;background-color:#e2e2e2;height:auto;margin-bottom:2em
}

.bootstrap-select.medium-on-white>button.dropdown-toggle{
	color:#0c0033 !important;font-family:"Roboto Condensed",sans-serif;font-size:1.0em;line-height:2.0em;background-color:#e2e2e2 !important;height:auto;margin-bottom:2em;min-width:400px
}


.revendications{
	font-weight:bold;  border-left: 4px solid #666; padding: 10px;
}



.contentDivTags {
  background: white;
  z-index: 1;
  position:relative;
  height:auto;
  overflow: hidden;
}

.contentDivTags:before, .contentDivTags:after{
  -webkit-transiton: all 300ms ease;
  -moz-transiton: all 300ms ease;
  transiton: all 300ms ease;
}

.contentDivTags.masked{
  height: 150px;
}

.contentDivTags.open{
  padding-bottom: 30px;
}

.contentDivTags.masked:before {
  content: "Voir plus";
  position: absolute;
  bottom:10px;
  left:0;
  width:100%;
  z-index: 3;
  text-align: center;
}

.contentDivTags.masked:after {
  content: "";
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  z-index: 2;
  background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
  background: -moz-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
  background: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
  background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
}

.contentDivTags.open:before {
  content: "Voir moins";
  position: absolute;
  bottom:10px;
  left:0;
  width:100%;
  z-index: 3;
  text-align: center;
}

.contentDivTags.open:after {
  content: none;
}


.footnotes{
	font-size: 70%;
	margin-top:15px;
}


.footnotes p{
	line-height:1.4em;
	margin:4px;
	padding:0;
	
}

.header-tags2{padding-left:3em;margin-top:0em}.header-tags2 ul{margin-bottom:0}.header-tags2.header-tags2-condensed ul{background-color:rgba(103,103,93,0.05);font-size:1.5em}.header-tags2.header-tags2-condensed ul li{display:inline-block;margin-right:1em}


/*Texte qui clignote*/
.blink_text {
animation:3s blinker linear infinite;
-webkit-animation:3s blinker linear infinite;
-moz-animation:3s blinker linear infinite;

}

@-moz-keyframes blinker {
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

@-webkit-keyframes blinker {
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

@keyframes blinker {
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

/* fin ajout NDE */

.video-responsive { 
              overflow:hidden; 
              padding-bottom:56.25%; 
              position:relative; 
              height:0;
              }

              .video-responsive iframe {
              left:0; 
              top:0; 
              height:100%;
              width:100%;
              position:absolute;
              }

.userRound {
  display: inline-block;
  border-radius: 50%;
  object-fit: cover;
}

.avatar2 {
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #ccc;
      font-family: sans-serif;
      color: #fff;
      font-weight: bold;
      font-size: 15px;
}

.custom-tab {
  height: 37px;
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.yellow-uvcw {
  background-color: #ffd938;
  border-color: #ffd938;
}

.custom-button-edit {
  font-size: 0.75rem;
  color: #dc3545;
  border: #dc3545 1px solid;
  border-radius: 4px;
  margin-left: .25rem;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: .25rem .60rem .25rem .60rem;
}

.custom-button-edit:hover {
  color: #ffffff;
  background-color: #dc3545;
}

.custom-button-edit:active {
  color: #ffffff;
  background-color: #c6303f;
  border-color: #c6303f;
}

.no-space {
  margin-top: 0 !important;

}


.input-bold {
  font-weight: bold;
}

.input-custom-email {
  border:#ccc 1px solid;
  border-radius: 4px;
  height: 30px;
  font-size: 0.9rem;
}

.tab-content-form > div {
  display: none;
}

.tab-content-form > div.active {
  display: block;
}
.nav a:focus {
  border: none !important;

}

.nav .arrow-down {
  display: none;
  color:#0C0033;
  padding-top:0;
  margin-top:0;

}

.nav-link {
  margin-bottom:0 !important;
  padding-bottom:0;
}

.nav-link.active + .arrow-down {
  display: inline-block;
}

a.divider {
  border-right: 1px solid #FFFFFF;
  margin-top: 0;
  padding-top: 0;

}

a.divider:focus {
  border-right: 1px solid #FFFFFF !important;
  margin-top: 0;
  padding-top: 0;

}

a.nodivider {
  margin-top: 0;
  padding-top: 0;

}

.formation-card {
  margin-bottom: 1px;
  padding: 20px 20px 0 20px;
}


@media(max-width:576px) {
  #nav-tab-formation {
    display: none !important;
  }

  #boutons-formations {
    display: block;
    width: 100%;
  
  }
}

@media(min-width:577px) {
  #nav-tab-formation {
    display: block !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #35495E;
    color: white !important;
    width: 100%;
    padding: 10px 0 0 0;
    margin-top:10px;  

  }

  #boutons-formations {
    display: none !important;
  }
}

#nav-tab-formation a, #nav-tab-formation i, #nav-tab-formation h5 {
  color: white !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  
}

#nav-tab-formation h5 {
  font-size: 1.1rem;
  font-weight: 500;
}

.btn-outline-secondary {
  padding-bottom: 6px !important;
}

.line-height-0 {
  line-height:normal !important;
  padding-top: 1px;
}


a:active img,
a:focus img {
    outline: none;
    border: none;
    box-shadow: none;
}