/* -------------------------------------------------------------- * screen.css - Fantactik * @type: Screen * @langue: Commun * @author: CyberGénération --------------------------------------------------------------- */ /* Default setting. --------------------------------------------------------------- */ body { padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#353637; background:#fff url(img/bg_body_default.jpg) top center no-repeat; } #printHeader { display:none } #pageContainer { position:relative; width:960px; padding:0; margin:0 auto; } a { color:#2c251d; text-decoration:none; font-weight:bold; } a:hover { color:#939598; } h4 { color:#939598; } img { vertical-align:bottom } .liens { background:url(img/bullet_arrow_dark.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 .right { float:right; } body .left { float:left; } body .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; } body div#pageContainer .rollOverTrans { filter: alpha(opacity=100); opacity: 1; } body div#pageContainer .rollOverTrans:hover { filter: alpha(opacity=70); opacity: 0.7; } body div#pageContainer .cite {padding-left:20px; margin:-1.2em 0 1.3em;} body div#pageContainer .box {background:#eaeaea; border:#999 1px dotted; padding:10px; margin:10px 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; } /* pageHeader --------------------------------------------------------------- */ #pageHeader { height:289px; margin-bottom:48px; position:relative; } #pageHeader h1 a { height:225px; width:600px; position:absolute; top:50px; left:0px; } #pageHeader h2 { position:absolute; top:0; left:0; overflow:hidden; width:1%; height:0; } #abonnez-vous-fan-club { position:absolute; top:105px; left:697px; } #abonnez-vous-fan-club a { display:block; width:200px; height:108px; } #tab { display:block; width:200px; height:61px; position:absolute; top:0; left:57px;} /* 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; } #quickMenu a { font-weight:normal; color: #ffffff; text-transform:uppercase; font-size:10px; padding:0 3px 0 6px; border-left:1px solid #fff;} #quickMenu a:hover { font-weight:normal; color: #eaeaea;} #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:#ffffff; text-decoration:underline; font-weight:bold; } /* mainMenu --------------------------------------------------------------- */ #mainMenu { width: 960px; margin: 0 auto; overflow: hidden; position:absolute; top:289px } #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, #btnCms 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; } /* btnCMS --------------------------------------------------------------- */ #btnCms { overflow: hidden; position:absolute; top:244px; left: 0; } #btnCms a { width: 322px; height: 43px; display: block; background-position: left top; } #btnCms 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(img/bg_section_content.gif) repeat-y; margin:9px 0 0; padding:0; overflow:hidden !important; overflow:visible; height:auto !important; min-height:400px; height:400px; color:#2f2e29; } #pageColumn1 { width:630px; float:left; } #pageColumn1 .btn_blogue-footer { padding:10px 0; } #pageColumn1 .btn_blogue-footer a:hover { background-position:bottom; } #pageColumn1 .btn_blogue-footer span { height:0; left:0; overflow:hidden; position:absolute; top:0; width:1%; } #pageColumn2 { background:url(img/bg_section_pageColumn2.gif) no-repeat top; padding:10px; width:290px; height:auto !important; min-height:400px; height:400px; float:right; } #pageColumn2.noImage { background:none;} #pageColumn2 .subMenu { margin: 0 0 0 16px; } #pageColumn2 .subMenu li { list-style: none; padding: 8px 0 12px 0; margin-right:12px; background:url(img/submenu-line.gif) no-repeat bottom;} #pageColumn2 .subMenu a { color: #fff} #pageColumn2 .subMenu a:hover { color: #000; } #pageContent h3 { padding:0px; margin:0 0 8px 0; } #pageContent h2 { font-size:1.3em; margin:12px 0 6px; } #pageContent .content_holder h3 { font-size:1.2em; font-weight:bold; color:#275e9f; margin:1em 0 0;} #pageContent hr { border-bottom:1px solid #ccc; margin:1em 0;} .content_holder { padding:0 20px 20px 21px; 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 16px; color: #fff; } .archives_holder ul { list-style:none; padding:0; margin:0 } .archives_holder li { padding:0 0 8px 0; margin:8px 0; background:transparent url(img/submenu-line.gif) no-repeat scroll center bottom; } .archives_holder li a { color:#fff } .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(img/bullet_arrow.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; padding-bottom: 10px; } #pageAccueil #pageColumn1 { width:300px; margin:10px 10px 0; background:#f1f2f4; height:auto !important; height:450px; min-height:450px;} #pageAccueil #pageColumn2 { width:620px; background:url(img/bg_pageColumn2-home.jpg) top left no-repeat; height:auto; min-height:1%; padding-bottom:0 } #pageAccueil #pageColumn1 .btns { width:281px; margin:0 auto; padding:6px 0;} #pageAccueil #pageColumn1 .btns a { display:block; margin:6px 0;} #blogue-accueil { position:relative; } #blogue-accueil .blogue-info { margin: 0 0 15px 0; padding: 0 10px 0 10px; } #blogue-accueil .date { font-weight: bold; text-transform: uppercase; margin-bottom:0; color: #000; } #blogue-accueil .titre { margin-bottom:5px; } #blogue-accueil .titre a { font-weight: bold; font-size: 14px; color: #939598; } #blogue-accueil .titre a:hover { color:#000; } #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:#939598; } #pageAccueil .btn_media { height:20px; padding:2px 0 0 2px; margin-bottom:0 } .voir-tous-blogue { text-align: right; margin-top:-10px; overflow: hidden; height: 32px; } .voir-tous-blogue a { background: url(img/bullet_arrow_dark.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:#939598; } .lien-voir-tous a:hover { color:#939598; } .mouvements li { overflow: hidden; zoom:1; margin: 0; padding: 0; padding-bottom: 20px; } .mouvements li img { padding-right: 20px; } .mouvements li p.name { margin: 0; padding: 0; } .mouvements li .line { overflow: hidden; margin: 0; zoom:1; } .mouvements li .line li { width: 170px; } /* flashPlayer --------------------------------------------------------------- */ #flashPlayer { width:620px; height:172px;overflow:hidden; background:url(img/bg-player-btm.gif) bottom no-repeat; padding-bottom:12px;} #flashPlayer .player-screen { border:1px solid #dfe4e8; height:170px; width:325px;} .player-liste { float:left; width:293px; overflow:hidden; height: 185px; } .player-liste ul { list-style:none; width:295px; overflow:hidden; margin:0; padding:0; height: 144px; } .player-liste li { float:left; width:295px; overflow:hidden; padding:5px 7px } .player-liste .dark { } .player-liste .light { background:url(img/bg_playerListe-dark.gif) repeat-y; } .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:18px; text-align:right; padding:0 10px 10px 0; background:url(img/player-all-bg.gif) bottom no-repeat; } .player-liste .lien-voir-tous a { width:93px; display:block; float:right; line-height:19px; color:#fff; text-decoration:none; font-weight:normal; padding-left:20px; margin: px 0 2px; background:url(img/btn_player-all.png) left center no-repeat; text-align:left;} .player-liste .lien-voir-tous a:hover { color:#939598; } .player-screen, .player-liste .clip { float:left; height:37px} #top_pub_holder { display:block; width:620px; height:150px; overflow:hidden; margin-bottom:10px; } #bottom_pub_holder { padding-bottom:10px; } /* Boutons multimedias --------------------------------------------------------------- */ .btn_media { background: url(img/bg_btn_media.gif) 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:7px; right:7px } /* pageTournee --------------------------------------------------------------- */ .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} /* pagePartenaires --------------------------------------------------------------- */ #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} /* pageGallery --------------------------------------------------------------- */ .gallery_container { width:602px; overflow:hidden } .gallery_holder { background:#dfdfdf; border:1px solid #fff; display:block; width:180px; padding:7px 7px 25px 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:#939598; background-position: bottom left } .content_holder { margin-bottom:20px; } .titre_categorie { margin-top:8px; } /* pageGallery-detail --------------------------------------------------------------- */ .gallery-detail_holder { background: url(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:#dfdfdf; border:1px solid #fff; 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:#939598; background-position: bottom left } /* pageGallerie right */ .gallery-detail_right { width:385px; 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:#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:#939598; 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:30px; } .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:200px; height:200px; } #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(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(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(img/btn-form-gray.gif) repeat-x; display:block; width:95px; height:18px; line-height:18px; color:#fff; 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:#939598; 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:2px; float:left; position:absolute } #blogue .btn_comment_holder a { color:#342E27; font-size:11px; font-weight:normal} #blogue .btn_comment_holder a:hover { color:#939598; } #pageBlogue-detail p { padding-left:0; } #pageBlogue-detail h4 { padding-left:0; } #pageBlogue-detail #pageColumn1 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:uppercase; font-weight:bold; color:#000; } #pageBlogue-detail .member-comment.celeb .member-date { background:url(img/bullet_gsp.gif) 0 0 no-repeat; padding-left:33px; } #pageBlogue-detail .member-comment.celeb .member { color:#939598; } #pageBlogue-detail .member-comment.celeb .comment { border-top:1px solid #dbdbdc; background:#e9e9e9; padding:8px;} .reactlink { background:url(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 ---------------------------------------------------------------*/ #pageDossier-presse .content_holder {margin-bottom:0; padding-bottom:0;} .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;} /* Dans mon sac --------------------------------------------------------------- */ #sac.content_holder { padding-right: 0; } .monSac h4 { color:#000; } .monSac { margin:0; } .monSac li { background:#dfdfdf; border:1px solid #fff; display:block; float:left; margin:0 7px 7px 0; padding:7px; position:relative; width:180px; text-align:center; } /* pageNavigator --------------------------------------------------------------- */ .pageNavigator { height:22px; font-size:12px; position:absolute; top:355px; right:325px } .pageNavigator span, .pageNavigator a { float:left; font-size:11px; padding:3px; display:block; color:#000; font-weight:normal; } .pageNavigator a.selected { font-size:16px; color:#939598; font-weight:bold; } /* pageFooter --------------------------------------------------------------- */ #pageFooter { height:113px; padding:12px 10px; background:#638fb5 url(img/bg_footer_right.jpg) 650px 12px no-repeat; width:940px; margin:0 auto; } #pageFooter .footerContent { width:100%; overflow:hidden; } #pageFooter .concours, #pageFooter .diffusion, #pageFooter .ecrire-courriel { float:left; width: 300px; height: 113px; display: inline; } #pageFooter .ecrire-courriel a:hover { background-position:bottom; } #pageFooter .diffusion { height:113px; width:340px; } #pageFooter .diffusion a { float:left; margin:10px 0 0 10px; } #pageFooter .diffusion form { width:300px; margin:30px 0 0 25px; } #pageFooter .diffusion input { border:1px solid #333; width:180px; height:14px; font-size:10px; padding:2px 5px; margin:5px 0 0 12px; float:left; } #pageFooter .diffusion button { margin-left:5px; /*background:url(img/btn-form-gray.gif) repeat-x; border:1px solid #333;*/ } #underFooter .autres-site { padding: 10px 10px 30px 10px; width:960px; margin:0 auto; overflow:hidden } #signatureCyber { background:url(img/bg_signature.jpg) repeat-x; height:auto !important; height:108px; min-height:51px; padding:0 10px; line-height:33px; text-align:right; color:#d5d6d6; clear: both; } #signatureCyber div { width:960px; margin:0 auto; } #signatureCyber a { color: #d5d6d6; } /* 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:0; margin:5px 0; } #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:0 } #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:710px; color:#fff; padding:0 0 5px 0; background:#000; } #diapo-player h4 { background:none; display:block; padding:0 0 0 32px; margin:0; 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:0; margin:0; 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(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; } /* 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(img/box-form-600w-bottom-light.jpg) bottom left no-repeat; font-size:11px; margin:12px 0 } .fullwidth fieldset { background:url(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(img/box-form-600w-bottom.jpg) bottom left no-repeat;} .fullwidth.dark fieldset { background:url(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(img/box-form-300w-bottom.jpg) bottom left no-repeat; font-size:11px; margin:12px 0 } .halfwidth fieldset { display:block; width:245px; background:url(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:#939598; 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_subject { width:265px; } #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 } .infos img { float: left; margin-right: 10px; } /* 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:#888 } .icon-button { margin-bottom:1px } /* Boutons */ button.button { border:0; background:url(img/btn-form.gif) repeat-x; text-transform:uppercase; line-height:0; font-size:10px !important; font-weight:bold; height:20px; margin:5px 0; padding:0; border:1px solid #000; cursor:pointer; width:auto;} .button span { display:block; height:20px; color:#fff; text-decoration:none; line-height:15px; padding:0 5px; } /* .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 }