/* -------------------------------------------------------------- * screen.css - cybergeneration.com * @title: cybergeneration.com * @type: Screen * @langue: Français * @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(../fr/img/pageTitle/pageTitle_searchForm.gif) no-repeat; } .bg_img01 { background:url(/theme/fr/img/flashHeader/img01.jpg) no-repeat; } .bg_img02 { background:url(/theme/fr/img/flashHeader/img02.jpg) no-repeat; } .bg_img03 { background:url(/theme/fr/img/flashHeader/img03.jpg) no-repeat; } .bg_img04 { background:url(/theme/fr/img/flashHeader/img04.jpg) no-repeat; } .bg_img05 { background:url(/theme/fr/img/flashHeader/img05.jpg) no-repeat; } .bg_img06 { background:url(/theme/fr/img/flashHeader/img06.jpg) no-repeat; } .bg_img07 { background:url(/theme/fr/img/flashHeader/img07.jpg) no-repeat; } .bg_img08 { background:url(/theme/fr/img/flashHeader/img08.jpg) no-repeat; } .bg_img09 { background:url(/theme/fr/img/flashHeader/img09.jpg) no-repeat; } #flashHeader.noel { background: url(/theme/fr/img/flashHeader/flashHeader_noel.jpg) 0 0 no-repeat; } /* topMenu --------------------------------------------------------------- */ #topMenu { position:absolute; top:65px; left:325px; width:590px; } #topMenu a.profil { background:url(../../fr/img/topMenu/topMenu_profil.gif) no-repeat; width:71px; } #topMenu a.approche { background:url(../../fr/img/topMenu/topMenu_approche.gif) no-repeat; width:95px; } #topMenu a.expertises { background:url(../../fr/img/topMenu/topMenu_expertises.gif) no-repeat; width:101px; } #topMenu a.portfolio { background:url(../../fr/img/topMenu/topMenu_portfolio.gif) no-repeat; width:97px; } #topMenu a.temoignages { background:url(../../fr/img/topMenu/topMenu_temoignages.gif) no-repeat; width:118px; } #topMenu a.soumission { background:url(../../fr/img/topMenu/topMenu_soumission.gif) no-repeat; width:108px; } /* pageContent --------------------------------------------------------------- */ /*pageTitle --------------------------------------------------------------- */ #pageAccueil #blogue h2 { background:url(../../fr/img/pageTitle/pageTitle_blogue.gif) no-repeat; display:block; width:210px; height:25px; margin:0; } #pageAccueil #comment-vous-aider h2 { background:url(../../fr/img/pageTitle/pageTitle_comment-vous-aider.gif) no-repeat; display:block; width:210px; height:45px; } #pageAccueil #votre-complice h2 { background:url(../../fr/img/pageTitle/pageTitle_votre-complice.gif) no-repeat; display:block; width:210px; height:25px; } #pageAccueil #post-it { position:relative; display:block; /*height:182px; top:-45px; clear:both; margin-left:-20px; margin-bottom:-40px; */} #pageAccueil h2.nos-produits {background:url(../../fr/img/pageTitle/pageTitle_nos-produits.gif) -20px top no-repeat; display:block; width:210px; height:30px; } #pageAccueil h2.nos-partenaires {background:url(../../fr/img/pageTitle/pageTitle_nos-partenaires.gif) no-repeat; display:block; width:210px; height:30px; } #pageAccueil h3.nos-plateformes {background:url(../../fr/img/pageTitle/pageTitle_nos-plateformes.gif) no-repeat; display:block; width:210px; height:30px; margin-top:10px;} #leftLinklist h3.profil { background:url(../../fr/img/pageTitle/pageTitle_profil.gif) no-repeat; } #leftLinklist h3.approche { background:url(../../fr/img/pageTitle/pageTitle_approche.gif) no-repeat; } #leftLinklist h3.expertises { background:url(../../fr/img/pageTitle/pageTitle_expertises.gif) no-repeat; } #leftLinklist h3.portfolio { background:url(../../fr/img/pageTitle/pageTitle_portfolio.gif) no-repeat; } #leftLinklist h3.bulletin { background:url(../../fr/img/pageTitle/pageTitle_bulletin.gif) no-repeat; } #leftLinklist h3.temoignages { background:url(../../fr/img/pageTitle/pageTitle_temoignages.gif) no-repeat; margin-bottom:3px; } #leftLinklist h4.clients-satisfaits { background:url(../../fr/img/pageTitle/pageTitle_clients-satisfaits.gif) no-repeat; height:25px;} #leftLinklist h3.soumission { background:url(../../fr/img/pageTitle/pageTitle_soumission.gif) no-repeat; margin-bottom:0px; } #leftLinklist h4.demande-en-ligne { background:url(../../fr/img/pageTitle/pageTitle_demande-en-ligne.gif) no-repeat; } #leftLinklist h3.emplois { background:url(../../fr/img/pageTitle/pageTitle_emplois.gif) no-repeat; margin-bottom:0px; } #leftLinklist h4.recherche-candidats { background:url(../../fr/img/pageTitle/pageTitle_recherche-candidats.gif) no-repeat; } #leftLinklist h3.contact { background:url(../../fr/img/pageTitle/pageTitle_contact.gif) no-repeat; margin-bottom:0px; } #leftLinklist h4.questions { background:url(../../fr/img/pageTitle/pageTitle_questions.gif) no-repeat; } #leftLinklist h3.comment-vous-aider { background:url(../../fr/img/pageTitle/pageTitle_vous-aider.gif) no-repeat; width:230px; height:53px; } #pageColumnFull h3.portfolio { background:url(../../fr/img/pageTitle/pageTitle_portfolio.gif) no-repeat; margin-bottom:0px; margin-left:20px; width:97px; height:21px; } .btn_voirRealisations { background:url(../../fr/img/btn_voirRealisations.jpg) no-repeat; } #pub_fantactik { display:block; width:291px; height:123px; margin:40px 0 0 12px; background:url(../../fr/img/pageContent/pub_fantactik.gif) no-repeat; } h3.sports { background:url(../../fr/img/pageTitle/pageTitle_sports.gif) no-repeat; width:240px; height:50px; margin:0 } h3.divertissement { background:url(../../fr/img/pageTitle/pageTitle_divertissement.gif) no-repeat; width:240px; height:50px; margin: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; } /* Cartes de noel --------------------------------------------------------------- */ .noel #leftLinklist h3.exemples { background:url(../img/pageTitle/pageTitle_cartes-exemples.gif) 0 0 no-repeat; height:27px; width:182px; margin:0 0 8px 0;} .noel #leftLinklist { width:305px; margin-left:0; margin-right:0; padding-left:15px; padding-right:0px;} .noel #pageColumn2 .contentHolder { position:relative; margin:0 0 0 35px; padding:15px 195px 0 0; } .noel #pageColumn2 .contentHolder img { margin:0;} .noel #pageColumn2 .contentHolder p { font-size:14px; margin-left:5px; overflow:hidden} .noel #pageColumn2 h3.titrepage { background:url(../img/pageTitle/pageTitle_cartes-noel-arrive.gif) 0 0 no-repeat; height:67px; width:386px; margin:0 0 8px 0;} .noel #pageColumn2 div#commandez { background:url(/images/noel-bg-commandez.gif) 0 0 no-repeat; height:73px; width:385px; margin:0 0 1.5em 0; padding:12px 7px 0 7px; text-align:left;} .noel #pageColumn2 div#commandez p { color:#FFFFFF; margin:0; padding:0; line-height:20px;} .noel #pageColumn2 div#commandez p.ligne1 { font-size:18px;} .noel #pageColumn2 div#commandez p.ligne2 { font-size:16px;} .noel #pageColumn2 div#commandez p.ligne3 { font-size:14px;} .noel #pageColumn2 h4.cartes_from { background:url(../img/pageTitle/pageTitle_cartes-apartir.gif) 0 0 no-repeat; height:42px; width:168px; position:absolute; left:370px; top:80px;} .noel #pageColumn2 h4.commander { background:url(../img/pageContent/noel_commander.png) 0 0 no-repeat; height:98px; width:408px; position:absolute; left:140px; top:253px;} .noel #pageColumn1 h4.cartes_perso { background:url(../img/pageTitle/pageTitle_cartes-perso.gif) 0 0 no-repeat; height:20px; width:106px; margin:0 0 8px 0px;} .noel #pageColumn1 h4.cartes_generique { background:url(../img/pageTitle/pageTitle_cartes-generique.gif) 0 0 no-repeat; height:20px; width:106px; margin:0 0 8px 0px;} .noel #pageColumn1.cartes-exemples { display:inline; margin:0; } .noel #pageColumn1.cartes-exemples a { display:block; float:left;} .noel #pageColumn1 p.marginTop { display:block; clear:both; padding:40px 0 0 16px;} /* Référence Client --------------------------------------------------------------- */ #referenceClient #header h2 { background: url(../img/referenceClient/mainTitle_reference_client.png) no-repeat; } #referenceClient #column1 h3.contactTitle { background: url(../img/referenceClient/mainTitle_ParlerDeNous.gif) no-repeat; } #referenceClient #column1 button { background: url(../img/referenceClient/btn-envoyer.png) no-repeat top;} #referenceClient #column1 #btn_referer-client a { background:url(../img/referenceClient/btn-client.jpg) no-repeat left top; height:79px; width:260px; } #referenceClient #column2 a.contact { background: url(../img/referenceClient/btn-contact.gif) no-repeat top;} #referenceClient #column1 h3 { background: url(../img/referenceClient/pageTitle.gif) no-repeat; } #referenceClient.interet #column1 h3 { background: url(../img/referenceClient/mainTitle-interet.gif) no-repeat; } #referenceClient.confirmation #column1 h3 { background: url(../img/referenceClient/titleMerci.gif) no-repeat; } #referenceClient #column2 h3 { background: url(../img/referenceClient/titleSimplifiez.gif) no-repeat; } #referenceClient .checkbox h4 { background: url(../img/referenceClient/titleInteret.gif) no-repeat; } #referenceClient #column2 .noel { background: url(../img/referenceClient/btn-noel.png) no-repeat;} #referenceClient #column1 .commission {background: url(../img/referenceClient/pastille_commission.png) no-repeat; } /******* LABEL *******/ #referenceClient label.nom {background: url(../img/referenceClient/titleNom.gif) no-repeat;} #referenceClient label.entrepriseRecommandee { background: url(../img/referenceClient/titleEntrepriseRecommandee.gif) no-repeat; } #referenceClient label.votreEntreprise {background: url(../img/referenceClient/titleEntreprise.gif) no-repeat;} #referenceClient label.entrepriseReferee { background: url(../img/referenceClient/titleEntrepriseReferee.gif) no-repeat; } #referenceClient label.personneContact {background: url(../img/referenceClient/titlePersonneContact.gif) no-repeat;} #referenceClient label.telephone {background: url(../img/referenceClient/titleTelephone.gif) no-repeat;} #referenceClient label.courriel {background: url(../img/referenceClient/titleCourriel.gif) no-repeat; } #referenceClient label.comment { background: url(../img/referenceClient/titleCommentaire.gif) no-repeat;} #referenceClient label.destinataire { background: url(../img/referenceClient/titleDestinatairesEmail.gif) no-repeat;} #referenceClient label.message { background: url(../img/referenceClient/titleMessage.gif) no-repeat;} #referenceClient label.sonEntreprise { background: url(../img/referenceClient/titleSonEntreprise.gif) no-repeat;} #referenceClient label.recommandeur { background: url(../img/referenceClient/titlePersonneRecommande.gif) no-repeat; width:265px} #referenceClient label.votreCourriel { background: url(../img/referenceClient/titleVotreCourriel.gif) no-repeat;} #referenceClient label.votreTelephone { background: url(../img/referenceClient/titleVotreTelephone.gif) no-repeat;} .noel #pageColumn2 #commandez .pastille { background: url(../img/pastille.png) no-repeat top; } /* Metamorphose -------------------------------------------------------- */ #leftLinklist h3.metamorphose { background:url(../../fr/img/pageTitle/pageTitle_metamorphose.gif) no-repeat; } #metaBox h3 { background: url("../img/metamorphose/box.png") no-repeat top left; } #metaBox a { left: 44%; } /* Produits - accueil (temp: pas pareil dans les 2 langues) -------------------------------------------------------- */ #nos-produits { background:url(../../commun/img/bg_home_products.jpg) left 35px no-repeat; display:block; clear:both; margin: 20px 0 0 17px; overflow:hidden;} #nos-produits ul { margin:0 25px; } #nos-produits li { float: left;} #nos-produits a { display:block; height:42px; } #nos-produits a span { font:14px Arial, Helvetica, sans-serif; color:#575757; font-weight:normal; line-height:1.1; } #nos-produits a span strong { font-weight:bold; font-size:16px; display:block; color:#282828; } #nos-produits a.cyberimpact { background:url(../../commun/img/pageContent/products-cyberimpact.jpg) no-repeat; padding:85px 47px 0; width:78px; } #nos-produits a.cybersmtp { background:url(../../commun/img/pageContent/products-cybersmtp.jpg) no-repeat; padding:85px 30px 0; width:130px; } #nos-produits a.spamela { background:url(../../commun/img/pageContent/products-spamela.jpg) no-repeat; padding:85px 35px 0; width:116px; } #nos-produits a.myfrm { background:url(../../commun/img/pageContent/products-myFRM.jpg) no-repeat; padding:85px 15px 0; width:147px; } #nos-produits a.fantactik { background:url(../../commun/img/pageContent/products-fantactik.jpg) no-repeat; padding:85px 10px 0; width:137px; } .btn-expertises { background: url(../img/btn-expertises.jpg) 0 0 no-repeat; } .btn-hosting { background: url(../img/btn-hebergement.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; } #pagePap strong { font-weight: bold; } #pagePap #pageContent { padding: 20px;} #pagePap .contentHolder { width: 640px; margin: 0 auto; } #pagePap #pageContent img { margin: 0 10px 10px 0;} #pagePap .note { font-size: 15px;}