/*
Copyright (c) 2011, SIMAC 
SILVESTRE Rémi

a:link => liens vers les pages qui n'ont pas encore été visitées
a:visited => liens vers les pages qui ont déjà été visitées
a:hover => liens survolés avec la souris
a:active => liens en train d'être cliqués
a:focus => liens qui deviennent actifs (lors de la navigation au clavier, par exemple)

outline: 1px solid fuchsia;
background: transparent url(/path/to/images/filename.png);  = background-color: transparent; background-image: url(/path/to/images/filename.png);

HAUT DROITE BAS GAUCHE
HAUT DROITE/GAUCHE BAS 
HAUT/BAS DROITE/GAUCHE 
*/
/* ELEMENTS GENERAUX (communs à toutes les pages)*/

.clear{clear:both}

body {font-family: Arial, Helvetica, sans-serif;margin : 0px;padding : 0px;background-color:white;background-repeat:no-repeat;background-attachment:fixed;background-position:center;
/*balise pour scrollbar (ne marche que sous IE)*/
scrollbar-face-color: #6B4B40;scrollbar-shadow-color: #6B4B40;scrollbar-highlight-color: #2A1A15;scrollbar-3dlight-color: #2A1A15;scrollbar-darkshadow-color: #2A1A15;scrollbar-track-color: #2A1A15;scrollbar-arrow-color: #2A1A15; }

h1 { font-size: 2em; margin: .67em 0 }
h2 { font-family: "Arial Black", Arial, sans-serif;font-size: 18px; margin: 22px 20px 5px 20px ;color:#2b1a10;text-transform:uppercase;font-weight: 900;}
.hr_titre{height:3px;width:417px; margin-left: 20px; background: #fff url("../images/design/filet_degrade.png") no-repeat;}
h3 { font-size: 1.25em; margin: .83em 0 }
h4 { font-size: 1.17em;}
h5 { font-size: 1.1em; }
h6 { font-size: 1em;  }

hr{clear:both;}
img{margin : 0px;padding : 0px;}

.noir {color:#000000; }
.centrer {position:relative;display:block;text-align:center;margin:0 auto;  }

#tetiere{display:block; width:1000px; height:170px;}
#menu{display:block; width:1000px; height:45px;}

#pagePrincipale{  margin-left: auto;   margin-right: auto;  width:1000px; height:100%;}
#pageCentre{background: #fff url("../images/menus/menu_fond.png") repeat-y 790px 0; overflow:auto;}
#pageCentreMarron{background: #2A1A15 url("../images/menus/menu_fond.png") repeat-y 790px 0; overflow:auto;}
#pageCorps{	width:789px; overflow:auto; outline: 0px solid fuchsia;}
#pageCorps, #menu_produit{	position:relative;display:block;height:100%}
#pageCorps{	float:left;}

.petitTexte{font-size: 12px;}

.infoGlobal{color: #b8874b;padding:20px;}
#menu_produit .infoGlobal{padding-top:80%;}

/*Slide / promo */
.promo_web{width:500px}
#slidedeck_frame {width: 550px;  height: 300px; }  
.actu_corps {width:100%;  height:100%; padding:0px; outline:0px solid red;} 
.actu_corps .nom h2{  margin-top:0px; text-decoration: none}
.actu_corps a {  text-decoration: none}
/*.actu_corps .photo img{max-width: 350px!important;max-height:150px;  margin-top:20px; margin-bottom: 20px;}*/
.actu_corps .photo img{max-width: 350px!important;max-height:150px;  margin:20px 0;border:1px solid black;}
.actu_corps .descriptif  {font-size: 14px; margin-top:0px;padding:0;color: #000;	text-align: left;	font-style: normal;	font-weight:bolder;	font-variant:small-caps; }
.actu_corps  .descriptif a { color: #000; }
.actu_corps .picto{padding-bottom:10px;}

.telechargement_bloc{position:relative;display:block;outline:0px solid red;}
.telechargement{position:relative;display:block;float:left;height:229px;}
.telechargement_legende{position:relative;display:block;float:right;height:229px;width:130px;}

/*titre tableau */
.titre_tab{	font-size: 15px;	color: #000;	text-align: left;	font-style: normal;	font-weight:bolder;	font-variant:small-caps;}
/*texte contenu de cellule*/
.contenu_cell{	font-size: 11px;	color: #3E1E08;	font-style: normal;}
.contenu_cell a{	color: #A70606;	text-decoration: none;}
.contenu_cell a:hover{	color: #A70606;	text-decoration: underline;}

/*Intitulés des liens*/
.liens_intitule{	font-size: 18px;	color: #B08F1B;	font-style: normal;	font-weight: bold;	font-variant: small-caps;}



/*Elements dynamiques des menus (catégories de produits, marques...)*/
.liste_cat {	font-size: 12px;	color: #fff;	text-align: right;	font-style: normal;	font-weight: bold;}

/*Liens  sur menus dynamiques (catégories de produits, marques...)*/
.liste_cat a {	text-decoration:none;}
.liste_cat a:hover {	color:#B9823F;	padding-left:10px;	text-align: left;	}


/*Les revendeurs*/
.intro_revendeur{padding-left:15px;}
.box_revendeurs {	margin-top:15px;font-size: 13px;	color: #000;	font-weight: bold;	width: 260px;	background-color: #fff;	border-width:2px;	border-style:solid;	border-color:black;}
.titre_revendeurs {	color:white;	text-align:left;	background-color:#B9823F;	font-variant: small-caps;}

/*menu_admin*/
.menu_admin a{	font-size: 13px;	color: #A70606;	text-align: left;	font-style: normal;	text-decoration:none;}

/*menu_admin*/
.menu_admin a:hover{	text-decoration:underline;}

/*LA RECHERCHE*/
/*Boite de recherche*/
.box_recherche {	font-size: 11px;	color: #fff;	font-variant: small-caps;	font-weight: bold;	width: 185px;	background-color: #B47E3E;	border-width:2px;	border-style:solid;	border-color:black;		}

.box_recherche a{	color: #FFFFFF;	text-decoration: none;}
.box_recherche a:hover{	color: #FFFFFF;	text-decoration: underline;}

/*les selects*/
.select_rech {	font-size: 11px;	color: #6B4B40;	font-weight:bold;	width: auto;	border: 1px;	border-color: #000;	border-left-style: solid;	border-right-style: solid;	border-bottom-style: solid;	border-top-style: solid;}

/*textes en valeur dans les textes*/
.texte_en_valeur{	font-size: 11px;	color: #A70606;	text-align: left;	font-style: normal;}
.accroche{		color: #A70606!important;	}


/*chemin de fer recherche*/
.chemin_recherche{	font-size: 11px;	color: #330000;	text-align: left;	font-style: italic;}

/*LES PRODUITS*/
/*Titre des listes produits*/
.titre_produits {	font-size: 25px;	color: #6B4B40;	text-align: center;	font-style: normal;	font-weight: bolder;}

/*Compteur de produits*/
.compteur_produits{	font-size: 14px;	color: #AF7B3C;	font-style: normal;	font-weight: bold;}

/*Les bandeaux*/
.texte_marque{padding:20px 0px 0 0px;	text-align:center; font-size: 14px;	color: #fff;	font-style: normal;	font-weight: normal;}
.degradeVdegradeV{z-index:5;}

/*Titre des fiches produits*/
.titre_produits_fiche {	font-size: 22px;	color: #6B4B40;	text-align: right;	font-style: normal;	font-weight: bolder;}

/*tableau référence produits*/
.det_prod {border-color:#957956;border-style:solid;border-width:1px;}
.produit_tableau th {	font-size: 14px;	color:white; padding:10px 5px 10px 5px; text-align:center;	background-color:#957956;	border-color:#957956;	border-style:solid;	border-width:1px;	font-variant: small-caps;}
.produit_tableau td  {font-size: 12px;color:#3E1E08;text-align:center;background-color:#fff;border-color:#957956;border-style:solid;border-width:1px;font-variant: small-caps;}
.det_prodHT {font-size: 14px!important;font-weight: bold!important;}

/* FORMULAIRES */
.cadreSucces, .cadreAlerte, .cadreErreur{font-size: 12px; color:black; text-align:center; padding:5px;}
.cadreSucces{border:1px green solid; background-color:#8ADB95;}
.cadreAlerte{border:1px #DE6A1C solid; background-color:#F9A41E;}
.cadreErreur{border:1px red solid; background-color:#F39898;}
.succes, .alerte, .erreur{font-size: 12px; }
.succes{color:#8ADB95;}
.alerte{color:#F9A41E;}
.erreur{color:#F39898;}
/*Champs de formulaires*/
.champ_form{	font-size: 12px;	color: #000000;	text-align: left;	font-style: normal;}
/*champs requis formulaire*/
.requis {	color: #FF0000; }
.requis_contact {	font-size: 12px;	color: #FF0000;	text-align: left;	font-style: normal;	font-weight:bolder;}
.info1{font-size: 11px;	color: #3E3E3E;	 }


.rub_liens a {	font-size: 12px;	color: #FF0000;	text-align: center;	font-style: normal;	font-weight:bolder;	text-decoration: none;}
.rub_liens a:hover {	text-decoration: underline;}
.rub_liens a:visited {	color: #FF0000;}

/*boites sur les formulaires de contact*/
.boites_contact {	width: 246px;	border: #000 1px solid;}
/*textarea formulaire*/
.comment_contact {	width: 460px;	border: #000 1px solid;}
/*envoi formulaire*/
.envoi_contact {	width: 80px;	border: #000 1px solid;}
.button{cursor: pointer!important;}

/*----------------------- LES PRODUITS ------------------*/
/*List Produit*/
.liste_prod_bloc, .liste_marque_bloc{max-height:550px;}
.liste_prod_bloc{}
.liste_marque_bloc{width:550px;}
.logoV{padding-top:20px;}
.espace_haut{height:15px;}
.aff_list_prod {   margin-left:auto; margin-right:auto;  width:530px; max-height:500px!important;overflow : auto; border: solid 3px #2A1A15; outline:0px solid blue}
.aff_list_prod .aff_prod{height:100%; padding-top:3px;background:#dadada url('../images/design/fond_camo.jpg') repeat;  outline:0px solid blueviolet}

.aff_list_prod .miniature {display:block;border:none;float:left;width:240px;margin:10px;text-align:center;vertical-align:middle;outline:0px solid red}
.aff_list_prod .miniature a{display:block;line-height:20px; vertical-align:middle;}
.aff_list_prod .miniature img{max-height:100px;margin-left:auto;margin-right:auto; }
.aff_list_prod .info_prod_liste  {display:block;border:none;float:right;}
.aff_list_prod .info_prod_liste  {width:250px;font-size: 14px;	color: #000;	text-align: left;	font-style: normal;	font-weight:bolder;	font-variant:small-caps; z-index:5;padding-bottom:10px}
.prix_prod_liste, .prix_prod_liste a{	font-size: 14px;	color: #A70606;	text-align: left;	font-style: normal;	font-weight:bolder;}

.aff_list_prod .picto{padding-bottom:10px;}



/*Page Produit*/
.tst_infos_produits {	font-size: 20px;	color: #6B4B40;	font-style: normal;	font-weight: normal;}
.tst_nom_variable{	font-size: 18px;	color: #0000FF;	font-style: normal;	font-weight:bolder;}
.tst_info_imp{	font-size: 20px;	color: #FF0000;	font-style: normal;	font-weight:bolder;}
.tst_info_ref{	font-size: 20px;	color: #F000F0;	font-style: normal;	font-weight:normal;}
           
.vignette_prod {display:block;border: 1px solid #000000;}
a img .bordure {display:block;border: 1px solid #000000;}

/*Catégorie de produit (fiche produit)*/
.cat_prod_fiche, .cat_prod{	font-size: 18px;	color: #B08F1B;	font-style: normal;	font-weight: bold;	font-variant: small-caps;}
.cat_prod{}

.fiche_produit{	background-color: #2A1A15; width:759px;padding:15px; min-height:820px;outline: 0px solid fuchsia;}

.new{position:relative;margin-right:5px;top:1px;}
.produit_entete{position:relative;	background-color: #fff; width:750px; margin-top:40px;outline: 0px solid red;}
.produit_photo {	 width:750px; }
.produit_photo img{ display: block;   margin-left: auto;    margin-right: auto }
.produit_entete .contenu{position:relative;	display:block;padding-right:15px;}
.produit_entete .logo, .produit_entete .cat_prod_fiche, .produit_entete .retour, .produit_entete .titre_produits_fiche, .produit_entete .picto{position:relative;display:block; outline:0px solid fuchsia;}
.produit_entete .logo{float:left; width:228px;height:108px; outline:0px solid red;overflow:hidden;}
.degradeH{  position:relative;  float:right;  width:507px;  height:108px;  outline:0px solid red;}


.produit_entete .tr, .produit_entete .retour, .produit_entete .cat_prod{float:right;outline: 0px solid red;}
.produit_entete .tr{}
.produit_entete .cat_prod{top:0px;left:0px;}

.produit_entete .titre{position:relative;}
.produit_entete .picto{float:left; width:200px; padding-top:10px; padding-left:20px;height:49px;z-index:99;outline: 0px solid red;}
.produit_entete .picto img{float:left; height:49px;z-index:99;}
.produit_entete .titre_produits_fiche{float:right; width:500px; padding-top:20px;z-index:5;outline: 0px solid red;}
.produit_entete .titre_produits_fiche img{z-index:5;}
.produit_entete .poincon{float:left; eight:49px;z-index:99;padding: 10px 0 0 20px;outline: 0px solid red;}
.produit_entete .poincon img{max-height:40px;z-index:99;}

.produit_info{	background-color: #fff; width:735px;padding-top:80px; padding-right:15px;padding-bottom:15px;outline: 0px solid red;}

.produit_tableau{margin-top:0px; outline: 0px solid red;}
.fiche_produit .descriptif{display:block; float:right; color:#3E1E08; font-size: 14px; padding-top:40px;text-align: right; }

.filet{height:3px; padding-top:10px;padding-bottom:3px; }

.disponibilite{outline:0px solid red;}

.fiche_produit .disponibilite, .panierAchat{display:block;float:right;}
#pQuantite{float:left;}
#pQuantite input{width:30px;height:20px;}
#pBouton{float:left;}

/*------------------------------------------------------------------------------
              MENU PRODUIT
------------------------------------------------------------------------------*/

#menu_produit{	float:right;}
#menu_produit{	background-color: #6c4a40;/*#745749;*/	width:210px;	height:100%;	padding-top:0px;	text-align: right;overflow:hidden; 	outline: 0px solid fuchsia;}
#menu_produit .liste, #menu_produit .infoGlobal, #menu_produit .espace_pro, #menu_produit .rechercheMenu{padding-left:20px;padding-right:20px;}
#menu_resseau { display:block; float:right; padding-right:15px; outline:0px solid red}
#menu_resseau span a{ width:120px; display:block; padding-top:0px;padding-right:5px; text-decoration:none; font-size:12px; color :white; outline:0px solid red}
#menu_resseau span a:hover,#menu_resseau span a:active,#menu_resseau span a:focus{ text-decoration:underline;}
#menu_resseau a {display:block; float:right; }





/*------------------------------------------------------------------------------
              Contact
------------------------------------------------------------------------------*/
	
#formContact, #monCompte a, #zonePanier a, #liens_connexion a{	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	/*color:#2e291d;*/	color:#fff;	text-align: right;}
#monCompte a, #zonePanier a{	text-decoration:none;}
#monCompte{padding-top:10px;}
#monCompte, #zonePanier{display:block;float:right;}
#zonePanier .texte{display:block;float:left;text-decoration:none; padding-right:10px;  margin-top:10px; outline: 0px solid red; }
#zonePanier a:hover, #zonePanier a:active{color:#fff;text-decoration:underline;}
#imagePanier img{	display:block;	float: left; padding-right:15px;}
#formContact label{	display:block;	text-align: right;border:0;margin:0;padding:0;height:8px;  font-size: 12px; outline: 0px solid red; }
#formContact input{	font-size: 11px;	color:#000;margin:0; margin-top:-5px; padding:0;width:120px;height:15px;outline: 0px solid red; }
input[type="submit"], .bouton{display:block; float:right; min-width:100px; height:18px!important; margin-top:5px; text-align:center;}
.lien_menu{display:block; margin:5px;clear:both;font-size:12px;text-align:right;color:#fff;text-decoration:none;}
.lien_menu a{color:#fff;text-decoration:none;}
.lien_menu a:hover, #inscription a:active,#monCompte a:hover, #monCompte a:focus{color:#fff;text-decoration:underline;}
.msgError p{color:#b8874b!important;}


/*#zoneDeconnexion,#zonePanier{position:relative;display:block;	float:right;}*/

#zoneRecherche{margin-top:20px;}
#zonePanier{padding-top:10px;}
#formContact{padding-left: 15px;padding-right:15px; outline: 0px solid red; }
#passwordContact{display:block}


/*------------------------------------------------------------------------------
														PANIER
------------------------------------------------------------------------------*/
#panierPage {font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	}
#panierPage .quantite{width:30px;}
#panierPage table td{vertical-align:top;}
#panierPage thead td{font-size:1.2em;font-weight:bold;border-bottom:2px #235218 solid;color:#fa7811;}
#panierPage .lienProduit{color:black;text-decoration:none;font-weight:bold;}
#panierPage .lienProduit:hover{text-decoration:underline;}
#panierPage .photo{max-width:150px;max-height:70px;}
#panierPage .photo img{max-width:150px;max-height:70px;}
#panierPage #designation{width:210px;}
#panierPage #informations{width:150px;}
#panierPage #quantite{width:80px;}
#panierPage #ssTotal{width:110px;}
#panierPage tfoot{text-align:right;font-weight:bold;}
#panierPage .ssTotal{text-align:right;font-weight:bold;}
#panierPage .boutonRecharger{border:none;}
#panierPage #zeroProduit{text-align:center;font-style:italic;}
#panierPage #pViderPanier{float:left;margin-left:0px;margin-top:40px;}
#panierPage #pValiderPanier{float:left;margin-left:533px;;margin-top:40px;}
.prixUnitaire {text-align: right; }

/*------------------------------------------------------------------------------
														COMMANDE
------------------------------------------------------------------------------*/
#commandePage{width:500px; padding-left:40px; font-family: Arial, Helvetica, sans-serif;	font-size: 12px; }
#commandePage label{	}
#commandePage .champ_form input{	font-size: 12px;	color:#000; width:200px;}
#commandePage input[type="submit"], .bouton{display:block; float:right; margin-top:5px;}


/*------------------------------------------------------------------------------
														Mentions légales
------------------------------------------------------------------------------*/
#pied_de_page {	z-index:99; height:26px;	background: url("../images/design/bas.jpg") no-repeat;		
	font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #FFF;
	text-align: center;	vertical-align: middle;	padding-top:13px;margin-top:0px;
}
#pied_de_page a{	font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #CC9900;	text-align: center;	}
/*HAUT DROITE BAS GAUCHE*/