/* CSS Document Feuille de style de positionnement 08 - 01 - 2009 */ /*/////////////////////////////////////////////////////////////////////////////////////////// // LES BALISES HTML // ///////////////////////////////////////////////////////////////////////////////////////////*/ * { position:relative;margin:0;padding:0;} html{ margin:0;padding:0;height:100%;width:auto;overflow:auto;} body{ margin:0;padding:0;height:100%;width:auto; } div,p,img,input,ul,li,select,textarea{ margin:0;padding:0;} /*/////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////// // LES CONTAINERS COMMUNS // ///////////////////////////////////////////////////////////////////////////////////////////*/ /*Container principal permettant de centrer la page */ #webinside_site{ position:relative;display:table;width:969px;height:100%;margin:0 auto;z-index:0;} .contenu_site { display:table-cell;width:969px;height:617px;vertical-align:middle;z-index:0;} #centre { width:969px;height:617px;} #webinside_design_ombre { position:absolute;top:0;width:969px;height:617px;z-index:0;} #webinside_design { position:absolute;top:0;width:969px;height:617px;z-index:1;} #webinside_logo {position:absolute;top:20px;left:22px;width:234px;height:70px;z-index:2;} #contenu { position:absolute;top:120px;left:8px;height:460px;width:951px;padding:10px 9px;z-index:1;} /*/////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////// // LE MENU // ///////////////////////////////////////////////////////////////////////////////////////////*/ #webinside_menu { position:absolute;top:53px;right:8px !IMPORTANT;right:7px;width:684px;height:34px;z-index:1;} #webinside_menu ul{ padding:0;margin:0;padding-top:2px;padding-left:2px;width:680px;height:31px;z-index:1;} #webinside_menu li{ float:left;z-index:1;} #webinside_menu img{ width:auto;height:31px;z-index:2;} #erp_des_pme_menu { position:absolute;top:85px;right:0;width:668px;height:22px;z-index:1;} #erp_des_pme_menu ul{ padding:0;margin:0;padding-top:5px;width:auto;height:17px;z-index:1;} #erp_des_pme_menu li{ float:left;padding-right:11px;z-index:1;} #erp_des_pme_menu img{ width:auto;height:17px;z-index:1;} /*/////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////// // LES MENTIONS LEGALES // ///////////////////////////////////////////////////////////////////////////////////////////*/ #mentions_legales { padding-left:10px;padding-top:10px;width:560px;} #mentions_legales h1{ font-size:20px;padding-top:10px;padding-bottom:10px;} #mentions_legales h1{ padding-bottom:5px;} #mentions_legales p{ padding-bottom:10px;} #mentions_legales div{ padding-left:20px;padding-top:10px;padding-bottom:15px;} #webinside_site #mentions_legales { position:absolute;padding:0;top:15px;right:20px;width:100px;height:30px;z-index:5;} /*/////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////// // ACCUEIL // ///////////////////////////////////////////////////////////////////////////////////////////*/ #contenu_accueil { padding-top:20px;margin-left:110px;width:665px;} #contenu_accueil .bouton { position:absolute;top:105px;right:-90px;border:0;} #ban h1 { position:absolute;top:68px;left:72px;} #ban h2 { position:absolute;top:160px;left:72px;} #ban p { position:absolute;top:25px;right:50px;width:420px;} #ban #developpez_entreprise { position:absolute;top:30px;left:72px;} #ban .ban_clients { top:35px;right:130px;width:340px;} /*/////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////// // SOCIETE // ///////////////////////////////////////////////////////////////////////////////////////////*/ #contenu_societe{ padding-top:20px;width:945px;height:200px;z-index:2;} #contenu_societe ul{ margin-top:10px;margin-left:20px;width:450px;} #contenu_societe li { clear:both;} #contenu_societe li p{ float:left;} #contenu_societe li .date{ width:30px;} #contenu_societe li .description{ width:380px;padding-left:20px;padding-bottom:10px;} #group_asap { position:absolute;bottom:40px;right:10px;height:156px;width:464px;z-index:3;} #group_asap p { float:left;} /*/////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////// // SERVICES // ///////////////////////////////////////////////////////////////////////////////////////////*/ #contenu_services { width:930px;height:70px;z-index:2;} #contenu_services h1 { top:5px;} #contenu_services p { width:700px;padding-top:15px !IMPORTANT;padding-top:0;margin:auto auto;} /*/////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////// // PERIMETRES // ///////////////////////////////////////////////////////////////////////////////////////////*/ #contenu_perimetre { width:930px;height:70px;z-index:2;} #contenu_perimetre h1{ top:5px;} #contenu_perimetre p{ width:600px;padding-top:15px !IMPORTANT;padding-top:0;margin:auto auto;} #ban #picto_commerce { position:absolute;display:none;height:20px;width:100px;top:150px;left:500px; } #ban #picto_appro { position:absolute;display:none;height:20px;width:100px;top:150px;left:400px; } #ban #picto_finance { position:absolute;display:none;height:20px;width:100px;top:100px;left:100px; } #ban #picto_logistique { position:absolute;display:none;height:20px;width:100px;top:200px;left:100px; } #ban #picto_decisionnel { position:absolute;display:none;height:20px;width:100px;top:350px;left:250px; } #ban #picto_produit { position:absolute;display:none;height:20px;width:100px;top:300px;left:600px; } /*/////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////// // DEMO // ///////////////////////////////////////////////////////////////////////////////////////////*/ #contenu_demo ul{ margin-top:20px;margin-left:15px;width:450px;} #contenu_demo li{ padding-bottom:35px;padding-left:30px;} #contenu_demo h1{ padding-bottom:5px;} #scenes_video { position:absolute;top:0;left:470px;} #scenes_video p{ float:left;padding-left:20px;width:123px;} #scenes_video img{ padding-bottom:8px;} #contenu_demo #video { clear:both;padding-top:20px;} #contenu_demo #contact { top:-15px;left:45px;} /*/////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////// // GARANTIES // ///////////////////////////////////////////////////////////////////////////////////////////*/ #contenu_garanties { padding-top:20px;width:930px;height:200px;z-index:2;} #contenu_garanties h2{ top:15px;left:75px;width:350px;} #contenu_garanties ul{ position:absolute;top:35px;right:120px;width:390px;} #contenu_garanties li{ padding-left:30px;} /*/////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////// // CLIENTS // ///////////////////////////////////////////////////////////////////////////////////////////*/ #contenu_clients ul { top:20px;left:15px;width:500px;} #contenu_clients li { padding-bottom:5px;} #contenu_clients #temoignage { position:absolute;top:15px;right:140px;width:350px;} #temoignage h2 { display:inline;padding:0;margin:0;} #contenu_clients #temoignage .separation { float:left;padding-left:2px;padding-right:20px;} #contenu_clients #temoignage #texte_temoignage { float:left;top:10px;left:0;width:320px;} #contenu_clients #nicodeme { position:absolute;top:15px;right:25px;width:120px;} #contenu_clients #nicodeme .separation { float:left;padding-right:10px;padding-left:10px;} /*/////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////// // r & d // ///////////////////////////////////////////////////////////////////////////////////////////*/ #contenu_rd{ padding-top:20px;width:945px;height:200px;z-index:2;} #ban .h1_rd { position:absolute;top:40px;left:72px;} #contenu_rd ul{ margin-top:10px;margin-left:20px;width:450px;} #contenu_rd li { clear:both;} #contenu_rd li p{ float:left;} #contenu_rd li .date{ width:30px;} #contenu_rd li .description{ width:380px;padding-left:20px;padding-bottom:10px;} #group_asap { position:absolute;bottom:40px;right:10px;height:156px;width:464px;z-index:3;} #group_asap p { float:left;} /*/////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////// // RECRUTEMENT // ///////////////////////////////////////////////////////////////////////////////////////////*/ #contenu #postes { position:absolute;top:22px;left:50px;width:200px;height:450px;} #postes h1 { padding-bottom:3px;} #contenu #bloc_annonces { position:absolute;top:20px;left:270px;width:659px;height:448px;} #bloc_annonces .bordure{ position:relative;padding:0;margin:0;widht:659px;height:19px;} #bloc_annonces #annonces { position:relative;padding:0;margin:0;margin-top:-3px;top:0;left:0;padding-left:30px;width:629px;height:410px;color:#000000;overflow:auto;} #bloc_annonces #bouton_retour { position:absolute;bottom:50px;left:-90px;height:59;width:61px;} #annonces .contrat{ padding-left:10px;padding-top:10px;padding-bottom:5px;} #bloc_annonces .poste { width:600px;padding-bottom:10px;} .poste .num_annonce { position:absolute;top:0;right:10px;} #bloc_annonces #aucune_annonce { width:100px;height:20px;top:200px;left:180px;} .poste .detail_annonce { padding-top:20px;padding-bottom:20px;} .detail_annonce ul{ padding-left:25px;} .detail_annonce li{ padding-bottom:10px;} .poste .separation_annonce { padding-top:20px;padding-bottom:20px;} /*/////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////// // PARTENAIRES // ///////////////////////////////////////////////////////////////////////////////////////////*/ #contenu_partenaire_commerce { position:absolute;top:25px;left:35px;width:460px;} #contenu_partenaire_commerce .logo { float:left;padding-top:30px;width:110px;} #contenu_partenaire_commerce h2 { padding-top:30px;} #contenu_partenaire_commerce #description { padding-top:30px;} #contenu_partenaire_commerce #saas .contact { padding-top:30px;padding-left:110px;width:270px;} #contenu_partenaire_commerce #contact { margin-top:80px;padding-left:110px;width:270px;} #contenu_partenaire_commerce #contact p{ position:absolute;top:12px;right:30px;} #contenu_partenaire_commerce h3 { width:200px;} #contenu_partenaire_techniques { position:absolute;top:25px;right:0;width:410px;} #contenu_partenaire_techniques .logo { float:left;padding-top:30px;padding-right:20px;width:120px;z-index:2;} #contenu_partenaire_techniques .partenaire { clear:both;right:0;width:380px;} #contenu_partenaire_techniques .description { float:right;width:239px !IMPORTANT;width:237px;z-index:1;} .partenaire h2 { padding-top:30px;padding-left:50px;} #separation_partenaires { postion:absolute;top:10px;left:515px;width:2px;} /*/////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////// // CONTACT // ///////////////////////////////////////////////////////////////////////////////////////////*/ #contenu_contact { position:absolute;top:25px;left:45px;width:200px; } #contenu_contact h2{ padding-top:25px;width:200px;} #contenu_carte { position:absolute;top:70px;left:280px;width:620px;height:380px; } #contenu_carte #agrandir_plan { text-align:right;color:#FFFFFF; } #separation_contact { position:absolute;top:0px;left:200px;width:2px;height:435px; } #contenu_contact .bouton { position: absolute; top: 293px; right: -10px; border: 0px;} #form_div_contact { position: absolute; top: 0px; left: 230px; width: 600px; } /*/////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////// // DIVERS // ///////////////////////////////////////////////////////////////////////////////////////////*/ .right { text-align:right;} .justify { text-align:justify;}