html, body
{
	height: 100%;
	width: 100%;
	background-color : #015d38;
	margin:0px;
	padding:0px;
}

H1{ display:inline; }
P{ display:inline; }

img{ border:0; }

#anim
{
	position: relative;
	width:920px;
	height:500px;
	left: 50%;
	margin-left:-460px;
	top: 50%;
	margin-top:-250px;
	border:0px solid #000;
}
html[xmlns*=""] body:last-child #anim
{ 
	margin:0px;
	left:50%;
	margin-left:-460px;
	margin-top:100px;
	border:0px solid #000;
}

#div_principal
{
	background-image : URL("imgs/fond.jpg");
	position:absolute;
	margin:0px;
	padding:0px;
	width:984px;
	min-height:100%;
	border:0px solid #CC0000;
}
/* -- pris en compte simplement par IE6 -- */
*html #div_principal
{
	height:100%;
}

#conteneur
{
	position:relative;
	margin:0px;
	width:984px;
	min-height:100%;
	border:0px solid #000000;
	/*display:block;
	overflow:hidden;*/
}
*html #conteneur
{
	height:100%;
	/*overflow:auto;*/
}

/* ------ DIV DE GAUCHE ------ */
#div_gauche
{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:208px;
	height:auto;
	border:0px;
	background-color : #e5f0b4;
	border:0px solid #CC0000;
}
#logo
{
	margin:0px;
	padding:0px;
	width:208px;
	height:231px;
	border:0px;
	background-color : #FFF;
}
#newsletter
{
	background-color : #015d38;
	margin:0px;
	padding:0px;
	width:208px;
	height:107px;
	border:0px;
}
.input_newsletter
{
	padding-left:3px;
	color:#000000;
	FONT:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#menu
{
	margin:0px;
	padding:0px;
	width:208px;
	height:auto;
	border:0px;
}
#menu img {
	display: block;
}

/* ------ FIN DIV DE GAUCHE ------ */

/* ------ DIV DEU MILIEU  ------ */
#div_milieu
{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:584px;
	height:auto;
	/*min-height:100%;*/
	background-color : #FFFFFF;
	border:0px solid #CC0000;
}

#banniere
{
	margin:0px;
	padding:0px;
	width:584px;
	height:231px;
	border:0px;
}

#catalogue
{
	margin:0px;
	margin-left:20px;
	width:534px;
	border:0px;
	height:auto;
	padding-bottom: 8em;
}
#menu_bas /* menu bas */
{
	position:absolute;
	width:584px;
	height:90px;
	margin-left:208px;
	bottom:0px;
	border:0px solid #CC0000;
}
/* ------FIN DIV DEU MILIEU  ------ */

#div_droite
{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:192px;
	height:auto;
	border:0px;
	background-color : #afd21e;
	border:0px solid #CC0000;
}

#droit_haut
{
	margin:0px;
	padding:0px;
	width:192px;
	height:235px;
	border:0px;
}
#lien_ref
{
	margin:0px;
	margin-left:3px;
	padding:0px;
	width:184px;
	/*height:245px;*/
	border:0px solid #CC0000;
	text-align:justify;
}
#droit_etape
{
	margin:0px;
	padding:0px;
	width:192px;
	border:0px;
}
/* --------------- TYPO ------------ */
.format{
	background-color:#afd21e;
	color:#ffffff;
	FONT:12px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
}
.quantite{
	background-color:#8ed6e2;
	color:#ffffff;
	FONT:12px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
}
.prix{
	background-color:#cfe578;
	color:#4e4e50;
	FONT:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
}
.prixpetit{
	FONT:10px Verdana, Arial, Helvetica, sans-serif;
}

.texte{
	color:#458f74;
	FONT:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}
.texte_bleu{
	color:#44bcca;
	FONT:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.texte_petit{
	color:#000000;
	FONT:8px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-weight:bold;
}
.texte_nonaligne{
	color:#458f74;
	FONT:10px Verdana, Arial, Helvetica, sans-serif;
}
.texteblanc{
	color:#FFFFFF;
	FONT:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}
.textenoir{
	color:#000000;
	FONT:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}
.textegrosblanc{
	color:#FFFFFF;
	FONT:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
.vertfonce{
	color:#146135;
	FONT:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
.rouge{
	color:#CC0000;
	FONT:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
}
.blanc{
	color:#FFF;
	FONT:9px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*letter-spacing:-0.5px;*/
}
.texte_gros{
	color:#000000;
	FONT:13px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-weight:bold;
}
#livraison
{
	display:none;
}
#relaiscolis
{
	display:none;
}
#relaiscolis_block
{
	display:block;
}
.titre
{
	color:#015d38;
	FONT:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

a.prixtab:link 
{
	background-color:#cfe578;
	color:#4e4e50;
	FONT:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	cursor:hand;
}
a.prixtab:visited 
{
	background-color:#cfe578;
	color:#4e4e50;
	FONT:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	cursor:hand;
}
a.prixtab:active 
{
	background-color:#cfe578;
	color:#4e4e50;
	FONT:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	cursor:hand;
}
a.prixtab:hover
 {
 	background-color:#075d38;
	color:#ffffff;
	FONT:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	cursor:hand;
}

/* -------------------- */
a.lien_souligne:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold;text-decoration: underline  ;
}
a.lien_souligne:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold;text-decoration: underline  ;
}
a.lien_souligne:active 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold;text-decoration: underline  ;
}
a.lien_souligne:hover
 {
 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: bold;text-decoration: underline  ;
}

a.vert_clair:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #cfe578; font-weight: bold;text-decoration: underline  ;
}
a.vert_clair:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #cfe578; font-weight: bold;text-decoration: underline  ;
}
a.vert_clair:active 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #cfe578; font-weight: bold;text-decoration: underline  ;
}
a.vert_clair:hover
 {
 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #146135; font-weight: bold;text-decoration: underline  ;
}

