/* -------------------------------------------------------------- * screen.css - ima * @type: Screen * @langue: Commun * @year: 2008 * @author: CyberGénération - PG * @note: background; float; display; z-index; position(TRBL); width; height; margin:(TRBL); padding:(TRBL); border:(TRBL); others; --------------------------------------------------------------- */ @import url("/css/commun/cBase2.0/cBase.min.css"); /* Set base layout CSS. */ /* Default setting. --------------------------------------------------------------- */ body { padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2f2e29; background: #f2f2f2; } body div#pageContainer fieldset { border:none; } #printHeader { display:none } #pageContainer { position:relative; width:960px; padding:0; margin:0 auto; } a { color:#2f2e29; text-decoration:none; font-weight:bold; } a:hover { color:#ba1f24; } h4 { color:#861117; } img { vertical-align:bottom } .liens { background:url(/css/commun/img/bullet_arrow.gif) no-repeat left; padding-left:10px; margin:0 0 0 15px;} p .liens { margin:0 } /* 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; font-weight: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; } /* 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; } .pdfLink { background: url(img/pdf.gif) right center no-repeat; padding:2px 22px 2px 0; margin:-2px 0; } .rssLink { background: url(img/feed.gif) no-repeat; display:block; height:16px; width:16px; position:absolute; top:8px; right:11px } #pageBlogue .rssLink { position:absolute; top:10px; } /* Random bg_body + section bg_body --------------------------------------------------------------- */ /* body.rand01 { background:url(img/bg_body_01.jpg) top center no-repeat } body.rand02 { background:url(img/bg_body_02.jpg) top center no-repeat } #pageBiographie { background:url(img/bg_body_03.jpg) top center no-repeat } #pageTournee { background:url(img/bg_body_16.jpg) top center no-repeat } #pageBlogue { background:url(img/bg_body_05.jpg) top center no-repeat } #pagePartenaires { background:url(img/bg_body_06.jpg) top center no-repeat } #pageDossier-presse { background:url(img/bg_body_07.jpg) top center no-repeat } #pageBoutique { background:url(img/bg_body_08.jpg) top center no-repeat } #pageExtras { background:url(img/bg_body_11.jpg) top center no-repeat } #pageGalerie { background:url(img/bg_body_19.jpg) top center no-repeat } #pageMultimedia { background:url(img/bg_body_18.jpg) top center no-repeat } #pageDiscographie { background:url(img/bg_body_15.jpg) top center no-repeat } #pageInscription { background:url(img/bg_body_13.jpg) top center no-repeat } #pageConnexion { background:url(img/bg_body_09.jpg) top center no-repeat } #pageSitemap { background:url(img/bg_body_17.jpg) top center no-repeat } #pageLiens { background:url(img/bg_body_12.jpg) top center no-repeat } #pageFaq { background:url(img/bg_body_04.jpg) top center no-repeat } #pageContact { background:url(img/bg_body_10.jpg) top center no-repeat } */ /* bg temporaire le temps d'approbation des header de section */ body { background:url(img/bg_body_default.jpg) top center no-repeat } /* pageHeader --------------------------------------------------------------- */ #pageHeader { height:237px; margin-bottom:47px; position:relative;} #pageHeader h1 a { height:157px; width:167px; position:absolute; top:29px; left:93px; } #pageHeader h2 { position:absolute; top:0; left:0; overflow:hidden; width:1%; height:0; } #abonnez-vous-fan-club { position:absolute; top:55px; left:658px; } #abonnez-vous-fan-club a { display:block; width:225px; height:72px; } /* quickMenu --------------------------------------------------------------- */ #quickMenu { position: absolute; top: 10px; right: 0px; height: 15px; width: 960px;} #quickMenu ul { width: 500px; margin: 0 10px 0 0; margin: 0 10px 0 0; display: inline; text-align:right; position: absolute; top: 0px; right: 0px; } #quickMenu li { display: inline; padding:0 6px 0 10px; border-left:1px solid #c21d23; } #quickMenu a { font-weight:normal; color: #ffffff; text-transform:uppercase; font-size:11px;} #quickMenu a:hover { font-weight:normal; color: #c21d23;} #quickMenu h3 { display: none; } #quickMenu .logged { display:block; clear:both; text-align:right; position:absolute; right:0px; top:30px; margin-right:10px; color:#bcbcbc;} #quickMenu .logged a { color:#ffffff; text-decoration:none; font-weight:bold; } #quickMenu .logged a:hover { color:#c21d23; font-weight:bold; } /* mainMenu --------------------------------------------------------------- */ #mainMenu { width: 960px; margin: 0 auto; overflow: hidden; position:absolute; top:237px } #mainMenu ul { float: left; display: inline; list-style:none; margin: 0px 0px; } #mainMenu li { float: left; text-align:center;} #mainMenu h3 { display: none; } #mainMenu a { display:block; padding:0; background-position: top; } #mainMenu a span { position:absolute; top:0; left:0; overflow: hidden; width: 1%; height: 0; } #mainMenu a.selected { background-position:bottom; } #mainMenu a:hover { background-position:bottom; } /* mainMenu --------------------------------------------------------------- */ #breadcrumbs { width: 602px; margin:0 0 8px 0; overflow:hidden; } #breadcrumbs ul { float: left; display: inline; list-style:none; margin:0; } #breadcrumbs li { float: left; text-align:center;} #breadcrumbs a { display:block; padding:0; background-position: top; } #breadcrumbs a span { position:absolute; top:0; left:0; overflow: hidden; width: 1%; height: 0; } #breadcrumbs a.selected { background-position:center; } #breadcrumbs a.active { background-position:bottom; } #breadcrumbs a:hover { background-position:center; } /* pageContent --------------------------------------------------------------- */ /* overflow:hidden pour forcé le wrappin dans FF - overflown:visible pour forcé le wrappin avec IE6 */ #pageContent { background: #f2f2f2 url(/css/commun/img/bg_section_content.jpg) repeat-y; margin:9px 0 0; padding: 0; overflow:hidden !important; overflow:visible; height:auto !important; min-height:400px; height:400px; color:#2f2e29; } #pageColumn1 { padding:10px 0 10px 10px; width:630px; float:left; } #pageColumn2 { background:url(img/bg_section_pageColumn2.jpg) no-repeat top; padding:10px; width:290px; height:auto !important; min-height:400px; height:400px; float:right; } #pageColumn2.noImage { background:none;} #pageContent h3 { padding:0px; margin:0 0 8px 0; } .content_holder { padding:0 20px 0 0px; overflow:hidden; } .content_holder p { padding:0; color:#111; } .content_holder ul { padding:0; } .content_holder li { padding:2px 0 0 0; } .archives_holder { padding:0 10px 20px 10px; } .archives_holder ul { list-style:none; padding:0; margin:0 } .archives_holder li { padding:0 0 8px 0; margin:8px 0; border-bottom:1px dotted #fff; } .archives_holder li a { color:#fff } .content_holder p.first:first-letter {color:#BE2030; font-size:25px } .fans-only-logo a { position:absolute; bottom:-1px; filter:alpha(opacity=70); opacity:.70; } .thumb_holder { float:left; display:block; position:relative; overflow:hidden } .titre_categorie { background: url(/css/commun/img/bullet_arrow_beige.gif) no-repeat left; color:#9E998E; font-size:18px; line-height:23px; padding: 0 10px 0 12px; width:580px; border-bottom: #9E998E 1px solid; margin-bottom:15px } /* pageAccueil --------------------------------------------------------------- */ #pageAccueil #pageContent { background: #fff url(/css/commun/img/bg_accueil_content.jpg) repeat-y; } #pageAccueil #pageColumn1 { width:300px; background: url(/css/commun/img/bg_accueil_pageColumn1.gif) repeat; } #pageAccueil #pageColumn2 { width:620px; background: url(/css/commun/img/bg_accueil_pageColumn2.gif) repeat; height:auto; min-height:1%; } #blogue-accueil { position:relative } #blogue-accueil .blogue-info { margin: 0 0 15px 0; } #blogue-accueil .date { font-weight: bold; text-transform: uppercase; margin-bottom:0 } #blogue-accueil .titre { margin-bottom:5px } #blogue-accueil .titre a { font-weight: bold; font-size: 14px; color: #8c1515; } #blogue-accueil .titre a:hover { color:#3E3730; } #blogue-accueil p { padding:0 5px 0 0; margin:3px 0 10px 0; } #blogue-accueil .btn_comment_holder a { color:#342E27; font-size:11px; font-weight:normal} #blogue-accueil .btn_comment_holder a:hover { color:#be2030; } #pageAccueil .btn_media { width:291px; height:20px; padding:2px 0 0 2px; margin-bottom:0 } .voir-tous-blogue { text-align: right; margin-top:-10px } .voir-tous-blogue a { background: url(/css/commun/img/bullet_arrow.gif) no-repeat left center; color:#2c251d; float:right; font-weight:bold; line-height:23px; padding: 0 10px 0 12px; text-decoration:underline; display: inline; } .voir-tous-blogue a:hover { color:#be2030; } .lien-voir-tous a:hover { color:#be2030; } /* flashPlayer --------------------------------------------------------------- */ #flashPlayer { width:620px; height:185px;overflow:hidden; padding-bottom:10px;} #flashPlayer .player-screen { border:1px solid #8c8c8d; height:185px;} .player-liste { float:left; width:293px; overflow:hidden } .player-liste ul { list-style:none; width:295px; overflow:hidden; margin:0; padding:0 } .player-liste li { float:left; width:295px; overflow:hidden; padding:5px 7px } .player-liste .dark { background:url(img/player-liste-dark.gif) } .player-liste .light { background:url(img/player-liste-light.gif) } .player-liste .video, .player-liste .audio { display:block; text-align:right; width:65px; padding:1px 1px 1px 22px;} .player-liste .video { background:url(img/btn_liste-video.gif) bottom left } .player-liste .audio { background:url(img/btn_liste-audio.gif) bottom left } .player-liste .video:hover, .player-liste .audio:hover { background-position:top} .player-liste .titre { float:left; width:185px; color:#fff; padding:0 8px } .player-liste .titre:hover { color:#3E3730} .player-liste .lien-voir-tous { width:285px; height:33px; text-align:right; padding:7px 10px 0 0; background:#868687 url(/css/commun/img/player-all-bg.gif) bottom repeat-x; } .player-liste .lien-voir-tous a { width:80px; display:block; float:right; line-height:30px; color:#fff; text-decoration:none; font-weight:normal; padding-left:20px; background:url(/css/commun/img/player-all-btn.gif) left center no-repeat; text-align:left;} .player-liste .lien-voir-tous a:hover { color:#be2030; } .player-screen, .player-liste .clip { float:left; height:37px} #blogLink { width:340px; float:left;} #blogLink a:hover { background-position:bottom;} #blogPosts { list-style:none; float:left;} #blogPosts li { margin:3px 0;} #blogPosts li a { color:#fff; text-decoration:underline; background:url(/css/commun/img/bullet_arrow.gif) no-repeat left; padding-left:10px; margin:0 0 0 15px; } #blogPosts li a:hover { color:#be2030;} /* Boutons multimedias --------------------------------------------------------------- */ .btn_media { background: url(/css/commun/img/bg_btn_media.jpg) no-repeat; width:100%; height:20px; margin-bottom:20px; padding:2px 0 0 2px; } .btn_media .btn_media_holder { float:right; } .btn_media .audio, .btn_media .video, .btn_media .pdf, .btn_media .diaporama { margin:0 0 0 3px; float:left; border:1px solid #f2f2f2;} .btn_media .audio:hover, .btn_media .video:hover, .btn_media .pdf:hover, .btn_media .diaporama:hover, .acheter:hover, .detail:hover, .download:hover { background-position:top } .prive { filter:alpha(opacity=25); opacity:.25 } .btn_holder { position:absolute; bottom:4px; right:4px } /* pageBlogue, pageTournee, pageGalerie, pageMultimedia --------------------------------------------------------------- */ .event_holder { overflow:hidden; clear:both; margin-bottom:15px; } .event_holder h4 { font-size:14px; margin-bottom:5px; padding-left:190px; } .event_holder p { padding-left:190px; margin:0 0 10px; } .event_holder .date { font-weight:bold; color:#342E27; text-transform:uppercase; margin-bottom:0; } .event_holder .url { margin-top:15px} .event_holder .url a { text-decoration:underline} #pageMultimedia .event_holder .desc_rte { padding-left:190px; } #pageMultimedia .event_holder p { padding-left:0px; } #pageMultimedia .event_holder p.date { padding-left:190px; } #pagePartenaires table { padding:0; margin:0; width:602px; } #pagePartenaires table h4 { margin-bottom:0!important; margin-bottom:5px; } #pagePartenaires table h5 { font-size:14px; margin:0; padding:0; } #pagePartenaires td.w0 { width:0px; text-align:center;} #pagePartenaires td.w420 { width:425px; text-align:left; margin-left:10px } #pagePartenaires td { padding:10px 0; vertical-align:middle;} #pagePartenaires td img { padding:0; margin:0 10px 0 0} #pagePartenaires td hr { display:block; height:0px; background:#d8d5ce; margin:0; border-bottom:1px solid #d8d5ce} /* pageDiscographie, pagePartenaires, pageBoutique --------------------------------------------------------------- */ .gallery_container { width:602px; overflow:hidden } .gallery_holder { background-color:#dfdfdf; border:3px solid #fff; display:block; width:174px; height:230px; padding:7px; margin:0 7px 7px 0; float:left; position: relative } .gallery_holder img { margin-bottom:0; } .gallery_holder h4 { font-size:13px; margin-bottom:5px; margin-top:10px; padding-left:5px; text-transform:uppercase; color:#FFF; } .gallery_holder p { margin-bottom:5px; padding-left:5px; } .gallery_holder .production { font-weight:bold; color:#342E27; } .gallery_holder .production span { font-weight:normal; font-size:11px } .gallery_holder .date { margin:8px 0 5px; font-weight:bold; color:#342E27; } .gallery_holder .date span { font-weight:normal; font-size:11px; text-transform:none; } .gallery_holder .btn_acheter { position:absolute; bottom:5px; right:4px } .gallery_holder .btn_acheter .acheter:hover { background-position:top } .gallery_holder .extrait_video a { color:#342E27; background:url(img/btn_extrait-video.png) no-repeat left top; padding-left:25px } .gallery_holder .extrait_video a:hover { color:#BE2030; background-position: bottom left } #pageDiscographie .content_holder, #pageBoutique .content_holder { margin-bottom:20px; } #pageBoutique .titre_categorie { margin-top:8px; } /* pageDiscographie-detail --------------------------------------------------------------- */ .gallery-detail_holder { background: url(/css/commun/img/bg_btn_media.jpg) repeat-x bottom; overflow:hidden; clear:both; padding-bottom:36px; margin-bottom:15px; position:relative; } .gallery-detail_holder h4 { font-size:14px; margin-bottom:5px; padding-left:190px; } .gallery-detail_holder h5 { font-size:12px; margin-bottom:5px; padding-left:190px; } .gallery-detail_holder p { margin:0 0 10px; } .gallery-detail_holder .date { font-weight:bold; color:#342E27; text-transform:uppercase; margin-bottom:0; } .gallery-detail_holder .url { margin-top:15px} .gallery-detail_holder .url a { text-decoration:underline} /* pageGallerie left */ .gallery-detail_left { background-color:#d9d5cc; border:1px solid #9e998e; width:180px; padding:7px; float:left } .gallery-detail_left h4 { font-size:16px; margin-bottom:5px; padding-left:5px; } .gallery-detail_left p { margin-bottom:5px; padding-left:5px; } .gallery-detail_left .production { font-weight:bold; color:#342E27; } .gallery-detail_left .production span { font-weight:normal; font-size:11px } .gallery-detail_left .date { margin:8px 0 5px; font-weight:bold; color:#342E27; } .gallery-detail_left .date span { font-weight:normal; font-size:11px; text-transform:none; } .gallery-detail_left .extrait_video a { color:#342E27; background:url(img/btn_extrait-video.png) no-repeat left top; padding-left:25px } .gallery-detail_left .extrait_video a:hover { color:#BE2030; background-position: bottom left } /* pageGallerie right */ .gallery-detail_right { width:405px; float:right;} .gallery-detail_right h4 { font-size:16px; margin-bottom:5px; padding-left:15px; } .gallery-detail_right h5 { font-size:12px; width:380px; border-bottom:#ccc solid 1px; margin:0 10px 15px 15px; padding-left:0; color:#999} .gallery-detail_right p { padding-left:15px; } .gallery-detail_right .track_title { background-color:#d9d5cc; width:380px; padding-left:10px; margin:10px 0 0 10px; font-weight:bold; font-size:11px } .gallery-detail_right .track_title a { color:#342E27; background:url(img/btn_track.png) no-repeat right top; padding-right:25px } .gallery-detail_right .track_title a:hover { color:#BE2030; background-position: bottom right } .gallery-detail_right .track_auteur { padding-left:20px; margin:3px 0 15px; font-weight:normal; font-size:11px } /* pageBoutique --------------------------------------------------------------- */ /* colonne droite */ .w30 { width:30px } .w50 { width:50px } .w70 { width:70px } .w90 { width:90px } .code { font-size:11px; font-weight:normal; color:#342E27; text-transform:uppercase; margin-top:0 } .prix { font-size:13px; font-weight:bold; color:#342E27; position:absolute; bottom:20px; } .new, .sale, .promo { position:absolute; top:6px; left:6px; display:block } .new span, .sale span, .promo span { position:absolute; top:0; left:0; overflow: hidden; width: 1%; height: 0; } #boutique .video { margin:3px 0 0 0 } #boutique .audio { margin:3px 3px 0 0 } #boutique .titre_categorie { clear:both } #boutique .gallery_holder { height:auto !important; min-height:210px; height:210px; } #boutique .gallery_holder h4 { font-size:13px; margin-bottom:0; margin-top:5px; padding-left:5px; } #boutique .thumb_holder { float:none; } #boutique table { margin:0 0 10px 10px; width:592px; border-bottom:1px solid #ccc; } #boutique table td { font-weight:bold; padding-bottom:0; padding-top:5px; padding-bottom:3px; line-height:18px } #boutique table td h4 { padding:0; margin-bottom:0 } #boutique table .odd { background:#D9D5CC; } #boutique table th { background:none; font-weight:normal; border-bottom:1px solid #ccc; text-align:left } #boutique .btn_supprimer { background:url(/css/commun/img/delete.gif) no-repeat center; display:block; height:18px; margin-left:10px} #boutique .panier_sous-total { font-weight:bold; width:507px; text-align:right } #boutique .panier_total { width:592px; text-align:right } #boutique #panier_btn_holder { padding-right:10px; float:right; margin-bottom:15px} #boutique #panier_btn_holder button { margin-left:5px} #boutique .error { clear:both; display:block; width:582px; padding:15px 0; margin:0 0 15px 15px; text-align:center; font-weight:bold } #boutique .confirmation { text-align:center; margin-top:20% } /* boutique detail */ #boutique .gallery-detail_holder { background:none; overflow:hidden; clear:both; padding-bottom:0; margin-bottom:0; position:relative; } #boutique .gallery-detail_holder h4 { margin-bottom:0 } #boutique .gallery-detail_holder h5 { margin-top:10px; margin-bottom:0 } #boutique .gallery-detail_holder .thumb_holder { float:left; } #boutique .gallery-detail_holder .prix { position:static; margin-top:25px; margin-bottom:25px; font-size:14px } #boutique .gallery-detail_holder .code { color:#342E27; margin-bottom:0 } #boutique .gallery-detail_holder .desc { color:#342E27; margin-top:5px} #boutique .gallery-detail_holder .row { float:left } #boutique .gallery-detail_holder button { margin-top:23px; margin-left:} /* paypal */ #paypal_form fieldset { border:none} #paypal_form .btn_holder { position:relative; float:right} #paypal_form .btn_holder input { border:0; background:url(/css/commun/img/btn-form.gif) repeat-x; font-size:11px; font-weight:bold; color:#fff; height:22px; margin:0; padding:0 0 3px 0; border:1px solid #000; cursor:pointer; width:80px;} /* colonne gauche */ #mon-panier .panier_notice { color:#fff; margin-left:10px } #mon-panier .panier_notice span { font-weight:bold; text-decoration:underline } #mon-panier table { color:#fff; margin-left:10px; width:270px; border-bottom:1px dotted #fff; } #mon-panier table th { background:none; color:#fff; border-bottom:1px dotted #fff; text-align:left } #mon-panier .panier_sous-total { color:#fff; font-weight:bold; margin-right:10px; width:270px; text-align:right } #mon-panier .panier_liens { overflow:hidden; margin-right:5px;} #mon-panier .panier_liens a { float:right; border:0; background:url(/css/commun/img/btn-panier.gif) repeat-x; display:block; width:95px; height:18px; line-height:18px; color:#3b342c; text-align:center; font-size:11px; border:1px solid #c4c4c4; margin:0 5px } #mon-panier .panier_liens a:hover { color:#666; text-decoration:underline } /* pageConcours --------------------------------------------------------------- */ #concours h3 { margin-top:15px; padding-left:15px; width:590px } #concours h4 { margin-top:20px; font-size:18px } #concours h5 { margin-bottom:15px; font-size:14px } #concours .gagnant { margin-left:15px; } .prize li { font-size:1.2em; margin-bottom:0.5em; color:#BE2030; font-weight:bold} #form_c fieldset { padding:0} .concours_form_holder { float:left; display:block; width:75px; height:30px } .concours_form_holder input { float:left } .concours_form_holder label { float:left; display:block; font-weight:bold; line-height:16px; margin-top:0; width:auto; } #concours .fullwidth { margin-bottom:0; } .concours_btn_holder { clear:both; padding-top:25px; margin-bottom:10px; width:auto; text-align:center} /* pageSection - specific style --------------------------------------------------------------- */ #tournee h4 { font-size:18px; margin-bottom:3px; padding-left:190px} #tournee p { padding-left:190px; margin-bottom:3px; } #tournee .date { font-size:14px; font-weight:bold; color:#9e998e } #pageBlogue #pageColumn1, #pageBlogue-detail #pageColumn1 { position:relative } #pageBlogue-detail .event_holder img { float:left } #pageTournee .event_holder h4 { padding-left:100px; } #pageTournee .event_holder p { padding-left:100px; } #blogue .btn_comment_holder { padding-left:5px; margin-top:1px; float:left; position:absolute } #blogue .btn_comment_holder a { color:#342E27; font-size:11px; font-weight:normal} #blogue .btn_comment_holder a:hover { color:#BE2030; } #pageBlogue-detail p { padding-left:0; } #pageBlogue-detail h4 { padding-left:0; } #pageBlogue-detail img { margin-right:15px; margin-bottom:15px } #pageBlogue-detail .member-comment { border-bottom:#ccc solid 1px; margin-bottom:15px; position:relative;} #pageBlogue-detail .member-date { width:155px; margin-bottom:6px; color:#999 } #pageBlogue-detail .member { font-weight:bold } #pageBlogue-detail .date { text-transform:lowercase; font-weight:normal } #pageBlogue-detail .member-comment.celeb .member-date {background:url(/css/commun/img/bullet_gsp.gif) 0 0 no-repeat; padding-left:33px; } #pageBlogue-detail .member-comment.celeb .member {color:#8a1112; } #pageBlogue-detail .member-comment.celeb .comment {border-top:1px solid #dbdbdc; background:#e9e9e9; padding:8px;} .reactlink { background:url(/css/commun/img/btn-form.gif) repeat-x; height:15px; padding:0 10px; border:1px solid #000; color:#fff; position:absolute; top:0; right:0;} .reactlink:hover { color:#fff;} #faq .question { font-weight:bold; } #faq .reponse { margin-top:-15px; } #inscrivez-vous-ici { float:right; position:relative; top:-158px } /* Dossiers de presse ---------------------------------------------------------------*/ .dossier_presse { overflow:hidden; clear:both; margin:0 0 15px;} .dossier_presse .date_holder { margin:0 0 5px; font-size:11px; } .dossier_presse .date { font-weight:bold; color:#342E27; font-size:12px; text-transform:uppercase;} .dossier_presse .title, .dossier_presse .description { font-size:11px; margin:0 0;} .dossier_presse .btn_media { margin:10px 0 0;} .dossier_presse p { margin:0;} .dossier_presse .author, .dossier_presse .source { margin:0 5px; font-size:11px; display:inline;} /* 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:#000; font-weight:normal; } .pageNavigator div a:hover { color:#BE2030; } .pageNavigator div a.selected { font-size:16px; color:#BE2030; font-weight:bold; } /* pageFooter --------------------------------------------------------------- */ #pageFooter { height: 100px; padding: 12px 0 12px 0; background: url(/css/commun/img/bg_footer.jpg); width:960px; margin:0 auto; } #pageFooter .footerContent{ background: url(/css/commun/img/bg_footer_content.jpg); width:100%; overflow: hidden; } #pageFooter .concours, #pageFooter .diffusion, #pageFooter .ecrire-courriel{ float: left; width: 300px; height: 100px; margin: 0px 10px; display: inline; } #pageFooter .ecrire-courriel a:hover{ background-position: top; } #pageFooter .diffusion{ padding: 0 0 0 10px; margin: 0 0 0 10px; height: 100px; width: 300px; } #pageFooter .diffusion a{ float: left; margin: 10px 0 0 10px; } #pageFooter .diffusion input{ border: 1px solid #000; width: 180px; height: 14px; font-size: 10px; padding: 2px 5px; margin: 5px 0 0 0; float: left; } #pageFooter .diffusion button { margin-left:5px; background:url(/css/commun/img/btn-form-orange.gif) repeat-x; border:1px solid #000; } #underFooter .autres-site{ padding: 10px; width:960px; margin:0 auto; text-align:right; } #signatureCyber { height:auto !important; height:51px; min-height:51px; background: url(/css/commun/img/bg_under_footer.jpg) center top repeat-x; padding: 0 10px; line-height: 33px; text-align: right; color:#d5d6d6; min-width:960px; } #signatureCyber div {width:960px; margin:0 auto;} #signatureCyber a{ color: #d5d6d6; } body div#signatureCyber a.normal { font-style:normal; font-weight:normal;} /* diapo, video, audio player /////////////////////////////////////////////////////////// */ #audio-player, #video-player, #diapo-player{ background:#000; background-image:none } #audio-player a, #video-player a, #diapo-player a{ color:#999999; } #audio-player a:hover, #video-player a:hover, #diapo-player a:hover{ color:#dfdfdf; } #audio-player #container, #video-player #container{ padding: 10px 23px 10px 23px; width: 418px; height: 400px; color: #fff; background: #000; } #audio-player h4, #video-player h4{ color: #fff; font-size: 12px; font-weight: bold; padding: 0px; margin: 5px 0px; } #audio-player #wrap, #video-player #wrap{ width: 385px; height: 319px; border: none; } #audio-player .desc, #video-player .desc{ color: #a7a9ac; } #audio-player .text, #video-player .text{ height: 60px; overflow: auto; } #audio-player .logo, #video-player .logo{ height: 26px; margin-top: 5px; background: #000; } #audio-player .desc .text p, #video-player .desc .text p{ padding: 0 0 5px 0; margin: 0px; } #audio-player .desc .text, #video-player .desc .text{ padding: 5px 5px 0 5px; border-bottom: 1px solid #a7a9ac; } /* diapo */ #diapo-player #container{ height: 595px; width: 700px; color: #fff; padding: 0 0 5px 0; background: #000; } #diapo-player h4{ background:none; display: block; padding: 0 0 0 32px; margin: 0px; line-height:28px; height: 29px; width:auto; color: #fff; } #diapo-player .nav{ height:24px; padding: 0 20px; } #diapo-player .nav_3, #diapo-player .num, #diapo-player .nav_1{ float: right; padding:5px 5px 0 0; } #diapo-player #princ{ text-align: center; height: 415px; } #diapo-player p{ padding: 0px; margin: 0px; color: #dfdfdf; margin-bottom: 4px; } #diapo-player .desc{ border-bottom: 1px solid #a7a9ac; margin: 0 20px 5px 20px; } #diapo-player .credit, #diapo-player .reference{ padding: 0 20px; } #diapo-player .desc span, #diapo-player .credit span, #diapo-player .reference span{ font-weight: bold; font-size: 11px; padding-right: 10px; float: left; } /* formulaires --------------------------------------------------------------- */ .form h1,.form h2,.form h3,.form h4,.form h5,.form h6 { margin:0 0 6px; } /* Fields, labels, etc */ fieldset legend { display:none; } fieldset label { display:block; width:auto; margin-top:5px;line-height:18px;color:#57575b;font-weight:bold; } fieldset label.obligatoire { padding-left:20px; background:url(/css/commun/img/bullet_champObligatoire.gif) 1px 4px no-repeat; } input.field { width:150px; height:14px; border:1px solid #57575b; margin:0; padding:1px 2px; } form fieldset option { border:1px solid #fff; height:15px;} select,textarea { border:1px solid #57575b; font-family:Verdana, Helvetica, sans-serif; font-size:10px; color:#1E0117; margin:0; padding:0; } select { background:#fff; } input.long { width:225px; } input.medium { width:230px; } input.short { width:75px; } input.extralong { width:303px; } /* 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, 2 couleurs: blanc ou beige pale */ .fullwidth { display:block; width:598px; position:relative; border:#c0c1c1 solid 1px; background:url(/css/commun/img/box-form-600w-bottom-light.jpg) bottom left no-repeat; font-size:11px; margin:12px 0 } .fullwidth fieldset { background:url(/css/commun/img/box-form-600w-top-light.jpg) top left no-repeat; display:block; width:545px; border:none; padding:15px 24px 10px 29px } .fullwidth.dark { background:url(/css/commun/img/box-form-600w-bottom.jpg) bottom left no-repeat;} .fullwidth.dark fieldset { background:url(/css/commun/img/box-form-600w-top.jpg) top left no-repeat;} /* mi-largeur, 1 couleur: beige moyen */ .halfwidth { display:block; width:298px; position:relative; border:#c0c1c1 solid 1px; background:url(/css/commun/img/box-form-300w-bottom.jpg) bottom left no-repeat; font-size:11px; margin:12px 0 } .halfwidth fieldset { display:block; width:245px; background:url(/css/commun/img/box-form-300w-top.jpg) top left no-repeat; border:0px none; padding:15px 24px 10px 25px } .halfwidth input.field { width:130px; height:15px; padding-top:2px} .halfwidth a { font-weight:normal; color:#57575b; text-decoration:underline } .halfwidth a:hover { color:#8a1112; text-decoration:none } .halfwidth button.button { margin:0 0 0 5px } /* 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:50% } .fullwidth input { padding-left:3px } .fullwidth select, .fullwidth label { padding-left:0 } .fullwidth label.obligatoire { margin-left:0 } /* contactez-moi and blogue comment */ #tp_message { width:535px; } #s_comment { width:100%; } .leave-comment { font-size:12px; font-weight:bold; } .blogue-comment_form fieldset { margin-top:0px; padding-top:10px; padding-bottom:10px } .blogue-comment_form fieldset p { margin:5px 0 } #pageBlogue-detail h4.titre_categorie { padding-left:12px; border:none; margin-top:25px; margin-bottom:0px } /* calendar */ #calendarDiv { border:1px solid #ccc } #calendarDiv a { color:#666 } /* 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: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 #000; cursor:pointer; width:auto;} .button span { display:block; height:20px; color:#fff; font-weight:bold; text-decoration:none; line-height:15px; } .button.medium { width:80px } .button.xlarge { width:100px } /* Specific form styles */ .formNotice { color:#6a452e; 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 } hr.border { display:block; height:0px; background:#d8d5ce; margin:20px 0; border-bottom:1px solid #d8d5ce; } #tp_country { width:310px; }