@import url("style_Contenant_Catalogue.css");
@import url("style_Contenant_Rubrique.css");
@import url("style_Contenant_meilleures_ventes.css");
@import url("style_Contenant_promotions.css");
@import url("style_Contenant_nouveautes.css");
@import url("style_Contenant_produit.css");
@import url("style_Contenant_compte.css");
@import url("style_Contenant_panier.css");
@import url("style_Contenant_commande.css");
@import url("style_Contenant_contenu.css");
@import url("style_Contenant_Recherche.css");
@import url("thickbox.css");



/* CSS Document, site ErgonoShop *************************
*                                                        *
*  Karim Belkacem                                        *
*                                                        *
******************************************************* */



/* ------------------------------- CSS balises standard */

html, body {
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../_images/bg_entete.png);
	background-repeat: repeat-x;
	background-position: left top;
}

a:link, a:active, a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}

a:link img, a:active img, a:visited img, a:hover img {
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* -------------------------------------- CSS image png */

img {
   behavior: url("pngbehavior.htc");
}

/* ---------------------------- CSS Effaceur Bloc Float */

.EffaceurGauche {
	clear: left;
}

.EffaceurGaucheDroite {
	clear: both;
}

.EffaceurDroite {
	clear: right;
}


/* ------------------------------------------ CSS Perso */

#Page {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: transparent;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	/*background-image: url(../_images/bg_page.png);
	background-repeat: repeat;*/
	background-position: left top;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #990033;
}

/* ------------------------------------------ CSS Entete */

#Entete {
	margin: 0px;
	padding: 0px;
	height: 140px;
	width: 100%;
}

#BoxLang {
	width: 80px;
	position: absolute;
	z-index: 1501;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 580px;
	text-align: right;
	padding: 0px;
}

#BoxLang h3 {
	font-size: 11px;
	color: #FFFFFF;
	margin: 0px;
	background-image: url(../_images/FlecheLang.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#BoxLang ul {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin-top: -15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
	text-align: left;
}

#BoxLang ul li {
	font-size: 11px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
}

#BoxLang ul li a {
	display: block;
}

#BoxLang ul li a:hover {
	padding-left: 12px;
	background-image: url(../_images/LangEnCours.gif);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}

#BoxLang .invisible {
	display: none;
}

#BoxLang ul.visible {
	display: block;
}
	
#TitreSite {
	padding: 0px;
	width: 450px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: absolute;
	z-index: 1000;
}

#TitreSite h2 {
	margin: 0px;
	padding: 0px;
	height: 90px;
	width: 570px;
	background-image: url(../_images/logo.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	float: left;
}

#TitreSite h2 span {
	display: none;
}

#MenuPrincipaleOnglet {
	text-align: left;
	padding: 0px;
	margin-top: 105px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: absolute;
	z-index: 2000;
}

#MenuPrincipaleOnglet ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#MenuPrincipaleOnglet ul li {
	float: left;
	margin-left: 1px;
	font-size: 12px;
	text-transform: uppercase;
}

#MenuPrincipaleOnglet ul li a {
	float: left;
	text-decoration: none;
	letter-spacing: 1px;
	padding-left: 15px;
	background-image: url(../_images/bg_Btn_Menu_Gauche.png);
	background-position: 0% -36px;
	background-repeat: no-repeat;
	cursor: pointer;
	background-color: transparent;
	border-left-width: thin;
	background-repeat: repeat-x;
	background-position: left;
}

#MenuPrincipaleOnglet ul li#actif {
	float: left;
	text-decoration: none;
	letter-spacing: 1px;
	padding-left: 15px;
	
  background-image: url(../_images/bg_Btn_Menu_Gauche.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  
  background-color: tranparent;
}

#MenuPrincipaleOnglet ul li a span {
	float: left;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 9px;
	padding-left: 0px;
	
	background-image: url(../_images/bg_Btn_Menu_Droite.png);
	background-position: 100% -36px;
	background-repeat: no-repeat;
	
	background-color: tranparent;
	color: #000000;
}

#MenuPrincipaleOnglet ul li#actif span {
	float: left;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 9px;
	padding-left: 0px;
	
  background-image: url(../_images/bg_Btn_Menu_Droite.png);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  
  background-color: tranparent;
	color: #CC0066;
}

#MenuPrincipaleOnglet ul li a:hover {
	
  background-position: 0% -72px;
  
  background-color: #7720B7; 
}

#MenuPrincipaleOnglet ul li a:focus {
	
  background-position: 0% -72px;
  
  background-color: tranparent;
}

#MenuPrincipaleOnglet ul li a:hover span {
	
  background-position: 100% -72px;
  
  background-color: tranparent;
}

#MenuPrincipaleOnglet ul li a:focus span {
	
  background-position: 100% -72px;
  
  background-color: tranparent;
}

