@charset "utf-8"; /* CSS Document */ /* ---- font ---- */ @font-face { font-family: 'Titillium_Light'; src: url('../font/titilliumtext22l002-webfont.eot'); src: url('../font/titilliumtext22l002-webfont.eot?#iefix') format('embedded-opentype'), url('../font/titilliumtext22l002-webfont.woff') format('woff'), url('../font/titilliumtext22l002-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Titillium_Regular'; src: url('../font/titilliumtext22l003-webfont.eot'); src: url('../font/titilliumtext22l003-webfont.eot?#iefix') format('embedded-opentype'), url('../font/titilliumtext22l003-webfont.woff') format('woff'), url('../font/titilliumtext22l003-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Titillium_Medium'; src: url('../font/titilliumtext22l004-webfont.eot'); src: url('../font/titilliumtext22l004-webfont.eot?#iefix') format('embedded-opentype'), url('../font/titilliumtext22l004-webfont.woff') format('woff'), url('../font/titilliumtext22l004-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Titillium_Bold'; src: url('../font/titilliumtext22l005-webfont.eot'); src: url('../font/titilliumtext22l005-webfont.eot?#iefix') format('embedded-opentype'), url('../font/titilliumtext22l005-webfont.woff') format('woff'), url('../font/titilliumtext22l005-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Helvetica_bold'; src: url('../font/helveticaneueltstd-bd-webfont.eot'); src: url('../font/helveticaneueltstd-bd-webfont.eot?#iefix') format('embedded-opentype'), url('../font/helveticaneueltstd-bd-webfont.woff') format('woff'), url('../font/helveticaneueltstd-bd-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* ---- fin police ----*/ /* ---- commun ---- */ .Dnone { display:none; } .inline { display:inline !important; } .inlineB { display:inline-block !important; } .pRelative { position:relative; } .dBlock { display:block !important; } .floatL { float:left !important; } .floatR { float:right !important; } .Acenter { text-align:center; } .spacer { display:block; clear:both; margin:0; padding:0;} .spacer20 { display:block; clear:both; padding:20px 0 0 0; margin:0;} .spacer15 { display:block; clear:both; padding:15px 0 0 0; margin:0;} .spacer10 { display:block; clear:both; padding:10px 0 0 0; margin:0;} .spacer5 { display:block; clear:both; padding:5px 0 0 0; margin:0; } .block a.new, p.media, .autocompleteSuggestions li b, #date li a.selected, .listeInvite .blocCont.selected, .listeInvite .blocCont:hover, .sizeFly label.selected b, .calendarEventForm .open h2 a, .pagination a.selected, .Fblock.New a, .shareFormLogin .lostPswd a, .orange { color:#faa900 !important; } .gris { color:#aaa !important; } .rouge { color:#d73c3c !important; } .bleu { color:#2396aa !important; } .vert { color:#559900 !important; } .bgOk { background:#8EB82B !important; color:#FFF; text-shadow:none; } .bgKo { background:#d73c3c !important; color:#FFF; text-shadow:none; } .padd10P { padding:10px; } .padd10imp { padding:10px !important; } #contact_footer .Groupe.sup.dropHover, #contact_footer .Groupe.dropHover, #contact_footer .Groupe.contactInside, #contact_footer .Groupe.current, #date li a:hover, #date li a.selected, #mediacenter p.photoAlbum a:hover, #mediacenter p.photoAlbum a.selected, .selected a.cam .borderBox, #chatFilter p a:hover, #chatFilter p a.selected, .listeInvite .blocCont.selected, .sizeFly label.selected, #AgeFilter p a.selected, .pagination a.selected, .BordrOrange{ border-color:#faa900 !important; } .BorderRouge{ border-color:#b40000 !important; } .ONline:after, .ONline { border-color:#8EB82B !important; } .OFFline:after, .OFFline{ border-color:#D13333 !important;/* #DB4141*/ } .puce { background:transparent url(../images/accueil/puce.gif) no-repeat right center; padding-right:13px; } a { text-decoration:none; } .erre { display:block; background:#fff5f5; border:1px solid #f0a0a0; color:#d73c3c !important; font-size:12px; padding:8px 10px; line-height:10px; text-transform:uppercase; margin-bottom:10px;} /*a:hover { text-decoration:underline; }*/ em { font-style:normal; } img { border:0; } ul, ol { margin:0; padding:0; } ul li,ol li { list-style:none; } .status[data-entity-id*="admin"], .borderBox { border:1px solid #e6e6e6; background:#fafafa; } em.info, a.info { display:inline-block; padding-top:8px; font-size:12px; line-height:12px; height:12px; } a.info img { vertical-align:bottom; } .noBg { background:none; background-image:none !important; } a.help b.pict { display:inline-block; height:12px; width:13px; background-position:-96px -125px; } i.mob { display:inline-block; white-space:nowrap; font-size:10px; font-style:normal; color:#B4B4B4; } .noClassPhoto { padding:10px; margin-bottom:20px; font-size:18px; } .chexkBlist label { display:inline-block; padding:3px 5px 3px 3px; margin:1px 0 1px 0; border:1px solid #CCC; border-radius:3px; } body, html { text-align:center; padding:0; margin:0; color:#505050; } body.pierre { background:#f3f3f4 url(../images/home/bg.jpg) center top repeat-y; } body.pierreF{ background:#bbbbbb; } body.chrome { background:#a7abae url(../images/home/bg-chrome.jpg) center top repeat-y; } body.visuel1{ background:#292c31 url(../images/home/background_1.jpg) center top no-repeat fixed; background-size:cover; } body.visuel2{ background:#1b2d38 url(../images/home/background_2.jpg) center top no-repeat fixed; background-size:cover; } p.chiffre em, body, input, select { font-family: 'Titillium_Regular', Arial, Helvetica; } #Event .goTo, /*input[type="submit"],*/ strong, h3, div.Tab h4, .Mur div.Evenement ul li h4,.fiche .Mur h4,#mediacenter h1 { font-family: 'Titillium_Bold', Arial, Helvetica; } #party label, .Mur .detSoiree a { font-family: 'Titillium_Bold', Arial, Helvetica !important; } ul.miniFiche li i, .bouton.bgOrange, .bouton.bgRouge, .block, b, .Mur h3, .ibulle { font-family: 'Titillium_Medium', Arial, Helvetica; } #party h1, .Exhib h3 em, h2{ font-family: 'Titillium_Light', Arial, Helvetica; } .calendar li em, b.award.conc,.ongletBottom em b{ font-family: 'Helvetica_bold', Arial, Helvetica; } .Mur p.btMur .btlike { font-family:Verdana, Geneva, sans-serif !important; } h1, h2, h3, h4, p, b, strong { font-weight: normal; font-style: normal; margin:0; padding:0; } .container { margin:0 auto; padding:0; width:990px; text-align:left; } .NOcontainer{ width:auto; } .containerCont{ width:1007px; padding-left:17px; } .containerCont .container { margin:0;} #content.containerCont, #content.NOcontainer { padding-top:100px;} /*.container.home p, .container.home h2, .container.home h1, .container.home h4, .container.home a,*/ .container li, li a, #tchat a, .container a { text-shadow:#FFF 1px 1px 1px ; color:#505050; } .container.home a, .container.home p, .container.home h2, .container.home h1, .container.home h4 { text-shadow:#505050 1px 1px 1px ; color:#FFF; } .navigator p.BTnav a.keydown, /* christophe */ .navigator p.BTnav a:hover, .barrenoir { background: -moz-linear-gradient(top, #4f4f4f 0%, #323232 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#323232)); background: -o-linear-gradient(top, #4f4f4f 0%,#323232 100%); background: -ms-linear-gradient(top, #4f4f4f 0%,#323232 100%); background: linear-gradient(top, #4f4f4f 0%,#323232 100%); background-color:#4f4f4f; } .bouton.selected, /* christophe bouton selectionné formulaire publication photo */ #party label.ouiNon.selected, .ouiNon.selected, #party .bgOrange, .block a.new strong, .Mur li.menu a.orange strong, .Mur div.Evenement ul li.orange strong, .Window-response, ol#DiscChatList li .newMSG.orange, ul.ville li a.Loc, .bgOrange { background: -moz-linear-gradient(top, #ef8231 0%, #eb6400 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef8231), color-stop(100%,#eb6400)); background: -o-linear-gradient(top, #ef8231 0%,#eb6400 100%); background: -ms-linear-gradient(top, #ef8231 0%,#eb6400 100%); background: linear-gradient(top, #ef8231 0%,#eb6400 100%); background-color:#ef8231; color:#FFF !important; text-shadow:0px 1px 0px rgba(0,0,0,0.25) !important; font-family: 'Helvetica_bold'; } /* christophe bouton selectionné formulaire publication photo */ .bouton.selected { font-weight:normal; } #party label.non.selected, .non.selected, .calendar li.selected a, .bouton.hard:hover, .hard .bouton.hard, .bgRouge { background: -moz-linear-gradient(top, #d60000 0%, #bb0000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d60000), color-stop(100%,#bb0000)); background: -o-linear-gradient(top, #d60000 0%,#bb0000 100%); background: -ms-linear-gradient(top, #d60000 0%,#bb0000 100%); background: linear-gradient(top, #d60000 0%,#bb0000 100%); background-color:#bb0000; color:#FFF !important; text-shadow:0px 1px 0px rgba(0,0,0,0.25) !important; } .bgRouge2 { background: -moz-linear-gradient(top, #d8747b, #ca414c 55%, #bd1522 55%, #bd1522) !important; background: -webkit-gradient(linear, left top, left bottom, from(#d8747b), to(#bd1522), color-stop(0.55, #ca414c), color-stop(0.55, #bd1522)); background: -o-linear-gradient(top, #d8747b, #ca414c 55%, #bd1522 55%, #bd1522); background: -ms-linear-gradient(top, #d8747b, #ca414c 55%, #bd1522 55%, #bd1522); background: linear-gradient(top, #d8747b, #ca414c 55%, #bd1522 55%, #bd1522); background-color: #bd1522; } #party label.oui.selected, .oui.selected, .bgVert { background: -moz-linear-gradient(top, #9ec130 0%, #79a619 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ec130), color-stop(100%,#79a619)); background: -o-linear-gradient(top, #9ec130 0%,#79a619 100%); background: -ms-linear-gradient(top, #9ec130 0%,#79a619 100%); background: linear-gradient(top, #9ec130 0%,#79a619 100%); background-color:#9ec130; color:#FFF !important; text-shadow:0px 1px 0px rgba(0,0,0,0.25) !important; } .status[data-entity-id*="admin"],.navigator p.BTnav a, .bgGrisKlr { background: -moz-linear-gradient(top, #fafafa 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e6e6e6)); background: -o-linear-gradient(top, #fafafa 0%,#e6e6e6 100%); background: -ms-linear-gradient(top, #fafafa 0%,#e6e6e6 100%); background: linear-gradient(top, #fafafa 0%,#e6e6e6 100%); background-color:#ebebeb; color:#424242 !important; text-shadow:0px 1px 1px #FFF; font-size:12px !important;/* font-family: 'Helvetica_bold';*/ } .bgGrisKlr2 { background: -moz-linear-gradient(top, #e7e7e7 0%, #c7c7c7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#c7c7c7)); background: -o-linear-gradient(top, #e7e7e7 0%,#c7c7c7 100%); background: -ms-linear-gradient(top, #e7e7e7 0%,#c7c7c7 100%); background: linear-gradient(top, #e7e7e7 0%,#c7c7c7 100%); background-color:#d7d7d7; color:#424242 !important; text-shadow:0px 1px 1px #FFF; font-size:12px !important;/* font-family: 'Helvetica_bold';*/ } .bgGrisRad { background: #f6f6f6; background: -moz-radial-gradient(center, ellipse cover, #f6f6f6 50%, #d9d9d9 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%,#f6f6f6), color-stop(100%,#d9d9d9)); background: -webkit-radial-gradient(center, ellipse cover, #f6f6f6 50%,#d9d9d9 100%); background: -o-radial-gradient(center, ellipse cover, #f6f6f6 50%,#d9d9d9 100%); background: -ms-radial-gradient(center, ellipse cover, #f6f6f6 50%,#d9d9d9 100%); background: radial-gradient(ellipse at center, #f6f6f6 50%,#d9d9d9 100%); } .bgNoirTrans{ background: -moz-linear-gradient(right, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0))); background: -o-linear-gradient(right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); } li.menu a.bleu strong, /* christophe */ .bouton.soft:hover, .soft .bouton.soft, .bgBleu { background: -moz-linear-gradient(top, #53a9b9 0%, #2396aa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53a9b9), color-stop(100%,#2396aa)); background: -o-linear-gradient(top, #53a9b9 0%,#2396aa 100%); background: -ms-linear-gradient(top, #53a9b9 0%,#2396aa 100%); background: linear-gradient(top, #53a9b9 0%,#2396aa 100%); background-color:#2396aa; color:#FFF !important; text-shadow:0px 1px 0px rgba(0,0,0,0.25) !important; } li.menu a.vert strong { background-color:#559900; color:#FFF !important; text-shadow:0px 1px 0px rgba(0,0,0,0.25) !important;} .block.listCont label:hover, .block.listCont a:hover, a:hover span.ibulle, .fiche #cover p.msg, .search ul li.selected, #chatWindow .chatInfo span:hover, .showIbulle:hover span.ibulle, .ApplaGrisF { background-color:#5a5a5a; color:#FFF !important; text-shadow: none; } .ApplaGrisF2{ background-color:#2d2d2d; color:#FFF; } .chatRechS ul li:hover, .Settings li:nth-child(2n-1), .ApplaGris { background-color:#F0F0F0; } .navigator a:hover, a.ApplaBlanc:hover, .ApplaGris2 { background-color:#E6E6E6; } .ApplaBlanc { background-color:#FFF; } .block.sizeFly label.selected, .ApplaOrangeP { background-color:#fff5eb !important; } /* #Stats .Fblock.New .info, #Stats .Fblock.New .Pinfo,*/ #header .menu .miscs-card a.new, .ApplaOrange50{ background-color:#fcc084 !important; } .ApplaVert { background-color:#96bd2e; color:#FFF; } .publishNotReady .ApplaVert { background-color:red; color:#FFF; } .publishLocked .ApplaVert { background-color:#FFB700; color:#FFF; } /* .navigator a { font-size:10px; } .navigator a.selected { font-size:20px; } */ .navigator a.selected, .shareFormLogin .btn, .helpWND .Tuto.step1 a.stepN1, .helpWND .Tuto.step2 a.stepN2, .helpWND .Tuto.step3 a.stepN3, .helpWND .Tuto.step4 a.stepN4, .helpWND .Tuto.step5 a.stepN5, .helpWND .Tuto.step6 a.stepN6, .autocompleteSuggestions li.selected, .block.menuFiche li.onglS a,.block.menuFiche li a:hover, p.media a b.prive.edit, p.pratique, #mediacenter .status .New, .selected a.cam .borderBox, .C2C.Recut.Envoye, p.miniprofil, .ApplaOrange{ background-color:#fa820a; color:#FFF; }/*fb8a1a*/ .Window-response, .Window-destroy, .bouton { border-radius:3px; display:inline-block; border:1px solid #cdcdcd; box-shadow:inset 0px -1px 1px #FFF, 0px 1px 0px rgba(0,0,0,0.1); height:24px; line-height:24px; text-align:center; text-transform:uppercase; } .bouton em { font-size:13px; color:rgba(255,255,255,0.5); text-shadow:none; } .Window-response, .bouton.bgRouge, .bouton.bgBleu, .bouton.bgOrange { text-transform:none; border:none; } .bouton.supp { text-transform:none; border-color:#f0a0a0; background:#fff5f5; color:#d73c3c; padding:0 15px; } .bouton .pict.plus { width:14px; height:15px; background-position:-157px -192px; color:transparent; vertical-align:middle; text-shadow:none; margin-right:3px; } .Window-response, .Window-destroy, input.bouton { height:26px; font-family:'Titillium_Medium'; } .barrenoir.disabled, .bouton.disabled { visibility:hidden; } form .counter .current { color:green; } form .counter .current.min { color:orange; } form .counter .current.max { color:red; } /*.FakeInpt input { display:none; }*/ .FakeInpt { overflow:hidden; width:56px; display:inline-block; position:relative; } .FakeInpt input { top:-20px; position:absolute;} .checkBox { display:inline-block; border-radius:3px; background:#e1e1e1; width:54px; height:16px; overflow:hidden; padding:1px; text-transform:uppercase; font-size:10px; box-shadow:inset 0px 1px 2px #AAA;} .checkBox:before,.checkBox:after { display:inline-block; width:27px; height:16px; line-height:16px; text-align:center; font-family:"Titillium_Bold"; color:#bbb; border-radius:2px; cursor:pointer; } .checkBox:before{ content:"oui"; } .checkBox:after { content:"non"; background-color:#d63b3b; color:#FFF;} .FakeInpt input:checked + .checkBox:after { background-color:transparent; color:#bbb; } .FakeInpt input:checked + .checkBox:before{ background-color:#8EB82B; color:#FFF; } .FakeInpt.big { width:100px; } .FakeInpt.big .checkBox { vertical-align:middle; border-radius:5px; width:98px; height:23px; line-height:23px; font-size:15px; } .FakeInpt.big .checkBox:before, .FakeInpt.big .checkBox:after { border-radius:4px; width:49px; height:21px; line-height:21px; } .FakeInpTxt { border:1px solid #CCC; min-height:30px; line-height:30px; background:#FFF; position:relative; } .FakeInpTxt input { border:none; text-indent:5px; width:100%; background:transparent; padding:0; margin:0; height:28px; } .FakeInpTxt label { display:block; padding-left:7px; text-align:right; } .FakeInpTxt label input { width:70% } .FakeInpTxt label b { display:inline-block; float:left; } .FakeInpTxt .supM{ position:absolute; top:10px; right: 10px; } .FakeInpTxt .showIbulle{ position: absolute; top: 0;right: 10px; } .FakeSelect { position:relative; display:inline-block; height:30px; line-height:30px; top:-1px; margin-bottom:-2px; padding:0 5px 0 9px; border-right:1px solid #CCC; } .selectInpt,.selectInpt p, .selectInpt.open, .selectInpt.open ul, .selectInpt a/*, .selectInpt:hover ul*/ { display:inline-block;} .selectInpt { height:26px; vertical-align:top; line-height:26px; border-color:#CDCDCD !important; cursor: default; position:relative; z-index:9; } .selectInpt.open li, .EventInfo .selectInpt li { padding: 0;} .selectInpt ul li p, #formEvent .selectInpt ul li p { font-size: 14px; padding: 0 10px; } .selectInpt span.title { padding:0 10px; text-transform:uppercase; font-size: 16px; line-height: 26px;} .selectInpt ul { position:absolute; top:27px; left:0; background-color:#FFF;box-shadow: 0 2px 3px rgba(0,0,0,.4); width: auto; min-width:240px; overflow: auto; max-height: 300px;} .FakeInpTxt.disabled, .FakeInpTxt.disabled * {opacity: .4;} .FakeInpTxt.required, .FakeInpTxt.error, .selectInpt.required, .sceditor-container.required { border:1px solid #FFAEAE !important;} .FakeInpTxt.error input[type="text"], .messageBox p { color: #FF3333; } /*.selectInpt:hover ul { width:200px;}*/ .FakeSlct { display:inline-block; width:14px; border-left:1px solid #cdcdcd; float:right; text-align:center; box-shadow:inset 0 0 1px #FFF; } .FakeSlct b.pict{ display:inline-block; height:6px; width:7px; background-position:-140px -53px; line-height:7px; /* ie fix */color:transparent; text-shadow:none; } span.upD { margin-top:5px; display:inline-block; font-size:16px; height:16px; line-height:16px; padding-right:20px; background:transparent url(../images/commun/updown.png) no-repeat right -32px;} span.upD.plus { color:#6b990d; background-position:right 0; } span.upD.moin { color:#d73c3c; background-position:right -16px; } a.back { display:block; height:32px; line-height:32px; text-shadow:none; color:#FFF; margin-top:-10px; background:#7f7f7f; background:transparent; background:rgba(0,0,0,0.5); } a.back b{ display:inline-block; height:26px; width:26px; color:transparent; margin:3px; vertical-align:top; background-position:-96px -137px; } ul.onglet { border-left:1px solid #CCC; border-bottom:1px solid #CCC; height:31px;} ul.onglet li { display:block; float:left; border-top:1px solid #CCC; position:relative; } ul.onglet li a { display:block; height:30px; line-height:30px; border-right:1px solid #CCC; background-color:#f4f4f4; padding:0 8px; color:#a1a1a1; } ul.onglet li a b{ line-height:22px; display:inline-block; height:22px; margin-top:4px; } ul.onglet li a.supM { position:absolute; top:-9px; right:-9px; background-color:#FFF; height:10px; width:10px; border-radius:20px; border:3px solid #FFF; box-shadow:0 0 6px #555; } ul.onglet li a:hover, ul.onglet li a.onglS{ color:#5a5a5a; } ul.onglet li a.onglS{ background-color:#FFF; border-bottom:1px solid #FFF; } .onglet a strong { border-radius:3px; padding:0 5px; font-size:14px; } ul.onglet li.param { background:none; border:none; float:right; } ul.onglet li.param a{ background:none; border:none; display:inline-block; height:auto; vertical-align:middle; width:auto; padding-right:0; font-size:11px;} .Mur .party .ongletBottom, .ongletBottom { padding:9px 15px; text-align:left; line-height:30px; height:30px; } .ongletBottom em { text-transform:uppercase; font-size:14px; display:block; height:30px; color:#646464; padding-right:15px; line-height:15px; } .ongletBottom em b { font-size:36px; display:block; float:left; line-height:28px; padding-right:5px;} .ongletBottom span.floatR { font-size:13px; } .ongletBottom a.btN { text-transform:uppercase; font-size:11px; } .ongletBottom a.unselected { color:#a7a7a7; } .ongletBottom a.bouton { width:194px; text-align:center; text-transform:uppercase; font-size:15px; height:30px; line-height:30px; } .ongletBottom select { vertical-align:middle; } .VideoScop h3 a, .Exhib h3 a, strong.Fav, b.Cold, b.Hot, b.Expl, b.New, b.Cert, b.Pop, li.pict a, p.nav a.pict, span.mod a, .bulle, b.discus, .bareEdit a, .fiche #cover p.photo .bareEdit a, .pratique b, a.pict, label.pict, strong.pict, #mediacenter a.pict.supM, #header .menu ul li a, .fiche a.pict.supM, #LV_CAM .bareEdit a, .fiche p.msg em, a.close, a.prive, a.cover, .plan p a span.plus, b.time, b.pict, .showPlan p.bottomPlan b, ul.miniFiche .btn strong, .chatCam b.prive, .smileyBox, .login.fav, a.Loc:before, .uploadWidget .flyer a.removeButton { background-image:url("../images/commun/sprite_picto.png?v=2"); background-repeat:no-repeat; position:relative; } .pict { position:relative; display:inline-block; } a.pict{ height:20px; width:23px; } p.media a b, p.media, .compteur, .award, .vignetteC span.first, #medaille, p.Check, #receivers p.minFiche em, ul.Fblock.video b.play, .STcam b.play, .vignV b.play { background-image:url("../images/commun/sprite_media.png"); background-repeat:no-repeat; position:relative; } #mediacenter a.add strong { background-image:url("../images/fiche/sprite_media_edition.jpg"); background-repeat:no-repeat; position:relative; } .social { display:inline-block; vertical-align:middle; position:relative; background-image:url("../images/commun/sprite_mail.png"); background-repeat:no-repeat; position:relative; width:58px; height:58px; } .social--small { width:16px; height:16px; } .social.google { background-position:0 0; } .social.yahoo { background-position:-58px 0; } .social.live { background-position:-116px 0; } .social.fb { background-position:0 -58px; } .social.tweet { background-position:-16px -58px; } .social.gplus { background-position:-32px -58px; } .btSocial { display: inline-block; height: 32px; width: 32px; border-radius: 100%; background-color: #b4b4b4; background-size: cover; background-position: center center; position: relative; } .btSocial.gplus { background-image: url('../images/commun/social-g.png'); } .btSocial.fb { background-image: url('../images/commun/social-facebook.png'); } .btSocial.tweet { background-image: url('../images/commun/social-twitter.png'); } .btSocial.snap { background-image: url('../images/commun/social-snap.png'); } .btSocial.blog { background-image: url('../images/commun/social-blog.png'); } .btSocial.snap .viewST { position: absolute; top: 100%; left: -100px; margin-top: 7px; display: none; } .btSocial.snap:hover .viewST { display: block; } .btSocial.snap .viewST:before { position: absolute; content: ""; border: 6px solid transparent; border-bottom-color: #000; top: -12px; left: 110px } h2.onglet a b, ul.onglet li a b { background-image:url("../images/commun/sprite_onglet.png"); background-repeat:no-repeat; position:relative; } ul.onglet li a.photo b { background-position:0 -110px; padding-left:18px; } ul.onglet li a.photo:hover b, ul.onglet li a.photo.onglS b { background-position:0 0; } ul.onglet li a.album b { background-position:0 -132px; padding-left:26px; } ul.onglet li a.album:hover b, ul.onglet li a.album.onglS b { background-position:0 -22px; } ul.onglet li a.video b { background-position:0 -154px; padding-left:25px; } ul.onglet li a.video:hover b, ul.onglet li a.video.onglS b { background-position:0 -44px; } ul.onglet li a.show b { background-position:0 -176px; padding-left:22px; } ul.onglet li a.show:hover b, ul.onglet li a.show.onglS b { background-position:0 -66px; } ul.onglet li a.plan b { background-position:0 -198px; padding-left:22px; } ul.onglet li a.plan:hover b, ul.onglet li a.plan.onglS b { background-position:0 -88px; } ul.onglet li a.messR b { background-position:0 -352px; padding-left:30px; } ul.onglet li a.messR:hover b, ul.onglet li a.messR.onglS b { background-position:0 -308px; } ul.onglet li a.messE b { background-position:0 -374px; padding-left:30px; } ul.onglet li a.messE:hover b, ul.onglet li a.messE.onglS b { background-position:0 -330px; } ul.onglet li a.mes b { background-position:0 -264px; padding-left:30px; } ul.onglet li a.mes:hover b, ul.onglet li a.mes.onglS b { background-position:0 -220px; } ul.onglet li a.vous b { background-position:0 -286px; padding-left:25px; } ul.onglet li a.vous:hover b, ul.onglet li a.vous.onglS b { background-position:0 -242px; } ul.onglet li a.stats b { background-position:0 -462px; padding-left:25px; } ul.onglet li a.stats:hover b, ul.onglet li a.stats.onglS b { background-position:0 -396px; } ul.onglet li a.Smedia b { background-position:0 -484px; padding-left:25px; } ul.onglet li a.Smedia:hover b, ul.onglet li a.Smedia.onglS b { background-position:0 -418px; } ul.onglet li a.Sage b { background-position:0 -506px; padding-left:25px; } ul.onglet li a.Sage:hover b, ul.onglet li a.Sage.onglS b { background-position:0 -440px; } ul.onglet li a.c2cE b { background-position:0 -594px; padding-left:30px; } ul.onglet li a.c2cE:hover b, ul.onglet li a.c2cE.onglS b { background-position:0 -550px; } ul.onglet li a.c2cR b { background-position:0 -572px; padding-left:30px; } ul.onglet li a.c2cR:hover b, ul.onglet li a.c2cR.onglS b { background-position:0 -528px; } h2.onglet a b { display:inline-block; height:28px; padding-left:35px; line-height:28px; } h2.onglet a.EVEinfo b { background-position:0 -732px; padding-left:35px;} .open h2.onglet .EVEinfo b { background-position:0 -760px; padding-left:35px;} h2.onglet a.EVEinvit b { background-position:0 -788px; padding-left:35px;} .open h2.onglet .EVEinvit b { background-position:0 -816px; padding-left:35px;} h2.onglet a.EVEavant b { background-position:0 -844px; padding-left:35px;} .open h2.onglet .EVEavant b { background-position:0 -872px; padding-left:35px;} h2.onglet a.EVEtheme b { background-position:0 -900px; padding-left:35px;} .open h2.onglet .EVEtheme b { background-position:0 -928px; padding-left:35px;} p.vignFiche b, p.minFiche b, .vign28, .vign62, .vign32, .vign43, .vign110, .fiche #cover p.photo b, #LV_CAM a, li.photo, .vign160, .fiche #cover p.photo a { background-image:url("../images/fiche/prive-nophoto.jpg"); background-repeat:no-repeat; position:relative; } .pictHard { background-color:#000; background-image:url("../images/commun/img_hot.svg")!important; background-repeat:no-repeat; background-position:center center !important; background-size:contain; -moz-background-size:contain; -o-background-size:contain; -webkit-background-size:contain; -ms-background-size:contain; } .pictHard { background-color:#FA820A /*#D13333*/ !important; background-image:url("../images/commun/img_hot2.svg")!important; } .pictHard img { visibility:hidden; } /* p.photo .pictHard { background-color:transparent!important; } p.photo .pictHard img { visibility:visible; } */ .vign62 { display:inline-block; background-color:#000; background-position:0px -270px; /*border-right:6px solid;*/ } .vign28 { display:inline-block; background-color:#000; background-position:-43px -331px; /*border-right:6px solid;*/ } .vign32 { display:inline-block; background-color:#000; background-position:-5px -338px; /*border-right:6px solid;*/ } .vign43 { display:inline-block; background-color:#000; background-position:0 -332px; /*border-right:6px solid;*/ } .vign140{ background-color:#000; background-position:-200px -321px; } .vign160{ background-color:#000; background-position:-190px -311px; } .vign170{ background-color:#000; background-position:-185px -306px; } .vign180{ background-color:#000; background-position:-180px -301px; } .vign62, .vign62 img { height:62px; width:62px; } .vign28, .vign28 img { height:28px; width:28px; } .vign32, .vign32 img { height:32px; width:32px; vertical-align:middle; } .vign43, .vign43 img { height:43px; width:43px; } ul.Fblock li.photo.vign140, .vign140, .vign140 img, .vign140 a { height:140px; width:140px; display:inline-block; } .vign180, .vign180 img, .vign180 a { height:180px; width:180px; display:inline-block; } .vign160, .vign160 img, .vign160 a { height:160px; width:160px; display:inline-block; } .vign170, .vign170 img, .vign170 a { height:170px; width:170px; display:inline-block; } .Mphoto .vign62{ border-right:6px solid; } .vign110{ display:inline-block; height:110px; width:110px; background-color:#000; background-position:-70px -270px; } .img62 { width:62px; height:62px; } .img30 { width:30px; height:30px; } strong.Fav, b.Cold, b.Hot, b.Expl, b.New, b.Cert, b.Pop { display:inline-block; height:17px; width:17px; vertical-align:middle; } b.Expl { background-position:-136px 0; } b.Hot{ background-position:-153px 0; } b.Cold { background-position:-170px 0; } b.Cert { background-position:-136px -17px; } b.New{ background-position:-153px -17px; } b.Pop { background-position:-170px -17px; } .fiche b.Expl{ background-position:-92px -367px; } .fiche b.Hot{ background-position:-109px -367px; } .fiche b.Cold { background-position:-126px -367px; } .fiche b.Cert{ background-position:-92px -384px; } .fiche b.New{ background-position:-109px -384px; } .fiche b.Pop { background-position:-126px -384px; } strong.Fav { height:37px; width:37px; background-position:-150px -280px; position:absolute; left:-1px; top:-1px; } .showIbulle { display:inline-block; position:relative; } span.ibulle { display:none !important; position:absolute; top:-25px; white-space:nowrap; padding:0 8px; text-shadow:none; font-size:12px; text-transform:none !important; } span.ibulle.bulleBr { top:-40px; } span.ibulle.bulleB { top:auto; bottom:-25px; } .showIbulle:hover span.ibulle, a:hover span.ibulle { display:block !important; color:#FFF; z-index:1001; line-height:normal; height:auto; } .inputErrorValidation:after, span.ibulle:after { content:""; position:absolute; left:10px; bottom:-5px; height:0; width:0; border-right:5px solid transparent; border-left:5px solid transparent; border-top:5px solid #505050; } span.ibulle.bulleB:after { border-top:none; border-bottom:5px solid #505050; bottom:0; top:-5px; } a.supM .ibulle { left:-10px; } a.supM .ibulle.bulleR { right:-10px; } .social .ibulle { left:-7px; } a.close .ibulle { left:-9px; } .btlike .ibulle,.pictEdit .ibulle { left:-5px; } ul.info .ibulle { left:4px; } .HeadDiscus span.ibulle.bulleR, #HeadChat span.ibulle.bulleB{ left:auto; right:-7px; } ul.info .ibulle.bulleR { left:auto; right:-5px; } a.cover span.ibulle, span.ibulle.bulleR { left:auto; right:3px; } a.cover span.ibulle:after, span.ibulle.bulleR:after { left:auto; right:10px; bottom:-5px;} span.NewS { position:relative; vertical-align:top; } span.NewS span { display:block; position:absolute; bottom:25px; right:-5px; padding: 17px 20px 17px 60px; border:1px solid #7f7f7f; max-width:300px; min-width:250px; color:#505050; line-height:normal; box-shadow:0 0 6px #505050; background:#fafafa; } span.NewS strong { font-size:16px; display:block; } span.NewS .picto { position:absolute; left:15px; top:18px;} span.NewS .pointer { position:absolute; right:6px; bottom:-7px;} span.NewS .supM { position:absolute; right:12px; top:12px; background-position:-101px -221px !important; margin:0 !important; } .inputErrorValidation:after { border-top-color:red; } p.page a { display:inline-block; font-size:12px; line-height:8px; padding:4px 5px; border:1px solid #dcdcdc; color:#C8C8C8; } p.page a:hover, p.page a.selected { border-color:#f07800; color:#f08200; } #MinFicheCont { } p.minFiche { display:block; float:left; width:190px; height:80px; background-color:#fafafa; vertical-align:top; margin-right:10px; margin-bottom:10px; font-size:13px; padding:0 !important;} .Mur p.minFiche { overflow:hidden; } .Mur p.minFiche:nth-child(3n){ margin-right:0px; } /* christophe */ .Mur .deleted { text-decoration:line-through; } /* christophe */ .Mur .deleted .noStrike { text-decoration:none; } .blacklist p.minFiche:nth-child(4n){ margin-right:0px; } p.minFiche span { display:inline-block; height:58px; width:83px; padding:10px; border:1px solid #e6e6e6; border-left:none; } p.minFiche b { display:inline-block; height:80px; width:80px; background-color:#000; background-position:-0px -380px; border-right:6px solid; } p.minFiche img { height:100%; width:100%; } #Contact #MinFicheCont p.minFiche:nth-child(5n) { margin-right:0; } .droiteBig #MinFicheCont p.minFiche:nth-child(4n){ margin-right:0; } #smilies, #smilies b { display:inline-block; font-size:0; } #smilies b { height:25px; width:25px; line-height:25px; } .mouseSelector { border:1px dashed blue; background-color:rgba(220,220,220,0.5); } .inputErrorValidationAnchor { position:relative; color:white; font-size: 12px; } .inputErrorValidation { display:block; background-color:red; position:absolute; top:-24px; left:-24px; white-space: nowrap; padding: 0 8px; line-height:normal !important; text-shadow:none !important; } li.error { background-color:#fadcdc !important; color:#c80000; } .autocompleteSuggestions { position:absolute; background-color:#FFF; width:250px; border:1px solid #505050; z-index:10; } .autocompleteSuggestions li { cursor:pointer; padding:0 5px; text-shadow:none; } .autocompleteSuggestions li.selected b { color:#FFF !important; font-weight:normal; } .EventContacts .autocompleteSuggestions { width:350px; left: 50px;} .bottomFixed { position:fixed; bottom:0px; } .topFixed { position:fixed; top:0px; } .Gfixed { position:fixed; top:101px; padding-top:29px; background:#FFF; z-index:800; } .messagesMainTop.topFixed, #scrollFixTop, .messagesMainBottom.bottomFixed { width:990px; background-color:white; } #scrollFixTop { background:#FFF; width:990px; z-index:90; } #scrollFixTop.topFixed { padding-bottom:10px; } .millieux #scrollFixTop { width:590px; } .topFixed { box-shadow: 0px 10px 15px -8px rgba(0,0,0,0.2); /*border-bottom: 1px solid #aaa;*/ } .bottomFixed { box-shadow: 0px -10px 15px -8px rgba(0,0,0,0.2); /*border-top: 1px solid #aaa;*/ } /* ---- fin commun ---- */ #wndBrowser { font-size:16px; } #wndBrowser a { padding:10px; } #wndBrowser a:hover { background-color:#D2D2D2; } #tchat { display:none; } /* fin tchat */ b.pict.true,b.pict.false { height:15px; margin-right:10px; } b.pict.true { background-position:-79px -133px; width:17px; } .selected b.pict.true { background-position:-79px -148px; } b.pict.false{ background-position:-64px -133px; width:14px; } .selected b.pict.false { background-position:-64px -148px; } ul li.pict.homme a { background-position:-120px -146px;} ul li.pict.homme a:hover { background-position:-120px -114px;} ul li.pict.trans a { background-position:-150px -146px;} ul li.pict.trans a:hover { background-position:-150px -114px;} ul li.pict.couple a { background-position:-82px -161px;} ul li.pict.couple a:hover { background-position:-45px -161px;} ul li.pict.hot a { background-position:0 -131px;} ul li.pict.hot a:hover { background-position:0 -101px;} ul li.pict.expl a { background-position:-30px -131px;} ul li.pict.expl a:hover { background-position:-30px -101px;} ul li.pict.cert a { background-position:-60px -131px;} ul li.pict.cert a:hover { background-position:-60px -101px;} ul li.pict.cont a { background-position:-90px -131px;} ul li.pict.cont a:hover { background-position:-90px -101px;} #tchat #bottomTchat { height:56px; background:#474747; text-align:center; } /* fin */ .container.home { padding:0 20px; min-height:410px; width:auto; height:100%; position:relative;} /*.container.home .headerH { height:201px; }*/ /*.container.home .headerH { padding-bottom:20px; }*/ .container.home form { position:relative; text-align:right;} .container.home form.login { padding:0 0 10px 0; } /*.container.home form.login { padding:20px 0 0 0; height:110px; }*/ .container.home form.login p{ line-height:34px; font-size:22px; padding:0; margin:0; } .container.home form p label{ display:inline-block; height:34px; padding:0; margin:0; vertical-align:middle; } .container.home form select, .container.home a.btn.subscribe, .container.home form input { font-size:17px; border-radius:6px; border:1px solid #b4b4b4; vertical-align:middle; height:32px; padding:0 10px; } .container.home form select { display:inline-block; padding-right:0px; height:34px; box-sizing:border-box; } .container.home form input[type="text"],.container.home form input[type="password"] { width:204px; } .container.home a.btn, .container.home form input.btn { height:34px; background:#525252; border-color:#313131; color:#FFF; font-size:18px; box-shadow:inset rgba(255,255,255,0.6) 0px 1px 1px; text-shadow:rgba(0,0,0,0.5) -1px -1px 1px; background: -moz-linear-gradient(top, #525252 0%, #313131 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#313131)); background: -o-linear-gradient(top, #525252 0%,#313131 100%); background: -ms-linear-gradient(top, #525252 0%,#313131 100%); background: linear-gradient(top, #525252 0%,#313131 100%); } .container.home form .lostPswd { font-size:12px; display:inline-block; width:270px; text-align:left;} .container.home .logo { position:absolute; top:0; left:20px;} .container.home h2 { font-size:28px; } /*.container.home h1 { display:inline-block; font-size:20px; height:21px; vertical-align:bottom; width:717px; } .container.home h4 { vertical-align:top; font-size:16px; font-style:normal; display:inline-block; height:46px; text-align:right; }*/ .container.home h4 { font-size:16px; font-style:normal; width:270px; margin:0 0 0 auto; } h1.home { font-size:10px; color:#FFF; text-align:right; padding:0 20px; line-height:30px; height:30px;} .container.home h4 span { display:inline-block; width:110px; text-align:left;} .NBc { font-size:46px; padding-right:5px; font-family: 'Helvetica_bold'; } .container.home form.sub input, .container.home form.sub select { margin-right:6px; } /*.container.home form.sub { font-size:18px; padding-top:60px; }*/ .container.home form.sub { font-size:18px; width:250px; padding:20px; border:1px solid #FFF; background:#a0a1a6; background:rgba(255,255,255,0.5); border-radius:5px; -moz-box-shadow:0 0 20px #505050; -webkit-box-shadow:0 0 20px #505050; -ms-box-shadow:0 0 20px #505050; box-shadow:0 0 20px #505050; margin:0 0 0 auto;} .container.home form.sub strong.sub { font-size:19px; } /*.container.home form.sub strong.sub { font-size:22px; } .container.home form input.pseudo { width:117px; } .container.home form input.email { width:147px; } .container.home form input.Mp { width:127px; } .container.home form input.cMp { width:187px; } .container.home form select.sexe { width:87px; padding:5px 5px 5px 10px; vertical-align:middle; line-height:28px !important; }*/ .container.home form.sub input { width:230px; margin:0 0 10px 0; } .container.home form select.sexe { width:250px; padding:5px 5px 5px 10px; vertical-align:middle; line-height:28px !important; margin-right:0; } .container.home a.btn.subscribe, .container.home form input.btn.subscribe { background-color:#faa900; border-color:#fa7d00; text-shadow:rgba(0,0,0,0.5) 0px 1px 1px ; margin-right:0px; width:250px;} .container.home form input.btn,.container.home a.btn.subscribe, .container.home form input.btn.subscribe { background: -moz-linear-gradient(top, #faa900 0%, #fa7d00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa900), color-stop(100%,#fa7d00)); background: -o-linear-gradient(top, #faa900 0%,#fa7d00 100%); background: -ms-linear-gradient(top, #faa900 0%,#fa7d00 100%); background: linear-gradient(top, #faa900 0%,#fa7d00 100%);} .container.home form input#cgv { width:auto; height:auto; margin:0; padding:0; } .container.home form.sub p label{ height:auto; padding:10px 5px; font-size:13px; } .container.home form .ApplaOrange, .container.home .error p { font-size:14px; padding:20px; margin:0 -20px -20px -20px; border-radius:0 0 5px 5px; } .container.home form .ApplaOrange { font-size:19px; } .container.home .error p { background:#F00; } .container.home form input.error, .container.home form select.error { border-color:#F00; } .container.home .join { position:absolute; right:0; top:30%; padding:40px 20px 40px 100px; text-align:right; } .container.home .join h4 { width:auto; } .container.home .join h4 .NBc { font-size:94px; line-height:65px; height:65px; } .container.home a.btn.subscribe { text-align:center; line-height:48px; height:48px; font-size:24px; padding:0; width:100%; } .home .recaptcha { text-align:right; } #recaptcha { text-align:left; width:511px; background:#000; background:rgba(0,0,0,0.5); border:2px dashed #F00; padding:10px 10px 45px 10px; } #recaptcha p { font-size:14px; line-height:normal; } #recaptcha strong { font-size:18px; } #recaptcha .code { font-size:12px; padding-left:10px } #recaptcha_response_field { width:280px; } p.recaptcha { margin-top:-58px !important; padding:10px !important; } p.recaptcha label { margin-right:15px !important; } /*.footer { margin:90px 0 0 0; border-top:1px solid #d2d2d2; background-color:#F0F0F0; }*/ .footer { position:absolute; left:0px; bottom:0; right:0px; border-top:1px solid #d2d2d2; background-color:#F0F0F0; } .footer ul { text-align:left; padding:0 20px; } .footer ul li { display:inline-block; padding:23px 50px; text-transform:uppercase; } .footer ul li.tchat { background:transparent url(../images/home/icon-tchat.gif) no-repeat left center; } .footer ul li.cam { padding-left:40px; background:transparent url(../images/home/icon-cam.gif) no-repeat left center; } .footer ul li.video { background:transparent url(../images/home/icon-video.gif) no-repeat left center; } .footer ul li.cible { padding-left:40px; background:transparent url(../images/home/icon-cible.gif) no-repeat left center; } .footer .menu { background-color:#232323; line-height:11px; vertical-align:middle; padding:8px 0; } .footer .menu ul li { padding:0px 3px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:11px; line-height:11px; border-right:2px outset #8c8c8c; } .footer .menu ul li.noB { border:0; text-align:right; } .footer .menu ul li,.footer .menu ul li a { color:#8c8c8c; text-shadow:none; } /* --- header -- */ #header { height:100px; margin:0; border-bottom:1px solid #d2d2d2; background-color:#F0F0F0; font-size:14px; position:fixed; width:100%; z-index:100; box-shadow:0 0 10px rgba(50,50,50,0.5); } #header .logoV2 { position: absolute; margin-top: -5px; } #header img { vertical-align:middle; } #header .menuTop { background-color:#232323; } #header .menuTop ul { height:28px; display:table; } #header .menuTop ul li { display:table-cell; padding:0; vertical-align:middle; } #header .menuTop a { color:#FFF; text-shadow:0px -1px 1px rgba(0,0,0,0.5); } #header .menuTop .pseudo{ width:200px; } #header .menuTop .pseudo img { width:32px; } #header .menuTop .amb { /*padding-top:3px;*/ } #header .menuTop .amb b { display:none;} #header .menuTop .amb div { display:inline-block; vertical-align:middle; box-shadow:inset 2px 2px 2px #232323, 1px 1px 0px #414141; padding:2px; border-radius:5px; height:17px; text-transform:uppercase; } #header .menuTop .amb div a { display:block; float:left; padding: 4px 9px; height:9px; line-height:12px; font-size:12px; vertical-align:middle; box-shadow:inset 1px 1px 1px rgba(255,255,255,0.3), 1px 1px 1px #232323 ; color:#828282; } #header .menuTop .amb div a.cold{ border-radius:3px 0 0 3px; border-right:1px solid #232323; background: transparent url(../images/Header/cold-off.png) no-repeat 10px center; padding-left:27px; } #header .menuTop .amb div a.hot { border-right:1px solid #232323; background: transparent url(../images/Header/hot-off.png) no-repeat 10px center; padding-left:25px; } #header .menuTop .amb div a.expl{ border-radius:0 3px 3px 0; background: transparent url(../images/Header/expl-off.png) no-repeat 10px center; padding-left:27px; } #header .menuTop .amb div a:hover, #header .menuTop .amb div a.selected { text-decoration:none; color:#FFF; } #header .menuTop .amb div a.cold:hover, #header .menuTop .amb div a.cold.selected { background: #2090a4 url(../images/Header/cold-on.png) no-repeat 10px center; } #header .menuTop .amb div a.hot:hover, #header .menuTop .amb div a.hot.selected { background: #ef7200 url(../images/Header/hot-on.png) no-repeat 10px center;} #header .menuTop .amb div a.expl:hover, #header .menuTop .amb div a.expl.selected { background: #cd2e2e url(../images/Header/expl-on.png) no-repeat 10px center;} #header .menuTop li.Param { text-align:right; } #header .menuTop li.Param b { padding:0 12px 0 17px; background:transparent url(../images/Header/fleche-bas.png) no-repeat left center; } #header .menuTop li.deco { border-left:2px groove #666; text-align:right; width:27px; } #header .logo, #header .menu ul, /*#header .menu ul li, */ #header .menu ul li a { display:table-cell; } #header .menu { padding:15px 0 0 0; display:table; } #header .logo { width:200px; } #header .menu div { } #header .menu ul { vertical-align:top; border:1px solid #CCC; border-right:none; height:44px; } #header .menu ul li { display:block; float:left; border-right:1px solid #CCC; position:relative; } #header .menu ul li a { width:44px; height:44px; text-align:center; vertical-align:middle; } #header .menu ul li a.home { background-position:0 -235px; } #header .menu ul li a.home.selected, #header .menu ul li a.home:hover { background-position:0 -191px; } #header .menu ul li a.search{ background-position:-44px -279px; }#header .menu ul li a.search.selected, #header .menu ul li a.search:hover { background-position:-44px -235px; } #header .menu ul li a.fav { background-position:-88px -279px; }#header .menu ul li a.fav.selected, #header .menu ul li a.fav:hover { background-position:-88px -235px; } #header .menu ul li a.me { background-position:0 -323px; } #header .menu ul li a.me.selected, #header .menu ul li a.me:hover { background-position:0 -279px; } #header .menu ul li a.cal { background-position:0 50px; } /*#header .menu ul li a.cal.selected, #header .menu ul li a.cal:hover { background-position:0 -279px; }*/ #header .menu ul.mG li a:hover,#header .menu ul.mG li a.selected, .menuStats { background-color:#fafafa; } #tchat a.languette.new strong, #header .menu ul li a strong { display:inline-block; position:absolute; z-index:1000; top:-8px; right:-4px; height:18px; line-height:16px; font-size:13px; padding:0 6px; border-radius:3px; } /* #header .menu ul.info li a strong{ font-size:10px; line-height:13px; height:14px; padding:0 3px; } #header .menu ul.info, #header .menu ul.info li { height:20px; border:0; padding-left:10px;} #header .menu ul.info li a { height:20px; } #header .menu ul.info li a.msg { background-position:-44px -323px; width:22px; } b.pict.msg, #header .menu ul.info li a.msg:hover { background-position:-44px -345px; width:22px; } #header .menu ul.info li a.visite { background-position:-67px -323px; width:24px; } b.pict.visite, #header .menu ul.info li a.visite:hover{ background-position:-67px -345px; width:24px; } #header .menu ul.info li a.c2c { background-position:-91px -323px; width:20px; } b.pict.c2c, #header .menu ul.info li a.c2c:hover { background-position:-91px -345px; width:20px; } #header .menu ul.info li a.tem { background-position:-112px -323px; width:21px; } b.pict.tem, #header .menu ul.info li a.tem:hover { background-position:-112px -345px; width:21px; } #header .menu ul.info li a.pop { background-position:-134px -323px; width:24px; } b.pict.pop, #header .menu ul.info li a.pop:hover { background-position:-134px -345px; width:24px; } #header .menu ul.info li a.notif { background-position:-132px -279px; width:17px; } #header .menu ul.info li a.notif:hover { background-position:-132px -301px; width:17px; } */ /* yves */ #header .menu ul.info > li > a strong{ font-size:10px; line-height:13px; height:14px; padding:0 3px; } #header .menu ul.info, #header .menu ul.info > li { height:20px; border:0; padding-left:10px;} #header .menu ul.info > li > a { height:20px; } #header .menu ul.info > li > a.msg { background-position:-44px -323px; width:22px; } b.pict.msg, #header .menu ul.info > li > a.msg:hover { background-position:-44px -345px; width:22px; } #header .menu ul.info > li > a.visite { background-position:-67px -323px; width:24px; } b.pict.visite, #header .menu ul.info > li > a.visite:hover{ background-position:-67px -345px; width:24px; } #header .menu ul.info > li > a.c2c { background-position:-91px -323px; width:20px; } b.pict.c2c, #header .menu ul.info > li > a.c2c:hover { background-position:-91px -345px; width:20px; } #header .menu ul.info > li > a.tem { background-position:-112px -323px; width:21px; } b.pict.tem, #header .menu ul.info > li > a.tem:hover { background-position:-112px -345px; width:21px; } #header .menu ul.info > li > a.pop { background-position:-134px -323px; width:24px; } b.pict.pop, #header .menu ul.info > li > a.pop:hover { background-position:-134px -345px; width:24px; } #header .menu ul.info > li > a.notif { background-position:-132px -279px; width:17px; } #header .menu ul.info > li > a.notif:hover { background-position:-132px -301px; width:17px; } b.pict.stats { background-position:-158px -345px; width:24px; } .onglS a b.pict.msg, a:hover b.pict.msg { background-position:-0px -165px; } .onglS a b.pict.visite, a:hover b.pict.visite { background-position:-23px -165px; } .onglS a b.pict.c2c, a:hover b.pict.c2c { background-position:-47px -165px; } .onglS a b.pict.tem, a:hover b.pict.tem { background-position:-68px -165px; } .onglS a b.pict.pop, a:hover b.pict.pop { background-position:-90px -165px; } .onglS a b.pict.stats, a:hover b.pict.stats { background-position:-114px -165px; } #header p.connecte, #header .menu ul.info { padding-top:15px; } #header p.connecte { text-align:center; } /* menu list preview */ .previewArrow { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fafafa; font-size: 0; line-height: 0; position: absolute; top: -10px; right: 15px; } .loader.miscs-card { text-align: center; } .miscs-card { top: 33px; right: -10px; width:300px; box-shadow: 0 2px 5px rgba(0,0,0,.3); background-color: #fafafa; border-radius: 2px; padding:6px; z-index:560; } .previewTitle, .previewLink { padding: 5px 10px; } #header .menu .miscs-card a { width: auto; background: none; text-shadow: none; } /*#header .menu .miscs-card .photo.new img { border: 5px solid #FAA900; }*/ #header .menu .miscs-card a.previewLink { height: auto; padding-top:10px; border-top:1px solid #ccc;} #header .menu .miscs-card a.previewLink:hover { color: #333; background-color: #fafafa; } #header .menu ul.previewList li { width: 100%; border-right:none; border-bottom:1px solid #ccc; } #header .menu ul.previewList li:last-child { border-bottom:none; } #header .menu ul.previewList a:hover, #header .menu ul.previewList li:hover { background-color: #FFF; } #header .menu ul.previewList { border:0px; height:auto; } #header .menu .previewList li, #header .menu .previewList li a { display:block; text-align: left;} #header .menu ul.previewList .vign43 { border-right-width:5px; border-right-style: solid; margin-right:10px; } #header .menu .previewList li .hideP { height:43px; } #header .menu ul.previewList li p span { line-height: 18px; font-size:10px; } ul.previewList b.dBlock { padding-top:3px; } #header .menu .previewList li .hideP { overflow:hidden; width:25px; } .miscs-card .hideP .pict.notif { margin:-12px 0 0 0; width:25px; height:62px;} /* ------ FIN dashboard info - Notifications ------ */ /* ------ dashboard info - messages ------ */ .miscs-card .avatar { box-shadow:0 0 6px #CCCCCC; width:32px; height:32px; } .miscs-card img.nocopy { -moz-user-select: none; } .miscs-card ul { list-style-type: none; } /* ------ FIN dashboard info - messages ------ */ /* end menu list preview */ /* content */ #content { padding-top:130px; text-align:left; } .gauche, .millieux, .droite, .droiteBig, .gaucheBig { display:table-cell; vertical-align:top; text-align:left; } .gauche, .droite{ width:180px; } .gauche.plus, .droite.show{ width:210px; } .millieux { width:590px; } .droiteBig { width:790px; } .droiteBig.moins, .gaucheBig { width:760px; } #party a.back, #party .gauche { width:205px; } #party .droite { width:293px; } #party .millieux { width:452px; } .droite { padding-left:20px; } .gauche { padding-right:20px; position:relative; } .gauche .Events p { padding: 10px; font-size: 12px; } .millieux #flyerBigEmplacement {width: 450px; height: 450px; border: 1px solid rgba(255,255,255,.4); background-color: rgba(0,0,0,.2);} .millieux #MediaComm, .block { border:1px solid #e6e6e6; background:#fafafa; padding:10px 0; font-size:12px; } .gauche.plus .block { width:208px; } /*.gauche .block { width:178px; }*/ h3.ApplaGrisF, .droiteBig h1, .block h3, .fiche .Mur h4{ color:#505050; font-size:18px; } .block h3, .block p { padding:0 0 0 10px; } #party .block h3 { padding:0 1px 7px; } .block a.addToff img { float:left; margin:0 2px 2px 0;} .block ul li { padding:0 0 0 10px; min-height:28px; line-height:28px; } .block.EspP ul li { border-bottom:1px solid #e6e6e6; border-top: 1px solid #FFF; } .block.EspP ul li:first-child { border-top:none; } .block.EspP ul li:last-child { border-bottom:none; } .block.EspP ul.follows { display:table; padding:10px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; } .block.EspP ul.follows li{ display:table-cell; width:50%; padding:0; border:1px solid #e6e6e6; border-collapse:collapse; } .block.EspP ul.follows li a { display:block; height:100%; line-height:normal; } .block.EspP ul.follows li a:hover { background-color:#f0f0f0; } .block.EspP ul.follows li b { display:block; font-size:18px; vertical-align:bottom; text-indent:4px;} /* christophe */ .boxcounter, .miniFiche a b, .Mur p.btMur a, li.menu strong, .Mur div.Evenement ul li strong, .PlusMsg a strong, .block a strong { display:inline-block; text-align:center; color:#c8c8c8; height:18px; width:20px; line-height:18px; font-size:13px; border-radius:3px; background-color:#EBEBEB; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); } .block.Stats h3 { /*background:transparent url(../images/Stats/calendrier.gif) no-repeat right center;*/ margin-right:10px; } .block.Stats a.bouton, .block.Stats select { width:158px; } .block.Stats b { display:block; padding-left:18px; /*background:transparent url(../images/Stats/info.gif) no-repeat left center;*/ margin-top:5px; } .block.Stats p.txt, .block.Stats li { color:#b4b4b4; } .block.Stats p.txt { padding:5px 6px 0 10px; font-size:11px;} .block.Stats li:nth-child(egg) { border-top:1px solid #FFF; } .block.Stats li:nth-child(odd) { background:#f0f0f0; border-top:1px solid #e6e6e6; } .block.Stats li strong { font-size:14px; } .block.Stats em { display:block; float:right; padding-right:10px; font-size:16px; } .profil ul li, .desc p, .block.Stats li.active { color:#787878; } li.active.plus em { color:#6b990d; } li.active.moins em { color:#d73c3c; } .block.listCont { width:180px; text-align:left; } .block.listCont, .block.menuFiche{ padding:0; } .block.listCont li:last-child, .block.menuFiche li:last-child { border:none !important; } .block.listCont li, .block.menuFiche li { padding:0;} .menuStats li a { border-top:1px solid #FFF; } .block.menuFiche b.pict { height:22px; vertical-align:middle; } .block.listCont label:hover, .block.listCont li a:hover, .block.menuFiche li a:hover, .block.menuFiche li.onglS a { color:#FFF; text-shadow:none; position:relative; } .block.menuFiche li a:hover::after, .block.menuFiche li.onglS a::after { content:""; position:absolute; right:-5px; top:9px; height:0; width:0; border-left:5px solid #fa840e; border-bottom:5px solid transparent; border-top:5px solid transparent; } .block.menuFiche li a:hover .orange, .block.menuFiche li.onglS .orange, .block.listCont label:hover .orange{ color:#FFF !important; } .block.listCont label, .block.listCont li a, .block.menuFiche a { display:block; height:100%; padding:0 7px;} .block.menuFiche span.space { display:inline-block; width:24px; text-align:center; padding-right:7px; } .block.regles { padding:0; } .block.regles li:first-child { border:none !important; } .block.regles ul { margin-left:20px; } .block.regles ul li { height:auto !important; padding:5px 10px 5px 0px; line-height:normal !important; list-style:square; } .block.Filtres { padding-top:0; font-size:14px; } .block.Filtres .padd{ padding:10px; } .block.Filtres h4 { padding:6px 10px; margin-bottom:10px; border-bottom:1px solid #FFF; } h3.ApplaGrisF, .block.Filtres h3 { padding:8px 10px; font-family:'Titillium_Regular'; } .block.Filtres select { width:100%; } .block.Filtres input[type="text"] { width:182px; } ul.ville { padding-right:10px; } ul.ville a { display:block; height:20px; line-height:20px; font-size:13px; border:1px solid #DCDCDC; background:#f0f0f0; padding:0 30px 0 7px; border-radius:3px; -webkit-border-radius:3px; -moz-border-raduis:3px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; } ul.ville li a.Loc { text-shadow:none !important; font-family:'Titillium_Regular'; border-width:0; height:22px; line-height:22px; } ul.ville a:hover{ border-color:#f0a0a0; color:#d73c3c; background:#fff5f5; } ul.ville a.Loc:before { content:""; display:inline-block; height:16px; width:11px; background-position:-109px -121px; vertical-align:text-top; margin-right:7px; } ul.ville b.supM { margin:6px -21px 0 0; } ul.ville a:hover b.supM { background-position:-136px -102px; } a.Jours b.supM, ul.ville .Loc b.supM{ background-position:-113px -221px; } .block.Filtres p { padding-right:10px; } .navigator { position:fixed; top:101px; height:29px; text-align:center; text-align:center; width:990px; z-index:500; } /*.navigator a:hover { background-color:#fafafa; }*/ /* ApplaGrisKlr */ /*.navigator a.selected { background-color:#FA820A; } */ /* ApplaOrange */ .navigator a { display:block; color:black; } .navigator p.BTnav { position:relative; } .navigator p.BTnav a { position:absolute; top:30px; left:-25px; width:20px; height:151px; line-height:151px; border-radius:0; } .navigator p.BTnav a.Bright { left:auto; right:-25px; } .navigator p.BTnav a.keydown /* chris */, .navigator p.BTnav a:hover { color:#FFF; text-shadow:#000; border-color:#5A5A5A; } .navigator .ficheNavigator { display:inline-block; background-color:#FFF; line-height:28px; padding:0 3px; } .navigator .ficheNavigator:hover { box-shadow: 0 2px 7px rgba(0,0,0,0.5); } .navigator .pseudos { padding:3px 0; } /*.navigator .ficheNavigator input { width:180px; } .navigator .ficheNavigator input.back { width:590px; margin:0 20px; }*/ .fiche { text-align:left; } .fiche .connect { display:block; height:40px; line-height:19px; font-size:16px; padding:11px 12px; background:#8fb92b url("../images/fiche/onOff-ligne.png") no-repeat; color:#FFF !important; text-shadow:none !important; } .fiche .connect strong { display:block; font-size:18px; } .fiche .connect.offligne { background-position:0 -62px; background-color:#5a5a5a; } .fiche .connect.offligne strong { padding-left:24px; color:#fa8c1e; } .block.Gmaps { font-size:13px;} .block.Gmaps strong { font-size:14px;} .fiche .MiniMap { width:180px;height:180px; } .gmcopyright div { width:180px; } .gmcopyright div a{ display:inline-block; width:83px; overflow:hidden; text-overflow:ellipsis; } .fiche .block.Stats { padding-top:0px; } .fiche .block.Stats p { padding-right:10px; color:#b4b4b4; } .fiche .block.Stats p.chiffre { padding-top:10px; color:#787878; font-size:14px; } .fiche .block.Stats p strong { display:inline-block; font-size:24px; color:#787878; } .fiche #cover p.photo b, .fiche #cover p.photo a { background-position:-70px -270px; } .fiche #LV_CAM, .fiche #LV_CAM a { display:block; position:relative; height:135px; width:180px; background-color:#000;} #cover p.coverF { height:343px; width:990px; background:#fff url("../images/fiche/couverture_nophoto.jpg") no-repeat; position:relative; } #cover p.coverF a.addCover { display:block; height:110px; padding-top:195px; text-align:center; font-size:20px; color:#b4b4b4; } .fiche #cover img { border-bottom: 3px solid #FFF; background:#F0F0F0; } .fiche #cover p.miniprofil { width:273px; height:121px; border-left:8px solid #db4141; padding:19px 14px 13px 17px; color:#FFF; color:#505050; } .fiche #cover p.miniprofil em {font-size:14px;} .fiche #cover p.miniprofil strong { color:#FFF; font-size:26px; line-height:19px; height:23px; display:block; } .fiche #cover p.miniprofil a { display:inline-block; font-size:12px; } .fiche #cover p.miniprofil a.bouton { height:18px; line-height:18px; padding:0 8px; margin-top:6px; } .fiche #cover p.miniprofil a.bouton.nbr { padding:0 3px; position:relative; margin-left:2px; } a.bouton.nbr::before { content:""; position:absolute; left:-4px; top:3px; height:0; width:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:6px solid #F0F0F0; } .fiche #cover p.miniprofil span.lien a { color:#FFF; height:13px; text-shadow:none; } .fiche p.miniprofil a.pict { margin-right:9px; } .fiche a.pict.Pmail { background-position:0 -367px; } .fiche a.pict.Pfav, .MenuShow a.pict.Pfav { background-position:-23px -367px; } .fiche a.pict.item-11 { background-position:-69px -387px; } .fiche a.pict.Pcoeur { background-position:-46px -367px; } .fiche a.pict.Pchat { background-position:-69px -367px; } .fiche a.pict.Ptem { background-position:0 -387px; } .fiche #cover p.miniprofil b{ margin-top:3px; } .fiche #cover p.photo { width:678px; } .fiche #cover p.photo b, .fiche #cover p.photo a { border-left:3px solid #FFF; display:block; float:left; height:110px; width:110px;} .fiche #cover p.photo b a { border-width:0; } .fiche #cover p.photo b img, .fiche #cover p.photo a img { min-height:100%; min-width:100%; } .fiche #cover p.msg { width:645px; height:40px; line-height:38px; font-size:18px; padding:0 15px; border-top:3px solid #FFF; border-left:3px solid #FFF; color:#FFF;} .fiche #cover p.msg em { background-position:-168px -114px; display:inline-block; height:16px; line-height:16px; font-size:12px; padding-left:20px; margin-top:11px; } #CoverEdit { position:relative; } #CoverEdit #CoverScroller { cursor:move; overflow:hidden; width:990px; height:340px; background:black; border:1px solid black; position:relative; } #CoverEdit a.cover { background-color:rgba(0,0,0,0.5); background-position:-75px -187px; position:absolute; right:10px; top:10px; height:32px; width:32px; border-radius:5px; display:block; } #CoverEdit a.cover.sizeDef { background-position:-106px -187px; } #CoverEdit #CoverScroller img.reduced { width:990px; } .profil ul, .search p { font-size:13px; } .profil ul li { line-height:21px; min-height:21px; padding:2px 0; } .profil ul li:nth-child(odd) { background:#f0f0f0; } .profil ul li strong{ display:inline-block; width:175px; padding-left:15px; color:#505050; } .profil.Type3 ul { width:50%; float:left; } .profil.Type3 ul li strong{ width:100px; padding:0 10px; line-height:normal; vertical-align:middle;} .profil.Type3 ul:last-child { border-left:1px dashed #505050; margin-left:-1px; } .profil .vignStyle, .search .Tage, .profil b.pict { background-image:url("../images/fiche/sprite-fetish.png"); background-color:transparent; } .profil .vignStyle { position:absolute; right:0; width:56px; height:29px; background-position:0 -86px; } .profil .vignStyle.work { background-position:0 -86px;} .profil .vignStyle.hip { background-position:-56px -86px;} .profil .vignStyle.cas { background-position:-112px -86px;} .profil .vignStyle.spor { background-position:-168px -86px;} .profil .vignStyle.goth { background-position:-224px -86px;} .profil .vignStyle.bobo { background-position:-278px -86px;} .profil .vignStyle.rue { background-position:0 -115px;} .profil .vignStyle.punk { background-position:-56px -115px;} .profil .vignStyle.mot { background-position:-112px -115px;} .profil .vignStyle.empty{ background-position:-168px -115px;} .profil b.pict { width:32px; height:33px; border-left:1px solid #FFF; vertical-align:middle; } .profil b.pict.selected { background-color:#505050; } .profil .cuir{ background-position:0 0 } .profil .aro { background-position:-32px 0; } .profil .pied { background-position:-64px 0; } .profil .slip{ background-position:-96px 0; } .profil .spor{ background-position:-128px 0; } .profil .pier { background-position:-160px 0; } .profil .tato { background-position:-192px 0; } .profil .fem { background-position:-224px 0; } .profil .bot { background-position:-256px 0; } .profil .cag { background-position:-288px 0; } .profil .uni { background-position:-320px 0; } .profil .fals{ background-position:-352px 0; } .profil .cuir.selected { background-position:0 -33px } .profil .aro.selected { background-position:-32px -33px; } .profil .pied.selected { background-position:-64px -33px; } .profil .slip.selected { background-position:-96px -33px; } .profil .spor.selected { background-position:-128px -33px; } .profil .pier.selected { background-position:-160px -33px; } .profil .tato.selected { background-position:-192px -33px; } .profil .fem.selected { background-position:-224px -33px; } .profil .bot.selected { background-position:-256px -33px; } .profil .cag.selected { background-position:-288px -33px; } .profil .uni.selected { background-position:-320px -33px; } .profil .fals.selected { background-position:-352px -33px; } .search .Tage{ background-position:0 -66px; height:20px; color:#FFF; text-align:center; line-height:20px; margin:0; padding:0; border:0; text-shadow:none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} .search li.Tage{ background-position:right -144px; display:block; } /*.fiche #Edit #presentation .plusI textarea,*/ .fiche #Edit #presentation .plusI .fake-textarea, .profil .plusI p { width:395px; vertical-align:top; } .fiche #Edit #presentation .plusI textarea{ min-height:42px; height:42px; } .desc { padding-bottom:0 !important; } .desc p { padding:15px 10px; font-size:13px; } .desc a {display:block; text-align:right; padding:5px;} .desc a span.orange { font-size:11px; display:inline-block; height:18px; vertical-align:top; text-transform:uppercase;} .fiche #Edit .titleEdit { border:1px solid #e6e6e6; background:#fafafa; padding:10px 15px; height:30px; line-height:30px; text-align:center; } .fiche #Edit .titleEdit h1 { font-size:22px; } .fiche #Edit .titleEdit p.rouge { font-size:12px; } .fiche #Edit .obl:after { content:"*"; color:#F00; } .fiche #Edit #cover p.miniprofil { height:78px; } .fiche #Edit #cover p.miniprofil b { color:#FFF; } .fiche #Edit h3 { font-size:16px; } .fiche #Edit .titleEdit .bouton { text-transform:none; height:30px; vertical-align:top; font-size:16px; } .fiche #Edit .titleEdit a.bouton{ line-height:28px; height:28px; } .fiche #Edit .coverF .bareEdit { bottom:3px;} .barePhoto, .bareEdit { display:block; background:#000; background:rgba(0,0,0,0.5); height:30px; padding:7px 10px; position:absolute; bottom:0; width:100%; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; text-align:left;} /* yves */ #party #flyerBig .bareEdit {background: none; top: 0;height: 452px;} #party .uploadWidget .flyer {position: relative; width: 452px; max-height: 452px;min-height: 79px} #party .uploadWidget .flyer a {position: absolute; display: block;} #party .uploadWidget .flyer.uploaded a, #party .uploadWidget .flyer p {display: none;} #party .uploadWidget .flyer.uploaded p {position: absolute; background: rgba(0,0,0,.6); width: 355px; top: 20px; left: 20px; padding: 10px; color: #FFF;} #party .uploadWidget .flyer.uploaded:hover a, #party .uploadWidget .flyer.uploaded p.show {display: block;} #party .uploadWidget a.removeButton {width: 20px; height: 20px; background-position: -143px -367px !important; background-color: #FFF !important; top: 20px; right: 20px;} #party .uploadWidget a.uploadButton {width: 412px; text-align: center; padding: 10px 0; background-color: #eee; border: 1px solid #e5e5e5; bottom: 20px; left: 20px;} #party .uploadWidget .loadFlyer {width: 452px; height:79px} /* yves */ .bareEdit.nophoto { background-color:#737373; } .fiche #cover p.photo .bareEdit a { float:none; border:0; } .paramA a.prive, .chatCam b.prive, .bareEdit a { display:inline-block !important; height:16px !important; width:16px !important; padding:0 !important; color:#FFF; text-shadow:none; background-color:transparent !important; } .bareEdit a.disabled{ display:none !important; } .bareEdit a.trash { background-position:-140px -180px !important; } .bareEdit a.add { background-position:-122px -113px !important; } .bareEdit a.del { background-position:-132px -263px !important; } .bareEdit a.suiv { background-position:-122px -145px !important;} .bareEdit a.prec { background-position:-122px -129px !important;} .bareEdit a.REC { background:none !important; width:auto !important; line-height:16px; } .bareEdit .bouton.hard,.bareEdit .bouton.soft { vertical-align:top; } .chatCam b.prive { background-position:-1px -407px !important; margin-right:5px;} a.prive { background-position:-17px -407px !important; margin-right:5px;} .chatCam b.prive.open, a.prive.open { background-position:-33px -407px !important; width:19px !important; } b.prive.open, .paramA a.prive.open{ background-position:-52px -407px !important; } p.barePhoto { font-size:15px; color:#FFF; } p.barePhoto .orange { font-size:13px; text-shadow:none; } .fiche #Edit .gauche input[type=text] { width:175px; } .fiche #Edit .gauche select { width:180px; } /*.fiche #Edit #presentation textarea { height:100px; width:405px; border:solid 1px #dcdcdc; resize:none; }*/ .fiche #Edit #presentation li input[type=text]{ width:205px; } .fiche #Edit #presentation li select { width:190px;} .fiche #Edit #presentation li select[data-name=day] { width:45px; } .fiche #Edit #presentation li select[data-name=month] { width:79px; } .fiche #Edit #presentation li select[data-name=year] { width:60px; } .fiche #Edit #presentation .Type3 li select { width:165px;} .fiche #Edit #presentation .Type3 li select[data-name=day] { width:38px; } .fiche #Edit #presentation .Type3 li select[data-name=month]{ width:64px; } .fiche #Edit #presentation .Type3 li select[data-name=year] { width:57px; } .fiche #Edit #presentation li input[type=text] { width:160px; } .unitPreviewer { padding-left:4px; } #Edit #smilies { width:140px; padding-left:10px; } #Edit #smilies b { margin:1px 0 0 3px; } #Edit p.pratique a { display:block; position:absolute; height:45px; width:22px; top:53px; } #Edit p.pratique a b { margin-top:16px; display:inline-block; height:10px ; width:7px; background-position:-110px -101px; } #Edit p.pratique a.prec { border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; } #Edit p.pratique a.suiv { right:0; border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; } #Edit p.pratique a.suiv b { background-position:-110px -111px; } #Edit p.pratique span.ibulle{ top:-40px; left:-10px; } .fiche #Edit p.infoPerso { font-size:14px;} .fiche #Edit p.infoPerso .adrtel{ line-height:28px; } .fiche #Edit .infoPerso label { display:inline-block; width:152px; padding-left:3px; vertical-align:top; margin:-1px 0 5px 0; color:#787878; } .fiche .chexkBlist { width:390px; vertical-align:top; color:#505050; } .fiche .chexkBlist label{ width:180px; } .fiche .profil.Type3 .chexkBlist label { width:155px; } .fiche .profil.Type3 .chexkBlist{ width:165px;} /* mediacenter */ .wndOutter, #mediacenterOutter { overflow:auto; position:fixed; top:0; left:0; z-index:1001; } .wnd, #mediacenter { display:table; height:100%; width:100%; background-color: black; filter: Alpha(opacity='25'); background:rgba(0,0,0,0.5) ; vertical-align:middle; font-size:14px; top:0; left:0;} .wnd .wndInner, #mediacenter div.media { vertical-align:middle; height:100%; text-align:center;} .wnd .wndInner .contener, #mediacenter div.media .contener { text-align:left; position:relative; display:table; padding:20px; background:#FFF; margin:auto; border-radius:8px; } #mediacenter div.media .contener { height:85%; width:92%; } div.onglet, div.pictEdit { position:relative; } .wnd a.close, #mediacenter a.close{ display:block; height:12px; width:12px; position:absolute; top:15px; right:15px; background-position:-101px -221px; background-color:transparent; } #mediacenter a.close { top:-4px; right:-4px; } #mediacenter a.close.miniF { top:-9px; right:12px;} #mediacenter .ColMedia, #mediacenter .ColCom,#mediacenter #menuAdd, #mediacenter div.media, .wnd .wndInner { display:table-cell; } #mediacenter .ajaxContainer , #mediacenter .phototheque, #mediacenter #MediaComm { display:table; /*height:100% !important;*/ width:100%; } #mediacenter .ColMedia { min-width:350px; text-align:center; background:#000; vertical-align:middle; } #mediacenter .ColCom { width:330px; vertical-align:top; padding-left:25px; height:100%; } .wnd .scroll, #mediacenter .scroll { display:block; overflow-y:auto; overflow-x:hidden; /*height:270px;*/ height:270px; } #mediacenter #photofiche div:not([class*=vjs]) { position:relative; overflow:hidden; } #mediacenter #photofiche table { position:absolute; top:0; left:0; width:100%; } #mediacenter #menuAdd { width:250px; min-width:250px; vertical-align:top; padding-right:20px; } #mediacenter .paramA { line-height:25px; } #mediacenter .paramA strong { font-size:18px; } #mediacenter .paramA b {color:#b4b4b4; } #mediacenter .paramA .status { display:inline-block; padding:2px 5px; margin:0 5px;} #mediacenter .tableRow { display:table-row; } #mediacenter .ColMedia img { /*display:inline-block; max-width:100%; max-height:100%;*/} #mediacenter .ColMedia.border { height:100%; border:8px dashed #CCC; box-sizing:border-box; padding:4px; -moz-border-image: url(../images/commun/border-dashed.gif) 8 round ; -webkit-border-image: url(../images/commun/border-dashed.gif) 8 round; -o-border-image: url(../images/commun/border-dashed.gif) 8 round; border-image: url(../images/commun/border-dashed.gif) 8 round ; background:#FFF; } * html #mediacenter .ColMedia.border { border:4px;} #mediacenter .ColMedia .zoneUP { display:table; height:100%; width:100%; position:relative; min-height:310px;} .ColMedia .zoneUP h1 { display:table-cell; color:#b4b4b4; vertical-align:middle; text-align:center; padding-bottom:50px; } .ColMedia .zoneUP .parcourir{ position:absolute; left:0; bottom:30px; width:100%; text-align:center; } #mediacenter ul.upload { text-align:left; font-size:12px; word-break:break-all; } #mediacenter ul.upload li { display:inline-block; line-height:normal; width:115px; height:115px; border:1px solid #CCC; position:relative; vertical-align:top; margin-bottom:3px; } ul.upload li span { display:inline-block; } ul.upload p { margin:5px; width:105px; overflow:hidden; text-align:center; } ul.upload .ok, ul.upload .ko, ul.upload .progressMeter { width:109px; position:absolute; bottom:2px; left:2px; line-height:17px; } ul.upload .ok { border:1px solid #505050; height:15px; } ul.upload .ko { border:1px solid #505050; word-break:normal; line-height:normal; } p.uploadMSG { background:#EFEFEF; height:50px; line-height:50px; font-family: 'Titillium_Regular'; vertical-align:middle;} .ColMedia img.selected { border:3px solid #CC6600; } .ColMedia .actionBtn { position:absolute; bottom:40px; right:55px; background:#FFF; padding:3px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #mediacenter div.photoListe { text-align:left; } div.photoListe b { display:block; color:#a0a0a0; line-height:26px; border-bottom:1px solid #d2d2d2; margin:10px 0; } #mediacenter .miniFiche { height:43px; width:294px; padding-right:36px; position:absolute; top:-25px; right:0; line-height:43px; box-shadow:2px 2px 3px rgba(0,0,0,0.5); } #mediacenter .miniFiche strong { padding-left:10px; font-size:16px; } #mediacenter .miniFiche span { line-height:normal; font-size:12px; text-align:right; padding-top:5px; } /* start christophe mediacenter déplacer/copier phototèque */ #mediacenter div.photoListe img { margin:2px; width:110px; padding:1px; cursor:pointer; } #mediacenter div.photoListe img.selected { margin:-1px; } /* end christophe mediacenter déplacer/copier phototèque */ .wnd p.wndInner, p.media { height:215px; width:210px; font-size:13px; vertical-align:top; display:inline-block; margin:0 6px 20px 6px ; text-align:center;} p.media b { font-size:15px; color:#505050; overflow:hidden; white-space:nowrap; display:inline-block; width:100%; } p.media strong, p.media a { display:block; position:relative; height:170px; width:170px;} .video b.prive, .STcam b.prive, p.media a b.prive { background:#000 url(../images/fiche/prive-nophoto.jpg) no-repeat; } p.media a b.prive, .STcam b.play, .STcam b.prive, .video b.prive, p.media a b.classimg, .vignV b.play, p.media a b.play { display:block; position:absolute; background-position:-1189px 0; width:180px; height:135px; /* background-position:-821px 0; margin-left:1px;*/ } p.media.webcam a b.play, .STcam b.play { background-position:-1189px -135px; } .STcam b.play:hover, .vignV:hover b.play, p.media a:hover b.play { background-position:-821px 0; } p.media.webcam.add img { opacity:0.2; } p.media.webcam { background-position:-611px 0; padding:23px 15px 0 15px; width:180px; } p.media.webcam strong, p.media.webcam a { height:135px; width:180px; } .STcam b.prive, p.media.webcam a b.prive { background-position:-180px -0px} p.media.video { background-position:-401px 0; padding:27px 14px 0 14px; width:180px;} #mediacenter #Edit p.media.video{ height:250px; } p.media.video strong, p.media.video a { height:135px; width:180px; } .video b.prive, p.media.video a b.prive { background-position:0px -135px} p.media a img { height:100%; width:100%; } .vignV b.prive { top:-14px; left:9px; } p.media.album { background-position:-190px 0; padding:20px 20px 0 22px; width:170px;} p.media a b.classimg, p.media.album a b.prive{ height:170px; width:170px; margin:0; background-position:-180px -133px} p.media.photo { background-position:0 0; width:170px; height:230px; padding:10px 10px 0px 10px; } p.media a b.prive.edit, p.media a b.classimg.edit{ background-image:none; height:30px; line-height:30px; } #mediacenter p.miniFiche { height:28px; line-height:14px; font-size:12px; } #mediacenter p.miniFiche img{ margin-right:10px; } #mediacenter .com ol p { padding-left:40px; } #mediacenter .com ol { /*overflow-y:auto; max-height:380px;*/ } #mediacenter .com .menu.all { color:white; } .wnd h1, #mediacenter h1 { font-size:22px } #mediacenter h3,#mediacenter p.info strong { font-size:15px; } #mediacenter #navVignette { height:102px; background-color:#f0f0f0; border-top:1px solid #d2d2d2; position:absolute; bottom:0; right:0; width:100%; border-radius:0 0 8px 8px; overflow:hidden;} #mediacenter #navVignette p.info{ text-align:right; padding:0 20px; } #mediacenter p.photoAlbum { padding:0 20px; white-space:nowrap !important;} #mediacenter p.photoAlbum span { display:inline-block; overflow:hidden; height:62px; margin-bottom:5px; vertical-align:top; } #mediacenter p.photoAlbum a { margin:0 0 0 5px; display:inline-block; height:62px; width:62px; overflow:hidden; vertical-align:top; } #mediacenter p.photoAlbum a:hover, #mediacenter p.photoAlbum a.selected { border-witdh:3px; border-style:solid; height:56px; width:56px; } #mediacenter p.photoAlbum a:hover img, #mediacenter p.photoAlbum a.selected img { margin-top:-3px; margin-left:-3px; } #mediacenter p.photoAlbum a img { min-width:100%; min-height:100%; } #mediacenter p.photoAlbum a.bouton { width:20px; line-height:60px; height:60px; } #mediacenter p.photoAlbum a.bouton.bgGrisKlr:hover { border:1px solid #505050; } #mediacenter p.photoAlbum a.bouton.bgOrange { margin:0; } #mediacenter p.photoAlbum a.bouton.bgOrange:hover { border:none; } #mediacenter #navVignette.open { height:250px; box-shadow:0 -5px 15px rgba(0,0,0,0.5); } #mediacenter #navVignette.open a{ margin-bottom:5px; } #mediacenter #navVignette.open a.bouton.bgGrisKlr { visibility:hidden;} #mediacenter #navVignette.open p.photoAlbum span { height:201px; overflow-y:auto; white-space:normal !important; } #mediacenter #photofiche a { display:inline-block; } #mediacenter a.add strong { display:block; width:170px; height:57px !important; padding:113px 0 0 0 !important; font-size:20px; line-height:20px; color:#b4b4b4; text-shadow:0px 1px 0px #FFF; } #mediacenter a.add strong.photo { background-position:0 -170px; } #mediacenter a.add strong.video { width:180px; height:45px !important; padding-top:90px !important; background-position:0 -340px; } #mediacenter a.add.small strong { width:110px; height:110px; padding-top:0; } #mediacenter .status { display:block; border:1px solid #dcdcdc; padding:2px; text-align:left; position:relative; } #mediacenter .status input { border:none; width:145px; color:#646464; } #mediacenter .status .New { position:absolute; right:2px; top:2px; width:auto; color:#FFF; } #mediacenter .video textarea { width:100%; height:45px; padding:0; box-sizing:border-box; border:none; } #mediacenter .video .status input{ width:155px; } #mediacenter a.pict.supM { display:inline-block; } #mediacenter a.pict.edit { position:absolute; right:20px; top:-32px; background-position:-139px -200px; height:18px; width:18px; background-color:#FA820A; border:7px solid #FA820A; } #mediacenter a.pict.edit:after { content:""; position:absolute; left:2px; bottom:-14px; height:0; width:0; border-right:7px solid transparent; border-left:7px solid transparent; border-top:7px solid #FA820A; } #mediacenter a.pict.edit.view /* christophe */ { background-color:gray; border:7px solid gray; } #mediacenter a.pict.edit.view:after /* christophe */ { border-top:7px solid gray; } .block.regles ul li, .desc a ,.Mur div.Evenement ul.Eve li p, .Mur div.Evenement div.choix span, ul.com li { border-top:1px solid #E6E6E6; } .block.listCont ul li, .block.menuFiche li, .droiteBig h1, .Mur div.Evenement div.choix span, .Mur div, ul.com li.add, ul.com ol li,.fiche .Mur h4 { border-bottom:1px solid #E6E6E6; } .Mur div.Evenement ul li h4, .Mur div.video p strong, #mediacenter p.miniFiche strong , .Mur, .Mur h3 { font-size:14px; } .Mur div.Evenement ul li, .Mur div.Evenement div.choix .bouton, ul.com p { font-size:13px; } .Mur div.Evenement ul li.orange strong, /*.Mur div.video p span,*/ .externalShare, .Mur em { font-size:12px; } .droiteBig h1, .Mur div,.fiche .Mur h4 { padding-bottom:15px; margin-bottom:15px; } .Mur div:last-of-type { border-bottom:none; margin-bottom:0; } .Mur .vign62.floatL { margin-top:4px; } ul.com em, .Mur em { display:block; } .Mur h3 em { display:inline-block; } .externalShare em.url, ul.com em.date, .Mur em.date { color:#b4b4b4; } .party em.date b { color:#888; } .Mur p.btMur { padding-top:10px;} .Mur div.Evenement p.btMur, .Mur div.video p.btMur { clear:both; } .Mur p.btMur a { width:auto; padding:1px 9px; font-size:11px; margin-right:5px; } .Mur p.btMur a, .Mur em.sexe img, .Mur p.btMur a img { vertical-align:middle; } .Mur p .multiPhoto { display:inline-block; vertical-align:bottom; max-width:340px;} .Mur p .multiPhoto a { margin:3px 0 0 3px; } .Mur p .multiPhoto .ddd { display:block; height:42px; width:42px; padding:10px; font-size:30px; } .Murloc { color:#d0d0d0; } .Mur .deleted .btMur /* christophe */ { visibility:hidden; } .Mur .deleted .com .add input /* christophe */ { display:none; } ul.com { padding-top:15px; } li.menu, .com li.add, .com ol li { padding:10px; } /* christophe */ .com ol li.deleted { text-decoration:line-through; } .com li.add { position:relative; } .desc a ,ul.com li.menu, .borderBox ul li.menu { height:18px; line-height:18px; background-color:#f0f0f0; } .borderBox ul li.menu, ul.com li.menu a { color:#b4b4b4; } li.menu a.floatR strong { vertical-align:top; } ul.com li.menu a.floatL { margin-right:10px; } ul.com li { list-style:none; clear:both; background:#f5f5f5; } ul.com li.add, ul.com ol li { border-top-color:#FFF; } ul.com li.add input { display:block; border:1px solid #E6E6E6; width:100%; padding:5px 0; text-indent:5px; } ul.com li.systeme { padding:5px 10px; color:#787878; text-align:left; min-height:15px; } ul.com li.systeme.bgKo { color:white; } ul.com li.systeme.startC { color:#9ec130; } ul.com li.systeme.stopC { color:#bb0000 ; } ul.com li.systeme.Cam2cam { background-color:#9ec130 ; color:#FFF;} ul.com li.systeme.changDisc, ul.com li.systeme.noCam2cam{ background-color:#bb0000 ; color:#FFF; } ul.com li.systeme.invitCam, ul.com li.systeme.Busy { background-color:#FFE0C1 ; } .Mur div.video a.vignV { display:inline-block; position:relative; height:135px; width:180px; overflow:hidden; margin-right:20px; background:#000; } .Mur div.video a.floatL img.nocopy {position:absolute; } /*.Mur div.video a.floatL img.play{ position:absolute; left:166px; top:77px; }*/ .Mur div.video p strong { display:block; padding-bottom:5px; } .Mur div.video p a.liens { display:inline-block; background:transparent url(../images/accueil/puce-lien.gif) no-repeat left center; padding-left:20px; line-height:13px; margin-top:5px; } .Mur div.Evenement div.choix { min-height: 30px; padding-left: 75px; border: none; padding-bottom: 0px; } .Mur div.Evenement div.choix .bouton { padding:0 10px; float:right !important; } .Mur div.Evenement div.choix p { display:inline-block; line-height:26px; height:26px; padding:3px 0 0px 25px; background:transparent url(../images/accueil/calendar.gif) no-repeat left center; } .Mur div.Evenement div.choix span { display:block; padding:2px 4px 4px 8px; background:#f0f0f0; text-align:right; margin-bottom:25px;} .Mur div.Evenement ul.Eve { padding-left:20px; width:290px; float:right; } .Mur div.Evenement ul li h4 { margin-bottom:15px; } .Mur div.Evenement ul.Eve li p { padding:15px 0 15px 0; margin-top:15px; color:#787878; } li.table span, li.table b { display:table-cell; } li.table span { width:60px; } #party a.plus, .droiteBig a.plus, .Mur a.plus { text-align:right; padding-right:10px; } #friendsList a.plus { margin-top: 10px; } .Mur .status[data-entity-id*="admin"] { padding:10px; } .Mur .status[data-entity-id*="admin"] img { width: 100%; max-width: 100%; } .Mphoto[data-entity-id*="admin"] .vign62, .Mur .status[data-entity-id*="admin"] .vign62 { background: transparent url(../images/commun/admin_picture.png?v=2); } .externalShare { vertical-align:top; max-width:365px; padding-left:20px; } .externalImg { width:110px; height:110px; text-align:center; vertical-align:top; line-height:110px; padding:10px; } .externalShare .titleL { font-size:16px; } .externalShare.externalVideo { width:333px; padding:10px; } .playExternal img.play{ position:absolute; top:167px; left:322px; } .playExternal a.imgVideo { overflow:hidden; height:200px; } .Mur .newFiche { display:inline-block; height:62px; margin:10px 10px 0 0; width:205px; } .Mur .newFiche a { vertical-align:middle; line-height:62px; } .Mur .newFiche a strong { padding-left:5px; font-size:13px; } .Mur .Maward { padding:10px 10px 10px 50px; margin-top:10px; } .Mur .Maward .pict { width:29px; height:52px; background-image:url("../images/commun/sprite_award.png"); color:#FFF; font-size:16px; text-align:center; } .Maward strong.pict { position:absolute; left:10px; top:-2px; } .Maward sup { font-size:10px; vertical-align:top; } .Mur .Maward span.pict { background-position:-145px 0; padding-top:27px; height:25px; } .Mur .Maward span.award1 { background-position:-87px 0; } .Mur .Maward span.award2 { background-position:-116px 0; } .Mur .Maward .Apop { background-position:-58px 0; } .Mur .Maward .AfolT { background-position:-174px 0; } .Mur p,.Mur h3, .Mur ul { padding-left:75px; } /* christophe */ .bullePBL.Mur p, .bullePBL.Mur h3, .bullePBL.Mur ul { padding-left:39px; } /* christophe */.Mur .indent2 { padding-left:115px; } /* christophe */.Mur .photo.indent2 { padding-left:75px; } .com ol p { padding-left:50px; min-height:28px; word-wrap: break-word;} .com ol li.systeme p { padding:0; min-height:15px; } .achievements h3, .achievements p { padding-left:0; margin:0 !important; } /* notification */ .Mur.notif div { margin-bottom:0; padding-bottom:0; } .Mur.notif .vign62.floatL { border-left:6px solid; margin-top:0; } .Mur.notif h3 { padding-top:12px; } .Mur.notif p, .Mur.notif h3 { padding-left:85px; } .miscs-card .pict.notif, .Mur.notif .pict.notif { margin:0 15px; width:25px; height:62px; background-image:url("../images/commun/sprit_notification.png"); } .pict.notif { background-position:-50px 0; } .pict.notifyfollow { background-position:-25px 0; } .pict.notifycontact { background-position:-25px -62px; } .pict.notifypermission { background-position:-50px -62px; } .pict.achievementfollow { background-position:-75px -62px; } .pict.sharePhoto, .pict.notifysharephoto { background-position:0 -124px; } .pict.uploadPhoto { background-position:-50px -124px; } .pict.achievementpopularity { background-position:-75px -124px; } .pict.notifysharevideo, .pict.shareVideo { background-position:0 -186px; } .pict.uploadVideo { background-position:-50px -186px; } .pict.achievementfollow_total { background-position:-75px -186px; } .pict.shareShow, .pict.notifyshareshow { background-position:0 -248px; } .pict.exhibCamStop { background-position:-50px -248px; } .pict.exhibCamStart { background-position:-75px -248px; } .pict.notifycomment { background-position:-75px -248px; } .pict.achievementexhib { background-position:-75px -248px; } .pict.temoignagePublish { background-position:0 -310px; } .pict.temoignageWrite { background-position:-25px -310px; } .pict.updateThermo { background-position:-50px -310px; } .pict.notifycomment { background-position:-75px -310px; } .pict.answerFiche { background-position:0 -372px; } .pict.answerQuestion { background-position:-25px -372px; } .pict.eventPublication { background-position:0 -434px; } .pict.eventCanceled { background-position:-25px -434px; } .pict.eventInvitation { background-position:-50px -434px; } .pict.eventParticipation { background-position:-75px -434px; } .pict.eventParticipationYes { background-position:-50px -372px; } .pict.eventParticipationNo { background-position:-75px -372px; } /*fin*/ .fiche .droite h3, .fiche .droite h3.border, h3.border, .aimerez h3 { font-size:14px; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; padding:7px 1px; } .fiche .droite h3{ font-size:16px; border-bottom:none; } .fiche .droite h3 em { font-size:12px; font-family:'Titillium_Regular'; } #party h3.border { font-size:16px; border-top:none; text-transform:uppercase; border-bottom:4px solid rgba(0,0,0,.2); } p.pratique { height:36px; padding-top:114px; font-size:20px; width:180px; background-image:url(../images/fiche/sprit-sexe.png); background-repeat:no-repeat; text-align:center; color:#FFF; font-family:'Titillium_Light'; position:relative; } p.pratique.actif { background-position:0 -150px; font-size:16px; } p.pratique.Pactif { background-position:0 -450px; } p.pratique.passif { background-position:0 -300px; font-size:16px; } p.pratique.Ppassif { background-position:0 -600px; } p.pratique.rectoVerso{ background-position:0 0px; } .search ul { border-top:1px solid #e6e6e6; font-size:12px; padding-top:15px; } .search ul li { display:inline-block; padding:4px 7px; background-color:#f0f0f0; border:1px solid #e6e6e6; border-radius:2px; margin:0 6px 6px 0 } .search ul li.selected { border-color:#505050; color:#FFF; text-shadow:none;} .Mur p.btMur a, ul.miniFiche a b{ color:#BEBEBE; background-color:#f4f4f4; text-transform:uppercase; line-height:20px; } .Mur p.btMur a.liked, /* christophe */ .Mur p.btMur a.shared, .Mur p.btMur a.justShared { color:white; background-color:#590; text-shadow:none; } .Mur p.btMur .btlike .inlineB { height:10px; line-height:10px; font-size:13px;} /*.Mur p.btMur .btlike .lcount{ font-size:12px; }*/ .Mur p.btMur .btlike .plus { font-size:12px; } ul.miniFiche { padding:8px 0; display:table; width:100%; margin:0; border-top:1px solid #e6e6e6; } ul.miniFiche li { display:table-cell; vertical-align:top; } ul.miniFiche li i { font-style:normal; } ul.miniFiche .tof { width:28px; } ul.miniFiche .ev { width:31px; } ul.miniFiche .txt { padding-left:10px; padding-right:2px; vertical-align:middle; font-size:12px; line-height:13px; } ul.miniFiche .txt em{ color:#787878; } ul.miniFiche strong { display:block; font-size:13px; } ul.miniFiche .btn { width:37px; } ul.miniFiche .fan { width:31px; font-family:Arial, Helvetica, sans-serif; font-size:11px } ul.miniFiche .fan a, ul.miniFiche .btn a { display:inline-block; text-align:center; } ul.miniFiche .fan a { background:#E6E6E6; width:32px; padding:5px 0; line-height:11px; min-height:22px; } ul.miniFiche .fan a:hover{ text-decoration:none; } ul.miniFiche .fan.cal a { background:transparent url(../images/accueil/bg-calendar.gif) no-repeat top; padding:10px 0 0 0; border-bottom:1px solid #e6e6e6; } ul.miniFiche .fan.cal a strong { color:#d23232; } ul.miniFiche b { width:37px; } .aimerezWND { width:495px; overflow-y:auto; max-height:255px; } .aimerezWND ul.miniFiche { height:62px; width:210px; padding:0 8px 0 0; margin:0 10px 10px 0; } .aimerezWND ul.miniFiche:nth-child(2n) { margin-right:0; } .aimerezWND ul.miniFiche .btn { vertical-align:middle; } .followWND a, .followWND { color:#505050; } .followWND { width:618px; overflow-y:auto; max-height:360px; } .VideoScop h3, .Exhib h3 { margin-top:5px; padding-top:10px; border-bottom:none; border-top:1px solid #E6E6E6; } .VideoScop h3 em, .Exhib h3 em { display:block; font-size:12px; } .VideoScop h3 a, .Exhib h3 a { display:block; padding-left:47px; line-height:19px; } .Exhib h3 a { background-position:-149px -34px;} .VideoScop h3 a { background-position:-149px -74px;} .Exhib ul li, ul.Fblock li{ display:block; font-size:12px } .Exhib ul li { float:left; width:85px; height:85px; text-align:center; } .Exhib ul li:nth-child(odd) { padding-right:10px; } ul.Fblock { padding-bottom:10px; display:inline-block; } ul.Fblock.ONline { border-top:8px solid; } ul.Fblock.OFFline{ border-top:8px solid; } ul.Fblock li.Pinfo, ul.Fblock li.info { border:1px solid #E6E6E6; background-color:#FAFAFA; padding:6px 4px 6px 12px; line-height:15px; } ul.Fblock li.info { height:31px; /*width:162px;*/ } /* ie 7 a corriger */ ul.Fblock li.Pinfo { padding:6px 10px; } ul.Fblock li.info a { display:table; width:100%; } ul.Fblock li.Pinfo a { font-size:13px; padding-right:8px; } ul.Fblock li.info span { display:table-cell; vertical-align:bottom;} ul.Fblock li.info span.status{ text-align:right; } ul.Fblock li.info strong{ font-size:14px; } ul.Fblock li.photo, ul.Fblock li.video { position:relative; width:180px; height:135px; background-color:#000; } ul.Fblock li.photo { height:180px;} ul.Fblock li.photo img, ul.Fblock.video img, ul.Fblock.video b.play, ul.Fblock li.video img { position:absolute; z-index:10; } /*ul.Fblock li.photo img { width:180px; }*/ ul.Fblock li.video img.play { top:100px; left:145px } ul.Fblock b.pict, b.temSmall{ height:14px; width:17px; vertical-align:top; } b.pict.msgSmall{ background-position:-52px -426px; } b.pict.temSmall{ background-position:-18px -426px; } b.pict.visSmall{ background-position:-35px -426px; } ul.Fblock b.pict.c2cD, ul.Fblock b.pict.c2cG { width:8px; } span.C2C { display:block; position:absolute; z-index:11; bottom:0; height:20px; background:#000; background:rgba(0,0,0,0.5); color:rgba(255,255,255,0.8); width:160px; padding:10px; text-shadow:none; height:14px; line-height:14px; font-size:14px; } span.C2C.Recut, span.C2C.Envoye { color:#FFF; } span.C2C.Recut.Envoye { text-transform:uppercase; font-size:13px; } b.pict.c2cG { background-position:-171px -190px; } b.pict.c2cD { background-position:-179px -190px; } .C2C.Recut b.pict.c2cG { background-position:-171px -204px; } .C2C.Envoye b.pict.c2cD { background-position:-179px -204px; } a.plus { display:block; border:1px solid #e6e6e6; background:#fafafa; padding:8px 0; text-align:center; text-transform:uppercase; font-size:11px; line-height:normal; } .block p.publish { border:1px solid #dcdcdc; margin:10px; padding:0; background:#FFF; padding:5px; line-height:20px; } .block p.publish .publishForm { width:555px; border:0; padding:0; height:20px; } .block p.publish textarea /* christophe */ { font-family: 'Titillium_Regular', Arial, Helvetica; } .block p.publish input.indev{ width:460px; } p.publish label.pict { cursor: pointer; } p.publish .pict { margin:0; width:28px; height:20px; display:inline-block; vertical-align:middle; } p.publish .pict b { display:block; width:28px; height:20px; /*overflow:hidden;*/ } p.publish label.pict.item-1 { background-position:left -81px; } p.publish label.pict.item-1:hover, p.publish label.pict.selected { background-position:left -60px; } p.publish a.pict.item-2 { background-position:-28px -81px; } p.publish a.pict.item-2:hover, p.publish a.pict.selected.item-2 { background-position:-28px -60px; } p.publish a.pict.item-3 { background-position:-56px -81px; } p.publish a.pict.item-3:hover, p.publish a.pict.selected.item-3 { background-position:-56px -60px; } p.publish a.pict.item-4 { background-position:-84px -81px; } p.publish a.pict.item-4:hover, p.publish a.pict.selected.item-4 { background-position:-84px -60px; } p.publish a.pict.item-5 { background-position:-112px -81px; } p.publish a.pict.item-5:hover, p.publish a.pict.selected.item-5 { background-position:-112px -60px; } p.publish a.pict.selected { border-bottom:none; } p.publish input.floatR { height:20px; line-height:20px; border:none; width:100px; } p.publish .upMedia { display:block; height:250px } /* yves */ p.publish #canAddMedia { display: block; } /* yves */ .upBlock { position:absolute; /*top:-295px;*/ bottom:65px; width:100%; } .upBlock .spacer20 { display:none; } .millieux #MediaComm, .bShare { width:90%; margin:0 auto 10px auto; box-shadow: 0px 2px 8px #505050; padding:15px; } .bShare textarea, .bShare input { width:98%; } .bShare textarea { height:60px; } .bShare img { max-height:200px; } .millieux #MediaComm .ColMedia { max-height:250px; position:relative; } .millieux #MediaComm .zoneUP { height:200px; position:relative; border:4px dashed #CCC;} .millieux #MediaComm .zoneUP h1 { background:none; display:block; height:100px; line-height:90px; } .millieux #MediaComm .zoneUP h1 img { display:none; } .millieux .upload li { font-size:10px; display:inline-block; width:115px; height:115px; margin-bottom:10px; position:relative; } .millieux .uploadMSG { position:relative; font-size:14px; text-align:center; height:30px; line-height:10px; width:412px; padding:10px 0; background-color:#eee; border:1px solid #e5e5e5; top:10px; left:20px; } .millieux .uploadMSG .bgGrisKlr { font-size:10px !important; } .millieux .progressMeter { width:110px; position:absolute; bottom:5px; left:152px; line-height:17px; } div.Tab { display:table; width:100%; border-collapse:collapse; } div.Tab a, div.Tab h4 { display:table-cell; vertical-align:middle; } div.Tab a, div.Tab h4 { border-bottom:1px solid #E6E6E6; } div.Tab h4 { padding-right:15px; white-space:nowrap; width:10%; } .menuChat li a.item,.menuChat li a.item.first, div.Tab a.Tcell { width:34px; height:30px; text-align:center; border:1px solid #E6E6E6; background-color:#f5f5f5; } .menuChat li a.item b.pict, div.Tab a strong.pict { display:inline-block; width:34px; height:30px; /*text-indent:-900px; overflow:hidden;*/ } .menuChat .pict.Pfav, div.Tab a.item-1 strong.pict { background-position: left -30px; } .menuChat a:hover .pict.Pfav, .menuChat a.selected .pict.Pfav, div.Tab a.item-1:hover strong.pict, div.Tab a.item-1.selected strong.pict { background-position:top left; } .menuChat .pict.Loc, div.Tab a.item-2 strong.pict { background-position:-34px -30px; } .menuChat a:hover .pict.Loc, .menuChat a.selected .pict.Loc, div.Tab a.item-2:hover strong.pict, div.Tab a.item-2.selected strong.pict { background-position:-34px 0; } .menuChat .pict.expl, div.Tab a.expl strong.pict { background-position:-68px -30px; } .menuChat a:hover .pict.expl, .menuChat a.selected .pict.expl, div.Tab a.expl:hover strong.pict, div.Tab a.expl.selected strong.pict { background-position:-68px 0; } .menuChat .pict.Rech { background-position:0 -103px; } .menuChat a:hover .pict.Rech, .menuChat a.selected .pict.Rech { background-position:-32px -103px; } div.Tab a.item-4 strong.pict{ background-position:-102px -30px; } div.Tab a.item-4:hover strong.pict, div.Tab a.item-4.selected strong.pict { background-position:-102px 0; } div.Tab a.Tcell.selected { border-bottom:none; } div.Tab a.Tcell.text.selected { font-weight:bold; } #HeadChat .menuChat li a.item.selected, #HeadChat .menuChat li a.item:hover, div.Tab a.selected, div.Tab a.Tcell:hover { background-color:#FFF;} a.reglage, div.Tab a.orange { text-align:right; background:none; border-width: 0 0 1px 0; } a.reglage { width:30px; } a.reglage img { vertical-align:middle; } /* contact */ /*#Contact { padding-top:30px; overflow-y:auto; text-align:left; overflow-x:visible; }*/ #Contact { text-align:left;} p.minFiche.dragging.placeholder, #contact_footer .Groupe.add a, #contact_footer .Groupe.sup a { background:transparent url(../images/contact/contact.jpg) no-repeat; } #Contact #tuto { margin-top:20px; height:108px; padding:10px 255px 0px 70px; border:1px solid #e6e6e6; background:#fafafa url(../images/contact/tuto.png) no-repeat top right; } #Contact #tuto p{ font-size:16px; padding-top:3px; color:#8c8c8c; } #Contact #tuto h2{ font-size:22px; } #Contact #tuto a{ font-size:14px; } #Contact p.minFiche { cursor:url(/images/cursors/openhand_8_8.cur),move; } #Contact p.minFiche.selected span { border-color:#505050; } #Contact p.minFiche.dragging { cursor:url(/images/cursors/closedhand_8_8.cur),move; } #Contact p.minFiche.dragging.placeholder b, #Contact p.minFiche.dragging.placeholder span { display:none; } #Contact p.minFiche.dragging.placeholder { background-position:left -100px; } #Contact p.minFiche.dragging.placeholder img { visibility:hidden; background:none; } .contactTip { position:fixed; z-index:10000; } .contactCard { width:388px; height:160px; border:1px solid #d2d2d2; background:#FFF; position:relative; box-shadow:0 0 3px rgba(0,0,0,0.5); moz-box-shadow:0 0 3px rgba(0,0,0,0.5); webkite-box-shadow:0 0 5px rgba(0,0,0,0.3); } .contactCard p { padding:10px; width:208px; display:inline-block; font-size:13px; color:#787878; height:92px; text-align:left; overflow-y:auto; line-height:normal;} .contactCard p b.Inf{ display:inline-block; width:70px; } .contactCard p.nav { border-top:5px solid; height:22px; background:#f5f5f5; overflow:visible; } .contactCard .bulle { display:block; height:10px; width:18px; position:absolute; top:-10px; left:130px; background-position:-118px -102px; } p.nav a.bouton.bgOrange { padding:0 15px; } p.nav a.pict { width:26px; height:21px; display:inline-block; position:relative; margin-right:8px;} p.nav a.pict.item-1 { background-position:-139px -114px; } /* p.nav a.pict.item-1:hover, p.nav a.pict.selected { background-position:left -60px; }*/ p.nav a.pict.item-2 { background-position:-139px -135px; } /*p.nav a.pict.item-2:hover, p.nav a.pict.selected.item-2 { background-position:-28px -60px; }*/ p.nav a.pict.item-3 { background-position:-139px -156px; } /*p.nav a.pict.item-3:hover, p.nav a.pict.selected.item-3 { background-position:-56px -60px; }*/ p.nav a.pict.item-4 { background-position:-130px -242px; } .contactCard strong { font-size:18px; color:#505050; } /* #contact_footer { position:fixed; bottom:0; left:0; width:100%; height:190px; background:#F0F0F0; border-top:1px solid #d2d2d2; z-index:10; } overflow-y: auto; */ #contact_footer { position:fixed; bottom:0; left:0; width:100%; height:200px; background:#F0F0F0; border-top:1px solid #d2d2d2; z-index:10; } #contact_footer .containerCont { height:200px; overflow-y: auto; margin:0 auto; } #contact_footer .Groupe.add a, #contact_footer .Groupe.imp a, #contact_footer .Groupe.sup a { padding-top:74px; height:18px; font-size:15px; color:#b4b4b4; text-align:center; vertical-align:bottom; position:relative; } #contact_footer .Groupe.sup a { background-position:-110px top; padding-top:60px; height:32px; line-height:18px; } #contact_footer .Groupe.imp a { background:url(../images/contact/importer.jpg) no-repeat; padding-top:60px; height:32px; line-height:18px; font-size:16px; } #contact_footer .Groupe.sup a b { font-size:13px; } #contact_footer .Groupe { position:relative; vertical-align:top; height:100px; width:110px; border:4px solid #d2d2d2; display:inline-block; background:#FFF; padding:0px; margin:0 7px 8px 0; } #contact_footer .Groupe a { display:inline-block; height:84px; width:94px; font-size:14px; padding:8px; } #contact_footer .Groupe img { margin:2px 2px 0 0; float:left; } #contact_footer .Groupe span { display:block; } #contact_footer .Groupe span img:nth-child(3n) { margin-right:0; } #contact_footer .Groupe span.mod { position:absolute; bottom:0; left:0; padding:5px 8px; height:20px; width:94px; background:#7d7d7d; display:none; } #contact_footer .Groupe.current span.mod { display:block; } #contact_footer .Groupe span.mod a{ height:20px; width:19px; background-position:-138px -177px; position:relative; padding:0; } #contact_footer .Groupe span.mod a.edit { background-position:-138px -199px; } span.mod a span.ibulle { left:-2px; } #contact_footer .Groupe.dropWait { border-color:#8EB82B; } #contact_footer .Groupe.sup.dropWait{ border-color:#D13333; } #contact_footer .Groupe b font { display:inline-block; max-width:95px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top; } #contact_footer .listeCont { display:inline-block; width:685px; white-space:nowrap; overflow:hidden; padding:0 7px; } .contTheirs #contact_footer .listeCont { width:810px } #contact_footer .barrenoir { display:inline-block; text-align:center; width:20px; height:108px; line-height:108px; vertical-align:top; border:none; color:#FFF; } #contact_footer.open { height:400px; } #contact_footer.open .barrenoir { visibility:hidden; } #contact_footer.open .listeCont { white-space:normal; overflow-y:scroll; } #contact_footer.open a.closeL, #contact_footer a.openL { display:block; line-height:26px; height:26px; text-align:center; border-bottom:1px solid #D2D2D2; } #contact_footer a.closeL, #contact_footer.open a.openL{ display:none; } #contact_footer a.closeL:hover, #contact_footer a.openL:hover{ background:#7d7d7d; color:#FFF; text-shadow:none; } /*#contact_footer .container { width:998px}*/ /* flash notifications */ #ajaxPageLoading, .flashInfo, .flashError, #ajaxPageLoadFailure { display:inline-block; border-radius:0 0 5px 5px; background:#999; color:white; font-weight:bolder; padding: 5px; } .flashInfo .closeButton, .flashError .closeButton { /*background:url(../images/messages/suppr.gif) no-repeat center;*/ float:right; cursor:pointer; width:15px; height:15px; margin-left:5px; } #ajaxPageLoadFailure, .flashError { background-color:red; color:white; } #ajaxPageLoadFailure, .flashError.hl { background-color:white; color:red; } #ajaxPageLoadFailure, .flashInfo.hl { background-color:white; color:#999; } /* flash notifications */ /* messages */ #messages .tabM { margin:0px; padding:0; border:0px; border:3px solid #DFDFDF; border-left:none; border-right:none; width:100%; font-size:14px; } #messages .tabM tr.ligne td { border-bottom:1px solid #DFDFDF; } #messages .tabM img { max-width: 500px; } #messages .oldMessages .tabM, #messages .lastMessages .tabM{ border:none; } #messages .tabM .Mphoto { width:68px; padding:15px; text-align:center; } #messages .tabM .Mlogin, #messages .tabM .Mtxt, #messages .tabM .Mtxt b { display:block; } #messages .tabM .Mlogin { line-height:20px; padding-bottom:3px; font-size:15px; } #messages .date { display:inline-block; font-style:normal; font-size:12px; vertical-align:top; } #messages .tabM .Minfo { text-align:right; padding-right:15px; } #messages .tabM .Minfo a{ display:inline-block; height:20px; vertical-align:middle; } #messages .tabM .discus { display:inline-block; height:21px; line-height:20px; width:31px; background-position:-40px -212px; position:relative; } .tabM .discus.on { background-position:-40px -191px !important; } #messages .tabM .nlu .Mnb, #messages .tabM .nlu p, #messages .tabM .nlu a, #messages .tabM .nlu .Mde a, #messages .tabM .nlu .date { font-weight:bold;} #messages .tabM tr.nlu { background:#fff5eb; } #messages .tabM tr.selected { background:#f5f5f5; } p.discussion { border:1px solid #e8e8e8; background:#FAFAFA; height:32px; padding:0 15px; line-height:32px; } p.discussion span { line-height:32px; height:32px; } p.discussion a.pict { display:inline-block; height:21px; width:22px; vertical-align:text-top; } p.discussion a.add { background-position:-132px -242px; } p.discussion a.ign { background-position:-132px -221px; } b.supM, a.supM { display:inline-block; height:10px !important; width:12px !important; background-position:-90px -221px; vertical-align:middle; padding:0 !important; } p.discussion .alerte{ text-transform:uppercase; font-size:12px; margin-right:15px; } #messages .tabM tr.ligne.discussion td { border-bottom:1px solid #DFDFDF; border-top:1px solid #FFF; background-color:#f5f5f5; } #messages .ligne.unread td { font-weight:bold; } .discussion p.padd { padding: 0 15px 8px 5px; } .discussion p.suiteMSG { border-top:1px dotted #DFDFDF; padding:8px 15px 8px 5px; } .discussion .date { color:#b4b4b4; } #RepMsg { padding:20px 0 30px 0; background:#FFF; } .fake-textarea textarea{ font-size:13px; border-color:white; border: none; outline: none; -moz-outline: none; overflow-y: hidden; resize: none; width: 100%; font-family:Verdana; box-sizing: border-box; height:75px; padding-left:1px; overflow-y:auto; } .fake-textarea textarea { min-height:75px; } .fake-textarea td { padding:0; margin:0; } .fake-textarea { background-color:white; border: 1px solid #dcdcdc; text-align:left;} #RepMsg p.action { height:28px; margin:0; padding:15px 0 0 0; border-top: 3px solid #DFDFDF; font-size:15px; } .PlusMsg { background:#F0F0F0 !important; /*text-align:center;*/ border-right:none !important; border-left:none !important;} .PlusMsg a { display:block; } .PlusMsg img { vertical-align:middle; } #messages, lastMessages { z-index:10; } /*---- netev2 */ /* smiley */ .fake-textarea #smiley { padding:0; margin:0 0 0 5px; display:inline-block; } .fake-textarea #smiley .smileyText { height:18px; width:18px; cursor:pointer; } .fake-textarea #smiley .smileyText .smileyPanel{ position:absolute; border:1px solid #CCCCCC; background-color:#FFFFFF; margin:-69px 0 0 -265px; padding:3px; z-index:100;} .fake-textarea #smiley .smileyText .smileyPanel.vertical { /*width:90px;*/} .fake-textarea #smiley .smileyText .smileyBox { height:19px; width:18px; background-position:-71px -423px; } .fake-textarea .smileyPanel img { vertical-align:middle; } .fake-textarea #smiley .smileyText .smileyBox:hover { background-color:#b3b3b3; } .fake-textarea #smiley strong, .fake-textarea #smiley br { display:none; } .fake-textarea #smiley .smileyPanel table { border-collapse:collapse; } .fake-textarea #smiley .smileyPanel td { border:1px solid transparent; padding:2px; } .fake-textarea #smiley .smileyPanel td:hover { border:1px solid #bbb; background-color:#ccc; } /* fin smiley */ .date-wnd .border { display:block; padding:7px; margin-top:5px; font-size:12px;} #wnd.MessageWindow .Window-toolbar .Window-destroy { float:left; } .selectDiscussionsControls { text-align:center; padding:5px 0; border-top:1px solid #96a5c4; } /*---- fin netev2 */ /* messages */ /* search */ #plus, #moins, #selectR, #Rannonces input, #Rannonces select, #Rannonces { font-size:14px; position:relative; } #Rannonces h3.border { font-size:18px; padding:7px 15px; margin-bottom:10px; background:#F0F0F0; } #Rannonces b.ligne, #Rannonces span.ligne, #Rannonces .M5px ul li { width:195px; display:inline-block; } #Rdetails p { line-height:30px; } #Rannonces .Lsearch { text-align:center; } .Lsearch .bouton { font-size:18px !important; padding:15px 30px; height:auto; text-transform:uppercase; } #Rannonces .gauche .block { padding:0; font-size:14px; position:relative; } #Rannonces .gauche .ongletBottom { padding:0 10px; } #Rannonces a.reset { color:#8c8c8c; font-size:10px; text-shadow:none; position:absolute; right:10px; top:13px; } #Rannonces .gauche .block .bouton { width:100%; text-transform:uppercase; line-height:30px; height:30px; } .criteres .geoLoc, span#plus a, span#moins a, .RechS p { display:block; padding:10px;} span#plus a, span#moins a { font-size:15px; } .criteres .geoLoc input { width:100%; margin-right:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .criteres .pict { height:13px; width:13px; vertical-align:middle; margin-top:-1px; } .criteres #moins .pict { background-position:-78px -487px; } .criteres #plus .pict { background-position:-91px -487px; } .buttonLabel .pict { background-position:-65px -487px; position:absolute; right:7px; top:9px; } .selecting .buttonLabel .pict { background-position:-52px -487px; } #Rannonces .FakeInpTxt { display:block; line-height:24px; min-height:24px; } #Rannonces .FakeInpTxt input { height:22px; } #Rannonces .FakeInpTxt .supM { top:8px; right:8px; } #Rannonces .pages { line-height:30px; height:30px; } #Rannonces .pagination { line-height:30px; height:30px; } #Rannonces .pagination.fixTop { position:absolute; top:0; left:230px; } #Rannonces .Fblock { margin-right:15px; padding-bottom:15px; } #Rannonces .Fblock.video, #Rannonces .Fblock.video:nth-child(5n) { margin-right:24px; padding-bottom:24px; }/* margin-right:16px; padding-bottom:16px; */ #Rannonces #filtres ul, #Rannonces #filtres li { display:inline-block; } #filtres li input, #filtres li .pict { vertical-align:middle; } #filtres li .pict { width:18px; height:18px; margin:0 7px; } #filtres li .pict.Connect { background-position:-122px -82px; } #filtres li .pict.Photo { width:19px; background-position:-36px -83px; } #filtres li .pict.Video { height:16px; background-position:-65px -84px; } #filtres li .pict.Album { width:19px; background-position:-32px -487px; } #filtres li .pict.Exhib { width:14px; background-position:-0 -487px; } #filtres li .pict.New { background-position:-14px -487px; } /*#Rannonces .Fblock li.info span { display:inline-block; }*/ /*#Rannonces ul.Fblock li.photo, #Rannonces ul.Fblock li.photo img { width:140px; height:140px; }*/ #Rannonces ul.Fblock.video li.video, #Rannonces ul.Fblock.video b.play, #Rannonces ul.Fblock.video li.video img { width:172px; height:129px; } ul.Fblock.video b.play{ background-position:-1191px -1px; } ul.Fblock.video b.play:hover { background-position:-825px -1px; } #Rannonces .Fblock.video:nth-child(4n), #Rannonces .Fblock:nth-child(5n) { margin-right:0; } #Rannonces .criteresGroup { cursor:pointer; font-size:14px;} #Rannonces .criteresGroup .buttonLabel { padding-left:7px; background:#f0f0f0; border-top:1px solid #FFF; border-bottom:1px solid #e6e6e6; height:28px; line-height:28px; position:relative;} #Rannonces .criteresGroup ul li { min-height:23px; display:block; line-height:23px; vertical-align:middle; } #Rannonces .criteresGroup ul li input { margin-right:5px; } #Rannonces .criteresGroup ul li, #Rannonces .criteresGroup .buttonLabel { color:#b4b4b4; } #Rannonces .criteresGroup ul li.checked, #Rannonces .criteresGroup .autocompleteSuggestions li, #Rannonces .criteresGroup.selecting .buttonLabel { color:#505050; } #Rannonces ul.ville, #Rannonces ul.ville li { padding:0; } /* deb provisoir*/ #Rannonces .tab1{ width:100%; margin:0px; padding:0; border-bottom:1px; border-top:1px; border-left:0; border-right:0; border-style:solid; border-color:#96A5C4; font-size:14px; } #Rannonces th { height:30px; margin:5px 0 0 0; padding:0; border-bottom:1px solid #96A5C4; text-align:left; } #Rannonces tr { height:30px; } #Rannonces tbody tr:nth-child(odd) { background:#F0F0F0; } #Rannonces .avt { width:40px; text-align:center; } #Rannonces .pho { width:70px; text-align:center; } #Rannonces .log { padding:0 0 0 10px; } #Rannonces .dep { width:50px; } #Rannonces .d-h { width:120px; } #Rannonces .fch { width:155px; } /* fin provisoir*/ #Rannonces .inlblo { display:inline-block; margin-left:20px; border:1px solid #F00; padding:10px; vertical-align:top; } /* <-- temporaire */ #Rannonces .contactCard { display:inline-block; } #RechSauv p { line-height:28px; font-size:14px; display:table; width:100%; border:1px dashed #d2d2d2; margin-bottom:10px; } #RechSauv p:hover { background:#f0f0f0; } #RechSauv p a { vertical-align:middle; display:table-cell; } #RechSauv p a.star { width:20px; } #RechSauv .star { color:#505050; } #RechSauv .favoris .star { color:orange; } /* end search*/ /* start showing */ h2.plan, ol#classement h2 { background:#5a5a5a; font-size:16px; padding:15px 10px; color:#FFF; text-shadow:none; position:relative; } h2.plan { padding:5px 10px; } #recordCam #medaille, ol#classement #medaille { display:block; width:53px; height:43px; position:absolute; top:13px; right:13px; background-position:-849px -135px; } #recordCam #medaille { top:24px; right:25px; } ol#classement p { font-size:12px; } .vignetteC span.first, #recordCam .vignetteC, ol#classement .vignetteC{ display:block; position:relative; width:90px; height:88px; padding:11px 0 0 7px; margin-right:13px; } .vignetteC span.first { position:absolute; top:0; left:0; background-position:-902px -135px; } ol#classement p strong { font-size:13px; display:block; } ol#classement p strong.orange{ font-size:14px; padding-top:5px; } p#recordCam { padding:14px; height:62px; font-size:16px; position:relative; } p#recordCam a { text-shadow:none; } p#recordCam a.floatR{ margin-right:90px; margin-top:38px; color:#FFF; font-size:12px; text-transform:uppercase; } p#recordCam strong { font-size:18px; } p#recordCam b.pict { color:#aaaaaa; font-size:13px; } p#recordCam b.date { background-position:-171px -177px;} p#recordCam b.heure { background-position:-168px -114px;} #Rannonces p.media, #showingtop p.media { text-align:center; } #Rannonces p.media.webcam, #showingtop p.media.webcam { width:160px; height:230px; background-position:-1001px -32px; margin:0 4px 15px 0; } #Rannonces p.media.webcam { margin-right:0; } #Rannonces p.media a, #showingtop p.media a b.play, #showingtop p.media a, #Rannonces p.media.webcam a b.play { width:160px; height:120px; } #showingtop p.media.webcam a b.play, #Rannonces p.media.webcam a b.play { background-position:-1199px -140px; } #Rannonces p.media.webcam b.play:hover, #showingtop p.media a b.play:hover { width:160px; height:120px; background-position:-831px -5px; } p.media .Rank { position:absolute; top:145px; left:25px; width:auto; } div.plan h3 { background:#f0f0f0; font-size:15px; line-height:28px; } div.plan p a{ height:48px; line-height:48px;} div.plan p a .plus { display:inline-block; height:32px; width:32px; background-position:-156px -223px; overflow:hidden; text-indent:-100px; vertical-align:middle; } div.plan p, div.plan ul.miniFiche li.tof, div.plan ul.miniFiche li.btn, div.plan h3 { padding-right:10px; padding-left:10px; } div.plan li.menu { font-size:11px; text-transform:uppercase; padding:5px; } div.plan ul.miniFiche li.txt { padding:0; } .showPlan p.bottomPlan b, p#recordCam b.pict, div.plan ul.miniFiche .btn strong{ line-height:13px; display:inline-block; height:15px; padding-left:18px; } .showPlan p.bottomPlan b.date, div.plan ul.miniFiche .btn strong.date { background-position:-168px -144px;} .showPlan p.bottomPlan b.heure, div.plan ul.miniFiche .btn strong.heure{ background-position:-168px -129px;} div.plan li.menu, div.plan p#trie, div.plan h3 { border-top:1px solid #E6E6E6; } div.plan p#trie select { width:100%; } b.award { display:inline-block; width:28px; height:45px !important; position:absolute; top:-1px; left:10px; background-position:-821px -135px; padding:0 !important; } b.award.conc { background-position:-821px -181px; width:24px; line-height:45px; font-size:16px; } b.award.show { background-position:-849px -221px; width:21px; height:18px !important; } b.award.pos1 { background-position:-388px 0; width:23px; height:38px !important; } b.award.pos2 { background-position:-412px 0; width:23px; height:38px !important; } b.award.pos3 { background-position:-437px 0; width:23px; height:38px !important; } .showing h1 b.award { position:relative; margin-top:-1px; } .showing h1 b.award.show { vertical-align:top; margin-top:8px;} .showPlan { width:318px; font-size:12px; margin:0 15px 15px 0; position:relative; } .showPlan .award { left:auto; right:15px; top:-2px; } #listePlan .showPlan:nth-child(3n) { margin-right:0px; } .showPlan .vign62 { margin:15px; } .showPlan p { padding:15px 15px 15px 93px; height:105px; } .showPlan p b { font-size:14px; } .showPlan p em { font-size:13px; font-style:normal; color:#787878; } .showPlan p strong { font-size:16px; display:inline-block; width:205px; line-height:30px; overflow:hidden; white-space:nowrap;} .showPlan p.bottomPlan { font-size:14px; height:22px; line-height:22px; text-align:center; padding:10px 15px; border-top:1px solid #E6E6E6; background:#f3f3f3; } .showPlan p.bottomPlan b{ margin-top:5px; } a.cam { display:block; height:185px; width:180px; position:relative; font-size:14px; text-shadow:none; margin-right:13px; margin-bottom:13px; } .Mur a.cam { height:auto; } #listeCams.listReceive div a.cam { margin:0 20px 20px 0; } #listeCams.listReceive div:nth-child(5n) a.cam, .gaucheBig #listeCams div:nth-child(4n) a.cam { margin-right:0; } a.cam img { display:block; width:180px; height:135px; background:#000; } a.cam img.play { height:auto; width:auto; position:absolute; bottom:4px; right:4px; } a.cam img.onAir { position:absolute; left:53px; top:0; height:auto; width:auto; background:transparent; } a.cam i { position:absolute; width:180px; top:105px; height:30px; line-height:30px; background:rgba(0,0,0,0.5); color:#FFF; font-style:normal; text-indent:12px; } a.cam b { display:block; height:28px; padding:10px; line-height:14px; } a.cam b span.orange { font-size:13px; } a.cam.bgOrange { padding-top: 5px; height:180px;} a.cam.bgOrange img { height:130px; width:170px; margin:0 auto;} a.cam.bgOrange .orange { color:#FFF !important; } .showing .selected { background:#bbb; } .Mur p.STcam a.vignCam { height:135px; width:180px; display:inline-block; position:relative; } .Mur p.STcam a.vignCam img { height:135px; position:absolute; } .Mur p.STcam span.block { height:118px; display:inline-block; padding:0 15px; width:200px; vertical-align:top; line-height:20px; padding-top:15px; } /*.showing img.smiley { height:14px; }*/ .showing img.smiley { vertical-align:baseline; } .showing .ui-resizable-s { background:red; height:5px; } .cam-resize-helper { background-color:transparent; border:1px solid yellow; } .publish.floatL { width:480px; } #showingCam { background-color:#000; /*width:600px; height:300px; position: absolute; top: 130px; left: 337px; */} .showing #showingCam{ position:relative; top:0; left:0;width:640px; height:480px; } .publish #showingCam{ position:relative; top:0; left:0;width:480px; height:360px; } .miniCam #showingCam{ position:fixed; top:auto; right:auto; bottom:190px; left:17px; height:180px; width:240px; background-color:#000; margin:0; z-index:980; } .miniCam h2 { background:#f5f5f5; font-size:15px; padding:10px; line-height:14px; height:25px; font-family:"Titillium_Bold"; position:absolute; top:0; z-index:999; width:220px; } .miniCam h2 em { font-size:12px; color:#787878; display:block; } .cam_minimiz { position:fixed; bottom:0; left:17px; padding:0; /*background-color:white;*/ z-index:990; width:240px; height:415px; text-align:left; font-size:13px; } #BGminiShow { position:absolute; top:0; z-index:997; box-shadow:0 0 20px rgba(0,0,0,0.4); width:240px; height:415px; /*background-color:white;*/ } .cam_minimiz .vign32{ display:none; } .miniChat { height:170px; overflow:hidden; position:absolute; top:225px; z-index:999; padding:10px; width:220px; line-height:20px; background:#FFF; } .cam_minimiz .MenuShow { position:absolute; top:195px; margin-top:0; width:210px; z-index:999; } .cam_minimiz .back { display:block; position:absolute; height:180px; width:240px; bottom:190px; z-index:998; } .miniCam .droiteBig,.miniCam .droite,.miniCam .millieux { padding-bottom:420px; } /*.miniCam #contact_footer .container{ padding-right:148px; width:850px; }*/ .showing h1 { height:32px; line-height:32px; padding:0 15px; font-size:18px; } .showing h1 em { font-weight:normal; font-size:13px; } .showing h1 a.orange{ font-size:10px; text-shadow:none; text-transform:uppercase; vertical-align:middle; } .showing h1 .award { position:relative; z-index:90; vertical-align:top; text-align:center; color:#FFF; } .chatCam { width:325px; } .chatCam.Publisher { width:485px; } /*.chatCam .header p { padding:10px; height:18px; line-height:18px; font-size:14px; }*/ /*.chatCam .header p { padding:10px; height:62px; font-size:14px; } ---------- taille si credit actif */ .chatCam .header p { padding:10px; height:44px; font-size:14px; } .chatCam.Publisher .header p{ height:42px; } .chatCam .header p strong { font-size:20px; } .chatCam .header p em { font-size:16px; } /* .chatCam b.hard, .chatCam b.soft { display:none; } .chatCam.hard b.hard, .chatCam.soft b.soft { display:inline-block; margin-top:2px; height:20px; width:20px; } modifié par christophe */ .header b.hard, .chatCam b.hard, .chatCam b.soft { display:none; } .header.hard b.hard, .chatCam.hard b.hard, .chatCam.soft b.soft { display:inline-block; margin-top:2px; height:20px; width:20px; } .chatCam .header p.ApplaGris{ height:32px; line-height:32px; } .chatCam .header p.ApplaGris span{ min-height:16px; line-height:16px; vertical-align:middle; display:inline-block; } .chatCam .header p.ApplaGris span em { font-style:normal; font-size:14px; } .chatCam .paramMSGchat { font-size:12px; } .chatCam ul.com { padding-top:0; } /*.chatCam #chat { overflow-y:auto; height:400px; } ---------- taille si credit actif */ /*.chatCam.Publisher #chat { height:409px; } ---------- taille si credit actif */ .chatCam #chat { overflow-y:auto; height:355px; } .chatCam.Publisher #chat { height:288px; } .chatCam #chat li a.orange { display:block; } .MenuPublish, .MenuShow { text-align:center; position:relative; height:30px; padding:0 15px; line-height:30px; margin:0; font-size:14px; } .MenuShow { /*text-align:left; */ margin-top:-30px; z-index:90; background:rgba(0,0,0,0.5); color:#FFF; } .MenuShow a.pict { vertical-align:top; margin-top:6px; margin-right:9px; }.MenuShow a.pict.Psms { margin-top:5px; } .MenuShow a.pict.Psms { background-position:-23px -387px; } .MenuShow a.pict.Pfiche { background-position:-46px -387px; } .MenuShow a.pict.Pfs { background-position:-71px -407px; width:18px; height:16px; } a.pict.PsonOn { background-position:-89px -407px; width:18px; height:16px; } a.pict.PsonOff{ background-position:-89px -423px; width:18px; height:16px; } .MenuShow a.volume { position:relative; display:inline-block; margin-right:2px; height:14px; width:4px; background:#FFF; } .MenuShow a.volume.off { background:rgba(255,255,255,0.5); } .MenuShow a.volume .ibulle{ left:-13px; } .MenuPublish a.pict { display:inline-block; width:16px; height:22px; margin-top:4px; } .MenuPublish a.pict.PPshow { background-position:-123px -423px; } .MenuPublish a.pict.PSshow { background-position:-107px -423px; } .MenuPublish a.pict.PMicOn { background-position:-107px -403px; } .MenuPublish a.pict.PMicOff{ background-position:-123px -401px; } .MenuPublish b.time{ background-position:-168px -157px; padding-left:22px; display:inline-block; line-height:18px; height:18px; } .BTPublish { padding:9px 14px; } .BTPublish .bouton { height:35px; width:216px; line-height:15px; padding-top:4px;} form.Credits { padding:13px 0; height:35px; } .Credits p { padding-left:14px; text-transform:uppercase; font-size:15px; } .Credits p .compteur{ display:block; width:81px; height:32px; line-height:32px; background-position:-1073px 0; color:#5a5a5a; box-shadow:0 0px 3px rgba(48,48,48,0.6); font-family:"Helvetica_bold"; padding-left:7px; letter-spacing:14px; } .Credits p .wallet { background:#FFF; border:1px solid #b4b4b4; border-radius:6px; width:128px; margin-top:-3px; padding:4px; } .Credits p .wallet .bouton { height:29px; line-height:29px; padding:0 10px; } .Credits p .wallet input.credit { border:0; height:28px; line-height:28px; width:30px; padding-left:3px; font-size:16px; color:#787878; } .Credits p em { color:rgba(0,0,0,0.5); font-size:14px; text-transform:none; line-height:15px; } .Credits.ApplaGrisF p em{ color:rgba(255,255,255,0.5); } .Credits p.Obj { width:165px; } .Credits p.Att { width:202px; } .Credits p.Add { width:215px; } .Credits p.Check{ width:36px; height:32px; background-position:-1001px 0; padding:0; margin-right:10px; } .Credits p.Check.off{ background-position:-1037px 0; } .Credits .addRemov { vertical-align:middle; display:inline-block; width:16px; height:29px; line-height:14px !important; padding-right:5px; } #receivers p.minFiche b { border:none; } #receivers p.minFiche em{ margin-top:3px; display:block; height:19px; line-height:19px; width:48px; border:1px solid #454545; letter-spacing:6px; padding-left:3px; background-color:#000; background-position:-850px -182px; color:#FFF; box-shadow:0 0 3px #000; text-shadow:-1px -1px 1px #000; } #receivers p.minFiche em.disable{ background-color:transparent; background-position:-850px -201px; border-color:#dadada; box-shadow:0 0 3px #aaa; text-shadow:-1px -1px 1px #bbb; } #receivers p.minFiche a:hover span { border-color:#f0a0a0; background-color:#fff5f5; color:#d73c3c; } .camsAccueil .bigPublisher, #listeCams .smallPublisher { display:none; } .camsAccueil .smallPublisher, #listeCams .bigPublisher { display:block; } .showingSettings.Settings h4 { width:130px; vertical-align:top; } .showingSettings.Settings li p { padding-left:0; width:300px; } .showingSettings { overflow-y:auto;overflow-x:hidden; } /* end showing */ /* stats */ #Stats .Fblock { margin-right:13px; padding-bottom:15px; } #Stats .Fblock:nth-child(4n) { margin-right:0; } .coups2C .C2C { visibility:hidden; } .coups2C .C2C.Recut.Envoye { visibility:visible; } .new li.vign180 a { border:5px solid #FAA900; width:170px; height:170px; } .new li.vign180 a img { width:170px; height:170px;} .new li.vign180 span.C2C{ margin-left:-5px; } a.Jours { display:inline-block; padding:5px 8px; margin-left:5px; font-size:14px; color:#FFF; line-height:13px; font-family:'Titillium_Regular'; text-shadow:none; border-radius:3px; vertical-align:top; } .blockStats { text-align:left; width:238px; height:161px; display:inline-block; font-size:13px; } .blockStats .ApplaGris { display:block; height:113px; padding:15px 8px 0 8px; border:1px solid #e6e6e6; border-bottom:none; text-transform:uppercase; } .blockStats .Chiffre { display:block; font-size:56px; line-height:60px; font-family:'Titillium_Light'; } .blockStats .classement { display:block; line-height:32px; padding:0 8px; color:#FFF; font-size:20px; } .blockStats .classement em { font-size:14px; } .blockStats .classement .Exp{ font-size:12px; vertical-align:text-top; line-height:18px; } .blockStats b.pict { height:22px; width:22px; vertical-align:top; margin:3px 7px 0 0; } .Option label { display:inline-block; padding:0 10px; color:#FFF; line-height:26px; } .Option label input { margin:0 10px 0 0; vertical-align:text-top; } .blockStats.SVisites .Chiffre { color:#8bb8cd; } label.visit, .blockStats.SVisites .classement { background:#8bb8cd; } .blockStats.SVisites b.pict { background-position:-143px -410px; } .blockStats.SC2c .Chiffre { color:#b6c52e; } label.c2c, .blockStats.SC2c .classement { background:#b6c52e; } .blockStats.SC2c b.pict { background-position:-143px -388px; } .blockStats.SFollow .Chiffre { color:#e96267; } label.follow, .blockStats.SFollow .classement { background:#e96267; } .blockStats.SFollow b.pict { background-position:-165px -388px; } .blockStats.SExhib .Chiffre { color:#82cdaf; } .blockStats.SExhib .classement{ background:#82cdaf; } .blockStats.SExhib b.pict { background-position:-143px -410px; } .blockStats.SPhoto .Chiffre { color:#a082aa; } .blockStats.SPhoto .classement{ background:#a082aa; } .blockStats.SPhoto b.pict { background-position:-143px -410px; } .blockStats.SVideo .Chiffre { color:#f5b419; } .blockStats.SVideo .classement{ background:#f5b419; } .blockStats.SVideo b.pict { background-position:-143px -410px; } #Visualization { background: -moz-linear-gradient(top, #FFF 96%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(96%,#FFF), color-stop(100%,#e8e8e8)); background: -o-linear-gradient(top, #FFF 96%,#e8e8e8 100%); background: -ms-linear-gradient(top, #FFF 96%,#e8e8e8 100%); background: linear-gradient(top, #FFF 96%,#e8e8e8 100%); background-color:#FFF; } #Visualization .visites { display:block; } #Visualization, svg { width:760px; height:313px; } form.Option { line-height:32px; height:32px; padding:0 10px; font-size:12px; } form.Option .date{ font-size:20px; } h4.pubL { font-size:18px; } table.achievements, table.Evenements { width:100%; } table.Evenements td, table.achievements td, table.achievements th, table.Evenements th { height:28px; border-width:1px; border-style:solid; border-color:#cdcdcd; border-left-color:#FFF; padding-left:8px; } table.achievements td, table.Evenements td { border-style:dashed; border-top:none; border-bottom:none; border-right-color:#e6e6e6; font-size:12px; cursor:default; } table.achievements th:first-child, table.Evenements th:first-child { border-left-color:#cdcdcd; } table.achievements td:first-child, table.Evenements tbody td:first-child { border-left-color:#e6e6e6; } table.achievements tbody tr:nth-child(odd), table.Evenements tbody tr:nth-child(odd){ background:#f5f5f5; } table.achievements tbody tr:hover, table.Evenements tbody tr:hover { background:#fff0e1; } table.achievements td:first-child { padding-left:0; } table.achievements div.pRelative, table.achievements tbody tr { height:59px; } table.achievements .share { width:59px; text-align:center; padding-left:0; } table.achievements .name { width:180px } table.achievements .Maward strong.pict { top:-10px; } table.Evenements td .bullePBL { position:absolute; min-width:385px; background:#FFF; box-shadow:0 0 4px #000; padding:10px; margin-top:-15px; left:10px; } .bullePBL .bulle { display:block; position:absolute; top:12px; left:auto; right:-10px; width:10px; height:18px; background-position:-137px -34px; } .bullePBL div { padding-bottom:0px; } th.Date, th.PublA, th.Port, th.Share, th.Visi { } #temoignages h3 { padding-bottom:5px; } #temoignages .borderBox { padding:15px; } #temoignages em.date.floatR { height:12px; line-height:12px; margin-top:-5px; margin-right:-5px; } #temoignages em.date .supM { vertical-align:top; margin-top:1px; margin-right:0; } #temoignages p.bottom em { display:inline-block; } #temoignages p.bottom { border-top:1px solid #CCC; height:30px; line-height:30px; margin:0 -15px -15px -15px; padding:0 15px;} p.bottom .pict { margin-top:5px; } #temoignages .temSmall { margin-top:8px; } #temoignages p.bottom a.pict { height:21px; width:22px; background-position:-132px -221px; } #temoignages p.bottom a.pict.reject { background-position:-143px -367px; } #date li a { display:block; border-left:6px solid #b4b4b4; padding-left:10px; line-height:22px; font-size:15px; } #GraffAge .Echelle { height:204px; border:1px solid transparent; position:relative; } #GraffAge .infos { height:18px; color:#8c8c8c; } #GraffAge .Echelle b{ height:204px; position:relative; } #GraffAge b { display:block; width:80px; padding:0 10px; vertical-align:bottom; text-align:center; z-index:2; font-size:14px;} #GraffAge em { position:absolute; display:block; left:0; bottom:2px; width:100%; text-align:center; } #GraffAge .pourcent { display:block; position:absolute; left:10px; bottom:0; width:80px; height:1px;} #GraffAge .bottom .pourcent, #GraffAge .bottom b { top:0; bottom:auto; } #GraffAge .bottom em{ top:4px; bottom:auto; } #GraffAge .infos b:first-child, #GraffAge .Echelle b:first-child { width:125px; text-align:left; } #GraffAge .Echelle em:first-child { text-indent:10px; text-align:left; } #GraffAge .Echelle hr { position:absolute; left:0; top:0%; width:100%; margin:0; border-color:#e6e6e6; border:none; height:1px; line-height:1px; background-color:#e6e6e6; z-index:1;} #GraffAge .Echelle.bottom hr:nth-child(1n) { top:100%; } #GraffAge .Echelle hr:nth-child(2n) { top:75%; } #GraffAge .Echelle.bottom hr:nth-child(2n) { top:75%; } #GraffAge .Echelle hr:nth-child(3n) { top:50%; } #GraffAge .Echelle.bottom hr:nth-child(3n) { top:50%; } #GraffAge .Echelle hr:nth-child(4n) { top:25%; } #GraffAge .Echelle.bottom hr:nth-child(4n) { top:25%; } /* fin stats */ /* Event */ #Event .block, ul.choixD li.calendar, a.eventFlyer, .vignFly { background:transparent url(../images/soiree/no-flyer.jpg); } a.eventFlyer { width: 194px; height: 194px; display: block; background-position: 0px 194px; } .vignFly.vign32 { background-position: -194px -488px; } div.btHead .bouton { text-transform:uppercase; padding:0 15px; height:28px; line-height:28px; vertical-align:middle; } div.btHead .bgGrisKlr { height:26px;} #myEvent { text-transform:none; font-size:14px;} #myEvent h4 { text-shadow:none !important; padding-left:10px; font-size:16px; } #myEvent a.MyE { line-height:13px; display:inline-block; vertical-align:middle; padding-left:10px; } #myEvent li { line-height:40px; height:40px; display:inline-block; width:100%; border-bottom:1px solid #e6e6e6; } #myEvent li.optGroup { line-height:30px; height:30px; } #myEvent li.optGroup:last-child { line-height:normal; height:auto; } #myEvent li:hover, .contextMenuButton li:hover { background-color:#efefef; } #myEvent b { display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:135px; } #myEvent em { font-size:12px; } #myEvent .vign { display:inline-block; height:40px; width:40px; border-left:6px solid #F00; vertical-align:top; } #formEvent { height:64px; padding:0; margin:0; position:relative; z-index:10; } #formEvent .borderBox { border-color:#CDCDCD; } #formEvent fieldset { display:block; height:52px; padding:6px 10px; margin:0; width:398px; } #formEvent p { line-height:18px; padding:0 0 5px 0; } #formEvent p b.geoLoc { height:15px; width:11px; background-position:-157px -177px } #formEvent p a { display:inline-block; border:1px solid #CCC; padding:0 4px; margin-right:1px; margin-bottom: 1px;font-size: 12px;} #formEvent p a:hover { border-color:#f0a0a0; color:#d73c3c; background:#fff5f5;} #formEvent p a:hover b.supM { background-position:-136px -102px; } #formEvent p .plus { display:none;padding:1px 4px; cursor:pointer; position:relative; z-index:20; } #formEvent p .plus.show { display:inline-block; } #formEvent .plus span { display:none; position:absolute; background:#FFF; height:20px; padding:10px; top:-10px; left:18px; border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; z-index:20; } #formEvent .plus:hover span { display:block; white-space:nowrap; box-shadow:0 0 4px #000; } #formEvent .plus:hover span:after { content:""; position:absolute; left:-5px; top:15px; height:0; width:0; border-bottom:5px solid transparent; border-right:5px solid #FFF; border-top:5px solid transparent; } #formEvent input { width:388px; font-size:14px; } /* yves start */ #content .btHead { position: relative; z-index: 20;} #formEvent #classBy a { font-size: 11px; text-transform: uppercase;} #formEvent #eventFilters { width: 100%;} #formEvent #eventFilters > li { margin-left: 10px;} #formEvent #filtersList { max-width: 610px; margin-left: 5px;} #formEvent #filters h4 { text-shadow: none !important; padding-left: 10px; font-size: 16px;} #formEvent #filters li span { padding: 0 10px;} #formEvent input#dateSelector { position: absolute !important; top: 0; left: 0; background: transparent; border: none; width: 100%; height: 100%; outline: none; cursor: pointer; opacity: 0;} .uploaderWorkspace { padding: 10px 10px 0px;} .uploaderWorkspace .themeItem, .uploaderWorkspace .uploadItem { margin: 0 5px 5px 0; border: 3px solid #FFF; box-shadow: 0 0 4px #CCC;} .uploaderWorkspace .themeItem *, .uploaderWorkspace .uploadItem * { float: left;} .uploaderWorkspace .uploadItem .supM { position:absolute; top:0; right:0; width:12px; height:12px; padding:3px; background-color:#000;} .uploadWidget .imageFit { min-width: 120px; min-height: 66px; width: 100%;} .uploadWidget .picto { width: 100%; height: 100%; overflow: hidden; background-image: url("/images/soiree/no-flyer.jpg"); background-position: -38px -416px;} /* yves end */ ul.choixD { display:block; height:64px; width:73px; background:#FEFEFE; border-left:none; } ul.choixD .FakeSlct { height:64px; } ul.choixD li { display:block; position:relative; } ul.choixD li.calendar { height:64px; width:73px; line-height:64px; background-position:-289px -393px; cursor:pointer;} ul.choixD li ul li{ } /*ul.choixD li:hover li,*/ ul.choixD li ul { display:none; position:absolute; background:#FFF; left:0; top:0; width:329px; z-index:100; font-size:11px; border:1px solid #CCC; box-shadow:0 1px 2px #000; } ul.choixD:hover ul { display:inline-block; } ul.choixD li ul li:hover{ background-color:#EFEFEF; } ul.calendar { border-top:8px solid transparent; width:496px; display:block; } ul.calendar li { display:block; border:1px solid #cdcdcd; font-size:11px; line-height:17px; border-left:none; } /*.calendar li:first-child{ border-left:1px solid #CCC; }*/ ul.choixD li ul li.month a, .calendar li.month, ul.calendar li a { display:block; width:49px; height:47px; text-transform:uppercase; padding:9px 0 0 9px; } ul.choixD li ul li.month a, .calendar li.month { width:73px; } ul.choixD li ul li.month a em, .calendar li em { display:block; font-size:25px; } ul.choixD li ul li.month a em, .calendar li.month em{ color:#b4b4b4; } .calendar li.selected { border-color:#b31515; border-right:0;} .calendar li.selected a { box-shadow:inset 2px 2px 3px rgba(0,0,0,0.3); border:1px solid #c82f2f; width:47px; height:46px; border-top:none; } .calendar li a:hover { box-shadow:inset 0 0 4px rgba(0,0,0,0.3); } .calendar li.selected em.rouge { color:#FFF !important; } .calendar li.selected + li { border-left:1px solid #cdcdcd;} #Event { width:995px; z-index:1; } #Event .block { float:left; margin:0 5px 5px 0; border:0; padding:0; position:relative; overflow:hidden; } #Event .block.big { width:393px; height:393px; } #Event .block.mid { width:194px; height:194px; background-position:0 -393px; } #Event .block.small { width:95px; height:95px; margin:0 4px 4px 0; background-position:-194px -393px; } #Event .block.mid .small:nth-child(2n){ margin-right:0; } #Event .block img { position:absolute; top:0; left:0; z-index:1; } #Event .details { height:100%; width:100%; position:absolute; z-index:3; top:0; left:0; padding:0; } #Event .details a { text-shadow:none; } #Event .block img:hover + .details, /* ie */ #Event .details:hover { background:#f08c00; background:rgba(240,140,0,0.95); } #Event .goTo { display:block; text-shadow:none; text-transform:uppercase; line-height:22px; padding:0; width:100%; z-index:2; position:absolute; top:0; left:0;} #Event .goTo .pict { background-position:-165px -410px; padding-left:29px; } #Event .details a.desc { display:none; height:100%; padding:10px; } #Event .details a.desc em { font-size:10px; text-transform:uppercase; } #Event .details a.desc b { font-size:20px; } #Event .details:hover a.desc { display:block; color:#FFF; } #Event .details:hover .bareEdit { background:transparent; border-color:transparent !important; } #Event .bareEdit { height:auto; border-bottom:5px solid transparent; background:rgba(0,0,0,0.7); } #Event .bareEdit b { line-height:14px; font-size:13px; } #Event .bareEdit b.heure { background-position:-168px -114px; color:#FFF; padding-left:17px; margin-left:15px; } #Event .bareEdit b.date { background-position:-171px -177px; color:#FFF; padding-left:19px; } #Event .block.small .details a em, #Event .block.small .details a span, #Event .block.small .details br, #Event .block.small .bareEdit b.heure { display:none; } #Event .block.small .details a.desc b { font-size:13px; } #party .block, #party { font-size:14px; } #party .block { padding:14px; margin-bottom: 10px;} #party .block.disableInputs { position: relative; } #party .block.planner { padding:9px; } #party .block.planner em{ display:block; margin:-10px -10px 10px -10px; padding-left:10px; line-height:22px; height:22px; text-transform:uppercase; font-size:11px; } #party .block.planner h2{ font-size:20px; line-height:40px; } .calendarEventForm .Amis, #party .Presence { padding:0 0 0 10px; display:block; line-height:26px; height:26px; position:relative; font-size:15px; } .calendarEventForm .Amis { color:#a0a0a0; background-color:#f0f0f0; } .calendarEventForm .Amis strong, #party .Presence strong { position:absolute; right:-1px; height:28px; line-height:28px; top:-1px; width:32px; text-align:center; border-radius:0; } .calendarEventForm .Amis strong { padding: 0 5px; width: auto; min-width: 50px; } .calendarEventForm .Amis span.orange, #party .Presence .orange{ position:absolute; right:40px; text-transform:uppercase; font-size:10px; } .calendarEventForm .Amis span.orange{ right:70px } #party .block.planner p { padding:0; font-size:12px; } #party .detSoiree fieldset { display:block; padding:0; margin:0; height:28px; line-height:28px; text-align:left; overflow:hidden; white-space:nowrap; } #party .detSoiree label { display:inline-block; padding:0 11px; position:relative; overflow:hidden; border-right:1px solid #CCC; font-size:13px; cursor:pointer; } #party .detSoiree label:hover, #party .detSoiree label.selected { box-shadow:inset 1px 1px 3px rgba(0,0,0,0.3); } #party .detSoiree label.selected.oui{ border-radius:3px 0 0 3px; } #party .detSoiree label.selected.non{ border-radius:0 3px 3px 0; } #party .detSoiree label:last-child { border-right:none; } #party .detSoiree label b.pict { line-height:28px; vertical-align:text-bottom; } #party .detSoiree label input { position:absolute; top:-30px; } #party .detSoiree h1 { font-size:32px; } #party .detSoiree p.borderBox { padding:10px; border-top:none; font-size:16px !important; } #party .pict.date, #party .pict.heure { height:15px; line-height:15px; padding-left:25px; } #party .pict.date { background-position:-168px -143px; } #party .pict.heure { background-position:-168px -128px; } #party .detSoiree div.BordrOrange { border-top:4px solid; } #party .detSoiree p.infoSup, #party .block a.link { padding:0; font-size:11px; text-align:right; text-transform:uppercase; } #party .block a.plus { background-color:#f4f4f4; } #party .droite ul li { height:auto; min-height:25px; line-height:25px; border-bottom:1px solid #ccc; border-top:1px solid #FFF; border-bottom:1px solid rgba(0,0,0,.2); border-top:1px solid rgba(255,255,255,.2); padding:0; } #party .droite #myFriend li { height:43px; line-height:43px; text-align:right; } #party .droite ul li:first-child { border-top:none; } #party .droite ul li:last-child { border-bottom:none; } #party .vign43 { vertical-align:middle; margin-right:10px; } #party .droite ul a.bouton { height:19px; line-height:19px; text-transform:none; } #party ul.infoP b { display:inline-block; width:110px; vertical-align:top; } #party ul.infoP span, #party ul.infoP input[type="text"] { display:inline-block; width:143px; line-height:normal; padding:5px 0; } #party ul.infoP input[type="text"] { font-size: 14px; } #party ul.infoP input.withCheckbox, #party ul.infoP .withCheckbox { width: 60px; } #party .vignette a { margin:1px 1px 0 0; } #party .vignette a:nth-child(4n) { margin-right:0; } #party .block p.publish { margin:10px 0 0 0; } #party .block p.publish input { width:100px; } #party .block p.publish .item-4,#party .block p.publish .item-5 { display:none; } #party .block p.publish .publishForm { width: 410px; } .Mur .eventListGroup .item { padding: 15px; } .Mur .eventListGroup .item div { border-bottom: none; } .Mur .eventListGroup .item .actions { margin-left: 15px; } .Mur .eventListGroup .item .actions .eventTitle{ font-size: 15px; margin-bottom: 14px; display: block; text-transform: uppercase; } .Mur .eventListGroup .item .participants { color: #b4b4b4; } .Mur .eventListGroup .item .participants b { font-size: 18px; } /* yves */ .Mur div.Evenement div.choix .bouton.detSoiree { padding:0; margin:0; height:28px; line-height:28px; overflow:hidden; white-space:nowrap; } .Mur .detSoiree a { display:inline-block; padding:0 11px; position:relative; overflow:hidden; border-right:1px solid #CCC; font-size:13px; cursor:pointer; } .Mur .detSoiree a:hover, .Mur .detSoiree a.selected { box-shadow:inset 1px 1px 3px rgba(0,0,0,0.3); } .Mur .detSoiree a.selected.oui{ border-radius:3px 0 0 3px; } .Mur .detSoiree a.selected.non{ border-radius:0 3px 3px 0; } .Mur .detSoiree a:last-child { border-right:none; } .Mur .detSoiree a b.pict { line-height:28px; vertical-align:text-bottom; } .Mur .detSoiree a input { position:absolute; top:-30px; } .Mur .detSoiree h1 { font-size:32px; } .Mur .detSoiree p.borderBox { padding:10px; border-top:none; font-size:16px !important; } /* yves */ /* .calendarEventForm fieldset { width:443px; padding:20px; margin:0; } .calendarEventForm fieldset p { height:30px; line-height:30px; } .calendarEventForm fieldset p b { display:inline-block; width:115px; } */ .calendarEventForm { top:-20px; background:#ffffff; z-index:90; } #scrollFixTop.calendarEventForm { padding:0 20px;} .menuEditE { padding:15px 0; text-align:right; line-height:30px;} .calendarEventForm .bouton { height:28px; line-height:30px; font-size:15px !important; } .calendarEventForm .bouton.bgOrange { text-transform:uppercase; height:30px; } .calendarEventForm .stepForm { background:#e6e6e6; box-shadow:inset 0 3px 7px #d1d1d1; border-bottom:2px solid #FFF; } .calendarEventForm .stepForm.open{ background:#f5f5f5; box-shadow:inset 0 3px 7px #dedede; } .stepForm .displayBlock { display:none; } .stepForm.open .displayBlock { display:block; } .calendarEventForm h1 { font-size:22px; position:relative; } .calendarEventForm h1:after { content:""; position:absolute; left:5px; bottom:-23px; height:0; width:0; border-right:8px solid transparent; border-left:8px solid transparent; border-top:8px solid #FFF; } .calendarEventForm h2 { font-size:18px; height:48px; line-height:48px; text-align:right; } .calendarEventForm h2 a { font-size:18px; display:inline-block; color:#9a9a9a; } .calendarEventForm h2 .option { font-size:11px; text-transform:uppercase; } .calendarEventForm h2 img { vertical-align:middle; } .calendarEventForm .FakeInpTxt .pict { height:15px; width:15px; vertical-align:middle; } .calendarEventForm .FakeInpTxt .pict.date { background-position:-167px -143px;} .calendarEventForm .FakeInpTxt .pict.heure { background-position:-168px -129px;} .calendarEventForm .FakeInpTxt .pict.search { height:17px; width:17px; background-position:-170px -432px;} .calendarEventForm .FakeInpTxt, .calendarEventForm p, .calendarEventForm input, .calendarEventForm select { font-size:15px; } .calendarEventForm select { padding:5px; line-height:30px; } .calendarEventForm div.block { width:443px; padding:20px; margin:0; background-color:#f0f0f0; } .EventInfo div.block p { /*height:30px;*/ line-height:30px; } .EventInfo div.block p b { display:inline-block; width:115px; } .vignEv { border:3px solid #FFF; box-shadow:0 0 4px #CCC; display:block; height:120px; width:120px; margin-right:20px; } .TypeEv { width:213px; } .calendarEventForm .soireeP { height:28px; line-height:28px; padding:0; display:inline-block; vertical-align:top; position:relative; } .calendarEventForm .soireeP .infos {position: absolute; top: -7px; right: -15px;} .calendarEventForm .soireeP .infos span.ibulle {top:-15px; left:-8px;} .calendarEventForm .soireeP a { display:inline-block; width: 39px;} .calendarEventForm .soireeP label { display:inline-block; padding: 0 10px;} .calendarEventForm .soireeP a.btSp { width:39px; } .calendarEventForm .soireeP a:first-child { border-right:1px solid #CCC; } .calendarEventForm .soireeP b.pict { height:16px; width:12px; vertical-align:middle; } .calendarEventForm .soireeP b.pict.prive { background-position:-158px -207px; } .calendarEventForm .soireeP b.pict.public{ background-position:-52px -407px; width:19px; } .calendarEventForm .soireeP .selected { background-color:#a2a2a2; box-shadow:inset 1px 1px 3px #717171; color:#FFF; text-shadow:1px 1px 1px rgba(0,0,0,0.25); } .calendarEventForm .soireeP .selected b.pict.prive { background-position:-1px -407px; } .calendarEventForm .soireeP .selected b.pict.public { background-position:-33px -407px; width:19px; } .calendarEventForm .tel { display:inline-block; width:215px; } .EventTheme em, .EventInfo em { line-height:26px; text-align:center; } .calendarEventForm label.option{ line-height:26px; text-align:right; display:block; } .calendarEventForm .TDspace { width:20px; } .calendarEventForm div.block, .calendarEventForm .TDspace { display:table-cell; vertical-align:top; } /* Yves start */ .EventInfo .messageBox { border: 1px solid #CCC;} .EventInfo div.block .messageBox p { color: #FF5F5F; font-size: 12px !important;} .calendarEventForm .EventTheme .vignEv { height: 66px;} #eventThemeEditor #opacityRange_input { width:30px;} #addEndTime { cursor: pointer;} #htmlEditor { width:441px; height:251px;} .calendarEventForm .EventInfo .time_ts, .EventInfo #readable_date { width:210px; display:inline-block;} .calendarEventForm .EventInfo .timeSelector { margin-bottom:5px;} .calendarEventForm .EventInfo .selectInpt { margin:1px 1px 0 0;position: relative; z-index: 11} .calendarEventForm .EventInfo .selectDisplay { width:175px;} .calendarEventForm .EventInfo .multipleCheckbox { border:1px solid #CCC; background:#FFF; position:relative; font-size:15px; padding:10px;} .calendarEventForm .multipleCheckbox div, .multipleCheckbox .cb_title { display:table-cell;} .calendarEventForm .multipleCheckbox .cb_title { margin-right:10px;} .calendarEventForm .multipleCheckbox .cb_label { display:inline-block; margin-bottom:5px;} .calendarEventForm .noimg { width: 100%; height: 70px;} /* Yves end */ /*.EventInfo div.container div { display:none !important; }*/ .EventContacts .borderBox { padding:10px; background-color:#f0f0f0; } .listeInvite .blocCont { height:37px; border:3px solid #dcdcdc; background:#FFF; position:relative; display:block; width:187px; margin:0 6px 6px 0; cursor:pointer; font-size:14px; } .EventContacts .listeInvite li:nth-child(5n) { margin-right:0; } .listeInvite .blocCont .vign43 { top:-3px; left:-3px; bottom:-3px; float: left;} .listeInvite .blocCont:hover { background:#fff5eb; } .listeInvite .blocCont input { display: none; } .listeInvite .blocCont p { float: left; line-height: 39px; text-indent: 5px; overflow: hidden; width: 138px; white-space: nowrap; text-overflow: ellipsis; } .EventFly h3 { margin:-20px -20px 20px -20px; height:27px; text-transform:uppercase; padding-top:0; padding-bottom:0; line-height:27px; font-size:14px; } .EventFly .block li { height:auto; line-height:normal; font-size:15px; padding:0;} .EventFly .block label { display:block; min-height:28px; padding:11px; } .EventFly .block label.selected, .EventFly .block label:hover { border:3px solid #dcdcdc; padding:8px; } .EventFly .block b { color:#646464; font-size:15px; } .EventFly .block .floatR.orange { font-size:16px; text-transform:uppercase; } .EventFly .block img, .EventFly .block p, .EventFly .block input { vertical-align:top; } .EventFly b.pict { height:27px; width:41px; } .EventFly b.pict.flyS { background-position:-82px -442px; } .EventFly b.pict.flyM { background-position:-41px -442px; } .EventFly b.pict.flyL { background-position:0 -442px; } .EventFly .block input { margin-top:5px; } .calendarEventForm .EventFly div.block p{ height:auto; padding:5px 0 0 20px; font-size:13px; color:#aaa; line-height:normal; display:inline-block; width:330px; } .EventFly div.block strong { color:#505050; } .EventFly .posFly label { min-height:14px; padding:9px; position:relative; } .EventFly .posFly label.selected, .EventFly .posFly label:hover { padding:6px; } .EventFly .posFly label.selected{ background:#FAFAFA; border-color:#dcdcdc; } .EventFly .posFly input { margin-top:0; display:block; line-height:15px; padding:0 4px 0 0; height:17px; float:left; } .calendarEventForm .EventFly div.posFly p { padding:0; width:395px; } .calendarEventForm .block.Mtotal { padding:6px 10px; background:#f5f5f5; text-align:right; height:30px; line-height:30px; font-size:18px; } .calendarEventForm .block strong { font-size:15px; } .calendarEventForm .block strong em { font-size:13px; color:#a0a0a0; } .calendarEventForm .block strong.bgOrange em { color:#FFF; } .EventTheme ul.Themes li { position:relative; display:inline-block; margin:11px 11px 0 0; text-shadow:none; background:#FFF; box-shadow:0 2px 3px #c6c6c6; height:100px; width:128px; padding:5px; line-height:normal; cursor:pointer; } .EventTheme .Themes a.save { display:none; position:absolute; top:5px; left:5px; height:100px; width:128px; background:#000; background:rgba(0,0,0,0.5); } .Themes a.save b.pict { position:absolute; bottom:5px; right:5px; height:16px; width:15px; background-position:-126px -471px; } .Themes a.btSup { display:none; } .Themes li:hover a.btSup { display:block; position:absolute; top:-5px; right:-5px; height:19px; width:19px; box-shadow:0 0 4px #c3c3c3; border-radius:20px; border:2px solid #FFF; } .Themes a.btSup .supT { overflow:visible; background-position:-72px -217px; height:19px; width:19px; } ul.Themes li.selected a.save{ display:block; } .navTheme { position:relative; } .navTheme a { display:inline-block; height:22px; width:22px; border-radius:22px; line-height:20px; text-align:center; position:absolute; top:80px; } .navTheme a b.pict { height:12px; width:9px; } .navTheme a.Prec b.pict { background-position:-140px -76px; } .navTheme a.Prec { left:-30px; } .navTheme a.Suiv b.pict { background-position:-140px -89px; } .navTheme a.Suiv { right:-30px; text-indent:3px; } .EventTheme ul.Themes li:nth-child(3n){ margin-right:0; } .EventTheme ul.Themes li b { display:block; line-height:18px; height:18px; font-size:13px; width:100%; overflow:hidden; } .EventTheme .Themes em.color{ display:inline-block; width:23px; height:10px; overflow:hidden; } .EventTheme .colorTheme { padding:10px 10px 0 0; /*height:64px;*/ min-height:22px; } .EventTheme .colorTheme li { display:block; float:left; width:132px; padding:0 0 10px 10px; height:22px; line-height:22px; vertical-align:middle; } .EventTheme b.pict { vertical-align:middle; } .EventTheme b.coul { height:23px; width:23px; background-position:-123px -447px; margin-top:-2px; } .EventTheme b.perm { height:17px; width:23px; background-position:-147px -432px; margin-top:-2px; } .EventTheme .colorTheme li b{ display:inline-block; height:20px; width:38px; margin-right:4px; background-position:-148px -449px; } .EventTheme .fade { display:inline-block; position:relative; height:25px; width:70px; vertical-align:top; cursor:pointer; } .EventTheme .fade .borderBox { border-color:#cdcdcd; } .EventTheme .fade .line { display:block; height:2px; width:71px; position:absolute; top:10px; left: -1px;} .EventTheme .fade .fader{ display:block; height:18px; width:18px; border-radius:3px; position:absolute; top:2px; cursor:w-resize; } .EventTheme .p100Fade { width:40px; text-align:center; } .EventTheme .save { width:100%; } /* Yves start */ .EventTheme #containerGallery { position:relative; height: 310px; } .EventTheme #containerGallery .navTheme { position: static;} .EventTheme #containerGallery .navTheme span.ibulle { left: -13px;} .EventTheme .galleryContainer { position: absolute; left: -20px; overflow: hidden; white-space: nowrap; width: 483px; height: 290px; padding-top: 40px;} .EventTheme .Themes { display: inline-block; white-space: normal; vertical-align: top; margin-left: 19px;} .EventTheme .Themes li { vertical-align: top;} .EventTheme .Themes span.ibulle { left: -50px;} .EventTheme .Themes span.ibulle:after { left: 54px;} .EventTheme .allItems { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out;} #render_tpl .block.planner img { width: 190px;} .contactList { width: 295px; margin: 0 5px; } .listeAPI p, .listeAPI ul li { padding: 0; } .listeAPI ul li { margin-right: 0;margin: 19px 19px 0 0; } .listeAPI ul li.firstRow { margin-top: 0; } .listeAPI ul li.last { margin-right: 0; } .listeAPI ul a { width: 58px; height: 58px; display: block; border-radius: 10px; opacity: .6; cursor: pointer; background-color: #AAA; } .listeAPI ul a .pict { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; color: #FFF; text-align: center; } .listeAPI ul.itemSelect .colored { display: none; } .listeAPI ul a:hover, .listeAPI ul a.selected { opacity: 1; } .listeAPI ul a.selected { box-shadow: 0 0 0px 4px #faa900; } .listeAPI ul a .colored, .listeAPI ul.itemSelect a.selected .colored { z-index: 20; display: block; } .displayBlock input[type="radio"] { display: none; } /* Yves end */ .calendarEventForm .EventTheme a.btAlign{ width:41px; } .calendarEventForm .EventTheme .soireeP b.pict { width:21px; height:18px; } .calendarEventForm .EventTheme .soireeP a:last-child{ border-left:1px solid #ccc; } .calendarEventForm b.pict.Aleft { background-position:0 -469px; } .calendarEventForm .selected b.pict.Aleft { background-position:-63px -469px; } .calendarEventForm b.pict.Acenter { background-position:-21px -469px; } .calendarEventForm .selected b.pict.Acenter { background-position:-84px -469px; } .calendarEventForm b.pict.Aright { background-position:-42px -469px; } .calendarEventForm .selected b.pict.Aright { background-position:-105px -469px; } .calendarEventForm .disableInputs, #formEvent .disableSelect { position: relative; opacity: .4; } /* edit */ .Edit_info_inl, .Edit_info { display:block; padding:0 2px; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .Edit_info_inl { display:inline-block; } .Edit_info_inl:hover, .Edit_info:hover{ background-color:rgba(255,255,255,0.3) !important; box-shadow:0 0 2px #000;background:url('/images/soiree/Edit/pict_edit.png') no-repeat top right !important;} .events_zippy { padding-right:20px; } .time_ts.Edit_info_inl { padding-right:20px !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; -ms-box-sizing:content-box;} /*tchat NEW */ #chatWindow { top:0; right:0; position:fixed; background:#f0f0f0; z-index:1000; /*width:300px;*/ width:260px; text-align:left; box-shadow:-7px 0 10px rgba(0,0,0,0.2); } #chatWindow.openTchat { border-left:1px solid #2d2d2d !important; } #chatWindow.minimized { bottom:0; top:auto; /*width:300px;*/ width:260px; height:30px; border-top:6px solid transparent; } #chatWindow.minimized div { display:none; } #chatWindow.minimized h3 { display:none; } #chatWindow .minimizedShow { display:none; } #chatWindow.minimized #heightChat, #chatWindow #HeadChat, #chatWindow.minimized .minimizedShow { display:block; } #chatFilter { padding:15px; position:absolute; background-color:#f0f0f0; /*width:270px;*/ width:230px; top:0; right:0; } #chatFilter h2 { /*font-size:18px;*/ font-size:16px; height:18px; line-height:18px; padding-bottom:15px; border-bottom:1px solid #CCC; } #chatFilter h2 .supM{ margin-top:4px; } #AgeFilter p a, #chatFilter p a { display:block; background:#Fafafa; border:4px solid #d2d2d2; height:42px; line-height:42px; color:#8c8c8c; font-size:15px; } #AgeFilter p a { display:inline-block; height:34px; line-height:34px; padding:0 12px; background-color:#fafafa; } #AgeFilter p a b, #chatFilter p a b { /*margin:0 14px;*/ margin:0 10px; width:32px; height:32px; display:inline-block; vertical-align:middle; margin-bottom:3px;} #AgeFilter p a b { margin-left:0; margin-right:7px; height:20px; } #chatFilter b.All { background-position:0px -101px; } #chatFilter b.Loc { background-position:-32px -101px; } #chatFilter b.Rech { background-position:-64px -101px; } #chatFilter b.Pexpl { background-position:0 -133px; } #chatFilter b.Pfav { background-position:-32px -133px; } #AgeFilter b.Pfav { background-position:-158px -470px; width:21px; } #AgeFilter b.Pvis { background-position:-67px -345px; width:24px; } #AgeFilter b.Pcoe { background-position:-91px -345px; width:21px; } #chatWindow #HeadChat { height:74px; /*height:53px;*/ position:relative; } #chatWindow.minimized #HeadChat { height:30px; line-height:30px; } #chatWindow #HeadChat p { padding:0 10px; font-size:13px; height:31px; line-height:31px; color:#FFF;} #chatWindow #HeadChat p img, #chatWindow #HeadChat p .pict { vertical-align:middle; } /*#chatWindow #heightliste{ overflow-y:auto; }*/ #chatWindow .ChatDisconnected { position:absolute; top:0; right:0; width:100%; text-align:center; height:74px; line-height:74px; font-size:13px; } #HeadChat .menuChat { padding:10px 10px 0 10px; margin-right:16px; height:32px; border-bottom: 1px solid #dcdcdc;} #HeadChat .menuChat li a, #HeadChat .menuChat li, #HeadChat .menuChat li a b.pict { display:inline-block; position:relative; } .menuChat li a.item { margin-bottom:0; border-left-width:0px; bottom:-1px;} .menuChat li a.item.selected { border-bottom-color:#FFF; } #ContChatList, #ScrollD, #MSGchat { overflow-y:auto; } #ContChatList, #ScrollD{ overflow:hidden; } #ContChatList ul { padding:10px; } #ContChatList ul li:first-child { border-top:1px solid #DCDCDC; } #ContChatList ul li { border-bottom:1px solid #DCDCDC; border-right:1px solid #DCDCDC; } #ContChatList li a.Lfav { display:block; height:43px; font-size:12px; background:#FFF; } #ContChatList li a.Lfav .ligne1 {padding-top:5px; height:16px; } #ContChatList li a.Lfav b { font-size:14px;} #ContChatList li a.Lfav span { font-size:12px; } #ContChatList li a.Lfav:hover { background-color:transparent; } /*#ContChatList li a.Lfav img { height:43px; }*/ #ContChatList .contactCard { position:absolute; /*right:310px;*/ right:270px; margin-top:-43px; } #ContChatList .contactCard p.nav { border-top:1px solid #CCC; margin-top:4px; } #ContChatList .contactCard .bulle { top:12px; left:auto; right:-10px; width:10px; height:18px; background-position:-137px -34px; } #chatWindow h3 { font-size:13px; text-transform:uppercase; padding:10px; margin:0; } ol#DiscChatList li { border-bottom:1px solid #DCDCDC; height:28px; line-height:28px; font-size:14px; } ol#DiscChatList li { border-left:4px solid #ddd; } ol#DiscChatList li.selected { font-weight:bold; } ol#DiscChatList li.ready { /*background-color:#DCF0DC;*/ /*border-left:4px solid #8EB82B;*/ } ol#DiscChatList li.cam { background-color:blue; } ol#DiscChatList li.disconnected { /*background-color:#F1F161;*/ border-left:4px solid red; } ol#DiscChatList li:hover { background-color:#FFF; } ol#DiscChatList li a.supM { display:none; margin-right:0; } ol#DiscChatList li:hover a.supM { display:inline-block; } ol#DiscChatList span.floatR { height:28px; line-height:28px; display:block; position:relative; } ol#DiscChatList li .login { display:inline-block; height:16px; line-height:16px; /*width:198px;*/ width:155px; padding-left:27px; vertical-align:middle; margin-left:3px; } ol#DiscChatList .login.fav { background-position:-166px -263px; } ol#DiscChatList li .newMSG { display:inline-block; text-align:center; height:28px; width:28px; vertical-align:top; margin-left:7px; background:#e6e6e6; color:#c8c8c8; } #chatWindow .HeadDiscus { height:30px; line-height:30px; padding:0 10px; font-size:14px; font-family:'Titillium_Medium'; } #chatWindow .HeadDiscus a { color:#FFF; } .HeadDiscus a.pict.supM { margin-right:4px; } #HeadChat a.pict, .HeadDiscus a.pict { height:16px; width:16px; vertical-align:middle; margin:-1px 0 0 4px; } .HeadDiscus a.pict.Pfav { background-position:-122px -113px; } .HeadDiscus a.pict.Pfiche { background-position:-46px -389px; width:23px } .HeadDiscus a.pict.Pcam { background-position:-0px -423px; height:18px; } #scrollChat/*, #MSGchat*/ { height:310px; } #MSGchat li.unread { background-color:#FFE0C1; } #MSGchat li.unread p { /*font-weight:bold;*/ } #MSGchat li.unread p a.Mlogin { } #chatWindow .com ol li.oldMSG { padding:5px; text-align:center; font-size:14px; } #HeadChat a.pict { width:18px; margin-top:5px; } #HeadChat a.pict.reduire{ background-position:-168px -512px; width:18px; height:18px;} #chatWindow .HeadDiscus .supM { background-position:-113px -221px; vertical-align:baseline; } #chatWindow ul.com { padding-top:0; } #chatWindow em.date { font-size:12px; } #chatWindow #flashcontent { /*display:none;*/ position:absolute; right:260px; /*right:300px;*/ bottom:0; height:360px; width:480px; background:#000; } #chatWindow .chatInfo { font-size:12px; color:#6e6e6e; display:table; width:100%; } #chatWindow .chatInfo span { display:table-cell; text-align:center; color:#FFF; } /*#chatWindow .chatInfo span:hover { background:#e1e1e1; }*/ #chatWindow .chatInfo span.bgOrange:hover { background:#505050; } #chatWindow .chatInfo span.toto { -ms-animation: movingBg 1s infinite; -moz-animation: movingBg 1s infinite; -webkit-animation: movingBg 1s infinite; } @keyframes movingBg{ 0%{background-color:#FA820A;} 50%{background-color:#FA820A;} 51%{background-color:transparent;} 100%{background-color:transparent;} } @-ms-keyframes movingBg{ 0%{background-color:#FA820A;} 50%{background-color:#FA820A;} 51%{background-color:transparent;} 100%{background-color:transparent;} } @-moz-keyframes movingBg{ 0%{background-color:#FA820A;} 50%{background-color:#FA820A;} 51%{background-color:transparent;} 100%{background-color:transparent;} } @-webkit-keyframes movingBg{ 0%{background-color:#FA820A;} 50%{background-color:#FA820A;} 51%{background-color:transparent;} 100%{background-color:transparent;} } /*tchat a droite*/ .OpenchatNFloat { text-align:left; } .OpenchatNFloat .containerCont, .OpenchatNFloat .container { margin-right:0; margin-left:5px !important; padding-left:0; } .OpenchatNFloat #content.NOcontainer { margin-left:5px; } .OpenchatNFloat .containerCont .container { margin-left:0 !important; } .OpenchatNPadd .container { padding-left:0 !important; padding-right:260px !important; } .OpenchatNPadd #contact_footer, .OpenchatNFloat #contact_footer .openL, .OpenchatNFloat #contact_footer .closeL, .OpenchatNPadd #content.NOcontainer { padding-right:260px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .OpenchatNPadd #Contact .container, .OpenchatNPadd .NOcontainer .container, /* <--- a verifier */ .OpenchatNPadd #contact_footer .container { padding-right:0 !important; } /* christophe: rajout de .navigator */ .navigator .viewport, #chatWindow .viewport { background:#f2f2f2; /*width: 240px;*/ /*width:210px;*/ height:100%; overflow: hidden; position:relative; } .navigator .overview, #chatWindow .overview { width:100%; list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } .navigator .scrollbar, #chatWindow .scrollbar { background: #2d2d2d; position: relative; float: right; width: 16px; } .navigator .track, #chatWindow .track{ background:#252525; height:100%; width:9px; position:relative; padding:0; border-radius:6px; left:4px; border:1px solid #1e1e1e; border-bottom-color:#646464; border-right-color:#646464; box-shadow: inset 1px 1px 1px #2a2a2a; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .navigator .thumb, #chatWindow .thumb{ background:#969696; border-radius:5px; height: 20px; width:6px; cursor: pointer; overflow: hidden; position: absolute; top: 0; } .navigator .disable .track, #chatWindow .disable .track { display:none; } .navigator .scrollbar { background:#ddd; } .navigator .track { background:transparent; box-shadow:none; border:0;} .chatRechS { width:205px; border:1px solid #d2d2d2; background:#FFF; position:absolute; right:-70px; top:30px; z-index:20; font-size:14px; box-shadow:0 0 3px rgba(0,0,0,0.5); moz-box-shadow:0 0 3px rgba(0,0,0,0.5); webkite-box-shadow:0 0 5px rgba(0,0,0,0.3); color:#b4b4b4; } .chatRechS ul { margin:0; padding:0; max-height:145px; overflow-y:auto; } #HeadChat .chatRechS ul li, .chatRechS ul li { display:table; width:100%; } #HeadChat .chatRechS ul li a, .chatRechS ul li a{ display:table-cell; height:28px; line-height:28px; padding:0 10px; } .chatRechS ul li a.star { width:20px; text-align:right; } .chatRechS ul li { border-bottom:1px solid #d2d2d2; } .chatRechS .bouton.bgOrange { width:100%; height:30px; line-height:30px; } /* fin */ /* Parametres */ .Settings { font-size:14px; } .Settings h4{ font-size:14px; } .Settings li{ padding:10px 0; display:table; width:100%; } .BorderBotP { border-bottom:1px dotted #CCC; padding:0 0 10px 0; } .Settings li ul li{ /*display:block;*/ padding:10px 0; background:transparent !important; border-bottom:1px dotted #CCC; } .Settings li ul li:last-child { border-bottom:none; padding-bottom:0; } .Settings li ul li:first-child { padding-top:0; } .Settings li ul, .Settings h4, .Settings label, .Settings b, .Settings span { display:table-cell; } .Settings li p { display:table; width:100%; } .Settings span { padding:0 10px;} .Settings li ul li label, .Settings li ul.setComm li h4, .Settings h4, .Settings p b { width:175px; padding:0 10px; line-height:normal; } .Settings span.end { width:80px; text-align:right; padding-right:10px; } /*.Settings form { margin-top:10px; padding-top:10px; border-top:1px solid #CCC; }*/ .Settings li ul li h4, .Settings label { padding-left:10px; width:130px; } .Settings input.inptWidth { width:300px; } .Settings select.inptWidth { width:300px; } .Settings .noTable label { width:auto; display:block; padding:0 0 5px 0;} .Settings .noTable label input { margin:0 10px 0 0; } b.pict.settings { background-position:-37px -505px; width:19px } a:hover b.pict.settings, .onglS b.pict.settings { background-position:-141px -488px; } b.pict.secure { background-position:-22px -505px; width:15px } a:hover b.pict.secure, .onglS b.pict.secure { background-position:-126px -488px; } b.pict.privacy { background-position:-77px -500px; width:26px } a:hover b.pict.privacy, .onglS b.pict.privacy { background-position:-121px -509px; } b.pict.blackl { background-position:-133px -221px; width:20px } a:hover b.pict.blackl, .onglS b.pict.blackl { background-position:-160px -490px; } b.pict.alert { background-position:-132px -301px; width:17px } a:hover b.pict.alert, .onglS b.pict.alert { background-position:-104px -509px; } b.pict.subscription { background-position:0px -505px; width:22px } a:hover b.pict.subscription, .onglS b.pict.subscription { background-position:-104px -487px; } b.pict.help { background-position:-55px -500px; width:22px } a:hover b.pict.help, .onglS b.pict.help { background-position:-147px -509px; } .Settings .sound_slid_h { position:absolute; left:80px; top:2px; width:250px; } /* fin Parametres */ /*fin tchat NEW */ /* pagination */ .pagination a { display:inline-block; height:16px; line-height:16px; border:1px solid #DCDCDC; padding:0 6px; color:#c8c8c8; font-size:12px; } .pagination .suiv, .pagination .prec { background-color:#505050; border-color:#505050; } .pagination .suiv.off, .pagination .prec.off{ background-color:#dcdcdc; border-color:#dcdcdc; } .pagination b.pict { width:6px; height:10px; overflow:hidden; text-indent:-100px; margin-bottom:-1px;} .pagination .suiv b.pict { background-position:-142px -66px; } .pagination .prec b.pict { background-position:-125px -221px; } /* fin pagination */ /* WND_popup */ .wnd .Window-title { } .progressMeter { height: 15px; /* Can be anything */ position: relative; background: #555; padding: 1px; text-align:left; } .progressMeter > span { display: block; height: 100%; background-color: rgb(43,194,83); overflow: hidden; position: relative; background:url(../images/fiche/upload.gif) repeat; } /* UI Dialog customization */ .ui-widget-overlay { background:rgba(0,0,0,0.5) !important; opacity: initial !important; filter: initial !important; } .ui-dialog { width: 450px !important; padding: 20px !important; } .ui-dialog .ui-dialog-title { font-family: 'Titillium_Regular', Arial, Helvetica; } .ui-dialog .ui-dialog-buttonpane { padding: 0 !important; margin-top: 0 !important; } .ui-dialog .ui-dialog-buttonset { padding-top: 15px; } .ui-dialog .ui-dialog-buttonpane button { margin: 0 !important; height: 30px; } .ui-dialog .ui-dialog-content { display: none !important; } .ui-dialog .ui-dialog-titlebar { text-align: left !important; padding: 0 0 10px 0 !important; } .ui-dialog .ui-widget-content { border-color: #D2D2D2 !important;} .ui-dialog .ui-widget-header { font-weight: normal !important; font-size: 22px; } .ui-dialog .ui-button-text { padding: 1px 6px !important; font-size: 14px !important; font-family: 'Titillium_Medium'; } .ui-dialog .ui-icon { display: none !important; } .ui-dialog .ui-widget-header { border: none !important; background-image: none !important; background-color: #FFF !important; } .ui-dialog .ui-dialog-buttonpane button.yes { border-radius:3px !important; float: right; margin-right: 0 !important; background: -moz-linear-gradient(top, #ef8231 0%, #eb6400 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef8231), color-stop(100%,#eb6400)) !important; background: -o-linear-gradient(top, #ef8231 0%,#eb6400 100%) !important; background: -ms-linear-gradient(top, #ef8231 0%,#eb6400 100%) !important; background: linear-gradient(top, #ef8231 0%,#eb6400 100%) !important; background-color:#ef8231 !important; color:#FFF !important; text-shadow:0px 1px 0px rgba(0,0,0,0.25) !important; font-family: 'Helvetica_bold'; } .ui-dialog .ui-dialog-buttonpane button.no { border-radius:3px !important; display:inline-block; border:1px solid #cdcdcd !important; box-shadow:inset 0px -1px 1px #FFF, 0px 1px 0px rgba(0,0,0,0.1) !important; background-color: buttonface !important; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none !important; position: relative !important; } .ui-dialog .ui-dialog-title { white-space: normal !important; } .modal_content { border-radius: 8px !important; } /* menu de filtres */ #content .filtersMenuBox { border-radius:3px; border:1px solid #FFF; background:#fefefe; z-index:15; position:absolute;padding:2px; min-width:100px; box-shadow:0 0 10px #aaa; text-align:left; } #content .filtersMenuBox br { display:none; } #content .filtersMenuBox label, #content .filtersMenuBox a { display:block !important; font-size:14px; line-height:28px; height:28px; border-top:1px solid #E6E6E6; border-bottom:none; padding-left:5px; position:relative; overflow:hidden; text-transform: none;} #content .filtersMenuBox label:hover, #content .filtersMenuBox a:hover { background:#F0F0F0; } #content .filtersMenuBox label:first-child, #content .filtersMenuBox a:first-child{ border-top:none; } #content .filtersMenuBox label input { position:absolute; top:-20px; left:-20px; } /*tuto */ .helpWND { position:fixed; top:0; left:0; z-index:9999; text-align:center; } p.stepNav { padding-top:35px; position:relative; z-index:100; } p.stepNav a { display:inline-block; -webkit-border-radius:15px; -ms-border-radius:15px; -moz-border-radius:15px; border-radius:15px; height:10px; width:10px; background-color:#FFF; } a.closeTuto { position:absolute; top:10px; right:5px; display:block; z-index:101; } a.SuivTuto { position:absolute; z-index:100; bottom:15px; right:15px; line-height:32px; height:32px; border:2px solid #FFF; color:#FFF; text-transform:uppercase; font-size:20px; padding:0 20px; text-shadow:none; } .helpWND .Tuto { position:relative; width:990px; margin:0 auto; } .helpWND .Tuto.step5, .helpWND .Tuto.step6 { width:100%;} .helpWND .Tuto .step { display:none; } .helpWND .Tuto.step1 .step1, .helpWND .Tuto.step2 .step2, .helpWND .Tuto.step3 .step3, .helpWND .Tuto.step4 .step4, .helpWND .Tuto.step5 .step5, .helpWND .Tuto.step6 .step6 { display:block; } .helpCont { background:#333 url(../images/contact/bg_help_cont.jpg) no-repeat top center; } .helpCont .h1 { position:absolute; left:261px; top:109px; z-index:2; } .helpCont .h1-2 { position:absolute; left:0; bottom:32px; z-index:1; } .helpCont .h2 { position:absolute; right:187px; top:132px; } .helpCont .helpfoot { background: url(../images/contact/bg_help_foot.png) no-repeat bottom center; } .step6 a.closeTuto, .step5 a.closeTuto, .step5 a.SuivTuto, .step6 a.SuivTuto { margin-right:260px; } .helpHome { background:#333 url(../images/accueil/bg_help_home.jpg) no-repeat top center; } .helpHome .h1 { position:absolute; left:-16px; top:29px; } .helpHome .h2 { position:absolute; left:0; top:132px; } .helpHome .h3 { position:absolute; left:-16px; top:75px; } .helpHome .h4 { position:absolute; left:119px; top:95px; } .helpHome .h5, .helpHome .h6-2 { position:absolute; right:0; bottom:0px; } .helpHome .h6-1 { position:absolute; right:0; top:0px; } .helpHome .h6a { position:absolute; right:246px; top:71px; } .helpHome .h6b { position:absolute; right:246px; bottom:110px; } /* christophe */.photoTitle { display:inline-block; position:absolute; } /* christophe */.photoTitle.short { border:0; padding:0 5px; bottom:0; left:0; width:160px;color:white;background-color:rgba(0,0,0,0.5); line-height:25px; } /* christophe */.photoTitle.long { top:0; left:175px; width:305px; padding:10px; height:150px; /*border:1px solid #ccc; color:#555; background-color:#eee;*/ } /* christophe */.bullePBL .photoTitle.long { position:absolute; margin:-174px 0 0 172px; width:200px; } /* christophe */.playExternal iframe{ border:0; } /* styles de développement en attendant que l'intégration graphique soit faite */ .scaffold ul, .scaffold li { border:1px solid gray; padding:3px; } .scaffold .selected { font-weight:bold; } .scaffoldBox { border:1px solid gray; padding:3px; text-align:center; } .debug { display:inline-block; font-size:14px; line-height:28px; height:28px; padding:0 15px; position:fixed;bottom:5px;left:0px; box-shadow:-1px -1px 2px #000; z-index:10000; } .debug:after { border-bottom: 14px solid transparent; border-left: 14px solid #FA840E; border-top: 14px solid transparent; content: ""; height: 0; position: absolute; right: -14px; top: 0; width: 0; } .debug:hover:after{ border-left-color:#505050; } .debug:hover { background:#505050; } /* share popup */ .shareHead { padding:8px 0; box-shadow:0 0 10px rgba(50,50,50,0.5); border-bottom:1px solid #d2d2d2; } .shareCont { padding:0 15px; width:90%; margin:0 auto; text-align:left; text-indent:-15px;} .shareForm .txtCom { width:95%; border:none; margin-left:5%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; } .shareFormLogin .btn, .shareForm .publish { height:40px; width:100px; border:none; font-size:16px; } .shareForm .bShare { text-align:left; } .shareForm .bShare img { max-height:150px; max-width:190px; margin-right:15px;} .shareForm .bShare .contImg{ height:150px; float:left; } .shareForm .bShare textarea, .shareForm .bShare select, .shareForm .bShare input { width:325px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;; } .shareFormLogin form{ text-align:left; padding:15px; position:relative; } .shareFormLogin input{ margin-top:15px; height:32px; font-size:17px; } .shareFormLogin .lostPswd a { margin-top:10px; font-size:12px; float:right; text-decoration:underline; } .shareFormLogin .btn { float:left; margin-right:15px; } .shareFormLogin br { display:none;} p.shareSub { padding:11px 0 15px 0; height:29px; text-align:left; font-size:16px; } .shareFormLogin #recaptcha { background:#FFF; border:none; width:auto; padding:0; /*margin-top:-140px; padding:5px; box-shadow:0 0 6px #000;*/ } .shareFormLogin .recaptcha { margin-top:0 !important; padding:0 !important; } .shareFormLogin .recaptcha label { display:none; } .shareFormLogin #recaptcha_widget { border:1px solid #F00; padding:5px 0; } /* yves */ .calendarEventForm .visibility { display: inline; margin-right: 40px; } .calendarEventForm .visibility .label {line-height: 30px;} #party ul.infoP, #party ul.infoP .events_zippy * { font-family: 'Titillium_Light', Arial, Helvetica; padding: 0;} #party ul.infoP .events_zippy { line-height: 16px; padding: 5px 0; } #party ul.infoP a.events_zippy, #party ul.infoP select {width: 143px; display: inline-block;} #party ul.infoP .events_zippy b, #party ul.infoP .events_zippy b span {display: inline;} #party ul.infoP .zippy_contents, #party ul.infoP .zippy_contents span {width: auto;} #party ul.infoP .zippy_contents label {display: inline-block;} #party input.bold { font-family: 'Titillium_Medium', Arial, Helvetica; } #party input#infos_event_date {width: 195px; font-size: 16px;} #party input.time_ts {width: 50px; text-align: center; font-size: 16px;} #party label {display: inline-block; font-size: 14px;} #party #eventDescription em {font-style: italic;} #party #flyerBig img {display: inherit;} #party label em { font-size: 12px; } #party input[type="text"], #party textarea { background: none; border: none; margin: 0; padding: 0;} #party textarea[name="title"] { font-family: 'Titillium_Light', Arial, Helvetica; font-size: 32px; width: 256px; min-width: 256px; max-width: 256px;} #party .infoP li {position:relative;} #party .infoP li .supM {position: absolute; right: -10px; top: 8px;} #party .infoP li .supM:hover {background: rgba(0,0,0,.1)} /* yves */ /* abo */ .Window--body { padding: 20px 40px;} .chooseAbo, .chooseAbo *, .Window--body * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .Window--body h1{ font-size: 35px; margin-bottom: 10px;} .Window--body h3{ font-size: 20px; margin-bottom: 15px;} .Window--body h3 sup { font-size: 12px; vertical-align: text-top; font-family: 'Titillium_Regular'} .Window--body .orange { color: #f9820a !important; } p.center { text-align: center; } header.soutenez { position: relative; padding-left: 60px; -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); margin-bottom: 50px;} header.soutenez:before { content: ""; position: absolute; left: -32px; width: 72px; height: 99px; background: url("../images/abonnement/soutenez.png");} p.tick { font-size: 14px; padding-left: 30px; position: relative; margin: 5px 0 5px 0;} p.tick:before { content: ""; position: absolute; top: 5px; left: 0; width: 15px; height: 11px; background: url('../images/abonnement/tick.png') no-repeat; } .colGAbo { display: table-cell; vertical-align: middle; width: 50%; padding-right: 50px; } .colGAbo p.tick { font-size: 16px; margin-top: 20px; } .colGAbo p.tick + p.fist { margin-top: 50px; } p.fist { display: table; font-size: 14px; margin-top: 50px; } p.fist:before { content: ""; display: table-cell; vertical-align: middle; padding-right: 20px; width: 86px; height: 95px; background: url('../images/abonnement/fist.png') no-repeat; } p.fist span { display: table-cell; vertical-align: middle; } .colDAbo { display: table-cell; vertical-align: middle; width: 50%; } .chooseAbo { display: block; position: relative; padding:15px 10px 10px; border-radius: 2px 2px 6px 6px; box-shadow: 0 4px 8px rgba(0,0,0,.5); transition: transform .4s; outline-width:0; background: #FFF; } .chooseAbo input { display: none; } .chooseAbo:hover { transform: scale(1.05); } .chooseAbo:active { transform: scale(0.95); } /*.noSelected { background:#fafafa; transform: scale(0.95); } .noSelected:hover { transform: none; }*/ .chooseAbo:before { content: ""; position: absolute; top:0; left:0; right:0; height: 5px; border-radius: 2px 2px 0 0; background: -moz-linear-gradient(left, #fc9939 0%, #d84d65 50%, #b30090 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fc9939), color-stop(50%,#d84d65), color-stop(100%,#b30090)); background: -o-linear-gradient(left, #fc9939 0%, #d84d65 50%, #b30090 100%); background: -ms-linear-gradient(left, #fc9939 0%, #d84d65 50%, #b30090 100%); background: linear-gradient(left, #fc9939 0%, #d84d65 50%, #b30090 100%); background-color:#fc9939; color:#FFF !important; } .chooseAbo + .chooseAbo { margin-top: 15px; } .chooseAbo div, .chooseAbo footer { display: table; width: 100%; padding: 10px;} .chooseAbo div > * { display: table-cell; vertical-align: top; } .chooseAbo footer > * { display: table-cell; vertical-align: middle; } h2 .pack { font-size: 34px; color: #000000; } /*h2 .pack:before { content: ""; display: inline-block; margin-right:10px; width: 26px; height: 26px; background: url(../images/abonnement/plus.png) no-repeat; }*/ h2 .duration { display: inline-block; background: #505050; margin-top: -3px; padding:0 10px; line-height: 25px; font-size: 14px; color: #FFF; vertical-align: top; -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); box-shadow: 1px 1px 1px rgba(0,0,0,.2) } .price { font-size: 18px; font-family: 'Titillium_Regular'; line-height: normal; text-align: right; color: #000000; } .price strong { display: inline-block; font-size: 68px; font-family: 'Titillium_Bold'; vertical-align: top; line-height: 42px; height: 46px;} .cents { display: inline-block; font-size: 18px; font-family: 'Titillium_Regular'; vertical-align: top; line-height: normal;} .details { color: #b4b4b4; font-size: 12px; padding-right: 15px; } .choice { color: #34aadc; font-size: 18px; vertical-align: middle; white-space: nowrap; text-align: right; } .choice:after { content: ""; display: inline-block; margin-left:5px; width: 19px; height: 15px; background: url(../images/abonnement/choice.png) no-repeat;} .recap { background: #34aadc; color: #FFF; font-size: 22px; text-align: center; line-height:60px; margin: 15px 0; } .rebillornot { border-bottom: 1px solid #E6E6E6; padding-bottom:30px; margin-bottom: 25px;} .cb { vertical-align: middle; } label.rebille { display: inline-block; width: 80%; position: relative; height: 40px; border: 1px solid #34aadc; line-height: 38px; background: #FFF; border-radius: 4px; color: #34aadc; margin: 15px 0; text-transform: uppercase; } label.rebille input { position: absolute; top: 2px; right: 5px; } label.rebille input:checked { left: 5px; } label.rebille span { display: block; } label.rebille span:before { content: attr(trueValue); position: absolute; top:0; left: 0; bottom: 0; width: 50%; z-index: 1;} label.rebille span:after { content: attr(falseValue); position: absolute; top:0; bottom: 0; right: 0; width: 50%; z-index: 1;} label.rebille input:checked + span:before, label.rebille input:not(:checked) + span:after{ color: #FFF; background: #34aadc; } label.rebille input ~ b { position: absolute; display: block; top:0; right:0; bottom:0; left: 50%; width: 50%; background: #34aadc; transition:all .4s;} label.rebille input:checked ~ b{ left:0; right: 50%;} table.paymentData { width: 630px; } table.paymentData td { padding: 0 10px; } table.paymentData tr:nth-child(even) { background-color: #FAFAFA; } table.paymentData th { padding: 0 10px; text-align: left; } /* fin abo */ .w70 { width: 70%; } .center .w70 { margin: 0 auto; }