/*---------------------------------------------------------------------
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
-------------------------------------------------------------------------
Copyright 2008 POINT WEB
type : screen
categorie : structure site
Auteur : Alexandre - Klair (intégration)
site : surtec-france
-------------------------------------------------------------------------*/
/*----------- DETECTION JS--------------------*/
#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/surtec_01.jpg) repeat-x left top #333; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px}
h1{ font-size:30px; font-weight:normal}
h2{ font-size:18px; font-weight:normal}
hr{ border-bottom:1px dashed #fff; border-top:1px solid #727272}

#global{ width:947px; margin:0 auto; position:relative }
#header{height:234px; }
#link{ position:absolute; right:22px; top:0}
#link a{ color:#fff; text-decoration:none}
#link a:hover{ text-decoration:underline}
#wrapper{ position:relative}
#gauche{ width:220px;}
#gauche li{ background:url(../images/surtec_05.jpg) no-repeat 15px top; width:162px; height:21px; display:block; list-style:none; margin-bottom:5px; padding:4px 0 0 40px}
#gauche a{ color:#fff; text-decoration:none; }
#gauche a:hover{ font-weight:bold}
#gauche div{ background:#333; margin:5px 0 0 15px; width:166px; padding:10px; font-size:11px; margin-bottom:20px}
#gauche span{ font-size:14px}
#gauche p{ background:#263d89; margin-left:15px; width:176px; padding:5px; height:35px; overflow:hidden}
#content{ position:absolute;  width:697px; padding:0 20px 30px 0}
#content li{ list-style:none; margin-left:20px}
#content a{ color: #0C6; text-decoration:none}
#content a:hover{ text-decoration:underline}
#content dl{ border-bottom:1px dashed #fff; margin-bottom:20px}
#content dt{font-weight:bold}
#content dt span{ font-weight:normal}
#content dd{ padding:5px}
#content dd a{ color:#fff; text-decoration:none}
#content dd a:hover{ text-decoration:underline}
#content table{ margin-bottom:20px}
#content table a{ color:#0099CC}
#content td{ padding:5px}
#search{ background:#141b32; width:180px; float:right; padding:5px; }
#accueil{ float:left}
#accueil div{ float:left; width:300px; height:400px; border-right:1px solid #ccc; margin:0 30px 40px 0; padding-right:20px}
#footer{ clear:both; background:#505050; padding:5px; color:#ccc; font-size:10px;}
#footer a{ color:#ccc; text-decoration:none}
#footer a:hover{ text-decoration:underline}
#footer span{ margin-left:310px}

.clear{ clear:both}

/*newsletter*/
#gauche div#newsletter{ background:url(../images/bg_newsletter.jpg) no-repeat left top; width:156px; height:25px; padding:18px 0 0 30px}
#gauche div#newsletter p{ background:none}

/*----------------------------------------------------------------------------Couleur Base produit--*/
.vert{ background:#007F3F; color:#fff; padding:5px}
.vertTable{ background:#9bd9ba; color:#333}
.marine{ background:#00007F; color:#fff; padding:5px}
.marineTable{ background:#bbbbd4; color:#333}
.jaune{ background:#FF7F00; color:#fff; padding:5px}
.jauneTable{ background:#f4b16e; color:#333}
.rose{ background:#E60073; color:#fff; padding:5px}
.roseTable{ background:#ea93be; color:#333}
.violet{ background:#9f58ba; color:#fff; padding:5px}
.violetTable{ background:#d9c4e1; color:#333}
.gris{ background:#88888B; color:#fff; padding:5px}
.grisTable{ background:#ccccce; color:#333}
.marron{ background:#B85A1E ; color:#fff; padding:5px}
.marronTable{ background:#e4a57c; color:#333}
.bleu{ background:#0087D4 ; color:#fff; padding:5px}
.bleuTable{ background:#86c7ec; color:#333}