#FormulaireRecherche {
	
	background-image: url(../_images/bg_form_recherche.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
	padding: 0px;
	height: 42px;
	width: 280px;
	position: absolute;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 670px;
	z-index: 3000;
	background-color: transparent;
}

#FormulaireRecherche form {
	font-size: 12px;
	color: #FFF;
	text-align: center;
	margin-top: 10px;
}

#FormulaireRecherche form label {
	font-weight: bold;
}

input.valider {
	font-weight: bold;
	color: #FFF;
	background-color: tranparent;
	margin: 0px;
	padding: 2px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
}


#MenuContenu {
	padding: 0px;
	width: 940px;
	position: absolute;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*margin-left: 570px;*/
	/*text-align: right;*/
	z-index: 5000;
	border: grey dotted 1px;
	background-color:white;
}

#MenuContenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#MenuContenu ul li {
	margin: 0px;
	list-style-type: none;
	display: inline;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 6px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: transparent;
}

#MenuContenu ul li:first-child {
	border-left-width: 0px;
	border-left-style: none;
}

#MenuContenu ul li a {
	font-size: 10px;
	color: #990033;
	text-transform: uppercase;
	font-weight: bold;
}

#MenuContenu ul li a:hover, #MenuContenu ul li a.Selected {
	color: #CC0033;
}

#MenuContenu ul li a.selected {
	color: #CC0033;
}


/* ------------------------------------------ CSS Sous Menu / Hierarchie */

#SousMenuHierarchie {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: 12px;
	text-transform: uppercase;
}

#SousMenuHierarchie strong {
	float: left;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	margin: 0px;
}

#SousMenuHierarchie em  {
	float: left;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bold;
}

#SousMenuHierarchie ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#SousMenuHierarchie ul li {
	display: inline;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
	margin: 0px;
}

#SousMenuHierarchie ul li:first-child {
	border-left-width: 0px;
	border-left-style: none;
}

#SousMenuHierarchie ul li a, #SousMenuHierarchie ul li a:hover {
	margin: 0px;
	padding: 0px;
}

#SousMenuHierarchie ul li a.selected, #SousMenuHierarchie ul li a.selected:hover {
	color: #000000;
	padding-right: 3px;
	padding-left: 3px;
}

/* ------------------------------------------ CSS Contenant */

#Contenant {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.EncartImageProduit {
	position: absolute;
	width: 148px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
	height: 148px;
	background-color: #FFFFFF;
}

.EncartTitreProduit {
	position: absolute;
	width: 143px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	z-index: 200;
}

.EncartPrixProduit {
	text-align: right;
	position: absolute;
	margin-top: 112px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	z-index: 300;
	background-image: url(../_images/bg_encart_produit.png);
}

.EncartPrixProduit strong {
	font-size: 12px;
	font-weight: bold;
	display: block;
	margin: 0px;
	width: 140px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.EncartPrixProduit a {
	display: block;
	margin: 0px;
	width: 140px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.EncartTitreProduit br, .EncartPrixProduit br {
	display: none;
}

/* ------------------------------------------ CSS Contenant Gauche */

#ContenantGauche {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 310px;
}

#MeilleuresVentes {

}

.MeilleuresVentesDebut {

	padding: 0px;
	float: left;
	width: 148px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	height: 148px;
	background-color: #FF99CC;
	background-image: url(../_images/bg_carre_150.png);
	background-repeat: no-repeat;
	background-position: 95% 95%;
}

.MeilleuresVentesDebut strong {
	font-size: x-small;
	text-transform: uppercase;
	color: #000000;
	letter-spacing: 1px;
	width: 120px;
	position: absolute;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}

.MeilleuresVentesProduits {
border: 1px solid #FF99CC;

	padding: 0px;
	float: 10;
	width: 148px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	height: 148px;
}

.MeilleuresVentesProduits .EncartPrixProduit {
	width: 148px;
}

.MeilleuresVentesProduits .EncartTitreProduit a,
.MeilleuresVentesProduits .EncartPrixProduit a {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}

.MeilleuresVentesProduits .EncartTitreProduit a:hover,
.MeilleuresVentesProduits .EncartPrixProduit a:hover {
	color: #000;
}

.MeilleuresVentesFin {
	padding: 0px;
	float: left;
	width: 148px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	height: 148px;
	background-image: url(../_images/bg_btn_MV.png);
	background-repeat: no-repeat;
	background-position: 9px 50%;
}

.MeilleuresVentesFin a {
	font-size: 12px;
	color: #000000;
	padding: 0px;
	width: 80px;
	margin-top: 55px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	position: absolute;
}

.MeilleuresVentesFin a:hover {
	color: #000;
}

#Promotions {

}

.PromotionsDebut {
	padding: 0px;
	float: left;
	width: 148px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	height: 148px;
	background-color: #FF99CC;
	background-image: url(../_images/bg_carre_150.png);
	background-repeat: no-repeat;
	background-position: 95% 95%;
}

