/* -------------------------------------------------------------------------------------------------------------------------- */
/*   16/09/2008                                    par Kinaly                                                                 */
/* -------------------------------------------------------------------------------------------------------------------------- */

/* #F2F2F2 gris clair      */
/* #DCE1E3 gris            */
/* #97C9DB bleu clair      */
/* #6EA4B8 bleu            */
/* #0C161A presque noir    */
/* #036564 vert            */
/* #033649 vert foncé      */
/* #031634 bleu très foncé */

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

html { font-size: 11px; }

body  {
	margin:0;
	padding:0;
	background: #3c3b3b url(/_boutiques/PRIXTOUTCOMPRIS//site_image/bodybg.jpg) repeat-x;
	text-align: left;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

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

p { margin: 0 0 6px 0; }

a {	
	color: #ff5a00;
	text-decoration: none;
	
	outline: none; /* Décision du client */
}

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

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

h1 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0 0 12px 0;
	text-transform: uppercase;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #033649;
	font-family: Arial, Helvetica, sans-serif; margin: 0 0 8px 0;
}

h2.violet {
	color: #700a53;
	border-top: 1px solid #700a53;
	margin-left: 15px;
	margin-right: 15px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #033649;
	font-family: Arial, Helvetica, sans-serif;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #033649;
	font-family: Arial, Helvetica, sans-serif;
}

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

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

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                 */
/* --------------------------------------------------- */
#fond_special {
	background-position: center top;
	position: relative;
	z-index: 1; 
}

#enveloppe-page {
	width: 972px; /* Largeur de page à rendre dynamique */
	margin: auto;
	position: relative;
	background: #3c3b3b url(/_boutiques/PRIXTOUTCOMPRIS//site_image/bodybg_page.jpg) repeat-x;
	z-index: 2;
}

#en-tete {
	position: relative;
	display: block;
	height: 125px; /* Hauteur à rendre dynamique */
}

#ss-en-tete {
	margin-top: 10px;
	height: 222px; 
}
	#sset_col-g {
		width: 190px;
		margin-right: 10px;
		float: left;
	}
	#sset { }



#conteneur {
	position: relative;
	display: block;
	margin-top: 10px;
}

#conteneur-interne {
	display: block;
}

#col-g {
	float: left;
	position: relative;
	display: block;
	width: 190px; /* Largeur de colonne à rendre dynamique */
	left: 0;
	margin: 0;
	padding: 0;
}
	#col-g #bann-left-top2 {
		margin-bottom: 10px;
	}
	#col-g .nav-links-dyn {
		background: #e6e6e6;
		color: #363636;
		padding: 15px;
		margin-bottom: 10px;
	}
		#col-g .nav-links-dyn h2 { color: #363636; margin: 0 0 5px 0; padding: 0; }
		#col-g .nav-links-dyn a { text-decoration: underline; color: #363636; }
		#col-g .nav-links-dyn a:hover { text-decoration: none; color: #363636; }
		#col-g .nav-links-dyn hr { height: 0; border: 0; border-top: 1px solid #fff; margin: 5px 0 5px 0; padding: 0; }

#col-d {
	float: right;
	position: relative;
	display: inline;
	width: 200px; /* Largeur de colonne à rendre dynamique */
	right: 0;
	margin: 0;
}
	#col-g h2.menu-top,
	#col-d h2.menu-top {
		height: 21px;
		margin: 0;
		padding: 15px 10px 0 10px;
		color: #fff;
		text-transform: uppercase;
		font-size: 12px;
	}
	#col-d h2.menu-top.orange { background: url(/_boutiques/PRIXTOUTCOMPRIS//site_image/menu_top_orange.gif) center top repeat-x; }
	#col-g h2.menu-top.violet,
	#col-d h2.menu-top.violet { background: url(/_boutiques/PRIXTOUTCOMPRIS//site_image/menu_top_violet.gif) center top repeat-x; }
	#col-d h2.menu-top.noir { background: url(/_boutiques/PRIXTOUTCOMPRIS//site_image/menu_top_noir.gif) center top repeat-x; } 

