/* -------------------------------------------------------------- * screen.css - cybergeneration.com * @title: cybergeneration.com * @type: Screen * @langue: English * @year: 2008 * @author: Cyber Génération * @modif: PG * @note: .class { background; float; display; position(TRBL); width; height; margin:(TRBL); padding:(TRBL); others; } --------------------------------------------------------------- */ @import url("../../commun/css/screen.css"); /* Set up the base layout for the site. */ /* pageHeader --------------------------------------------------------------- */ #searchForm .holder { background:url(../../en/img/pageTitle/pageTitle_searchForm.gif) no-repeat; } .bg_img01 { background:url(../../en/img/flashHeader/img01.jpg) no-repeat; } .bg_img02 { background:url(../../en/img/flashHeader/img02.jpg) no-repeat; } .bg_img03 { background:url(../../en/img/flashHeader/img03.jpg) no-repeat; } .bg_img04 { background:url(../../en/img/flashHeader/img04.jpg) no-repeat; } .bg_img05 { background:url(../../en/img/flashHeader/img05.jpg) no-repeat; } .bg_img06 { background:url(../../en/img/flashHeader/img06.jpg) no-repeat; } .bg_img07 { background:url(../../en/img/flashHeader/img07.jpg) no-repeat; } .bg_img08 { background:url(../../en/img/flashHeader/img08.jpg) no-repeat; } .bg_img09 { background:url(../../en/img/flashHeader/img09.jpg) no-repeat; } .bg_img010 { background:url(../../en/img/flashHeader/img010.jpg) no-repeat; } /* topMenu --------------------------------------------------------------- */ #topMenu { position:absolute; top:65px; left:324px; width:591px; } #topMenu a.profil { background:url(../../en/img/topMenu/topMenu_profil.gif) no-repeat; width:80px; } #topMenu a.approche { background:url(../../en/img/topMenu/topMenu_approche.gif) no-repeat; width:95px; } #topMenu a.expertises { background:url(../../en/img/topMenu/topMenu_expertises.gif) no-repeat; width:95px; } #topMenu a.portfolio { background:url(../../en/img/topMenu/topMenu_portfolio.gif) no-repeat; width:97px; } #topMenu a.temoignages { background:url(../../en/img/topMenu/topMenu_temoignages.gif) no-repeat; width:155px; } #topMenu a.soumission { background:url(../../en/img/topMenu/topMenu_soumission.gif) no-repeat; width:69px; } /* pageContent --------------------------------------------------------------- */ /*pageTitle --------------------------------------------------------------- */ #pageAccueil #blogue h2 { background:url(../../en/img/pageTitle/pageTitle_blogue.gif) no-repeat; display:block; width:210px; height:25px; margin:0; } #pageAccueil #comment-vous-aider h2 { background:url(../../en/img/pageTitle/pageTitle_comment-vous-aider.gif) no-repeat; display:block; width:210px; height:45px; } #pageAccueil #votre-complice h2 { background:url(../../en/img/pageTitle/pageTitle_votre-complice.gif) no-repeat; display:block; width:210px; height:25px; } #pageAccueil #nos-produits h2 { background:url(../../en/img/pageTitle/pageTitle_nos-produits.gif) no-repeat; display:block; width:210px; height:30px; } #pageAccueil #nos-produits {margin:0 0 0 15px; padding:15px 0 0 20px;} #pageAccueil #nos-produits h3.nos-plateformes { background:transparent url(../../en/img/pageTitle/pageTitle_nos-plateformes.gif) no-repeat scroll 0 0; display:block; height:30px; margin-top:10px; width:210px; } #leftLinklist h3.profil { background:url(../../en/img/pageTitle/pageTitle_profil.gif) no-repeat; } #leftLinklist h3.approche { background:url(../../en/img/pageTitle/pageTitle_approche.gif) no-repeat; } #leftLinklist h3.expertises { background:url(../../en/img/pageTitle/pageTitle_expertises.gif) no-repeat; } #leftLinklist h3.portfolio { background:url(../../en/img/pageTitle/pageTitle_portfolio.gif) no-repeat; } #leftLinklist h3.bulletin { background:url(../../en/img/pageTitle/pageTitle_bulletin.gif) no-repeat; } #leftLinklist h3.temoignages { background:url(../../en/img/pageTitle/pageTitle_temoignages.gif) no-repeat; margin-bottom:0px; } #leftLinklist h4.clients-satisfaits { background:url(../../en/img/pageTitle/pageTitle_clients-satisfaits.gif) no-repeat; height:25px;} #leftLinklist h3.soumission { background:url(../../en/img/pageTitle/pageTitle_soumission.gif) no-repeat; margin-bottom:0px; } #leftLinklist h4.demande-en-ligne { background:url(../../en/img/pageTitle/pageTitle_demande-en-ligne.gif) no-repeat; } #leftLinklist h3.emplois { background:url(../../en/img/pageTitle/pageTitle_emplois.gif) no-repeat; margin-bottom:0px; } #leftLinklist h4.recherche-candidats { background:url(../../en/img/pageTitle/pageTitle_recherche-candidats.gif) no-repeat; } #leftLinklist h3.contact { background:url(../../en/img/pageTitle/pageTitle_contact.gif) no-repeat; margin-bottom:0px; } #leftLinklist h4.questions { background:url(../../en/img/pageTitle/pageTitle_questions.gif) no-repeat; } #leftLinklist h3.comment-vous-aider { background:url(../../en/img/pageTitle/pageTitle_vous-aider.gif) no-repeat; width:230px; height:53px; } #pageColumnFull h3.portfolio { background:url(../../en/img/pageTitle/pageTitle_portfolio.gif) no-repeat; margin-bottom:0px; margin-left:20px; width:97px; height:21px; } #portfolioMenu .btn_rechercher{ background:url(../../en/img/bg_portfolio_rechercher.gif) no-repeat; } #searchsubmit { background:url(../../en/img/btn_rechercher.gif) no-repeat; } .btn_voirRealisations { background:url(../../en/img/btn_voirRealisations.jpg) no-repeat; } #nos-produits a.cyberbulletin { display:block; width:210px; height:42px; padding:60px 0 0 0; text-align:right; background:url(../../en/img/pageContent/btn_bulletin.gif) no-repeat; } #nos-produits a.cyberbulletin:hover { background-position:0 0px; } #nos-produits a.cyberbulletin span { background:url(../../commun/img/listBullets/arrowBullet_11px.gif) no-repeat right; margin:0 17px 0; padding:0 20px 0; } #pageFooter h3.interets { background:url(../img/pageTitle/pageTitle_interets.gif) 0 0 no-repeat; width:195px; height:20px; margin:0; } #pageFooter h3.produits { background:url(../img/pageTitle/pageTitle_produits.gif) 0 0 no-repeat; width:195px; height:20px; margin:0; } #pageFooter h3.joindre { background:url(../img/pageTitle/pageTitle_joindre.gif) 0 0 no-repeat; width:195px; height:20px; margin:0; } #pageFooter #fc1 #cyberBulletin { background:url(../img/bg_cyberbulletin.gif) 0 0 no-repeat; height: 32px; width: 235px; padding: 39px 0 0 42px; } #pageFooter #fc1 #cyberBulletin .btn { background:url(../img/btn_soumettre.gif) 0 0 no-repeat; height: 23px; width: 83px; border:none; line-height:9999px; text-indent:-9999px } #pageFooter #fc1 #reseau .btnFacebook { background:url(../img/btn_facebook.gif) 0 0 no-repeat; height: 21px; width: 21px; } #pageFooter #fc1 #reseau .btnLinkedin { background:url(../img/btn_linkedin.gif) 0 0 no-repeat; height: 21px; width: 21px; } #pageFooter #fc1 #reseau { background:url(../img/bg_reseau.gif) center 0 no-repeat; height: 25px; width: 235px; padding: 24px 0 0 42px; margin-top: 2px; } /* Metamorphose -------------------------------------------------------- */ #leftLinklist h3.metamorphose { background:url(../../en/img/pageTitle/pageTitle_metamorphose.gif) no-repeat; } #metaBox h3 { background: url("../img/metamorphose/box.png") no-repeat top left; } #metaBox a { left: 40%; } /* Produits - accueil (temp: pas pareil dans les 2 langues) -------------------------------------------------------- */ #nos-produits { margin:0 0 0 15px; padding:15px 0 0 20px; } #nos-produits ul { margin:0; } #nos-produits a span { background:url(../../commun/img/listBullets/arrowBullet_11px.gif) no-repeat right; margin:0 16px 0; padding:0 20px 0; } #nos-produits a { display:block; width:210px; height:42px; padding:48px 0 0 0; text-align:right; } #nos-produits a.cyberimpact { background:url(../../commun/img/pageContent/btn_cyberimpact.gif) no-repeat; } #nos-produits a.spamela { background:url(../../commun/img/pageContent/btn_spamela.gif) no-repeat; } #nos-produits a.myfrm { background:url(../../commun/img/pageContent/btn_myfrm.gif) no-repeat; } #nos-produits a.fantactik { background:url(../../commun/img/pageContent/btn_fantactik.gif) no-repeat; height:38px; padding:80px 0 0 0; } #nos-produits a.politique { background:url(../../commun/img/pageContent/btn_politique.gif) no-repeat; } #nos-produits a:hover { background-position:0 -90px; } #nos-produits a.fantactik:hover { background-position:0 -114px; } .btn-expertises { background: url(../img/btn-expertises.jpg) 0 0 no-repeat; } .btn-hosting { background: url(../img/btn-hosting.jpg) 0 0 no-repeat; } .btn-spamela { background: url(../img/btn-essaie-spamela.gif) 0 0 no-repeat; } .btn-essaie { background: url(../img/btn-essaie.gif) 0 0 no-repeat; }