/* agrandissement images articles

figure {overflow: hidden;}

figure a:hover img {
	transition:0.4s;
	transform:scale(1.3);
	-webkit-filter: blur(2px) brightness(130%);
  	+filter: blur(2px) brightness(130%);
  }

  figure a:before img:hover {
    display: block;
    position: absolute;
    top: 20%;
    left: 41%;
    width: 80px;
    height: 80px;
    overflow: hidden;
    content: "";
    background: url(../assets/loupe+.png);

     
}*/

p.voir_projet {
    width: 100%;
    margin:13% 0;
    text-align: center;
}

p.voir_projet a {
    background-color: transparent;
    color: #f7f7f7;
    padding: 5px 10px;
    float: none;
    font-size: 2.1em;
    width:50px;
    height:50px;
    border-radius: 50px;
    border:solid 2px #fff;
}
p.voir_projet a:hover{
  background-color: rgba(65, 34, 38, 0.6);
}

.realisation p.mots {
    background-color: #d42151;
    color: #fff;
    font-size: 11px;
    margin: 0 auto;
    padding: 4px 10px;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    width: 70%;
    display: block;
}

.realisation header.titre_projet h1,
.realisation header.titre_projet h2,
.realisation header.titre_projet h3  {
  text-align: center;
  font-size: 2em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
}

.realisation header.titre_projet h1 a:hover,
.realisation header.titre_projet h1 a:hover
{ text-decoration: none;}
/* recherche publication & ressources*/

@keyframes display-animation {
    from {
        opacity: 0;
        visibility: 0;
        	
	}

    to {
        opacity: 1;
        visibility: 1;
        
    }
}	

a.deplier {
	opacity: 1;
    visibility: 1;
}
a.deplier.hidden_animation{
	opacity: 0;
    visibility: 0;
    transition: opacity 2s ,visibility 2s;
}

.masonry .item.animate{
	opacity: 0;
	 visibility: 0;
    animation: display-animation 1s linear forwards;
}

/* loading 
<div class="loading"><ul><li></li></ul></div>
*/

.loading {
	position:absolute;
	z-index:100;
    margin-top: -1em;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 100;
}
.loading li {
  width: .5em;
  height: .5em;
  border-radius: 50%;
  margin: 0 0.35em 0.6em;
  display: inline-block;
}

.loading li:nth-child(n) {
  animation: color 1100ms infinite ease-in-out;
}

.loading li:nth-child(2n) {
  animation: change-color 1200ms infinite ease-in-out;
}

.loading li:nth-child(3n) {
  animation: change-color 1300ms infinite ease-in-out;
}

.loading li:nth-child(5n) {
  animation: change-color 1400ms infinite ease-in-out;
}

.loading li:nth-child(7n) {
  animation: change-color 1500ms infinite ease-in-out;
}
/* ?? est ce vraiment util ? */

.loading ul:nth-child(n) {
  animation: change-opacity 1100ms infinite ease-in-out;
}
.loading ul:nth-child(2n) {
  animation: change-opacity 1200ms infinite ease-in-out;
}
.loading ul:nth-child(3n) {
  animation: change-opacity 1300ms infinite ease-in-out;
}
.loading ul:nth-child(5n) {
  animation: change-opacity 1400ms infinite ease-in-out;
}
.loading ul:nth-child(7n) {
  animation: change-opacity 1500ms infinite ease-in-out;
}



