/* --------------------------------------------------- */
/*     initialisation : balises XHTML gÈnÈrales        */
/* --------------------------------------------------- */

html { font-size: 11px; }

body  {
	margin:0; padding:0;
	background: #fff;
	text-align: left; 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
}

img {
	border:0px;
	margin: 0;
}

p { margin: 0 0 6px 0; }

a {	
	color: #0064c8;
	text-decoration: none;
}

a:hover {
	color: #0064c8;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 { margin: 0 0 4px 0; padding: 0; }

h1 {
	font-size: 12px;
	font-weight: bold;
	color: #0064c8;
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; border-bottom: 2px solid #9B9B9B; padding-bottom: 4px; margin-bottom: 8px;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #0064C8;
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; border-bottom: 2px solid #9B9B9B; padding-bottom: 4px;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	color: #00649b;
	font-family: Tahoma, Arial, Helvetica, sans-serif; text-indent: 10px;
	background: url(/_boutiques/PRICE_CONNECTION/site_image/fleche-grise.gif) 0 4px no-repeat;
}

h3 a, h3 a:hover { color: #0064c8;}

h4 {
	font-size: 11px;
	font-weight: bold;
	color: #00649b;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
}

h4 a, h4 a:hover { color: #00649b;}

th {
	color: #FFFFFF;
	background-color: #999999;
	padding: 3px;
}

th a { color:#FFFFFF; }

em {
	font-style: normal;
		color: teal;
}

strong {

}

table {
	margin: 0 auto;
	border: 0;
}

form { margin:0; padding:0; }

fieldset { border: 0; margin: 0; padding: 0;}

input {
	color:#000000;
	font-size: 10px;
	vertical-align: middle;
}

select, option {
	color:#000000;
	font-size: 10px;
	padding-left: 4px;
}

textarea {
	color:#000000;
	font-size: 10px;
	margin: 6px 0;
}

input {
	margin: 4px 0;
}

del { color: #0C161A}


/* --------------------------------------------------- */
/*                structure : armature                 */
/* --------------------------------------------------- */

#enveloppe-page {
	width: 960px; /* Largeur de page ‡ rendre dynamique */
	margin: auto;
}

#en-tete {
	display: block;
	height: 172px; /* Hauteur ‡ rendre dynamique */
	background: #FFFFFF url(/_boutiques/PRICE_CONNECTION//site_image/header2.png) 50% 100% no-repeat;
	position: relative;
}

#conteneur {
	position: relative;
	display: block;
	background: transparent;
}

#conteneur-interne {
	display: block;
}

#col-g {
	float: left;
	position: relative;
	display: inline;
	width: 210px; /* Largeur de colonne ‡ rendre dynamique */
	left: 0;
	margin: 0 5px 0 0;
	z-index: 100;
	padding: 0;
}

.col-interne {
	margin: 4px; /* Valeur dynamique qui sert ‡ gÈnÈrer une marge pour le contenu des colonnes. */
}

#contenu-principal {
	position: relative;
	display: block;
	
	z-index: 10;
	padding-top: 18px;
	overflow: hidden;
}

body.pc_categorie #contenu-principal { padding-top: 4px;}


.clearfloat {
	clear: both;
}

#pied-page {
	background: url(/_boutiques/PRICE_CONNECTION//site_image/cb.gif) 0 3px no-repeat;
	display: block;
	height: 44px; /* Hauteur ‡ rendre dynamique */
	text-align: center;
	padding: 12px 0 0;
	border-top: 3px solid #9b9b9b;
}

#pied-page p { text-indent: 190px;}

/* --------------------------------------------------- */
/*                structure : ÈlÈments                 */
/* --------------------------------------------------- */

#infos-header {
	height: 83px;
	margin-left: 530px;
	padding: 12px 0 0;
	width: 450px;
}

.col-head { float: left; width: 200px; height: 68px; position: relative;}

#elem_panier {
	height: 40px;
}

#elem_panier h2 {
	border: none;
	padding: 0;
}

#elem_panier img {
	margin: 0 5px 0 0;
}

#elem_compte {
	position: relative;
	padding: 0 0 0 20px;
	background: transparent url(/_boutiques/PRICE_CONNECTION//theme/icone_moncompte.gif) 0 0 no-repeat;
	top: 8px;
}

#elem_rechercher { 
	width: 200px;
	clear: left;
	float: left;
	padding:10px 0 0 20px;
}

#elem_rechercher h2 { 
	border: none;
	color: #fff;
	text-indent: 5px;
	margin-top: 3px;
}

#elem_menu {
}