.col-interne {
	/* background: #fff; */
	/*padding: 7px 7px 4px 7px;*/	
	padding: 0;	
	margin: 0 0 10px 0; /* Valeur dynamique qui sert à générer une marge pour le contenu des colonnes. */
}
.col-interne2 {
	background: #e4e4e4;
	border: 1px solid #dedede;	
	padding: 5px;
	margin: 0 0 3px 0;
}

	.col-interne2 .img_prd {
		width: 77px; 
		height: 77px;
		float: left;
		overflow: hidden;
	}
		.col-interne2 .img_prd img { width: 72px; height: 72px; }
	
	.col-interne2 .nom_prd { 
		color: #000;
		text-transform: uppercase;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		height: 28px;
		overflow: hidden;
	}
		.col-interne2 .nom_prd a { color: #000; text-decoration: none; }
		.col-interne2 .nom_prd a:hover { color: #000; text-decoration: underline; }
	
	.col-interne2 .prix_prd { 
		color: #ff5a00;
		font-size: 15px;
		font-weight: bold;
		margin-top: 5px;
		margin-bottom: 3px;
	}
	
	.col-interne2 .avis_prd { 
		color: #000;
		font-size: 10px;
	}
		.col-interne2 .avis_prd a { color: #000; text-decoration: none; } 
		.col-interne2 .avis_prd a:hover { color: #000; text-decoration: underline; } 
		.col-interne2 .avis_prd span a { color: #ff5a00; text-decoration: underline; font-size: 11px; } 
		.col-interne2 .avis_prd span a:hover { color: #ff5a00; text-decoration: none; } 


#contenu-principal {
	position: relative;
	display: block;
	height: 1%;
	margin: 0 210px 0 200px; /* Les valeurs gauche et droite équivalent aux largeurs des colonnes latérales */
	/*padding: 5px 8px;*/
}

.clearfloat {
	clear: both;
}

#pied-page {
	display: block;
	height: 40px; /* Hauteur à rendre dynamique */
	text-align: center;
	color:#FFFFFF
}

#pied-page A, pied-page A:hover {
 	color:#FFFFFF
}

#prd_histo_home del { font-size: 11px; }

ul#vignette_prd_histo { list-style: none; margin: 7px 0 0 0; padding: 7px 0 0 0; border-top: 1px solid #B3B3B3; }
	ul#vignette_prd_histo li { margin: 0 0 0 8px; float: left; text-align: center; }
	ul#vignette_prd_histo li.first { margin-left: 0; }
	ul#vignette_prd_histo a { display: block; border: 1px solid #E4E4E4; }
	ul#vignette_prd_histo a:hover,
	ul#vignette_prd_histo a.carrousel_actualFrame { border-color: #FF5A00; }
	ul#vignette_prd_histo img { width: 36px; height: 36px; }


/* --------------------------------------------------- */
/*                structure : éléments                 */
/* --------------------------------------------------- */

#elem_panier {
	background: url(/_boutiques/PRIXTOUTCOMPRIS//theme/icone_panier.gif) no-repeat 0 0;
	position: absolute;
	right: 0;
	top: 70px;
	width: 168px;
	height: 50px;
	font-size: 12px;
}
	#elem_panier p {
		padding: 19px 3px 0 0; 
	}

#elem_panier a { color: #000; padding-left: 128px; }
#elem_panier a:hover { color: #000; }


#compteur_panier {
	font-weight: bold;	
}

#elem_compte {
	position: absolute;
	width: auto;
	right: 52px;
	top: 110px;
	text-align: right;
	padding: 0 20px 0 0;
}

#elem_compte A { color: #FFFFFF; text-decoration: underline; }
#elem_compte A:hover { color: #FFFFFF; text-decoration: none; }


#elem_rechercher { }

#elem_menu { margin: 23px 0 0 0; border-left: 1px solid #ff5a00; height: 26px; }

#elem_menu div {
	width: 87px;
	height: 25px;
	float: left;
}

#elem_menu div a {
	color: #fff;
	font-weight: normal;
	font-size: 8pt;
	text-decoration: none;
	display: block;
	padding: 1px 1px 0 1px;
	text-transform: uppercase;	
	height: 25px;
	line-height: 12px;
	text-align: center;
	overflow: hidden;
	border-right: 1px solid #ff5a00;
	font-family: Arial, Helvetica, sans-serif;
 }
 
#elem_menu a:hover {
	color: #ff5a00;
}

#elem_newsletter { }
	#elem_newsletter h2 { 
		text-transform: uppercase;
		color: #ff5a00;
		font-size: 12px; 
	}

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