a.lien_relais:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal;text-decoration: none ;
}
a.lien_relais:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  11px; color: #000000; font-weight: normal;text-decoration: none ;
}
a.lien_relais:active 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  11px; color: #000000; font-weight: normal;text-decoration: none ;
}
a.lien_relais:hover
 {
 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  11px; color: #000000; font-weight: bold;text-decoration: none ;
}
a.lien_relais_vert:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #015d38; font-weight: bold;text-decoration: none ;
}
a.lien_relais_vert:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  13px; color: #015d38; font-weight: bold;text-decoration: none ;
}
a.lien_relais_vert:active 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  13px; color: #015d38; font-weight: bold;text-decoration: none ;
}
a.lien_relais_vert:hover
 {
 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  13px; color: #015d38; font-weight: bold;text-decoration: none ;
}

a.lien_noir_souligne:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold;text-decoration: underline ;
}
a.lien_noir_souligne:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  11px; color: #000000; font-weight: bold;text-decoration: underline ;
}
a.lien_noir_souligne:active 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  11px; color: #000000; font-weight: bold;text-decoration: underline ;
}
a.lien_noir_souligne:hover
 {
 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  11px; color: #000000; font-weight: bold;text-decoration: underline ;
}

a:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #458f74; font-weight: bold;text-decoration: none ;
}
a:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  10px; color: #458f74; font-weight: bold;text-decoration: none ;
}
a:active 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  10px; color: #458f74; font-weight: bold;text-decoration: none ;
}
a:hover
 {
 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  10px; color: #146135; font-weight: bold;text-decoration: none ;
}

/* ----- TABLEAU MON COMPTE ----- */
.entete_verte{
	color:#FFF;
	background-color:#015d38;
	FONT:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

.ligne_cde_attente{
	color:#FFF;
	background-color:#afd21d;
	FONT:10px Verdana, Arial, Helvetica, sans-serif;
}
.ligne_cde_valide{
	color:#FFF;
	background-color:#774f3b;
	FONT:10px Verdana, Arial, Helvetica, sans-serif;
}
.ligne_cde_refuse{
	color:#FFF;
	background-color:#CCA000;
	FONT:10px Verdana, Arial, Helvetica, sans-serif;
}

a.cde_lien:link 
{
	color:#FFF; FONT:10px Verdana, Arial, Helvetica, sans-serif; display:block;
}
a.cde_lien:visited 
{
	color:#FFF; FONT:10px Verdana, Arial, Helvetica, sans-serif; display:block;
}
a.cde_lien:active 
{
	color:#FFF; FONT:10px Verdana, Arial, Helvetica, sans-serif; display:block;
}
a.cde_lien:hover
 {
 	color:#FFF; FONT:10px Verdana, Arial, Helvetica, sans-serif; display:block;
}

/* ----------- LIEN POUR LA PARTIE DE DROITE SERVANT NOTAMMENT POUR LE REFERENCEMENT ---------- */
a.lien_ref_blanc:link 
{
	color:#FFF; FONT:14px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight: bold;
}
a.lien_ref_blanc:visited 
{
	color:#FFF; FONT:14px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight: bold;
}
a.lien_ref_blanc:active 
{
	color:#FFF; FONT:14px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight: bold;
}
a.lien_ref_blanc:hover
 {
 	color:#FFF; FONT:14px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight: bold;
}
a.lien_ref_vert:link 
{
	color:#458f74; FONT:14px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight: bold;
}
a.lien_ref_vert:visited 
{
	color:#458f74; FONT:14px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight: bold;
}
a.lien_ref_vert:active 
{
	color:#458f74; FONT:14px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight: bold;
}
a.lien_ref_vert:hover
 {
 	color:#458f74; FONT:14px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight: bold;
}