/*----------------------------
PRESENTATION GENERALE
----------------------------*/
*{
	font-family:arial, sans-serif;
	font-size:12px;
}
body{
	/*background-color:white;*/
	background-image: url(/images/bg.gif);
	margin:0px;
	padding:0px;
}
a{
	text-decoration:none;
}
#container td.container{
	margin:0px;
	padding:0px;
}
#container{
	padding:0px;
	border-width:0px 0px 0px 0px;
	border-color:white;
	border-style:solid;
	background-color:white;
	width: 960px;
}
div#wrapperMax {
	height: 100%;
	margin-top:15px;
	margin-left: auto; /* mettre auto pour centrer */
	margin-right: auto;
	/*min-width: 750px;
	max-width: 1000px;*/
	width:100%;
	/*_width: expression(((document.body.clientWidth)) < 750? \"750px\": ((document.body.clientWidth)) > 1000? \"1000px\": \"auto\" );*/
}
.discret{
	color:#a2b0a2;
}
/*----------------------------
tableau de données
----------------------------*/
.tableGenerique{}
.tableGenerique thead tr th {padding-bottom:5px;padding-right:20px;text-align:left;}
.tableGenerique thead tr .thPrix {text-align:right;}
.tableGenerique thead tr th a {color:#336699;text-transform:uppercase;font-weight:bold;text-decoration:underline;font-size:11px;text-align:left;}
.tableGenerique tbody th {color:#336699;text-transform:uppercase;font-weight:normal;text-decoration:none;font-size:11px;text-align:left;border-bottom:1px solid #CCCCCC;}	
.tableGenerique tbody th a {color:#336699;text-transform:uppercase;font-weight:bold;text-decoration:none;font-size:11px;}	
.tableGenerique tbody td {padding-right:20px;font-size:11px;border-bottom:1px solid #CCCCCC;}
.tableGenerique tbody td a {font-size:11px;color:#000000;text-decoration:none;}
.tableGenerique tbody .tr1 {cursor:pointer;}
.tableGenerique tbody .tr2 {cursor:pointer;}
.tableGenerique tbody .tdLien a {color:#336699;text-transform:uppercase;font-weight:bold;text-decoration:none;font-size:11px;text-align:left;}
.tableGenerique tbody .tdPrix {text-align:right;white-space:nowrap;}
/*----------------------------
MENU DU HAUT
----------------------------*/
/*
#menuTop a{
	display:block;
	float:left;
	background-color:#235691;
	color:white;
	border-color:white;
	border-style:solid;
	border-width:1px 0px 1px 1px;
	text-decoration:none;
	padding:2px 4px;
	font-weight:normal;
	text-align:right;
	float:right;
	white-space:nowrap;
	width:143px;
}
#menuTop a:hover{
	background-color:#cc0033;
	font-weight:normal;
}*/
/*----------------------------
MENU ESPACE CLIENT
----------------------------*/
#menuPerso a{
	display:block;
	float:left;
	background-color:#ffffff;
	color:#006666;
	border-color:#993366;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	text-decoration:none;
	padding:2px 4px;
	font-weight:normal;
	white-space:nowrap;
	margin-right:1px;
}
.panierPlein{
	background-image:url("/medias2/panierPlein.gif");
}
#menuPerso a.panierPlein{
	background-image:url("/medias2/panierPlein.gif");
}
#menuPerso a:hover{
	background-color:#993366;
	color:white;
}
#menuPerso a.panierPlein:hover{
	color:black;
}
.nomAdresse{
	color:#336699;
	font-weight:bold;
}
/*----------------------------
CONTENU
----------------------------*/
td#contenu{
	background-image:url("/images/ombre.gif");
	background-repeat:repeat-y;
	padding-top:7px;
	padding-left:25px;
	padding-right:10px;
	padding-bottom:20px;
	height:500px;
}
td#colonneDroite{
	width:192px;
}
#colonneDroiteContenu{
	padding:3px 5px 0px 0px;
}
#conteneurCentreDroite{
	clear:left;
}
td#conteneurGauche{
	width:138px;
}
td#conteneurGauche a {
	color:#000000;
}
td#conteneurGauche a:hover {
	
}
.divMenuGauche
{
	background-image:url('/images/fl_black.gif');
	background-repeat:no-repeat;
	background-position:5px 5px;
	padding-left:15px;
	overflow:hidden;
}
.divMenuGaucheTitre
{
	background-color:#cc0033;
	color:#ffffff;
	padding-left:5px;
	border-top:2px solid #cc0033;
	border-bottom:2px solid #cc0033;
	margin-bottom:5px;
}
.divMenuGauche a
{
	font-weight:normal;
}
#conteneurGauche a.etiquette{
	float:left;
	border:1px solid #30b357;
	clear:left;
	text-decoration:none;
	font-weight:bold;
	color:black;
	display:block;
	margin:0px 0px 1px 10px;
	_margin:0px 0px 1px 5px;
	padding:2px 5px 2px 5px;
}
/*#conteneurGauche ul{
	padding:0px 0px 0px 20px;
	margin:0px;
	clear:left;
}
#conteneurGauche ul li{
	padding:0px 0px 0px 0px;
	list-style-type:none;
	list-style-image:url("/images/bg.gif");
	line-height:16px;
	vertical-align:bottom;
}
#conteneurGauche ul li a{
	display:block;
	color:black;
	margin:0px;
	padding:0px 5px 0px 0px;
	line-height:16px;
	vertical-align:bottom;
}
#conteneurGauche ul li a:hover{
	color:#cc0033;
}*/