form { display: inline; }

.form_text {
	color: #000;
	margin: 0 5px;
	border: 1px solid #a5acb2;
}

.form_img { margin: -10px 0 0 0; }

#form-panier { }

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

.form_col {
	width: 120px;
}

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

input.search, input.go { margin: 4px 0 14px; }


/* --------------------------------------------------- */
/*                  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-auto {
	overflow: auto;
}

/* --------------------------------------------------- */
/*               éléments récurrents                   */
/* --------------------------------------------------- */

.bloc_s {
	width: 400px;
	margin: 3px auto;
}

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

.bloc_l {
	width: 520px;
	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 {
	font-style: italic;
	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: 60px;
	margin: 0 auto;
}

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

#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;}

#news-home {
	margin: 10px 0;
	padding: 8px 6px 25px 6px; /* valeur bottom pour englober le bouton "lire" */
	border: 1px solid #97C9DB;
}

#news-home img { float: left; margin: 0 5px 0 0;}
#news-home p { margin: 0 0 5px 0;}


#prd3_home { 
	/* background: #fff; */
	margin-bottom: 10px;
	/*padding: 7px 0 7px 4px;*/
	padding: 0;
	height: 400px;
}
	#prd3_home .prd_box {
		/*width: 177px;*/
		width: 182px;
		float: left;
		margin: 0;
		height: 400px;
		background: #eaeaea url(/_boutiques/PRIXTOUTCOMPRIS//site_image/prd3_home_bottom.gif) center bottom no-repeat;
	}
	
	#prd3_home h2.menu-top { 
		height: 21px;
		margin: 0;
		padding: 15px 10px 0 10px;
		color: #fff;
		text-transform: uppercase;
		font-size: 12px;
		position: relative;
		top: -1px;
	}
	#prd3_home h2.menu-top.orange { background: url(/_boutiques/PRIXTOUTCOMPRIS//site_image/menu_top_orange.gif) center top repeat-x; }
	#prd3_home h2.menu-top.violet { background: url(/_boutiques/PRIXTOUTCOMPRIS//site_image/menu_top_violet.gif) center top repeat-x; }
	#prd3_home h2.menu-top.noir { background: url(/_boutiques/PRIXTOUTCOMPRIS//site_image/menu_top_noir.gif) center top repeat-x; }
	
	#prd3_home .prd_box .img_prd {
		height: 120px;
		padding: 15px 0 15px 0; 
		margin: 1px;
		background: #fff; 
		text-align: center;
	}
		#prd3_home .prd_box .img_prd img { width: 120px; height: 120px; }
		
	#prd3_home .prd_box .nom_prd { 
		color: #000;
		text-transform: uppercase;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		height: 14px;
		overflow: hidden;
		margin: 7px 7px 2px 7px;
	}
		#prd3_home .prd_box .nom_prd a { color: #000; text-decoration: none; }
		#prd3_home .prd_box .nom_prd a:hover { color: #000; text-decoration: underline; }
		
	#prd3_home .prd_box .ssnom_prd { 
		color: #000;
		font-size: 11px;
		line-height: 14px;
		height: 14px;
		overflow: hidden;
		margin: 3px 7px 7px 7px;
	}
	 
	#prd3_home .prd_box .desc_prd { 
		color: #000;
		font-size: 11px;
		line-height: 14px;
		height: 28px;
		overflow: hidden;
		margin: 3px 7px 7px 7px;
	}
	
	#prd3_home .prd_box .prix_prd { 
		color: #ff5a00;
		font-size: 15px;
		font-weight: bold;
		margin: 7px;
	}
	
	#prd3_home .prd_box .divers_prd {
		margin: 7px;
	}
	
	#prd3_home .prd_box .avis_prd { 
		color: #000;
		font-size: 10px;
		margin: 7px;
	}
		#prd3_home .prd_box .avis_prd a { color: #000; text-decoration: none; } 
		#prd3_home .prd_box .avis_prd a:hover { color: #000; text-decoration: underline; } 
		#prd3_home .prd_box .avis_prd span a { color: #ff5a00; text-decoration: underline; font-size: 11px; } 
		#prd3_home .prd_box .avis_prd span a:hover { color: #ff5a00; text-decoration: none; }
		
	#prd3_home hr {
		height: 0; 
		border: 0; 
		border-top: 1px solid #b3b3b3; 
		margin: 5px 0 5px 0; 
		padding: 0;
	} 


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