#elem_menu a {
	color: #000000;
	text-decoration: none;
	text-indent: 20px;
	display: block;
	width: 140px;
	height: 20px;
	line-height: 20px;
	background:  transparent url(/_boutiques/PRICE_CONNECTION//site_image/menu_rollover.gif) 0 0 no-repeat;
 }
 
#elem_menu a:hover {
	color: #0033FF;
	background:  transparent url(/_boutiques/PRICE_CONNECTION//site_image/menu_rollover.gif) -140px 0 no-repeat;
}

#elem_newsletter { }

/* --------------------------------------------------- */
/*        classes pour l'aspect graphique              */
/* --------------------------------------------------- */

#lien-header {
	display: block;
	float: left;
	margin: 8px 0 0 5px;
}

#lien-banniere {
	background: none;
	display: block;
	height: 78px;
	left: 270px;
	margin-top: 5px;
	position: absolute;
	top: 5px;
	width: 231px;
	z-index: 10;
}

ul#header-menu {
	position: relative;
	float: right;
	height: 71px;
	width: 740px;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#header-menu li {
	background:transparent url(/_boutiques/PRICE_CONNECTION//site_image/fond-btm-menu-haut2.png) no-repeat 100% 0;
	display:inline-table;
	float:left;
	font-weight:bold;
	height:71px;
	line-height:71px;
	padding:0 12px 0 11px;
	text-transform:uppercase;
	font-size: 13px;
}

ul#header-menu li.last {
	padding: 0 0 0 12px;
	background: none;
}

ul#header-menu a { color: #fff;;}
ul#header-menu a:hover { text-decoration: none;}

