/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2008 POINT WEB
type : screen
categorie : structure site
Auteur : Klair
site : lallier-espacesverts-fr
**************************************************************************/
#jserror{ background:#FFFFCC; border:#FF0000; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left; }
#jserror dt{ font-weight:bold; }
*{ margin:0; padding:0; }
/**************************************************************************/

body{ background:url(../images/lallier-espacesverts_04.jpg) repeat-x left top #666; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ccc}
hr{ border-bottom:1px dashed #fff; border-top:1px solid #666; border-left:none; border-right:none}

#global{ width:1000px; margin:0 auto; position:relative}
#header div{ background:url(../images/lallier-espacesverts_06.jpg) no-repeat left top; height:23px; width:112px}
#header a{ color:#fff; text-decoration:none; display:block; padding:5px 0 0 7px}
#header a:hover{ text-decoration:underline}
#wrapper{ background:url(../images/wrapper_18.jpg) repeat-y left top; float:left}


#menu{margin-left:35px}
#menu ul{ float:left; margin-right:35px }
#menu li{ list-style:none; margin:7px 0 14px 0}
#menu li a{ color:#000; text-decoration:none; font-size:11px}
#txt_actu{ background:#333; width:317px; float:left; padding:10px }
#txt_actu img{ float:left; width:121px;}
#txt_actu dl{ float:left; width:166px; margin-left:20px}
#txt_actu dt{ color:#fff}
#txt_actu dd a{ color:#87bf80; text-align:right; display:block}
#txt_actu hr{border-top:1px dashed #fff; border-right:none; border-left:none; border-bottom:1px solid #333; margin:5px 0 }
#txt_contact{ background:#b7b7b7; width:317px; padding:10px; color:#333}


#content{float:left; width:570px; padding:50px 20px 0 70px}
#content a{ color:#fff; text-decoration:none}
#content a:hover{ text-decoration:underline}
#produit{ float:left;border:1px solid #333; margin-bottom:10px}
#produit img{ float:left; width:150px;}
#produit dl{ float:left; width:370px;  }
#produit dt{ background:#333; padding-left:5px}
#produit dd{ padding:10px}
#txt{ margin:20px 0}


#footer{ text-align:right; color:#333; padding-right:20px; clear:both; background:url(../images/wrapper_18.jpg) repeat-y left top;  }
#footer a{ color:#333; text-decoration:none}
#footer a:hover{ text-decoration:underline}
#footer span{ margin-left:100px}


#compteur-pages{float:left;  width:520px; margin-bottom:40px}
#compteur-pages div{float:left}
#compteur-page1{text-align:left; width:22px}
#compteur-page1 img{border:1px solid #fff}
#compteur-page2{text-align:center; width:475px}
#compteur-page2 a{ color:#fff; text-decoration:none; display:block; height:17px; width:22px; border:1px solid #fff; padding-top:3px; margin:0 2px; float:left}
#compteur-page2 a:hover{ background:#fff; color:#333; text-decoration:none}
#compteur-page3{text-align:right;width:22px}
#compteur-page3 img{border:1px solid #fff}


#onglet1, #onglet2 {
	cursor:pointer;
}

#diapo {
border:1px solid #ccc;
}