﻿body {
				background: #C7C7C7 url('images/tempalte-3_01.jpg') repeat-x left top;
				padding: 0px;
				margin: 0px;

}

body img {
				border-style: none;
}


#amenagement {
				text-align: left;
				vertical-align: top;
				font-family: tahoma;
				font-size: 12px;
				color: #333333;
				padding: 0px 20px 0px 20px;
}

#amenagement a {
				font-family: tahoma;
				font-size: 12px;
				color: #333333;
				text-decoration: underline;
				font-weight: bold;
}

#amenagement a:hover{
				font-family: tahoma;
				font-size: 12px;
				color: #ff7400;
				text-decoration: underline;
				font-weight: bold;				
}


#amenagement img {
				border-style: none;
				border-color: inherit;
				border-width: 0px;
				float: right;
}



h1 {
				font-size: 16px;
				font-weight: bold;
				color: #96BF0D;
				font-family: tahoma;
				padding: 5px 0px 5px 0px;
}

h2 {
				font-size: 14px;
				font-weight: bold;
				color: #ff7400;
				font-family: tahoma;
				padding: 2px 0px 2px 0px;
				margin: 0px;
}

.style1 {
				border-width: 0px;
}



.style2 {
				text-align: center;
}




#corps {
				width: 1004px;
				
}

#gauche {
				width: 212px;
				background-image: url('images/tempalte-3_23.jpg');
				vertical-align: top;
}

.titre-gauche {
				height: 59px;
				background-image: url('images/tempalte-3_18.jpg');
				background-repeat: no-repeat;
				font-family: tahoma;
				font-size: 12px;
				font-weight: bold;
				color: #FFFFFF;
				text-align: left;
				vertical-align: middle;
				padding-top: 2px;
				padding-left: 35px;
}

.menu-gauche {
				padding: 10px 10px 20px 20px;
				font-family: tahoma;
				font-weight: bold;
				font-size: 12px;
				color: #FFFFFF;
				text-align: left;
				vertical-align: top;
}

.menu-gauche a {
				font-family: tahoma;
				font-weight: bold;
				font-size: 12px;
				color: #FFFFFF;
				text-decoration: none;
				vertical-align: top;
}

.menu-gauche a:hover {
				font-family: tahoma;
				font-weight: bold;
				font-size: 12px;
				color: #FFFFFF;
				background-image: url('images/fleche.jpg');
				background-repeat: no-repeat;
				background-position: left center;
				text-decoration: underline;
				padding-left: 10px;
				vertical-align: top;
}

.compte-client {
				font-family: tahoma;
				font-size: 12px;
				font-weight: bold;
				color: #ffb300;
				text-decoration: underline;
}


.menu-top {

				background-image: url('images/tempalte-3_03.jpg');
				background-repeat: no-repeat;
				font-family: tahoma;
				font-size: 12px;
				color: #FFFFFF;
				font-weight: bold;
				text-align: left;
				vertical-align: top;
				height: 21px;
}

ul.menu-top {
	padding-top: 5px; padding-left: 25px;
	margin: 0px 0;
	list-style: none;
	float: left;
}

ul.menu-top li {
	float: left;
}

ul.menu-top li a {
				background-position: right bottom;
				padding: 0px 15px 0 0px;
				float: left;
				text-decoration: none;
				color: #FFFFFF;
				margin-right: 15px;
				font-variant: normal;
				font-size: 12px;
				font-family: Tahoma;
				font-weight: bold;
				background-image: url('images/separation.jpg');
				background-repeat: no-repeat;
}

ul.menu-top li a span {
	float: left;
	padding-right: 4px;
	display: block;
	margin-top: 0px;
	height: 24px;
}

ul.menu-top li a.current {
 	color: #ff7e01;

}

ul.menu-top li a:hover {
 	color: #ff7e01;

}

ul.menu-top li a.current span {

}

ul.menu-top li a:hover span {

}

.bg-contenu {
				background-image: url('images/tempalte-3_25.jpg');
				background-repeat: repeat-y;
				vertical-align: top;
				padding-bottom: 20px;
}

