/* */ /* ASPECT GRAPHIQUE */ * { margin:0; } HTML { font-size: 100%; margin: 0 0 1px 0; height: 100%; } body { font: 12px /1.2em Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight: lighter; color:#999999; background:#2b2620 url(_IMG/BG_5.jpg) no-repeat fixed center top; height: 100%; } #header {display:block; position:fixed; width:100%; height:118px; } #wrapper {display:block; width:800px; margin: 0 auto 0 auto; text-align:left; position: static; z-index:-1;} #right { display:block; float:right; margin-top:118px; width:480px; } #left { display:block; float:left; position: fixed; top:120px; width:270px; } #menu {} ul { list-style:none; padding: 0; } li { list-style:none; padding: 0; } /*- TITLE ------------------------------*/ h1, h2, h3, h4, h5, h6 { clear:both; margin: 0; padding: 0; } h1 { font: 1.9em Georgia, "Times New Roman", Times, serif; color:#333333; margin-bottom:10px; padding: 0 0 0 3px; } h2 { margin:0; padding: 0 0 5px 0; border:none; line-height: 1.1em; font-size:21px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#333333; } h3 { font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:1em; text-transform:uppercase; color:#004633; margin:0 0 10px 0; } h4 { color:#333333;} /**/ a:link, a:visited { color: #2b555e; text-decoration: none;} a:hover { color: #adb0b0;} /*- PRINCIPAUX ------------------------------*/ hr {}/* use class "line" inside */ .line { clear:both; display:block; height: 1px; background: url(../_IMG/bgHR.gif) repeat-x; margin:0 0 15px 0;} /**/.line.last { margin:5px 0 0 0;} p { margin: 0; padding: 0;} ul { margin: 0; padding: 0;} ul li { margin: 0;} input, select, textarea { font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif; color: #2b555e;} img { border: 0;} /*- CONTENT ------------------------------*/ /* Header */ #Bhome { display: block; position: absolute; width: 300px; height: 65px; margin-top: 20px; text-indent:-900px; font-size:1px;} #ie6 { display: block; position: absolute; margin: 0 auto 0 auto; width: 100%; height: 20px; color:#c92e6f; } /* RIGHT */ #right p { padding:0px; margin:0 0 15px; } #right p img { padding:5px; margin:5px 0 5px; } #right p img.top { background: url(_IMG/BGtop.png) no-repeat 0 0; padding:10px; } #right p img.web { background: url(_IMG/BGweb.png) no-repeat 0 0;} #right p img.square { border: 1px solid #333; background: #655c54;} div.shadow { background: #b4afa3; padding: 0 1px; border-left: 1px solid #dcd7c8; border-right: 1px solid #dcd7c8;} div.bottomleft { width: 4px; height: 4px; background: url(_IMG/shad_blcorner.png) no-repeat bottom left; position: absolute; bottom: 0px; left: -1px;} div.bottomright { width: 4px; height: 4px; background: url(_IMG/shad_brcorner.png) no-repeat bottom right; position: absolute; bottom: 0px; right: -1px; } div.topleft { width: 2px; height: 4px; background: url(shad_tlcorner.png) no-repeat top left; position: absolute; top: 0px; left: -1px;} div.topright { width: 2px; height: 4px; background: url(shad_ttcorner.png) no-repeat top right; position: absolute; top: 0px; right: -1px;} #right a { padding:3px 5px 3px 5px; background-color:#312b26; } #right a:hover { color:#312b26; background-color:#2b555e; } #right em { display:block; width:450px; margin:10px 5px 0 0; padding:5px; color:#2b555e;} /* BOOK */ #right .postBG { display:block; width:462px; height:213px; padding: 5px; background: url(_IMG/BGtop.png) no-repeat 0 0;} #right .post { display:block; width:452px; height:203px; margin:0 0 10px; border: solid 5px #655c54; } #right .post a { display:block; width:452px; height:203px; padding:0; background:none; text-indent:-9000px; font-size:1px; } #right .post a:hover { display:block; width:442px; height:193px; background: url(_IMG/bg_vu.png) repeat; padding:5px; font-size:12px; color: #312b26; text-indent:0; } #right .post a:visited { background: url(_IMG/bg_vu.png) repeat; } /* ABOUT */ #about #left .skill { display:block; width:164px; height: 37px; color:#423c35; text-indent:9000px; font-size:1px; background: url(_IMG/skill.png) no-repeat; margin-bottom: 4px;} #about #left ul.skillUL { display:block; width:270px; height: 130px; margin-bottom:0; color:#666; } #about #left li { display:block; clear:both; float:right; display:block;} #about #left .logos { display:block; float:right; width:114px; height:309px; color:#423c35; text-indent:-9000px; font-size:1px; background: url(_IMG/logos.jpg) no-repeat; margin-bottom: 4px;} /* sidebar LEFT */ #left { text-align:right;} #left .back a:link, #left .back a:visited { font-size:18px; font-weight:lighter; color:#2f7185; padding:3px 5px 3px 5px; background-color:#312b26;} #left .back a:hover { font-size:18px; font-weight:lighter; color:#312b26; background-color:#2b555e;} #left p { margin:12px 0 3px 0;} /*menu*/ #left ul { display:block; width:270px; height:156px; margin-bottom:20px; } #left li { display:block; clear:both; float:right; display:block;} #navbar a { display:block; text-indent:9000px; color: #2b2620; font-size: 1px; background-repeat: no-repeat;} li.about a { background: url(_IMG/menu2.jpg) -25px -5px no-repeat; width: 107px; height:39px; margin-bottom:4px; } #about li.about a, li.about a:hover { background: url(_IMG/menu2.jpg) -207px -5px;} li.book a { background: url(_IMG/menu2.jpg) 2px -48px no-repeat; width: 133px; height:41px; margin-bottom:4px; } #book li.book a, li.book a:hover { background: url(_IMG/menu2.jpg) -180px -48px; } li.menuligne { height:15px; background: url(_IMG/menu2.jpg) 2px -93px no-repeat; width: 133px; margin-bottom:0;} li.contact a { background: url(_IMG/menu2.jpg) -25px -109px no-repeat; width: 107px; height:39px; } #contact li.contact a, li.contact a:hover { background: url(_IMG/menu2.jpg) -207px -109px;} #left .SIDpostBG { display:block; float:right; padding: 5px; margin:0 0 10px; background: url(_IMG/BGsid.png) no-repeat 0 0; } #left .SIDpost { display:block; float:right; width:260px; height:104px; border: solid 5px #312b26; background:-5px -5px; text-align:left; } #left .SIDpost a { display:block; width:260px; height:104px; background:none; text-indent:-9000px; font-size:1px; } #left .SIDpost a:hover { display:block; width:250px; height:94px; padding:5px; background: url(_IMG/bg_vu.png) repeat; text-indent:0; font-size:12px; color: #312b26; } #left .SIDpost a:visited{ background: url(_IMG/bg_vu.png) repeat;} /* Bottom */ #footer { display:block; clear:both; float:right; width:100%; font-size: 10px; color:#666666; } #footer a { font-size: 10px; color:#666666; } #bottom { display:block; width:800px; margin:10px auto 0 auto; padding-bottom:15px; color:#666666; text-align:right;} #bottom .postmetadata { } #bottom .footerLEFT { } #bottom .footerRIGHT { margin-left: 28px; }