.lof-slider_5 .lof-wrapper { position:relative; }
.lof-slider_5 .preload { background:#fff; position:absolute; z-index:5; top:0; left:0; }
.lof-slider_5 .preload div { background:transparent url('/typo3conf/ext/acstra/Resources/Public/Images/Commun/chargement.gif') no-repeat scroll 50% 50%; }
.lof-slider_5 .lof-main-outer { position:relative; overflow:hidden; }
.lof-slider_5 .lof-main-wapper { padding:0; margin:0; position:absolute; }
.lof-slider_5 .lof-main-wapper .lof-item { padding:0; margin:0; float:left; position:relative; overflow:hidden; width:430px; }
.lof-slider_5 .lof-opacity .lof-item { top:0; left:0; float:inherit; position:absolute; }
.lof-slider_5 .lof-main-wapper .lof-item img { padding:0; margin:0; border:none; }
.lof-slider_5 .lof-description { position:absolute; padding:5px 12px; }
.lof-slider_5 .lof-description p { margin:0 60px; padding:0; }
.lof-slider_5 .lof-description_black { background:url('/typo3conf/ext/acstra/Resources/Public/Images/Commun/slider-bg-noir.png'); }
.lof-slider_5 .lof-description_white { background:url('/typo3conf/ext/acstra/Resources/Public/Images/Commun/slider-bg-blanc.png'); }
.lof-slider_5 .lof-description_nobg { background:none; }
.lof-slider_5 .lof-description_black h3,.lof-slider_5 .lof-description_white h3,.lof-slider_5 .lof-description_nobg h3 { margin:0; padding:10px 0 5px 0; }
.lof-slider_5 .lof-item h3 { background:none; padding:0; text-align:center; }
.lof-slider_5 .lof-description p { margin:0; }
.lof-slider_5 .lof-description_black h3 a,.lof-slider_5 .lof-description_white h3 a,.lof-slider_5 .lof-description_nobg h3 a { color:#b42082; text-decoration:none; }
.lof-slider_5 .lof-description_black h3 a:hover,.lof-slider_5 .lof-description_white h3 a:hover,.lof-slider_5 .lof-description_nobg h3 a:hover,.lof-slider_5 .lof-description_black h3 a:focus,.lof-slider_5 .lof-description_white h3 a:focus,.lof-slider_5 .lof-description_nobg h3 a:focus,.lof-slider_5 .lof-description_black h3 a:active,.lof-slider_5 .lof-description_white h3 a:active,.lof-slider_5 .lof-description_nobg h3 a:active { text-decoration:underline; }
.lof-slider_5 .lof-css3 { -moz-box-shadow:0 0 5px #333; -webkit-box-shadow:0 0 5px #333; box-shadow:0 0 5px #333; }
.lof-slider_5 .lof-css3 .lof-navigator-wapper { -moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #333; }
.lof-slider_5 .lof-css3 .lof-description,.lof-slider_5 .lof-css3 .lof-description_black,.lof-slider_5 .lof-css3 .lof-description_white { -moz-box-shadow:0 0 3px #333; -webkit-box-shadow:0 0 3px #333; box-shadow:0 0 3px #333; }
.lof-slider_5 .author,.lof-slider_5 .category,.lof-slider_5 .date { margin:0 7px 0 0; font-size:80%; }
.lof-slider_5 .lof-main-outer .lof-next,.lof-slider_5 .lof-main-outer .lof-previous { top:0; display:block; width:10px; cursor:pointer; position:absolute; height:99%; z-index:5; text-indent:-9999px; margin-bottom:1%; }
.lof-slider_5 .lof-main-outer .lof-next { right:2px; background:url('/typo3conf/ext/acstra/Resources/Public/Images/Commun/slider-suivant.png') no-repeat right bottom; }
.lof-slider_5 .lof-main-outer .lof-previous { left:2px; background:url('/typo3conf/ext/acstra/Resources/Public/Images/Commun/slider-precedant.png') no-repeat left bottom; }


@font-face { 
    font-family: 'flexslider-icon'; 
    src: url('/typo3conf/ext/acstra/Resources/Public/Fonts/Flexslider/flexslider-icon.eot'); 
    src: url('/typo3conf/ext/acstra/Resources/Public/Fonts/Flexslider/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('/typo3conf/ext/acstra/Resources/Public/Fonts/Flexslider/flexslider-icon.woff') format('woff'), url('/typo3conf/ext/acstra/Resources/Public/Fonts/Flexslider/flexslider-icon.ttf') format('truetype'), url('/typo3conf/ext/acstra/Resources/Public/Fonts/Flexslider/flexslider-icon.svg#flexslider-icon') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}
.flex-container a:hover, .flex-slider a:hover { outline: none; }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; }
.flexslider { margin: 0; padding: 0; box-shadow: 0 0 5px #333; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; display: block; }
.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; }
.flexslider { margin: 0px; background: #ffffff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; -moz-user-select: none; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px; }
.flex-direction-nav { *height: 0; }
/*.flex-direction-nav a { text-decoration: none; display: block; width: 50px; height: 50px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: #b42082; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }
.flex-direction-nav a.flex-next:before { content: '\f002'; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }
.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }*/

.flex-direction-nav a { text-decoration: none; display: block; width: 50px; height: 50px; position: absolute; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f001'; color: #b42082; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }
.flex-direction-nav a.flex-next:before { content: '\f002'; }
.flex-direction-nav .flex-prev { left: 5px; bottom: -30px; z-index:0; }
.flex-direction-nav .flex-next { right: 5px; bottom: -30px; z-index:0;  text-align: right; }
.flexslider:hover .flex-direction-nav .flex-prev {  }
.flexslider:hover .flex-direction-nav .flex-prev:hover { }
.flexslider:hover .flex-direction-nav .flex-next { }
.flexslider:hover .flex-direction-nav .flex-next:hover { }


.flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

@media screen and (max-width: 860px) { 
    .flex-direction-nav .flex-prev {   opacity: 1;   left: 10px; } 
    .flex-direction-nav .flex-next {   opacity: 1;   right: 10px; } 
}

.thumbnailslider { margin-top:-50px; }

.flexslider .slides li { position:relative; }

.flex-caption { box-shadow: 0 0 3px #333; background: rgba(0, 0, 0, 0) url("/typo3conf/ext/acstra/Resources/Public/Images/Commun/slider-bg-blanc.png") repeat scroll 0 0; position:absolute; left:0; right:0; bottom:0; z-index:1; padding:5px 10px; }
.caption-title a, .caption-title a:active, .caption-title a:visited { font-weight:bold; font-size:12px; text-align: center; color:#b42082; text-decoration:none; display:block; }
.caption-text { display:block; }
.readmore a, .readmore a:active, .readmore a:visited  { color:red; text-decoration:none; }

.embed-responsive {   display: block;   height: 0;   overflow: hidden;   padding: 0;   position: relative; }
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {   border: 0 none;   bottom: 0;   height: 100%;   left: 0;   position: absolute;   top: 0;   width: 100%; }
.embed-responsive-16by9 {   padding-bottom: 56.25%; }
.embed-responsive-4by3 {   padding-bottom: 75%; }
	
.flexslider .topnews {  background: transparent url(/typo3conf/ext/news/Resources/Public/Images/topnews.png) no-repeat left center; display: block !important; padding-left: 20px; }
.flexslider h4 { color: #ccc; }