@keyframes change-opacity {
  from, to {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
@keyframes change-color {
  from, to {
    background: #E1BB11;
  }
  50% {
    background: #30B8BC;
  }
}

.realisation article {
	overflow:hidden;
}


/*.rubrique150 article.article-mini{

  margin: 5px 5px 0 0;

}*/

/*.canvas_rond {
    position: relative;
    border-radius: 100% 100%;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    height: 90%;
    width: 90%;
}*/

header.titre_projet {margin: 15% 0;}

.secteur3 .realisation article header h1 a,
.secteur131 .realisation article header h1 a,
.secteur132 .realisation article header h1 a,
.secteur3 .realisation article header h2 a,
.secteur131 .realisation article header h2 a,
.secteur132 .realisation article header h2 a,
.secteur3 .realisation article header h3 a,
.secteur131 .realisation article header h3 a,
.secteur132 .realisation article header h3 a
{ color:#fff;}

.rubrique150 .article-mini img, .rubrique3 section.dernieres_realisations .article-mini img{
  margin: 0 auto;
  padding: 10px;
}

.rubrique150 article .contenu, .rubrique3 section.dernieres_realisations article .contenu {
  width:100%;
  height: 100%;
  background-color: rgba(65,34,38,0.5);
  color:#fff;
  top: 100%;
  position: absolute;
  animation: go-bottom 0.4s linear forwards;
  /*cursor: pointer;*/
  overflow: hidden;
}
.rubrique150 article:hover .contenu, .rubrique3 section.dernieres_realisations article:hover .contenu{
    display: block;
    top: 0;
   animation: go-top 0.4s linear forwards;
}

@keyframes go-bottom{
	from {
		top:0%;
	}
	to {
		top:100%
	}
}
@keyframes go-top{
	from {
		top:100%;
	}
	to {
		top:0%;
	}
}
@keyframes moveTicker {
		0% { left: 0; }
		100% { left: -7200px;/*60*120*/}
	}

.ticker { /* fo 2x les meme li d'une taille fixe*/
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;/*les espaces entre les li*/
    white-space: nowrap; /*saute pas a la ligne */
    transition:  opacity 0.5s ease-out; 
    animation:    moveTicker 10s linear infinite;

}

aside ul.ticker{ border: none;}
/*
.ticker:hover{
    animation-play-state: paused
}
*/
.ticker li {
    display:inline-block;
    width:120px;
    overflow:hidden
}

.ticker-container{
    position: relative;
    height: 120px;
    width: 100%;
    margin: auto;
    overflow: hidden;
}
.slide-inner{
    position: relative;
    height: 120px;
    width: 100%;
    margin: auto;
    overflow: hidden;
}

.slide-inner ul {
    position: absolute;
    top: 20px;
    left: 0;
    margin:0;
    padding:0;
    font-size: 0;/*les espaces entre les li*/
    white-space: nowrap; /*saute pas a la ligne */
}
.slide-inner li {
    display:inline-block;
    /* width:139px; */
    margin: 0 10px;
    overflow:hidden
}
.slide {
position:relative;/* pour les bouttons */
margin: 0 0 -1px;
}

input[type=radio], input[type=checkbox]{
  margin: 4px 5px;
}

.prevbtn, .nextbtn {
	height:40px;
  width:40px;
  border-radius:40px;
  color:#412226;
	margin:40px 0 0 0;
    position: absolute;
    top: 0;
    z-index: 500;
    display:inline-block;
    background-color: #eee;
    opacity:0.8;
    padding:10px 13px;
    font-weight: bold;
}
.prevbtn:hover, .nextbtn:hover{
	opacity:0.5;
}
.nextbtn {
    right: 0;
  
}
.nextbtn::after{
  content: "";
  font-family: "Glyphicons Halflings";
      color:#412226;

}
.prevbtn::after{
    content: "";
    font-family: "Glyphicons Halflings";
    color:#412226;
}
.togglefiltre ul {

	columns:5;
	-moz-columns:5;
	-ms-columns:5;
	-webkit-columns:5;
	-webkit-perspective:1;
  background-color: #f1f1f1;
  margin: 10px 20px 0 20px;
  padding: 20px;
}

.togglefiltre{
	display:none;
}
.filtremot.filled {
    background-color: #fff;
}

.filtremot::after{
content : "";
font-family: "FontAwesome";
color: #412226;
}
.filtremot.opened::after{
content : "";
font-family: "FontAwesome";
color: #412226;
}
.filtremot.opened{
	border: 1px solid #ED3A6A;
}