TESTS MPA
hr.my-title-menu {
  border-top: 1px solid ##0c0032;
}
.btn-huge{
  padding-top:10px;
  padding-bottom:10px;
}
.accroche-formation {
height:60px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3; /* Write the number of
                          lines you want to be
                          displayed */
-webkit-box-orient: vertical;
}

/*================================================header missions*/
.animated {
  background-image: url(/css/images/logo.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-top:95px;
  margin-bottom:60px;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInRight {
  0% {
     opacity: 0;
     -webkit-transform: translateX(20px);
  }
  100% {
     opacity: 1;
     -webkit-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
     opacity: 0;
     transform: translateX(20px);
  }
  100% {
     opacity: 1;
     transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

/*================================================Partenaires - CSS : voir http://themes.semicolonweb.com/html/canvas/gallery.html*/

.masonry-thumbs { position: relative; }

.masonry-thumbs a {
		position: relative;
		float: left;
		width: 25%;
		max-width: 100% !important;
		overflow: hidden;
	}
/*================================================Si on veut changer le nombre d'éléments sur une grille*/
.masonry-thumbs.grid-2 a { width: 50%; }

.masonry-thumbs.grid-3 a { width: 33.30%; }

.masonry-thumbs.grid-4 a { width: 25%; }

.masonry-thumbs.grid-5 a { width: 20%; }

.masonry-thumbs.grid-6 a { width: 16.60%; }

.masonry-thumbs.grid-7 a { width: 14.25%; }

.masonry-thumbs a,

.masonry-thumbs img {
	display: block;
	height: auto !important;
	padding: 0 10px 0 10px;
}

.masonry-thumbs img {
	width: 100%;
	border-radius: 0 !important;
}

.masonry-thumbs .overlay { padding: 0 1px 1px 0; }

@media(max-width:767px){
	.masonry-thumbs.grid-7 a { width: 100%; }
}
/*================================================permet de faire un carrousel*/

.selectpicker:valid.dropdown-toggle  {
display: inline-block;
margin right: 1em;
}

/*================================================disposition de contenu à la ligne*/

.container-mpa{
display: flex;
}

/*================================================navigation barre menu éléments centrés*/

#nav {
padding: 0; margin: 0;
}
#nav li {
display: inline;
list-style: none; /* nécessaire pour IE7 */
}

	/*=========================================================LIMITATIONS ACCORCHES*/

	/*Article : Mini CV auteur*/


  /*INDEX : Accroche des unes*/

  .accroche-une{
  	height:78px;
  	display: -webkit-box;
  	overflow: hidden;
  	text-overflow:ellipsis;
  	-webkit-line-clamp: 3; /* Write the number of
                              lines you want to be
                              displayed */
    -webkit-box-orient: vertical;
  }

  .titre-une{
      height:125px;
      display: -webkit-box;
      overflow: hidden;
     text-overflow:ellipsis;
     -webkit-line-clamp: 5; /* Write the number of
                                lines you want to be
                                displayed */
      -webkit-box-orient: vertical;
    }

  /*==================================================== ACCESSIBILITE*/

  /*a:hover, input:hover, button:hover, select:hover,*/
      a:focus, input:focus, button:focus, select:focus {
         border:  1px solid black; 
      }  

/*================================================CRISP*/

    .crisp {
    width: 60px;
    height: 60px;
    border-radius: 40px;
    background: ##457991;
    display: table-cell;
  vertical-align: middle;text-align:center;
    
}
.crisp i {
  font-size:20px;
  color:white;
}

/*========================================================================LOGO MINIATURE MOBILE */

.logo .mobile {
	display:none;
}
.pub .mobile {
    display: none;
  } 

@media (max-width: 600px) {
	.logo .mobile {
    display: block;
	} 
  .pub .mobile {
    display: block;
  } 
  
	.logo .desktop{
		display: none;
	}
  .pub .desktop{
    display: none;
  }

}


/*++++++++++++++++++++++++video header accueil*/


.header-une {
  position: absolute;
  color: white;
  width: 100%;
  margin: 0px;
  background-color: #0C0033;
  /* Add this */
 text-align: center;
}

/* Affichage du 1er niveau du menu */

    .secondary-menu {
      position: relative;
      overflow: inherit;

      }

      .fancy-title.title-double-border:before,
      .fancy-title.title-border:before,
      .fancy-title.title-border-color:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 0;
      border-top: 3px double ##E5E5E5;
      left: auto;
      top: 46%;
      right: 0;
      }

      .fancy-title.title-border:before {
        top: 49%;
        border-top: 1px solid ##EEE;
      }

      .fancy-title.title-border-color:before {0
        top: 49%;
        border-top: 1px solid ##1ABC9C;
        opacity: 0.6;
      }

      /**MODE TABLDETTE**/

      @media(max-width:992px) {
        .nav {
          display: block;
          }
      }

      .secondary-menu>div>ul>li>a:hover,.secondary-menu>div>ul>li>a.open{background-color:###colorbgsec#; !important}
      /*img{
        height:300px;
        }*/

        


    form p { position: relative; }
  .password + .unmask {
  position: absolute;
  right: 15px;
  top: 40px;
  width: 25px;
  height: 25px;
  background: ##aaa;
  border-radius: 50%;
  cursor:pointer;
  border: none;
  -webkit-appearance:none;
  
}
label + .login-form1-password { 
  position: absolute;
  left:-9999px;
  text-indent: -9999px;
}
input + .password{
  width: 250px;
  padding: 15px 12px;
  margin-bottom: 5px;
  border: 1px solid ##e5e5e5;
  border-bottom: 2px solid ##ddd;
  background: ##f2f2f2;
  color: ##555;
}
.password + .unmask:before {
  content: "";
  position:absolute;
  top:4px; left:4px;
  width: 17px;
  height: 17px;
  background: ##e3e3e3;
  z-index:1;
  border-radius: 50%;
}
.password[type="text"] + .unmask:after {
  content: "";
  position:absolute;
  top:6px; left:6px;
  width: 13px;
  height: 13px;
  background: ##aaa;
  z-index:2;
  border-radius: 50%;
}


/*Résultat recheches réseau*/
.results {
    width: auto;
    padding-top:  10px;

  }

  .shadow {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  }