/**************************************/
/* Global.css - Feuille de style ALP */

/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}

/* Styles génériques */
body{background:#000 url(i/background-image.png) no-repeat center -390px;font:normal 12px Arial, sans-serif;}

#global{overflow:hidden;margin:80px auto 0;width:960px;}

/* Header */
#global #header{position:relative;overflow:hidden;margin:0 auto 25px;width:850px;}
#global #header h1{float:left;margin:12px 45px 0 0;}
#global.en #header h1{margin-right:40px;}
#global #header ul{overflow:hidden;float:left;margin:24px 45px 0 0;}
#global #header ul li{float:left;height:20px;margin-right:17px;padding:6px 17px 0 0;background:url(i/menu-divider.png) no-repeat 100% 0;}
#global #header ul li a{float:left;color:#fff;font-size:13px;text-decoration:none;text-transform:uppercase;}
#global #header ul li a.active,
#global #header ul li a:hover{color:#ffa922;}
#global #header ul li.last{margin:0;background:none;}
#global #header a.zodiak-logo{position:absolute;right:17px;}
#IE6 #global #header ul{margin-right:29px;}

/* Content Home */
#global #content{margin:0 auto 15px;width:960px;}
#global #content .hot{overflow:hidden;margin:0 0 20px 55px;}
#global #content .hot .video-wrapper{float:left;margin-right:18px;padding:19px 0 0 20px;width:495px;height:295px;background:url(i/video-wrapper.png) no-repeat 0 0;}
#global #content .hot .info{float:left;width:295px;}
#global #content .hot .info .intro{margin-bottom:24px;text-align:justify;}
#global #content .hot .info .intro h2{display:block;margin-top:16px;font-size:18px;font-weight:normal;color:#ffa922;}
#global #content .hot .info .intro p{margin-bottom:7px;color:#fff;}
#global #content .hot .info .intro a.read-more{color:#fff;text-decoration:underline;}
#global #content .hot .info .intro a.read-more:hover{color:#ffa922;}
#global #content .hot .news{overflow:hidden;}
#global #content .hot .news h3{display:block;margin-bottom:10px;width:97px;height:31px;background:url(i/news-h2.png) no-repeat 0 0;font-size:34px;color:#fff;text-transform:uppercase;text-indent:-9999em;}
#global #content .hot .news ul li{overflow:hidden;margin-bottom:10px;}
#global #content .hot .news ul li a{cursor:pointer;color:#fff;text-decoration:none;}
#global #content .hot .news ul li a em{clear:left;float:left;margin-bottom:2px;color:#ffa922;font-style:normal;text-decoration:none;}
#global #content .hot .news ul li a p{clear:left;float:left;}
#global #content .hot .news ul li a:hover p{color:#ffa922;text-decoration:underline;}
#global #content .carousel-wrap{margin-left:-8px;width:960px;height:190px;}
#IE6 #global #content .hot{zoom:1;}
#IE6 #global #content .hot .video-wrapper{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/i/video-wrapper.png', sizingMethod='scale');}

/* Content Company */
#global #content.company{overflow:hidden;margin:60px auto 45px;}
#global #content.company div{overflow:hidden;color:#fff;}
#global #content.company div a{color:#ff9a22;text-decoration:none;}
#global #content.company div a:hover{color:#ff9a22;text-decoration:underline;}
#global #content.company div p{margin:0 0 12px 30px;width:380px;text-align:justify;}
#global #content.company div ul{margin:10px 0 12px 30px;width:380px;list-style:square;}
#global #content.company div ul li{margin:0 0 5px 20px;}
#global #content.company div img{float:left;display:block;display:inline;}
#global #content.company div.top{margin-bottom:20px;}
#global #content.company div.top .text{float:left;display:inline;margin:0 84px 0 25px;}
#global #content.company div.bottom img{float:left;display:inline;margin:0 48px 0 53px;}
#IE6 #global #content.company div.top .text{float:left;margin-right:75px;}
#IE6 #global #content.company div.bottom img{float:left;display:inline;margin:0 75px 0 53px;}

/* Content Distribution */
#global #content.distribution{overflow:hidden;margin:60px auto 40px;}
#global #content.distribution div{overflow:hidden;color:#fff;}
#global #content.distribution div a{color:#ff9a22;text-decoration:none;}
#global #content.distribution div a:hover{color:#ff9a22;text-decoration:underline;}
#global #content.distribution div p{margin:0 0 12px 30px;width:380px;text-align:justify;}
#global #content.distribution div ul{margin:10px 0 12px 30px;width:380px;list-style:square;text-align:justify;}
#global #content.distribution div ul li{margin:0 0 5px 20px;}
#global #content.distribution div img{display:block;}
#global #content.distribution div.top{margin-bottom:20px;}
#global #content.distribution div.top .text{float:left;margin:0 65px 0 25px;}
#global #content.distribution div.bottom img{float:left;display:inline;margin:0 48px 0 53px;}
#global #content.distribution div.bottom img{float:left;margin-right:45px;}

/* Content Productions */
#global #content.productions{position:relative;overflow:hidden;margin:60px auto 55px;height:520px;}
#global #content.productions a.nav{position:absolute;top:195px;display:block;width:23px;height:23px;background:url(i/arrows.png) no-repeat 0 0;text-indent:-9999em;}
#global #content.productions a.nav-previous{left:0;}
#global #content.productions a.nav-next{right:5px;background-position:-23px 0;}
#global #content.productions a.nav:hover{background-position:0 -23px;}
#global #content.productions a.nav-next:hover{background-position:-23px -23px;}
#global #content.productions ul{overflow:hidden;margin:10px 0 0 25px;}
#global #content.productions ul li{float:left;width:180px;height:146px;text-align:center;}
#global #content.productions ul li a img{display:block;margin:20px auto 0;border:2px solid #8c8b8b;}
#global #content.productions ul li.comingsoon{position:relative;overflow:hidden;}
#global #content.productions ul li.comingsoon span{position:absolute;top:22px;left:25px;display:block;width:129px;height:51px;background:url(i/comingsoon.png) no-repeat 0 0;text-indent:-9999em;}
#global #content.productions ul li.comingsoon span.fr{background:url(i/comingsoon-fr.png) no-repeat 0 0;}
#global #content.productions ul li.inactive a{cursor:default;}
#IE6 #global .productions{position:relative !important;}
#IE6 #global .productions a.nav{background-image:url(i/arrows-ie.png);}
#IE6 #global #content.productions ul li.comingsoon span{background-image:url(i/comingsoon-ie.png);}
#IE6 #global #content.productions ul li.comingsoon span.fr{background-image:url(i/comingsoon-fr-ie.png);}


/* Content Prod */
#global #content.prod{position:relative;overflow:hidden;margin:50px auto 55px;}
#global #content.prod a.nav{position:absolute;top:195px;display:block;width:23px;height:23px;background:url(i/arrows.png) no-repeat 0 0;text-indent:-9999em;}
#global #content.prod a.nav-previous{left:5px;}
#global #content.prod a.nav-next{right:0;background-position:-23px 0;}
#global #content.prod a.nav:hover{background-position:0 -23px;}
#global #content.prod a.nav-next:hover{background-position:-23px -23px;}
#global #content.prod .prod-image{position:relative;overflow:hidden;float:left;margin-right:15px;width:165px;}
#global #content.prod .comingsoon span{position:absolute;top:1px;left:0px;display:block;width:129px;height:51px;background:url(i/comingsoon.png) no-repeat 0 0;text-indent:-9999em;}
#global #content.prod .comingsoon span.fr{background:url(i/comingsoon-fr.png) no-repeat 0 0;}
#global #content.prod .info{float:left;display:inline;margin:22px 28px 0 55px;width:370px;color:#fff;}
#global #content.prod .info .top{overflow:hidden;margin-bottom:25px;}
#global #content.prod .info .top img{display:block;border:1px solid #ff9a22;}
#global #content.prod .info .top h2{display:block;margin-bottom:15px;font-size:19px;color:#ff9a22;}
#global #content.prod .info .top h3{display:block;margin-bottom:15px;font-size:13px;color:#ff9a22;}
#global #content.prod .info .top ul{font-size:11px;}
#global #content.prod .info .top ul li a{color:#ff9a22;text-decoration:none;}
#global #content.prod .info .top ul li a:hover{text-decoration:underline;}
#global #content.prod .info .desc{overflow:auto;padding-right:30px;height:252px;text-align:justify;}
#global #content.prod .info .desc p{margin-bottom:12px;text-align:justify;}
#global #content.prod .medias{float:left;width:476px;color:#fff;}
#global #content.prod .medias .video-wrapper{padding:20px 0 0 19px;width:438px;height:256px;background:url(i/video-wrapper-prod.png) no-repeat 0 0;}
#global #content.prod .medias .other-videos{margin-top:7px;margin-left:20px;width:420px;}
#global #content.prod .medias .other-videos h3{display:block;margin-bottom:2px;font-weight:normal;font-size:16px;color:#ff9a22;}
#global #content.prod .medias .other-videos .js-select{z-index:1000;position:relative;padding:5px 7px;background:#1a1a1a;}
#global #content.prod .medias .other-videos .js-select ul{z-index:1000;position:absolute;left:7px;display:none;width:376px;padding:7px 13px 12px;background:#1a1a1a;border:1px solid #5c5c5c;border-top:none;}
#global #content.prod .medias .other-videos .js-select ul li a{position:relative;z-index:10;font-size:10px;color:#fff;text-decoration:none;}
#global #content.prod .medias .other-videos .js-select ul li a em{font-style:normal;color:#ff9a22;}
#global #content.prod .medias .other-videos .js-select ul li a:hover{text-decoration:underline;color:#ff9a22;}
#global #content.prod .medias .other-videos .js-select span{cursor:pointer;display:block;padding:2px 4px;width:394px;font-size:10px;color:#929292;border:1px solid #5c5c5c;background:url(i/select-arrow.png) no-repeat 98% 4px;}
#global #content.prod .medias .other-videos .js-select span:hover{color:#ddd;}
#global #content.prod .medias .pictures{margin-top:12px;margin-left:20px;width:420px;}
#global #content.prod .medias .pictures h3{display:block;margin-bottom:2px;font-weight:normal;font-size:16px;color:#ff9a22;}
#global #content.prod .medias .pictures .carousel{overflow:hidden;padding:6px 0;background:#1a1a1a;}
#global #content.prod .medias .pictures .wrap{height:41px;width:372px;}
#global #content.prod .medias .pictures .wrap ul{left:0px;}
#global #content.prod .medias .pictures .wrap li{float:left;width:62px;}
#global #content.prod .medias .pictures .wrap li a img{border:1px solid #777;}
#global #content.prod .medias .pictures .carousel{position:relative;}
#global #content.prod .medias .pictures .wrap .carousel-control{cursor:pointer;position:absolute;top:18px;left:5px;display:block;width:18px;height:18px;background:url(i/arrows-carousel.png) no-repeat 0 0;text-indent:-9999em;}
#global #content.prod .medias .pictures .wrap .carousel-control:hover{background-position:0 -18px;}
#global #content.prod .medias .pictures .wrap .carousel-next{left:auto;right:5px;background-position:-18px 0;}
#global #content.prod .medias .pictures .wrap .carousel-next:hover{background-position:-18px -18px;}
#global #content.prod .medias .pictures .wrap .carousel-wrap{margin-left:27px;width:372px;background:none;}
#global #content.prod .medias .pictures .wrap .disabled{display:none;}
#IE6 #global .prod{position:relative !important;}
#IE6 #global #content.prod a.nav{background-image:url(i/arrows-ie.png);}
#IE6 #global #content.prod .medias .video-wrapper{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/i/video-wrapper-prod.png', sizingMethod='scale');}
#IE6 #global #content.prod .medias .pictures .wrap .carousel-control{background-image:url(i/arrows-carousel-ie.png);}
#IE6 #global #content.prod .comingsoon span{background-image:url(i/comingsoon-ie.png);}
#IE6 #global #content.prod .comingsoon span.fr{background-image:url(i/comingsoon-fr-ie.png);}


/* Content Contact */
#global #content.contact{position:relative;overflow:hidden;margin:90px auto 90px;color:#fff;}
#global #content.contact .wrap{overflow:hidden;width:455px;margin:0 auto;text-align:center;}
#global #content.contact .wrap h2{font-size:14px;font-weight:normal;color:#ff9a22;text-transform:uppercase;}
#global #content.contact .wrap .info-wrap{margin-top:30px;}
#global #content.contact .wrap .info-wrap a.map{float:left;margin-right:25px;width:215px;height:215px;background:url(i/map.png) no-repeat 0 0;}
#global #content.contact .wrap .info-wrap a.map:hover{background-position:0 -215px;}
#global #content.contact .wrap .info-wrap .info{overflow:hidden;float:left;}
#global #content.contact .wrap .info-wrap .info p{margin-bottom:18px;padding-left:55px;background:url(i/icons.png) no-repeat 0 0;text-align:left;font-weight:bold;color:#fff;}
#global #content.contact .wrap .info-wrap .info p strong{display:block;margin-bottom:3px;font-weight:normal;font-size:11px;text-transform:uppercase;}
#global #content.contact .wrap .info-wrap .info p.phone{height:39px;background-position:0 -121px;}
#global #content.contact .wrap .info-wrap .info p.fax{height:39px;background-position:0 -237px;}
#global #content.contact .wrap .info-wrap .info p.mail{height:39px;background-position:0 -361px;}
#global #content.contact .wrap .info-wrap .info p.mail a{text-decoration:none;color:#ff9a22;font-weight:normal;}
#global #content.contact .wrap .info-wrap .info p.mail a:hover{text-decoration:underline;}
#IE7 #global #content.contact .wrap .info-wrap .info{overflow:hidden;float:none;}
#IE6 #global .contact{margin-top:90px;}

/* Footer */
#global #footer{position:absolute;top:755px;overflow:hidden;margin:0 auto 25px;padding-left:45px;width:845px;}
#global #footer a.language-change{margin-left:5px;color:#fff;text-decoration:none;}
#global #footer a.language-change:hover{color:#ffa922;text-decoration:underline;}
#global #footer .info{float:right;font-size:9px;color:#8c8989;text-align:right;}
#global #footer .info strong{display:block;font-weight:normal;}
#global #footer .info em{font-style:normal;color:#545454;}

/* Content Lightbox */
#content-overlay{z-index:100;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;display:none;}
#jquery-overlay{z-index:100;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;}

.content-lightbox{z-index:200;position:absolute;top:140px;left:0px;padding-top:28px;width:627px;display:none;}
.content-lightbox .close-link{cursor:pointer;position:absolute;top:0;right:0;display:block;width:24px;height:23px;background:url(i/lightbox-close.png) no-repeat 0 0;}
.content-lightbox .content{overflow:hidden;padding:22px 26px;width:569px;height:360px;background:#000 url(i/lightbox-background.png) no-repeat 0 0;border:3px solid #dd921d;color:#fff;}
.content-lightbox .content a{color:#ff9a22;}
.content-lightbox .content .news{margin-bottom:25px;}
.content-lightbox .content .news .wrap{overflow:auto;padding-right:30px;width:540px;height:205px;}
.content-lightbox .content .news img{float:left;margin:0 23px 15px 0;}
.content-lightbox .content .news p{margin-bottom:7px;font-size:11px;text-align:justify;}
.content-lightbox .content .news em{display:block;margin-top:20px;font-style:normal;font-size:10px;color:#5e5e5e;}
.content-lightbox .content .news h2{display:block;margin-bottom:13px;font-weight:normal;font-size:21px;color:#ff9a22;}
.content-lightbox .content .read-too{overflow:hidden;}
.content-lightbox .content .read-too h3{display:block;margin-bottom:5px;font-weight:normal;font-size:21px;color:#ff9a22;}
.content-lightbox .content .read-too .text-wrap{padding:14px 17px;background:#222;opacity:0.8;}
.content-lightbox .content .read-too .text-wrap ul{overflow:hidden;padding-right:30px;width:505px;height:70px;}
.content-lightbox .content .read-too ul li a{position:relative;z-index:10;font-size:10px;color:#fff;text-decoration:none;}
.content-lightbox .content .read-too ul li a em{font-style:normal;color:#ff9a22;}
.content-lightbox .content .read-too ul li a:hover{color:#ff9a22;text-decoration:underline;}

.jScrollPaneContainer{position:relative;overflow:hidden;z-index:1;}
.jScrollPaneTrack{position:absolute;right:0;}
.jScrollPaneTrack{border-left:1px solid #333;}
.jScrollPaneDrag{cursor:pointer;position:relative;left:-3px;background:#333;}
.read-too .jScrollPaneTrack{border-left:1px solid #888;}
.read-too .jScrollPaneDrag{cursor:pointer;position:relative;left:-3px;background:#888;}

/* Pictures Lightbox */
#jquery-overlay{z-index:10000;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100000;line-height:0;}
#jquery-lightbox .close-link{cursor:pointer;position:absolute;top:-30px;right:0;display:block;width:24px;height:23px;background:url(i/lightbox-close.png) no-repeat 0 0;}
#lightbox-container-wrap{position:relative;margin:0 auto;width:0;height:0;border:3px solid #dd921d;}
#lightbox-container-image-box{position:relative;margin:0 auto;}
#lightbox-container-image-box img{display:block;}
#lightbox-container-image-data-box{overflow:hidden;position:relative;left:-3px;margin:0 auto;height:26px;border:3px solid #dd921d;border-top:none;background:#1a1a1a;text-align:center;color:#dd921d;font-size:10px;}
#lightbox-container-image-data-box #lightbox-image-details-currentNumber{display:block;margin-top:12px;}
#lightbox-container-image-data{position:relative;height:22px;padding-bottom:3px;border:2px solid #000;border-left:none;border-right:none;}
#lightbox-nav-btnNext{overflow:hidden;position:absolute;top:2px;right:105px;width:18px;height:18px !important;background:url(i/arrows-carousel.png) no-repeat -18px 0 !important;}
#lightbox-nav-btnNext:hover{background-position:-18px -18px !important;}
#lightbox-nav-btnPrev{overflow:hidden;position:absolute;top:2px;left:105px;width:18px;height:18px !important;background:url(i/arrows-carousel.png) no-repeat 0 0 !important;}
#lightbox-nav-btnPrev:hover{background-position:0 -18px !important;}
#lightbox-loading,
#lightbox-secNav{display:none;}
.jquery-ie #lightbox-container-image-data-box{zoom:1;border-right:none !important;border-bottom:none !important;}
.jquery-ie #lightbox-nav-btnNext{background-image:url(i/arrows-carousel-ie.png) !important;}
.jquery-ie #lightbox-nav-btnPrev{background-image:url(i/arrows-carousel-ie.png) !important;}

