/* -------------------------------------------------------------- * screen.css - lacroix-tuning.com * @type: Screen * @langue: Commun * @year: 2008 * @author: CyberGénération * @note: background; float; display; z-index; position(TRBL); width; height; margin:(TRBL); padding:(TRBL); border:(TRBL); others; --------------------------------------------------------------- */ /* Default setting. --------------------------------------------------------------- */ body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; color:#999; background:#000 url(img/bg_body_repeat.jpg) repeat-y center top; } #printHeader { display:none} #pageContainer { background:url(img/bg_body.jpg) no-repeat top center; min-width:966px} a { color:#b8151b; text-decoration:underline; font-weight:bold; } a:hover { color:#888; text-decoration:none; } #pageContent h3 { color:#b8151b; font-size:20px; font-weight:normal; } h4 { color:#b8151b; } h5 { font-size:12px; font-weight:bold } :focus { outline: 0; } hr { display:none } /* sIFR --------------------------------------------------------------- */ .sIFR_univers { font-family:arial;} h3.sIFR_univers { color: #B8151B; font-size:16px; font-weight:bold; visibility:hidden} h3.sIFR_univers .sIFR-flash { border-bottom:#b8151b solid 1px;} h4.sIFR_univers { color: #666; font-size:16px; visibility:hidden; margin-top:10px; background:url(img/listBullets/arrowsBullet_gray_11px.gif) no-repeat; background-position: 0 8px; padding:0 0 0 18px; } #pageColumn1 .sIFR-flash { border-bottom:none } /* fontResize control --------------------------------------------------------------- */ .size1 { font-size: 14px; line-height:1.2em } .size2 { font-size: 16px; line-height:1.4em } /* globalClass. --------------------------------------------------------------- */ body div#pageContainer .hide { position:absolute; top:0; left:0; overflow: hidden; width: 1%; height: 0; } body div#pageContainer .none { display:none } body div#pageContainer .right { float:right; } body div#pageContainer .left { float:left; } body div#pageContainer .clear { clear:both; } body div#pageContainer .txtRight { text-align:right; } body div#pageContainer .txtLeft { text-align:left; } body div#pageContainer .txtCenter { text-align:center; } body div#pageContainer .first { margin-left:0; padding-left:0; } body div#pageContainer .last { margin-right:0; padding-right:0; } body div#pageContainer .top { margin-top:0; padding-top:0; } body div#pageContainer .bottom { margin-bottom:0; padding-bottom:0; } body div#pageContainer .bold { font-weight:bold } body div#pageContainer .italic { font-style:italic } body div#pageContainer .normal { font-style:normal } body div#pageContainer .dotBorder { border-bottom:#999 1px dotted } body div#pageContainer .noBorder { border:none } body div#pageContainer .noIcon { background:none; padding:0; margin:0; } body div#pageContainer .noFloat { float:none } body div#pageContainer .noBg { background:none; } body div#pageContainer .word-wrap { word-wrap:break-word; } /* word in IE only for now got a little js script to make it work in Firefox (waiting for CSS3) */ body div#pageContainer .w85 { width:85px; } body div#pageContainer .w125 { width:125px; } /* Success, notice and error boxes -------------------------------------------------------------- */ .error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } .error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } .notice { background: #FFF6BF; color: #514721; border-color: #FFD324; } .success { background: #E6EFC2; color: #264409; border-color: #C6D880; } .error a { color: #8a1f11; } .notice a { color: #514721; } .success a { color: #264409; } /* customClass for list tag -------------------------------------------------------------- */ .noBullet li { list-style-type: none; } .dotBullet li { list-style-type: none; background:url(img/listBullets/dotBullet_bw_4px.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px;} .plusBullet li { list-style-type: none; background:url(img/listBullets/plusBullet_bw1_9px.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px; } .arrowsBullet li { list-style-type: none; background:url(img/listBullets/arrowBullet_gray2_5px.gif) no-repeat; background-position: 0 4px; padding:0 0 0 12px; } /* customClass for link icon -------------------------------------------------------------- */ .dotLink { background:url(img/listBullets/dotBullet_bw_4px.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px;} .plusLink { background:url(img/listBullets/plusBullet_bw2_9px.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px; } .arrowLink { background:url(img/listBullets/arrowBullet_blue_9px.gif) no-repeat; background-position: 0 center; padding:0 0 0 10px; } .pdf { background: url(img/icons/pdf.png) right center no-repeat; padding:2px 22px 2px 0; margin:-2px 0; } /* pageHeader --------------------------------------------------------------- */ /* If the menu is below the pageHeader add 'margin-bottom' equal to the menuTop 'height' for clearing space */ #pageHeader { background:url(img/pageHeader_bolide-chick.jpg) no-repeat; background-position:285px 30px; height:347px; padding-bottom:60px; } #pageHeader h1 a { background:url(img/pageHeader_logo.jpg) no-repeat; width:200px; height:100px; position:absolute; left:63px; top:73px; } #pageHeader h2 { position:absolute; top:0; left:0; overflow:hidden; width:1%; height:0; } #spinningTire { display:block; width:45px; height:45px; position:absolute; top:293px; left:36px; border:#8b4e4e 1px solid } #printHeader { display: none; } /* pageMenu --------------------------------------------------------------- */ #pageMenu a span { position:absolute; top:0; left:0; overflow: hidden; width: 1%; height: 0; } /* quickMenu --------------------------------------------------------------- */ #quickMenu { position:absolute; left:5px; top:0; width: 940px; } #quickMenu li { float:left; padding-left:30px } #quickMenu a { background-position:top left; display:block; height:30px; } #quickMenu a:hover { background-position:bottom left } #quickMenu a.selected { background-position:bottom left } /* mainMenu --------------------------------------------------------------- */ #mainMenu { position:absolute; top:347px; } #mainMenu ul { display:block; width:100%; height:30px; padding-top:13px } #mainMenu li { float:left; } #mainMenu a { background-position:top; display:block; height:30px; } #mainMenu a:hover { background-position:bottom } #mainMenu a.selected { background-position:bottom } /* pageContent --------------------------------------------------------------- */ /* overflow:hidden pour forcé le wrappin dans FF - overflown:visible pour forcé le wrappin avec IE6 */ #pageContent { overflow:visible; height:auto !important; min-height:400px; height:400px; width:966px; margin:0 auto; position:relative; } #pageColumn_wrapper { overflow:hidden !important; overflow:visible; padding-top:16px; } #pageColumn1 { width:350px; padding:70px 0 0 0; float:left; } #pageColumn2 { width:561px; padding:0 0 0 13px; float:left; } .pageRoues #pageColumn1 { padding:0; } .pagePièces #pageColumn2 { width:900px } #pageColumn1.logged { padding:70px 0 0 0; } .title_section { padding-bottom:6px; margin:0px; width:557px; border-bottom:1px solid #b8151b; } .title_general { background:url(img/title_general_left.gif) no-repeat left top; padding:0 0 0 10px; height:18px; color:#fff; margin:5px 0 10px 0 } .title_general span { background:url(img/title_general_right.gif) no-repeat right bottom; padding:2px 10px 2px 0; line-height:18px; } .title_general.btn_retour { margin-top:25px} .title_general.btn_retour a { color:#fff; text-decoration:none} .title_general.btn_retour a:hover { color:#999; text-decoration:none} .content_holder { background:url(img/bg_contentHolder_bottom.gif) no-repeat bottom; padding:0 0 10px 0; margin:0 0 20px; width:557px; clear:both; overflow:hidden; } .content_top { background:url(img/bg_contentHolder_top.gif) no-repeat top; padding:10px 0 0; margin:0; } .content_repeat { background:url(img/bg_contentHolder_repeat.gif) repeat-y ; padding:0 10px; margin:0; width:537px; clear:both; overflow:hidden; } .content_holder p { color:#808285; font-size:11px; line-height:14px; padding:5px 10px 10px 2px; margin:0 } p.important { font-size:12px; line-height:17px; } #termes p { padding:5px 10px 25px 2px; margin:0 } #propos p { padding:5px 10px 25px 2px; margin:0 } #techniques .techniques-pdf { margin:6px 10px 25px 3px } #pieces { display:block; background-color:#000; overflow:hidden; width:900px; } #pieces iframe { background-color:#cccccc; overflow:auto } #return { display:block; width:560px; padding-top:5px} #return iframe { background-color:#fff; overflow:auto } #bolides { position:relative; padding-top:26px } table, td, th { vertical-align:middle} #bolides table, #membres table, #videos table, #recherche table, #photos table { background:url(img/bg_table_top.gif) no-repeat top; } table thead tr { height:38px; margin:0; padding:0 } th { background:none; color:#ccc; line-height:12px; } table .year { background:url(img/bg_table_year.gif) no-repeat; height:27px; } table .year th { text-align:center; color:#ccc } #plan-du-site { background:url(img/bg_plandusite.png) no-repeat bottom right; padding-bottom:200px; margin-bottom:0 } #plan-du-site.page404 { background:url(img/bg_page404.png) no-repeat; background-position:right 15px; padding-top:50px; padding-bottom:0; margin-bottom:0 } #plan-du-site p { margin-bottom:200px } #plan-du-site li { margin-top:8px } #roues-virtuelles { background:url(img/bg_roues-virtuelles.png) no-repeat bottom right; padding-bottom:150px; margin-bottom:0 } #user-bookmark { background:url(img/bg_table_year.gif) no-repeat; display:block; width:558px; height:27px; } #user-bookmark ul { list-style:none; padding:0; margin:0 } #user-bookmark li { display:inline-block; float:left;} #user-bookmark a { color:#666; text-decoration:none; margin-left:10px; } #user-bookmark a:hover { color:#b8151b; } #user-bookmark .cancel { background:url(/css/commun/img/icons/cancel_16.png) no-repeat center left; padding:0 0 3px 20px; line-height:24px; } #user-bookmark .add { background:url(/css/commun/img/icons/fav_16.png) no-repeat center left; padding:0 0px 3px 20px; line-height:24px; } #user-bookmark .modifPic { background:url(/css/commun/img/icons/camera_16.png) no-repeat center left; padding:0 0 3px 20px; line-height:24px; } #user-bookmark .modifVideo { background:url(/css/commun/img/icons/video_16.png) no-repeat center left; padding:0 0 3px 20px; line-height:24px; } .modif_holder { padding:10px 0; margin-bottom:15px; overflow:hidden; border-bottom:#666 1px solid; position:relative } .modif_holder img { padding:15px 5px; } .modif_holder .videoLink { display:block; width:260px; height:150px; position:absolute; top:23px; left:280px } .modif_holder .deletePhotoLink { text-decoration:none; background:url(/css/commun/img/icons/cancel_16.png) no-repeat center left; padding:0 0 3px 20px; margin-right:67px; line-height:24px; } .modif_holder .deleteVideoLink { text-decoration:none; background:url(/css/commun/img/icons/cancel_16.png) no-repeat center left; padding:0 0 3px 20px; line-height:24px; position:absolute; top:180px; left:280px } #inscrivez-vous-ici_accueil, #me-connectez_accueil, #btn_pimp-ton-bolide { text-indent:-9999px; display:block;} #btn_pimp-ton-bolide:hover, #inscrivez-vous-ici_accueil:hover, #me-connectez_accueil:hover{ background-position: bottom ;} #pageHeader_telephone { text-indent: -9999px; background:url(img/pageHeader_telephone.gif) no-repeat 0 0; height: 20px ; width: 232px ; position:absolute; left:141px; top: 169px; } /* pageColumn1 --------------------------------------------------------------- */ .logged #inscrivez-vous-ici_small { display:none } #inscrivez-vous-ici_small { position:absolute; top:412px } #inscrivez-vous-ici_small:hover { background-position:bottom; cursor:pointer; } #membre { color:#919090; padding:10px 10px 20px 14px; width:350px } .photo-membre { display:block; width:37px; height:37px; padding:5px; float:left; text-align:center; overflow:hidden } #membre p { border-bottom:1px solid #2b2b2b; margin:0 0 4px 73px; padding:0 0 6px 0; width:252px } #membre a { text-decoration:none } #membre ul a { color:#888; font-weight:normal } #membre ul a:hover { color:#b8151b; text-decoration:underline; } #membre ul { list-style:none; list-style-type:none; margin:0 0 0 73px; padding:0; } #membre ul li { display:inline; margin-left:5px; padding-left:9px; border-left: 1px solid #2b2b2b } #sideBar { background:url(img/bg_sideBar_bottom.gif) no-repeat bottom; padding:0 0 7px 0; width:350px; overflow:hidden } #sideBar .sideBar_top { background:url(img/bg_sideBar_top.jpg) no-repeat top; padding:9px 0 0 0; } #sideBar .sideBar_repeat { background:url(img/bg_sideBar_repeat.gif) repeat-y; padding:0; } #sideBar ul { width:347px; padding:0; margin:0; list-style:none; list-style-type:none } #sideBar li { padding:0 0 0 7px; margin:0 0 3px; overflow:hidden;} #sideBar .box_speciaux li {padding:0;} #sideBar ul a { display:block; height:47px; padding:0; float:left;} #sideBar ul a.btn_pneus_speciaux:hover, #sideBar ul a.btn_autres_speciaux:hover { background-position:bottom;} /*Vieux bouton avec Google Talk*/ #sideBar .btn_conseiller { display:block; height:18px; padding:30px 0 0 0; position:relative;} #sideBar ul .btn_conseiller .gLinks { list-style:none; list-style-position:auto; margin:0; padding:0 0 0 46px; width:auto; overflow:hidden } #sideBar li .btn_conseiller li { display:block; float:left; width:60px; height:20px; padding-top:3px } #sideBar .btn_conseiller li { display:block; float:left; width:60px; height:20px; padding-top:3px } #sideBar .btn_conseiller { display:block; height:18px; padding:30px 0 0 0; position:relative;} #sideBar .gLinks a { display:block; float:left; width:60px; height:20px; text-decoration:none; color:#808285; line-height:0} #sideBar .gLinks a:hover { color:#B8151B } #sideBar .btn_conseiller2 { height:45px; padding:0; width:334px;} #lacroix-tv { background:url(img/bg_lacroix-tv.jpg) no-repeat; display:block; width:334px; height:255px; margin:10px 0 0 7px; padding:10px 0 0 8px; } #lacroix-tv .tv_moreLink { text-align:right; margin:2px 0 3px; padding:0; display:block; width:319px } #lacroix-tv .tv_mainLink { background:url(img/btn_lacroix-tv.jpg) no-repeat top; display:block; width:319px; height:176px; cursor:pointer} #lacroix-tv .tv_mainLink:hover { background-position:bottom} #pageColumn1 #recherche-membre { background:url(img/form_recherche-membre_c1_bg.jpg) no-repeat; display:block; width:334px; height:117px; padding:2px 0 3px; margin:0 0 15px 7px } /* pageAccueil --------------------------------------------------------------- */ #pageAccueil #pageColumn_wrapper { padding-top:16px; background:url(img/bg_pageColumn_wrapper.jpg) no-repeat scroll 498px 16px;} #pageAccueil #pageRow1 { height: 76px; position: relative;} #pageAccueil #pageColumn1 { padding:30px 0 0; } #pageAccueil #pageColumn2 { width:375px; padding-left:0; float:left; } #pageAccueil #pageColumn3 { width:190px; float:left; } #bolides-en-vedette_holder { display:block; width:348px; height:262px; margin-left:15px; padding-top:50px } #bolides-en-vedette { background:url(img/bg_bolides-viewer.jpg) no-repeat; display:block; width:328px; height:241px; padding:12px 10px 10px 10px } #membres-recents { color:#919090; padding-bottom:20px } #membres-recents ul { padding:0; margin:0 0 15px; } #membres-recents li { overflow:hidden; clear:both; padding:0; margin:0 0 3px 0;} #membres-recents p { text-align:right; margin:0; padding:0 9px 0 0; } #membres-recents p.nickname { margin:0 0 0 55px; width:112px; padding:0; font-size:12px; text-align:left; line-height:12px; position:relative; top:13px} #pageAccueil #sideBar .sideBar_top { padding:30px 0 0 0; } /* recherche membre / véhicule --------------------------------------------------------------- */ #recherche-membre { background:url(img/form_recherche-membre_bg.jpg) no-repeat; display:block; width:348px; height:117px; padding:1px 0 0 0; margin:10px 0 0 15px; position:relative } #searchBox_form { margin:0; padding:0; } #searchBox_form fieldset { border:none; margin:0; padding-top:0 } #searchBox_form label { display:none } #searchBox_form select { background:#000; width:260px; border:1px solid #333; font-family:Verdana, Helvetica, sans-serif; font-size:10px; color:#999; margin:0; padding:0; } #pageColumn1 #searchBox_form select { width:240px;} #searchBox_form option { background:#fff; color:#333; height:15px } #searchBox_form .holder { margin:0 0 5px 0; border:none; width:5px; height:23px; } #searchBox_form #searchBox_btn { position:absolute; top:84px; right:10px; background:url(img/form/btn_quickSearch.gif) no-repeat; width:54px; height:22px; margin:0 0 0 0; border:none; cursor:pointer; } #pageColumn1 #searchBox_btn { top:85px; } /* pageMembre --------------------------------------------------------------- */ #photos-membre { overflow:hidden; width:575px; padding:0; margin:3px 0 15px } .bolide-big { background:url(img/border_photo-big.jpg) no-repeat; display:block; width:259px; height:191px; padding:10px 6px 5px 8px; margin:12px 13px 0 0; float:left; overflow:hidden} .bolide-big img { display:block; width:259px; height:189px; } .bolide-small { background:url(img/border_photo-small.jpg) no-repeat; position:relative; display:block; width:123px; height:90px; padding:5px 3px 2px 4px; margin:12px 13px 0 0; float:left; overflow:hidden} .bolide-small img { display:block; width:122px; height:89px; } .car-photo-rate { position:absolute; bottom:3px; display:block; width:122px; background-color:#000; filter:alpha(opacity=95); opacity:.95; } #bolide-description label { float:left; padding-right:5px; color:#fff; text-transform:uppercase} #profil-membre label { float:left; padding-right:5px; color:#fff; text-transform:uppercase} #bolide-description .row { clear:both; margin:0 0 5px; padding:1px 0 2px 10px; background:none; overflow:hidden; } #profil-membre .row { clear:both; margin:0 0 5px; padding:1px 0 2px 10px; background:none; overflow:hidden; } #profil-membre .dark, #bolide-description .dark, .dark { background:#171616; } #bolide-videos ul { margin-left:10px;margin-right:10px;} #bolide-videos ul li { margin-bottom:20px } .video-description { margin-bottom:15px; padding-bottom:10px; border-bottom:#333 solid 1px; } #bolide-description .tuning p { padding-top:0 } #membre-gagnant .row { background:#171616; position:relative; padding-left:35px; line-height:14px; padding-bottom:2px; margin-bottom:15px} #membre-gagnant .row .winner { position:absolute; top:-6px; left:8px; background:url(img/icons/winner.png) no-repeat; display:block; width:21px; height:27px; } #membre-gagnant .row .mention { position:absolute; top:-6px; left:8px; background:url(img/icons/mention.png) no-repeat; display:block; width:21px; height:27px; } #favorite_cars { padding:0 10px } .video_thumb { background:url(img/btn_video-generique.jpg) no-repeat top; display:block; height:53px; width:80px; margin:2px 2px 2px 0; } .video_thumb:hover { background-position:bottom } /* Bolide du mois */ #gagnant-du-mois { background:url(img/border_bolide-du-mois.gif) no-repeat; display:block; width:330px; height:240px; padding:12px 9px 10px 10px; margin:0 0 20px 90px; float:none; overflow:hidden; position:relative} #gagnant-du-mois img { display:block; width:330px; height:240px; } #gagnant-du-mois .nickname { position:absolute; top:215px; left:10px; display:block; width:310px; padding:0 10px; line-height:30px; background-color:#000; color:#666; font-size:20px; font-weight:bold; filter:alpha(opacity=75); opacity:.75; } #mention-speciale { background:url(img/border_bolide-du-mois.gif) no-repeat; display:block; width:330px; height:240px; padding:12px 9px 10px 10px; margin:0 0 20px 90px; float:none; overflow:hidden; position:relative} #mention-speciale img { display:block; width:330px; height:240px; } #mention-speciale .nickname { position:absolute; top:215px; left:10px; display:block; width:310px; padding:0 10px; line-height:30px; background-color:#000; color:#666; font-size:20px; font-weight:bold; filter:alpha(opacity=75); opacity:.75; } /* Page d'inscription */ #inscrivez-vous-ici { float:right; position:relative; top:-150px; } #inscrivez-vous-ici:hover { background-position:center bottom; } .comment_form { margin:15px 0 0 0; padding-top:10px; padding-bottom:0 } .comment_form .form h4 { margin:0 0 5px 0; } .comment_form fieldset { margin-bottom:5px; border:1px solid #666; } .comment { margin-top:10px; padding-left:10px; padding-top:5px; padding-bottom:0 } .comment-audit { margin-top:0; margin-bottom:10px;} .comment-audit p { font-size:10px; padding-top:0px} .comment-text { padding-bottom:3px; color:#ccc; font-size:11px; font-weight:normal; line-height:16px } .comment-text p { padding-bottom:0; padding-top:0; color:#ccc; font-size:11px; font-weight:normal; line-height:16px } /* speciaux --------------------------------------------------------------- */ .speciaux .tabs { background:url(img/bg_onglets.jpg) no-repeat bottom left; height:25px; display:block; list-style:none; margin:16px 0 0 0;} .speciaux #pageContent .tabs h3 { text-indent:-9999px;} .speciaux .tabs li { display:block; float:left; height:24px; overflow:hidden;} .speciaux .tabs li a { display:block; height:24px; overflow:hidden; text-align:center; color:#cc0001; text-decoration:none;} .speciaux .tabs li a:hover { color:#cc0001;} .speciaux .tabs li.inactif a { background-position: 0 24px;} .speciaux .tabs li.inactif a:hover { background-position: 0 0;} .speciaux .content_top { background:none; padding:0; background-color:#000; padding:0 2px;} .speciaux .content_repeat { background: #0b0b0b url(img/bg_contentHolder_fade.jpg) no-repeat top left; padding:5px 10px 0 10px; width:533px;} .speciaux .row { display:block; clear:both; } .speciaux .promo { display:block; float: left; margin: 0 50px 0 0; } .speciaux .promo p { margin: 0; padding:10px 0 20px; text-align: center; } /* pageFooter --------------------------------------------------------------- */ #pageFooter { margin:40px 0 0 0; clear:both; } #pageFooter a { color:#919090; font-weight:normal; text-decoration:none; } #pageFooter a:hover { color:#b8151b; font-weight:normal; text-decoration:underline} #bottomLink { background:url(img/bg_pageFooter.jpg) no-repeat; display:block; width:900px; height:21px; margin:0 0 5px 7px; padding:6px 13px 0 0; text-align:right; } #bottomLink li { display:inline; margin-left:5px; padding-left:9px; border-left:1px solid #919090; } #signatureCyber { color:#919090; font-size:11px; padding:0 60px 50px 0; text-align:right;} /* pageNavigator --------------------------------------------------------------- */ .pageNavigator { height:22px; z-index:5; font-size:12px } .pageNavigator div { float:right; right:30px; } .pageNavigator div span, .pageNavigator div a { float:left; font-size:11px; padding:3px; display:block; color:#666; font-weight:bold; text-decoration:none } .pageNavigator div a:hover { color:#B8151B; } .pageNavigator div a.selected { font-size:16px; color:#B8151B; font-weight:bold; } /* formulaires --------------------------------------------------------------- */ .form h1,.form h2,.form h3,.form h4,.form h5,.form h6 { margin:0; } /* Fields, labels, etc */ fieldset legend { display:none; } fieldset label { display:block; width:auto; margin-top:5px;line-height:18px;color:#666;font-weight:bold; } fieldset label.obligatoire { padding-left:20px; background:url(/css/commun/img/bullet_champObligatoire.gif) 1px 5px no-repeat; } input { background-color:#eee; } select { background-color:#eee; border:1px solid #333; font-family:Verdana, Helvetica, sans-serif; font-size:10px; color:#fff; margin:0; padding:0; } input.field { width:150px; height:14px; border:1px solid #333; margin:0; padding:1px 2px; } form fieldset option { border:1px solid #fff; height:15px;} textarea { border:1px solid #ab8f7a; font-family:Verdana, Helvetica, sans-serif; font-size:10px; color:#1E0117; margin:0; padding:0; } textarea { height: 150px; } select { background:#fff; color:#333 } form a { clear:both; line-height:20px } input.long { width:225px; } input.medium { width:200px; } input.short { width:75px; } /* Erreur */ .fieldError,input.fieldError { color:#300; background:#ffdfdf; border:1px solid #c00 } /* Field with Error */ .labelError { display:block; color:#c00; font-weight:normal } /* Label with Error */ .label,.labelError { font-weight:bold } .row_error { padding-left:22px; color:#c00; font-weight:bold; font-style:italic; } /* GENERIC FORM STYLES //////////////////////////////////////////////////////// pleine largeur */ .fullwidth { display:block; width:545px; position:relative; border:#333 solid 1px; font-size:11px; margin:12px 0 } .fullwidth fieldset { display:block; width:515px; border:none; padding:10px 15px } /* mi-largeur */ .halfwidth { display:block; width:273px; position:relative; border:#666 solid 1px; font-size:11px; margin:12px 0 } .halfwidth fieldset { display:block; width:243px; border:0px none; padding:10px 15px 4px } .halfwidth input.field { width:238px; height:15px; padding-top:2px } .halfwidth input.field.small { width:130px; height:15px; padding-top:2px } .halfwidth button.button { width:100px; margin:0 0 0 7px; } /* rows and cols styles */ .row { display:block; clear:both; margin:0; padding:0 } .row.select { margin:-15px 0; padding:0;} .col { display:block; float:left; width:45%; } .fullwidth input, .fullwidth select, .fullwidth label { padding-left:0 } .fullwidth label.obligatoire { margin-left:0 } #abonnement_ci { background-color:#000; margin-right:10px } /* calendar */ #calendarDiv { border:1px solid #ccc } #calendarDiv a { color:#666 } #calendarDiv td { color:#000; } /* dark bg and pale text */ #calendarDiv .topBar, #calendarDiv .selectBoxOver, #calendarDiv .activeDay { background:#888; color:#fff } /* pale bg and dark text */ #calendarDiv .timeBar, #calendarDiv #todaysDateString, #calendarDiv .monthYearPicker, #calendarDiv td.calendar_week_column, #calendarDiv #bottomBar { background-color:#eaeaea; border:0; color:#333 } /* drop-down rollovers */ #calendarDiv .monthYearActive { background:#ccc; color:#888888 } .icon-button { margin-bottom:1px } /* Boutons */ button.button { border:0; background-color:#000; /*background:url(/css/commun/img/btn-form.gif) repeat-x;*/ line-height:0; font-size:11px; height:20px; margin:5px 0; padding:0; border:1px solid #fff; cursor:pointer; width:auto;} .button span { display:block; height:20px; color:#fff; font-weight:bold; text-decoration:none; line-height:16px; } /* Specific form styles */ .formNotice { font-weight:normal; margin:12px 0 0 } .success p,.error p { color:#000;font-weight:bold; text-align:center; margin:10px 0 } .button.small,.button.large { width:60px } /* Rating system (starbox-big) */ #carRate { background: url(img/bg_stars.gif) no-repeat left; padding:0 0 0 2px; margin:10px 0 0 0; } #pageColumn2 .starbox .stars { background: url(img/bg_stars.gif) no-repeat right; padding:0 2px 0 0; } #pageColumn2 .starbox .rated .stars { background:none; } #pageColumn2 .starbox .rated .hover .stars { background:none; } #pageColumn2 .starbox .colorbar { background: #ff3739; } #pageColumn2 .starbox .hover .colorbar { background: #ffcc1c; } #pageColumn2 .starbox .rated .colorbar { background: #ff3739; } #pageColumn2 .starbox .rated .hover .colorbar { background: #1e90ff; } #pageColumn2 .starbox .ghost { background: url(img/bg_stars.gif) no-repeat right; } #pageColumn2 .starbox .indicator { background: url(img/bg_indicator.jpg) no-repeat; display:block; width:71px; height:22px; text-align:center; clear: both; color:#909090; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; line-height:20px; position:absolute; top:0; left:125px } /* Rating system (starbox-small) */ #pageColumn2 .bolide-small .starbox .stars { background: url(img/bg_stars.gif) no-repeat left; padding:0 2px 0 0; } #pageColumn2 .bolide-small .starbox .rated .stars { background:none; } #pageColumn2 .bolide-small .starbox .rated .hover .stars { background:none; } #pageColumn2 .bolide-small .starbox .colorbar { background: #ff3739; } #pageColumn2 .bolide-small .starbox .hover .colorbar { background: #ffcc1c; } #pageColumn2 .bolide-small .starbox .rated .colorbar { background: #ff3739; } #pageColumn2 .bolide-small .starbox .rated .hover .colorbar { background: #1e90ff; } #pageColumn2 .bolide-small .starbox .ghost { background: url(img/bg_stars.gif) no-repeat right; } #pageColumn2 .bolide-small .starbox .indicator { background: none; display:block; width:43px; height:15px; text-align:center; clear: both; color:#909090; font-family:Tahoma; font-size:9px; font-weight:normal; line-height:18px; position:absolute; top:0; left:80px } /* pagePièces --------------------------------------------------------------- */ .pagePieces #pageHeader { background:url(img/header_pieces.png) no-repeat 220px 20px; height:347px; padding-bottom:60px; } /*#pageSection.pagePieces .selectCat { display:block; width:860px; padding:10px 20px; text-align:center; margin-bottom:15px; overflow:hidden }*/ #pageSection.pagePieces .selectCat { padding:10px 20px; background: none; } .pagePieces .selectCat a { padding:7px 25px 5px 0; float:left; color:#C0C0C0; font-family:verdana; font-size:12px; background:url(img/listBullets/arrowsBullet_gray_11px.gif) no-repeat; background-position: 0 11px; padding-left:18px; } .pagePieces #btn_roues-virtuelles { position:absolute; top:185px; left:0px; height: 146px; width:268px; } .pagePieces #sideBar { background:url(img/header_sidebar.png) no-repeat; display:block; width:354px; height:170px; padding:19px 0 0 20px; position:absolute; top:27px; left:546px } .pagePieces #sideBar .gLinks { padding-left:48px } .box_speciaux{ width:347px; height:47px; padding:0; margin-bottom:3px; overflow:hidden;} .pagePieces .btn_conseiller, .pagePieces .btn_speciaux, .pagePieces .btn_bulletin { display:block; height:47px; padding:0; margin-bottom:3px } .pagePieces #searchBox_form { position:relative; background:url(img/bg_pieces_searchForm.png) no-repeat top left; display:block; height:50px; padding:87px 0 0 15px; margin:0 } .pagePieces #searchBox_form select { width:200px; margin-right:22px; zoom:1 } .pagePieces #searchBox_form #parts-submit { position:absolute; top:76px; left:685px; margin:0 0 0 0; border:none; cursor:pointer; } .pagePieces #searchBox_form #radio_button { position:absolute; top:80px; left:470px; display:block; width:175px; margin:0 0 0 0; border:none; } .pagePieces #searchBox_form #radio_button label { display:inline; margin-left:25px } .pagePieces #searchBox_form #radio_button input { cursor:pointer; background:none; margin:0; padding:0; } .pagePieces #searchBox_form #radio_button #SUP-NONE { position:absolute; top:16px; left:0px } .pagePieces #searchBox_form #radio_button #SUP-KEY { position:absolute; top:0px; left:0px } /* Boldchat --------------------------------------------------------------- */ #bt_invite_box table { margin-bottom:0; padding:0; } #bt_invite_box td, #bt_invite_box th { padding:2px; } #bt_invite_box * table {padding:0 !important; width:auto !important;} #bt_invite_box textarea { width:250px; }