/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2010 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; }
#global{ width:995px; margin: 0 auto}
body{ font-family:Verdana, Geneva, sans-serif; background:url(../images/bg_body.jpg) repeat-x left top;}
a img{ border:none}

/************* 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; }



/*********************************** HEADER ****************************************/
#header{ width:995px; height:627px;  position:relative}

/******header top******/
#header_top{ height:132px; width:995px; float:left;  background:url(../images/bg_header.jpg) no-repeat left top;}
h1 a{ display:block; text-indent:-9999px; background:url(../images/logo.jpg) no-repeat left top; width:401px; height:105px; float:left;}
#sous_menu{ display:none; position:absolute; top:105px; left:616px; background:url(../images/bg_sous_menu.png) no-repeat left top; width:199px; padding:11px 0 0 15px; height:107px}
#sous_menu a{ text-decoration:none; color:#333}
#sous_menu li{ font-size:12px; color:#333; list-style-type:none; background:url(../images/fleche_sub_menu.png) no-repeat left top; padding-left:20px;  height:26px}
#menu{ float:left; width:594px; height:47px; padding-top:58px; background:url(../images/fd-menu.jpg) 1px bottom  no-repeat; }
#menu li{ list-style-type:none; float:left; text-indent:-9999px; display: inline}
#menu a{ display:block; width:109px; height:36px; margin-top:10px}
#btn_accueil a{ background:url(../images/btn_accueil.png) no-repeat left top;}
#btn_sac a{ background:url(../images/btn_sac.png) no-repeat left top;}
#btn_produits a{ background:url(../images/btn_produits.png) no-repeat left top;}
#btn_partenaires a{ background:url(../images/btn_partenaires.png) no-repeat left top;}
#btn_boutique a{ background:url(../images/btn_boutique.png) no-repeat left top;}


/******header middle*******/
#header_middle{ height:290px; width:963px; background:url(../images/bg_header_middle.jpg) no-repeat left top; padding:15px 0 0 32px; clear:both;}
#btn_paiement{ position:absolute; top:150px; left:830px}

/*******header bottom********/
#header_bottom{ height:190px; width:995px; background:url(../images/bg_header_bottom.jpg) no-repeat left top;}
#logo_point_e{ margin-bottom:8px}

/*coordonnees*/
#coordonnees{ float:left; width:284px; padding:0 0 0 60px}
#coordonnees p{ color:#fff; font-size:11px; line-height:14px;}
#coordonnees a{ color:#fff; text-decoration:none}
#coordonnees a:hover{ text-decoration:underline}
#titre_coordonnees{ background:url(../images/titre_coordonnees.jpg) no-repeat left top; width:151px; height:19px; margin-bottom:11px;}
#par_contact{ margin-top:15px}
.telecharger_catalogue{ display:block; height:94px; width:94px; text-indent:-9999px; background:url(../images/btn_telecharger_catalogue.png) no-repeat left top;}
#infos_gauche{ float:left; width:180px}
#infos_gauche p{ line-height:16px}
#infos_droite{ float:left; width:100px}
#btn_nous_contater{ background:url(../images/btn_nous_contacter.jpg) no-repeat left top; width:128px; height:18px; display:block}
#btn_nous_contater:hover{ background:url(../images/btn_nous_contacter.jpg) no-repeat left bottom;}

/*video*/
#video{ float:left; width:260px; padding:0 25px 0 22px;}
#video p{ font-size:11px; color:#fff;}
#titre_video{ background:url(../images/titre_video.jpg) no-repeat left top; width:213px; height:23px; margin:19px 0 0 25px}
#btn_video{ background:url(../images/btn_video.jpg) no-repeat left top; width:106px; height:18px; display:block; clear:both; margin-top:37px; text-indent:-9999px}
#btn_video:hover{ background:url(../images/btn_video.jpg) no-repeat left bottom;}

/*mdm*/
#mdm{ float:left; width:316px; padding:0 0 0 18px}
#titre_mdm{ background: url(../images/titre_mdm.jpg) no-repeat left top; width:110px; height:19px; margin:0 0 18px 151px}
#btn_mdm{ background:url(../images/btn_mdm.jpg) no-repeat left top; width:102px; height:18px; display:block; clear: both; margin-top:127px}
#btn_mdm:hover{ background:url(../images/btn_mdm.jpg) no-repeat left bottom;}
#mdm_photo{ float:left; width:103px; border:1px solid #fff; margin-right:25px; height:78px}
#mdm_infos{ font-size:11px; line-height:14px; color:#fff; float:left; width:130px; height:72px; overflow:hidden}




