/* = reset -----------------------------------------------------------------------------*/ html,body,div,span,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;font-style: normal;} ul,ol {list-style:none outside none;} /* HTML5 tags */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;} /* Responsive objects */ img,object,embed,video,iframe {width: auto;max-width: 100%;} img,video,iframe {height: auto;} /* Typography */ body {background:url("/css/bg.jpg") no-repeat scroll 50% 0 #0F64A5;font-size: 0.875em;line-height: 1.5em;font-family: Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;} a ,a:focus,a:hover {color: #336699;text-decoration:none;} h1,h2,h3,h4,h5,h6 {font-family: 'Oswald', 'Trebuchet MS', Helvetica, Arial, sans-serif;font-weight:normal;} h1 {font-size:1.6em;margin:0;} h2 {font-size: 1.5em;line-height: 1.2em;margin-bottom: .2em;padding-top:4px;} h3 {font-size: 1.3em;line-height: 1.4em;margin-bottom: .2em;} h4 {font-size: 1.143em;line-height: 1.5em;margin-bottom: .4555em;color:#666;} h5 {font-size: 1em;line-height: 1.5em;margin-bottom: .5em;} h6 {font-size: 0.857em;line-height: 1.5em;margin-bottom: .4555em;text-transform: uppercase;} /* Clearfix */ .group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* Gradients */ .flat-white {background:#fff;cursor:default} .flat-black {background:#666;color:#eee;} .gd-white {background: #dedede; /* Old browsers */background: -moz-linear-gradient(top, #ffffff 0%, #dedede 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dedede)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #ffffff 0%,#dedede 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #ffffff 0%,#dedede 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #ffffff 0%,#dedede 100%); /* IE10+ */background: linear-gradient(to bottom, #ffffff 0%,#dedede 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */} .gd-grey {background: #f2f5f6; /* Old browsers */background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */background: linear-gradient(to bottom, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */} .gd-black {background: #cedce7; /* Old browsers */background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #cedce7 0%,#596a72 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #cedce7 0%,#596a72 100%); /* IE10+ */background: linear-gradient(to bottom, #cedce7 0%,#596a72 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */} /* Buttons */ .ongbar {position:relative;height:30px;overflow:hidden;z-index:9;width:100%;} .ongbar h2 {border:none;} .ong {display:inline-block;float:right;border:solid 1px #888;border-bottom:none;-webkit-border-top-left-radius: 7px;-webkit-border-top-right-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-topright: 7px;border-top-left-radius: 7px;border-top-right-radius: 7px;margin:1px 0 0 2px;padding:0.3em 0.6em 0.1em 0.6em;font-size:1.2em;font-family: 'Oswald','Trebuchet MS',Helvetica,Arial,sans-serif;} .ongbar .flat-white {border-bottom:solid 1px #fff} .ongbar .gd-grey {border-bottom:solid 1px #888} .box {line-height:1.2em;font-size:.75em;display:block;border:solid 1px #dedede;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:0.4em;margin-top:5px;} .btn {cursor:pointer;display:block;border:solid 1px #888;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:0.4em;margin-top:5px;font-family: 'Oswald','Trebuchet MS',Helvetica,Arial,sans-serif;} .btn:hover,.ongbar .gd-grey:hover {background: #dedede; /* Old browsers */background: -moz-linear-gradient(top, #ffffff 0%, #dedede 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dedede)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #ffffff 0%,#dedede 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #ffffff 0%,#dedede 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #ffffff 0%,#dedede 100%); /* IE10+ */background: linear-gradient(to bottom, #ffffff 0%,#dedede 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */} .btn-full {width:100%;text-align:center;padding:0.4em 0;clear:both;} .btn-center {width:auto;text-align:center;padding:0.4em 1em;margin:0 auto;display:inline-block;} .btn-adapt {width:auto;text-align:center;padding:0.4em 1em;display:inline-block;} /* Grid */ .wrapper {height:auto;width:970px;margin:0 auto;background:#fff;padding:0 5px;overflow:hidden;} .container {height:auto;width:980px;margin:0 auto;clear:both;} .inner {border-top:solid 1px #888;border-right:solid 1px #888;padding-right:1.125%;overflow:hidden;background:#fff} .reset {margin-top:20px;clear:both} .col,.col3-3,.col2-3,.col1-3,.col2-2,.col1-2,.col4-4,.col1-4,.col2-4,.col8-10,.col4-5,.col1-5 { float: left; min-height: 0px;margin: 10px 1.125%;} .col3-3,.col2-2,.col4-4 {width: 97.75%;} .col1-3 {width:31.0833333333333%} .col2-3 {width: 64.41666666666%} .col1-2,.col2-4 {width:47.75%} .col1-4 {width:22.75%} .col1-5 {width:17.75%} .col4-5 {width:77.75%} .col, .col1-3 .col1-3 {width:100%;margin:0} .hauto{padding:8px 0;height:auto;} .h110{padding:8px 0;height:110px;} .h120{padding:10px 0;height:120px;} .h160{height:160px;} .h247{padding:10px 0;height:247px;} .h50{padding:7px 0 8px 0;height:50px;} .square {height:367px;margin-bottom:5px;text-align:center;overflow:hidden} .share {border:solid 1px #888888;padding:3px;margin-top:40px;text-align:center} .share span{display:inline-block;width:30%;text-align:center;padding-top:5px} .share span span{cursor:pointer;display:inline-block;width:48px;height:48px} .share span span.shgp {background:url(/css/responsive.png) -262px -40px no-repeat} .share span span.shfb {background:url(/css/responsive.png) -358px -40px no-repeat} .share span span.shtw {background:url(/css/responsive.png) -310px -40px no-repeat} .pub {height:250px;display:block;margin:0 auto} .pub img,.pub video, .pub object, .pub iframe {height:100%} .baner img,.baner video, .baner object, .baner embed, .baner iframe {width:100%} .container.stats {text-align:center} .eltlist{border-top:solid 1px #dedede;position:relative;clear:both;margin-right:1%;} .eltlist h3, .eltlist h5 {border-bottom:dotted 1px #dedede;letter-spacing:1px;} .eltlist figcaption {font-size:1em;font-weight:bold;overflow:hidden;line-height:1.2em;} .eltlist p {font-size:0.8em;font-weight:normal;line-height:1.2em;color:#666;} .eltlist span {display:block;float:left;width:auto;margin-right:3%;} .eltlist span.inline {float:none;display:inline-block} .eltlist span img {border:solid 1px #dedede;padding:2px;} .eltlist small{font-size:0.85em;line-height:1.1em;font-weight:bold;display:block;position:absolute;bottom:7px;right:0;} .eltlist small a{color:#888;font-style:italic;} .eltlist p small {display:block;text-align:center;font-size:1.3em;position:relative;bottom:0;} .eltlist .mid{float:left;} .eltlist img.mid {vertical-align:middle;float:none;} .eltlist big {display:block;margin-top:8px;font-weight:bold;font-size:1.5em;text-align:center;} /* common */ #adNote {font-weight:bold} .imgleft {float:left;margin-right:2em;padding:2px;border:solid 1px #ddd} .imgright {float:right;margin-left:2em;padding:2px;border:solid 1px #ddd} .eltlist span.blockquote {font-size: 11px;font-weight: bold;margin-top: 10px;display:inline;float:none;margin:0} blockquote {background: none repeat scroll 0 0 #eee;border: 1px solid #666666;margin-bottom: 10px;padding: 5px 10px;} #noPubBaner {width:298px;height:46px;background: url('/css/responsive.png') 0px -166px no-repeat;border:solid 1px #888;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;cursor:pointer} #Overlay{background:url(/css/overlay.png);width:100%;height:100%;position:fixed;left:0;top:0;overflow:hidden;z-index:999;display:none} #OverlayWait {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-image: url('/css/responsive.png');background-position: -166px -40px;opacity: 0.8;cursor: pointer;z-index: 8060;} #OverlayWait div {width: 44px;height: 44px;background: url('/css/loading.gif') center center no-repeat;} .tools {position:relative;width:300px;height:50px;float:right} #myShare label,#myAds label, #lstVds label {cursor:pointer} #star #myShare, #labda #myShare {position:absolute;left:0;top:7px} #star #myAds {position:absolute;left:125px;top:7px} #labda #myAds {position:absolute;left:121px;top:7px} #seancesSalle #myShare {position:absolute;left:1px;top:7px} #seancesSalle #myAds {position:absolute;left:144px;top:7px} .touch,.swip {display:none;width:48px;height:33px;background:url(/css/responsive.png) -477px 0 no-repeat;z-index:9} .noswip {display:block} .center {text-align:center;} .just { text-align:justify;} .right {text-align:right} .left {text-align:left} .bordb {border-bottom:solid 1px #dedede;margin-bottom:4px} #forms {display:none;} .popup fieldset {width:220px;padding:10px;float:left;} .popup label {float:left;padding-top:2px} .popup input[type=text],.popup input[type=password] {float:right;width:115px} .popup p {text-align:center;width:100%;} .popup .ftr {font-size:0.9em;white-spaces:nowrap} .popup .alert {font-size:1em;color:#cc0000;text-align:center;width:440px;margin:0 auto} #sgn fieldset,#cnx fieldset,#lost:first-child fieldset {border-bottom:solid 1px #666;border-right:none} #sgn fieldset:nth-child(2) , #cnx fieldset:first-child {border-bottom:none;border-right:solid 1px #666} #lost.popup .alert,#alerte.popup .alert {width:220px} #lost fieldset,#alerte fieldset {padding:0 10px} #lost input[type=text] {width:160px} #search fieldset {text-align:center;padding:0} #search fieldset {border:none} #search strong {font-size:1.2em} #search label,#search input[type=text] {float:none;width:200px} .fcblog {display:inline-block;width:196px;height:22px;background:url(/css/responsive.png) 0 -96px no-repeat;} .fcbins {display:inline-block;width:196px;height:22px;background:url(/css/responsive.png) -196px -96px;} #wideList p.just {font-size:0.9em} #wideList .eltlist:first-child {border:none} #wideList .eltlist span {margin-right:15px;width:auto} .regle {margin-top:5px;height:19px} .elthor {width:auto;margin:0;padding:5px 0;background:#ffffff;position:relative;color:#000;font-size:13px;overflow:hidden;border-bottom:solid 1px #888;} .elthor .extra-title {width:auto;background:#fff;font-size:1.2em} .elthor .extra-title small{display:inline-block;float:right;font-size:0.9em;} .elthor .hor {position:relative;width:930px;background:#eee;height:24px;font-size:1em;text-align:center} .elthor .hor span {display:block;position:absolute;top:0;height:20px;padding-top:2px;background:#dedede;font-size:0.9em;font-weight:bold;text-align:center;border:solid 1px #ddd} #vote {position:absolute;left:0;top:35px; margin-bottom:0;padding:0;display:none} #note {position:absolute;left:0;top:18px; margin-bottom:0;padding:0;font-size:10px;width:200px;} #avg {background:#fff} #avg #vote {position:relative;left:0;top:0;margin:0 auto;padding:0;display:none;text-align:center} #avg #note {position:relative;left:0;top:0; margin:0;padding:0;font-size:10px;width:100%;text-align:center} #voteS {position:absolute;right:315px;top:35px; margin-bottom:0;padding:0 20px 0 0;display:none} #noteS {position:absolute;right:315px;top:18px; margin-bottom:0;padding:0 25px 0 0;font-size:10px;width:120px;text-align:right} .ongbar #vote {top:12px} .ongbar #note {top:-5px} h3 .vote {display:none;float:right;position:relative} h3 .vote img {padding:0;border:none} .scrollBox {height:290px;overflow:hidden;border-bottom:dotted 1px #888} .vScroll h4 {font-weight:bold;margin-top:5px;border-top:dotted #bbb 1px;border-bottom:dotted #ccc 1px;clear:both} .vScroll h4 span {float:right} .vScroll p {text-align:justify;letter-spacing:1px;margin:10px 0;line-height:1.2em} #listFilms small,#listFilms .map small {float:left;display:none;width:12px;height:16px;background:url(/css/responsive.png) -110px -11px no-repeat;margin:3px 10px;} #listFilms big,#listFilms .map big {display:none;float:right;width:16px;height:12px;background:url(/css/responsive.png) -121px 0 no-repeat;margin:7px 0 0 10px;} #listCrit small {font-size:0.75em} #listCrit big {display:block;font-size:1em;border-bottom:dotted 1px #ccc} #listCrit span {display:block;border-bottom:solid 1px #ccc} #listCrit span.vote {display:inline-block;border:none} .dnmnu {position:relative;overflow:visible;background:#fff;height:90px;} .dnmnu .col3-3 {position:absolute;width:95.5%;margin-left:2.250%} .dnmnu h2{font-size:1.4em;margin:0 auto} .dnmnu h2 big {float:right;width:16px;height:12px;background:url(/css/responsive.png) -121px 0 no-repeat;margin:6px 5px 0 10px;} .dnmnu h2 div {clear:both;width:auto} .dnmnu h2 span {cursor:pointer;float:left;padding:0.3em 0.3em;border:solid 1px #888;display:inline-block;width:98.5%;margin-top:3px} .dnmnu ul {position:relative;visibility:hidden;z-index:10;background:#fff;border:solid 1px #888;display:inline-block} .dnmnu li {width:auto;clear:both;font-size:1em;padding:0.3em 0.3em;border-top:solid 1px #888;cursor:pointer} .dnmnu li small {float:left;width:12px;height:16px;background:url(/css/responsive.png) -110px -11px no-repeat;margin:0.3em 10px;} .dnmnu p {margin:0 auto;cursor:pointer;text-align:center} #plus {cursor:pointer} #moins {cursor:pointer;display:none} .image-left {float: left;margin: 0 1em 1em 0;} .image-right {float: right;margin: 0 0 0 1em;} .float-left {float: left;} .float-right {float: right;} .rsrce {position:relative;clear:both;margin:6px 0} #wideList .rsrce {position:relative;clear:both;margin:2px 0} .rsrce span {display:block;width:18.5%;float:left;text-align:center;font-weight:bold;font-size:0.7em;color:#000;position:relative;font-style:normal;margin-right:5px;margin-top:5px;border:solid 1px #dedede;} #wideList .eltlist .rsrce span {width:15%;} #calendrier a,#calendrier a:hover{list-style: none;text-decoration: none;color:#fff} #calendrier {font-family: Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;font-size:1.2em;line-height:1.8em;width:280px} #calendrier #head {text-align:center;border:solid 1px #fff;background:#666;color:#fff} #calendrier #head .prev{width:60px;display:block;float:left} #calendrier #head .next{width:60px;display:block;float:right} #calendrier li{list-style: none} #calendrier #libelle {width: 280px;margin: 0 auto;padding: 0;} #calendrier .ligne {width: 280px;margin: 0 auto;padding: 0;} #calendrier #libelle li {float : left;width : 38px;height:38px;text-align:center;border:solid 1px #fff;background:#666;color:#fff } #calendrier .ligne li {color: #000;float : left; width : 38px;height:38px;text-align:center;border:solid 1px #fff;background:#ccc; } #calendrier li.itemCurrentItem {background:#c00;color:#fff} #calendrier li.itemSelectedItem {} #calendrier li.itemExistingItem {background:#064E92;color:#fff} div#mytip { position:absolute; visibility:hidden; z-index:999; width:auto;height:auto;background-color:#eeeeee; border:1px solid #666666;padding:5px;} /* Sliders */ .bx-wrapper { overflow:hidden;} .bx-wrapper .bx-controls {position:absolute;bottom:10px;right:10px;} .bx-wrapper .bx-pager {float:right;margin-top:8px;} .bx-wrapper .bx-controls-direction {float:right;} .bx-wrapper .bx-pager .bx-pager-item {float:left;*zoom: 1;*display: inline;margin:0;} .bx-wrapper .bx-pager.bx-default-pager a {background: #ccc;text-indent: -9999px;display: block;width: 20px;height: 20px;margin: 0 5px;outline: 0;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff;} .bx-wrapper .bx-prev {background:url(/css/responsive.png) -302px 0 no-repeat;opacity:0.85;} .bx-wrapper .bx-next {background:url(/css/responsive.png) -407px 0 no-repeat;opacity:0.85;} .bx-wrapper .bx-openclose {background:url(/css/responsive.png) -372px 0 no-repeat;opacity:0.85;} .bx-wrapper .bx-prev:hover , .bx-wrapper .bx-next:hover, .bx-wrapper .bx-openclose:hover {opacity:1;} .bx-wrapper .bx-controls-direction a {float:left;width: 34px;height: 34px;margin:0 5px;} .bx-wrapper .bx-controls-direction a.disabled {display: none;} .fixed {position:absolute;top:30px;left:0;width:100%} .bx-controls-updn{float:right;position:absolute;bottom:0;right:10px;} .bx-up,.bx-dn {float:right;;width: 34px;height: 34px;margin:0 5px;cursor:pointer;opacity:0.85} .bx-up:hover,.bx-dn:hover {opacity:1} .bx-up {background:url(/css/responsive.png) -372px 0 no-repeat} .bx-dn {background:url(/css/responsive.png) -337px 0 no-repeat} #concours {position:relative;overflow:hidden;background:#fff;height:306px} #concours ul {margin:0;} #concours .bx-wrapper .bx-controls {bottom:2px} #concours .bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #333;opacity:0.75;width: 100%;height:46px} #concours .bx-wrapper .bx-caption span {color: #fff;font-family: 'Oswald','Trebuchet MS',Helvetica,Arial,sans-serif;display: block;font-size: 1.25em;padding: 0.5em 0.9em 0.9em 0.9em;font-weight:bold;letter-spacing:1px;} #Hslider,#Fslider,#Gslider {overflow:hidden;position:relative;height:372px} .Sfilms {position:relative;overflow:hidden;padding-top:5px;background:#fff} .Sfilms li {float:left;margin-right:5px;text-align:center} .Sfilms .bx-controls {position:relative;bottom:0;margin-top:5px;right:0;} .Sfilms .bx-wrapper .bx-pager.bx-default-pager a {background: #ccc;margin:0 2px;} .Sfilms .bx-wrapper .bx-pager.bx-default-pager a:hover, .Sfilms .bx-wrapper .bx-pager.bx-default-pager a.active {background: #336699;margin:0 2px;} .Sfilms figure {border:solid 1px #d8d8d8;padding:5px;margin-bottom:5px;} .Sfilms figcaption {font-size:0.9em;line-height:1.1em;font-weight:bold;text-align:center;height:3.3em;} .Sfilms .bottom-title {font-size:1.3em;font-family: 'Oswald', 'Trebuchet MS', Helvetica, Arial, sans-serif;position:absolute;top:310px;left:0px;} .h-gal-4, .h-gal-6, .h-gal-5 {border-top:solid 1px #dedede;} .h-gal-4 li {float:left;width:22%;text-align:center;margin:1.5%;font-size:0.8em;line-height:1em;font-weight:bold;} .h-gal-5 li {float:left;width:17%;text-align:center;margin:1.5%;font-size:0.8em;line-height:1em;font-weight:bold;} .h-gal-6 li {float:left;width:13.66666666%;text-align:center;margin:1.5%;font-size:0.8em;line-height:1em;font-weight:bold;} .h-gal-4 li figure span, .h-gal-6 li figure span, .h-gal-5 li figure span {display:block;border:solid 1px #dedede;padding:2px;} .Sfilms .descsalle {position:relative;list-style:disc inside none;padding-left:15px} .Sfilms .descsalle li {float:none;font-size:1.3em;text-align:left;padding:5px 0} .Sfilms .phtsalle {float:right;margin-left:15px} /* =Forms -----------------------------------------------------------------------------*/ input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="phone"],textarea {position: relative;z-index: 2;font-family: 'Source Sans Pro', 'PT Sans', Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;height: 23px;border: 1px solid #ccc;margin: 0;padding: 1px 2px;background-color: white;color: #333;font-size: .95em;line-height: 1;border-radius: 1px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;-webkit-transition: border ease 0.5s;-moz-transition: border ease 0.5s;-ms-transition: border ease 0.5s;-o-transition: border ease 0.5s;transition: border ease 0.5s;} textarea {line-height: 1.4em;} input:focus,textarea:focus {outline: none;border-color: #5ca9e4;box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;} input.input-error,textarea.input-error,select.input-error,.input-error {border-color: #da3e5a;box-shadow: 0 0 0 2px rgba(218, 62, 90, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;} .forms label {display: block;margin-bottom: 2px;} #sgn, #cnx, #lost {padding:0 10px; margin:0;} .forms.columnar label {float: left;width: 80px;text-align: right;margin-right: 10px;} .descr { color: #999999; font-size: 0.85em; line-height: 1.5em; } div.descr { margin: 4px 0; } .columnar div.descr { margin-bottom: 10px; } .forms ul { list-style: none; margin: 0; } .forms ul li { margin-bottom: 10px; } .forms.columnar ul li { margin-bottom: 15px; } /* liner fieldset */ fieldset.liner { border: 0; padding: 0; } fieldset.liner legend { padding: 0; width: 100%; padding-bottom: 12px; } fieldset.liner legend span { padding: 0; padding-bottom: 8px; border-bottom: 1px solid #eee; display: block; } /* columnar */ .forms.columnar legend { margin-bottom: 1em; } .forms.columnar .push, .forms.columnar div.descr { margin-left: 160px; } .forms.columnar li fieldset label { float: none; width: auto; text-align: left; margin-right: 0; } .forms.columnar li fieldset { border: none; padding: 0; margin: 0; padding-left: 170px; position: relative; } .forms.columnar li fieldset section { padding: 0; position: absolute; width: 150px; text-align: right; left: 0; top: 0; } .forms.columnar li fieldset section label { float: none; width: auto; margin-right: 0; text-align: right; } .forms.columnar li fieldset div.descr { margin-left: 0; } /* section */ .forms li.form-section { font-weight: bold; border-bottom: 1px solid #eee; padding: 1.5em 0 .7em 0; font-size: 1.1em; margin-bottom: 1.5em; } .columnar li.form-section { padding-left: 170px; } /* Errors and Success */ .error, .success { margin-left: 5px; font-weight: normal; font-size: 0.85em; } input.input-success, textarea.input-success, select.input-success, .input-success { border-color: #18a011 ; box-shadow: 0 0 0 2px rgba(24, 160, 17, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset; } input.input-gray, textarea.input-gray, select.input-gray, .input-gray { border-color: #ccc; box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset; } input.input-search, input[type="search"] { padding-right: 10px; padding-left: 10px; margin-bottom: 0; border-radius: 15px; } .input-append, .input-prepend { display: inline-block; background-color: #eee; height: 23px; border: 1px solid #ccc; margin: 0; padding: 1px 8px; color: #333; font-size: 1em; line-height: 23px; } .input-prepend { margin-right: -1px; } .input-append { position: relative; z-index: 1; margin-left: -1px; } /* Placeholders */ ::-webkit-input-placeholder { color: #999999; padding: 1px 2px; } /* FF19+ */ ::-moz-placeholder { color: #999999; } input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } :-ms-input-placeholder { color: #999999; } #search { margin:20px; text-align:center; } /* habillage */ #calle {height:auto;margin-top:10px} #habillage {overflow:hidden;height:110px;margin-top:10px;position:relative} #logo {float:left;} #logoh {width:386px;height:50px;margin:0 auto;display:none} #baner {float:right;overflow:hidden;margin-top:4px} #habillage .baner {width:728px;height:90px;float:right;margin-right:5px} #habillage.white {background:#fff;border-bottom:1px solid #dedede;height:100px;margin:0} #habillage.white #logo {margin-left:5px} /* Header */ #header {position:relative;font-family: 'Oswald','Trebuchet MS',Helvetica,Arial,sans-serif;letter-spacing:1px;border:solid 1px #dedede;border-bottom:solid 1px #666;-webkit-border-top-left-radius: 7px;-webkit-border-top-right-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-topright: 7px;border-top-left-radius: 7px;border-top-right-radius: 7px;height:41px;} #header .search {background:url(/css/responsive.png) -142px 0 no-repeat;} #header .cnx {background:url(/css/responsive.png) -182px 0 no-repeat;} #header .goforum {background:url(/css/responsive.png) -222px 0 no-repeat;} #header .profil {background:url(/css/responsive.png) -262px 0 no-repeat;} #header .toolbar {width:120px;height:40px;float:right;position:absolute;top:1px;right:0px} #header .toolbar span{display:block;width:40px;height:40px;float:left;cursor:pointer;opacity:0.5} #header .toolbar span:hover{opacity:1} #menu {position:relative;} #menu span.ddlist {color:#666;display:none;cursor:pointer;padding:0.5em;font-size:1.2em} #menu big {display:inline-block;width:16px;height:12px;background:url(/css/responsive.png) -121px 0 no-repeat;margin:7px 0 0 10px} #menu nav {position:absolute;top:0;left:0;overflow:hidden;text-align:left;font-family: 'Oswald','Trebuchet MS',Helvetica,Arial,sans-serif;letter-spacing:1px} #menu nav span {display:inline-block;font-size:1.6em;padding:0.6em 0 0 0.6em;color:#aaa;text-decoration:underline} #menu nav small {float:left;display:none;width:12px;height:16px;background:url(/css/responsive.png) -110px -11px no-repeat;margin:3px 10px} #menu a span {color:#064E92;text-decoration:none} #menu a:hover span {color:#666} #menu a span.select {color:#aaa} /* Breadcrumbs */ .breadcrumbs {margin-bottom: 1.5em;} .breadcrumbs:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .breadcrumbs ul {font-size: .9em;color: #999;list-style: none;margin: 0;} .breadcrumbs ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .breadcrumbs ul li {float: left;margin-right: .5em;} .breadcrumbs li + li:before {content: " > ";color: #999;font-size: 12px;margin-right: .5em;} /* =Ariane -----------------------------------------------------------------------------*/ #ariane {background-color: #ffffff;border-bottom:1px solid #dedede;} #ariane .breadcrumbs{padding:2px 1.125%;margin:0} /* =Titre -----------------------------------------------------------------------------*/ #titre {border-bottom:solid 1px #dedede;} #titre h1 {margin:0;padding:0.3em 1.125%;text-align:center} #adress {text-align:center;background:#fff} /* =Videos -----------------------------------------------------------------------------*/ #player {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;background:#000} .player, .video {border-top:solid 1px #dedede;width:100%;height:100%;position:relative;background:#000} #player object {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #adStatus {position:absolute;left:0;top:0;background:#000;color:#fff;text-align:center;width:100%; height:18px;font-size:11px;display:none;z-index:99999} #skip {cursor:pointer;position:absolute;right:0;bottom:0;width:100px;display:none;z-index:999999999;zoom: 1;font-size:15px;font-weight:bold;border:solid 1px #000;background:#fff;padding:2px;text-align:center} /* Footer */ #footer {color: #666;} #footer .stripe {height:28px;position:relative;} #footer .stripe span{display:block;background:#fff;height:15px;padding-top:13px;margin:0 13px;position:relative;} #footer .stripe .line{display:block;width:100%;height:0;border-top:dotted 2px #000;padding-top:13px;margin:0;} #footer .stripe div {background:url(/css/responsive.png) -222px -40px ;margin:0;width:13px;height:28px;position:absolute;top:0;} #footer .stripe div.last {background:transparent url(/css/responsive.png) -236px -40px ;position:absolute;top:0;right:0;} #footer nav a {color:#b8b8b8;} #footer nav a:hover{color:#dedede;} #footer nav {margin-bottom:0;padding:0.6em;background:#012769;} #footer nav li {width:16.66666%;float:left;} #footer nav .cadre{border:solid 1px #dedede;padding:0.6em;} #footer nav h3 {text-align:center;color:#b8b8b8;} #footer nav h3 big {display:none;float:right;width:16px;height:12px;background:url(/css/responsive.png) -121px 0 no-repeat;margin:7px 0 0 10px;} #footer nav small {float:left;display:none;width:12px;height:16px;background:url(/css/responsive.png) -110px -11px no-repeat;margin:4px 10px} .footer .rss {margin:5px;display:block;width:55px;height:56px;background:url("/css/responsive.png") no-repeat scroll -111px -40px transparent;float:right} .footer .fcb {margin:5px;display:block;width:55px;height:56px;background:url("/css/responsive.png") no-repeat scroll -56px -40px transparent;float:right} .footer .twt {margin:5px;display:block;width:55px;height:56px;background:url("/css/responsive.png") no-repeat scroll 0px -40px transparent;float:right} .footer {clear:both;background:#d8d8d8;font-size:0.9em;line-height:1.1em;} .footer h4 {border-bottom:solid 1px #aaa;} .footer p {text-align:justify;padding-right:5px;} .footer ul{list-style: disc inside url("/css/puce.gif");margin: 0;text-align:left;} .footer .col1-2 {width:100%;margin:0} .footer a {color:#666;text-decoration:none;} .footer a:hover{color:#000;text-decoration:none;} .cnil {padding-bottom:15px;text-align:center;font-size:0.8em;color:#fff;background:#0f64a5} .cnil a{color:#fff} /* salles */ #salles .square {height:427px} #salles #noPubBaner {margin-top:10px} #salles .h50 {height:60px} #france,#paris {display:block;width:300px;height:320px;position:relative} #paris .map,#france .map {display:none} #france .jvectormap-zoomin,#paris .jvectormap-zoomin, #france .jvectormap-zoomout,#paris .jvectormap-zoomout {display:none} #paris ul,#france ul {display:none} ul.map {width:50%;float:left} .reseaux .eltlist {float:left;width:49%;clear:none;border:none;border-bottom:solid 1px #dedede} .reseaux .eltlist span,.reseaux li span {display:block;width:49px;height:49px;background:url(/css/responsive.png);border:none} .reseaux span.gaumont {background-position:0 -118px} .reseaux span.pathe {background-position:-49px -118px} .reseaux span.ugc {background-position:-98px -118px} .reseaux span.kinepolis {background-position:-147px -118px} .reseaux span.cgr {background-position:-196px -118px} .reseaux span.mk2 {background-position:-245px -118px} .reseaux span.cineville {background-position:-294px -118px} .reseaux span.cinemovida {background-position:-343px -118px} .reseaux span.megarama {background-position:-392px -118px} .reseaux span.grand-ecran {background-position:-441px -118px} .reseaux ul li {float: left;display: block;margin: 5px 0.25%;width:9.5%;font-weight:bold;text-align:center} .reseaux li span {display:inline-block} #sallesMnu h2 {border-bottom:solid 1px #dedede} #sallesMnu h2 big {display:none;float:right;width:16px;height:12px;background:url(/css/responsive.png) -121px 0 no-repeat;margin:7px 0 0 10px;} #sallesMnu small {float:left;display:none;width:12px;height:16px;background:url(/css/responsive.png) -110px -11px no-repeat;margin:4px 10px} .jvectormap-label {position: absolute;display: none;border: solid 1px #CDCDCD;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #292929;color: white;font-family: sans-serif, Verdana;font-size: smaller;padding: 3px 5px;} .jvectormap-zoomin, .jvectormap-zoomout {position: absolute;left: 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #292929;padding: 3px;color: white;width: 32px;height: 32px;cursor: pointer;line-height: 1em;text-align: center;font-size:2em;font-weight:bold;} .jvectormap-zoomin {top: 10px;} .jvectormap-zoomout {bottom: 10px;} #listeSalles .square {height:317px} #listeSalles #Hslider {height:322px} #listeSalles #Hslider .Sfilms {height:275px} #listeSalles .Sfilms .bottom-title{top:248px} #listeSalles .share{float:right;width:300px;margin-top:0} #listeSalles #noPubBaner{margin-top:20px} /* films */ #films section:nth-child(5) h2 {border-bottom:solid 1px #dedede} #films section:nth-child(4) .eltlist p{font-size:1em} #films #Hslider .Sfilms li {width:149px} #films #Fslider .Sfilms li {width:149px} #films #Hslider,#films #Hslider .Sfilms {height:392px} #films .share {margin:5px 0;padding:0} #films .square {height:400px} #filmListe p {font-size:0.9em} #filmListe #wideList p.bordb {font-size:0.8em} #filmListe .eltlist:first-child {border:none} #filmListe .cherche {width:100%;height:100px;float:left;position:relative;overflow:hidden;padding-top:5px;border-top:dotted 1px #888888} #filmListe .cherche small {display:block;width:100%;color:orange;font-size:12px;text-align:left} #filmListe .cherche figure {float:left;margin-right:10px;} #filmListe .cherche figure img {height:95px} #filmListe .cherche div {position:relative} #filmListe .cherche h3 {font-size:14px;font-style:italic;text-transform:uppercase;font-weight:bold;margin-bottom:5px;text-decoration:underline} #filmListe .first {border:none} #cherche nav.pagine{height:31px} #filmListe #noPubBaner {margin-top:10px} #filmListe .square {height:427px} nav.pagine,nav.date,nav.ltrs {clear:both;text-align:center;padding:0px;height:26px;background:#dedede;padding:0 20px;} nav.pagine .pages{float:right;position:relative} nav.pagine span {display:block;float:left;height:21px;margin:1px;width:30px;text-align:center;border:solid 1px #012769;font-weight:bold;color:#f6f6f6;background:#012769} nav.pagine a span {color:#012769;background:#f6f6f6;} nav.pagine a span:hover {color:#f6f6f6;background:#012769} nav.pagine form {color:#000;padding-top:2px} nav.pagine .trie {color:#000;padding-top:3px;float:left} nav.ltrs p {float:left;padding-top:3px;color:#000} nav.ltrs span {display:block;float:left;height:21px;margin:1px;width:22px;text-align:center;border:solid 1px #012769;font-weight:bold;color:#f6f6f6;background:#012769} nav.ltrs a span {color:#012769;background:#f6f6f6;} nav.ltrs a span:hover {color:#f6f6f6;background:#012769} /* Film */ .tvProg {height:33px;font-weight:bold;text-align:left;font-size:18px;line-height:30px} .tvProg img {float:left} .tvProg span {margin-left:10px} #labda #Fslider {height:400px} #labda h2 {clear:both} #labda .bda {position:relative;padding-top:10px} #labda .strcnt {height:190px;float:right} #labda .strs {width:99px;float:left;position:relative;overflow:hidden;text-align:center;margin-right:1px;font-size:11px;} #labda .strs figure {border:solid 1px #ddd;height:180px} #labda .strs figure img{width:90px;height:130px;} #labda .square {overflow:visible;height:auto} #labda #lstVds {position:absolute;top:0;right:1px} #labda .ongbar {overflow:visible;height:35px} #labda #vote {display:block} #labda #note {width:110px} #labda #noPubBaner {position:absolute;top:45px;left:0} #lefilm .gd-grey, #lesmedias .gd-grey {cursor:pointer} #lefilm .ongbar {top:1px} #lefilm h4 {border-bottom:solid 1px #ddd} #lefilm h4 img {border:none;float:left;max-width:none} #lefilm h4 span {float:none;display:inline-block;width:auto} #lefilm p {font-size:1em;text-align:justify;margin:10px 0} #lefilm .starLnk {width:450px;padding:0;margin:0;border-bottom:dotted #ccc 1px;text-align:left} #lefilm .starLnk span {float:right} #lefilm .starLnk big {display:inline-block;width:21px;height:12px;background:url(/css/responsive.png) no-repeat -503px -41px} #lefilm .starLnk small {display:inline-block;width:21px;height:12px;background:url(/css/responsive.png) no-repeat -481px -41px} #lefilm #adNote {cursor:pointer} #lefilm .margp p{margin:10px 0} #lefilm #poster p{text-align:center} #lefilm #slider2 .Sfilms {height:310px} #lefilm #slider3 .Sfilms {height:200px} .accordion {position:relative;display:inline-block;border-bottom:solid 1px #888} .accordion h2 {cursor:pointer;border:solid 1px #888;margin:0;padding:4px 10px;border-bottom:none} .accordion h2.firstC {-webkit-border-top-left-radius: 7px;-webkit-border-top-right-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-topright: 7px;border-top-left-radius: 7px;border-top-right-radius: 7px} .accordion h2 big {float:right;width:16px;height:12px;background:url(/css/responsive.png) -121px 0 no-repeat;margin:6px 5px 0 10px;} .accordion .inner {padding-left:1.125%;border-left:solid 1px #888888;padding-bottom:5px} #lefilm #slider2 .Sfilms .bottom-title {top:282px} #lefilm #slider3 .Sfilms .bottom-title {top:164px} #lefilm #slider2 .Sfilms iframe,#affiches .inner iframe,#lefilm iframe,#acc1 .inner iframe,#wpp .inner iframe,#photos .inner iframe,#jaquettes .inner iframe {clear:both;margin-top:10px;width:100%;height:390px} #lefilm #slider3 .Sfilms iframe {clear:both;margin-top:10px;width:100%;height:330px} #lefilm .verso p,#lefilm .recto p{text-align:center;} .verso span,.recto span {display:block;border:solid 1px #888;padding:2px;margin-bottom:2px} .verso img,.recto img {cursor:pointer} .verso,.recto {float:left;width:15%;margin:0;text-align:center;font-weight:bold;height:510px} .cover {float:left;width:70%;margin:0} .verso_menu_wrapper,.recto_menu_wrapper {position: relative;height: 420px;overflow: auto;} #jaquette {cursor:pointer} /* bandes-annonces */ #bandes-annonces #Hslider .Sfilms li {width:149px} #bandes-annonces .square {height:430px} #bandes-annonces .share {margin:10px auto} /* Box Office */ nav.date {text-align:center;padding:0px;height:26px;background:#dedede;padding:0 20px;} nav.date .next {float:right;margin-top:3px} nav.date .prev {float:left;margin-top:3px} nav.date .inputDate {display:block;background:url(/css/responsive.png) 0 -215px no-repeat;border:none;width:105px;height:20px;padding-top:3px;padding-left:10px;cursor:pointer;margin:0 auto;font-weight:bold;text-align:left;border:solid 1px #666} #boxoffice p {font-size:0.9em} #boxoffice .col2-3 {position:relative;height:940px} #boxoffice .col2-3 .eltlist small {font-size:1.2em} #boxoffice .col3-3 .eltlist small {font-size:1.1em} #boxoffice .listbox {position:absolute;bottom:0;left:0} #boxoffice .cbo {clear:both;padding-top:10px;text-align:justify} #boxoffice .cbox {clear:both;font-weight:bold;padding-top:5px;} #boxoffice .cbox .boxF {float:left;display:block;width:56%;font-weight:normal;} #boxoffice .cbox .boxS {float:left;display:block;width:8%;text-align:center;font-weight:normal;} #boxoffice .cbox .boxR {float:left;display:block;width:12%;text-align:right;font-weight:normal;} #boxoffice .udl {border-bottom:solid 1px #000;height:30px} #boxoffice .yearbox .udl{height:32px;margin-top:4px} #boxoffice .boxHead {position:relative;font-weight:bold;padding-top:5px;background:#dedede;height:25px;margin-top:5px} #boxoffice .boxHead .boxF {float:left;display:block;width:56%} #boxoffice .boxHead .boxS {float:left;display:block;width:8%;text-align:center} #boxoffice .boxHead .boxC {float:left;display:block;width:12%;text-align:right} #boxoffice #noPubBaner {margin-top:10px} #boxoffice .square {height:427px} #boxoffice .h247 {height:267px} /* seances */ #seances #Hslider,#seances #Hslider .Sfilms {height:392px} #seances #noPubBaner {margin-top:10px} #seances .square {height:427px} #seances .h247 {height:267px} #seance .eltlist {font-size:1.2em;height:315px} #seancesSalle #Hslider .Sfilms {height:332px} #seancesSalle #Fslider {height:312px} #seancesSalle #Fslider .Sfilms {height:312px} #seancesSalle #Fslider .Sfilms .bottom-title{top:250px} #seancesSalle #Fslider .Sfilms .bx-pager{display:none} #seancesSalle #gmap {height:300px} #seancesSalle #noPubBaner {float:left} /* goodies */ #goodies #Fslider .bottom-title {top:212px} #goodies #Fslider .fixed:nth-child(3) .bottom-title {top:304px} #goodies #Hslider,#goodies #Hslider .Sfilms {height:392px} #goodies .share {margin:5px 0;padding:0} #goodies .square {height:400px} /* stars */ #stars #Hslider .Sfilms li {width:149px} #stars #Fslider .Sfilms li {width:149px} #stars .bxslider img {min-height:185px} #stars #Hslider .Sfilms figure {border:solid 1px #d8d8d8;padding:5px;margin-bottom:5px;min-height:280px} #stars #Hslider .Sfilms figcaption {font-size:1em;font-weight:bold;text-align:center;height:2.2em;} #stars #Fslider {height:335px} #stars #Fslider .bottom-title {top:270px} #stars #Hslider,#films #Hslider .Sfilms {height:392px} #stars .share {margin:5px 0;padding:0} #stars .square {height:400px} #star .eltlist p {margin-bottom:1em} #star .eltlist {font-size:1.5em} #star .eltlist h3 {font-size:0.9em} #star #Hslider{height:340px} #star #Hslider .bottom-title{top:270px} #star #Fslider {height:300px} #star #Fslider .bottom-title{top:226px} #star .square,#seancesSalle .square {overflow:visible;height:auto} #star #critlst .eltlist p {text-align:justify;font-size:0.75em} #star #critlst .eltlist img {padding:0;border:none} #star #Gslider .Sfilms li,#star.membre #Fslider .Sfilms li {width:149px} #star #Gslider {height:250px} #star #Gslider .Sfilms {height:358px} /* programme tele */ #progTV .ongbar {top:1px} #progTV .eltlist:first-child {border:none} #progTV .square {height:auto} #progTV .share {width:300px;float:right;margin:0} /* concours */ #leconcours .bda {position:relative;padding-top:10px} #leconcours .square {overflow:visible;height:auto} #leconcours #noPubBaner {position:relative;display:block;margin:5px auto} #leconcours .concour .mystere {float:left;margin-right:15px} #leconcours .concour .film {float:right;margin-left:15px} #leconcours .concour {padding-top:10px} #leconcours .concour p {text-align:justify;margin-bottom:10px} #leconcours .concour big {font-size:120%} #leconcours .concour em {font-style:italic} /* cgu */ #cgu #noPubBaner {margin:5px auto} #cgu .square {height:auto} #cgu .inner p {margin:10px 0;text-align:justify} #cgu .inner ul {list-style:disc} #cgu .inner li {margin-left:40px} #cgu p.lig {margin:5px 0;} #cgu label {width:120px;display:block;float:left} #cgu input {width:420px;} #cgu textarea {width:420px;height:180px} #pay input {width:100%} #abo p {text-align:justify;margin:10px 0} #abo em {font-style:italic} /* Services */ #services #noPubBaner {margin:5px auto} #services .square {height:auto} #services .inner p {margin:10px 0;text-align:justify} #services .inner ul {list-style:disc} #services .inner li {margin-left:40px} #services iframe {border:solid 1px #808080} #services label {width:140px;display:block;float:left} #services input {width:80px;} #services textarea {width:90%;height:100px} #services .btn-full {margin-top:10px} #services object,#services embed {width:300px} /* module */ #module {position:relative;height:480px} #module .inner {position:absolute;top:29px;left:0} #module .inner:last-child {visibility:hidden} #module .inner li:first-child {border-top:none} /* profil */ .top-listes p {text-align:justify;border-bottom:#808080 solid 1px;margin-bottom:10px;padding-bottom:5px} .top-listes div {border-bottom:#808080 dotted 1px;line-height:34px} .top-listes .up ,.top-listes .del,.top-listes .att,.top-listes .supr,.top-listes .rien {float:left;width:34px;height:34px;display:block;margin-right:5px} .top-listes .up {background:url("/css/responsive.png") no-repeat scroll -372px 0 transparent;cursor:pointer} .top-listes .del,.top-listes .supr,.top-listes .att {background:url("/css/responsive.png") no-repeat scroll -443px 0 transparent;cursor:pointer} #an {float:right;font-size:16px} .membre .share {width:300px;float:right;margin-top:0} .membre #noPubBaner {float:left;margin-top:10px} #star.membre #Fslider {height:360px} #star.membre #an {float:none} #mblist .eltlist {border:none;position:relative;clear:none;position:relative;height:125px} #mblist .eltlist .inner {height:120px;} #mblist .eltlist span {border:solid 1px #dedede;float:left;margin-right:20px;margin-top:5px} #mblist .eltlist span img {border:none} #mblist .reset {margin:0} #mblist .square {height:370px} /* forum */ #forums .header {margin-bottom:0;border:solid 1px #888;border-bottom:none;padding-bottom:5px;-webkit-border-top-left-radius: 7px;-webkit-border-top-right-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-topright: 7px;border-top-left-radius: 7px;border-top-right-radius: 7px} #forums .inner {padding-top:10px;padding-left:1.125%;border:solid 1px #888888;padding-bottom:5px} #forums .col1-3,#forums .col1-2 {margin:0 1.125%} #forums nav{float:right;font-size:19px;margin-right:10px} #forums nav.wide{margin-right:20px} #forums nav a span {color:#012769;background:#dedede;border:solid 1px #012769;} #forums nav a span:hover {background:#012769;color:#dedede;border:solid 1px #012769;} .forum nav.pagine{height:28px} #forums .titre nav span {line-height:12px;float:left;display:block;padding:1px;margin:1px;color:#012769;font-weight:normal;text-align:center;width:auto;min-width:14px;font-size:10px} #forums .pair {background:#fefefe;border-bottom:solid 1px #666;padding:5px 0} #forums .impair {background:#eee;border-bottom:solid 1px #666;padding:5px 0} #forums .vpad {border-left:solid 1px #888888;padding-left:1.125%} #forums .nopad {border:solid 1px #888888;} #forums .nopad h2{font-size:1.3em} #forums .nomarg {margin-top:0;margin-bottom:0} #forums .perso {float:right;margin-top:10px;padding-top:3px;border-bottom:none} #forums .citer {background:url(/css/responsive.png) -400px -96px;height:22px;width:54px;float:right;margin:0 3px;cursor:pointer} #forums .editer {background:url(/css/responsive.png) -454px -96px;height:22px;width:62px;float:right;margin:0 3px;cursor:pointer} #forums .alarm {background:url(/css/responsive.png) -378px -190px;height:22px;width:62px;float:right;margin:0 3px;cursor:pointer} #forums .unalarm {background:url(/css/responsive.png) -440px -190px;height:22px;width:62px;float:right;margin:0 3px;cursor:pointer} #forums .deplacer {background:url(/css/responsive.png) -305px -190px;height:22px;width:73px;float:right;margin:0 3px;cursor:pointer} #forums .alert {background:url(/css/responsive.png) -408px -64px;height:20px;width:16px;float:right;margin:0 3px;} #forums h3 {border-bottom:solid 1px #808080} #forums h3 span {float:right;font-size:0.8em;padding-right:10px} #forums .col1-5 span {font-size:0.75em} #forums blockquote {background: none repeat scroll 0 0 #DEDEDE;border: 1px solid #666666;margin-bottom: 10px;padding: 5px 10px;} #forums .blockquote {font-size:11px;font-weight:bold;margin-top:10px} .new {display:block;float:left;margin-right:20px;width:80px;height:24px;background:url(/css/responsive.png) -384px -166px;cursor:pointer} .reply {display:block;float:left;margin-right:20px;width:80px;height:24px;background:url(/css/responsive.png) -305px -166px;cursor:pointer} .dopostit {float:left;background:url(/css/responsive.png) -443px -64px;height:22px;width:19px;margin:3px;} .unpostit {float:left;background:url(/css/responsive.png) -424px -64px;height:22px;width:19px;margin:3px;} .lock {float:left;background:url(/css/responsive.png) -481px -64px;height:22px;width:19px;margin:3px;} .unlock {float:left;background:url(/css/responsive.png) -462px -64px;height:22px;width:19px;margin:3px;} .mess {display:block;float:left;margin-right:20px;width:23px;height:23px;background:url(/css/responsive.png) -408px -41px;} .postit {display:block;float:left;margin-right:20px;width:23px;height:23px;background:url(/css/responsive.png) -431px -41px;} .closed {display:block;float:left;margin-right:20px;width:23px;height:23px;background:url(/css/responsive.png) -454px -41px;} #forums #poster {position:relative;display:none} #forums .edite {margin-top:10px;border-top:dotted 1px #808080;font-size:0.8em;text-align:right} #forums .emoticons {margin:2px} #forums input[type="text"] {width:100%;margin-bottom:5px} #action {display:none} #alarm {display:none} #alarm textarea{width:400px;height:90px} /*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;} .fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;} .fancybox-skin {position: relative;background: #012769;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;} .fancybox-opened {z-index: 8030;} .fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);} .fancybox-outer, .fancybox-inner {position: relative;background:#f8f8f8;} .fancybox-inner {overflow: hidden;} .fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;} .fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;} .fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;} .fancybox-image {max-width: 100%;max-height: 100%;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('/css/responsive.png');} #fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: -166px -40px;opacity: 0.8;cursor: pointer;z-index: 8060;} #fancybox-loading div {width: 44px;height: 44px;background: url('/css/loading.gif') center center no-repeat;} .fancybox-close {position: absolute;top: -12px;right: -12px;width: 34px;height: 34px;cursor: pointer;z-index: 8040;background-position: -443px 0px;} .fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url('/css/blank.gif'); /* helps IE */-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;} .fancybox-prev {left: 0;} .fancybox-next {right: 0;} .fancybox-nav span {position: absolute;top: 50%;width: 34px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;} .fancybox-prev span {left: 10px;background-position: -302px 0px;} .fancybox-next span {right: 10px;background-position: -407px 0px;} .fancybox-nav:hover span {visibility: visible;} .fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;} .fancybox-lock {overflow: hidden;} .fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: url('/css/overlay.png');} .fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;} .fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;} .fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;} .fancybox-opened .fancybox-title {visibility: visible;} .fancybox-title-float-wrap {position: absolute;top: 0;right: 50%;margin-top: -35px;z-index: 8050;text-align: center;} .fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 4px 20px 2px 20px;background: #012769;opacity:0.8;-webkit-border-radius: 15px;-moz-border-radius: 15px; border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;} .fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;} .fancybox-title-inside-wrap {padding-top: 10px;} .fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);} /* = espace membres */ #profbar { margin-top:10px; border-bottom:solid 1px #808080; overflow:visible; } #profbar .ong { float:left; margin-top:2px; } #profaddr, #profmdp, #profavt { padding:10px; border-top:solid 1px #dedede; } #profaddr p { text-align:justify; font-size:0.8em; line-height:1.125em; } #profmdp label { width:180px; } #profavt { text-align:center; } #navFilm {display:table;width:100%;padding-top:15px;background:#fff} #navFilm ul {display:table-row} #navFilm a{margin:0;margin-left:1px;background:#336699;color:#fff;text-align:center;font-weight:bold;display:table-cell;border:solid 1px #000;padding:4px 0;border-bottom:none;-webkit-border-top-left-radius: 7px;-webkit-border-top-right-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-topright: 7px;border-top-left-radius: 7px;border-top-right-radius: 7px} #navFilm a.actif{background:#fff;color:#336699} #navFilm a.first{margin-left:0} #affiches,#wpp,#photos,#jaquettes {position:relative;clear:both;margin:0 10px;padding:20px 0} #affiches h2,#wpp h2,#photos h2,#jaquettes h2 {border:solid 1px #888;margin:0;padding:4px 10px;border-bottom:none;-webkit-border-top-left-radius: 7px;-webkit-border-top-right-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-topright: 7px;border-top-left-radius: 7px;border-top-right-radius: 7px} #affiches li,#wpp li,#photos li {float: left;width:25%;text-align: center} #affiches figure,#wpp figure,#photos figure {margin:5px;padding:5px;border:solid 1px #ddd} #affiches .bottom-title,#wpp .bottom-title {padding-top:1em;font-size:1.3em;font-family: 'Oswald', 'Trebuchet MS', Helvetica, Arial, sans-serif;position:relative;clear:both} #lefilm .bottom-title {padding-bottom:1em;font-size:1.3em;font-family: 'Oswald', 'Trebuchet MS', Helvetica, Arial, sans-serif;position:relative;clear:both} #labda #noPubBaner.noshare {top:0} #jaquettes .verso p,#jaquettes .recto p{text-align:center;} @media only screen and (max-width: 979px) { .wrapper { width: 748px; padding:0 10px} .container { width: 768px; } #logo {display:none} #logoh {display:block} #logo {float:none;position:relative;width:225px;height:100px;margin:0 auto} #baner {float:none;overflow:hidden;margin-top:4px;margin-right:0} #habillage .baner {float:none;margin:0 auto;} #habillage {height:200px;} .col1-3 .col1-3,.footer .col1-2,.footer .col1-3{width:47.75%;margin:10px 1.125%;} #leconcours .col1-3, #leconcours .col2-3{width:47.75%;margin:10px 1.125%;} #concours {height:240px} #menu nav {position:absolute} #menu nav span {font-size:1.25em;padding:0.7em 0 0 0.3em;background:transparent;display:inline-block} #menu span.ddlist {display:none} #footer {font-size:0.8em;line-height:1em;} #footer nav {line-height:1.1em;} #footer .first {width:97.75%;margin:10px 1.125%;} .eltlist span {width:20%;height:auto;} .h120 { height:100px; padding:5px 0; } nav.ltrs {height:23px;padding:0 10px} nav.ltrs p {font-size:0.80em} nav.ltrs span,nav.ltrs a span {font-size:0.85em} nav.ltrs span {height:18px;width:18px} #home .col1-3 {width:47.75%;margin:10px 1.125%;} #home .col1-3.last ,#home .col2-3, .footer .col1-3.first {width:97.75%;margin:10px 1.125%;} #labda .col2-3 {width:414px;margin:10px 1.125%;} #labda .col1-3 {width:300px;margin:10px 1.125%;} #labda .strcnt {height:181px;width:400px;overflow:hidden} #labda .col1-2 {width:97.75%;margin:10px 1.125%;} #labda .tools {height:100px} #lefilm .starLnk {width:713px} #lefilm #slider2 .Sfilms .bottom-title {top:222px} #lefilm #slider3 .Sfilms .bottom-title {top:133px} #lefilm #slider2 .Sfilms iframe {height:360px} #lefilm #slider3 .Sfilms iframe {height:330px} .verso,.recto {height:410px} .verso_menu_wrapper,.recto_menu_wrapper {height: 330px;} #films .col2-3,#films .col1-3 {width:47.75%;margin:10px 1.125%;} #films #Hslider .Sfilms li {width:169px} #films #Fslider .Sfilms li {width:140px} #films #Hslider .bx-wrapper .bx-pager {display:none} #films #noPubBaner {float:none;margin:0 auto} #filmListe .col2-3 {width:97.75%;margin:10px 1.125%;} #filmListe .col1-3 {width:47.75%;margin:10px 1.125%;} #filmListe #module {height:400px} #filmListe #noPubBaner {float:none;margin:0 auto;margin-top:10px} #cherche input[type="text"] {width:150px} #progTV .col2-3 {width:47.75%;margin:10px 1.125%;} #progTV .col3-3, #progTV .col1-3 {width:47.75%;margin:10px 1.125%;} #progTV .share {margin:10px auto;float:none} #progTV #noPubBaner {float:none;margin:0 auto} #progTV .ong {font-size:1.1em} #bandes-annonces .col2-3,#bandes-annonces .col1-3 {width:97.75%;margin:10px 1.125%;} #bandes-annonces .square {height:250px} #bandes-annonces .pub {float:left} #bandes-annonces #noPubBaner {float:right} #bandes-annonces .share {float:right;width:300px} #boxoffice .col2-3 {width:97.75%;margin:10px 1.125%;} #boxoffice .col1-3 {width:47.75%;margin:10px 1.125%;} #boxoffice #wideList .col1-3 {width:31.0833333333333%;margin:10px 1.125%;} #boxoffice #wideList span {width:25%} #boxoffice #wideList .h120 {height:145px} #boxoffice #module {height:400px} #boxoffice .listbox {width:98.75%} #boxoffice #noPubBaner {margin:0 auto;margin-top:10px} #salles .col2-3 {width:414px;margin:10px 1.125%;} #salles .col1-3 {width:300px;margin:10px 1.125%;} #salles .square {margin-bottom:0} .Sfilms .descsalle li {font-size:1.1em;} .Sfilms .phtsalle {width:50%} #sallesMnu .col1-3 {width:47.75%;margin:10px 1.125%;} #sallesMnu .col1-3:last-child {width:97.75%;margin:10px 1.125%;} #listeSalles .col2-3 {width:414px;margin:10px 1.125%;} #listeSalles .col1-3 {width:300px;margin:10px 1.125%;} #listeSalles #Hslider .Sfilms li {width:197px} #listeSalles #Hslider .bx-wrapper .bx-pager,#listeSalles #Fslider .bx-wrapper .bx-pager {display:none} .reseaux ul li {width:19.5%;} #paris {margin-bottom:12px} #seances .col1-3 {width:47.75%;margin:10px 1.125%;} #seances .col2-3 {width:47.75%;margin:10px 1.125%;} #seances #Hslider .bx-wrapper .bx-pager {display:none} .dnmnu {height:80px} .dnmnu h2{cursor:pointer;font-size:1.2em} .dnmnu li small {margin:0.2em 10px;} #seance .col1-3 {width:42.75%;margin:10px 1.125%;} #seance .col2-3 {width:52.75%;margin:10px 1.125%;} .elthor .hor span {font-size:0.85em} #seancesSalle .col2-3 {width:414px;margin:10px 1.125%;} #seancesSalle .col1-3 {width:300px;margin:10px 1.125%;} #seancesSalle #Hslider .bx-wrapper .bx-pager{display:none} #seancesSalle #Fslider .Sfilms .bx-controls{display:none} #stars .col2-3,#stars .col1-3 {width:47.75%;margin:10px 1.125%;} #stars #Hslider .Sfilms li {width:169px} #stars #Fslider .Sfilms li {width:140px} #stars #Hslider .bx-wrapper .bx-pager {display:none} #stars #noPubBaner {float:none;margin:0 auto} #star .col2-3 {width:414px;margin:10px 1.125%;} #star .col1-3 {width:300px;margin:10px 1.125%;} #star .eltlist {font-size:1.2em;} #star .eltlist span {width:140px} #goodies .col2-3,#goodies .col1-3 {width:47.75%;margin:10px 1.125%;} #goodies #Hslider .bx-wrapper .bx-pager {display:none} #goodies #noPubBaner {margin:0 auto} #cgu .col1-3, #cgu .col2-3 {width:47.75%;margin:10px 1.125%;} #cgu .col1-3 .pub, #cgu #noPubBaner {float:right} #cgu .col1-3 .pub {margin:0} #cgu .share{width:292px;float:right} #services .col2-3 {width:414px;margin:10px 1.125%;} #services .col1-3 {width:300px;margin:10px 1.125%;} #services .col1-3 .pub, #services #noPubBaner {float:right} #services .col1-3 .pub {margin:0} #services .share{width:292px;float:right} #services input.small {width:30px;} #services label.small {width:90px;} #abo .col1-3,#abo .col2-3 {width:97.75%;margin:10px 1.125%;} #abo .paypal {float:left} #pay div {width:50%;float:right} #star #Gslider .Sfilms li,#star.membre #Fslider .Sfilms li {width:139px} #profaddr label{ text-align:left; width:100%; } #mblist .col1-3 {width:47.75%;margin:10px 1.125%;} #mblist .col2-3 {width:97.75%;margin:10px 1.125%;} } /* img carroussel */ .img-carroussel {height: 190px;}