/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2009 POINT WEB
type : screen
categorie : structure site
Auteur : KLR 
site : www.domcity-services-domicile69.fr
**************************************************************************/
*{ margin:0; padding:0; outline:none}
#jserror{ background:#FFFFCC; border:#FF0000 solid 1px; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left; }
#jserror dt{ font-weight:bold; }
/*************************************************************************/

body{ background:url(../images/dom%27city_01.jpg) repeat-x left top #2d1a06; font-family:Verdana, Geneva, sans-serif}
fieldset{ border:none; padding-top:20px}
fieldset legend{ color:#b5d600}
fieldset div label{ display:block; width:100px; float:left}
fieldset div input, fieldset div textarea{ width:219px; font-family:Arial, Helvetica, sans-serif; font-size:12px}


#global{ width:1000px; margin:0 auto}
#header{ padding-top:10px; height:112px}
#header h1{ display:block; background:url(../images/dom%27city_04.jpg) no-repeat left top; width:235px; padding:85px 0 0 20px }
#header h1 a{ font-size:16px; color:#f4f3b8; text-decoration:none}

#menu{ font-family:Arial, Helvetica, sans-serif; height:42px; padding-top:20px}
.lavaLamp { position: relative; height: 20px; width:1000px; overflow: hidden; z-index: 1;}
.lavaLamp li {float: left; list-style: none; margin-right:30px;}
.lavaLamp li.current {margin-left:30px;}
.lavaLamp li.back { background:#332415; width:9px; height:20px; z-index:8; position: absolute;  }
.lavaLamp li a {position: relative; overflow: hidden; text-decoration: none; font: normal 16px Lucida Grande,arial; color: #b5d600;  text-align:center; height: 20px; top:0; z-index: 100; padding:0 10px}

#wrapper{ float:left}
#gauche{ float:left; width:303px; background:url(../images/dom%27city_20.jpg) no-repeat left bottom; padding:52px 0 260px 0; }
#gauche a{ display:block; height:29px; width:287px; font-size:12px; color:#bacf03; text-decoration:none; margin-bottom:10px; padding:30px 0 0 10px}
#gauche a:hover{ color:#fff}
#job{ background:url(../images/dom%27city_13.jpg) no-repeat left top}
#mess{ background:url(../images/dom%27city_17.jpg) no-repeat left top}

#content{ float:left; background:url(../images/dom%27city_10.jpg) no-repeat left top #463526; width:627px; margin-left:70px}
#content h2{ display:block; height:39px; font-size:16px; color:#aca588; font-weight:normal; padding:13px 0 0 20px}
#content div{ margin:0 20px; font-family:Arial, Helvetica, sans-serif; color:#d7d5a0; font-size:12px}
#content a{ color:#b5d600; text-decoration:none}
#content a:hover{ color:#fff}
#content li{ list-style:none}
#content span.accroche{ display:block; text-align:center; border-bottom:1px dashed #271605; border-top:1px dashed #271605; padding:20px 0}
#content strong{ color:#fff}

#footer{ clear:both; font-size:11px; color:#74573e; padding-top:20px}
#footer span{ margin-left:440px}
#footer a{ color:#74573e; text-decoration:none}
#footer a:hover{ color:#bacf03}