/********* Colors ********/

.grey {color:#6e6e6e;}
.lightGrey {color:#7a7a7a}
.orange {color:#ff6600;}

/********* Colors ********/

/*************Structure*************/
body  {background-color:#F5F5F5;}
a {color:#ff6600; font-weight:normal;}
#mainHeader .mainWrap { height:137px; background:none; position:relative; }
#mainContentWrap { position:relative; width:100%; height:auto; z-index:1; background:#f5f5f5 url("../images/mainContentBG.jpg") no-repeat center -118px;}
.mainWrap { margin:0 auto; text-align:left; width:980px; /*height: 280px;*/ }
#mainContent .mainWrap {background:#FFF; padding-bottom:20px;}
.colMain { display:block; float:left; height:auto; margin:0; padding: 0; width:630px; }
.colRight { display:block; float:right; height:auto; margin:0; padding:0; width:337px; }
.colLeft { display:block; float:left; height:auto; margin:0; padding:0; width:175px; }
.bgWrap {background:#fff url(../images/bgWrap.jpg) repeat-y left top;}
#mainFooter .mainWrap {background:url("../images/bgFooter.jpg") no-repeat left top; height:311px;}
.colMain ,
.colRight {background:#FFF;}
/*deuxColLeft*/
.deuxColLeft { display:block; float:left; height:auto; margin:0; padding:0; width:643px; }
.deuxColLeft .colMain { float:right; width:393px; }
.deuxColLeft .colLeft { float:left; width:250px; background:url("../images/bgColLeft.jpg") no-repeat top left; padding-top:20px; }

.inner{padding:20px;}
.vShareThis {float:right;height:18px;line-height:17px; padding-right:14px;}
.vShareThis a{color:#6e6e6e; float:left; padding:0 2px;}
/*************Structure*************/

/*************Pub*************/
.bigBox { height:250px; margin-bottom:10px;  }
#superBanner001,
#V_ADS_superBanner001_placeHoler { width:728px; margin:5px auto 0 auto;}
#superBanner002,
#V_ADS_superBanner002_placeHoler { width:728px; margin:0 auto; padding:30px 0 10px 0; clear:both; }
#mainHeader #superBanner001 {margin:10px 0 0 0;}
#bigBox001,
#V_ADS_bigBox001_placeHoler,
#bigBox002,
#V_ADS_bigBox002_placeHoler { width:300px; margin:0 auto; }
#sky001 { width:160px; margin:0 auto; padding:10px 0; }
/*************Pub*************/

/*************Footer*************/
.footerCol1{ float:left; width:355px; padding:20px 10px;}
.footerCol2{float:left; width:175px; padding:20px 5px;}
.footerCol3{float:left; width:225px; padding:20px 5px;}
.footerCol1 .inner,
.footerCol2 .inner {padding:0 0 0 10px;}
.footerCol1 p{color:#898989;}
.footerNav { list-style:none; margin:0;}
.footerNav li {border-bottom:1px solid #dedede; padding:5px;}
.footerNav li a{color:#898989;}
#mainFooter .titleStripe h2 span {font-size:12px; display:block;}
#mainFooter .footerCol3 .titleStripe,
#mainFooter .footerCol3 .titleStripe h2 {height:23px;}
#mainFooter .footerCol3 .titleStripe h2 span{padding-right:14px; background:url("../images/titleOrangePlus.png") no-repeat right 11px;}
/*************Footer*************/

/*************header*************/
.suivreRemstar {color:#898989; height:27px; line-height:27px} 
.suivreRemstar span {float:left;}
.suivreRemstar a { border-right:1px solid #dedede; padding:0 5px; float:left;}
.suivreRemstar a img{ margin-top:4px; }
.suivreRemstar a.last { border-right:none; padding:0 5px;}

#mainHeader .suivreRemstar {position:absolute; top:7px; right:200px;}
#mainHeader #rechercher{ background:url("../images/recherche.png") no-repeat left top; width:172px; height:25px; position:absolute; top:7px; right:0px; }
#mainHeader #rechercher input {border:medium none; margin-left:4px; padding:4px; vertical-align:middle; width:118px; float:left; color:#959595;}
#mainHeader #rechercher a {width:40px; height:20px; display:block; text-indent:-9999px; background:url("../images/recherche.png") no-repeat -132px 0px ; float:right; padding:3px 0;}

.RemBarNav {position:absolute; top: 30px; left:0px; width:980px; height: 55px; }
.logo{float:left;}
.logo a {background:url("../images/LOGO.png") no-repeat left top; width:145px; height:45px; display:block; text-indent:-9999px; }

.subMenu  {display:block; font-size:11px; height:29px; margin:20px 0 0; float:left;}
.subMenu li{padding:0 20px;display:block; float:left; font-weight:bold; height:28px; line-height:28px; overflow:visible; text-decoration:none; text-transform:uppercase; white-space:nowrap;} 
.subMenu li a, 
.subMenu li span {color:#6e6e6e; display:block; float:left; font-weight:bold; height:28px; line-height:28px; overflow:visible; text-decoration:none; text-transform:uppercase; white-space:nowrap; }
.subMenu li.selected a {background:url("../images/itemBg.png") no-repeat left -0px ; } 
.subMenu li.selected a span {background:url("../images/itemBg.png") no-repeat right -0px; color:#fff;}
.subMenu li span {margin:0 0 0 5px; padding:0 10px 0 5px; }
.subMenu li a:hover {background:url("../images/itemBg.png") no-repeat left -0px; text-decoration:none; }
.subMenu li a:hover span {background:url("../images/itemBg.png") no-repeat right -0px; text-decoration:none; color:#fff;}

.langSelect {float:right; margin:26px  0 0; color:#6e6e6e;}
.langSelect a{ color:#ff6600; margin:0 10px; font-size:12px; font-weight:bold;}
.langSelect a.selected{ color:#6e6e6e;}

.mainNav { bottom:3px; height:45px; left:0; overflow:hidden; position:absolute; width:980px; background:url("../images/mainNavUnder.png") repeat-x center center;}
#navigation { height:45px; list-style:none outside none; margin:0; overflow:hidden; }
#navigation li {margin:0;  float:left; }
#navigation li a{line-height:45px; color:#fff; font-weight:bold; background:url("../images/mainNavUnder.png"); background-repeat:repeat-x; background-position:center center; border-right:1px solid #676767; float:left; height:45px;}
#navigation li a:hover {background-position:bottom center; text-decoration:none;}
#navigation li a.selected {background-position:top center;}
#navigation li a span {padding:0 28px;}
#navigation li a:hover span {background:url("../images/titleOrangePlus.png") no-repeat 15px 4px ;}
#navigation li a.selected span {background:url("../images/litleArrow.png") no-repeat 20px 4px ;}

#articleNavigation .articlePrec .previous { background:url("../images/lArrow.png") no-repeat scroll left top transparent; display:block; font-size:0.9em; font-weight:bold; margin-top:20px; padding:3px  0 10px 22px; color:#585858; }
#articleNavigation .articleSuiv .next { background:url("../images/rArrow.png") no-repeat scroll right top transparent; display:block; font-size:0.9em; font-weight:bold; margin-top:20px; padding:3px  22px 10px 0; color:#585858; }
#articleNavigation { clear:both; display:block; height:auto; margin-bottom:30px; width:auto; padding:0 20px;}
#articleNavigation .articleSuiv { float:right; text-align:right; width:40%; }
#articleNavigation .articleSuiv a { color:#ff6600; font-size:11px; font-weight:normal; text-align:right; text-decoration:none; }
#articleNavigation .articlePrec a { color:#ff6600; font-size:11px; font-weight:normal; text-align:left; text-decoration:none; }
#articleNavigation .articlePrec { float:left; margin-bottom:5px; margin-right:12px; width:40%; }


.breadCrumb{width:980px; margin:15px auto; background:url("../images/litleArrowOrange.png") no-repeat 7px 5px ; padding-left:12px;  color:#6e6e6e;}
.breadCrumb a{ font-size:11px; padding:0 5px; color:#6e6e6e;}
.breadCrumb a.last {color:#ff6600; font-weight:bold;}
/*************header*************/

.VHAbox {width:630px; height:295px; position:relative; float:left;}
.VHAbox .titleStripe {position:absolute; top:0; left:0; width:630px; height:31px;}
.VHAbox .vhaContainer {position:absolute; top:0; left:0px;}
.VHAbox .VHAdescription {position:absolute; top:204px; left:0; width:630px; height:58px;}
.VHAbox .VHAdescription .square {width:38px; height:58px; background:#ff6600; float:left; }
.VHAbox .VHAdescription .square2 {float:left; background:url("../images/noirTransparent.png") repeat; height:58px; width:586px; margin-left:6px;}
.VHAbox .descriptionHolder {height:58px; left:42px; padding:10px 0 0 10px; position:absolute; top:198px; width:562px;}
.VHAbox .descriptionHolder h2 a,
.VHAbox .descriptionHolder h2 {font-size:14px; color:#ff6600; font-weight:bold; text-transform:uppercase;}
.VHAbox .descriptionHolder span{color:#FFFFFF; display:block; float:left; font-size:12px; font-weight:normal; width:375px; line-height:15px; margin-top:4px;}
.VHAbox .descriptionHolder .voirPlus {font-size:12px; color:#ff6600; font-weight:bold; text-transform:uppercase; float:right; padding:20px 0 0; }
.VHAbox .descriptionHolder a:hover.voirPlus {text-decoration:none; }
.VHAbox .descriptionHolder .voirPlus strong {color:#fff; font-size:14px;}
.VHAbox2 { background:url("../images/vhaColRightBG.jpg") no-repeat left top; width:350px; height:295px; position:relative; float:left; overflow:hidden;}
.VHAbox2 .titleStripe h2 {color:#FFF;}
.VHAbox2 .soustexte {color:#999; text-transform:uppercase; font-size:11px; padding:0 10px;}
.VHAbox2 .imageHolder{position:absolute;  top:87px; width:800px; height:176px; left:-187px;}
.VHAbox2 .imageHolder a {padding:0 10px;}
.VHAbox2 .btnLeft {display:block; text-indent:-9999px; width:44px; height:58px; top:204px; left:0px; position:absolute; background:url("../images/vhabtnl.png") no-repeat left top;}
.VHAbox2 .btnRight {display:block; text-indent:-9999px; width:44px; height:58px; top:204px; right:0px; position:absolute; background:url("../images/vhabtnr.png") no-repeat left top;}
.VHAbox2 .btnRight.ENG {background:url("../images/vhabtnrENG.png") no-repeat left top;}
.VHAbox2 .btnLeft.ENG {background:url("../images/vhabtnlENG.png") no-repeat left top;}
.VHAbox2 a.inactive.btnLeft {background:none;}
.VHAbox2 a.inactive.btnRight {background:none;}
.VHAbox .nav {position:absolute; bottom:0; right:0;}
.VHAbox .nav a,
.VHAbox2 .nav a {float:left; padding:0 6px;background-image:url("../images/navBTNvha.png"); background-position:left top; background-repeat:no-repeat; display:block; text-indent:-9999px; width:26px; height:11px; margin:4px 0;}
.VHAbox .nav a.active,
.VHAbox2 .nav a.active {background-position:left bottom;}
.VHAbox2 .nav {bottom:0; position:absolute; right:0;}

.VHAbox3 {overflow:hidden; position:relative;height:273px; }
.VHAbox3 .pictureHolder{ width:800px; background:url("../images/vhabox3BG.jpg") repeat-x 0px top; height:232px; position:absolute; top:0; left:0;  }
.VHAbox3 .pictureHolder .uneImage { float:left; padding:10px; text-align:center; width:122px;}
.VHAbox3 .pictureHolder .uneImage a,
.VHAbox3 .pictureHolder .uneImage span{display:block; margin:2px 0;}
.VHAbox3 .sliderHolder {background:url("../images/vhabox3BGslider.jpg") no-repeat left top ; bottom:0; height:41px; left:0; padding:0 55px; position:absolute; width:520px;}
.VHAbox3 .sliderHolder .date {font-size:11px; color:#FFF; width:40px; position:absolute; top:16px; left:14px; height:20px;}
.VHAbox3 .sliderHolder .dateright {font-size:11px; color:#FFF; width:40px; position:absolute; top:16px; right:1px; height:20px;}
.VHAbox3 .sliderHolder .slider {background-image:url("../images/vhabox3slider.png"); background-position:left 15px; background-repeat:no-repeat; cursor:pointer; display:block; height:13px; padding:14px 0; width:83px;}
.VHAbox3 .sliderHolder .sliderHolderWrap {position:absolute; top:0px; /*left:55px; */width:518px;}


.imgFloatLeft { float:left; padding:5px 20px 10px 5px; }

.arcSemWrap  {color:#FFFFFF; float:right; margin:0px ; padding:6px 0 0; background:url("../images/arcSemBG.jpg") no-repeat top left; height:39px;}
.colRight .arcSemWrap {float:none;}
.arcSemWrap.hiddenStripe {background:none repeat scroll 0 0 transparent; } 
.arcSemWrap h3, 
.arcSemWrap h3 a {color:#a8a8a8; display:block; float:left; font-size:11px; line-height:18px; margin-right:5px; padding-left:20px; font-weight:normal; }
.arcSemWrap ul {display:block; height:18px; list-style-type:none; margin:0;  float:right; padding:0 10px 0 0;}
.arcSemWrap ul li {color:#38170F; margin:0 3px; }
.arcSemWrap ul li, 
.arcSemWrap ul li a {background:url("../images/arcSemItemBg.png") no-repeat scroll right center transparent; display:block; float:left; font-weight:bold; height:18px; line-height:18px; list-style-type:none; text-align:center; width:26px; }
.arcSemWrap ul li a {color:#a8a8a8; }
.arcSemWrap ul li a:hover {background-position:center center;  text-decoration:none; }
.arcSemWrap ul li a.selected {background-position:left center; color:#FFFFFF; padding:0; }

.blocPaginationText { color:#6d6d6d; float:left; font-size:11px; }
.blocPagination {height:14px; }
.pagination, 
.pages { color:#ff6600; float:right; text-align:center; }
.pagination span, 
.pages span {color:#ff6600; } 
.pagination .pageInactive, 
.pages .pageInactive {padding:0 5px; font-size:11px; color:#666; }
.pagination .pageActive, 
.pages .pageActive {background:#ff6600; color:#FFFFFF; font-size:11px; font-weight:normal; padding:2px 5px; }
.pagination a, 
.pages a {background:none; color:#ff6600; display:inline; font-size:11px; font-weight:normal; margin:0 3px; padding:2px 5px; text-decoration:none; }
.pagination a:hover, 
.pages a:hover {background:none repeat scroll 0 0 #ff6600; color:#FFFFFF; text-decoration:none; }

.unElement { border-bottom:1px solid #f0f0f0; padding:10px 0 20px;}
#page_recherche .unElement {padding:10px 0;}
.unElement .imageElement {float:left;}
.boxImage { float:left;  padding-left:20px; }
.unElement.film .boxImage img{border:#ff6600 1px solid;}
.unElement.film .textElement p {font-size:11px; }
.boxImage.greySide {padding-left:10px; margin-left:10px; background:url("../images/greySquare1.png") no-repeat left top;}
.unElement .textElement { float:left; padding:0 10px 10px; width:67%; _width:63%; }
.textElement .date { color:#787878; font-size:12px; }
.textElement h2, 
.textElement h2 a { color:#ff6600; font-size:14px; font-weight:bold; line-height:15px; text-decoration:none; text-transform:uppercase; }
.textElement p { color:#787878; font-size:12px; line-height:1.3em;}
a.boxLink { height:16px; line-height:16px; text-decoration:underline;}

/*************box model*************/
.titleStripe {background: url("../images/underTitle.png") repeat-x center top ; height:31px; line-height:31px;} 
.titleStripe h2 {margin-left:10px; padding-left:10px; float:left; height:17px; text-transform:uppercase; color:#434343; background:url("../images/titleOrangeSquare.png") no-repeat left 9px; height:31px; line-height:31px;}
.titleStripe h2 span{ font-size:14px;}
.titleStripe h2 span a {color:#434343;font-weight:bold; }
.titleStripe a.linkRightTitle {float:right; padding-right:20px; color:#a4a4a4; font-size:12px;}
.titleStripe a:hover.linkRightTitle { text-decoration:none;}
.titleStripe.dark {background:url("../images/noirTransparent.png") repeat;  z-index:9999;} 
.titleStripe.dark h2 {color:#FFF;opacity:1.0; filter:alpha(opacity=100);}
.titleStripe.light {background:none;}
.titleStripe.ultraLight {background:none;}
.titleStripe.ultraLight h2 span{background:none;}
.titleStripe.megaLight {background:none;}
.titleStripe.megaLight h2 span{background:none;font-size:12px;}

.filmTitle {background:url("../images/filmTitle.png") no-repeat top left; height:46px; line-height:46px;}
.filmTitle h2 {font-size:24px; color:#ff6600; padding-left:20px; text-transform:uppercase;}

.sousMenuFilm {background:url("../images/filmTitleSousMenu.png") no-repeat top left; height:56px; line-height:18px;}
.sousMenu {height:18px; list-style:none outside none; margin:0; overflow:hidden; padding:9px 0 0 6px;}
.sousMenu li{margin:0;  float:left; } 
.sousMenu li a {color:#898989; padding-left:15px; height:18px; float:left }
.sousMenu li a span { padding-right:15px; height:18px; float:left}
.sousMenu li a:hover {text-decoration:none; color:#ff6600;}
.sousMenu li a.selected {color:#ff6600; background:url("../images/bracketL.png") no-repeat left top;}
.sousMenu li a.selected span {color:#ff6600;  background:url("../images/bracketR.png") no-repeat right top;}
.sousMenu li a.facebook {padding-left:20px; color:#3b5997; background:url("../images/miniFacebook.png") no-repeat left top; margin-left:15px;}
.sousMenu li a:hover.facebook {color:#7894ce; }

#page_unFilmIndex .textTitle {font-size:11px; color:#757575; padding-bottom:2px;}
#page_unFilmIndex .textAnswer {font-size:12px; font-weight:bold; padding-bottom:20px;}
#page_unFilmIndex .textAnswer.synopsis {font-weight:normal; }
#page_unFilmIndex .textAnswer p {margin:0 0 10px 0;}

.displayPhotoPrincipal {padding-left:10px; margin-left:10px; background:url("../images/orangeSquare1.png") no-repeat left top;}
.bttmImage {padding-bottom:20px; background:url("../images/orangeSquare2.png") no-repeat right bottom;}
.displayPhotoSec {padding:0 20px; }
.displayPhotoSec .pic { float:left; height:70px; padding:0 3px 8px 0; text-align:center; width:100px;}


.tbnDisplay { height:auto; position:relative; width:337px; margin:0 0 10px 0;}
a.tbnWrapDisp { display:block; height:auto; width:337px; }
.dispImage[class] { background:url("../images/playOver.png") no-repeat center; }
.dispImage {display:block; height:100%; left:0; position:absolute; top:0; width:337px; z-index:3; }

.numerousList {margin:0; list-style-position:outside; padding-top:10px;}
.numerousList li {padding:5px; margin:0 0 0 40px; padding:10px;}


/*************box model*************/
.titleSect {padding:15px 20px 10px; font-size:12px; color:#6d6d6d;}
#page_distribution .textTitle {font-size:12px; color:#2f2f2f; padding:12px 0 8px; font-weight:bold; width:35%; float:left;}
#page_distribution .textAnswer {font-size:12px; font-weight:normal; padding:12px 0 8px; float:left;}
#page_distribution .textAnswer a {display:block; padding-bottom:4px; width:auto;}
.actorBox {height:31px; padding:5px 0; border-bottom:1px solid #DEDEDE;line-height:31px;}
.actorBoxPic {float:left; width:45px}
.actorBoxName{float:left; width:250px}
.actorBoxPerso{float:left; width:290px}
.sizeVideoLink {color:#dfdfdf;}
.sizeVideoLink a{margin:0 5px; font-weight:bold;}
.sizeVideoLink a.first {margin:0 5px 0 0;}
.boxDisplayImage { text-align:center; padding:15px;}
.wrapInfoVideo {color:#5c5c5c; font-size:11px; padding:0 20px 10px;  text-transform:uppercase;}
.wrapInfoVideo .formatVideo {float:left;}
.wrapInfoVideo span {padding-right:20px;}
.wrapInfoVideo a {color:#ff6600; font-size:11px; padding: 0 10px;}
.wrapInfoVideo a.selected {color:#5c5c5c; font-weight:bold;}
.wrapInfoVideo .langVideo {float:right;}
.unePhoto {float:left; padding:20px; width:18%; _padding:20px 16px;}
.actualiteList {color:#FF6600; font-size:14px; list-style:square outside none; margin:0;}
.actualiteList li {margin-left:30px; padding:10px;}
.actualiteList li a {color:#202020; font-size:11px; text-transform:uppercase;}
a.arrow{ background:url("../images/litleArrowOrange.png") no-repeat left 5px ; padding-left:10px; font-size:11px;}
.switchList {float:left;}
.switchList span { height:25px; line-height:25px; padding:0 10px; color:#9d9d9d; font-size:11px;}
.switchList a {margin-left:20px; float:left; width:60px; background-image:url("../images/thumbList.png"); background-position:left top; background-repeat:no-repeat; height:25px; display:block; text-indent:-9999px; }
.switchList a.selected {background-position:left bottom;}

.catalogue.list {background:url("../images/bgListCatalogue.jpg") repeat-y center; height:1%; }
.thumb .boxFilmCatalogue {float:left; width:16.5%; height:260px;}
.list .boxFilmCatalogue {float:left; height:140px; width:25%;}
.thumb .boxFilmCatalogue .boxFilmInner {margin:20px 10px;}
.list .boxFilmCatalogue .boxFilmInner {margin:20px 80px 20px 20px;}
.thumb .boxFilmCatalogue a img {display:block;}		
.list .boxFilmCatalogue a img {display:none;}	
.thumb .boxFilmCatalogue a img{border:#a8a8a8 1px solid;}
.thumb .boxFilmCatalogue a:hover img{border:#ff6600 1px solid;}
.thumb .infoFilmCatalogue {display:none;}
.list .infoFilmCatalogue.date,
.thumb .infoFilmCatalogue.date{display:block; color:#a8a8a8; font-size:11px;}
.list .infoFilmCatalogue {display:block; color:#a8a8a8; font-size:11px;}
.boxFilmCatalogue h3 a{display:block; font-size:11px; font-weight:bold; margin:5px 0;}
.titleActualite { font-size:18px; text-transform:capitalize; color:#3f3f3f; padding:20px 20px 10px; line-height:20px;}
.nouvelleBox { padding:10px 20px; font-size:12px; line-height:18px;}
.listRecherche {list-style-type:decimal; margin:8px 0 8px 20px;}
.listRecherche li {margin:5px 0;}

.facebookBig {padding:10px 20px; color:#3b5997; }
.facebookBig a{color:#3b5997; line-height:17px;}
.facebookBig .imgFloatLeft {padding:0 10px 10px 0;}
.boxArchives .titleStripe h2{cursor:pointer;}
.hugeCenterText { color:#999999; font-size:30px; padding:140px 60px; text-align:center; line-height:1.3em; }

.colUnTiers {float:left; width:29%;}
.colDeuxTiers {float:left; width:71%;}