.syspage { text-align: center; color: #000; font-weight: bold; font-size: 13px; background: #fff; padding: 2px; margin-bottom: 3px; }
.syspage a { color: #000; }
.syspage a:hover { color: #FF5A00; }

/* --------------------------------------------------- */
/*                     catégorie                       */
/* --------------------------------------------------- */

#produits .bloc-produit { 
	background: #fff;
	margin-bottom: 3px;
	padding: 7px 0 7px 4px;	
}
	
	#produits .bloc-produit .img_prd {
		width: 210px;
		height: 210px;
		padding: 15px; 
		margin: 1px;
		background: #fff; 
		text-align: center;
		float: left;
		display: block;
	}
		#produits .bloc-produit .img_prd img { width: 210px; height: 210px; }
		
	#produits .bloc-produit .nom_prd { 
		color: #000;
		text-transform: uppercase;
		font-size: 13px;
		font-weight: bold;
		line-height: 14px;
		height: 14px;
		overflow: hidden;
		margin: 7px 7px 2px 7px;
	}
		#produits .bloc-produit .nom_prd a { color: #000; text-decoration: none; }
		#produits .bloc-produit .nom_prd a:hover { color: #000; text-decoration: underline; }
		
	#produits .bloc-produit .ssnom_prd { 
		color: #000;
		font-size: 11px;
		line-height: 14px;
		height: 14px;
		overflow: hidden;
		margin: 3px 7px 7px 7px;
	}
	 
	#produits .bloc-produit .desc_prd { 
		color: #000;
		font-size: 11px;
		line-height: 14px;
		height: 98px;
		overflow: hidden;
		margin: 3px 7px 7px 7px;
	}
	
	#produits .bloc-produit .prix_prd { 
		color: #ff5a00;
		font-size: 15px;
		font-weight: bold;
		float: left;
		margin: -1px 15px 0 0;
	}
	
	#produits .bloc-produit .divers_prd {
		margin: 21px 7px 7px 7px;
		/*overflow: auto;*/
		overflow: hidden;
	}
		#produits .bloc-produit .divers_prd hr {
			clear: left;
		}
	
	#produits .bloc-produit .avis_prd { 
		color: #000;
		font-size: 10px;
		margin: 7px;
	}
		#produits .bloc-produit .avis_prd a { color: #000; text-decoration: none; } 
		#produits .bloc-produit .avis_prd a:hover { color: #000; text-decoration: underline; } 
		#produits .bloc-produit .avis_prd span a { color: #ff5a00; text-decoration: underline; font-size: 11px; } 
		#produits .bloc-produit .avis_prd span a:hover { color: #ff5a00; text-decoration: none; }
		
	#produits .bloc-produit hr {
		height: 0; 
		border: 0; 
		border-top: 1px solid #b3b3b3; 
		margin: 5px 0 5px 0; 
		padding: 0;
	} 


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

