.clear{ clear:both; }

/*images de fond*/
.fond-page{ position:absolute; top:0; left:50%; }

#habillage{ z-index:0; /*height et width calculé*/ position:absolute; top:0; left:0;  }

.habillage{ width:100%; height:100%; position:absolute; top:0; left:0; }
.habillage a{ width:100%; height:100%; position:absolute; top:0; left:0; display:block; }

/* {{{ COR : [TK7632] [EVO1235] */
/* differents mode d'affichage du fond */
#habillage.bgCover .habillage {
	background-size: cover;
}
#habillage.bgContain .habillage {
	background-size: contain;
}
#habillage.limitedHt .habillage {
    background-position: center center !important;
}

/* navigation par puces */
#ap-puces {
    width: 100%;
    text-align: center;
    margin:10px 0;
}
#ap-puces.puces-txt {
	bottom:0 !important;
	position: absolute;
}
#ap-puces.puces-txt li {
	width: 20px;
	height: 20px;
	cursor:pointer;
	border-radius:10px;
	float: none !important;
	display: inline-block !important;
	margin: 0 3px !important;
	border: solid 2px #000000;
    box-sizing: border-box;
    -moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
#ap-puces.puces-txt li .bg {
	background-color: transparent !important;
}
#ap-puces.puces-txt li.active, #ap-puces.puces-txt li:hover {
	background-color: #000000;
}

/* COR }}} */


/*espace*/

#espace{ position:relative;clear:both;}
.espace{ display:none;}



/*vignettes*/
#ap-vignettes{ 
	list-style:none; 
	padding:0; 
	margin:10px; 
	position:absolute; 
	left:0; 
	bottom:0px; 
}

/* permet de cacher partiellement les vignettes + effet de transition */
#ap-vignettes.vignette-img{
	bottom:-65px; 
	transition:bottom 0.5s; 
	-webkit-transition:bottom 0.5s; 
	-moz-transition:bottom 0.5s;
}
#espace:hover #ap-vignettes.vignette-img{ bottom:0; }

#ap-vignettes.vignette-img li{ padding:0; margin:0 10px 0 0; float:left; position:relative; }
#ap-vignettes.vignette-img li .bg{
	background-color:white; 
	position:absolute;  
	top:0px; 
	left:0px;
	opacity:0.4; 
	-moz-opacity : 0.4; 
    -ms-filter: "alpha(opacity=40)"; /* IE 8 */ 
	filter : alpha(opacity=40); /* IE < 8 */
	width:140px;
	height:80px;
}
#ap-vignettes.vignette-img li img{ position:absolute; top:5px; left:5px; }

#ap-vignettes.vignette-img li{ cursor:pointer; width:140px; height:80px; overflow: hidden; text-align: center;  }
#ap-vignettes.vignette-img li.active{ cursor:default;  }
#ap-vignettes.vignette-img li.active .bg, #ap-vignettes.vignette-img li:hover .bg{
	opacity:0.80; 
	-moz-opacity : 0.80; 
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */ 
    filter : alpha(opacity=80); /* IE < 8 */
}

/* Concernant les textes : */
/* permet de cacher partiellement les vignettes + effet de transition */
#ap-vignettes.vignette-txt{
	bottom:-35px;
	transition:bottom 0.5s;
	-webkit-transition:bottom 0.5s;
	-moz-transition:bottom 0.5s;
}
#espace:hover #ap-vignettes.vignette-txt{ bottom:0; }

#ap-vignettes.vignette-txt li { padding:0; margin:0 10px 0 0; float:left; position:relative; }
#ap-vignettes.vignette-txt li .bg{
	background-color:white;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.4;
	-moz-opacity : 0.4;
    -ms-filter: "alpha(opacity=40)"; /* IE 8 */
	filter : alpha(opacity=40); /* IE < 8 */
	width:20px;
	height:20px;
}
#ap-vignettes.vignette-txt li img{ position:absolute; top:5px; left:5px; }

.nb-vignette{
	display:block;
	width:20px;
	height:20px;
	padding-top:5px;
	float:left;
	vertical-align:middle;
}

#ap-vignettes.vignette-txt li { cursor:pointer; width:20px; height:20px; overflow: hidden; text-align: center;  }
#ap-vignettes.vignette-txt li.active{ cursor:default;  }
#ap-vignettes.vignette-txt li.active .bg, #ap-vignettes.vignette-txt li:hover  .bg{
	opacity:0.80;
	-moz-opacity : 0.80;
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */
}

.full-link{ display:block; }