.selection {
				background-image: url('images/tempalte-3_21.jpg');
				background-repeat: no-repeat;
				font-family: tahoma;
				font-size: 14px;
				font-weight: bold;
				color: #ff7400;
				height: 0px;
				text-align: left;
				padding-top: 40px;
				padding-bottom: 20px;
				padding-left: 30px;
				vertical-align: top;

}

.selection-fiche {
				background-image: url('images/tempalte-3_fiche.jpg');
				background-repeat: no-repeat;
				font-family: tahoma;
				font-size: 14px;
				font-weight: bold;
				color: #ff7400;
				height: 0px;
				text-align: left;
				padding-top: 40px;
				padding-bottom: 20px;
				padding-left: 30px;
				vertical-align: top;

}

.selection-fiche-gamme-pro {
				background-image: url('images/tempalte-3_fiche.jpg');
				background-repeat: no-repeat;
				font-family: tahoma;
				font-size: 14px;
				font-weight: bold;
				color: #3ba0df;
				height: 0px;
				text-align: left;
				padding-top: 40px;
				padding-bottom: 20px;
				padding-left: 30px;
				vertical-align: top;

}

.promotion {
				height: 0px;
				background-image: url('images/tempalte-3_26.jpg');
				background-repeat: no-repeat;
				font-family: tahoma;
				font-size: 14px;
				font-weight: bold;
				text-align: left;
				vertical-align: top;
				color: #ff7400;
				padding-top: 15px;
				padding-bottom: 20px;
				padding-left: 30px;
}

.promotion-pro {
				height: 0px;
				background-image: url('images/tempalte-3_26.jpg');
				background-repeat: no-repeat;
				font-family: tahoma;
				font-size: 14px;
				font-weight: bold;
				text-align: left;
				vertical-align: top;
				color: #3ba0df;
				padding-top: 15px;
				padding-bottom: 20px;
				padding-left: 30px;
}

.bottom {
				background-image: url('images/tempalte-3_28.jpg');
				background-repeat: repeat-x;
				width:100%;
				height: 70px;
				font-family: tahoma;
				font-size: 10px;
				color: #FFFFFF;
				text-align: center;
				vertical-align: middle;

}

.bottom a {
				font-family: tahoma;
				font-size: 10px;
				color: #FFFFFF;
}

.bottom span {
				background-image: url('images/tempalte-3_28.jpg');
				background-repeat: repeat-x;
				width:100%;
				height: 70px;
				font-family: tahoma;
				font-size: 12px;
				color: #FFFFFF;
				text-align: center;
				vertical-align: middle;

}


.fiche {
				background-image: url('images/fiche2.jpg');
				background-repeat: repeat-y;
				width: 259px;
}

.fiche-tire {
				background-image: url('images/fiche.jpg');
				background-repeat: no-repeat;
				height: 35px;
				font-family: tahoma;
				font-size: 11px;
				font-style: normal;
				color: #394a00;
				text-align: center;
				vertical-align: middle;
				padding-right: 10px;
				padding-left: 10px;
}

.fiche-tire a {
				font-family: tahoma;
				font-size: 11px;
				font-style: normal;
				color: #394a00;
				text-decoration: none;				
}


.fiche-tire a:hover {
				font-family: tahoma;
				font-size: 11px;
				font-style: normal;
				color: #394a00;
				text-decoration: underline;
}


.fiche-bas {
				background-image: url('images/fiche3.jpg');
				background-repeat: no-repeat;
				height: 47px;
				
}

.voir-la-fiche {
				width: 100px;
				text-align: center;
				vertical-align: middle;
}

.vignette {
				text-align: center;
				vertical-align: middle;
				width: 110px;
				height: 80px;
				font-family: tahoma;
				font-size: 10px;
				font-weight: normal;
				color: #000000;
}

.vignette img {
				border: 1px solid #4A6000;				
}

