BODY{ margin-top:0px; font-family: Verdana, Arial, sans-serif; font-size: 10px; } LI{list-style-type: square;} A{font-family: Verdana, Arial, sans-serif; text-decoration: none; } P{font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; font-weight: normal; text-align: justify;} #baseline{position:relative; width:980px; margin-left:auto; margin-right:auto; margin-top: 5px; text-align: center;} #baseline P{ font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #888888; font-weight: normal; text-align: center;} #baseline A{ font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #888888; font-weight: normal; text-align: center;} #realisation-nextools{position: absolute; left: 0px; bottom: 0px;} #realisation-nextools A{font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #999999; text-decoration: none;} #fond {position:relative; width:980px; height: 550px; margin-left:auto; margin-right:auto; border: 1px solid #000000; background-color: White; z-index: 2; } /* FOND DE TOUTE LES PAGES */ #fond-accueil{ float: left; width:980px; height: 550px; background-image: url(../images/fond-accueil.jpg); background-repeat: no-repeat;} #fond-contact{ float: left; width:980px; height: 550px; background-image: url(../images/fond-contact.jpg); background-repeat: no-repeat;} #fond-mentions-legales{ float: left; width:980px; height: 550px; background-image: url(../images/fond-mentions-legales.jpg); background-repeat: no-repeat;} #fond-credits{ float: left; width:980px; height: 550px; background-image: url(../images/fond-credits.jpg); background-repeat: no-repeat;} #fond-historique{ float: left; width:980px; height: 550px; background-image: url(../images/fond-historique.jpg); background-repeat: no-repeat;} #fond-activites-marches{ float: left; width:980px; height: 550px; background-image: url(../images/fond-activites-marches.jpg); background-repeat: no-repeat;} #fond-culture-entreprise{ float: left; width:980px; height: 550px; background-image: url(../images/fond-culture-entreprise.jpg); background-repeat: no-repeat;} #fond-repoussage{ float: left; width:980px; height: 550px; background-image: url(../images/fond-repoussage.jpg); background-repeat: no-repeat;} #fond-services-proposes{ float: left; width:980px; height: 550px; background-image: url(../images/fond-services-proposes.jpg); background-repeat: no-repeat;} #fond-materiaux-travailles{ float: left; width:980px; height: 550px; background-image: url(../images/fond-materiaux-travailles.jpg); background-repeat: no-repeat;} #fond-equipes-competences{ float: left; width:980px; height: 550px; background-image: url(../images/fond-equipes-competences.jpg); background-repeat: no-repeat;} #fond-interets-avantages{ float: left; width:980px; height: 550px; background-image: url(../images/fond-interets-avantages.jpg); background-repeat: no-repeat;} #fond-moyens-production{ float: left; width:980px; height: 550px; background-image: url(../images/fond-moyens-production.jpg); background-repeat: no-repeat;} #fond-realisations-industrielles{ float: left; width:980px; height: 550px; background-image: url(../images/fond-realisations-industrielles.jpg); background-repeat: no-repeat;} #fond-realisations-design{ float: left; width:980px; height: 550px; background-image: url(../images/fond-realisations-design.jpg); background-repeat: no-repeat;} #fond-produits{ float: left; width:980px; height: 550px; background-image: url(../images/fond-produits.jpg); background-repeat: no-repeat;} /*MENU*/ #menu{ float: left; width:980px; height: 150px;} #menu #logo-gabis{float: left; width:150px; height: 60px; padding: 0px 0px 0px 830px;} #menu #logo-gabis IMG{width:150px; height: 60px; } #menu #logo-bonitempo{float: left; width:250px; height: 90px; padding: 0px 0px 0px 30px; } #menu #logo-bonitempo IMG{width:250px; height: 90px; } #menu #menu-presentation{float: left; width:69px; height: 20px; padding: 44px 10px 0px 15px} #menu #menu-savoir-faire{float: left; width:67px; height: 20px; padding: 44px 9px 0px 4px} #menu #menu-moyens-production{float: left; width:121px; height: 20px; padding: 44px 10px 0px 4px;} #menu #menu-produits{float: left; width:45px; height: 20px; padding: 44px 7px 0px 5px;} #menu #menu-realisations-industrielles{float: left; width:137px; height: 20px; padding: 44px 5px 0px 7px;} #menu #menu-realisations-design{float: left; width:106px; height: 20px; padding: 44px 5px 0px 8px;} #menu #menu-contact{float: left; width:43px; height: 20px; padding: 44px 13px 0px 10px; } /*SOUS-MENU*/ #sous-menu{float: left; width:980px; height:20px; padding: 55px 0px 0px 0px;} /*presentation*/ #sous-menu #sous-menu-historique{float: left; width:63px; height: 20px; padding: 0px 0px 0px 25px; } #sous-menu #sous-menu-activites-marches{float: left; width:121px; height: 20px; padding: 0px 0px 0px 12px;} #sous-menu #sous-menu-culture-entreprise{float: left; width:113px; height: 20px; padding: 0px 0px 0px 12px;} /*presentation*/ #sous-menu #sous-menu-contact{float: left; width:66px; height: 20px; padding: 0px 0px 0px 25px; } #sous-menu #sous-menu-plan-acces{float: left; width:77px; height: 20px; padding: 0px 0px 0px 12px;} /*savoir-faire*/ #sous-menu #sous-menu-repoussage{float: left; width:87px; height: 20px; padding: 0px 0px 0px 30px;} #sous-menu #sous-menu-services-proposes{float: left; width:108px; height: 20px; padding: 0px 0px 0px 12px;} #sous-menu #sous-menu-materiaux-travailles{float: left; width:118px; height: 20px; padding: 0px 0px 0px 12px;} #sous-menu #sous-menu-equipes-competences{float: left; width:140px; height: 20px; padding: 0px 0px 0px 12px;} #sous-menu #sous-menu-interets-avantages{float: left; width:125px; height: 20px; padding: 0px 0px 0px 12px;} /*produits*/ #sous-menu #sous-menu-fonds-normalises{float: left; width:142px; height: 20px; padding: 0px 0px 0px 29px; } #sous-menu #sous-menu-fonds-speciaux{float: left; width:85px; height: 20px; padding: 0px 0px 0px 12px;} #sous-menu #sous-menu-profils-repoussage{float: left; width:118px; height: 20px; padding: 0px 0px 0px 12px;} #sous-menu #sous-menu-finitions-tolerance{float: left; width:122px; height: 20px; padding: 0px 0px 0px 12px;} /*ZONE TRAVAIL*/ #zone-travail{ float: left; width:980px; height: 380px; } #zone-travail-avec-sous-menu{ float: left; width:980px; height: 305px; } #footer{ float: left; width:980px; height: 20px; font-family: Verdana, Arial, sans-serif; font-size: 9px; color: white; font-weight: bold; background-color: #a50021; text-align: center;} #footer #adresse{float: left; width: 774px; padding: 4px 0px 0px 15px;} #footer #credits{float: left; width: 47px; height: 20px;} #footer #mentions-legales{float: left; width: 98px; height: 20px;} #footer #drapeau{float: left; width: 30px; height: 16px; padding: 2px 0px 0px 6px;} /* PAGE ACCUEIL */ #zone-travail #realisations-design{float: left; width:152px; height: 250px; padding: 80px 0px 0px 15px; } #zone-travail #realisations-design IMG{width:152px; height: 250px; } #zone-travail #realisations-industrielles{float: left; width:152px; height: 250px; padding: 80px 0px 0px 15px; } #zone-travail #realisations-industrielles IMG{width:152px; height: 250px;} #zone-travail #texte-accueil{float: left; width:425px; height: 275px;padding: 70px 0px 0px 15px;} #zone-travail #repoussage{position:absolute; top:185px;left:820px;width:160px; height: 280px; } #zone-travail #repoussage IMG{width:160px; height: 280px;} /* PAGE PRODUITS */ .schema{float: left; width:415px; height:130px; padding:10px 0px 10px 0px; text-align: center;} #zone-travail-avec-sous-menu-scroll{float: left; width:980px; height: 305px; overflow:auto; } #zone-travail-avec-sous-menu-scroll .texte2-bloc{float: left;width:860px; height: auto; padding:15px 0px 0px 60px; } #zone-travail-avec-sous-menu-scroll .colonne1{float: left;width:415px; padding:0px 30px 0px 0px; text-align: justify; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: normal;} #zone-travail-avec-sous-menu-scroll .colonne2{float: left;width:415px; padding:0px 0px 0px 0px; text-align: justify; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: normal;} #zone-travail-avec-sous-menu-scroll .titre-fond{float: left; width:415px; padding:0px 0px 0px 0px; text-align: justify; font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #a50021; font-weight: bold;} #zone-travail-avec-sous-menu-scroll .texte3{float: left;width:860px; padding:35px 0px 0px 60px; text-align: justify; } #zone-travail-avec-sous-menu-scroll .titre-fond3{float: left; width:860px; padding:0px 0px 0px 0px; text-align: justify; font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #a50021; font-weight: bold;} #zone-travail-avec-sous-menu-scroll .PDFA{float: left; width:200px; height:40px; padding:0px 15px 0px 0px; text-align: left; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #a50021; font-weight: bold;} #zone-travail-avec-sous-menu-scroll .PDFB{float: left; width:200px; height:40px; padding:0px 0px 0px 0px; text-align: left; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #a50021; font-weight: bold;} /*PAGE PRESENTATION*/ /*historique*/ /*activites et marchés*/ #zone-travail-avec-sous-menu #texte{float: left;width:860px; height: 265px; padding:25px 0px 0px 60px;} #zone-travail-avec-sous-menu #texte #colonne1{float: left;width:410px; padding:10px 20px 0px 20px;} #zone-travail-avec-sous-menu #texte #colonne2{float: left;width:410px; padding:10px 0px 0px 0px;} #zone-travail-avec-sous-menu #texte #colonne1 LI{padding:0px 0px 5px 0px; text-align:justify;} #zone-travail-avec-sous-menu #texte #colonne2 LI{ padding:0px 0px 5px 0px;text-align:justify;} /*culture d'entreprise*/ #zone-travail-avec-sous-menu #texte2{float: left;width:860px; height: 265px; padding:55px 0px 0px 60px;} #zone-travail-avec-sous-menu #texte2 #colonne1{float: left;width:415px; padding:0px 30px 0px 0px; text-align: justify;} #zone-travail-avec-sous-menu #texte2 #colonne2{float: left;width:415px; padding:0px 0px 0px 0px; text-align: justify;} /*SAVOIR-FAIRE*/ /*repoussage*/ #zone-travail-avec-sous-menu #anim-repoussage{float: left;width:350px; height: 264px; padding:20px 0px 0px 570px;} #zone-travail-avec-sous-menu #anim-repoussage-legende{position:absolute;top:263px;left:310px;width:200px;text-align:justify;} #zone-travail-avec-sous-menu #anim-repoussage-texte{position:absolute;top:393px;left:60px;width:450px;text-align:justify;} /*services proposés*/ #zone-travail-avec-sous-menu #service-colonne1{float: left;width:415px; height:255px; padding:25px 30px 0px 60px; text-align: justify;} #zone-travail-avec-sous-menu #service-colonne2{float: left;width:415px; padding:75px 0px 0px 0px; text-align: justify;} /*materiaux travailles*/ #zone-travail-avec-sous-menu #texte3{float: left;width:535px; padding:25px 0px 0px 60px;} /*équipes et compétences*/ #zone-travail-avec-sous-menu #equipe-colonne1{float: left;width:415px; height:255px; padding:25px 30px 0px 60px; text-align: justify;} #zone-travail-avec-sous-menu #equipe-colonne2{float: left;width:415px; height:155px; padding:150px 0px 0px 0px; text-align: justify;} #zone-travail-avec-sous-menu #equipe-colonne2 #logo-tuv{float: left;width:147px; height:71px; padding:20px 0px 0px 10px; text-align: justify;} #zone-travail-avec-sous-menu #equipe-colonne2 #telechargement{float: left;width:228px; height:24px; padding:43px 0px 0px 20px; text-align: justify;} /*interets avantages*/ #zone-travail-avec-sous-menu #interets-colonne1{float: left; width:310px;height:260px; padding:45px 0px 0px 60px; text-align: justify; } #zone-travail-avec-sous-menu #interets-colonne2{float: left; width:455px;height:260px; padding:45px 60px 0px 89px; text-align: justify; } /* MOYENS DE PRODUCTION */ #zone-travail #animation{ float: left; padding: 65px 0px 0px 570px; } #zone-travail #moyens-colonne1{ position: absolute; width:415px; top:250px; left:60px; } #zone-travail #moyens-colonne2{ position: absolute; width:455px; top:250px; left:505px; } /*CREDITS*/ #zone-travail #credits-nextools{ float: left; width:525px; height:265px; padding: 115px 0px 0px 0px; } #zone-travail #nextools-texte{ float: left; width:445px; height:55px; padding: 0px 0px 0px 80px; } #zone-travail #nextools-logo{ float: left; width:325px; height:135px; padding: 0px 0px 0px 75px; } #zone-travail #credits-philty{ float: left; width:455px; height:265px; padding: 115px 0px 0px 0px; } #zone-travail #philty-texte{ float: left; width:455px; height:55px; } #zone-travail #philty-logo{ float: left; width:207px; height:120px; padding: 0px 0px 0px 5px; } /* PAGE CONTACT */ #zone-travail-avec-sous-menu #formulaire{ float: left; padding: 83px 70px 0px 470px; } #zone-travail-avec-sous-menu #formulaire DIV{ float: left; height: 14px;} #zone-travail-avec-sous-menu #formulaire .INPUT1{font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #a50021; background-color : transparent; border : 0px none; } #zone-travail-avec-sous-menu #formulaire .INPUT2{font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000; background-color : transparent; border : 0px none; } #zone-travail-avec-sous-menu #formulaire TEXTAREA{font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; background-color : transparent; border : 0px none;} #zone-travail-avec-sous-menu #formulaire-valider{ float: left; padding: 140px 0px 0px 470px; width: 450px; text-align: center; } #zone-travail-avec-sous-menu #plan-acces{float: left; padding: 10px 0px 0px 470px; width: 450px; text-align: center; } /* PAGE MENTIONS LEGALES */ #zone-travail #mentions-legales-texte{float: left; width: 820px; height: 240px; padding: 80px 0px 0px 80px;} #zone-travail #mentions-legales-navigation{float: left; width: 820px; height: 20px; padding: 0px 0px 0px 80px;} #zone-travail #mentions-legales-navigation #precedent{float: left; width: 764px; } #zone-travail #mentions-legales-navigation #suivant{float: left; width: 56px; } /*PAGE REALISATIONS LiSTE*/ /*pagination*/ #zone-travail #rea-pagination{ float: left; width: 820px; height: 20px;padding: 20px 0px 0px 80px; } #zone-travail #rea-pagination #rea-barre-pagination { float: left; width: 820px; height: 20px; background-image: url(../images/fond-pagination-rea-industrielles.jpg); background-repeat: no-repeat; } #zone-travail #rea-pagination #rea-barre-pagination #rea-btn-retour{ float: left; width: 56px; height: 20px; } #zone-travail #rea-pagination #rea-barre-pagination #rea-btn-suite{ float: left; width: 56px; height: 20px; } #zone-travail #rea-pagination #rea-barre-pagination #rea-num-page{ float: left; width: 708px; height: 17px; padding: 3px 0px 0px 0px; text-align: center;} /*liste des vignettes*/ #zone-travail #rea-liste-vignette{ float: left;width: 840px; height: 200px;padding: 100px 0px 0px 80px;} .rea-vignette{ float: left; width: 120px; height: 80px; padding: 0px 20px 20px 0px; } /*PAGE REALISATIONS DETAILS*/ #zone-travail-rea-details{float: left; width:820px; height: 280px; padding: 80px 80px 20px 80px; } #zone-travail-rea-details #rea-details{ float: left; width: 820px; height: 270px;overflow:auto; } #zone-travail-rea-details #rea-details #rea-details-description{ float: left; width: 365px; border: 0px solid black;} #zone-travail-rea-details #rea-details #rea-details-description #rea-details-description-titre{ float: left;width: 365px; height: 15px;} #zone-travail-rea-details #rea-details #rea-details-description #rea-details-description-texte{ float: left;width: 365px; padding:8px 0px 25px 0px; } #zone-travail-rea-details #rea-details #rea-details-description #rea-details-description-disquette{ float: left;padding: 0px 0px 20px 0px;width: 365px;} #zone-travail-rea-details #rea-details #rea-details-description #rea-details-description-lien{ float: left; width : 355px;height :18px;padding: 2px 0px 10px 10px; background-image: url(../images/fond-lien.gif); background-repeat: no-repeat;} #zone-travail-rea-details #rea-details #rea-details-description #rea-details-description-lien-transparent{ float: left; width : 355px;height :18px;padding: 2px 0px 10px 10px;} #zone-travail-rea-details #rea-details #rea-details-liste_vignettes{ float: left;width:408px; padding: 0px 0px 0px 20px;} .rea-details-vignette{ float: left;width: 194px; height: 130px ; padding: 0px 10px 10px 0px;} .style-01{font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #003399;} .style-02{font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #a50021; } .style-03{font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000; } .style-04{font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000; font-weight: bold;} .style-05{font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000; font-weight: normal;} .style-06{font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #a50021; font-weight: bold;} .style-07{font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: normal;} .style-08{font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #a21633; font-weight: bold;} .style-09{font-family: Verdana, Arial, sans-serif; font-size: 15px; color: #a50021; font-weight: bold;} .style-10{font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #a50021; font-weight: bold;} .style-11{font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #a50021; font-weight: bold;} .style-12{font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #black; font-weight: bold;} .style-13{font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #black; font-weight: normal; font-style: italic;} .style-14{font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #black; font-weight: normal; } .lien-01{ font-family: Verdana, Arial, sans-serif; font-size: 9px; color: white; font-weight: bold; text-decoration: none; } .lien-01:hover{ font-family: Verdana, Arial, sans-serif; font-size: 9px; color: black; font-weight: bold; text-decoration: none; } .lien-02{ font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #a50021; font-weight: bold; text-decoration: none; } .lien-02:hover{ font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: bold; text-decoration: none; } .lien-03{ font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: bold; text-decoration: none; } .lien-03:hover{ font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: bold; text-decoration: none; } .lien-04{ font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: normal; text-decoration: none; } .lien-04:hover{ font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #a50021; font-weight: normal; text-decoration: none; } .lien-05{ font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: bold; text-decoration: none; } .lien-05:hover{ font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: bold; text-decoration: underline; } .lien-06{ font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #a50021; font-weight: normal; text-decoration: none; } .lien-06:hover{ font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: normal; text-decoration: none; }