body  { color: #444; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-align: center; margin: 0; padding: 0; }

a { color: #444; text-decoration: none; display: inline }
a:visited { color: #444; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }

#document {
	width:1024px;
	margin : 0 auto;
	padding : 0;
	text-align: left;
	}

/* HAUT */
#haut  {
	width: 1024px;
	height: 116px;
	float: left;
	padding: 0; margin: 0;
}

/* HAUT */
#haut2  {
	width: 1024px;
	height: 124px;
	float: left;
	padding: 0; margin: 0;
}

/* MENU H1 */

#menuHaut1 { position: absolute; float: left; width: 800px; margin: 10px 0 0 210px; color: #bdc8ce; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif }

#menuHaut1 a  { color: #bdc8ce; }
#menuHaut1 a:visited { color: #BDC8CE }
#menuHaut1 a:hover { color: #ffffff }
#menuHaut1 a.actif { color: #ffffff; border-bottom: 2px solid #fff }


/* PANIER */
#panier  {
	clear: both;
	position: absolute;
	width: 123px;
	height: 215px;
	float: left;
	text-align: left;
	margin: 35px 0 0 650px;
}


/* MILIEU */
#milieu { clear: both; width: 1024px; background: url(interface/mimiB_02.jpg) repeat-y -100px 0;  }


/* COLONNE GAUCHE */
#colonneGauche  {
	width: 170px;
	float: left;
	padding: 0px; margin: 0px;
	text-align: left;
}

#colonneGauche h3 { color: #e2007a; font-size: 105%; font-weight: bold; margin: 10px 0 0 5px; padding: 0px; border-bottom: 1px solid #c0c0c0 }
#colonneGauche h4 { color: #e2007a; font-size: 100%; font-weight: normal; margin: 0 5px 0 5px; padding: 0px; }


/* MENU GAUCHE */
#menuGauche  {
	width: 220px;
	float: left;
	padding: 0px; margin: 0px;
	text-align: left;
	background: url(images_fr/menuG_02.png) repeat-y;
}

#menuGauche h2 { font-size: 110%; font-weight: normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #1E3E4E }
#menuGauche a  { color: #1E3E4E; line-height: 16px }
#menuGauche a:visited { color: #1E3E4E }
#menuGauche a:hover { color: #000000 }


/* CONTENU */

#contenu { float: left; width: 854px; text-align: left; margin: 0; background: url(interface/mimiB_02.jpg) repeat-y -100px 0; }

#contenu h1 { color: #e2007a; font-size: 160%; line-height: 16px; font-weight: normal; padding: 0; margin: 0; text-align: left; display: inline }
#contenu h2 { color: #000000; font-size: 130%; line-height: 16px; font-weight: normal; padding: 0; margin: 0; text-align: left }
#contenu h3 { color: #e2007a; font-size: 110%; line-height: 16px; font-weight: normal; padding: 0; margin: 0; text-align: left }
#contenu h4 { color: #e2007a; font-size: 100%; line-height: 16px; font-weight: normal; padding: 0; margin: 0; text-align: left }

#contenu h4.erreur { color: #ff0000; font-size: 100%; line-height: 16px; font-weight: normal; }

#contenu h3.rouge { color : #ff0000; font-size: 160%; font-weight: normal; line-height: 16px; margin:0px }
#contenu h4.rouge { color : #ff0000; font-size: 120%; font-weight: normal; line-height: 16px; margin:0px }
#contenu h5.rouge { color : #ff0000; font-size: 100%; font-weight: normal; line-height: 16px; margin:0px }

#contenu h3.bleu { color : #e2007a; font-size: 160%; font-weight: normal; line-height: 16px; margin:0px }
#contenu h4.bleu { color : #e2007a; font-size: 120%; font-weight: normal; line-height: 16px; margin:0px }
#contenu h5.bleu { color : #e2007a; font-size: 100%; font-weight: normal; line-height: 16px; margin:0px }

#contenu .plus { color : #e2007a; font-size: 110%; font-weight: bold; line-height: 16px; margin:0px }

#contenu h3.noir { color : #000000; font-size: 160%; font-weight: normal; line-height: 16px; margin:0px }
#contenu h4.noir { color : #000000; font-size: 120%; font-weight: normal; line-height: 20px; margin:0px }
#contenu h5.noir { color : #000000; font-size: 100%; font-weight: normal; line-height: 16px; margin:0px }
#contenu h6.noir { color : #000000; font-size: 90%; font-weight: normal; line-height: 14px; margin:0px }

#contenu h5.vert { color : #45bf34; font-size: 100%; font-weight: normal; line-height: 16px; margin:0px }


/* COMPTE */

#compte {
	clear: both;
	float: left;
	width: 234px;
	margin: 0px;
	color: #fff;
}

#compte h3 { margin: 0 0 5px 20px; color : #E3D6B0; font-size: 100%; font-weight: normal; line-height: 16px; }
#compte h4.rouge { margin: 0 0 0 10px; color : #FF7800; font-size: 100%; font-weight: normal; line-height: 16px; }
#compte h4.vert  { color: #7B9A28; font-size: 100%; font-weight: normal; line-height: 16px; margin: 0 0 0 10px }
#compte a.compte { color : #E3D6B0; }
#compte a.compte:visited { color : #E3D6B0; }
#compte a.compte:hover { color : #fff; }

/* PAGE PRODUITS */
#produit1  { background: url(interface/cellule.png) no-repeat; margin: 10px 3px 5px 3px; float: left; width: 170px; height: 200px; text-align: center }
/*#produit1:hover  { background: url(interface/celluleON.png) no-repeat; }*/
#photo1    { margin-top:10px; width: 170px; height: 140px; }