.descriptif-fiche {
				font-family: tahoma;
				font-size: 10px;
				color: #000000;
				text-align: left;
				vertical-align: top;
				padding-right: 10px;
				padding-top: 5px;
}

.descriptif-fiche span {
				font-family: tahoma;
				font-size: 10px;
				font-weight: bold;
				color: #4A6000;
}

.prix-fiche {
				font-family: tahoma;
				font-size: 14px;
				font-weight: bold;
				color: #FFFFFF;
				text-align: center;
				vertical-align: middle;
}
.prix-fiche span {
				font-family: tahoma;
				font-size: 12px;
				font-weight: bold;
				color: #FFFFFF;
				text-align: center;
				vertical-align: middle;
				text-decoration: line-through;
}

.descriptif-produit {
				padding: 5px 20px 0px 20px;
				font-family: tahoma;
				font-size: 12px;
				color: #333333;
				text-align: left;
				vertical-align: top;
				width: 400px;
				border-left-style: solid;
				border-left-width: 1px;
				border-left-color: #666666;
}

.descriptif-produit ul {
				padding: 0px 0px 0px 20px;
				font-family: tahoma;
				font-size: 10px;
				color: #333333;
				font-weight: bold;
				list-style-position: inherit;
}



.descriptif-produit li {
				padding: 0px 0px 0px 0px;
				font-family: tahoma;
				font-size: 10px;
				color: #333333;
				font-weight: bold;
}

.tableau-descriptif-produit {
				font-family: tahoma;
				text-align: center;
				vertical-align: top;
				width: 350px;
}

.tableau-descriptif-produit td {
				padding: 5px;
				font-family: tahoma;
				vertical-align: top;
}


.reference{
				font-size: 12px;
				font-weight: bold;
}

.prix {
				font-size: 16px;
				font-weight: bold;
				color: #799a0a;
}

.prix span {
				font-size: 14px;
				font-weight: bold;
				color: #799a0a;
				text-decoration: line-through;

}

.indication-prix-titre {
				font-size: 12px;
				font-weight: bold;
				text-align: right;
				width:50%;
}

.indication-prix {
				font-size: 12px;
				font-weight: bold;
				text-align: left;
				width:50%;
}

.indication-prix span {
				font-size: 10px;
				font-weight: bold;
				text-decoration: line-through;
}

.quantite {		
                font-size: 12px;
				font-weight: normal;

				
}

.photo {
				
}

.photo img {
				border: 2px solid #FFFFFF;
}

.miniature {
				border: 1px solid #666666;
				width: 100px;
				height: 100px;
				padding: 2px;
				text-align: center;
				vertical-align: middle;
				background-color: #FFFFFF;
}

.miniature-vide {
				border: 0px;
				width: 100px;
				height: 100px;
				padding: 2px;
				text-align: center;
				vertical-align: middle;
}


#compte-client {
				text-align: left;
				vertical-align: top;
				font-family: tahoma;
				font-size: 12px;
				color: #333333;
				padding: 0px 20px 0px 20px;
}

#compte-client a {
				font-family: tahoma;
				font-size: 12px;
				color: #333333;
				text-decoration: underline;
				font-weight: bold;
}

#compte-client a:hover{
				font-family: tahoma;
				font-size: 12px;
				color: #ff7400;
				text-decoration: underline;
				font-weight: bold;				
}

.compte-client-champ {
				border-style: 1;
				font-family: tahoma;
								font-size: 12px;
								font-weight: normal;
								color: #333333;
								border-width: 1px;
								border-color: #666666;
}


.tableau-content {
				text-align: center;
				vertical-align: top;
				padding-bottom: 10px;
				padding-left: 7px;
}

.tableau-panier {
				padding: 5px;
				font-family: Tahoma;
				font-size: 12px;
				color: #333333;
				background-color: #ffffff;
				text-align: center;
}

.tableau-panier td {
				padding: 5px;

}


.titre-tableau-panier {
				padding: 5px;
				background-image: url('images/bg-tableau.jpg');
				background-repeat: repeat-x;
				color: #ffffff;
}

			
			
