/***** COULEURS *****/
.arial-blanc-10-norm {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}

.arial-blanc-10-bold {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.arial-blanc-11-norm {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}

.arial-blanc-11-bold {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.arial-blanc-12-norm {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}

.arial-blanc-12-bold {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.arial-blanc-13-norm {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
}

.arial-blanc-13-bold {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

.arial-blanc-14-norm {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
}

.arial-blanc-14-bold {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.arial-noir-10-norm {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

.arial-noir-10-bold {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

.arial-noir-11-norm {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

.arial-noir-11-bold {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.arial-noir-12-norm {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.arial-noir-12-bold {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.arial-noir-13-norm {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}

.arial-noir-13-bold {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

.arial-noir-14-norm {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
}

.arial-noir-14-bold {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.arial-bleu-10-norm {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #006699;
}

.arial-bleu-10-bold {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #006699;
}

.arial-bleu-11-norm {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #006699;
}

.arial-bleu-11-bold {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #006699;
}

.arial-bleu-12-norm {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #006699;
}

.arial-bleu-12-bold {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
}

.arial-bleu-13-norm {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #006699;
}

.arial-bleu-13-bold {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #006699;
}

.arial-bleu-14-norm {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #006699;
}

.arial-bleu-14-bold {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #006699;
}

a:hover{    
	color: #102E95; 
	font-weight: normal;
}

a{
	font-size: 11px;
	font-weight: normal;
	color: #00659C;
	font-family: Verdana,Arial;
	text-decoration: none;
}

a.menupied {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.menu1 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}

a.menu2 {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}

a.menu3 {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #4CA420;
	text-decoration: none;
	text-align:center;
}

a.menu4 {
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	line-height:13px;
}

a.menu5 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.menu5:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFDC00;
	text-decoration: none;
}

a.menu6 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #023287;
	text-decoration: none;
}

a.menu6:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}


a.menu1:hover,a.menu2:hover,a.menu3:hover,a.menu4:hover{    
	color: #102E95; 
}

.menu1-off{
	background-image:url(../graphisme/bouton-menu-p2-off.jpg);
	}

.menu1-on{
	background-image:url(../graphisme/bouton-menu-p2-on.jpg);
}

.menu2-off{
	background-image:url(../graphisme/menu-gauche-fond-off.jpg);
	}

.menu2-on{
	background-image:url(../graphisme/menu-gauche-fond-on.jpg);
}

body {
	padding:0px;
	margin:0px;
	background-color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #E7ECF5;
	scrollbar-face-color: #666666;
	scrollbar-shadow-color: #666666;
	scrollbar-highlight-color: #666666;
	scrollbar-darkshadow-color: #666666;
	scrollbar-3dlight-color: #666666;
}

p {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.degrade1 {
	background-image:url(../graphisme/degrade1.jpg);
	background-position:center;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	border-top:0px solid #00659C;
	border-bottom:0px solid #00659C;
}

.bandeau {
	background-image:url(../graphisme/magasin-de-bricolage.jpg);
	background-position:left;
	background-repeat:no-repeat;
	background-color:#4F95DB;
}

.degrade2 {
	background-image:url(../graphisme/degrade2.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

.degrade3 {
	background-image:url(../graphisme/degrade3.jpg);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#E8F3F9;
	border-left: 1px solid #868686;
	border-right: 1px solid #868686;
}

.fond-slogan {
	background-image:url(../graphisme/fond-slogan.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

select,textarea,button,input {
	font-family: Arial, Helvetica, sans-serif, impact, Fixedsys;
	font-size: 12px;
	font-weight: normal;
}

#bouton{
background-image:url(../graphisme/btn-cliquezici.gif);
color:#000000;
font-weight:bold;
background-color:#CCECE9;
text-decoration:none;
border:0px solid #8C8C8C;
}

pre {
	font-family: Arial, Helvetica, sans-serif, impact, Fixedsys;
	font-size: 12px;
	font-weight: normal;
	color: #fc5f00;
	font-style: normal;
}

em {
	font-family: Arial, Helvetica, sans-serif, impact, Fixedsys;
	font-size: 12px;
	font-weight: bold;
	color: #fc5f00;
	font-style: normal;
}

td {
	font-family: Arial, Helvetica, sans-serif, impact, Fixedsys;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	font-style: normal;
}

#conteneur {
	background-color: #FFFAE5;
	position:absolute;
	width: 780px;
	height: 400px;
	left: -2px;
	top: -2px;
	border: 1px solid #000;
	padding: 10px;
}

.cadre-entete-g {
	background-image:url(../graphisme/poste-a-souder-g.gif);
	background-color:#FFFFFF;
	padding-left:13px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif, impact, Fixedsys;
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
	text-align:left;
}

.cadre-entete-d {
	background-image:url(../graphisme/poste-a-souder-d.gif);
	background-color:#FFFFFF;
	padding-right:13px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif, impact, Fixedsys;
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
	text-align:right;
}


div#panier {
	background-image:url(../graphisme/prosoud-bricolage-panier.gif);
	background-color:#FFFFFF;
	color:#000000;
	line-height:22px;
}

a.panier {
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif, impact, Fixedsys;
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
	text-align:right;
}

a.panier:hover{
	color: #FFEA00;
}

.entete-panier {
	padding-right:13px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif, impact, Fixedsys;
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
	text-align:right;
}

.cadre-contenu-blanc {
	background-image:url(../graphisme/sousdegrade1.gif);
	background-repeat:no-repeat;
	border: 1px solid #414141;
	background-color:#FFFFFF;
	padding-top:5px;
	padding-bottom:4px;
	padding-right:4px;
	padding-left:4px;
}

.cadre-revendeur {
	border: 1px solid #414141;
}

.cadre-contenu-bleu {
	background-image:url(../graphisme/sousdegrade2.gif);
	background-repeat:no-repeat;
	border: 1px solid #414141;
	background-color:#B9CEFC;
	padding-top:5px;
	padding-bottom:4px;
	padding-right:4px;
	padding-left:4px;
}

.cadre-contenu-blanc {
	border: 1px solid #414141;
	background-color:#FFFFFF;
	padding-top:5px;
	padding-bottom:0px;
	padding-right:4px;
	padding-left:4px;
}

/*******************************/
/******* BLOC AVANTAGES ********/
/*******************************/
#bloc_avantage_prosoud{
	width:180px;
}

#bloc_avantage_prosoud img{
	margin:0 0 5px 0;
}

#bloc_avantage_prosoud .livraison, #bloc_avantage_prosoud .depensezmois, #bloc_avantage_prosoud .paiement3x, #bloc_avantage_prosoud .paiement5x{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

#bloc_avantage_prosoud .livraison:hover, #bloc_avantage_prosoud .depensezmois:hover, #bloc_avantage_prosoud .paiement3x:hover, #bloc_avantage_prosoud .paiement5x:hover{ opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60); }
/*******************************/
/*******************************/
/*******************************/

.cadre-contenu-gris {
	background-image:url(../graphisme/sousdegrade3.gif);
	background-repeat:no-repeat;
	border: 1px solid #414141;
	background-color:#E2DEDE;
	padding-top:5px;
	padding-bottom:4px;
	padding-right:4px;
	padding-left:4px;
}

.submit1 {
	background-color: #d6d1ce;
	font-family: Arial, Helvetica, sans-serif, impact, Fixedsys;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	font-style: normal;
	border-color: #333333;
	border-width: 1px;
	border-style: outset
}

div#nav_hori_contener_sous {
	background-image:url(../graphisme/degrade-menuderoulant.jpg);
	background-repeat:repeat-x;
	background-color:#CCCCCC;
	color:#000000;
	padding-top:0px;
	white-space:nowrap;
	border-left: 1px solid #00659C;
	border-right: 1px solid #00659C;
	border-bottom: 1px solid #00659C;
	text-align:left;
}

div#nav_hori_contener_sous a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:5px;
	color:#3366AA;
}

div#nav_hori_contener_sous a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:5px;
	color:#FFFFFF;
	background-color:#01669A;
}

div#nav_menu_gauche {
	background-image:url(../graphisme/fond-menu-gauche-1-off.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	color:#000000;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	white-space:nowrap;
	border-left: 0px solid #00659C;
	border-right: 0px solid #00659C;
	border-bottom: 0px solid #00659C;
	text-align:left;
	line-height:22px;
}

div#nav_menu_gauche a {
	padding-left:7px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height:22px;
}

div#nav_menu_gauche a:hover{
	padding-left:10px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFEA00;
	text-decoration: none;
	line-height:22px;
	background-image:url(../graphisme/fond-menu-gauche-1-on.jpg);
	background-repeat:repeat-y;
}

div#nav_menu_gauche2 {
	background-image:url(../graphisme/fond-menu-gauche-2-off.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	color:#000000;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	white-space:nowrap;
	border-left: 0px solid #00659C;
	border-right: 0px solid #00659C;
	border-bottom: 0px solid #00659C;
	text-align:left;
	line-height:22px;
}

div#nav_menu_gauche2 a {
	padding-left:7px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height:22px;
}

div#nav_menu_gauche2 a:hover{
	padding-left:10px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFEA00;
	text-decoration: none;
	line-height:22px;
	background-image:url(../graphisme/fond-menu-gauche-1-on.jpg);
	background-repeat:repeat-y;
}

/* CSS obligatoire pour le menu deroulant non modifiable */
.nav_hori_menu_pad{
margin:0;
padding:0;
}

.contenant{
  display : block;
  border: 0px solid #000000;
  margin:0px;
  padding:0px;
}


a#lien_categorie_nom_liste_rayons{
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#1E40B2;
text-decoration:none;
background:none;
background-color:#FFFFFF;
}
a:visited#lien_categorie_nom_liste_rayons{
font-size:14px;
color:#1E40B2;
text-decoration:none;
font-weight:bold;
background:none;
}
a:hover#lien_categorie_nom_liste_rayons{
font-size:14px;
color:#298120;
text-decoration:underline;
font-weight:bold;
background:none;
}
a:active#lien_categorie_nom_liste_rayons{
font-family:Arial;
font-size:14px;
color:#1E40B2;
text-decoration:none;
font-weight:bold;
background:none;
}