.PromotionsDebut strong {

	font-size: x-small;
	text-transform: uppercase;
	color: #000000;
	letter-spacing: 1px;
	width: 120px;
	position: absolute;
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.PromotionsProduits {
border: 1px solid #FF99CC;

	padding: 0px;
	float: left;
	width: 148px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	height: 148px;
}

.PromotionsProduits .EncartPrixProduit {
	width: 148px;
}

.PromotionsProduits .EncartTitreProduit a {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}

.PromotionsProduits .EncartPrixProduit a {
	font-size: 12px;
	font-weight: bold;
	color: #666;
}

.PromotionsProduits .EncartTitreProduit a:hover {
	color: #000;
	
}

.PromotionsFin {
	padding: 0px;
	float: left;
	width: 148px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	height: 148px;
	background-image: url(../_images/bg_btn_Promo.png);
	background-repeat: no-repeat;
	background-position: 9px 50%;
}

.PromotionsFin a {
	font-size: 12px;
	color: #000000;
	padding: 0px;
	width: 80px;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	position: absolute;
}

.PromotionsFin a:hover {
	color: #333;
}

/* ------------------------------------------ CSS Contenant Droite */

#ContenantDroite {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 630px;
}

#ContenuVisuelDroite {
	background-image: url(../_images/bg_VisuelAccueil.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 0px;
	height: 302px;
	width: 621px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}

#TexteIntro {
	width: 300px;
	height: 292px;
	position: absolute;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 280px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#TexteIntro strong {
	font-size: 13px;
	color: #000;
}

#TexteIntro p {
	margin: 0px;
	font-size: 11px;
	line-height: 120%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
}

#TexteAlerte {
	width: 601px;
	position: absolute;
	font-size: 15px;
	margin-top: 247px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFFFFF;
	text-align: center;
	padding: 10px;
	background-color: #000000;
	display: none;
}

#Nouveaux {

}

.NouveauxProduitsDebut {
	padding: 0px;
	float: left;
	width: 150px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	height: 148px;
	background-color: #FF99CC;
	background-image: url(../_images/Picto_logo_Blanc.png);
	background-repeat: no-repeat;
	background-position: 95% 95%;
}

.NouveauxProduitsDebut strong {
	font-size: x-small;
	text-transform: uppercase;
	color: #000000;
	letter-spacing: 1px;
	width: 120px;
	position: absolute;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.NouveauxProduits {
border: 1px solid #FF99CC;

	padding: 0px;
	float: left;
	width: 150px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	height: 148px;
}

.NouveauxProduits .EncartPrixProduit {

	width: 150px;
}

.NouveauxProduits .EncartTitreProduit a,
.NouveauxProduits .EncartPrixProduit a {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}

.NouveauxProduits .EncartTitreProduit a:hover,
.NouveauxProduits .EncartPrixProduit a:hover {
	color: #000;
}

.NouveauxProduitsFin {
	padding: 0px;
	float: left;
	width: 150px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	height: 148px;
	background-image: url(../_images/bg_btn_Nouveau.png);
	background-repeat: no-repeat;
	background-position: 9px 50%;
}

.NouveauxProduitsFin a {
	font-size: 12px;
	color: #000000;
	padding: 0px;
	width: 80px;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	position: absolute;
}

.NouveauxProduitsFin a:hover {
	color: #333;
}


/* ------------------------------------------ CSS Pied */

#Pied1 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	margin: 0px;
	background-image: url(../_images/Logos_CB_SOCGEN_pied.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding: 0px;
}

#Pied2 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	margin: 0px;
	background-image: url(../_images/Logos_CB_SOCGEN_pied.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding: 0px;
}

#Pied1 p, #Pied2 p {
	margin: 0px;
	font-size: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 320px;
	nobackground-image: url(../_images/Picto_logo_Gris.png);
	background-repeat: no-repeat;
	background-position: 100% 10px;
}


/* Styles Ajoutes par Pierre */
.BoxConnexion {
	background-color: #cc0066;
	border: 1px solid black;
	padding: 0px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	padding-left:2px;
	padding-right:2px;
	font-family:Arial, sans-serif;
	font-size:12px;
	color:white;
	
}	
.BoxConnexion input {
	font-family:Arial, sans-serif;
	font-size:12px;
}

.BoxConnexion2 {
	background-color: #cccccc;
	border: 1px solid black;
	padding: 0px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	padding-left:2px;
	padding-right:2px;
	font-family:Arial, sans-serif;
	font-size:12px;
}

.LigneTitre {
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.LigneSmall {
	font-family:Arial, sans-serif;
	font-size:10px;
}

.blocventeprivee{
	margin-left:10px;
	float: left;
	width:600px;
}

.private {
	border: pink 1px dotted;
}