/******************************************************************************* ******************************************************************************** ******************************** RESET ***************************************** ******************************************************************************** ******************************************************************************** *******************************************************************************/ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. * Code licensed under the BSD License: * http://developer.yahoo.net/yui/license.txt * version: 2.8.0r4 */ html { color: #202020; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; background: transparent; border: 0; font-size: 100%; outline: 0; vertical-align: baseline; } body { line-height: 1; } table { border-collapse: collapse; border-spacing: 0; } address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; } del, ins { text-decoration: none; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q, blockquote { quotes: none; } q:before, blockquote:before { content: ''; } q:after, blockquote:after { content: ''; } abbr, acronym { border: 0; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } /* because legend doesn't inherit in IE */ legend { color: #202020; } input, button, textarea, select, optgroup, option { margin: 0; padding: 0; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /* purpose To enable resizing for IE * branch For IE6-Win, IE7-Win */ input, button, textarea, select { *font-size: 100%; } /******************************************************************************* ******************************************************************************** ******************************** GENERAL *************************************** ******************************************************************************** ******************************************************************************** *******************************************************************************/ #body { background: white; margin: 0; padding: 0; width: 100%; font-family : Arial; font-weight: normal; } #content { width: 100%; } #content .container { width: 942px; margin: 0 auto; } .cleaner { clear: both; font-size: 0; line-height: 0; height: 0; margin: 0; padding: 0; display: block; } #content .sep { height: 1px; width: 100%; background: #dddddd; margin: 1px 0; font-size: 0; line-height: 0; padding: 0; display: block; clear: both; } a { text-decoration: none; } a:hover { text-decoration: underline; } /*FORMS*/ dt { display: none; } dd { display: inline; } dt, dd, dl { margin: 0; padding: 0; } dt#submit-label { display: none; } /** FORM **/ #content form .element { float: left; } #content form .element input[type=text], form input[type=submit], form textarea { font-size: 13px; } #content form .element input[type=checkbox], form input[type=radio] { float: left; height: 13px; width: 13px; border: none; background: none; } #content form .element input[type=file] { border: none; background: none; height: auto; width: auto; } #content form .element .radio { height: 12px; font-size: 12px; line-height: 12px; margin: 5px 0 0 0; vertical-align: middle; background: #eaeaea; padding: 9px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #content form .element .radio label { float: left; margin-right: 30px; } #content form .element .radio label input[type=radio] { margin-right: 3px; } #content form .element .inpuut .iLeft { float: left; width: 5px; height: 30px; background: url("../images/content/design/form/in-l.jpg") no-repeat; } #content form .element .inpuut .iRight { float: left; width: 5px; height: 30px; background: url("../images/content/design/form/in-r.jpg") no-repeat; } #content form .element .inpuut .iCenter { float: left; } #content form .element .inpuut .iCenter input { outline: none; float: left; padding: 1px 0 0; height: 29px; border: none; background: url("../images/content/design/form/in-m.jpg") repeat-x; } #content form .element .inpuut.error .iLeft { background: url("../images/content/design/form/in-l-error.jpg") no-repeat; } #content form .element .inpuut.error .iRight { background: url("../images/content/design/form/in-r-error.jpg") no-repeat; } #content form .element .inpuut.error .iCenter input { background: url("../images/content/design/form/in-m-error.jpg") repeat-x; } #content form .element .inpuut.focus .iLeft { background: url("../images/content/design/form/in-l-focus.jpg") no-repeat; } #content form .element .inpuut.focus .iRight { background: url("../images/content/design/form/in-r-focus.jpg") no-repeat; } #content form .element .inpuut.focus .iCenter input { background: url("../images/content/design/form/in-m-focus.jpg") repeat-x; } #content form .element .inpuut.iSubmit { cursor: pointer; } #content form .element .inpuut.iSubmit .iLeft { height: 34px; background: url(../images/content/design/form/su-l.jpg) no-repeat; } #content form .element .inpuut.iSubmit .iRight { height: 34px; background: url(../images/content/design/form/su-r.jpg) no-repeat; } #content form .element .inpuut.iSubmit .iCenter input { cursor: pointer; padding: 0; color: white; font-size: 14px; font-weight: bold; height: 34px; background: url("../images/content/design/form/su-m.jpg") repeat-x; } #content form .element .label { font-size: 14px; line-height: 16px; font-weight: bold; margin: 30px 0 5px; } #content form .element .label .require { color: #cd2929; } #content form .element .desc { font-size: 12px; line-height: 14px; color: #7f828b; } #content form .element .desc.error { color: #cd2929; } #content form .element .textaarea { margin-top: 5px; width: 160px; height: 110px; } #content form .element .textaarea .tTop { height: 5px; width: 100%; background: url(../images/content/design/form/ta-t.jpg) repeat-x; } #content form .element .textaarea .tTop .tTopLeft { float: left; height: 5px; width: 5px; background: url(../images/content/design/form/ta-tl.jpg) no-repeat; } #content form .element .textaarea .tTop .tTopRight { float: right; height: 5px; width: 5px; background: url(../images/content/design/form/ta-tr.jpg) no-repeat; } #content form .element .textaarea .tBottom { height: 5px; width: 100%; background: url(../images/content/design/form/ta-b.jpg) repeat-x; } #content form .element .textaarea .tBottom .tBottomLeft { float: left; height: 5px; width: 5px; background: white url(../images/content/design/form/ta-bl.jpg) no-repeat; } #content form .element .textaarea .tBottom .tBottomRight { float: right; height: 5px; width: 5px; background: white url(../images/content/design/form/ta-br.jpg) no-repeat; } #content form .element .textaarea .tCenter { background: white; } #content form .element .textaarea .tCenter .tCenterLeft { float: left; width: 5px; background: url(../images/content/design/form/ta-l.jpg) repeat-y; } #content form .element .textaarea .tCenter .tCenterRight { float: right; width: 5px; background: url(../images/content/design/form/ta-r.jpg) repeat-y; } #content form .element .textaarea .tCenter .tCenterCenter { float: left; } #content form .element .textaarea .tCenter .tCenterCenter textarea { outline: none; float: left; background: none; border: none; padding: 0; } #content form .element .textaarea.error .tTop { background: url(../images/content/design/form/ta-t-error.jpg) repeat-x; } #content form .element .textaarea.error .tTop .tTopLeft { background: url(../images/content/design/form/ta-tl-error.jpg) no-repeat; } #content form .element .textaarea.error .tTop .tTopRight { background: url(../images/content/design/form/ta-tr-error.jpg) no-repeat; } #content form .element .textaarea.error .tBottom { background: url(../images/content/design/form/ta-b-error.jpg) repeat-x; } #content form .element .textaarea.error .tBottom .tBottomLeft { background: url(../images/content/design/form/ta-bl-error.jpg) no-repeat; } #content form .element .textaarea.error .tBottom .tBottomRight { background: url(../images/content/design/form/ta-br-error.jpg) no-repeat; } #content form .element .textaarea.error .tCenter .tCenterLeft { background: url(../images/content/design/form/ta-l-error.jpg) repeat-y; } #content form .element .textaarea.error .tCenter .tCenterRight { background: url(../images/content/design/form/ta-r-error.jpg) repeat-y; } #content form .element .textaarea.error .tCenter .tCenterCenter textarea { background: #fbe9e9; } #content form .element .textaarea.focus .tTop { background: url(../images/content/design/form/ta-t-focus.jpg) repeat-x; } #content form .element .textaarea.focus .tTop .tTopLeft { background: url(../images/content/design/form/ta-tl-focus.jpg) no-repeat; } #content form .element .textaarea.focus .tTop .tTopRight { background: url(../images/content/design/form/ta-tr-focus.jpg) no-repeat; } #content form .element .textaarea.focus .tBottom { background: url(../images/content/design/form/ta-b-focus.jpg) repeat-x; } #content form .element .textaarea.focus .tBottom .tBottomLeft { background: url(../images/content/design/form/ta-bl-focus.jpg) no-repeat; } #content form .element .textaarea.focus .tBottom .tBottomRight { background: url(../images/content/design/form/ta-br-focus.jpg) no-repeat; } #content form .element .textaarea.focus .tCenter .tCenterLeft { background: url(../images/content/design/form/ta-l-focus.jpg) repeat-y; } #content form .element .textaarea.focus .tCenter .tCenterRight { background: url(../images/content/design/form/ta-r-focus.jpg) repeat-y; } #content form .element .textaarea.focus .tCenter .tCenterCenter textarea { background: #dff0f7; } #content form .element .inpuut { margin-top: 5px; width: 160px; } #content form .element .inpuut.iSubmit { width: auto; } #content form .element select { width: 174px; } #content form .element .select { margin: 5px 0 0 0; position: relative; } #content form .element .select div.selectbox-wrapper { position: absolute; margin: 30px 0 0 0; padding: 0px; width: 80px; max-height: 100px; left: 0; background-color: #202020; border: 1px solid #202020; border-top: none; font-size: 0.8em; overflow: auto; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; } #content form .element .select div.selectbox-wrapper ul { list-style-type: none; margin: 0; padding: 0; } #content form .element .select div.selectbox-wrapper ul li.selected { color: #ffffff; font-weight: bold; } #content form .element .select div.selectbox-wrapper ul li.current { background-color: #303030; } #content form .element .select div.selectbox-wrapper ul li { color: #7f828b; list-style-type: none; display: block; margin: 0; padding: 2px; cursor: pointer; } #content form .element .select label { display: block; } #content form .element .select .selectbox /* look&fell of select box*/ { margin: 0 10px 0 0; padding-left: 10px; width : 68px; height: 28px; display : block; float: left; font-size: 14px; font-weight: bold; color: #202020; cursor: pointer; border: 1px solid #dbdbdb; background: no-repeat url('../images/content/design/selectbox/bg_select.png') right center; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #content form .element .select .selectbox.on { border-right-color: #202020; border-bottom-color: #202020; background: no-repeat url('../images/content/design/selectbox/bg_select_on.png') right center; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; } #content form .element .select select { background: url('../images/content/design/selectbox/bg_select.png') right; } /** HEADER **/ #content #header #top { background: #202020; } #content #header #top #logo { float: left; } #content #header #top #connexion { float: right; width: 300px; color: #7f828b; } #content #header #top #connexion p { text-align: right; font-size: 12px; margin-top: 50px; } #content #header #top #connexion p a { color: #ffffff; } #content #header #top #connexion p a:hover { color: #26a1ca; text-decoration: none; } #content #header #top #connexion p #deco { padding-left: 15px; background: no-repeat url(../images/content/header/deco.jpg) left 3px; } #content #header #top #connexion p #profil { position: relative; } #content #header #top #connexion p #profil #on { position: absolute; left: 10px; top: -8px; width: 9px; height: 5px; background: no-repeat url(../images/content/design/arrow-white-down.png); } #content #header #top #connexion p #profil:hover #on { background: no-repeat url(../images/content/design/arrow-on-down.png); } #content #header #bottom { height: 61px; background: repeat-x url(../images/content/header/bottom_back.jpg); } #content #header #bottom .separation { float: left; height: 61px; width: 2px; background: no-repeat url(../images/content/header/bottom_sep.jpg); } #content #header #bottom .menu { float: left; width: 311px; height: 61px; display: block; } #content #header #bottom .menu.on { background: repeat-x url(../images/content/header/bottom_on.jpg); } #content #header #bottom .menu.on h1 { color: #ffffff; text-shadow: 0 -1px #000000; } #content #header #bottom .menu h1 { font-size: 24px; color: #010101; line-height: 24px; margin: 13px 0 0 20px; text-shadow: 0 1px #ffffff; } #content #header #bottom .menu h3 { font-size: 12px; color: #7f828b; line-height: 14px; margin: 0 0 0 20px; } #content #header #bottom .menu:hover { background: repeat-x url(../images/content/header/bottom_hover.jpg); text-decoration: none; } #content #header #bottom .menu:hover h1 { color: #ffffff; text-shadow: 0 -1px #1c8bc7; } #content #header #bottom .menu:hover h3 { color: #ffffff; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } #content #header #ariane { background: #26a1ca; margin-top: 1px; height: 21px; } #content #header #ariane a { padding: 0 0 0 13px; font-size: 12px; line-height: 21px; vertical-align: middle; color: #ffffff; background: transparent no-repeat url(../images/content/design/arrow-white-back.png) left center; } #content #header #validate { font-size: 12px; color: #ffffff; line-height: 24px; vertical-align: middle; text-align: center; background: #35add5; border: #26a1ca; margin: 20px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /** FOOTER **/ #content #footer { margin-top: 40px; width: 100%; background: #202020; position: relative; } /*relative pour le copyright tjs en bas*/ #content #footer.bottom { position: fixed; bottom: 0; } #content #footer .col { float: left; width: 220px; margin: 30px 10px 20px; color: #ffffff; font-size: 12px; line-height: 14px; } #content #footer .col.first { margin-left: 0; } #content #footer .col.last { margin-right: 0; } #content #footer .col .title { height: 22px; } #content #footer .col a { color: #7f828b; } #content #footer .col .sep { height: 1px; width: 100%; background: #2b2b2b; font-size: 0; line-height: 0; clear: both; margin: 10px 0; } #content #footer .col.about p { line-height: 16px; } #content #footer .col.about p a { color: #404040; } #content #footer .col.about p a:hover { color: #26a1ca; text-decoration: none; } #content #footer .col.about #copyright { color: #7f828b; position: absolute; bottom: 30px; } #content #footer .col.about #copyright #copy { color: #ffffff; } #content #footer .col.twitter .title #follow { height: 22px; color: #404040; vertical-align: middle; font-size: 12px; line-height: 22px; float: right; padding-left: 13px; background: no-repeat url(../images/content/design/arrow-brown.png) left center; } #content #footer .col.twitter .title #follow:hover { text-decoration: none; color: #26a1ca; background: no-repeat url(../images/content/design/arrow-on.png) left center; } #content #footer .col.twitter .title img { float: left; } #content #footer .col.comment .sep { margin: 0; } #content #footer .col.comment .sep.first { margin-top: 10px; } #content #footer .col.comment .com { display: block; padding: 10px 0; } #content #footer .col.comment .com:hover { background: #2a2a2a; text-decoration: none; } #content #footer .col.comment .com .subject { color: #ffffff; } #content #footer .col.comment .com .date { color: #404040; } #content #footer .col.comment .com .quote { color: #7f828b; } #content #footer .col.news .sep { margin: 0; } #content #footer .col.news .sep.first { margin-top: 10px; } #content #footer .col.news .new { display: block; padding: 10px 0; color: #ffffff; } #content #footer .col.news .new:hover { background: #2a2a2a; text-decoration: none; } #content #footer .col.news #plus { color: #7f828b; margin-top: 10px; width: 150px; display: block; background: no-repeat url(../images/content/design/arrow-brown.png) right center; } #content #footer .col.news #plus:hover { color: #26a1ca; text-decoration: none; background: no-repeat url(../images/content/design/arrow-on.png) right center; } /** PROGRESS **/ #content .progress { width: 100%; } /* N'UTILISER QUE DES PADDING ET PAS DE MARGIN > A CAUSE DU JS Eeple.all.progress() */ #content .progress .bar { width: 100%; height: 16px; } #content .progress .bar img { float: left; } #content .progress .bar .value { float: left; font-size: 14px; line-height: 14px; font-weight: bold; padding: 3px 0 0 8px; } #content .progress .bar .gradient { float: left; padding: 6px 0 0 7px; } #content .progress .bar .gradient .gradientOut { background-color: rgba(51,51,51,0.1); height: 9px; } #content .progress .bar .gradient .gradientOut .gradientIn { position: absolute; height: 9px; } #content .progress .bar.good .value { color: #489b16; } #content .progress .bar.good .gradient .gradientOut .gradientIn { background: url(../images/content/design/progress-good.jpg); } #content .progress .bar.bad { margin-top: 7px; } #content .progress .bar.bad .value { color: #cc1e1e; } #content .progress .bar.bad .gradient .gradientOut .gradientIn { background: url(../images/content/design/progress-bad.jpg); } /** PITCHS **/ #content .pitch { float: left; display: block; padding: 27px 0; margin-right: 20px; color: #202020; width: 220px; height: 250px; } #content .pitch.withcom { height: 275px; } #content .pitch.last { margin-right: 0px; } #content .pitch .img { border: #c8c8c8 1px solid; margin-bottom: 13px; position: relative; width: 218px; height: 143px; } #content .pitch .img img { display: block; width: 218px; height: 143px; } #content .pitch .img .play { width: 74px; height: 48px; display: block; position: absolute; top: 47px; left: 71px; background: url(../images/content/design/play.png); } #content .pitch .name { font-size: 14px; line-height: 14px; font-weight: bold; margin-bottom: 3px; } #content .pitch .progress { margin-bottom: 12px; } #content .pitch .coms { font-size: 12px; line-height: 15px; vertical-align: middle; width: auto; color: #7f828b; margin-bottom: 10px; padding: 0 0 0 23px; background: transparent no-repeat url(../images/content/design/bulle_com.png) left center; } #content .pitch .coms .chiffre { font-weight: bold; } #content .pitch .desc { font-size: 12px; line-height: 16px; clear: both; } #content .pitch:hover { background: #dfe5f5; text-decoration: none; } #content .pitch:hover .img { border-color: #bfcbeb; } /** TITLE **/ #content h1.title { margin: 22px 0 10px; height: 29px; width: 100%; font-size: 24px; line-height: 30px; color: #ffffff; } #content h1.title img { position: absolute; } #content h2.subtitle { font-size: 12px; line-height: 14px; color: #7f828b; margin: -10px 0 26px; } /******************************************************************************* ******************************************************************************** ******************************** PERSO ***************************************** ******************************************************************************** ******************************************************************************** *******************************************************************************/ /** HELLO **/ #content #hello #top { height: 95px; width: 100%; } #content #hello #top img { float: left; } #content #hello #top #close { float: right; margin-top: 30px; width: 16px; height: 16px; cursor: pointer; background: no-repeat url(../images/content/hello/close.jpg); } #content #hello #bottom { margin-bottom: 30px; } #content #hello #bottom .encart { float: left; width: 290px; } #content #hello #bottom .encart.commenter, #content #hello #bottom .encart.partager { margin-right: 36px; } #content #hello #bottom .encart .title { height: 41px; color: #26a1ca; font-size: 18px; line-height: 21px; } #content #hello #bottom .encart .title img { float: left; margin: 0 10px 10px 0; } #content #hello #bottom .encart p { width: 269px; font-size: 12px; line-height: 16px; color: #202020; } #content #hello #bottom .encart .btn #rejoignez-nous { display: block; width: 170px; height: 43px; float: left; background: no-repeat url(../images/content/hello/rejoignez-nous.jpg); } #content #hello #bottom .encart .btn #rejoignez-nous:hover { background: no-repeat url(../images/content/hello/rejoignez-nous-on.jpg); } #content #hello #bottom .encart .btn #en-savoir-plus { display: block; width: 115px; height: 19px; float: right; margin-bottom: 5px; background: no-repeat url(../images/content/hello/en-savoir-plus.jpg); } #content #hello #bottom .encart .btn #en-savoir-plus:hover { background: no-repeat url(../images/content/hello/en-savoir-plus-on.jpg); } #content #hello #bottom .encart .btn #close { display: block; clear: right; width: 106px; height: 19px; float: right; padding: 4px 0 0 9px; font-size: 12px; color: #7f828b; background: no-repeat url(../images/content/hello/close.jpg) 100px center; } #content #hello #bottom .encart .btn #close:hover { background: no-repeat url(../images/content/hello/close-on.jpg) 100px center; text-decoration: none; color: #202020; } /*TOPTEN*/ #content #hello #bottom .topten { padding: 0 30px; } #content #hello #bottom .topten a { color: #26a1ca; } #content #hello #bottom .topten span { font-size: 24px; font-weight: bold; } /** ACCUEIL **/ #content #accueil #one { background: #dfe5f5; width: 100%; border-bottom: 1px solid #d8dff3; } #content #accueil #one #onecontent { padding: 40px 0; background: no-repeat url(../images/content/accueil/back.jpg) right top; } #content #accueil #one #onecontent .player { float: left; max-width: 540px; } #content #accueil #one #onecontent .info { float: right; width: 380px; color: #202020; } #content #accueil #one #onecontent .info h1 { font-size: 30px; font-weight: bold; line-height: 34px; } #content #accueil #one #onecontent .info h1 a { color: #202020; } #content #accueil #one #onecontent .info h1 a:hover { text-decoration: none; color: #26a1ca; } #content #accueil #one #onecontent .info h2 { font-size: 18px; line-height: 20px; } #content #accueil #one #onecontent .info p { font-size: 12px; line-height: 14px; margin: 5px 0 0; } #content #accueil #one #onecontent .info h3 { font-size: 14px; line-height: 16px; margin: 5px 0; font-weight: bold; } #content #accueil #one #onecontent .info #votes, #content #accueil #one #onecontent .info .coms { margin-top: 20px; } #content #accueil #one #onecontent .info .coms h3 span { color: #7f828b; font-size: 12px; font-weight: normal; } #content #accueil #one #onecontent .info .coms h3 span a { color: #7f828b; } #content #accueil #one #onecontent .info .coms .com { display: block; cursor: pointer; border-bottom: 1px solid #d2daf0; background-color: rgba(233,237,248,0.6); } #content #accueil #one #onecontent .info .coms .com:hover { background-color: rgba(217,223,241,0.6); text-decoration: none; } #content #accueil #one #onecontent .info .coms .com.alone { width: 100%; font-size: 0px; line-height: 0px; height: 0px; } #content #accueil #one #onecontent .info .coms .com img { float: left; margin: 10px; } #content #accueil #one #onecontent .info .coms .com .text { float: right; color: #202020; width: 320px; font-size: 12px; line-height: 14px; margin-top: 10px; } #content #accueil #one #onecontent .info .coms .com .text span { line-height: 12px; } #content #accueil #one #onecontent .info .coms .com .text .author { font-weight: bold; } #content #accueil #one #onecontent .info .coms .com .text .date { color: #7f828b; } #content #accueil #one #onecontent .info .coms .com p { margin: 0; clear: both; float: left; } #content #accueil #top #link { float: right; padding-right: 13px; margin-top: 10px; font-size: 12px; line-height: 12px; color: #202020; background: no-repeat url(../images/content/design/arrow-black.png) right center; } #content #accueil #top #link:hover { text-decoration: none; color: #26a1ca; background: no-repeat url(../images/content/design/arrow-on.png) right center; } /** ABOUT **/ #content #about #spitch { float: left; width: 320px; } #content #about #spitch #text { width: 100%; border-bottom: 1px solid #dddddd; font-size: 12px; line-height: 14px; padding-bottom: 5px; } #content #about #spitch #text h3 { color: #26a1ca; font-size: 18px; line-height: 20px; margin: 30px 0 15px; } #content #about #spitch #incub { font-size: 12px; line-height: 14px; } #content #about #spitch a { color: #26a1ca; } #content #about #form { float: right; width: 540px; position: relative; } #content #about #form #oked { font-size: 12px; margin-top: 30px; text-align: center; } #content #about #form form .element .inpuut { width: 260px; } #content #about #form form .element .textaarea { width: 540px; height: 122px; } #content #about #form form .element.email { float: right; } #content #about #form form .element.submit { float: right; } #content #about #form form .element.submit .inpuut.iSubmit { width: auto; margin-top: 20px; } #content #about #form form .element.submit .inpuut.iSubmit input[type=submit] { text-transform: uppercase; width: 91px; } #content #about #form #avion { position: absolute; top: 316px; left: 0; } /** FAQ / JURI **/ #content #faq { font-size: 12px; line-height: 14px; } #content #faq h3 { color: #26a1ca; font-size: 18px; line-height: 20px; margin: 30px 0 15px; width: 100%; } #content #faq h4 { color: #26a1ca; font-size: 15px; line-height: 20px; margin: 30px 0 10px; width: 100%; } #content #faq p, #content #faq ul { margin-left: 50px; } /*#content #faq p.jury { margin-left: 20px; }*/ #content #faq ul { margin-top: 5px; margin-bottom: 5px; } #content #faq a { color: #26a1ca; } /** VIDEO **/ #content #video #search { height: 32px; width: 100%; margin-bottom: 30px; } #content #video #search #search-submit { cursor: pointer; float: left; width: 44px; height: 30px; border: none; background: transparent no-repeat url(../images/content/video/search-loupe.png); } #content #video #search #search-text { float: left; border: none; width: 297px; height: 30px; background: transparent no-repeat url(../images/content/video/search-input.png); font-size: 12px; line-height: 30px; color: #bbbbbb; padding: 0 8px; vertical-align: middle; } #content #video #search .paging { color: #202020; float: left; border-left: 1px solid #dddddd; font-size: 24px; line-height: 30px; vertical-align: middle; padding: 0 8px; } #content #video #search .paging.first { border-left: none; } #content #video #search .paging.select { color: #26a1ca; } #content #video #search .paging:hover { color: #26a1ca; text-decoration: none; } #content #video #search #sort { float: right; position: relative; } #content #video #search #sort span { float: left; line-height: 30px; vertical-align: middle; font-size: 14px; font-weight: bold; margin-right: 5px; } #content #video #search #sort #arrow { cursor: pointer; float: left; width: 39px; height: 30px; background: transparent no-repeat url(../images/content/video/sort-arrow.png); } #content #video #search #sort #arrow.on { background: transparent no-repeat url(../images/content/video/sort-arrow-on.png); } #content #video #search #sort #text { float: left; width: 185px; height: 30px; background: transparent no-repeat url(../images/content/video/sort-back.png); font-size: 14px; line-height: 30px; padding: 0 8px; vertical-align: middle; } #content #video #search #sort #list { display: none; position: absolute; text-align: right; right: 0; top: 30px; background: #202020; z-index: 1; width: 201px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; } #content #video #search #sort #list .item { display: block; height: 32px; width: 181px; padding: 0 10px; font-size: 14px; line-height: 32px; vertical-align: middle; border-top: 1px solid #404040; color: #7f828b; } #content #video #search #sort #list .item:hover { color: #ffffff; background: #303030; text-decoration: none; } #content #video #search #sort #list .item.first { border: none; } #content #video #search #sort #list .item.last, #content #video #search #sort #list .item.last:hover { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; } #content #video #videos #vide { color: #26A1CA; font-size: 30px; margin: 30px 0; text-align: center; } #content #video #pagination { width: 100%; position: relative; } #content #video #pagination .left { float: left; } #content #video #pagination .right { float: right; } #content #video #pagination .link { margin-top: 15px; font-size: 14px; font-weight: bold; line-height: 14px; color: #202020; } #content #video #pagination .link:hover { color: #26a1ca; text-decoration: none; } #content #video #pagination .link.left { padding: 0 0 0 13px; background: transparent no-repeat url(../images/content/design/arrow-black-back.png) left center; } #content #video #pagination .link.left:hover { background: transparent no-repeat url(../images/content/design/arrow-on-back.png) left center; } #content #video #pagination .link.right { padding: 0 13px 0 0; background: transparent no-repeat url(../images/content/design/arrow-black.png) right center; } #content #video #pagination .link.right:hover { background: transparent no-repeat url(../images/content/design/arrow-on.png) right center; } #content #video #pagination .link.nolink { color: #c8c8c8; } #content #video #pagination .link.nolink:hover { color: #c8c8c8; } #content #video #pagination .link.nolink.left { background: transparent no-repeat url(../images/content/design/arrow-gray-back.png) left center; } #content #video #pagination .link.nolink.left:hover { background: transparent no-repeat url(../images/content/design/arrow-gray-back.png) left center; } #content #video #pagination .link.nolink.right { background: transparent no-repeat url(../images/content/design/arrow-gray.png) right center; } #content #video #pagination .link.nolink.right:hover { background: transparent no-repeat url(../images/content/design/arrow-gray.png) right center; } #content #video #pagination #pages { position: absolute; left: 50%; } #content #video #pagination #pages .num { display: block; float: left; width: 17px; height: 24px; background: #7f828b; margin: 10px 5px 0 0; color: #ffffff; font-size: 14px; font-weight: bold; line-height: 24px; vertical-align: middle; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #content #video #pagination #pages .num.select { background: #202020; } #content #video #pagination #pages .num:hover { background: #26a1ca; text-decoration: none; } /** PROFIL **/ #content #profil #infos { float: left; width: 220px; margin-top: 30px; } #content #profil #infos #img { text-align: center; } #content #profil #infos #img img { -moz-border-radius: 3px; -webkit-border-radius: 3px; max-width: 220px; } #content #profil #infos #modifs .modif { padding: 7px 0; border-bottom: 1px solid #dddddd; font-size: 12px; } #content #profil #infos #modifs .modif .top { display: block; height: 16px; line-height: 16px; font-size: 12px; padding-left: 24px; vertical-align: middle; position: relative; cursor: pointer; } #content #profil #infos #modifs .modif .top:hover { color: #26a1ca; } #content #profil #infos #modifs .modif .top .arrow { position: absolute; right: 4px; top: 5px; display: block; width: 4px; height: 7px; background: transparent no-repeat url(../images/content/profil/arrow.png); } #content #profil #infos #modifs .modif .inner { display: none; } #content #profil #infos #modifs .modif.on .top { color: #26a1ca; } #content #profil #infos #modifs .modif.on .top .arrow { right: 3px; top: 8px; width: 7px; height: 4px; background: transparent no-repeat url(../images/content/profil/arrow-on.png); } #content #profil #infos #modifs .modif.on .inner { display: block; } #content #profil #infos #modifs .modif#avatar .top { background: transparent no-repeat url(../images/content/profil/picto_avatar.png) left center; } #content #profil #infos #modifs .modif#edit .top { background: transparent no-repeat url(../images/content/profil/picto_edit.png) left center; } #content #profil #infos #modifs .modif#pass .top { background: transparent no-repeat url(../images/content/profil/picto_lock.png) left center; } #content #profil #infos #modifs .modif#erase .top { color: #7f828b; background: transparent no-repeat url(../images/content/profil/picto_erase.png) left center; } #content #profil #infos #modifs .modif#erase .top:hover { color: #7f828b; text-decoration: none; } #content #profil #infos #modifs .modif form .element { width: 220px; } #content #profil #infos #modifs .modif form .element.form_name { display: none; } #content #profil #infos #modifs .modif form .element .inpuut { width: 220px; } #content #profil #infos #modifs .modif form .element .label { margin-top: 20px; } #content #profil #infos #modifs .modif form .element.submit { float: right; margin-bottom: 17px; margin-top: 20px; width: auto; } #content #profil #infos #modifs .modif form .element .inpuut.iSubmit { width: auto; text-transform: uppercase; margin-top: 0px; } #content #profil #infos #modifs .modif form .element .inpuut.iSubmit input { width: 130px; text-transform: uppercase; } #content #profil #actions { float: right; width: 620px; } #content #profil #actions h1 { margin-top: 30px; margin-bottom: 5px; } #content #profil #actions p.empty { color: #26a1ca; } #content #profil #actions .comvote { width: 100%; height: 65px; margin-bottom: 13px; } #content #profil #actions .comvote img { float: left; height: 63px; width: 98px; border: 1px solid #c8c8c8; margin-right: 10px; } #content #profil #actions .comvote .text { float: left; width: 510px; position: relative; } #content #profil #actions .comvote .text .del { display: block; width: 10px; height: 9px; position: absolute; top: 0; right: 0; background: transparent no-repeat url(../images/content/profil/cross.png); } #content #profil #actions .comvote .text .del:hover { background: transparent no-repeat url(../images/content/profil/cross-on.png); } #content #profil #actions .comvote .text .time { display: block; padding-bottom: 10px; width: 100%; border-bottom: 1px solid #dddddd; font-size: 12px; color: #7f828b; } #content #profil #actions .comvote .text .time a { color: #26a1ca; } #content #profil #actions .comvote .text .msg { font-size: 12px; line-height: 14px; vertical-align: middle; padding-left: 20px; margin-top: 10px; } #content #profil #actions .comvote.com .text .msg { vertical-align: baseline; padding-left: 0; } #content #profil #actions .comvote .text .msg.ok { background: transparent no-repeat url(../images/content/design/vote-plus.png) left center; } #content #profil #actions .comvote .text .msg.ko { background: transparent no-repeat url(../images/content/design/vote-moins.png) left center; } /** DETAILS **/ #content #details #title { margin: 30px 0 15px 0; } #content #details #title h1 { float: left; font-size: 30px; line-height: 30px; font-weight: bold; } #content #details #title h2 { float: left; font-size: 18px; line-height: 18px; vertical-align: baseline; margin: 10px 0 0 10px; color: #7f828b; } #content #details #thevideo { width: 620px; float: left; } #content #details #thevideo #sharelike { margin: 18px 0 20px; background: #dfe5f5; padding: 9px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #content #details #thevideo #sharelike #share { float: left; font-size: 14px; line-height: 18px; font-weight: bold; } #content #details #thevideo #sharelike #share span { float: left; } #content #details #thevideo #sharelike #share a { margin: 2px 0 0 5px; float: left; } #content #details #thevideo #sharelike #like { float: right; font-size: 18px; line-height: 18px; text-transform: uppercase; font-weight: bold; } #content #details #thevideo #sharelike #like a { margin-left: 20px; color: #202020; padding-left: 20px; } #content #details #thevideo #sharelike #like a#ok { background: transparent no-repeat url(../images/content/design/vote-plus.png) left center; } #content #details #thevideo #sharelike #like a#ko { background: transparent no-repeat url(../images/content/design/vote-moins.png) left center; } #content #details #thevideo #sharelike #like a:hover { color: #26a1ca; text-decoration: none; } #content #details #thevideo #sharelike #like span { font-size: 14px; padding-left: 20px; text-transform: none; } #content #details #thevideo #sharelike #like span#ok { background: transparent no-repeat url(../images/content/design/vote-plus.png) left center; } #content #details #thevideo #sharelike #like span#ko { background: transparent no-repeat url(../images/content/design/vote-moins.png) left center; } #content #details #thevideo #desc { font-size: 12px; line-height: 16px; } #content #details #thevideo #votes h1, #content #details #thevideo #coms h1 { font-size: 30px; line-height: 30px; margin: 30px 0 10px; } #content #details #thevideo #votes h1 .num, #content #details #thevideo #coms h1 .num { color: #26a1ca; } #content #details #thevideo #coms .com { padding: 10px 0; border-bottom: 1px solid #dddddd; } #content #details #thevideo #coms .com .img { float: left; margin-right: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #content #details #thevideo #coms .com .text { font-size: 12px; line-height: 12px; } #content #details #thevideo #coms .com .text .author { font-weight: bold; } #content #details #thevideo #coms .com .text .date { color: #7f828b; } #content #details #thevideo #coms .com .text .comment { float: left; margin-top: 5px; width: 570px; } #content #details #thevideo #commenter form .element .textaarea { width: 620px; height: 140px; } #content #details #thevideo #commenter form .element.submit { float: right; margin: 20px 0 0; } #content #details #thevideo #commenter form .element .inpuut.iSubmit input { width: 91px; text-transform: uppercase; } #content #details #theother { width: 300px; float: right; } #content #details #theother h1.title { margin-top: 0; } #content #details #theother .other { font-size: 12px; line-height: 14px; margin-bottom: 20px; } #content #details #theother .other img { border: 1px solid #c8c8c8; float: left; margin-right: 7px; } #content #details #theother .other .name { display: block; float: left; color: #26a1ca; width: 193px; border-bottom: 1px solid #dddddd; padding-bottom: 5px; margin-bottom: 10px; } /** TOPTEN **/ #content #accueil #one #onecontent .info.topten { width: 450px; float: left; } #content #accueil #one #onecontent .info.topten.first { margin-right: 42px; } #content #accueil #one #onecontent .info.topten .coms { margin-bottom : 20px; }