.promo_cl_fond{
	background-color:#FFFFFF;
	margin-top:5px;
	padding:5px;
}

.promo_cl_titre{
	font-family:Arial;
	font-size:13px;
	color:#000000;
	font-weight:bold;
	text-align:center;
}

.promo_cl_img{
	margin-top:5px;
}

.promo_cl_prix{
	text-align:center;
}

.promo_cl_prixpromo{
	font-family:Arial;
	font-size:14px;
	color:#c70416;
	font-weight:bold;
	text-align:center;
}

.promo_cl_prixbarre{
	font-family:Arial;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	text-align:center;
}

.promo_cl_btninfo{
	text-align:center;
	margin-top:5px;
}

.flash_cl_fond{
	background-color:#FFFFFF;
	margin-top:5px;
	padding:5px;
}

.flash_cl_titre{
	font-family:Arial;
	font-size:13px;
	color:#000000;
	font-weight:bold;
	text-align:center;
}

.flash_cl_img{
	margin-top:5px;
}

.flash_cl_prix{
	text-align:center;
}

.flash_cl_prixpromo{
	font-family:Arial;
	font-size:14px;
	color:#c70416;
	font-weight:bold;
	text-align:center;
}

.flash_cl_prixbarre{
	font-family:Arial;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	text-align:center;
}

.flash_cl_btninfo{
	text-align:center;
	margin-top:5px;
}

.bloc-promotion{
	margin-top:10px;
}


#bloc_lien_top_article a{
	color:#1e40b2;
	text-decoration:none;
	font-size:11px;
}

#bloc_lien_top_article a:hover{
	color:#bd0100;
	text-decoration:none;
	font-weight:bold;
}
