@charset "utf-8";

/* ############################################################ */
/* Coverflow */
/* ############################################################ */

.coverflow { position: relative; width:950px; margin: 5px auto 14px auto; float:none !important; background: url("../img/loader-teaser.gif") 50% 50% no-repeat; }
.coverflow>.wrap { position: relative; margin: 0 auto; width:950px; padding: 0; overflow: hidden;}
.coverflow,
.coverflow>.wrap,
.coverflow .teaser>img,
.coverflow .teaser .group { height: 240px !important; }
.coverflow .teaser { position:absolute; left: 0; top: 0; margin: 0 auto; width: 100%; overflow: hidden; z-index: 1; }
.coverflow .teaser>img { width:643px; }
.coverflow .teaser .group,
.coverflow.left .teaser .group { position:relative; z-index:1; margin:0; color: #FFF; width:222px; float:left;  padding: 0 25px 0 60px;}
.coverflow.right .teaser .group { float:right; padding: 0 60px 0 25px;}
.coverflow .orange .group { background-color:#E85B28; }
.coverflow .blue .group { background-color:#285ba3; }
.coverflow .green .group { background-color:#509E2F; }
.coverflow .teaser .group>.wrap { position:relative; margin:0; }
.coverflow .teaser .group>.wrap>p { margin:0;  font-size:1.5em; line-height:1.5em; font-weight:bold; }
.coverflow .teaser .group>a { cursor: pointer; margin:0; color: #333; font-size:14px; line-height:17px; display:inline-block; height:22px;  text-decoration:none; padding:4px 10px 0; background: url("../img/button-bg.png") 0 50% repeat-x; border:1px solid #EEE; -ms-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.coverflow .teaser .group>a:focus,
.coverflow .teaser .group>a:hover { color: #000; border-color:#DDD; background-position: 0 -44px; }
.coverflow .teaser .group>a,
.coverflow.left .teaser .group>a { position:absolute; bottom:25px; left:60px; z-index:2; }
.coverflow.right .teaser .group>a { left:25px; }
.coverflow .teaser .group>img,
.coverflow.left .teaser .group>img { position:absolute; top:25px; left:60px; z-index:2; }
.coverflow.right .teaser .group>img { left:25px; }
.ie-7 .coverflow .teaser .group>a,
.ie-8 .coverflow .teaser .group>a { behavior: url("/FRONT/NetExpress/scripts/PIE.htc"); zoom:1; }

.coverflow .teaser-control,
.coverflow.left .teaser-control { margin:0; position: absolute; z-index: 3; top: auto; height: 10px; bottom: 22px; right: 22px; }
.coverflow.right .teaser-control { right: 337px; }
.coverflow .teaser-control a { display: block; margin-left: 4px; float: right;  width: 8px; height: 8px; border:2px solid #FFF; outline: 0 none !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 1px 1px 2px 0 #333; -webkit-box-shadow: 1px 1px 2px 0 #333; -o-box-shadow: 1px 1px 2px 0 #333; box-shadow: 1px 1px 2px 0 #333; }
.coverflow .teaser-control a.active,
.coverflow .teaser-control a:hover { background-color: #FFF; }
.coverflow .teaser-scroll { position:absolute; z-index: 3; margin-top:-16px; width: 40px; height: 40px; outline: 0 none !important; }
.coverflow .scroll-left { left:12px; top:50%; background:url("../img/teaser-scroll-left.png") 0 0 no-repeat; }
.coverflow .scroll-right { right:12px; top:50%; background:url("../img/teaser-scroll-right.png") 0 0 no-repeat; }
.coverflow .teaser-scroll:focus,
.coverflow .teaser-scroll:hover { background-position: 0 50%; }
.coverflow .teaser-scroll.disabled,
.coverflow .teaser-scroll.disabled:focus,
.coverflow .teaser-scroll.disabled:hover { background-position: 0 100%; cursor:default; }

/* Correctifs Teaser Control IE7-8 */
.ie-7 .coverflow .teaser-control,
.ie-8 .coverflow .teaser-control,
.ie-7 .coverflow.left .teaser-control,
.ie-8 .coverflow.left .teaser-control { bottom: 20px; right: 20px; }
.ie-7 .coverflow.right .teaser-control,
.ie-8 .coverflow.right .teaser-control { right: 335px; }
.ie-7 .coverflow .teaser-control a,
.ie-8 .coverflow .teaser-control a { background:url("../img/teaser-controll-bullets.png") 0 0 no-repeat; margin-left: 2px; width: 16px; height: 16px; border:0; }
.ie-7 .coverflow .teaser-control a.active,
.ie-8 .coverflow .teaser-control a.active,
.ie-7 .coverflow .teaser-control a:hover,
.ie-8 .coverflow .teaser-control a:hover { background-position: 0 -26px; }