.fleche-bas {
	background: transparent url(/_boutiques/PRICE_CONNECTION//site_image/fleche-bas.gif) 50% 100% no-repeat;
	height: auto;
	padding-bottom: 13px;
}

.cat-box {
	width: 200px;
}

.cat-top {
	display:block;
	background: transparent url(/_boutiques/PRICE_CONNECTION//site_image/cat-top) 0 0 no-repeat;
	height: 14px;
	margin: 0;
}

.cat-milieu {
	background: transparent url(/_boutiques/PRICE_CONNECTION//site_image/cat-milieu.gif) 0 0 repeat-y;
	padding: 0 12px;
	overflow: hidden;
}

.cat-milieu p {
	margin: 0;
}

.cat-milieu h3 {
	color: #ff9100;
	text-transform: uppercase;
	font-size: 12px;
	border-bottom: 2px solid #9B9B9B;
	padding-bottom: 4px;
	margin-top: 0;
	background: none;
	text-indent: 0;
}

.cat-milieu a {
	display: block;
	width: 176px;
	background: transparent url(/_boutiques/PRICE_CONNECTION//site_image/point-hor.gif) 0 100% repeat-x; 
	color: #000000;
	font: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
}

.cat-bas {
	display: block;
	background: transparent url(/_boutiques/PRICE_CONNECTION//site_image/cat-bas.gif) 0 0 no-repeat;
	height: 15px;
	margin: 0 0 10px 0;
}

ul#liste-cat, ul#liste-cat ul, #pro-consult ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#liste-cat li, #pro-consult ul li {
	background: url(/_boutiques/PRICE_CONNECTION/site_image/fleche-grise.gif) 0 8px no-repeat;
	text-indent: 10px;
}

#liste-cat ul,
#liste-cat li.click ul ul,
#liste-cat li.click ul li.hover ul ul {display:none;}

ul#liste-cat ul li { text-indent: 20px; background-position: 10px 8px;}

#liste-cat li.click ul {display:block;}

.selecteurrayon { margin: 8px 0 0; width: 176px;}

#second { margin-top: 10px;}

#paiement img { display: inline; float: left; max-width: 47px; margin: 0 5px;}

/* --------------------------------------------------- */
/*                    formulaires                      */
/* --------------------------------------------------- */

p.bouton input { width: auto; }

.form_text {
	color: #666666;
	margin: 0 5px;
}


#form-panier { }

#form-panier td { vertical-align: middle; }

.form_col {
	width: 120px;
}

.imgspoon {
	margin: 0;
	padding-top: 3px;
}

/* --------------------------------------------------- */
/*                  classes gÈnÈrales                  */
/* --------------------------------------------------- */

.droite { text-align: right;}
.gauche { text-align: left;}
.centre { text-align: center;}

.fl-droite { float: right; }
.fl-gauche { float: left; }

.txt-italique { font-style: italic; }

.nobr { white-space: nowrap; }

.overflow-hide { overflow: hidden;}


/* --------------------------------------------------- */
/*               ÈlÈments rÈcurrents                   */
/* --------------------------------------------------- */

.bloc_s {
	width: 580px;
	margin: 3px auto 3px 0;
}

.bloc_xs {
	width: 380px;
}

.bloc_m {
	width: 580px;
	margin: 3px auto;
}

.bloc_l {
	width: 700px;
	margin: 3px auto;
}

.alerte_erreur {
	color: #FF0000;
	font-weight: bold;
}
.alerte_info {
	color: #009933;
	font-weight: bold;
}

.encart-dynamique {
	margin: 10px 0 0 0;
}

.encart-dynamique li {
	
}

.avis {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}

.i-frame {
	background: #FFF;
	padding: 4px 8px;
}

.i-frame form input {
	margin: 3px 0 10px 0;
}

.i-frame p {
	margin: 0;
}

/* largeur ‡ spÈcifier pour centrer le bloc */
#bloc-pro-asso { 
	width: @LARGEUR_BLOC_PRO_ASSO@;
	margin: 0 auto;
}

/* --------------------------------------------------- */
/*                       index                         */
/* --------------------------------------------------- */

#accroche { background: url(http://www.price-connection.com/imgfck/65/Image/main.gif) 500px 90px no-repeat;margin: 12px 0; text-align: center; font-size: 2em; padding-bottom: 50px;}

#home { width: 65%; float: left; margin: 0 2% 0 0;}

#homeLink {
	background-image: url(/_boutiques/PRICE_CONNECTION//theme/icone_homepage.gif);
	background-repeat: no-repeat;
	text-indent: 16px;
}

#news-home { width: 32%; float: left;}

#txt-home { border-bottom: 1px dotted #036564; padding-bottom: 10px;}
#txt-home a { color:#000000; text-decoration:none }
#txt-home a:hover { color:#000000; text-decoration:none }
#txt-home img { margin-right:8px;}

ul.home-produits { list-style: none;}
ul.home-produits { margin: 0; padding: 0; }
ul.home-produits li.last { background: none;}


#coupsdecoeur {  }

.pc_index h2 { color:#FF9100; font-size:13px;}

/* --------------------------------------------------- */
/*                 catalogue, rayons                   */
/* --------------------------------------------------- */

.syspage  { text-align: center; }
.syspage a  {  }
.syspage a:hover  {  }

/* --------------------------------------------------- */
/*                     catÈgorie                       */
/* --------------------------------------------------- */

ul#liste_fournisseur { list-style: none; margin: 0; padding: 0;}
	ul#liste_fournisseur li { float: left; height: 30px; margin: 5px 10px; width: 125px;}
		ul#liste_fournisseur li a { color: #555; font-weight: bold;}

.separateur { width: 100%; min-height: 10px; background: url(/_boutiques/PRICE_CONNECTION/site_image/pt-hor.gif) 0 5px repeat-x; clear: both;}

.separateur h3 { padding-top: 12px; background-position: 0 16px;}

body.pc_categorie #contenu-principal h1 { padding-top: 40px;}

#produits { background: url(/_boutiques/PRICE_CONNECTION/site_image/oint-ver.png) 50% 0 repeat;}

div#produits div.last { background: none;}

.bloc-produit {
	width: 180px;
	min-height: 265px;
	margin: 2px;
	background: url(/_boutiques/PRICE_CONNECTION/site_image/pt-ver.gif) 100% 0 repeat-y;
}
* html .bloc-produit { height: 265px;}

body.pc_categorie_x6 .bloc-produit {
	min-height: 120px;
	margin: 2px;
	background: url(/_boutiques/PRICE_CONNECTION/site_image/pt-ver.gif) 100% 0 repeat-y;
}
* html body.pc_categorie_x6 .bloc-produit { height: 120px;}

body.pc_categorie_x6 .last { background: none;}

.bloc-produit table {
	margin-top: -4px;
	padding-right: 4px;
}

.bloc-produit h3 {
	background: url(/_boutiques/PRICE_CONNECTION/site_image/fleche-grise.gif) 12px 12px no-repeat;
	padding: 8px 12px 0;
	height: 57px;
}

body.pc_categorie_x6 .bloc-produit h3 {
	height: auto;
}

.bloc-produit p {
	margin: 2px 0 6px 0;
	font-size: 16px;
}

.bloc-produit strong {
	font-size: 16px;
	color: red;
}

.box-img { height: 140px; position: relative;}
.pastille { position: absolute; bottom: 5px; right: 10px;}

/* --------------------------------------------------- */
/*                    fiche produit                    */
/* --------------------------------------------------- */

#fp { overflow: hidden;}

#img-produit-box {
	margin: 0 12px 12px 0;
	background: url(/_boutiques/PRICE_CONNECTION/site_image/pt-ver.gif) 100% 0 repeat-y;
}

#img-produit {
	padding: 12px;
	position: relative;
	height: 140px;
}

#info-produit {
	width: 50%;
}

#info-produit table {
	margin: 0;
}

