/*! 
-------------------------------------------------------------
Site : Musée des Plans-Reliefs
Creation : a2sc.com
Version : 31 octobre 2014 _ 18h56
-------------------------------------------------------------
*/
.animation{position:relative;height:100%}
.animation>div{margin-left:0;margin-right:0;max-height:320px}
.animation+div{margin-top:48px}
.animation-images{margin-left:-15px;margin-right:-15px}
.animation-images>span{display:none;position:relative}
.animation-images>span img{position:relative;float:left;width:100%;min-height:1px;padding-left:15px;padding-right:15px;display:block;width:100% \9;max-width:100%;height:auto;margin:0;padding:0;overflow:hidden}
.animation-images>span.active{display:block;visibility:visible}
.animation-images figure{position:relative}
.animation-images figure figcaption{position:absolute;padding-top:4px;background-color:#fff;color:#000;width:95%;margin:2.5%;bottom:0;opacity:0;filter:alpha(opacity=0)}
@media (max-width:767px){.animation-images figure figcaption{width:75%;margin-left:12.5%}
}
.animation-images figure:hover figcaption{opacity:.75;filter:alpha(opacity=75);-webkit-transition:opacity .8s ease;-o-transition:opacity .8s ease;transition:opacity .8s ease}
.animation-images figcaption{text-align:center}
@media (min-width:768px){.animation-images figcaption{top:75%;bottom:auto !important}
}
.animation-nav{position:absolute;top:40%;width:100%}
.animation-nav ul{list-style-type:none;padding:0;margin:0}
.animation-nav li{display:block;margin-left:12px;margin-right:12px}
.animation-nav li a{display:block;width:48px;height:48px;overflow:hidden;color:#fff;opacity:.5;filter:alpha(opacity=50)}
.animation-nav li a:hover{color:#fff !important;opacity:1;filter:alpha(opacity=100)}
.animation-nav .prec{float:left}
.animation-nav .prec a{padding:0;width:48px;height:48px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;color:#fff;background-color:#000;border:1px solid #000;overflow:hidden;position:relative}
.animation-nav .prec a span{font-family:'FontAwesome';font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;display:inline-block;width:46px;height:46px}
.animation-nav .prec a span:before{position:absolute;display:block;left:0;width:100%;text-align:center;font-size:41.4px;line-height:41.4px}
.animation-nav .prec a span:before{content:'\f053'}
.animation-nav .prec a span:hover{color:#fff;background-color:#000;border-color:#000}
.animation-nav .prec a span:before{font-size:36px;line-height:48px}
.animation-nav .suiv{float:right}
.animation-nav .suiv a{padding:0;width:48px;height:48px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;color:#fff;background-color:#000;border:1px solid #000;overflow:hidden;position:relative}
.animation-nav .suiv a span{font-family:'FontAwesome';font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;display:inline-block;width:46px;height:46px}
.animation-nav .suiv a span:before{position:absolute;display:block;left:0;width:100%;text-align:center;font-size:41.4px;line-height:41.4px}
.animation-nav .suiv a span:before{content:'\f054'}
.animation-nav .suiv a span:hover{color:#fff;background-color:#000;border-color:#000}
.animation-nav .suiv a span:before{font-size:36px;line-height:48px}
@media (min-width:768px) and (max-width:991px){.animation-nav .prec a,.animation-nav .suiv a{width:32px;height:32px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}
.animation-nav .prec a span,.animation-nav .suiv a span{width:32px;height:32px}
.animation-nav .prec a span:before,.animation-nav .suiv a span:before{width:32px;font-size:24px;line-height:32px}
}
@media (max-width:767px){.animation-nav .prec a,.animation-nav .suiv a{width:24px;height:24px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}
.animation-nav .prec a span,.animation-nav .suiv a span{width:24px;height:24px}
.animation-nav .prec a span:before,.animation-nav .suiv a span:before{width:24px;font-size:18px;line-height:24px}
}
@-moz-document url-prefix() {
	.animation{margin-top:100px}
}
#index .container {height: 100%;}
#index .container .animation {height: auto;}
.animation-nav .prec a:hover, .animation-nav .suiv a:hover {/*width: 48px;height: 48px;*/-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;overflow: hidden;}
.animation-nav .prec a:hover span, .animation-nav .suiv a:hover span {-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;}
.animation-images {height: 100%;max-height: 320px;}
.animation-images span {max-height: 320px;overflow: hidden;}
header nav {height: 100%;}

.depliants-accueil{margin-top:24px;margin-bottom:24px;list-style:none;margin-left:-5px;border:0;padding:0;text-align:left}
.depliants-accueil>li{display:inline-block;padding-left:5px;padding-right:0}
.depliants-accueil li{margin-left:6px;margin-top:-2px}
.depliants-accueil li:nth-of-type(1){margin-left:0}
.depliants-accueil a{display:block;width:40px;height:40px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;overflow:hidden;}
.depliants-accueil a:before{height:40px;content:"" !important;background-size:40px 40px;}
.depliants-accueil a.flag-fr:before{background-image:url("../imgs/flags/fr.png") !important}
.depliants-accueil a.flag-en:before{background-image:url("../imgs/flags/en.png") !important}
.depliants-accueil a.flag-de:before{background-image:url("../imgs/flags/de.png") !important}
.depliants-accueil a.flag-es:before{background-image:url("../imgs/flags/es.png") !important}
.depliants-accueil a.flag-it:before{background-image:url("../imgs/flags/it.png") !important}
.depliants-accueil a.flag-ru:before{background-image:url("../imgs/flags/ru.png") !important}