/****************** RESET *******************/ html,body,div,span,applet,object,iframe,h1,h2,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;} body {line-height:1;} ol, ul {list-style:none;} blockquote, q {quotes:none;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration:line-through;} table {border-collapse:collapse;border-spacing:0;} /****************** CLEARFIX *****************/ .clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height: 0;} html[xmlns] .clearfix {display:block;} * html .clearfix {height:1%;} /****************** HTML *********************/ * {margin:0;padding:0;} *::-moz-selection {color:#7b0050;} body {background:url('../img/bg.jpg');color:#545454;font-family:Tahoma, Arial,Verdana,Helvetica,sans-serif;font-size:11px;} img {border:0;} a {text-decoration:none;color:#545454;} a:hover {color:#666;} a.action {color:#ac76ce;text-decoration:underline;} a.action:hover {color:#000000;text-decoration:underline;} h1 {font-size:12px;color:#fff;background:#000;height:50px;line-height:50px;margin-bottom:10px;} h1 img {margin:10px 20px;} h2 {font-size:11px;color:#ac76ce;margin-bottom:6px;font-weight:normal;} h3 {font-size:10px;color:#ccc;margin-bottom:4px;text-transform:uppercase;} p, li, a {font-size:11px;line-height:14px;} .errors {color:#cc3300;padding:4px;margin:10px 0;border:1px dashed #cc3300;} .message {color:blue;padding:4px;margin:10px 0;border:1px dashed blue;} .left {float:left;} .right {float:right;} .clear {clear:both;} #preview {position:absolute;border:1px solid #000;background:#AC76CE;padding:2px;display:none;color:#fff;} #tooltip {z-index:9999999;position:absolute;border:1px solid #ac76ce;background:url('../img/bg_tooltip.gif') repeat-x bottom #fff /*#90c47c*/;padding:5px;color:#000;font-weight:bold;display:none;-moz-border-radius:5px; } /****************** LAYOUT *******************/ #container {width:980px;margin:0 auto;} #page {position:absolute;min-height:100%;height:100%;height:auto;width:980px;margin:0;padding:0;background:#0b0b0b;} html>body #page {height:auto;} #top {background:url('../img/bg_top.jpg') repeat-x 0 10px #454545;padding:16px 10px;} #header {height:120px;background:#000;} #header_home {height:270px;background:#000;} #main {clear:both;} #footer {clear:both;height:20px;position:absolute;bottom:0;width:960px;border-top:0px solid #ccc;padding:10px;font-size:11px;} #content {padding-top:15px;padding-bottom:100px;background:url('../img/bg_page.jpg') repeat-x #0a0a0a;} /****************** FORMS ******************/ div.form {margin:0 0 20px 0;padding:0;} div.form p {clear:both;color:#888;margin:5px 0;padding:5px 5px 5px 160px;border-top:0px dotted #888;bordder-bottom:1px dotted #444;} input.text {width:240px;} input.date {width:70px;} input.button, button {background:#222;color:#ac76ce;border:1px solid #000;padding:1px 2px;margin:0;font-size:11px;} input.button:hover, button:hover {background:#222;color:#eee;border:1px solid #000;} textarea {width:240px;height:50px;} select {margin-right:2px;} option {padding-right:8px;} label {position:absolute;display:block;margin-left:-160px;width:160px;color:#888;padding-left:5px;line-height:20px;} span.note {display:block;color:#444;} input.text, input.date,select,textarea{background:#222;border:0px solid #ccc;color:#eee;padding:2px 3px;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:11px;} input.text:focus, input.date:focus {background:#444;color:#eee;} option {background:#222;} div.submit {margin-top:10px;} div.submit input.button, div.submit button {margin-right:4px;float:right;} div.submit p.required {display:block;float:left;color:#444;margin-bottom:5px;} div.form_left {float:left;width:370px;} div.form_right {float:right;width:370px;} div.submit p.required {display:block;float:left;color:#444;margin-bottom:5px;} /****************** MENU ******************/ #menu {height:40px;} #nav {height:40px;background:#ac76ce;z-index:9;position:absolute;width:980px;border-bottom:1px solid #000;} #nav li {display:inline;float:left;} #nav li a {display:block;float:left;color:#fff;overflow:hidden;height:61px;line-height:61px;text-indent:-9999px;text-align:center;background:url('../img/navBar_temp.jpg') no-repeat/*nav*/;} #nav li ul {position:absolute;width:140px;left:-999em;margin-top:20px;} #nav li ul li {} #nav li ul li a {display:block;width:100px;text-decoration:none;border-top:1px solid #fff;} #nav li ul li a:hover {} #nav li:hover ul, #nav li.sfhover ul {left:auto;} #nav a#home {width:107px;background-position:0 0;} #nav a#about {width:126px;background-position:-107px 0;} #nav a#agenda {width:142px;background-position:-233px 0;} #nav a#party_pics {width:162px;background-position:-375px 0;} #nav a#guest_crew {width:165px;background-position:-537px 0;} #nav a#radiosocial {width:151px;background-position:-702px 0;} #nav a#boutique {width:151px;background-position:-702px 0;} #nav a#contacts {width:127px;background-position:-853px 0;} #nav a#home:hover, #nav a#home.current {background-position:0 -61px;} #nav a#about:hover, #nav a#about.current {background-position:-107px -61px;} #nav a#agenda:hover, #nav a#agenda.current {background-position:-233px -61px;} #nav a#party_pics:hover, #nav a#party_pics.current {background-position:-375px -61px;} #nav a#guest_crew:hover, #nav a#guest_crew.current {background-position:-537px -61px;} #nav a#radiosocial:hover, #nav a#radiosocial.current {background-position:-702px -61px;} #nav a#boutique:hover, #nav a#boutique.current {background-position:-702px -61px;} #nav a#contacts:hover, #nav a#contacts.current {background-position:-853px -61px;} /****************** TOP ******************/ ul#social_links {float:left;margin-right:15px;padding-right:15px;font-style:italic;font-size:9px;font-weight:bold;color:#bdbdbd;height:19px;line-height:19px;border-right:1px solid #696969;} ul#social_links li {float:left;display:inline;;} ul#social_links a {float:left;display:block;height:19px;line-height:19px;background:url('../img/links_top.png');} ul#social_links a#facebook {width:80px;background-position:0 19px;} ul#social_links a#myspace {width:73px;background-position:-80px 19px;} ul#social_links a#twitter {width:84px;background-position:-153px 19px;} ul#social_links a#facebook:hover{background-position:0 0;} ul#social_links a#myspace:hover {background-position:-80px 0;} ul#social_links a#twitter:hover {background-position:-153px 0;} div#inscription {float:left;height:19px;line-height:19px;} div#inscription img {float:left;color:#799598;font-size:9px;} div#inscription form {float:left;} div#inscription ul {float:left;margin-right:5px;} div#inscription ul li {float:left;font-size:9px;} #form_newsletter p {color:#eee;line-height:19px;margin-left:10px;} #form_newsletter span {position:absolute;display:block;text-align:center;background:#ac76ce;color:#fff;border:1px solid #fff;padding:3px 5px;line-height:10px;margin:5px 0 0 20px;z-index:999999999;} div#inscription ul input.text {width:150px;margin:0 5px;color:#fff;border-bottom:1px solid #999999;border-right:1px solid #999999;border-top:1px solid #333333;border-left:1px solid #333333;font-size:9px;} div#inscription ul input.button {border:0;background:url('../img/button_ok.png');width:48px;height:18px;} div#inscription ul input.button:hover {background:url('../img/button_ok_hover.png');} div#top a.link_radio {float:right;border-left:1px solid #696969;padding-left:15px;} /****************** HEADER ******************/ #header a #logo {position:absolute;margin-left:10px;} #header_home #logo {position:absolute;margin-left:10px;} #header_slides {float:right;width:630px;height:270px;overflow:hidden;} #header_controls {position:absolute;margin-left:830px;margin-top:224px;z-index:99;} #header_controls li {display:inline;} #header_controls a {display:block;float:left;} #header_controls a#header_prev {width:35px;height:39px;background:url('../img/slide_prev.png');} #header_controls a#header_next {width:35px;height:39px;background:url('../img/slide_next.png');} #header_controls a#header_play {width:70px;height:39px;background:url('../img/slide_play.png');display:none;} #header_controls a#header_pause {width:70px;height:39px;background:url('../img/slide_stop.png');} #header ul#bannieres {position:absolute;margin:20px 0 0 200px;width:728px;height:90px;overflow:hidden;} #header_shadow {position:absolute;margin-left:350px;width:630px;height:270px;background:url('../img/header_shadow.png') repeat-x;z-index:98;} #header_shadow1 {position:absolute;margin-left:350px;width:630px;height:6px;background:url('../img/header_shadow1.png') repeat-x;z-index:98;} #header_shadow2 {position:absolute;margin-left:350px;margin-top:265px;width:630px;height:6px;background:url('../img/header_shadow2.png') repeat-x;z-index:98;} /****************** FOOTER ******************/ #footer {background:#000;padding:10px 10px 80px 10px;} #footer ul.left li {display:inline;height:24px;line-height:24px;} #footer a {color:#fff;} #footer ul.right {margin-right:20px;} #footer ul.right li span {float:left;display:block;height:24px;line-height:24px;margin-right:10px;} /****************** HOME ******************/ div#home {background:url('../img/bg_home.jpg') repeat-x top #0a0a0a;margin:0;padding:20px;} div#home #social {float:left;display:inline;width:305px;height:340px;margin-right:20px;margin-bottom:20px;font-size:11px;} div#home #coming {float:left;display:inline;width:615px;height:340px;margin-bottom:10px;over/flow:hidden;} div#home #edito {float:left;display:inline;width:305px;margin-right:20px;margin-bottom:15px;font-size:11px;} div#home #edito div.visuel {margin-bottom:10px;border:5px solid #292929;display:none;} div#home #edito div.content {height:254px;padding:0 10px;width:280px;font-family:Georgia;color:#717171;font-size:11px;line-height:16px;text-align:justify;} div#home #edito div.content * {font-family:Georgia;font-size:12px;line-height:16px;} div#home #news {float:left;display:inline;width:300px;hei/ght:340px;margin-right:20px;margin-bottom:15px;font-size:11px;} div#home #interviews {float:left;width:295px;margin-bottom:15px;} div#home #previous {float:left;width:615px;} div#home #guy {float:right;width:305px;} div#home #social #video {margin-top:14px;} div#home #social p {display:block;color:#717171;margin:6px 10px 14px 10px;} div#home #social strong {color:#fff;display:block;margin-bottom:5px;} div#home #social a {color:#fff;text-decoration:underline;} div#home div.newsletter {display:block;width:305px;height:36px;background:url('../img/bg_home_newsletter.jpg') no-repeat;margin:10px 0;} div#home div.newsletter form {padding:9px 0 0 80px;} div#home div.newsletter input.text {display:block;float:left;width:155px;height:16px;padding:1px 2px;margin-right:10px;background:#fff;color:#e956db;} div#home div.newsletter input.button {float:left;border:0;background:url('../img/button_ok_news.png');width:48px;height:18px;vertical-align:top;} div#home div.newsletter p {color:#000;font-weight:bold;line-height:35px;margin:-10px 0 0 -4px;} div#home div.newsletter span {position:absolute;display:none;text-align:center;background:#000;color:#fff;border:1px solid #fff;padding:3px 5px;line-height:10px;margin:40px 0 0 80px;z-index:999999999;} div#home #interviews div {margin-top:15px;clear:both;} div#home #interviews div.visuel {display:block;float:left;border:5px solid #292929;width:100px;height:100px;margin:0;} div#home #interviews p {display:block;float:right;width:175px;color:#717171;} div#home #interviews strong {color:#fff;display:block;margin-bottom:5px;} div#home #interviews a {display:block;float:right;color:#fff;margin-top:5px;text-decoration:underline;} div#home #news a.article {clear:both;display:block;text-decoration:none;heisght:73px;margin:2px 0 0 5px;} div#home #news a.article:hover {background:#000;} div#home #news strong {color:#fff;display:block;font-size:10px;margin:0;background:#000;font-weight:normal;padding:2px;border-bottom:1px dotted #333;} div#home #news span.date {font-size:10px;color:#A471BE;} div#home #news div.visuel {display:block;float:left;border:5px solid #292929;margin:2px;} div#home #news p {color:#717171;float:right;width:170px;margin:0;padding-top:2px;} div#home #news a.all_crews {display:block;float:right;color:#fff;margin-top:5px;text-decoration:underline;} div#home #coming .colonne {float:left;display:block;width:300px;} div#home #coming div.item {cursor:pointer;float:left;display:block;width:300px;height:55px;overflow:hidden;background:url('../img/bgx6.png') 0 -2000px repeat-x;margin-bottom:5px;padding:5px 0;color:#fff;} div#home #coming div.item div.visuel {float:left;display:block;width:115px;height:55px;overflow:hidden;background:#292929;margin-left:5px;} div#home #coming div.item div.visuel img {border:5px solid #292929;} div#home #coming div.item div.infos {float:left;display:block;width:116px;height:55px;overflow:hidden;margin:0 10px;font-size:10px;line-height:13px;} div#home #coming div.item div.infos h2 {font-size:10px;font-weight:bold;margin:0;text-transform:uppercase;color:#747474;} div#home #coming div.item div.infos h3 {font-size:10px;font-weight:normal;margin:0;color:#747474;} div#home #coming div.item:hover div.infos, div#home #coming div.item:hover div.infos h2, div#home #coming div.item:hover div.infos h3 {color:#000;} div#home #previous div.item {float:left;display:block;width:145px;margin-bottom:25px;margin-right:11px;font-weight:normal;} div#home #previous div.item div.visuel {display:block;} div#home #previous div.item div.visuel a img{border:5px solid #292929;width:135px;height:90px;} div#home #previous div.item div.visuel a:hover img{border-color:#AC76CE;} div#home #previous div.item div.infos {display:block;margin-top:5px;line-height:13px;} div#home #previous div.item div.infos h2 {color:#fff;margin:0;} div#home #previous div.item div.infos a {color:#fff;display:block;text-decoration:underline;} div#home #previous div.item div.infos a:hover {color:#AC76CE;} div#home div#guy div#intro {height:190px;} div#home div#guy div#intro img.visuel {position:absolute;display:block;border:5px solid #292929;} div#home div#guy div#intro p {display:block;padding-left:110px;color:#717171;} div#home div#guy div#intro strong {color:#fff;} div#home div#guy div#intro a {color:#fff;display:block;margin-top:1px;text-decoration:underline;} div#home div#guy div#intro a#fb {display:block;width:197px;height:38px;background:url('../img/btn_guy_fb.jpg');margin-top:30px;} div#home div#guy div#intro a#fb:hover {background:url('../img/btn_guy_fb_hover.jpg');} div#home div#guy img.post {border:5px solid #292929;} /****************** LIST (AGENDA, PARTY PICS) ******************/ div#agenda {padding:20px;} div#agenda a.item {/*float:left;*/display:block;width:300px;height:55px;overflow:hidden;background:url('../img/bgx6.png') 0 -2000px repeat-x;margin-bottom:5px;padding:5px 0;color:#fff;/*margin-right:20px;*/} div#agenda a.item * {cursor:pointer;} div#agenda a.item div.visuel {float:left;display:block;width:115px;height:55px;overflow:hidden;background:#292929;margin-left:5px;} div#agenda a.item div.visuel img {border:5px solid #292929;} div#agenda a.item div.infos {float:left;display:block;width:116px;height:53px;overflow:hidden;margin:0 10px;font-size:10px;line-height:13px;} div#agenda a.item div.infos h2 {font-size:10px;font-weight:bold;margin:0;text-transform:uppercase;color:#747474;} div#agenda a.item div.infos h3 {font-size:10px;font-weight:normal;margin:0;color:#747474;} div#agenda a.item:hover div.infos, div#agenda a.item:hover div.infos h2, div#agenda a.item:hover div.infos h3 {color:#000;} div#agenda a.month {/*float:left;*/display:block;width:300px;height:55px;line-height:55px;margin-bottom:5px;padding:5px 0;color:#AC76CE;margin-right:20px;font-size:32px;text-align:center;} div#agenda .colonne {float:left;display:block;width:300px;} div#party {padding:20px;} div#party div.item {float:left;display:block;width:145px;margin-bottom:25px;margin-right:11px;} div#party div.item div.visuel {display:block;} div#party div.item div.visuel a img {border:5px solid #292929;width:135px;height:90px;} div#party div.item div.visuel a:hover img {border-color:#AC76CE;} div#party div.item div.infos {display:block;margin-top:5px;line-height:13px;} div#party div.item div.infos h2 {color:#fff;margin:0;} div#party div.item div.infos a {color:#fff;display:block;text-decoration:underline;} div#party div.item div.infos a:hover {color:#AC76CE;} div#crews {padding:20px;} div#crews div.item {float:left;display:block;margin:0 20px 20px 0;background:#000;padding:10px;width:280px;} div#crews div.item div.visuel {display:block;} div#crews div.item div.visuel a img {border:5px solid #292929;width:270px;} div#crews div.item div.visuel a:hover img {border-color:#AC76CE;} div#crews div.item div.infos {display:block;margin:5px;line-height:13px;} div#crews div.item div.infos h2 {color:#fff;margin:0;} div#crews div.item div.infos a {color:#fff;display:block;text-decoration:underline;} div#crews div.item div.infos a:hover {color:#AC76CE;} /****************** FICHE SOIREE ******************/ div.fiche {background:url('../img/bg_home.jpg') repeat-x #0a0a0a;padding:20px;} div.fiche h1 {padding:0;margin-bottom:10px;} div.fiche h1 p {color:#BAED12;font-size:14px;font-weight:bold;line-height:50px;} div.fiche h1 div.left {position:absolute;left:0;margin:5px 10px;} div.fiche h1 div.right {position:absolute;right:0;margin:5px 10px;} div.fiche h1 p {float:left;text-align:center;width:100%;} div.fiche div#visuel {float:left;display:block;width:630px;height:270px;} div.fiche div#social {float:right;display:block;width:300px;} div.fiche div#social li {margin-bottom:1px;} div.fiche div#social a {width:300px;height:51px;display:block;margin-bottom:4px;} div.fiche div#social a#link_digitick {background:url('../img/link_digitick.jpg');} div.fiche div#social a#link_facebook {background:url('../img/link_facebook.jpg');} div.fiche div#social a#link_share_facebook {background:url('../img/link_share_facebook.jpg');} div.fiche div#social a#link_myspace {background:url('../img/link_myspace.jpg');} div.fiche div#social a#link_share {background:url('../img/link_share.jpg');} div.fiche div#social a#link_digitick:hover {background:url('../img/link_digitick_hover.jpg');} div.fiche div#social a#link_facebook:hover {background:url('../img/link_facebook_hover.jpg');} div.fiche div#social a#link_share_facebook:hover {background:url('../img/link_share_facebook_hover.jpg');} div.fiche div#social a#link_myspace:hover {background:url('../img/link_myspace_hover.jpg');} div.fiche div#social a#link_share:hover {background:url('../img/link_share_hover.jpg');} div.fiche div.tab {display:block;float:left;width:187px;height:180px;padding-top:10px;border-right:1px dotted #403d3d;} div.fiche div.tab h2 {margin-left:10px;} div.fiche div.tab div.content {width:157px;padding:0 10px;height:150px;color:#bbb;} div.fiche div.tab div.content ul {color:#AC76CE;} div.fiche div.tab div.content li {list-style:square;margin-left:15px;border-bottom:1px dotted #000;padding:4px 0;} div.fiche div.tab div.content img {margin:5px 0;} div.fiche div.tab div.content a {color:#fff;text-decoration:underline;} div.fiche div#partenaires {background:#000;margin-bottom:40px;padding:10px;text-align:center;} /****************** GALLERY ******************/ #gallery {display:none;float:right;width:610px;margin-bottom:40px;} #gallery a, div.navigation a {} #gallery #controls {float:left;padding-top:12px;padding-bottom:8px;} #gallery #controls a {margin:0 5px;} div.ss-controls {float:left;} div.nav-controls {float:right;} #gallery #loading {background:url('../img/loader.gif') no-repeat center;width:600px;border:5px solid #292929;} #gallery #slideshow {clear:both;} #gallery #slideshow span.image-wrapper {float:left;width:600px;height:400px;border:5px solid #292929;overflow:hidden;} #gallery #slideshow a.advance-link {display:block;} #gallery #slideshow img {border:none;display:block;width:600px;height:400px;} #gallery #caption {float:right;margin-top:10px;} #gallery #caption a.send_to {display:block;} #thumbs {} #thumbs div.navigation {} #thumbs ul.thumbs {clear:both;} #thumbs ul.thumbs li {float:left;padding: 0;margin:0 10px 10px 0;} #thumbs a.thumb {display:block;border:1px solid #292929;width:69px;height:46px;overflow:hidden;} ul.thumbs li.selected a.thumb {background:#000;} #thumbs a.thumb:focus {outline:none;} #thumbs ul.thumbs img {border:none;display: block;} #thumbs div.top {display:block;line-height:40px;} #thumbs div.bottom {margin-top:-7px;float:left;} #thumbs div.pagination {clear: both;} #thumbs div.pagination a, #thumbs div.pagination span.current {display:block;float:left;margin-right:5px;line-height:13px;padding:14px 0 7px 0;} #thumbs div.pagination span.current {font-weight:bold;color:#ac76ce;line-height:13px;padding:14px 0 7px 0;} /****************** FICHE CREW ******************/ div.crew {background:url('../img/bg_home.jpg') repeat-x #0a0a0a;padding:20px;} div.crew h1 {padding:0;margin-bottom:10px;} div.crew h1 p {color:#BAED12;font-size:14px;font-weight:bold;line-height:50px;} div.crew h1 div.left {position:absolute;left:0;margin:5px 10px;} div.crew h1 div.right {position:absolute;right:0;margin:5px 10px;} div.crew h1 p {float:left;text-align:center;width:100%;} div.crew div#left {float:left;display:block;width:630px;} div.crew div#right {float:right;display:block;width:300px;} div.crew div#visuel {margin-bottom:30px;} div.crew div#bio {height:270px;margin-bottom:30px;} div.crew div#bio div.content {height:185px;padding:0 10px;line-height:14px;text-align:justify;} div.crew div#bio a.website {display:block;text-align:center;color:#fff;display:bloc;margin:10px 0;text-transform:uppercase;} div.crew div#bio a.website:hover {color:#AC76CE;} div.crew div#soirees {margin-bottom:20px;} div.crew div#soirees a.item {display:block;width:300px;height:55px;overflow:hidden;background:url('../img/bgx6.png') 0 -2000px repeat-x;margin-bottom:5px;padding:5px 0;color:#fff;/*margin-right:20px;*/} div.crew div#soirees a.item * {cursor:pointer;} div.crew div#soirees a.item div.visuel {float:left;display:block;width:115px;height:55px;overflow:hidden;background:#292929;margin-left:5px;} div.crew div#soirees a.item div.visuel img {border:5px solid #292929;} div.crew div#soirees a.item div.infos {float:left;display:block;width:116px;height:53px;overflow:hidden;margin:0 10px;font-size:10px;line-height:13px;} div.crew div#soirees a.item div.infos h2 {font-size:10px;font-weight:bold;margin:0;text-transform:uppercase;color:#747474;} div.crew div#soirees a.item div.infos h3 {font-size:10px;font-weight:normal;margin:0;color:#747474;} div.crew div#soirees a.item:hover div.infos, div.crew div#soirees a.item:hover div.infos h2, div.crew div#soirees a.item:hover div.infos h3 {color:#000;} div.crew div#articles div.item {background:#000;margin-bottom:15px;padding:10px;overflsow:hidden;} div.crew div#articles div.item div.visuel {float:left;display:block;width:170px;background:#292929;} div.crew div#articles div.item div.visuel img {border:5px solid #292929;} div.crew div#articles div.item div.infos {float:right;display:block;width:420px;font-size:10px;line-height:13px;back/ground:#ccc;} div.crew div#articles div.item div.infos.only {float:none;width:608px;} div.crew div#articles div.item div.infos h3 {font-weight:normal;font-size:9px;color:#888;} div.crew div#articles div.item div.infos h2 {font-weight:bold;color:#fff;} div.crew div#articles div.item div.infos img, div.crew div#articles div.item div.infos object, div.crew div#articles div.item div.infos iframe {display:block;margin:5px 0;} div.crew div#twitter div {} p#preloader {} ul#twitter_update_list {margin:0px 7px;} ul#twitter_update_list li {margin-bottom:10px;} ul#twitter_update_list li a {color:#AC76CE;} ul#twitter_update_list li span {display:block;} ul#twitter_update_list li span a {color:#fff;} ul#twitter_update_list li.firstTweet {} ul#twitter_update_list li.lastTweet {} a#profileLink {background:#000;display:block;font-size:9px;text-align:center;padding:2px 0;color:#666;font-wesight:bold;} /****************** POPUP SHARE ******************/ body.popup {background:#000;} div#popup {background:#000;padding:20px;} div#popup h1 img {margin-left:5px;} div#mentions {height:500px;overflow:auto;padding-right:10px;} div#mentions p {margin-bottom:20px;} /****************** POPUP INTERVIEW ******************/ body.interview {background:#fff;color:#000;font-family:Georgia;font-size:11px;} #itw {width:930px;margin:0 auto;} #itw_top, #itw_bottom {margin:10px;} #itw_left {float:left;width:160px;padding:5px 5px 5px 10px;} #itw_left img {margin-bottom:10px;} #itw_left li {margin:5px 0;} #itw_left li a {color:#000;font-weight:bold;} #itw_left li a.selected {text-decoration:underline;} #itw_main {float:right;width:680px;min-height:480px;margin:0 10px 0 30px;padding:0 10px 0 15px;border-left:1px solid #000;text-align:justify;} #itw_main #titre {background:#fff;font-size:48px;font-weight:bold;color:#000;text-align:left;} #itw_main #chapo {font-style:italic;margin:10px 0 20px 0;font-size:14px;line-height:16px;font-weight:bold;} #itw_main #col1 {float:left;width:325px;line-height:15px;} #itw_main #col2 {float:right;width:325px;line-height:15px;} #itw_main a {clear:both;display:block;padding:5px 0;} #itw_loading {width:680px;height:380px;background:url('../img/loader.gif') no-repeat center;display:none;position:absolute;} /****************** POPUP BLOG ******************/ div#blog {background:#000;width:500px;margin:0 auto;} div#blog div#intro {width:500px;height:120px;background:url('../img/guy_header2.jpg') no-repeat;} div#blog div#intro img.visuel {position:absolute;margin:15px;} div#blog div#intro p {position:absolute;margin-left:125px;margin-top:80px;display:block;width:250px;height:30px;color:#fff;} div#blog div.item {clear:both;} div#blog div.item div {margin:20px;} div#blog div.item div h2 {font-size:20px;text-transform:uppercase;} div#blog div.item div p {margin-bottom:10px;font-size:16px;color:#666;line-height:20px;} div#blog a.guy_share {display:block;margin-top:20px;} div#blog_content {width:500px;height:500px;overflow:auto;} /****************** PAGES ABOUT ******************/ div#about {padding:20px;line-height:13px;color:#bbb;} div#about #adresse {color:#83e2c2;font-weight:bold;font-size:12px;line-height:16px;text-align:center;margin:20px 0;} div#about #video {float:left;width:450px;margin-bottom:20px;} div#about .map {float:right;width:440px;height:240px;margin-bottom:20px;border:5px solid #222;overflow:hidden;} div#about .tooltip {width:150px;height:70px;background:url('../img/tip.png') no-repeat;color:#fff;margin-left:60px;margin-top:5px;} /*div#about .tooltip {width:170px;height:70px;background:url('../img/tip_summer.png') no-repeat;color:#fff;margin-left:60px;margin-top:5px;}*/ div#about #txt_fr {clear:both;float:left;width:450px;} div#about #txt_en {float:right;width:450px;} div#about div.txt {padding:0;margin-bottom:20px;} div#about div.txt img {display:block;margin-bottom:10px;} div#about #visuels {clear:both;} div#about #visuels img {border:5px solid #222;width:440px;height:300px;overflow:hidden;} /****************** PAGES RADIOSOCIAL ******************/ div#radiosocial {padding:20px;} div#radiosocial div#left {float:left;display:inline;width:400px;padding:0 10px;margin-left:10px;margin-right:30px;} div#radiosocial div#left p {margin-top:10px;} div#radiosocial div#left ul {margin:10px 0;} div#radiosocial div#left li {list-style:square;margin-left:20px;} div#radiosocial div#left a.link_radio {display:block;text-align:center;margin-top:30px;} div#radiosocial div#right {float:left;display:inline;padding-bottom:40px;} /****************** PAGES CONTACT ******************/ div#contact {padding:9px 20px;} div#contact #formulaire {float:left;width:384px;} div#contact #faq_rappel {/*display:none;*/font-size:9px;position:absolute;margin-top:-40px;margin-left:-10px;width:145px;height:68px;padding:4px 35px 0 10px/*20px 20px 0 11px*/;background:url('../img/bg_rappel.png') no-repeat;} div#contact #faq {float:right;width:444px;background:#111;padding:10px;} div#contact #faq h2 {float:left;color:#fff;font-weight:bold;font-size:11px;} div#contact #faq ul {float:right;} div#contact #faq li {display:inline;} div#contact #faq li a.selected {background:#000;color:#fff;} div#contact #faq h3 {color:#aaa;font-weight:normal;border-bottom:1px dotted #333;padding:3px 0;cursor:pointer;} div#contact #faq p {margin-bottom:15px;text-align:justify;color:#666;} div#faq_page {padding:20px;height:600px;} div#faq_page #faq {width:444px;background:#111;padding:10px;} div#faq_page #faq h2 {float:left;color:#fff;font-weight:bold;font-size:12px;} div#faq_page #faq ul {float:right;} div#faq_page #faq li {display:inline;} div#faq_page #faq li a.selected {background:#000;color:#fff;} div#faq_page #faq h3 {color:#666;font-weight:normal;border-bottom:1px dotted #333;padding:3px 0;cursor:pointer;} div#faq_page #faq p {margin-bottom:15px;text-align:justify;color:#fff;} /****************** NEWSLETTER ******************/ div#newsletter {padding:20px;} div#newsletter #formulaire {width:352px;margin:40px 0;} div#newsletter input.text {width:300px;padding:5px;margin-right:10px;} div#newsletter input.button {padding:4px;} div#newsletter .errors {color:#cc3300;padding:4px;margin:10px 0;border:0;font-weight:bold;} div#newsletter .message {color:#BCFF0D;padding:4px;margin:10px 0;border:0;font-weight:bold;} /****************** CALENDAR *******************/ table.calendar {background:#000;color:#fff;border:1px solid #222;border-collapse:collapse;} table.calendar th {text-align:center;background:#000;padding:8px;border:1px solid #222;} table.calendar td.title {} table.calendar td {text-align:center;background:#222;padding:8px;border:1px solid #000;} table.calendar td span a {color:#ac76ce;font-weight:bold;} /****************** PAGES VIDEO ******************/ div#p_video {line-height:13px;color:#bbb;padding-top:5px;} div#p_video #video {position:absolute;width:364px;height:200px;margin-top:5px;} div#p_video #about_slide {position:absolute;width:364px;height:200px;margin-top:5px;} div#p_video #prev {position:absolute;display:block;width:25px;height:25px;background:url('../img/left.gif');margin-top:95px; left:0px;z-index:2000;} div#p_video #next {position:absolute;display:block;width:25px;height:25px;background:url('../img/right.gif');margin-top:95px;left:339px;z-index:2000;} div#p_video #b_trailer, div#p_video #b_photos{color:#fff;} div#p_video #b_trailer.selected, div#p_video #b_photos.selected{color:#ac76ce;} div#p_video #visuels {clear:both;padding:20px 5px;margin-top:20px;border-top:2px solid #222;} div#p_video #visuels img {margin:0 15px 10px 0;border:5px solid #222;} div#shop {padding:20px;} /****************** POPUP SUMMER ******************/ body.summer {background:url('../img/bg_summer.jpg') repeat-x #0a0a0a;} #summer img {position:absolute;bottom:0;left:30px;} #summer div {margin:30px 0 0 175px;width:400px;color:#aaa;} #summer h1 {padding:0;margin-bottom:10px;color:#BAED12;font-size:14px;font-weight:bold;line-height:50px;background:none;} #summer span {display:block;margin:2px 0;color:#fff;}