body
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1d3d63;
	background-color: #bbbbbb;
	background-image: url("img/fondbody.jpg");
	background-repeat: repeat-y;
	background-position: center;
	}

div#pagesous
	{
	z-index: 0;
	background-color: #ffffff;
	max-width: 900px;
	height: 600px;
	width: 900px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	background-image: url("img/contenu.gif");
	background-repeat: repeat-y;
	background-position: left;
	}

	html>body #pagesous
	{
	height: auto;
	min-height: 600px;
	width: 980px;
	}

div#pagedessus
	{
	z-index: 0;
	max-width: 900px;
	height: 600px;
	width: 900px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	background-image: url("img/bando.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	}

	html>body #pagedessus
	{
	height: auto;
	min-height: 600px;
	width: 980px;
	}

	hr.hauteurpage
		{
		position: relative;
		clear: both;
		visibility: hidden;
		height: 0px;
		padding: 0px;
		margin: 0px;
		}

div#lienentete
	{
	position: relative;
	z-index: 4;
	float: right;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #ffffff;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 10px;
	right: 0px;
	top: 0px;
	height: 72px;
	width: 450px;
/*border: 1px dotted white;*/
	text-align: right;
	}

	html>body #lienentete
	{
	height: 70px;
	}

	a.lienentete:link {color: #1d3d63; text-decoration: none;}
	a.lienentete:visited {color: #1d3d63; text-decoration: none;}
	a.lienentete:hover {color: #438ee6; text-decoration: none;}

	a.lienentetepanier:link {color: #CFF1FF; text-decoration: none;}
	a.lienentetepanier:visited {color: #CFF1FF; text-decoration: none;}
	a.lienentetepanier:hover {color: #FD8813; text-decoration: none;}

/* FOND BLANC POUR LE MENU */

div#menufondblanc
	{
	position: relative;
	float: left;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	height: auto;
	}
/* MENU DE GAUCHE */

div#menugauchecadre
	{
	position: relative;
	float: left;
	z-index: 2;
	height: auto;
	width: 130px;
	left: 5px;
	padding-top: 145px;
/*border: 1px dotted green;*/
	}

	div#menugauchehaut
	{
	position: relative;
	float: left;
	z-index: 3;
	width: 130px;
	background-image: url("img/menughau.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	height: 200px;
	padding: 0px;
	}

	html>body #menugauchehaut
	{
	height: auto;
	min-height: 200px;
	}

	div#menugauchebas
	{
	position: relative;
	float: left;
	padding: 0px;
	z-index: 3;
	width: 130px;
	height: 23px;
	background-image: url("img/menugbas.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
	}

	p.menugauche
		{
		font-size: 11px;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 0px;
		padding-left: 5px;
		padding-right: 5px;
		margin: 0px;
		z-index: 3;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 22px;
		}

		a.menugauche:link {color: #1d3d63; text-decoration: none;}
		a.menugauche:visited {color: #1d3d63; text-decoration: none;}
		a.menugauche:hover {color: #438ee6; text-decoration: none;}

		a.menugauchesouscat:link {color: #008394; text-decoration: none;}
		a.menugauchesouscat:visited {color: #008394; text-decoration: none;}
		a.menugauchesouscat:hover {color: #FD7B11; text-decoration: none;}

/* MENU DE DROITE */

div#menudroitecadre
	{
	position: relative;
	background-color: #ffffff;
	float: right;
	z-index: 3;
	width: 120px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 2px;
	right: 5px;
	padding: 0px;
	}

		html>body #menudroitecadre
		{
		margin-top: 5px;
		}

	div#menudroitehaut
	{
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px;
	z-index: 3;
	width: 120px;
	height: 12px;
	background-image: url("img/menudh.gif");
	background-repeat: no-repeat;
	background-position: center bottom;
	}

	div#menudroitemilieu
	{
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px;
	z-index: 3;
	width: 120px;
	height: auto;
	background-image: url("img/menudm.gif");
	background-repeat: repeat-y;
	background-position: center;
	}

	div#menudroitebas
	{
	position: relative;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	z-index: 3;
	width: 120px;
	height: 12px;
	background-image: url("img/menudb.gif");
	background-repeat: no-repeat;
	background-position: center top;
	}

	p.menudroite
		{
		font-size: 10px;
		text-align: center;
		padding: 5px;
		margin: 0px;
		z-index: 4;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}

		a.menudroite:link {color: #1d3d63; text-decoration: none;}
		a.menudroite:visited {color: #1d3d63; text-decoration: none;}
		a.menudroite:hover {color: #ce9612; text-decoration: none;}

		a.menudroiteconnexion:link {color: #f08418; text-decoration: none;}
		a.menudroiteconnexion:visited {color: #f08418; text-decoration: none;}
		a.menudroiteconnexion:hover {color: #3167A8; text-decoration: none;}

		a.menudroiteavantages:link {color: #3167A8; text-decoration: none;}
		a.menudroiteavantages:visited {color: #3167A8; text-decoration: none;}
		a.menudroiteavantages:hover {color: #f08418; text-decoration: none;}

/* CONTENU DE LA PAGE */

div#contenupage
	{
	position: static;
	z-index: 1;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 0px;
	float: left;
	width: 635px;
	height: 500px;
	padding: 0px;
	}

	html>body #contenupage
	{
	width: 633px;
	height: auto;
	min-height: 500px;
	}

	p.contenupage
		{
		padding: 10px;
		margin: 0px;
		z-index: 1;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #1d3d63;
		text-align: justify;
		}

	p.contenupagedanscadre
		{
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 25px;
		padding-right: 30px;
		margin: 0px;
		z-index: 1;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #1d3d63;
		text-align: justify;
		}

		a.pied:link {color: #ffffff; text-decoration: none;}
		a.pied:visited {color: #ffffff; text-decoration: none;}
		a.pied:hover {color: #ce9612; text-decoration: none;}

/* PIED DE PAGE */

div#pieddepage
	{
	position: relative;
	z-index: 0;
	height: 27px;
	width: 900px;
	background-image: url("img/pied.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	}

	p.pieddepage
		{
		padding: 5px;
		margin: 0px;
		z-index: 1;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #ffffff;
		text-align: center;
		}

/* LISTE */

div#liste
	{
	position: relative;
	float: left;
	border: 2px solid #fdb916;
	padding: 0px;
	margin: 0px;
	width: 580px;
	height: auto;
	left: 25px;
	}

div#listecmddetail
	{
	position: relative;
	float: left;
	border: 2px solid #fdb916;
	padding: 0px;
	margin: 0px;
	width: 580px;
	height: auto;
	left: 0px;
	}

div#bloccmddetail
	{
	position: relative;
	float: left;
	margin-bottom: 10px;
	padding: 0px;
	width: 584px;
	height: auto;
	left: 17px;
	overflow: hidden;
	}

div#nbredarticlestrouves
	{
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 580px;
	height: auto;
	left: 25px;
	}

table.liste
	{
	padding: 0px;
	margin: 0px;
	max-width: 600px;
	width: 580px;
	font-size: 12px;
	text-align: center;
	}

	td.listeentete
		{
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #1d3d63;
		color: #ffffff;
		border-bottom-width: 0px;
		border-left-width: 1px;
		border-right-width: 1px;
		border-top-width: 0px;
		padding: 5px;
		text-align: center;
		}
	
	td.listeproduits
		{
		background-color: #ffffff;
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #1d3d63;
		border-bottom-width: 0px;
		border-left-width: 1px;
		border-right-width: 1px;
		border-top-width: 0px;
		padding: 5px;
		}
	
		a.listeproduits:link {color: #1d3d63; text-decoration: none;}
		a.listeproduits:visited {color: #1d3d63; text-decoration: none;}
		a.listeproduits:hover {color: #3474c3; text-decoration: none;}

	td.listeproduitsaffichage
		{
		background-color: #fdb916;
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #1d3d63;
		border-bottom-width: 0px;
		border-left-width: 1px;
		border-right-width: 1px;
		border-top-width: 0px;
		padding: 5px;
		}
	
		a.listeproduitsaffichage:link {color: #1d3d63; text-decoration: none;}
		a.listeproduitsaffichage:visited {color: #1d3d63; text-decoration: none;}
		a.listeproduitsaffichage:hover {color: #3474c3; text-decoration: none;}

	td.listeproduitspromo
		{
		background-color: #ffdbdb;
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #960000;
		border-bottom-width: 0px;
		border-left-width: 1px;
		border-right-width: 1px;
		border-top-width: 0px;
		padding: 5px;
		}
	
		a.listeproduitspromo:link {color: #960000; text-decoration: none;}
		a.listeproduitspromo:visited {color: #960000; text-decoration: none;}
		a.listeproduitspromo:hover {color: #3474c3; text-decoration: none;}
	
	td.listeproduitsnouveaute
		{
		background-color: #e3ffe8;
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #006e15;
		border-bottom-width: 0px;
		border-left-width: 1px;
		border-right-width: 1px;
		border-top-width: 0px;
		padding: 5px;
		}
	
		a.listeproduitsnouveaute:link {color: #006e15; text-decoration: none;}
		a.listeproduitsnouveaute:visited {color: #006e15; text-decoration: none;}
		a.listeproduitsnouveaute:hover {color: #3474c3; text-decoration: none;}
	
	input.quantite
		{
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #1d3d63;
		border: 1px solid #3474c3;
		text-align: right;
		}

		a.basliste:link {color: #3187c1; text-decoration: none;}
		a.basliste:visited {color: #3187c1; text-decoration: none;}
		a.basliste:hover {color: #ff7315; text-decoration: none;}

	p.nombrederesultats
		{
		text-align: center;
		font-size: 12px;
		padding: 10px;
		}

	div#histocat
		{
		position: static;
		margin-top: 10px;
		margin-bottom: 5px;
		margin-left: 10px;
		margin-right: 0px;
		padding: 0px;
		height: 24px;
		background-image: url("img/histocat.jpg");
		background-repeat: no-repeat;
		background-position: left top;
		}

		p.histocat
			{
			padding: 5px;
			margin: 0px;
			font-size: 12px;
			color: #dd6e14;
			}

			a.histocat:link {color: #1d3d63; text-decoration: none;}
			a.histocat:visited {color: #1d3d63; text-decoration: none;}
			a.histocat:hover {color: #3498bd; text-decoration: none;}

/* CONTACT */

td.contact
	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #1d3d63;
	}

	input.contact
		{
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		border: 1px solid #1d3d63;
		width: 400px;
		color: #1d3d63;
		}

	textarea.contact
		{
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		border: 1px solid #1d3d63;
		width: 400px;
		height: 230px;
		color: #1d3d63;
		}
	
	input.contactbtn
		{
		width: 150px;
		height: 30px;
		border: 1px solid #1d3d63;
		background-color: #fdcf61;
		}

/* CADRES MON COMPTE */

tr.fondmoncompte
	{
	background-color: #ffffff;
	background-image: url("img/moncompt.jpg");
	background-repeat: repeat-y;
	background-position: right;
	}

	div#cadremoncomptecadre
		{
		position: relative;
		background-color: #ffffff;
		z-index: 1;
		margin-left: auto;
		margin-right: auto;
		width: 526px;
		left: 6px;
		padding: 0px;
		}
	
		div#cadremoncomptehaut
			{
			position: relative;
			float: left;
			background-image: url("img/cadre523h.jpg");
			background-repeat: no-repeat;
			background-position: center bottom;
			z-index: 1;
			width: 523px;
			height: 30px;
			margin: 0px;
			padding: 0px;
			}

		div#cadremoncomptemilieu
			{
			position: relative;
			float: left;
			background-image: url("img/cadre523m.jpg");
			background-repeat: repeat-y;
			background-position: center;
			z-index: 1;
			width: 523px;
			height: auto;
			margin: 0px;
			padding: 0px;
			}

		div#cadremoncomptebas
			{
			position: relative;
			float: left;
			padding: 0px;
			z-index: 3;
			width: 523px;
			height: 34px;
			background-image: url("img/cadre523b.jpg");
			background-repeat: no-repeat;
			background-position: center top;
			}

input.enregistrerlesmodificationsbtn
	{
	width: 200px;
	height: 30px;
	border: 1px solid #1d3d63;
	background-color: #fdcf61;
	}

/* CADRE PANIER */

div#cadrepaniercadre
	{
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 583px;
	left: 6px;
	padding: 0px;
	}

	div#cadrepanierhaut
		{
		position: relative;
		float: left;
		background-image: url("img/cadre583h.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		z-index: 1;
		width: 583px;
		height: 35px;
		left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-top: 10px;
		padding: 0px;
		}

	div#cadrepaniermilieu
		{
		position: relative;
		float: left;
		background-image: url("img/cadre583m.jpg");
		background-repeat: repeat-y;
		background-position: left;
		z-index: 1;
		width: 583px;
		height: auto;
		left: 0px;
		margin: 0px;
		padding: 0px;
		}

	div#cadrepanierbas
		{
		position: relative;
		float: left;
		padding: 0px;
		z-index: 3;
		width: 583px;
		height: 38px;
		left: 0px;
		margin: 0px;
		background-image: url("img/cadre583b.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		}

/* CADRE DE LA LARGEUR DU DIV CONTENU PAGE (625px) */

div#cadrecontenu
	{
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 625px;
	left: 6px;
	padding: 0px;
	}

	div#cadrecontenuhaut
		{
		position: relative;
		float: left;
		background-image: url("img/cadre625h.jpg");
		background-repeat: no-repeat;
		background-position: center bottom;
		z-index: 1;
		width: 625px;
		height: 34px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-top: 10px;
		padding: 0px;
		}

	div#cadrecontenumilieu
		{
		position: relative;
		float: left;
		background-image: url("img/cadre625m.jpg");
		background-repeat: repeat-y;
		background-position: center;
		z-index: 1;
		width: 625px;
		height: auto;
		margin: 0px;
		padding: 0px;
		}

	div#cadrecontenubas
		{
		position: relative;
		float: left;
		padding: 0px;
		z-index: 3;
		width: 625px;
		height: 38px;
		background-image: url("img/cadre625b.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		}

/* CADRE SOUS LA LISTE (EN VOUS AUTHENTIFIANT...) */

div#cadresousliste
	{
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 583px;
	left: 0px;
	padding: 0px;
	}

	div#cadresouslistehaut
		{
		position: relative;
		float: left;
		background-image: url("img/soulisth.jpg");
		background-repeat: no-repeat;
		background-position: center bottom;
		z-index: 1;
		width: 583px;
		height: 20px;
		left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-top: 10px;
		padding: 0px;
		}

	div#cadresouslistemilieu
		{
		position: relative;
		float: left;
		background-image: url("img/soulistm.jpg");
		background-repeat: repeat-y;
		background-position: left;
		z-index: 1;
		width: 583px;
		height: auto;
		left: 0px;
		margin: 0px;
		padding: 0px;
		}

	div#cadresouslistebas
		{
		position: relative;
		float: left;
		padding: 0px;
		z-index: 3;
		width: 583px;
		height: 20px;
		left: 0px;
		margin: 0px;
		background-image: url("img/soulistb.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		}

a.voirdetail:link {color: #366362; text-decoration: none;}
a.voirdetail:visited {color: #366362; text-decoration: none;}
a.voirdetail:hover {color: #3c7dcd; text-decoration: none;}

/* CADRE POUR LES NOUVEAUTES DE L ACCUEIL */

div#cadreaccueil
	{
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 620px;
	left: 0px;
	padding: 0px;
	}

	div#cadreaccueilhaut
		{
		position: relative;
		float: left;
		background-image: url("img/divacch.jpg");
		background-repeat: no-repeat;
		background-position: center bottom;
		z-index: 1;
		width: 620px;
		height: 21px;
		left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-top: 10px;
		padding: 0px;
		}

	div#cadreaccueilmilieu
		{
		position: relative;
		float: left;
		background-image: url("img/divaccm.jpg");
		background-repeat: repeat-y;
		background-position: left;
		z-index: 1;
		width: 620px;
		height: auto;
		left: 0px;
		margin: 0px;
		padding: 0px;
		}

	div#cadreaccueilbas
		{
		position: relative;
		float: left;
		padding: 0px;
		z-index: 3;
		width: 620px;
		height: 21px;
		left: 0px;
		margin: 0px;
		background-image: url("img/divaccb.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		}

td.nouveauteaccueil
	{
	background-image: url("img/nouvacc.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	}

td.promoaccueil
	{
	background-image: url("img/promacc.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	}

/* CADRE ARRONDI JAUNE 620PX */

div#cadrejaune
	{
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 620px;
	left: 0px;
	padding: 0px;
	}

	div#cadrejaunehaut
		{
		position: relative;
		float: left;
		background-image: url("img/cadj620h.gif");
		background-repeat: no-repeat;
		background-position: center bottom;
		z-index: 1;
		width: 620px;
		height: 22px;
		left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-top: 10px;
		padding: 0px;
		}

	div#cadrejaunemilieu
		{
		position: relative;
		float: left;
		background-image: url("img/cadj620m.gif");
		background-repeat: repeat-y;
		background-position: left;
		z-index: 1;
		width: 620px;
		height: auto;
		left: 0px;
		margin: 0px;
		padding: 0px;
		}

	div#cadrejaunebas
		{
		position: relative;
		float: left;
		padding: 0px;
		z-index: 3;
		width: 620px;
		height: 22px;
		left: 0px;
		margin: 0px;
		background-image: url("img/cadj620b.gif");
		background-repeat: no-repeat;
		background-position: center top;
		}

		p.contenucadrejaune
			{
			padding-top: 0px;
			padding-bottom: 0px;
			padding-left: 10px;
			padding-right: 10px;
			margin: 0px;
			z-index: 1;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #1d3d63;
			text-align: justify;
			}

			div#danscadrejaune
				{
				position: relative;
				float: left;
				padding: 0px;
				margin: 0px;
				width: 616px;
				left: 2px;
				height: auto;
				}

					html>body #danscadrejaune
					{
					width: 614px;
					}

				div#titre
				{
				position: relative;
				float: left;
				padding-left: 0px;
				padding-right: 0px;
				padding-top: 4px;
				padding-bottom: 0px;
				margin: 0px;
				height: 24px;
				width: 600px;
				left: 5px;
				text-align: left;
				background-image: url("img/histocat.jpg");
				background-repeat: no-repeat;
				background-position: left top;
				}

input.demandeproduit
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #1d3d63;
	width: 340px;
	color: #1d3d63;
	}

textarea.demandeproduit
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #1d3d63;
	width: 340px;
	height: 100px;
	color: #1d3d63;
	}

div#nomsdedomaine
	{
	position: relative;
	float: left;
	padding: 10px;
	z-index: 4;
	width: 616px;
	height: auto;
	left: 0px;
	margin: 0px;
	}

		html>body #nomsdedomaine
		{
		width: 596px;
		}

div#menugauchecadrevide
	{
	position: relative;
	float: left;
	z-index: 2;
	height: 500px;
	width: 130px;
	left: 5px;
	padding-top: 145px;
	}

table.telechargements	{
	font-size: 12px;
	color: black;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid #1d3d63;
	border-right: 1px solid #1d3d63;
	background-color: #eceff4;
	width: 500px;
}

	.telechargements th	{
		background-color: #2f689d;
		font-weight: bold;
		color: white;
		font-variant: small-caps;
		text-align: left;
		font-size: 13px;
	}

	.telechargements td	{
		text-align: justify;
	}

input.telechargementsbtn	{
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid #1d3d63;
	border-right: 1px solid #1d3d63;
	background-color: #eceff4;
	background-color: #2f689d;
	font-weight: bold;
	color: white;
	font-size: 10px;
}