/*
#description { font-weight: bold;}
*/

.vignettes img {
	height: 40px;
	width: 40px;
	margin: 4px 6px 4px 0;
}

#fp-prix { margin: 6px 0; line-height: 22px; font-size: 16px; color: red; font-weight: bold;}
#fp-prix span { margin: 0 12px 0 0;}

.separateur h2 { padding: 12px 0 0; color: #0064c8; background: url(/_boutiques/PRICE_CONNECTION/site_image/fleche-grise.gif) 0 18px no-repeat; text-indent: 10px; text-transform: uppercase;}

.pc_ficheproduit .bloc-produit { float: left; min-height: 165px; text-align: center; width: 120px; }
* html .pc_ficheproduit .bloc-produit { height: 165px;}
	.pc_ficheproduit .bloc-produit p { font-size: 11px; }
	
.pc_ficheproduit .last { background: none;}

/* --------------------------------------------------- */
/*                        news                         */
/* --------------------------------------------------- */

.news { }

#news-date-titre {
	font-size: 11px;
	font-weight: normal;
}

/* ---------------------------------------------------- */
/*                 processus de commande                */
/* --------------------------------------------------- */

.pdc-separateur { color: #888;}

#pdc_box {
	font-size: 12px;
	color: #CCC;
	min-height: 40px;
}

#pdc_box ul {
	list-style: none;
	padding: 0;
	margin: 0 0 12px;
}

#pdc_box ul li {
	float: left;
	padding: 0;
	margin: 0 3px;
	height: 26px;
	line-height: 26px;
}

#pdc_box ul li.currentstep {
	color: red;
}

#pdc_box ul li span.highlight {
	border: 1px solid #ccc;
	padding: 4px 8px 3px 8px;
}

#pdc_box ul li.currentstep span.highlight {
	border: 1px solid red;
	padding: 4px 8px 3px 8px;
}

.red { color: #FF0000; font-weight: bold;}

/* --------------------------------------------------- */
/*                       panier                        */
/* --------------------------------------------------- */

/* TABLEAU A COULEURS ALTERNEES */
.styleCell1 { background-color: #E1E1E1; }
.styleCell1 img { margin: 3px;}
tr.styleCell1 strong { line-height: 2em; margin: 3px;}
	
.styleCell2 { background-color: #F6F6F6; }
.styleCell2 img { margin: 3px;}
tr.styleCell2 strong { line-height: 2em; margin: 3px;}

/* --------------------------------------------------- */
/*                     ami.htm                             */
/* --------------------------------------------------- */

.form-ami p { width: 50%; float: left;}
.form-ami label { display: block; width: 120px; }
.form-ami input { width: 80%;}
.form-ami p.bouton { width: 100%;}

/* --------------------------------------------------- */
/*                avis.htm
/* --------------------------------------------------- */

body.pc_avis h3 {clear: both;}
body.pc_avis h2 {border: none;}
body.pc_avis ol li { 	background: transparent url(/_boutiques/PRICE_CONNECTION//site_image/point-hor.gif) 0 100% repeat-x; padding: 3px 0 8px;}

.avis-imgbox { width: 180px; height: 180px; float: left;}
.avis-imgbox img { margin: 20px;}

.form-avis p { width: 50%; float: left;}
.form-avis label { display: block; width: 160px; }
.form-avis input { width: 80%;}
.form-avis p.bouton, .form-avis p.alerte_info, .form-avis p.alerte_erreur { width: 100%;}

/* --------------------------------------------------------- */
/*                    ajout-panier                    */
/* --------------------------------------------------------- */

.lyteframe { padding-top: 70px;}

/* --------------------------------------------------------- */
/*                     choix paiement                               */
/* --------------------------------------------------------- */

body.pc_choix-paiement div#pagesWeb h2 { margin-top: 12px;}


/* --------------------------------------------------------- */
/*                      autres                               */
/* --------------------------------------------------------- */

#pagesWeb { width: 70%;}

#LARGE #pagesWeb { width: 100%;}

/* ------------------------------------- */
/* STYLES CSS PERSONNALISES              */
/* Placez vos sytles personnels ici            */
/* ------------------------------------- */

.erreur {
	color: red;
	font-weight:bold;
}
.noerreur {
	
}