/* -------------------------------------------------------------- * screen.css - fantactik.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: Arial, Helvetica, sans-serif; font-size: 12px; line-height:17px; color: #848484; background-color: #000; } address{ color: #848484; font-weight:normal; margin-bottom:8px } a:focus { border:none; outline:none } form :focus { border:none; outline:none; color:#b81010; font-weight:bold } a { color:#b81010; text-decoration:none; font-weight:bold; } a:hover { color:#888; } h3 { color:#666; background:transparent url(/css/commun/img/border_h3.gif) repeat-x 0 32px; } h3 span { display:none; } h4 { color:#B2B2B2; font-size:12px; margin-bottom:8px } /* sIFR --------------------------------------------------------------- */ .sIFR_youareloved { font-family:Arial; } h2.sIFR_youareloved { color:#b81010; text-transform:uppercase; font-size:36px; } h3.sIFR_youareloved { color:#666666; font-size:24px; } h4.sIFR_youareloved { color:#999999; text-transform:uppercase; font-size:21px; } #form h2.sIFR_youareloved { color:#b81010; text-transform:uppercase; font-size:30px; margin-left:7px } #form h4.sIFR_youareloved { color:#999999; text-transform:uppercase; font-size:19px; margin-left:9px } legend.sIFR_youareloved { color:#666666; text-transform:uppercase; font-size:24px; } .topColumn2 legend.sIFR_youareloved { font-size:20px; } #clients h4.sIFR_youareloved { color:#999999; text-transform:uppercase; font-size:19px; margin-bottom:0 } /* fontSize control --------------------------------------------------------------- */ body div#pageContainer .size1 { font-size: 14px; line-height:1.2em } body div#pageContainer .size2 { font-size: 16px; line-height:1.5em } body div#pageContainer .padRight { padding-right:15px } /* 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 .noBullet { list-style-type:none; background:none } body div#pageContainer .noBullet li { list-style-type:none; padding:0; margin:0; 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) */ /* 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 -------------------------------------------------------------- */ .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/arrowsBullet_bw_11px.gif) no-repeat; background-position: 0 center; padding:0 0 0 22px; } /* 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 { width:960px; height:190px; margin:0 auto; position:relative } #pageHeader h1 a { background: url(img/logo_pageHeader.png) no-repeat; width:150px; height:160px; position:absolute; top:15px; left:98px; } #pageHeader h2 { position:absolute; top:0; left:0; overflow:hidden; width:1%; height:0; } /* pageMenu --------------------------------------------------------------- */ /* mainMenu --------------------------------------------------------------- */ #mainMenu { position:absolute; top:123px; left:0; width:960px; } #mainMenu span { position:absolute; top:0; left:0; overflow: hidden; width: 1%; height: 0; } #mainMenu ul { display:block; width:598px; height:65px; float:right } #mainMenu li { float:left; } #mainMenu a:hover { background-position:bottom } #mainMenu a:active { background-position:center } #mainMenu a.selected { background-position:center } /* quickmenu --------------------------------------------------------------- */ #quickMenu { position:absolute; top:0; right:33px; } #quickMenu span { position:absolute; top:0; left:0; overflow: hidden; width: 1%; height: 0; } #quickMenu a:hover { background-position:bottom } /* pageContent --------------------------------------------------------------- */ /* overflow:hidden pour forcé le wrappin dans FF - overflown:visible pour forcé le wrappin avec IE6 */ #topContent { background:#000 url(img/bg_topContent.jpg) no-repeat; overflow:hidden; width:960px; height:auto; margin:2px auto 0; color:#b2b2b2 } #bottomContent { background: url(img/bg_bottomContent.jpg) repeat-y; overflow:hidden; width:960px; margin:15px auto; } .topColumn1 { width:550px; float:left; margin:10px 0px 10px 10px; padding-bottom:30px; display:inline } .topColumn2 { width:389px; float:left; margin:10px 10px 10px 0; display:inline; } .bottomWrapper { background: url(img/bg_bottomWrapper.jpg) no-repeat; overflow:hidden; width:960px; font-size:11px; line-height:14px } .bottomColumn1 { width:550px; float:left; margin:10px 0px 10px 10px; display:inline } .bottomColumn2 { width:378px; float:left; margin:10px 10px 10px 12px; display:inline } #flash_holder { display:block; width:550px; height:330px } .mediaPlayer { background:#050505 url(/css/commun/img/bg_mediaPlayer_noFlash.jpg) no-repeat; display:block; width:550px; height:330px } .content_holder { padding:10px 10px 0 10px; } .content_holder p { padding:0 10px 0 0; } .content_holder ul { margin:0 0 15px 16px; list-style:none} .content_holder li { background:url(/css/commun/img/listBullets/arrowBullet_red1_5px.gif) 0 6px no-repeat; padding:0 0 0 17px; margin:3px 0 0 0} #section .topColumn1 { background:#1e1e1e; height:auto !important; min-height:485px; height:485px; } #clients .content_holder { overflow:hidden; padding:0 } #clients ul { overflow:hidden; margin:10px 0 0 0; padding:0 } #clients li { background:none; padding:0; margin:10px 0 30px 0; padding:0 0 15px 0; background:transparent url(/css/commun/img/border_h4.gif) left bottom repeat-x; display:block; height:auto !important; height:120px; min-height:120px;} #clients img { float:left; } #clients h4 { margin-left:210px } #clients p { margin-left:210px } /* HomePage --------------------------------------------------------------- */ #learnMore { background:url(/css/commun/img/bg_topColumn2.jpg) top right no-repeat; display:block; width:389px; height:329px; } #learnMore ul, #learnMore ul li { list-style:none; list-style-type:none; margin:0; padding:0; } #why_fantactik { padding:0 } #fantactik_users { padding:0 } #why_fantactik p { margin:0 0 0 198px } #why_fantactik img { padding:0 10px 10px 0 } #fantactik_users img { padding:0 10px 10px 0 } /* contactPage --------------------------------------------------------------- */ #contact { background:url(/css/commun/img/bg_contact-map.gif) no-repeat 0 125px; } #contact_infos { margin:50px 0 30px 250px; overflow:hidden; font-size:11px; line-height:15px } #contact_infos h3 { background:url(/css/commun/img/border_h3.gif) no-repeat 0 32px;} #contact_infos img { float:left; margin:2px 13px 0 0; } #contact_infos .infos { overflow:hidden; padding:10px 0 15px; } #contact_infos address { width:175px; margin-left:85px; margin-top:0; padding:0 } #contact_infos p { width:150px; margin-left:85px; margin-top:0; padding:0 } /* contactPage form --------------------------------------------------------------- */ #form { padding-left:22px; position:relative; background:url(img/bg_topColumn2_form.jpg) top no-repeat; height:auto !important; min-height:485px; height:485px; } form { margin-top:28px; } fieldset { padding:10px; border:0 none; margin-bottom:25px; } input, textarea, select { font:12px/13px Arial, Helvetica, sans-serif; background-color:#bfbfbf; padding:5px; border:0 none; width:330px; overflow:auto } legend { padding:0 10px; margin:-22px 0 0 -11px; font-weight:bold; } label { font-size:11px; font-weight:bold; color:#666; } .field_holder { clear:both; position:relative } .field_holder label { display:none } .field_holder input { margin:0 0 10px 0; padding:8px 0 0 0; height:25px; } .checkbox_holder { background:url(/css/commun/img/bg_form_field.png) no-repeat; display:block; height:59px; clear:both; position:relative; margin-top:-50px } .checkbox_holder label { float:right; width:270px; margin:10px 21px 0 0; font-size:12px; line-height:15px; color:#333 } .checkbox_holder .checkbox { float:left; width:10px; margin:18px 0 0 15px; height: 10px; overflow: hidden; } .btn_holder { padding-top:-21px; width:325px; } #btn_send span { position:absolute; top:0; left:0; overflow: hidden; width: 1%; height: 0; } /* pageFooter --------------------------------------------------------------- */ #pageFooter { background:#000; border-top:1px solid #333; width:100%; overflow:hidden; margin:50px 0 0; padding:0; } .footer_holder { display:block; width:960px; overflow:hidden; text-align:center; margin:0 auto; padding:20px 0 20px 0 } #pageFooter li, #pageFooter a, #pageFooter p { color:#666; font-size:11px; } #pageFooter h3 { margin:0 0 6px 10px; padding:0 0 0 23px; font-size:12px; color:#333; font-weight:bold; } #pageFooter p { padding:0; margin:0 0 0 33px; } #pageFooter ul { padding:0; margin:0 0 0 16px; list-style:none} #pageFooter li { background:url(/css/commun/img/listBullets/arrowBullet_red1_5px.gif) 0 7px no-repeat; padding:0 0 0 17px; margin:3px 0 0 0} #pageFooter .interets { background:url(/css/commun/img/bullet_interets.png) no-repeat; } #pageFooter .joindre { background:url(/css/commun/img/bullet_joindre.png) no-repeat; } #pageFooter .legal { background:url(/css/commun/img/bullet_legal.png) no-repeat; } .footer_column1 { display:block; width:24%; height:100px; border-right:1px solid #333; text-align:left; margin:0; padding: 0; float:left } .footer_column2 { display:block; width:24%; height:100px; border-right:1px solid #333; overflow:hidden; text-align:left; margin:0; padding:0; float:left } .footer_column3 { display:block; width:24%; height:100px; border-right:1px solid #333; overflow:hidden; text-align:left; margin:0; padding:0; float:left } .footer_column4 { display:block; width:24%; height:100px; overflow:hidden; text-align:left; margin:0; padding:0; float:left } .footer_column1 img { margin-bottom: 7px; } .footer_column1 .addthis_button { display: block; height: 27px; width: 159px; text-indent: -9999px; margin-left: 20px; } .footer_column1 a { padding:0 0 0 20px;} .footer_column4 li { background:none; padding:0 0 0 13px; margin:3px 0 0 0} #pageFooter a { text-decoration:none; } #pageFooter a:hover { text-decoration:underline; color:#fff } #signatureCyber { padding:0 0 10px 0; font-weight:normal; text-decoration:none; text-align:center; display:none }