@charset "utf-8"; /* CSS Document */ /* ---------- LAYOUT principal -------------------------------------------------------- */ *{padding:0px; margin:0px;} body{background-color: #30291F; background-image:url(images/tileBG512x512.jpg);} .main{/*margin: 0 auto;width:1024px;padding-top: 25px;*/} .entete{display:block;height:164px;width:1024px;} .imgHeader1{float:left;width:469px;} .imgHeader2{float:left;width:390px;} .imgHeader3{float:left;width:165px;} .footer{width:1024px;height:20px;} footer_left{width:687px;height:20px;} footer_copy{width:337px;height:20px;} .ssmenu{ display:block; width:1024px;height:126px;background:url(images/ssm_gal_fond.jpg) no-repeat;} .ssmenu2{display:block; width:1024px;height:126px;background:url(images/img_ssmenu/ssm_dl2.jpg) no-repeat;} td{color:#30291F;} .dl_ssm{float:left;width:428px;} html>body div.bas{display:block;width:1024px;height:433px;background:url(images/bg_blank_04.jpg) no-repeat;} * html .bas{display:block;width:1024px;height:433px;background:url(images/bg_blank_04.jpg) no-repeat;margin-top:-4px;} html>body div.basbb{display:block;width:1024px;height:559px;background:url(images/bg_blank_02.jpg) no-repeat;} * html .basbb{display:block;width:1024px;height:559px;background:url(images/bg_blank_02.jpg) no-repeat;margin-top:-4px;} html>body div.dl{display:block;width:1024px;height:433px;background:url(images/bg_dl.jpg) no-repeat;} * html .dl{display:block;width:1024px;height:433px;background:url(images/bg_dl.jpg) no-repeat;margin-top:-4px;} html>body div.basbblo{display:block;width:1024px;height:559px;background:url(images/blog_bg.jpg) no-repeat;} * html .basbb{display:block;width:1024px;height:559px;background:url(images/blog_bg.jpg) no-repeat;margin-top:-4px;} html>body .basL{display:block;width:1024px;height:559px;background:url(images/corps_links.jpg) no-repeat;} * html .basL{display:block;width:1024px;height:559px;background:url(images/corps_links.jpg) no-repeat;margin-top:-4px;} html>body .basacc{display:block;width:1024px;height:559px;background:url(images/accueil.jpg) no-repeat;} * html .basacc{display:block;width:1024px;height:559px;background:url(images/accueil.jpg) no-repeat;margin-top:-4px;} html>body .bas3{display:block;width:1024px;height:559px;background:url(images/corps_contact.jpg) no-repeat;} * html .bas3{display:block;width:1024px;height:559px;background:url(images/corps_contact.jpg) no-repeat;margin-top:-4px;} /* ---------- INSERTION DU TEXTE in .bas ---------------------------------------------- */ #texte {width:550px;height:500px;position:absolute;overflow:auto;margin: 75px 0px 25px 342px; } #texte2{width:570px;height:500px;position:absolute;overflow:auto;margin:207px 0px 25px 342px; } p, h1, h2, h3, h4, h5, h6{margin:4px 3px 8px 3px; color:#4a453b;} /* ---------- DEFINITION DES MENUS ---------------------------------------------------- */ #gallery {width:1024px;height:25px;} #gallery div.off {float:left;cursor:pointer;position:relative;z-index:20;} #gallery div.on { float:left;cursor:pointer;position:relative;z-index:100;} div.hide {display:none; overflow:hidden;} div.show {clear:left;width:1024px;position:relative; z-index:50;} .clear {clear:both;} #gauche{background:url(images/img_main_menu/ssm_left.jpg) no-repeat; float:left;} div.appel{display:block;width:136px;height:126px;float:left;/margin-top:-4px;} /* pour cette &#!}: d'IE */ ul.appel{width:136px;/margin-top:-7px;position:relative} /* pour cette &#!}: d'IE */ ul.appel li{list-style-type:none;line-height:0px;} ul.appel li{/margin-top:-4px;} /* pour cette &#!}: d'IE */ div.bou{width:174px;height:126px;} div.bou, img{overflow:hidden;} /* ---------- DEBUT ROLLOVERS CSS du menu principal ----------------------------------- */ /* ========== Pour tous les menus de la page ========================================== */ a, img{text-decoration:none;border:0 solid;outline:none;display:block;} a:hover{visibility:visible;} a:hover img {visibility: hidden;} a.wactive{padding:0px;} .entete a:hover img{visibility: visible;} a.thickbox:hover img {visibility: visible;} #texte a { display:inline; color:navy;} #texte2 a { display:inline; color:navy;} /* ==================================================================================== */ /* --- Barre de navigation -------- */ a.gal { width:163px;background-image:url(images/img_main_menu/btn_gallery_on.jpg);} a.gal2 {width:163px;background-image:url(images/img_main_menu/btn_gallery2_on.jpg);} a.bio { width: 80px;background-image:url(images/img_main_menu/btn_bio_on.jpg); } a.blog{ width:100px;background-image:url(images/img_main_menu/btn_blog_on.jpg); } a.links{width:100px;background-image:url(images/img_main_menu/btn_links_on.jpg); } a.cont {width:275px;background-image:url(images/img_main_menu/btn_contact_on.jpg) } /* --- ss menu illustrations ------ */ #ill{width:136px;background-image:url(images/img_ssmenu/ssm_gal_ill_on.jpg); } #des{width:136px;background-image:url(images/img_ssmenu/ssm_gal_des_on.jpg); } #aw{ width:136px;background-image:url(images/img_ssmenu/ssm_gal_aw_on.jpg); } #dl{ width:136px;background-image:url(images/img_ssmenu/ssm_gal_dl_on.jpg); } /* --- ss menu illustrations ------ */ #ill1{display:block;height:32px;background-image:url(images/ssmenu1_ill/ssm_gal_ill1_on.jpg); } #ill2{display:block;height:26px;background-image:url(images/ssmenu1_ill/ssm_gal_ill2_on.jpg); } #ill3{display:block;height:19px;background-image:url(images/ssmenu1_ill/ssm_gal_ill3_on.jpg); } #ill4{display:block;height:49px;background-image:url(images/ssmenu1_ill/ssm_gal_ill4_on.jpg); } /* --- ss menu design ------------- */ #des1{display:block;height:19px;background-image:url(images/ssmenu2_des/ssm_gal_des1_on.jpg); } #des2{display:block;height:58px;background-image:url(images/ssmenu2_des/ssm_gal_des2_on.jpg); } #des3{display:block;height:18px;background-image:url(images/ssmenu2_des/ssm_gal_des3_on.jpg); } #des4{display:block;height:31px;background-image:url(images/ssmenu2_des/ssm_gal_des4_on.jpg); } /* --- ss menu art works ---------- */ #aw1{display:block;height:25px;background-image:url(images/ssmenu3_aw/ssm_gal_aw1_on.jpg); } #aw2{display:block;height:25px;background-image:url(images/ssmenu3_aw/ssm_gal_aw2_on.jpg); } #aw3{display:block;height:20px;background-image:url(images/ssmenu3_aw/ssm_gal_aw3_on.jpg); } #aw4{display:block;height:56px;background-image:url(images/ssmenu3_aw/ssm_gal_aw4_on.jpg); } /* --- ss menu download ----------- */ /* ---------- CONTAINER IMPORT GALLERIES ---------------------------------------------- */ /* ==================================================================================== */ #importGal{width:595px;height:420px;position:absolute;overflow:auto;margin:10px 0px 25px 420px;} #importGal img{border:2px solid #4a453b;}