body * { background-color:transparent; position:relative; } body, input, textarea { background-color:#fefcdb; margin:0; padding:0; border:0; font-family:arial,verdana,sans-serif; color:#6d6c61; font-weight:normal; font-size:100%; } a { color:#0694f1; text-decoration:underline; } a:hover { } body div.clearer { margin:0; padding:0; border:0; height:1px; clear:both; } strong { color:#4f4d46; } body { background:url("/images/bg.gif") repeat fixed; text-align:center; } div#site { margin:0 auto; padding:0; border:0; width:960px; text-align:left; } div#header { background:url("/images/header.gif") no-repeat; width:100%; height:338px; } div#header strong a { position:absolute; top:60px; left:40px; display:block; overflow:hidden; width:260px; height:0px; padding-top:230px; } div#header span { position:absolute; overflow:hidden; height:0px; } div#header a#header-adresse { position:absolute; top:150px; left:490px; display:block; overflow:hidden; width:320px; height:0px; padding-top:30px; } div#header a#header-contact { position:absolute; top:215px; left:530px; display:block; overflow:hidden; width:230px; height:0px; padding-top:30px; } ul#nav { position:absolute; top:297px; left:60px; display:block; width:550px; height:37px; padding:0; margin:0; border:0; list-style-type:none; } ul#nav li { position:absolute; top:0px; display:block; overflow:hidden; height:37px; margin:0; padding:0; border:0; } ul#nav li a { display:block; width:100%; height:100%; text-indent:-10000px; overflow:hidden; } ul#nav li#nav-accueil { left:0px; width:90px; } ul#nav li#nav-profil { left:115px; width:65px; } ul#nav li#nav-portfolio { left:205px; width:95px; } ul#nav li#nav-services { left:330px; width:90px; } ul#nav li#nav-contact { left:460px; width:80px; } div.main { background:url("/images/site.gif") repeat-y; padding:1em 80px 1em 100px; font-size:0.9em; } div.main h1 { margin:0.5em 0 0.5em -0.5em; font-size:2.5em; font-weight:bold; color:#03c302; } div.main h2 { margin:2em 0 0 0; font-size:1.3em; font-weight:bold; } div.main h3 { margin:1em 0 0 0; font-size:1.1em; font-weight:bold; } div.main p { margin:0.5em 0; } div#copyrights { display:block; clear:both; margin:10em 0 0 0; font-size:0.8em; text-align:right; } div#profil img { float:right; margin:-5em 0 5em 3em; } div#portfolio ul { list-style:none; display:block; margin:1em 0; padding:0; } div#portfolio ul li { float:left; padding:0; margin:1em 2.5em 1em 0; border:0; } div#portfolio ul li a { background-repeat:no-repeat; overflow:hidden; display:block; width:150px; height:0; padding:150px 0 0 0; margin:0; border:#000 2px solid; -moz-border-radius:5px;-webkit-border-radius:5px; } div#services h2 { color:#03c302; } div#contact h3 { margin-left:1em; } div#contact p { margin-left:1.2em; } div#contact form { margin:-1em 0 0 1em; } div#contact form fieldset{ border:0; } div#contact form legend{ display:none; } div#contact label { display:block; margin:1em 0 0 0; } div#contact input, div#contact textarea { width:25em; display:block; background-color:#fff; padding:0.3em 0.3em; border:1px solid #cfcec0; color:#000; } div#contact input.focus, div#contact textarea.focus { border-color:#000; } div#contact textarea { width:40em; } div#contact input#submit { width:10em; background:#cfcec0 url(); margin:2em 0 0 0; color:#6d6c61; cursor:pointer; } div#contact div#sending { margin:1em 0 0 1em; padding:1em; width:25em; border:1px solid #939183; color:#939183; background-color:#ebe9d1; }