* { margin:0px; padding:0px; } body { background-color: #f2f2f2; margin-top:5px; } img { border:none; } h1 { font-family:"Arial Black", Gadget, sans-serif; color:#999; font-size:11px; font-weight:normal;} .clr { clear: both; font-size:0; line-height:0; border: 0px; } #ensemble { width:766px; height:auto; margin:auto; } /* ----------------------------- */ /* NAVIGATION HAUT */ /* ----------------------------- */ #nav_haut { width:766px; height:60px; margin:-5px auto 0px auto; background-image:url(images/design/nav_haut_fond.gif); } #nav_haut ul { padding-left:45px; padding-top:5px } #nav_haut li { padding-right:40px; display: inline; } /* ----------------------------- */ /* BANNIERE */ /* ----------------------------- */ /* Mise en forme de la bannière */ #banniere { width:760px; height:246px; margin-left:2px; } #banniere_bloc_haut_gauche { width:5px; height:5px; float:left; background-image:url(images/design/bloc_haut_gauche.gif); overflow:hidden; } #banniere_bloc_haut { width:750px; height:5px; float:left; background-image:url(images/design/bloc_haut.gif); overflow:hidden; } #banniere_bloc_haut_droite { width:5px; height:5px; float:left; background-image:url(images/design/bloc_haut_droite.gif); overflow:hidden; } #banniere_bloc_gauche { width:5px; height:235px; float:left; background-image:url(images/design/bloc_gauche.gif); background-repeat:repeat-y; } #banniere_bloc_blanc { width:750px; height:235px; float:left; background-color:#FFF; } #banniere_bloc_droite { width:5px; height:235px; float:left; background-image:url(images/design/bloc_droite.gif); background-repeat:repeat-y; } #banniere_bloc_bas_gauche { width:5px; height:6px; float:left; background-image:url(images/design/bloc_bas_gauche.gif); overflow:hidden; } #banniere_bloc_bas { width:750px; height:6px; float:left; background-image:url(images/design/bloc_bas.gif); overflow:hidden; } #banniere_bloc_bas_droite { width:5px; height:6px; float:left; background-image:url(images/design/bloc_bas_droite.gif); overflow:hidden; } /* Fin de la mise en forme de la bannière */ /* *Contenu de la bannière **/ #banniere_text { width:400px; height:200px; margin-left:20px; margin-top:5px; float:left; display: inline; } #banniere_text p { font-family:Verdana, Geneva, sans-serif; font-size:9px; line-height:16px; } /* Image de la page index */ #banniere_index a { width:300px; height:200px; margin-left:10px; margin-top:20px; float:left; background-image:url(images/banniere_index.jpg); } #banniere_index a:hover { background-position: 0 -200px; } /* Fin de l'image de la page index */ /* Image de la page appliques */ #banniere_appliques a { width:300px; height:200px; margin-left:10px; margin-top:20px; float:left; background-image:url(images/banniere_appliques.jpg); } #banniere_appliques a:hover { background-position: 0 -200px; } /* Fin de l'image de la page appliques */ /* Image de la page plafonniers */ #banniere_plafonniers a { width:300px; height:200px; margin-left:10px; margin-top:20px; float:left; background-image:url(images/banniere_plafonniers.jpg); } #banniere_plafonniers a:hover { background-position: 0 -200px; } /* Fin de l'image de la page plafonniers */ /* Image de la page suspensions */ #banniere_suspensions a { width:300px; height:200px; margin-left:10px; margin-top:20px; float:left; background-image:url(images/banniere_suspensions.jpg); } #banniere_suspensions a:hover { background-position: 0 -200px; } /* Fin de l'image de la page suspensions */ /* Image de la page lampadaires */ #banniere_lampadaires a { width:300px; height:200px; margin-left:10px; margin-top:20px; float:left; background-image:url(images/banniere_lampadaires.jpg); } #banniere_lampadaires a:hover { background-position: 0 -200px; } /* Fin de l'image de la page lampadaires */ /* Image de la page leds */ #banniere_leds a { width:300px; height:200px; margin-left:10px; margin-top:20px; float:left; background-image:url(images/banniere_leds.jpg); } #banniere_leds a:hover { background-position: 0 -200px; } /* Fin de l'image de la page leds */ /* Image de la page exterieurs */ #banniere_exterieurs a { width:300px; height:200px; margin-left:10px; margin-top:20px; float:left; background-image:url(images/banniere_exterieurs.jpg); } #banniere_exterieurs a:hover { background-position: 0 -200px; } /* Fin de l'image de la page exterieurs */ /* *Fin du contenu de la bannière **/ /*** FIN BANNIERE ***/ /* ----------------------------- */ /* MENU */ /* ----------------------------- */ /* Mise en forme du menu */ #menu { width:764px; height:auto; float:left; margin-top:2px; } #menu_haut_gauche { width:8px; height:2px; float:left; background-image:url(images/design/menu_haut_gauche.gif); overflow:hidden; } #menu_haut { width:748px; height:2px; float:left; background-image:url(images/design/menu_haut.gif); overflow:hidden; } #menu_haut_droite { width:8px; height:2px; float:left; background-image:url(images/design/menu_haut_droite.gif); overflow:hidden; } #menu_gauche { width:3px; height:35px; float:left; background-image:url(images/design/menu_gauche.gif); } #menu_droite { width:3px; height:35px; float:left; background-image:url(images/design/menu_droite.gif); } #menu_bas_gauche { width:8px; height:2px; float:left; background-image:url(images/design/menu_bas_gauche.gif); overflow:hidden; } #menu_bas { width:748px; height:2px; float:left; background-image:url(images/design/menu_bas.gif); overflow:hidden; } #menu_bas_droite { width:8px; height:2px; float:left; background-image:url(images/design/menu_bas_droite.gif); overflow:hidden; } /* Fin de la mise en forme du menu */ /** Bloc Boutton **/ #menu_bloc_bouttons { width:758px; height:35px; float:left; } .menu_separation { width:1px; height:35px; float:left; background-image:url(images/design/menu_separation.gif); } /* Boutton appliques */ #menu_boutton_appliques a { width:126px; height:35px; float:left; background:url(images/design/menu_boutton_appliques.gif); } #menu_boutton_appliques a:hover { background-position: 0 -35px; } #menu_boutton_appliques a:active { background-position: 0 -70px; } #menu_boutton_appliques_en_cours a { width:126px; height:35px; float:left; background:url(images/design/menu_boutton_appliques.gif); background-position: 0 -70px; } /* Fin boutton appliques */ /* Boutton plafonniers */ #menu_boutton_plafonniers a { width:130px; height:35px; float:left; background:url(images/design/menu_boutton_plafonniers.gif); } #menu_boutton_plafonniers a:hover { background-position: 0 -35px; } #menu_boutton_plafonniers a:active { background-position: 0 -70px; } #menu_boutton_plafonniers_en_cours a { width:130px; height:35px; float:left; background:url(images/design/menu_boutton_plafonniers.gif); background-position: 0 -70px; } /* Fin boutton plafonniers */ /* Boutton suspensions */ #menu_boutton_suspensions a { width:120px; height:35px; float:left; background:url(images/design/menu_boutton_suspensions.gif); } #menu_boutton_suspensions a:hover { background-position: 0 -35px; } #menu_boutton_suspensions a:active { background-position: 0 -70px; } #menu_boutton_suspensions_en_cours a { width:120px; height:35px; float:left; background:url(images/design/menu_boutton_suspensions.gif); background-position: 0 -70px; } /* Fin boutton suspensions */ /* Boutton lampadaires */ #menu_boutton_lampadaires a { width:125px; height:35px; float:left; background:url(images/design/menu_boutton_lampadaires.gif); } #menu_boutton_lampadaires a:hover { background-position: 0 -35px; } #menu_boutton_lampadaires a:active { background-position: 0 -70px; } #menu_boutton_lampadaires_en_cours a { width:125px; height:35px; float:left; background:url(images/design/menu_boutton_lampadaires.gif); background-position: 0 -70px; } /* Fin boutton lampadaires */ /* Boutton leds */ #menu_boutton_leds a { width:125px; height:35px; float:left; background:url(images/design/menu_boutton_leds.gif); } #menu_boutton_leds a:hover { background-position: 0 -35px; } #menu_boutton_leds a:active { background-position: 0 -70px; } #menu_boutton_leds_en_cours a { width:125px; height:35px; float:left; background:url(images/design/menu_boutton_leds.gif); background-position: 0 -70px; } /* Fin boutton leds */ /* Boutton exterieurs */ #menu_boutton_exterieurs a { width:127px; height:35px; float:left; background:url(images/design/menu_boutton_exterieurs.gif); } #menu_boutton_exterieurs a:hover { background-position: 0 -35px; } #menu_boutton_exterieurs a:active { background-position: 0 -70px; } #menu_boutton_exterieurs_en_cours a { width:127px; height:35px; float:left; background:url(images/design/menu_boutton_exterieurs.gif); background-position: 0 -70px; } /* Fin boutton leds */ /** Fin Bloc Boutton **/ /*** FIN MENU ***/ /* ----------------------------- */ /* CONTENU */ /* ----------------------------- */ /* Mise en forme du contenu */ #contenu { width:760px; height:auto; float:left; margin-top:4px; margin-left:2px; overflow:hidden; } #contenu_haut_gauche { width:5px; height:5px; float:left; background-image:url(images/design/bloc_haut_gauche.gif); overflow:hidden; } #contenu_haut { width:750px; height:5px; float:left; background-image:url(images/design/bloc_haut.gif); overflow:hidden; } #contenu_haut_droite { width:5px; height:5px; float:left; background-image:url(images/design/bloc_haut_droite.gif); overflow:hidden; } #contenu_gauche { width:5px; height:395px; float:left; background-image:url(images/design/bloc_gauche.gif); } #contenu_blanc { width:750px; height:395px; float:left; background-color:#FFF; } #contenu_droite { width:5px; height:395px; float:left; background-image:url(images/design/bloc_droite.gif); } #contenu_bas_gauche { width:5px; height:6px; float:left; background-image:url(images/design/bloc_bas_gauche.gif); overflow:hidden; } #contenu_bas { width:750px; height:6px; float:left; background-image:url(images/design/bloc_bas.gif); overflow:hidden; } #contenu_bas_droite { width:5px; height:6px; float:left; background-image:url(images/design/bloc_bas_droite.gif); overflow:hidden; } /* Fin de la mise en forme du contenu */ /* Contenu du bloc produits */ #contenu_milieu_produit { width:760px; min-height:380px; height:auto !important; height:380px; float:left; background-image:url(images/design/bloc_fiche_produit.gif); padding-left: 5px; padding-bottom:15px; } #contenu_bloc_produits { width:710px; height:auto; margin-left: 18px; } .contenu_separation {width:40px; height:85px; float:left; margin-top:10px; } /* Fin du contenu du bloc produits */ /* Contenu du bloc atea en bref */ #contenu_atea_en_bref { width:700px; padding-top:10px; padding-left:45px; } #contenu_atea_en_bref_gros_text { width:605px; font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#666; text-align:center;} #contenu_atea_en_bref_text { width:605px; margin-top:10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666;} .contenu_atea_en_bref_photo img { margin-top:10px; margin-right:45px; clear:both; } .contenu_atea_en_bref_texte { width:173px; height:20px; float:left; margin-right:45px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#888; text-align:center; } /* Fin du contenu du bloc atea en bref */ /* Contenu du bloc atea jazz*/ #contenu_atea_jazz_titre { font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#666;} #contenu_atea_jazz { width:650px; margin-top:20px; margin-left:10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666;} /* Fin du contenu du bloc atea jazz */ /* Contenu du bloc Gamme de produits */ .contenu_gamme_produits { width:760px; height:26px; clear:both; padding-top:10px; margin-bottom:5px; } /* Fin du contenu du bloc Gamme de produits */ /* Contenu du bloc telechargement */ #contenu_telechargement { width:760px; } #contenu_telechargement a { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#888; text-decoration:none; margin-left:10px; } #contenu_telechargement a:hover { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#333; text-decoration:none; margin-left:10px; } #contenu_telechargement img { margin-top:15px; margin-bottom:10px; } /* Fin du contenu du bloc telechargement */ /* Contenu du bloc fiches produits */ #contenu_fiche_produit { width:760px; height:auto; float:left; background-image:url(images/design/bloc_fiche_produit.gif)} #fiches_produits_photos { width:710px; height:210px; margin-top:20px; margin-left:30px;} #fiches_produits_photos img { margin-right:10px; } #fiches_produits_textes { width:710px; height:auto; margin-top:5px; margin-bottom:15px; margin-left:30px;} #fiches_produits_textes p { font-family:Arial, Helvetica, sans-serif; font-size:10px; } #fiches_produits_titre { font-family:"Arial Black", Gadget, sans-serif; font-size:16px; } .fiches_produits_gras { font-family:"Arial Black", Gadget, sans-serif; font-size:10px; } .fiches_produits_gris { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999; } td { font-family:Arial, Helvetica, sans-serif; font-size:10px; } #fiches_produits_pdf { width:70px; height:70px; float:left; margin-bottom:20px; margin-top:30px; } #fiches_produits_pdf_texte { width:640px; height:70px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-bottom:20px; margin-top:30px; } #fiches_produits_logo_couleurs { width:auto; clear:both; } #fiches_produits_logo_couleurs img { margin-right:5px; } #fiches_produits_logo { width:auto; } #fiches_produits_logo img { margin-right:5px; } #ligne_grise { width:700px; height:1px; background-image:url(http://www.atea.fr/images/design/pixel_gris.gif); background-repeat:repeat-x; margin-bottom:10px; } #fiches_produits_logo_droite { width:auto; float:right; margin-right:10px; } #fiches_produits_logo_droite img { margin-right:5px; } #fiches_produits_titre_atea { font-family:"Arial Black", Gadget, sans-serif; font-size:14px; } /* Fin du contenu du bloc fiches produits */ /*** FIN CONTENU ***/ /* ----------------------------- */ /* BLOC BAS / BLOC PROJET */ /* ----------------------------- */ /* Mise en forme du bloc bas */ #bloc_bas { width:760px; height:auto; float:left; margin-top:5px; margin-left:2px; overflow:hidden; } #bloc_bas_haut_gauche { width:5px; height:5px; float:left; background-image:url(images/design/bloc_haut_gauche.gif); overflow:hidden; } #bloc_bas_haut { width:750px; height:5px; float:left; background-image:url(images/design/bloc_haut.gif); overflow:hidden; } #bloc_bas_haut_droite { width:5px; height:5px; float:left; background-image:url(images/design/bloc_haut_droite.gif); overflow:hidden; } #bloc_bas_gauche { width:5px; height:72px; float:left; background-image:url(images/design/bloc_gauche.gif); } #bloc_bas_blanc { width:750px; height:72px; float:left; background-color:#FFF; } #bloc_bas_droite { width:5px; height:72px; float:left; background-image:url(images/design/bloc_droite.gif); } #bloc_bas_bas_gauche { width:5px; height:6px; float:left; background-image:url(images/design/bloc_bas_gauche.gif); overflow:hidden; } #bloc_bas_bas { width:750px; height:6px; float:left; background-image:url(images/design/bloc_bas.gif); overflow:hidden; } #bloc_bas_bas_droite { width:5px; height:6px; float:left; background-image:url(images/design/bloc_bas_droite.gif); overflow:hidden; } /* Fin de la mise en forme du bloc bas */ /* Contenu du bloc bas */ #bloc_bas a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; text-decoration:none; } #bloc_bas a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; text-decoration:none; } #bloc_bas_boutton_atea { width:84px; height:72px; float:left; text-align:center; margin-left:8px; overflow:hidden; display: inline; } #bloc_bas_boutton_produits { width:100px; height:72px; float:left; text-align:center; margin-left:10px; } #bloc_bas_boutton_catalogue { width:128px; height:72px; float:left; text-align:center; margin-left:16px; } #bloc_bas_boutton_telechargement { width:84px; height:72px; float:left; text-align:center; margin-left:16px; overflow:hidden; } #bloc_bas_boutton_english { width:84px; height:72px; float:left; text-align:center; margin-left:16px; overflow:hidden; } #bloc_bas_boutton_jazz { width:84px; height:72px; float:left; text-align:center; margin-left:16px; overflow:hidden; } #bloc_bas_boutton_email { width:84px; height:72px; float:left; text-align:center; margin-left:10px; overflow:hidden; } /* Fin du contenu du bloc bas */ /* Contenu du bloc projet */ #image_titre_projet { width:100px; height:70px; float:left; background-image:url(images/design/projet.gif); margin-left:20px; } #image_miniature_projet { width:auto; height:64px; float:left; margin-left:20px; margin-top:6px; } #image_miniature_projet img { margin-left:20px; } /* Fin du contenu du projet */ /*** FIN DU BLOC BAS / BLOC PROJET ***/ /* ----------------------------- */ /* PLAN DU SITE */ /* ----------------------------- */ /* Mise en forme du plan du site */ #plan_du_site { width:760px; height:auto; float:left; margin-top:5px; margin-left:2px; } #plan_du_site_haut_gauche { width:4px; height: 4px; float:left; background-image:url(images/design/plan_du_site_haut_gauche.gif); overflow:hidden; } #plan_du_site_haut { width:750px; height:4px; float:left; background-image:url(images/design/plan_du_site_haut.gif); overflow:hidden;} #plan_du_site_haut_droite { width:4px; height:4px; float:left; background-image:url(images/design/plan_du_site_haut_droite.gif); overflow:hidden; } #plan_du_site_gauche { width:4px; height:172px; float:left; background-image:url(images/design/plan_du_site_gauche.gif); } #plan_du_site_contenu { width:750px; height:172px; float:left; } #plan_du_site_droite { width:4px; height:172px; float:left; background-image:url(images/design/plan_du_site_droite.gif); } #plan_du_site_bas_gauche { width:4px; height:4px; float:left; background-image:url(images/design/plan_du_site_bas_gauche.gif); overflow:hidden; } #plan_du_site_bas { width:750px; height:4px; float:left; background-image:url(images/design/plan_du_site_bas.gif); overflow:hidden; } #plan_du_site_bas_droite { width:4px; height:4px; float:left; background-image:url(images/design/plan_du_site_bas_droite.gif); overflow:hidden; } /* Fin de la mise en forme du plan du site */ /* Contenu du plan du site */ ul { margin:0px; padding:0px; list-style-type:none; line-height:16px; } .plan_du_site_titre { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#666; font-weight:bold; } li a { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#888; text-decoration:none; } li a:hover { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#333; text-decoration:none; } #gamme_de_produits { width:149px; height:140px; float:left; margin-left:20px; margin-top:8px; display: inline; } #rubrique { width:138px; height:140px; float:left; margin-left:20px; margin-top:8px; } #telechargement { width:215px; height:140px; float:left; margin-left:20px; margin-top:8px; } #divers { width:162px; height:140px; float:left; margin-left:20px; margin-top:8px; } /* Fin du contenu du plan du site */ /*** FIN DU PLAN DU SITE ***/ /* ----------------------------- */ /* VALIDATION W3C */ /* ----------------------------- */ #valid { width:750px; height:40px; float:left; margin-top:5px; margin-bottom:10px;} #coordonnees { font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#888; text-align:center; text-decoration:none; margin-bottom:5px; overflow:hidden; } #coordonnees a { text-decoration:none; color:#888; } #valid_html a { width:80px; height:15px; margin-left:300px; float:left; background-image:url(images/design/valid-xhtml10.gif); overflow:hidden; } #valid_html a:hover { background-position: 0 -15px; } #valid_css a{ width:80px; height:15px; margin-left:10px; float:left; background-image:url(images/design/vcss.gif); overflow:hidden; } #valid_css a:hover { background-position: 0 -15px; } /*** FIN DE LA VALIDATION W3C ***/