/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2010 POINT WEB
type : screen
categorie : structure site
Auteur : delf'
site : mistralproduction-maquettes-bateaux.com
**************************************************************************/

*{ margin:0; padding:0; outline:none}
.myhr{ clear:both; height:0; overflow:hidden; visibility:hidden; }
#jserror{ background:#FFFFCC; border:#FF0000 solid 1px; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left; }
#jserror dt{ font-weight:bold; }
body{ font-family:Verdana, Geneva, sans-serif; background:url(../images/bg_body.jpg) repeat-x left top; }
#global{ width:995px; margin:0 auto}
hr{ border-bottom:none; border-left:none; border-rigth:none; color:#115883}
a img{ border:none}

/*-----------------------------------< HEADER >----------------------------------------*/
#header{ width:995px; height:527px; position:relative}

/*---------------< header top >------------------*/
#header_top{ width:995px; height:92px;}
h1 a{ background:url(../images/logo.jpg) no-repeat left top; width:340px; height:92px; display:block; float:left; text-indent:-9999px;}
#menu{ float:left; width:635px; height:35px; padding:57px 0 0 20px}
#menu  h2{background:#fff; height:100px; margin-top:32px;}
#menu li{ float:left; list-style-type:none; position:relative; height:36px; overflow:hidden}
#menu a{ display:block; height:35px; text-indent:-9999px;  position:absolute; top:0; left:0;}
#sousmenu{ list-style-type:none}
#btn_accueil a{ background:url(../images/btn_accueil.png) no-repeat left top; width:109px; }
#btn_accueil a:hover{ background:url(../images/btn_accueil.png) no-repeat left bottom; }
#btn_accueil h2{ width:80px;  margin-left:10px; margin-right:16px}
#btn_catalogue a{ background:url(../images/btn_catalogue.png) no-repeat left top; width:132px;}
#btn_catalogue a:hover{ background:url(../images/btn_catalogue.png) no-repeat left bottom;}
#btn_catalogue h2{ width:102px; margin-left:18px; margin-right:12px;}
#btn_distributeur a{ background:url(../images/btn_distributeur.png) no-repeat left top; width:124px}
#btn_distributeur a:hover{ background:url(../images/btn_distributeur.png) no-repeat left bottom;}
#btn_distributeur h2{ width:96px; margin-left:14px; margin-right:14px;}
#btn_partenaires a{ background:url(../images/btn_partenaires.png) no-repeat left top; width:128px}
#btn_partenaires a:hover{ background:url(../images/btn_partenaires.png) no-repeat left bottom;}
#btn_partenaires h2{ width:100px; margin-left:16px; margin-right:12px}
#btn_contact a{ background:url(../images/btn_contact.png) no-repeat left top; width:142px;}
#btn_contact a:hover{ background:url(../images/btn_contact.png) no-repeat left bottom;}
#btn_contact h2{ width:77px; margin-left:21px; }
#sousmenu{ background:url(../images/bg_sous_menu.jpg) no-repeat left top; width:204px; height:182px; position:absolute; top:92px; left:484px; padding:12px 0 0 15px; display:none}
#sousmenu li{ list-style-type:none; height:31px; background:url(../images/fleche_sousmenu.jpg) no-repeat left top; padding-left:20px}
#sousmenu a{ font-size:11px; color:#002c43; text-decoration:none}
#sousmenu h3{ font-weight:normal}

/*---------------< header bottom >------------------*/
#header_bottom{ width:995px; height:435px; background:url(../images/bg_header_bottom.jpg) no-repeat left top;}
#diapo{ position:absolute; top:348px; left:47px; z-index:9999;}
#diapo div{ float:left; width:261px; height:141px; margin-right:55px}
#diapo img{ border:solid 1px #4b87aa;}


/*-----------------------------------< WRAPPER >----------------------------------------*/
#wrapper{ float:left; width:995px; padding:0 0 15px 0}

/*---------------< blockleft >------------------*/
#blockLeft{ float:left; width:340px}
#submenu{ background:url(../images/bg_submenu.jpg) no-repeat left top; width:250px; height:203px; padding:118px 0 0 60px}
#submenu li{ list-style-type:none; height:34px; background:url(../images/fleche_submenu.png) no-repeat left top; padding-left:17px}
#submenu a{ text-decoration:none; font-size:11px; color:#fff; font-weight:normal}
#submenu h3{ font-variant:normal}
#panier{ background:url(../images/bg_panier.jpg) no-repeat left top; width:111px; height:55px; padding:24px 0 0 200px}
#btn_panier{ background:url(../images/btn_panier.jpg) no-repeat left top; width:86px; height:39px; display:block}
#btn_panier:hover{ background:url(../images/btn_panier.jpg) no-repeat left bottom;}
#coordonnees{ background: url(../images/bg_contact.jpg) no-repeat left top; width:240px; height:129px; padding:78px 0 0 70px}
#coordonnees p{ color:#fff; font-size:11px; line-height:16px;}
#coordonnees a{ text-decoration:none; color:#fff}
#coordonnees a:hover{color:#6eb8e1}
#titre_coordonnes{ display:none}

/*---------------< content >------------------*/
#content{ float:left; width:581px; padding:44px 50px 0 24px}
#content p{ font-size:12px; color:#002c43}
#content a{ text-decoration:none; color:#002c43}
#content a:hover{ color:#af893f}
#titre_accueil{ background:url(../images/titre_accueil.jpg) no-repeat left top; width:458px; height:36px; text-indent:-9999px; margin-bottom:25px;}
#titre_contact{ background:url(../images/titre_contact.jpg) no-repeat left top; width:267px; height:36px; text-indent:-9999px; margin-bottom:25px;}
#titre_mentions{ background:url(../images/titre_mentions.jpg) no-repeat left top; width:458px; height:36px; text-indent:-9999px; margin-bottom:25px;}
#titre_merci{ background:url(../images/titre_merci.jpg) no-repeat left top; width:458px; height:36px; text-indent:-9999px; margin-bottom:25px;}
#titre_partenaire{ background:url(../images/titre_partenaires.jpg) no-repeat left top; width:458px; height:36px; text-indent:-9999px; margin-bottom:25px;}
#titre_distributeurs{ background:url(../images/titre_distributeurs.jpg) no-repeat left top; width:458px; height:36px; margin-bottom:25px; text-indent:-9999px;}
#titre_catalogue{ background:url(../images/titre_catalogue.jpg) no-repeat left top; width:281px; height:36px; text-indent:-9999px; margin-bottom:25px;}
#titre_panier{ background: url(../images/titre_panier.jpg) no-repeat left top; width:333px; height:36px; text-indent:-9999px; margin-bottom:25px;}
#titre_confirmation{ background:url(../images/titre_confirmation.jpg) no-repeat left top; width:366px; height:32px; text-indent:-9999px; margin-bottom:25px}
/*---------< mdm >----------*/
#mdm{ background:url(../images/bg_actu.jpg) repeat-x left top #174b78; width:508px; border: solid 1px #115883; min-height:187px; padding:18px 40px 0 28px; color:#fff; float:left; font-size:12px; line-height:16px;}
#titre_actu{ background:url(../images/titre_actu.jpg) no-repeat left top; width:199px; height:33px; margin-bottom:12px; text-indent:-9999px;}
#mdm_photo{ width:170px; border:1px solid #06293d; float:left; margin-right:26px;}
#mdm span{ font-weight:bold; display:block}
#mdm a{ text-decoration:underline; color:#FFFFFF}
#mdm a:hover{ text-decoration:underline}

/*---------< block_partenaires >----------*/
.block_partenaires{ font-size:12px}
.block_partenaires dt{ font-weight:bold; color:#af893f; margin-bottom:5px;}
.texte_partenaire{ margin:5px 0 5px 0}

/*---------< block_distributeurs >----------*/
.block_distributeurs dt{ font-weight:bold}
.block_distributeurs{ font-size:12px; color:#af893f}
.texte_distributeur{ margin:5px 0 5px 0}

/*---------< block_produit >----------*/
.block_produit{ width:230px; border:1px solid #115883; padding:20px; float:left; margin:8px}
.block_produit dt{ font-size:12px; color:#af893f; margin-bottom:8px; height:15px; overflow:hidden}
.photo_produit{ width:224px; border:solid 1px #115883; height:167px;; margin-bottom:10px}
.prix_produit{ width:170px; float:left; display:block; font-weight:bold; font-size:12px; color:#0089b0; padding-top:15px}
.ajout_produit{ width:60px; display:block; float:left}
.detail{ width:156px; border:1px solid #99a7b1; height:17px; color:#dcdddd; clear:both; background:#dcdddd; font-size:12px; padding:3px 0 0 70px; margin-top:5px}

/*---------< detail_produit >----------*/
.detail_produit{ font-size:12px;}
.detail_produit dt{ margin-bottom:10px}
.commentaire_details{ margin-bottom:10px; float:left; width:470px}
.photos_detail{ width:100px; float:left;}
.photos_detail img{ width:74px; height:72px; border:1px solid #115883; margin-bottom:10px}
.tableau{ font-size:12px;}
.tableau td{ padding:4px; border:1px solid #0089b0}
.tete_tableau{ background:#0089b0; padding:3px; font-size:12px; color:#fff}

/*---------< pagination >----------*/
.pagination{ margin:10px 10px 10px 0; text-align:center; clear:both}
.pagination ul{ list-style-type:none}
.pagination li{ display:inline; color:#ccc; font-size:11px}
.pagination li a{ color:#ccc; font-size:11px}
.pagination li a.activ{ font-weight:bold; color:#fff}



/*---------------< panier_plein >------------------*/
#panier_plein fieldset{ border:none}
#panier_plein td{ border: solid 1px #115883; font-size:12px;padding:5px}
#panier_plein tr{ border:none}
#btn_recalculer{ margin:10px 0 10px 0; background:#CCC; border:1px solid #999; width:580px; font-weight:bold; color:#115883}
.panier_texte{ margin-top:10px}
.case_couleur{ color:#CCC}


/*-----------------------------------< FOOTER >----------------------------------------*/
#footer{ background:url(../images/bg_footer.jpg) repeat-x left top; height:82px; clear:both}
#footer div{ width:900px; margin:0 auto; padding:35px 50px  0 45px}
#footer p{ font-size:10px; color:#0089b0; }
#footer a{ text-decoration:none; color:#0089b0}
#footer a:hover{ color:#af893f}
#footer strong{ color:#af893f}
#par1{ float:left}
#par2{ float:right; text-align:right}

/*-----------------------------------< CLASS >----------------------------------------*/
.bleu{ color:#6eb8e1}
.img1{ float:left; margin-right:26px}
.marron{ color:#af893f}