#ficheproduit {
	background: #fff;
	position: relative;
	padding: 27px 15px 15px 15px;
	overflow: hidden;
}

	#ficheproduit #retour-liste {
		position: absolute;
		background: url(/_boutiques/PRIXTOUTCOMPRIS//site_image/retour-liste.gif) right top no-repeat;
		top: 0;
		right: 0;
		width: 132px;
		height: 23px;
		color: #fff;
		font-weight: bold;
		line-height: 20px;
		text-align: right;
		font-size: 8pt;
	}

	#ficheproduit #img_prd {
		float: left;
		width: 225px;
		/*height: 423px;*/
	}
		#ficheproduit #img_prd img { width: 210px; height: 210px; }
	
	#ficheproduit .nom_prd, #ficheproduit h2 { 
		color: #000;
		text-transform: uppercase;
		font-size: 13px;
		font-weight: bold;
		line-height: 14px;
		height: 14px;
		overflow: hidden;
		margin: 7px 0 2px 0;
	}
		#ficheproduit .nom_prd a { color: #000; text-decoration: none; }
		#ficheproduit .nom_prd a:hover { color: #000; text-decoration: underline; }
	
	#ficheproduit .ssnom_prd, #ficheproduit h3 {
		color: #000;
		font-size: 13px;
		line-height: 14px;
		height: 15px;
		overflow: hidden;
		margin: 3px 0 7px 0;
		font-weight: normal;
	}
	
	#ficheproduit .desc_prd { 
		color: #000;
		font-size: 11px;
		line-height: 14px;
	}
	
	#ficheproduit #vignettes {
		margin-top: 3px;
	}
		/*#ficheproduit #vignettes img { width: 102px; height: 102px; margin: 0 3px 3px 0; float: left; }*/
		#ficheproduit #vignettes img { width: 210px; height: 210px; margin: 0 3px 3px 0; float: left; }
	
	
	#ficheproduit .quantity_prd {
		margin: 0 0 10px 0;
	}
	
	#ficheproduit .prix_prd { 
		color: #ff5a00;
		font-size: 19px;
		font-weight: bold;
		margin: 5px 0 0 0;
		position: relative;
		padding-bottom: 7px;
	}
	
	#ficheproduit .btn_prd {
		position: absolute;
		top: -5px;
		right: 0; 
		text-align: right;
	}
	
	#ficheproduit .msg_disponibilite {
		font-size: 11px;
		position: relative;
		top: 4px;
	}
	
	#ficheproduit .avis_prd { 
		color: #000;
		font-size: 10px;
	}
		#ficheproduit .avis_prd a { color: #000; text-decoration: none; } 
		#ficheproduit .avis_prd a:hover { color: #000; text-decoration: underline; } 
		#ficheproduit .avis_prd span a { color: #ff5a00; text-decoration: underline; } 
		#ficheproduit .avis_prd span a:hover { color: #ff5a00; text-decoration: none; }
		
	#ficheproduit .divers_prd {
		margin: 15px 0 0 240px;
		height: 100px;
	}
		#ficheproduit .divers_prd hr {
			/*width: 170px;*/
		}	
	
	#ficheproduit .infos_prd {
		margin-left: 240px;
	}
		
	#ficheproduit hr {
		height: 0; 
		border: 0; 
		border-top: 1px solid #b3b3b3; 
		margin: 5px 0 5px 0; 
		padding: 0;
	} 
	
	#ficheproduit .avis_txt_prd {
		margin: 20px 0 0 0;
		clear: left;
	}
		
		#ficheproduit .avis_txt_prd h2 {
			text-transform: uppercase;
			color: #000;
			font-weight: bold;
			font-size: 13px;
		}
		
		#ficheproduit .avis_txt_prd a { color: #ff5a00; text-decoration: underline; }
		#ficheproduit .avis_txt_prd a:hover { color: #ff5a00; text-decoration: none; }
		
	#ficheproduit .form_text { font-weight: bold; width: 50px; }
	


#info-produit {
	min-height: 230px;
}

* html #info-produit {
	height: 230px;
}

#info-produit table {
	margin: 0;
}

.enstock { background:transparent url(/_boutiques/PRIXTOUTCOMPRIS//site_image/enstock.gif) 0 3px no-repeat; padding:2px 0 0 20px; text-transform:uppercase; font-size:13px; margin-bottom:15px;}



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

.news { }

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

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

/* TABLEAU A COULEURS ALTERNEES */
.styleCell1 { background-color: #E1E1E1; }
.styleCell1 img { margin: 3px;}
	
.styleCell2 { background-color: #F6F6F6; }
.styleCell2 img { margin: 3px;}

/* --------------------------------------------------------- */
/* old : STYLES  DES ALERTES (panier, mescommandes, parrainage etc */
/* --------------------------------------------------------- */

.black { color: black; }
.orange { color: orange; }
.green { color: green; }
.red { color: red; }

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

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


.color1 { color: #ff5a00; }
.color2 { color: #363636; }


#banniere-haute { float:right; margin-top:8px;}

#menu-left {
	background:#e6e6e6;
	padding:10px;
	color:#000000;
	margin: 8px 0px;
}

.fond-blanc { background:#FFFFFF; padding: 5px; }




.content_menuH {
	border-left: 1px solid #e85404;
	border-bottom: 1px solid #e85404;
	background: #7b0150;
	padding: 10px;
	position: absolute;
	top: 117px;
	left: 0px;
	color: #fff;
	opacity: .93;
	display: none;
	width: 245px;
	/* width: 150px; */
}
	.content_menuH a { 
		color: #fff;
		line-height: 14px;
		padding: 5px;
		display: block;
	}

#pageWeb {
	margin: 0 10px;	
}