/* PAGE PRODUIT UNIT */
#produit2 { float: left; width: 550px; background: url(interface/fd_produit_02.png) repeat-y; padding: 0 20px 0 20px }
#produit2 h2 { font-size: 150%; color: #e2007a; border: none; padding: 0; margin: 0 0 0 0; line-height: 22px }
#photo2    { float: right; margin: 0px 10px 10px 15px; text-align: right }
#photo2 a  { color: #75207f; font-size: 100%; background-color: #e7e7e7; border: solid 5px #e7e7e7; line-height:25px; margin: 5px 5px 5px 0; }
#photo2 a:hover  { color: #fff; font-size: 100%; background-color: #e7e7e7; border: solid 5px #e7e7e7; line-height:25px; margin: 5px 5px 5px 0; }


#assoc  { margin-left: 10px; margin-bottom: 5px; margin-top: 5px; float: left; width: 557px; }

#formulaire  { margin-left: 10px; margin-bottom: 5px; margin-top: 5px; float: left; width: 557px; }

/* BAS */
/* BAS PAGE */
#bas { clear: both;  margin : 0 auto; width: 1024px; text-align: center; color:#444; }
#bas2 { margin : 0; clear: both; width: 854px; background: url(interface/mimiB_03.jpg) no-repeat -100px 0; text-align: center; color:#444; }
#bas2 h1 { color: #e2007a; font-size:120%; display: inline }
#bas2 a { color: #e2007a; }
#bas2 a:visited { color: #e2007a; }
#bas2 a:hover { color: #000000; }




/* CADDIE */
#demicadre { float:left; width:245px; margin:10px 0 0 10px; padding:0 10px 10px 10px }
#demicadre2 { float:left; width:343px; margin:10px 0 0 10px; padding:0 10px 10px 10px; border:1px solid #c0c0c0; background-color: #fff }
#cadrecomplet { float:left; width:720px; margin:10px 0 0 10px; padding:0px }
#cadrecomplet2 { float:left; width:718px; margin:10px 0 0 10px; padding:0 10px 10px 10px; border:1px solid #c0c0c0; background-color: #fff }
#demicadre h3, #demicadre2 h3, #cadrecomplet h3, #cadrecomplet2 h3 { margin: 0; padding: 0; color : #e2007a; font-size: 120%; font-weight: bold; line-height:14px }
#demicadre h4.rouge, #cadrecomplet h4.rouge { color : #ff0000; font-size: 100%; font-weight: normal; line-height: 14px; margin:10px 0 0 0; padding:0; }
#demicadre h4.vert, #cadrecomplet h4.vert  { color: #45bf34; font-size: 100%; font-weight: normal; line-height: 14px; margin:10px 0 0 0; padding:0; }
#demicadre p, #cadrecomplet p { line-height:14px; font-size: 100%; font-weight: normal }
#demicadre img, #cadrecomplet img { margin-top: 10px }
#cadrecomplet p.action input {
	width : auto;
	color : #50A5F3;
	border : 0px;
	padding: 0px;
	margin : 0 260px;
}

#tableau {
	float : left;
	width:280px;
}

#tableaucaddie {
	float : left;
}

#tableautotal1 {
	float : right;
	width: 180px;
	text-align:right;
	padding:5px;
}

#tableautotal2 {
	float : right;
	width: 60px;
	padding:5px;
	margin-right: 10px;
}

#caddie  {
	width: 200px;
	float: left;
	background-color : #AF0067;
	padding: 0px; margin: 0px;
	text-align: left;
}
#caddie h2 { color: #46423F; font-size: 120%; line-height: 16px; font-weight: normal; margin:0; padding:0 }
#caddie h3 { color: #fff; font-size: 105%; font-weight: bold; margin: 10px 0 0 5px; padding: 0px; border-bottom: 1px solid #fff }
#caddie h4 { color: #fff; font-size: 100%; font-weight: normal; margin: 0 5px 0 5px; padding: 0px; }
#caddie a, #caddie a.visited { color: #46423F; font-size: 100%; line-height: 16px; font-weight: normal; margin:0; padding:0 }
#caddie a.hover { color: #000000; font-size: 100%; line-height: 16px; font-weight: normal; margin:0; padding:0 }

/* FORMULAIRE */
form { margin : 0 0 0 0; padding : 0; }

fieldset { border-width : 1px solid #444; }

legend {
	color : #e2007a;
	font-weight : bold;
	font-size : 100%;
	margin : 10px 10px 10px 10px;
	padding : 0;
	width : auto;
}
input, textarea,select {
	font-size : 100%;
	font-family : arial, sans-serif;
	border-width : 1px;
	border-style : solid;
	border-top-color : #e2007a;
	border-right-color : #e2007a;
	border-bottom-color : #e2007a;
	border-left-color : #e2007a;
	background-color: #ffffff;
	padding : 1px 2px;
	margin-left : 8px;
}
p.action input {
	width : auto;
	margin : 0 0 0 250px;
}
form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
p label {
	float: left;
	width: 220px;
	margin-bottom : 8px;
	text-align: right;
	color : #444;
	font-weight : normal;
}
p label.no {
	float: left;
	width: 110px;
	margin-bottom : 8px;
	text-align: right;
	color : #ff0000;
	font-weight : normal;
}

#pageko { float: left; text-align: center; width: 15px; height: 15px; border: 1px solid #e2007a; color: #e2007a; margin-left:1px }
#pageko a, #pageko a:visited { color: #e2007a; text-decoration: none; line-height: 15px; display: block }
#pageko a:hover { color: #e2007a; text-decoration: none; background-color: #e2007a; line-height: 15px; display: block }

#pageok { float: left; text-align: center; width: 15px; height: 15px; border: 1px solid #e2007a; color: #fff; background-color: #e2007a; line-height: 15px; margin-left:1px }