.tableau-panier span { font-family: Tahoma; font-size: 10px;
			}

#bienvenu {
				font-family: Tahoma;
				font-size: 10px;
				color: #333333;
				padding-left: 10px;
				text-align: left;
}
#bienvenu a {font-family: Tahoma; font-size: 10px; color: #333333;}
#bienvenu a:hover {font-family: Tahoma; font-size: 10px; color: #333333; text-decoration : underline;}

#menu-panier {
				background-position: center center;
				font-family: Tahoma;
				font-size: 12px;
				color: #ffffff;
				font-weight: bold;
				padding-top: 10px;
				padding-bottom: 10px;
				text-align: center;
				background-image: url('images/menu-facture.jpg');
				background-repeat: no-repeat;
}
#menu-panier a {font-family: Tahoma; font-size: 12px; color: #FFFFFF; font-weight:bold; padding-top:10px; padding-bottom:10px; text-decoration: none;}
#menu-panier a:hover {font-family: Tahoma; font-size: 12px; color: #333333; font-weight:bold; padding-top:10px; padding-bottom:10px; text-decoration: underline;}
#menu-panier-actif a {font-family: Tahoma; font-size: 12px; color: #333333; font-weight:bold; padding-top:10px; padding-bottom:10px; text-decoration: underline;}
#menu-panier-inactif a {
				font-family: Tahoma;
				font-size: 12px;
				color: #FFCC66;
				font-weight: bold;
				padding-top: 10px;
				padding-bottom: 10px;
				text-decoration: none;
}

.frais-envoi {
				font-family: tahoma;
				font-size: 12px;
				color: #CC3300;
				font-weight: normal;
				padding: 0px 15px 10px 15px;
				text-align: right;
}

.supression {
				font-family: tahoma;
				font-size: 12px;
				color: #333333;
				text-align: center;
				padding: 0px 100px 0px 100px;
}

.supression a {
				font-family: tahoma;
				font-size: 12px;
				color: #333333;
				font-weight: bold;
				text-decoration: underline;
}

.formulaire-facturation {
				font-family: tahoma;
				font-size: 12px;
				font-weight: bold;
				color: #333333;
				text-align: left;
				padding: 0px 50px 10px 50px;
				vertical-align: top;
}

.formulaire-facturation a {
				font-family: tahoma;
				color: #333333;


}

.formulaire-facturation-champ {
				border: 1px solid #C0C0C0;
				padding: 5px;
				font-family: tahoma;
				font-size: 12px;
				color: #666666;
				text-align: left;
				margin-top:2px;
}

.formulaire-facturation span {
				font-family: tahoma;
				font-size: 10px;
				text-align: left;
				font-weight: normal;
}

.coordonne {
				font-family: tahoma;
				font-size: 12px;
				color: #333333;
				font-style: normal;
				text-align: left;
				padding: 5px 20px 20px 20px;
}

.coordonne span {
				font-family: tahoma;
				font-size: 10px;
				color: #333333;
				font-style: normal;
				text-align: left;
}


.coordonne a {
				font-family: tahoma;
				font-size: 12px;
				color: #333333;
				font-weight: bold;
}

.coordonne-titre {
				font-family: tahoma;
				font-size: 18px;
				color: #669900;
				font-style: normal;
				text-align: left;
				padding: 10px;
				font-weight: bold;
}

 .warning {
				padding: 0px;
				font-family: Tahoma;
				color: #FF0000;
				font-size: 10px;
				border: 0px none #FFFFFF;
}

label {
 margin-top:5px;
  display:block;
  font-weight:normal;
 }
  
.paiement {font-family: Tahoma; font-size: 10px; color: #333333; padding-left:10px; padding-right:5px; padding-top:7px; padding-bottom:15px;font-weight: normal; }

               
.style3 {
				color: #799A0A;
				font-weight: bold;
}

.bg-sous-cat {
				width: 792px;
				height: 70px;
				background-image: url('images/sous-cat.jpg');
				text-align: left;
				vertical-align: top;
}

#sous-cat {
				width: 792px;
				height: 70px;
				background-image: url('images/sous-cat.jpg');
				font-family: tahoma;
				font-size: 12px;
				color: #333333;
				vertical-align: top;
				padding-left:30px;
}