.imagelegende{
	color:#000000;
	font-size:10px;
}
.fichierlie{
	margin: 5px 0px 5px 0px;
}
.fichierlie a{
	color:#000000;
	text-decoration:underline;
}
.fichierlie a:hover{
	text-decoration:none;
}
div.article{
	padding-bottom:8px;
	margin-bottom:8px;
	width:575px;
}
.article h2{
	color:#336699;
	margin:0px 0px 10px 0px;
	padding:3px;
	font-size:14px;
	background-color:#E4E4E4;
	width:575px;
}
.article .chapeau{
	font-weight:bold;
	font-size:11px;
}
.article .divArticleDescription{
	font-size:11px;
}
.article p{
	font-size:11px;
}
/*
#listeSsRub{
	margin:10px;
	padding:0px;
}
#listeSsRub li{
	list-style-type:none;
}
#listeSsRub li a.lienRubrique{
	font-weight:bold;
	color:#993366;
}
#listeSsRub li a.lienProduit2{
	font-weight:normal;
	color:#666666;
	line-height:17px;
}
#listeSsRub li a.lienProduit2:hover{
	text-decoration:underline;
}
#listeSsRub div.liensProduits{
	padding:0px 0px 0px 10px;
}
*/
/*----------------------------
PIED DE PAGE
----------------------------*/
td#piedDePage{
	color:#006666;
	padding-top:20px;
}
#piedDePage a{
	color:#006666;
	text-decoration:none;
}
#piedDePage div{
	text-align:left;
	float:left;
	background-image:url("/medias2/palmierPied.gif");
	padding:7px 38px 5px 10px;
	background-repeat:no-repeat;
	background-position:100% 3px;
}
/*----------------------------
FIL D'ARIANE
----------------------------*/
#filAriane{
	clear:left;
	background-image:url("/images/ombre.gif");
	background-repeat:repeat-y;
	height:30px;
	padding-left:25px;
	padding-top:15px;
	
}
.filAriane2{
	clear:left;
	background-image:url("/images/ombre.gif");
	background-repeat:repeat-y;
	height:30px;
	padding-left:25px;
	padding-top:15px;
	margin-left:-25px;
	margin-top:-7px;
	
}
.divContH1
{
	background-image:url("/images/quadrillage.gif");
	width:580px;
	height:22px;
}
#filAriane h1{
	float:left;
	margin:0px;
	font-size:13px;
	background-color:#336699;
	color:#ffffff;
	text-transform:uppercase;
	padding:3px;
	padding-right:100px;
}
#filAriane h1 a {
	color:#ffffff;
	font-size:13px;
	text-transform:uppercase;
}
#filAriane h2{
	display:block;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	font-weight:bold;
	color:#006666;
	float:left;
}
#filAriane h3{
	display:block;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	font-weight:bold;
	color:#006666;
	float:left;
}
#filAriane h4{
	display:block;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	font-weight:bold;
	color:#006666;
	float:left;
}
/*----------------------------
PRODUITS
----------------------------*/
	/*----------------------------
	PRODUITS :: LISTE PRODUITS
	----------------------------*/
	a.lienProduit:link{
		display:block;
		border-width:0px 0px 1px 0px;
		border-color:#d4efdc;
		border-style:solid;
		color:black;
		font-family:Geneva, sans-serif;
		font-weight:normal;
		text-decoration:none;
		padding:0px 10px 0px 15px;
		background-color:transparent;
		margin:0px 10px 0px 0px;
		line-height:17px;
		text-align:left;
	}
	a.lienProduit:visited{
		color:white;
		background-color:#99cc00;
		font-weight:bold;
	}
	a.lienProduit:hover{
		color:white;
		background-color:#99cc00;
		font-weight:bold;
	}
	a.lienProduit:active{
		color:white;
		background-color:#99cc00;
		font-weight:bold;
	}
	a.lienProduit:focus{
		color:white;
		background-color:#99cc00;
		font-weight:bold;
	}
	.imgOverlb{
		padding:0px;
		margin:0px;
		border:1px solid #27b050;
	}
	/*----------------------------
	PRODUITS :: PAGE PRODUIT
	----------------------------*/
	#produit{
		text-align:left;
		
	}
	#produit h2{
		float:left;
		background-color:#336699;
		color:white;
		margin:0px;
		font-weight:normal;
		text-align:left;
		padding-top:4px;
		padding-left:5px;
		height:20px;
	}
	#produit .spanH2 {
		background-color:#336699;
		border-top:3px solid #336699;
		border-bottom:3px solid #336699;
		border-right:20px solid #336699;
		border-left:10px solid #336699;
		white-space:nowrap;
		font-size:11px;
	}
	#produit strong{
		font-size:11px;
	}
	
	
	
	#divListeComplementaire h2 {
		float:left;
		background-color:#336699;
		color:white;
		margin:0px;
		font-weight:normal;
		text-align:left;
		padding-top:4px;
		padding-left:5px;
		height:20px;
		width:575px;
		margin-top:20px;
		margin-bottom:15px;
	}
	
	/* PAGINATION */
	.divPagination{
		clear:both;
		width:565px;
		font-size:11px;
		margin-bottom:5px;
	}
	.divPagination a{
		font-size:11px;
	}
	.divPagination form{
		margin:0px;
	}
	.divPagination .divPaginationSelect{
		float:left;
		width:130px;
		font-size:11px;
	}
	.divPagination .divPaginationSelect label{
		font-size:11px;
	}
	.divPagination .divPaginationSelect select{
		font-size:11px;
	}
	.divPagination .divPaginationLienPageSuivante{
		float:right;
		font-size:11px;
		padding-top:6px;
		margin-bottom:10px;
	}
	.divPagination .divPaginationLienPageSuivante a {
		text-decoration:underline;
		color:#000000;
	}
	.divPagination .divPaginationLienPageSuivante a.divPaginationLienPageSuivanteSelectionner {
		text-decoration:underline;
		font-weight:bold;
		font-size:16px;
		color:#000000;
	}
	/* fin => PAGINATION */
	
	
	
	/* PANIER */
	table#panier{
		margin-left:0px;
		width:580px;
		border-collapse:collapse;
		clear:both;
		font-size:11px;
		border:1px solid #ffffff;
	}
	table#panier td{
		border:1px solid #cccccc;
		padding:5px;
	}
	table a{
		color:#336699;
		font-weight:bold;
	}
	.divPanierReglement{
		border:2px solid #336699;
		padding:8px;
	}
	/* fin=> PANIER */
	
	
	
	
	
	
	
	
	#produit .recapImages{
		margin:0px 10px 0px 0px;
		background-color:#99cc00;
	}
	#produit .recapImages a img{
		border:1px solid #99cc00;
		_border-width:0px;
	}
	#produit .recapImages a img:hover{
		border:1px solid red;
	}
	#produit .recapImages a{
		/*display:block;*/
		/*float:right;*/
		_border:1px solid #99cc00;
		background-color:#99cc00;
	}
	#produit .recapImages a:hover{
		_border:1px solid red;
	}
	#produit .nbImages{
		float:right;
		display:block;
		background-image:url("/medias2/fondNbPhotos.gif");
		background-repeat:no-repeat;
		background-color:#99cc00;
		background-position:0% 100%;

		/*height:39px;*/

		/*width:70px;*/
		width:100%;
	}
	#produit .nbImages .text{
		font-weight:normal;
		text-align:right;
		font-size:11px;
		color:white;
		display:block;
		padding:4px 3px 0px 0px;
	}
	#produit .nomProduit{

		background-color:#99cc00;
		color:white;
		font-weight:bold;
		padding:2px 5px 3px 10px;
		margin:0px;
		border-color:#198521;
		border-width:0px 0px 1px 0px;
		border-style:solid;
		display:block;
		text-align:left;
	}
	table#prix{
		border-collapse:collapse;
		border-color:#99cc00;
		border-style:solid;
		border-width:0px;
		padding:0px;
		margin-top:10px;
		margin-bottom:0px;
		clear:both;
		width:100%;
	}
	table#prix td{
		border-color:#99cc00;
		border-style:solid;
		border-width:1px;
		padding:4px;
		margin:0px;
		clear:both;
		font-size:11px;
		text-align:center;
	}
	table#prix select{
		font-size:11px;
	}
	table#prix select option{
		font-size:11px;
	}
	table#prix td.prix{
		font-size:12px;
		font-weight:bold;
	}
	table#prix td.fake{
		border:0px;
		padding:0px;
		margin:0px;
	}
	table#prix td.selection{
		background-color:white;
		background-image:none;
	}
	table#prix td.selectionHighlight{
		background-color:red;
		background-image:url("/medias2/oblig.gif");
	}
	table#prix thead td{
		font-weight:bold;
		font-size:11px;
		color:#198521;
		text-align:center;
	}
	table#prix thead td.aChoisir{
		color:red;
	}
	#choixObligatoire{
		background-color:red;
		color:white;
		font-size:12px;
		font-family:Geneva;
		padding:0px;
		font-weight:bold;
		text-align:center;
		background-image:url("/medias2/oblig.gif");
	}
	#boutonPanier{
		background-image:url("/medias2/boutonPanier.gif");
		background-repeat:no-repeat;
		background-position:100% 0px;
		display:block;
		float:right;
		height:30px;
		font-weight:bold;
		font-size:11px;
		padding:3px 40px 0px 10px;
		color:white;
	}
	.infosProduits{
		clear:both;
		margin-left:10px;
		text-align:left;
	}
	/*----------------------------
	PRODUITS :: COLONNE DE DROITE
	----------------------------*/
	#colonneDroite p.produit{
		border:1px solid #27b050;
		margin:5px 0px 0px 0px;
		text-align:center;
		padding:3px 4px 5px 4px;
		cursor:pointer;
	}
	#colonneDroite p.produit:hover{
		border-style:dotted;
	}


	/*--------------------------
	PRODUITS :: PAGE D'ACCUEIL : au centre
	--------------------------*/
	#accueilProduits{
		margin:5px 0px 0px 0px;
	}
	#accueilProduits div{
		margin:2px;
		float:left;
		width:180px;
		height:200px;
		border:1px solid #27b050;
		cursor:pointer;
	}
	#accueilProduits div p.produit{

		margin:5px 0px 0px 0px;
		text-align:center;
		padding:3px 4px 5px 4px;

	}
	#accueilProduits div:hover{
		border-style:dotted;
	}

