* { margin:0; padding:0; } html{ height:100%; } body { background:#491617 url(../safi/intro-bg.png) no-repeat 50% 50%; height:100%; font-family:Arial, Helvetica, sans-serif; } a { outline:none; } #intro { position:absolute; width:100%; height:170px; top:50%; margin-top:-85px; left:0; border-bottom:3px solid #A2C545; background:#3D0E10; } #intro .inner { position:relative; width:800px; margin:0 auto; } #intro .inner h1 { position:absolute; background:url(../safi/intro-logo.png); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/safi/intro-logo.png', sizingMethod='noscale'); width:221px; height:99px; top:-73px; right:115px; text-indent:-5000px; overflow:hidden; } #intro .inner h1 a { position:absolute; top:0; left:0; width:221px; height:99px; cursor:pointer; } #intro .inner h2 { display:none; } #intro .inner .anim { position:absolute; top:0; left:0; height:170px; width:567px; background:#A2C545; } #intro .inner .anim a { display:block; color:#560F0C; font-size:11px; text-decoration:none; text-align:right; text-transform:uppercase; padding:5px 10px; } #intro .inner .menu { position:absolute; background:url(../safi/frise.jpg) no-repeat; top:0; right:115px; width:570px; height:170px; } #intro .inner .menu a { overflow:hidden; text-indent:-5000px; } #intro .inner .menu a.soins, #intro .inner .menu a.essentiels, #intro .inner .menu a.homme, #intro .inner .menu a.boutique, #intro .inner .menu a.philo { position:absolute; bottom:0; width:113px; height:29px; } #intro .inner .menu a.soins { background:#B6D88A url(../safi/intro-soins.png) no-repeat 50% 50%; left:0; } #intro .inner .menu a.essentiels { background:#97CA58 url(../safi/intro-essentiel.png) no-repeat 50% 50%; left:113px; width:114px; } #intro .inner .menu a.homme { background:#B6D88A url(../safi/intro-homme.png) no-repeat 50% 50%; left:227px; width:114px; } #intro .inner .menu a.boutique { background:#97CA58 url(../safi/intro-boutique.png) no-repeat 50% 50%; left:340px; width:115px; } #intro .inner .menu a.philo { background:#5A1211 url(../safi/intro-philo.png) no-repeat 50% 50%; left:454px; } #intro .inner .menu a.franchise, #intro .inner .menu a.chezVous, #intro .inner .menu a.contact { position:absolute; right:3px; width:93px; height:12px; } #intro .inner .menu a.franchise { background:#3D0E10 url(../safi/intro-franchise.png) no-repeat; top:50px; } #intro .inner .menu a.chezVous { background:#3D0E10 url(../safi/intro-chez-vous.png) no-repeat; top:70px; } #intro .inner .menu a.contact { background:#3D0E10 url(../safi/intro-contact.png) no-repeat; top:90px; } .actu { display:block; position:absolute; top:175px; left:115px; width:567px; padding-bottom:35px; } .actu .rss { position:absolute; width:16px; height:16px; background:url(../safi/rss.gif) no-repeat 50% 50%; top:5px; right:5px; text-indent:-200px; overflow:hidden; } .actu .all { display:block; position:relative; background:#3D0E10; color:#FFF; font-weight:bold; font-size:11px; text-decoration:none; line-height:25px; text-indent:20px; } .actu .all:hover { text-decoration:underline; } .actu li { list-style-type:none; font-weight:bold; font-size:11px; color:#FFF; margin:15px 0 0 0; } .actu li a { color:#98CB59; font-size:12px; text-transform:uppercase; } .actu li p { margin:5px 20px; font-weight:normal; text-align:justify; }