/* 
    Document   : FlexSlider
    Created on : 31 août 2011, 12:54:46
    Author     : Huitre
    Description:
        Purpose of the stylesheet follows.
*/

/* flexslider main css */

/* pre loader */
#__fxslider_fg_loader {width:100%; height:100%; position: relative; z-index: 9999}
#__fxslider_bg_loader { height:386px; background:#7F9DB9; width:1px;}

/* main div */
.slider {cursor: none; cursor: w-resize; background-color: #F3F2F0; width: 960px; margin-left: 15px; position: relative; overflow: hidden; height: 554px; margin : auto; background: url('../assets/bg.png');}
.slider .wrapper { margin: 0px; position: absolute; overflow: hidden; height: 554px;}

/* panels */
.slider .rotator { position: relative; height: 554px; width: 960px; float: left; overflow: hidden; margin:auto; background-image: url('../assets/bg_1.png')}
.slider .rotator img {position: absolute;}
.slider .rotator div {position: absolute;}
.slider .rotator .fullsize {width: 100%; height: 100%; position : absolute}
/* controls buttons */
.controls {margin : auto; text-align: center; z-index: 2; position: absolute; margin-top: 525px}
.controls a {display: none; text-decoration: none; color:#fff; margin: 4px; background-color: #bbb; width: 11px; border-radius : 5px 5px 5px 5px; height: 11px; border: 2px solid #c3c3c3}
.controls a:hover { background-color: #ddd }
.controls a.active { background-color: #000 }
.controls .next {display:none; position:absolute; margin-top: -277px; width: 25px; height: 25px; background-color: #000; opacity : 0.7; margin-left: 927px; padding-top: 2px; color: #fff; z-index: 10}
.controls .prev {display:none; position:absolute; margin-top: -277px; width: 25px; height: 25px; background-color: #000; opacity : 0.7; padding-top: 2px;color: #fff; z-index: 10}
.slider:hover .next {display: none !important}
.slider:hover .prev {display: none !important}
/* IE specific */
.controls .IE7.prev {margin-left: -100px;}
.controls .IE7.next {margin-left: 828px;}
/* caption */
.caption {position:absolute; width:978px; background-color: #000; opacity : 0.7; color: #fff; font-size : 14px; font-family: 'Tienne'; padding : 10px; height: 20px; filter: alpha(opacity = 70);}