#sous-cat td {
				text-align: left;
				vertical-align: top;
				padding: 13px 10px 0px 0px;
				width: 264px;
}

#sous-cat a {
				color: #333333;
				text-decoration: none;
				background-image: url('images/flche-sous-cat.gif');
				background-repeat: no-repeat;
				background-position: left center;
				padding-left: 10px;
				padding-top: 0px;
				padding-bottom: 3px;
}

#sous-cat a:hover {
				color: #333333;
				text-decoration: underline;
				background-image: url('images/flche-sous-cat.gif');
				background-repeat: no-repeat;
				background-position: left center;
				padding-left: 10px;
				padding-top: 0px;
				padding-bottom: 3px;
}

#inscription {
				font-family: tahoma;
				font-size: 12px;
				font-weight: bold;
				color: #333333;
				width: 700px;
}

#inscription td {
				padding: 3px 0px 0px 0px;
				text-align: left;
}

#inscription input {
				border: 1px solid #999999;
				padding: 2px;
				font-family: tahoma;
				font-size: 11px;
				font-weight: normal;
				color: #333333;
}

#inscription select {
				border: 1px solid #999999;
				padding: 2px;
				font-family: tahoma;
				font-size: 11px;
				font-weight: normal;
				color: #333333;
}

.sep-tab {
				width: 20px;
				border-left-style: solid;
				border-left-width: 1px;
				border-left-color: #999999;
}

#article-consulte {
				width: 760px;
				height: 70px;
				font-family: tahoma;
				font-size: 12px;
				color: #333333;
				vertical-align: top;
				padding-left:12px;
				
}

#article-consulte td {
				text-align: left;
				vertical-align: top;
				padding: 5px 2px 5px 0px;
				
}

.image-contour {
				border: 1px solid #4A6000;				
}

.image-sans-contour {
				border: 0px;				
}


.revendeur {
				font-family: Tahoma;
				font-size: 11px;
				font-weight: bold;
				color: #FFFFFF;
				text-align: left;
				padding-left: 15px;
				padding-right: 20px;
}
.revendeur span{
				font-family: Tahoma;
				font-weight: normal;
				font-size: 9px;
				color: #FFFFFF;
}

.revendeur a{
				font-family: tahoma;
				font-size: 9px;
				font-weight: bold;
				color: #FFFFFF;
}

.gammepro {
				font-family: Tahoma;
				font-size: 11px;
				font-weight: bold;
				color: #FFFFFF;
				text-align: left;
				padding-left: 15px;
				padding-bottom: 15px;
				padding-right: 20px;

}
.gammepro span{
				font-family: Tahoma;
				font-weight: normal;
				font-size: 9px;
				color: #FFFFFF;
}

.gammepro a{
				font-family: tahoma;
				font-size: 9px;
				font-weight: bold;
				color: #FFFFFF;
}

.commander {
				background-image: url('images/commander2.jpg');
				background-repeat: no-repeat;
				border: 0px;
				width: 121px;
				height: 26px;
				vertical-align: top;
}

.devis {
				background-image: url('images/devis.jpg');
				background-repeat: no-repeat;
				border: 0px;
				width: 150px;
				height: 26px;
				vertical-align: top;
}

.ok {
				border: 1px solid #000000;
}

.cgv-titre {
				background-image: url('images/tempalte-3_25.jpg');
				background-repeat: repeat-y;
				vertical-align: top;
				font-size: 13px;
				font-weight: bold;
				color: #96BF0D;
				font-family: tahoma;
				padding: 10px 20px 10px 20px;

}

.cgv {
				background-image: url('images/tempalte-3_25.jpg');
				background-repeat: repeat-y;
				vertical-align: top;
				font-size: 12px;
				font-weight: normal;
				color: #333333;
				font-family: tahoma;
				padding: 10px 20px 10px 20px;

}