/*----------------------------
COMPTE
----------------------------*/
h3.compte{
	color:#336699;
	font-weight:bold;
	border-width:0px 0px 3px 0px;
	border-color:#336699;
	border-style:double;
}
h2.compte{
	font-size:14px;
	color:#336699;
	font-weight:bold;
	border-width:0px 0px 3px 0px;
	border-color:#336699;
	/*border-style:double;*/
}
h2.compte a{
	color:#336699;
}
h1.compte{
	color:#336699;
	font-weight:bold;
	width:580px;
	border-width:0px 0px 1px 0px;
	border-color:#336699;
	border-style:dashed;
	margin:10px 0px 0px 0px;
}
table.recapCommande thead td{
	font-weight:bold;
	text-align:center;
}
table.recapCommande tfoot td{
	font-weight:bold;
}
table.recapCommande{
	border-collapse:collapse;
}
table.recapCommande td{
	border:1px solid #336699;
	padding:4px;
}
/*----------------------------
MOTEUR DE RECHERCHE
----------------------------*/
#rechercheForm{
	margin:10px 0px 0px 8px;
	padding:0px;
}
#rechercheInput{
	border:1px solid #7F9DB9;
	width:90px;
	height:17px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	padding-left:3px;
	padding-top:1px;
}
#rechercheForm .valid{
	cursor:pointer;
	border:1px solid #7F9DB9;
	width:22px;
	height:20px;
	background-color:white;
	margin:0px;
	padding:0px;
}
ol.recherche li{
	border-width:0px 0px 1px 0px;
	border-color:#eeeeee;
	border-style:solid;
	margin:4px 0px 4px 0px;
	padding:4px 0px 4px 4px;
}
ol.recherche li:hover{
	background-color:#eeeeee;
}


/*----------*/

.probleme, .attention{
	color:#BB0000;
	font-size:12px;
	padding:5px;
	font-weight:bold;
}