/*********************************** WRAPPER ****************************************/
#wrapper{ width:957px; padding:0 0 0 38px;}
#content p{ font-size:12px; color:#333333;}
#content_trait a{ color:#333}
#content_trait{ background:url(../images/content_trait.jpg) repeat-y left top; width:919px; margin-bottom:20px; float:left}
#content_trait p{ font-size:12px; color:#333333; text-align:justify; line-height:16px}
#content_trait li{ font-size:12px; line-height:16px; color:#333; list-style-type: none;}
#content_gauche{ float:left; width:434px; margin-right:44px;}
#content_right{ float:left; width:430px;}
#img_accueil{ margin-left:200px;}
#content_right iframe{ margin:10px 0 0 0}
h5{ font-size:14px; font-weight:bold; color:#80ab21; margin-bottom:10px}
#point_depot{ margin-left:50px}
#historique{ background:url(../images/accueil_img.jpg) no-repeat letf top; width:350px; height:127px;}
#menu_bas{ text-align:center; color:#333; font-size:10px; clear:both; margin-bottom:10px}
#menu_bas a{ color:#333 }
#menu_bas a:hover{ color:#80ab21}
#btn_facture a{ display:block; width:424px; height:45px; background:url(../images/btn_facture.jpg) no-repeat left top; margin-bottom:20px}
#btn_facture a:hover{ background: url(../images/btn_facture.jpg) no-repeat left bottom}
#informations{ border:1px solid #999; padding:10px}
#btn_pdf{ background:url(../images/btn_pdf.png) no-repeat left top; width:424px; height:45px; text-indent:-9999px; display:block}
#btn_pdf:hover{ background:url(../images/btn_pdf.png) no-repeat left bottom;}
#btn_paiement_fin{ background:url(../images/btn_paiement_fin.png) no-repeat left top; height:86px; width:424px; display:block;}
#btn_paiement_fin:hover{ background:url(../images/btn_paiement_fin.png) no-repeat left bottom;}
#btn_acces{ background:url(../images/btn_acces.jpg) no-repeat left top; width:424px; height:45px; text-indent:-9999px; display:block}
#btn_acces:hover{ background:url(../images/btn_acces.jpg) no-repeat left bottom;}
/*block partenaires*/
.block_partenaire{ border-bottom:1px solid #ccc; float:left; padding:15px 0 15px 0}
.block_partenaire dt{ font-size:12px; margin-bottom:8px; color:#80ab21}
.block_partenaire dd{ font-size:12px; color:#333; margin-bottom:10px; width:400px;}
.img_partenaire{ float:left; margin-right:15px; width:100px; border:1px solid #ccc;}

/*block_actualité*/
.block_actualite{ border-bottom:1px solid #ccc; float:left; padding:15px 0 15px 0 ; width:400px;}
.block_actualite dt{ font-size:12px; margin-bottom:8px; color:#80ab21}
.block_actualite dd{ font-size:12px;}

/*titre*/
h4{ text-indent:-9999px; width:460px; height:63px; margin-bottom:35px;}
#titre_accueil{ background:url(../images/titre_accueil.jpg) no-repeat left top;}
#titre_contact{ background:url(../images/titre_contact.jpg) no-repeat left top;}
#titre_mentions{ background:url(../images/titre_mentions.jpg) no-repeat left top;}
#titre_merci{ background:url(../images/titre_merci.jpg) no-repeat left top;}
#titre_sacs{ background:url(../images/titre_sacs.jpg) no-repeat left top;}
#titre_partenaires{ background:url(../images/titre_partenaires.jpg) no-repeat left top;}
#titre_actualites{ background:url(../images/titre_actualites.jpg) no-repeat left top;}
#titre_point_e{ background:url(../images/titre_point_e.jpg) no-repeat left top;}
#titre_produits{ background:url(../images/titre_produits.jpg) no-repeat left top;}
#titre_historique{ background:url(../images/titre_historique.jpg) no-repeat left top;}
#titre_paiement{ background:url(../images/titre_paiement.jpg) no-repeat left top;}
#titre_boutique{ background:url(../images/titre_boutique.jpg) no-repeat left top;}
#titre_catalogue{ background:url(../images/titre_catalogue.jpg) no-repeat left top;}
#block_catalogue{ border:1px solid #CCC; float:left; padding:10px; width:415px; margin-bottom:10px}
#block_catalogue dt{ font-size:12px; font-weight:bold; margin-bottom:5px; color:#228fc6}
#block_catalogue dd{ font-size:12px; color:#333}
#block_catalogue dd a{ color:#80ab21;  margin-top:8px;font-size:10px; float:right}

/*formcommande*/
#formcommande { margin-top:-20px}
#formcommande legend{ color:#80ab21; font-size:14px;}
#formcommande label{ display:block; width:200px; margin-bottom:8px}
#btn_commande{ background:none; border:none; width:263px; height:35px;cursor:pointer;}

/*********************************** FOOTER ****************************************/
#footer{ background:url(../images/bg_footer.jpg) repeat-x left top; height:68px; clear:both;}
#footer p{ font-size:10px; color:#91c0f2}
#footer a{ color:#91c0f2; text-decoration:none}
#footer a:hover{ text-decoration:underline}
#footer div{ width:922px; margin:0 auto; padding:20px 35px 0 38px}
#par1{ float:left; width:620px;}
#par2{ float:left; width:290px; text-align:right}



/*********************************** CLASS ****************************************/
.marron{ color:#a03c01}
.espace_bas{ margin-bottom:10px}
.img1{ float:left; margin-right:5px;}
.img2{ float:left; margin-right:15px;}
.vert{ color:#80ab21}
.bleu{ color:#228fc6}
.espace_bas{ margin-bottom:8px}
.quatorze{ font-size:14px}