/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2009 POINT WEB
type : screen
categorie : structure site
Auteur : 
site : 
**************************************************************************/

*{ margin:0; padding:0; outline:none}
/*fix bug navigateur*/
.myhr{ clear:both; height:0; overflow:hidden; visibility:hidden; }

/************* DETECTION JS **************/
#jserror{ background:#FFFFCC; border:#FF0000 solid 1px; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left; }
#jserror dt{ font-weight:bold; }

/******************************< GENERAL >**********************************/
body{ background:url(../images/bg_body.jpg) #e9e1d8 repeat-x left top; font-family:Verdana, Geneva, sans-serif; }
p{ font-size:12px; color:#330000; }

a{ color:#330000}
a img{ border:none}
#content li{ background:url(../images/fleche.png) no-repeat left top; list-style-type:none;  padding:0 0 0 15px; font-size:12px; line-height:18px}
/******************************< GLOBAL >**********************************/
#global{ width:955px; margin:0 auto}

/******************************< HEADER >**********************************/
#header{ background:url(../images/bg_header.jpg) no-repeat left top; width:955px; height:289px; float:left}
#coordonnees{ float:left; background:url(../images/coordonnees.png) no-repeat left top; width:134px; height:43px; margin:10px 0 0 320px}
h1{ background:url(../images/logo.png) no-repeat left top; width:411px; height:65px; text-indent:-9999px; font-size:0px; margin-left:35px; float:left}


/******************************< WRAPPER >**********************************/
#wrapper{ padding:35px 30px 0 30px; clear:both}
#texte_accueil{ width:630px;}
#blocks_accueil{ margin-top:20px}
#block_produit_accueil_vert{ width:245px; background:#fff; border:solid 1px #638c21; padding:14px 10px 9px 12px;  float:left; margin-right:18px}
#block_produit_accueil_vert dt{ text-align:center; font-size:12px; color:#638c21; font-weight:bold; margin:0 0 15px 0}
h2{ display:block; text-indent:-9999px; font-size:0px; margin-bottom:21px}
#block_produit_accueil_orange{ width:245px; background:#fff; border:solid 1px #ff9836; padding:14px 10px 9px 12px;  float:left; margin-right:18px;}
#block_produit_accueil_orange dt{ text-align:center; font-size:12px; color:#ff9836; font-weight:bold; margin:0 0 15px 0}
#block_produit_accueil_bleu{width:245px; background:#fff; border:solid 1px #4ab6d8; padding:14px 10px 9px 12px; float:left;}
#block_produit_accueil_bleu dt{ text-align:center; font-size:12px; color:#4ab6d8; font-weight:bold; margin:0 0 15px 0}
#partenaires{ border:solid 1px #330000; padding:10px; background:#fff; float:left; margin-bottom:15px; background:#fff}
#partenaires dt{ font-size:12px; font-weight:bold; margin-bottom:8px;}
#partenaires .description_partenaires{ font-size:11px; color:#330000; float:left; margin-bottom:8px; float:left; width:600px; margin-left:15px}
#partenaires .lien{ font-size:11px; float:left; width:600px;margin-left:15px}
#partenaires .image{ float:left; width:103px; height:87px;}
#astuces{ width:390px; border: 1px solid #ccc; padding:10px; float:left; margin:0 10px 10px 0}
#astuces dt{ font-size:12px; color:#6d9430; font-weight:bold; margin-bottom:8px; background:url(../images/cat_fleches.png) no-repeat left top; padding:0 0 0 15px;}
#astuces .description{ font-size:11px; color:#330000; float:left; width:265px; margin-left:10px; text-align:justify}
#astuces .image{ float:left; width:103px; height:87px;}
h2#titre_accueil{ background:url(../images/titre_accueil.png) no-repeat left top; width:258px; height:11px; }
h2#titre_accessoires{ background:url(../images/titre_catalogue.png) no-repeat left top; width:320px; height:14px;}
h2#titre_contact{ background:url(../images/titre_contact.png) no-repeat left top; width:158px; height:11px;}
h2#titre_commander{ background:url(../images/titre_commander.png) no-repeat left top; width:237px; height:11px;}
h2#titre_astuces{ background:url(../images/titre_trucs.png) no-repeat left top; width:280px; height:14px;}
h2#titre_produits{ background:url(../images/titre_produits.png) no-repeat left top; width:269px; height:14px;}
h2#titre_catalogue{ background:url(../images/titre_catalogue.png) no-repeat left top; width:325px; height:14px;}
h2#titre_partenaires{ background:url(../images/titre_partenaires.png) no-repeat left top; width:159px; height:14px}
h2#titre_mentions{ background:url(../images/titre_mentions.png) no-repeat left top; width:165px; height:14px;}
h2#titre_merci{ background:url(../images/titre_merci.png) no-repeat left top; width:53px; height:11px;}


/*comment commander*/
#commande div{ height:126px; padding-top:160px}
#commande p{ color:#4f3520; font-size:11px; text-align:center;}
#commande a{ color:#4f3520}
#etape1{ background:url(../images/bg_etape1.jpg) no-repeat left top; width:180px; float:left; padding:0 0 0 0}
#etape2{ background:url(../images/bg_etape2.jpg) no-repeat left top; width:183px; float:left}
#etape3{ background:url(../images/bg_etape3.jpg) no-repeat left top; width:166px; float:left}
#etape4{ background:url(../images/bg_etape4.jpg) no-repeat left top; width:190px; float:left}
#etape5{ background:url(../images/bg_etape5.jpg) no-repeat left top; width:174px; float:left}
/*******jgallerific*****/
#thumbs li{background:none; list-style-type:none;  padding:0 0 0 0; }
#blockleft{ float:left; width:300px; margin:23px 50px 0 0}
#blockright{ float:left; width:480px; }
#list-diapo{ border-bottom: solid 1px #cccccc; margin-bottom:8px; padding:8px; background:#fff; float:left; width:300px}
#list-diapo .categorie{ font-weight:bold; color:#669933; float:left; width:240px; margin-top:8px; background:url(../images/cat_fleches.png) no-repeat left top; padding:0 0 0 15px;}
#list-diapo a{ float:left; width:35px; display:block}
#caption{ margin-bottom:15px; width:480px;}

/******************************< FOOTER >**********************************/
#footer{ background:url(../images/bg_footer.png) no-repeat left top; width:860px; height:79px; padding:65px 45px 0 20px; margin-left:25px}
#footer_top p{ font-size:10px; color:#330000}
#footer_top a{ color:#330000; text-decoration:none}
#footer_top a:hover{ text-decoration:underline}
#footer_bottom ul{ margin:5px 0 0 100px}
#footer_bottom ul li{ list-style-type:none; float:left; font-size:10px; }
#footer_bottom a{ text-decoration:none; color:#330000}
#footer_bottom a:hover{ text-decoration:underline}
#footer_bottom h3{ font-weight:normal; font-size:10px}

/*class*/
.left{ float:left}
.right{ float:right}
.btn_pdf{ background:url(../images/ico_pdf.png) no-repeat left top; padding:6px 0 0 35px; height:25px}
.btn_pdf a{ color:#F00 }
.marge{ margin:10px 0 0 20px}
.fleche{ background:url(../images/fleche.png) no-repeat left top; padding:0 0 0 15px}
.description{ color:#666666; font-size:11px; margin-bottom:15px;  }
.description p{ color:#666666; font-size:11px;}
.titre_description{ font-weight:bold; font-size:11px; color:#666666}
.image{ height:117px; margin-bottom:10px; text-align:center}
.sous_titre{ font-size:13px; font-weight:bold; color:#ff9128; margin-bottom:20px; background:url(../images/cat.png) no-repeat left top; padding-left:25px}
#espace_bas_liste li{ margin-bottom:5px}