* {margin: 0; padding: 0 }

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

a.gris, a:visited.gris { color: #444; }
a:hover.gris { color: #000; }

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

/* HAUT1 */
#hautun  {
	width: 850px;
	height: 78px;
	float: left;
	vertical-align: center;
}

#hautun h1 {
	font-size: 120%;
	font-weight : normal;
	vertical-align: center;
	margin : 30px 0 0 180px;
	line-height : 17px
}

/* HAUT2 */
#hautdeux {
	float: left;
	width: 850px;
	height: 25px;
}



/* HAUT3 */
#haut3 {
	float: left;
	width: 850px;
	height: 24px;
}

#haut3 img { margin : 5px 5px 0 10px }
a.cat1 { color: #fff; text-decoration : none } #haut3 a.cat1:hover { color: #fff; text-decoration : underline }
a.cat2 { color: #fff; text-decoration : none } #haut3 a.cat2:hover { color: #fff; text-decoration : underline }
a.cat3 { color: #000; text-decoration : none } #haut3 a.cat3:hover { color: #000; text-decoration : underline }
a.cat4 { color: #fff; text-decoration : none } #haut3 a.cat4:hover { color: #fff; text-decoration : underline }
a.cat5 { color: #000; text-decoration : none } #haut3 a.cat5:hover { color: #000; text-decoration : underline }
a.cat6 { color: #fff; text-decoration : none } #haut3 a.cat6:hover { color: #fff; text-decoration : underline }
a.cat7 { color: #000; text-decoration : none } #haut3 a.cat7:hover { color: #000; text-decoration : underline }
a.cat100 { color: #fff; text-decoration : none } #haut3 a.cat100:hover { color: #fff; text-decoration : underline }

/* CONTENU */
#contenu {
	float: left;
	width: 640px;
	-width: 630px;
	margin:0px;
	padding:0px;
	font-size:12px;
}

#contenu p {
	line-height: 14px;
}

#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 : #50A5F3; font-size: 160%; font-weight: normal; line-height: 16px; margin:0px }
#contenu h4.bleu { color : #50A5F3; font-size: 120%; font-weight: normal; line-height: 16px; margin:0px }
#contenu h5.bleu { color : #50A5F3; font-size: 100%; font-weight: normal; line-height: 16px; margin:0px }

#contenu .plus { color : #50A5F3; 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: 16px; 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 h4.rouge { color : #ff0000; font-size: 100%; font-weight: normal; line-height: 16px; }
#compte h4.vert { color: #45bf34; font-size: 100%; font-weight: normal; line-height: 16px; }

#demicadre { float:left; width:280px; border:1px solid #5B5B5B; margin:10px 0 0 10px; padding:0 10px 10px 10px }
#cadrecomplet { float:left; width:590px; border:1px solid #5B5B5B; margin:10px 0 0 10px; padding:0 10px 10px 10px }
#demicadre h3, #cadrecomplet h3 { margin: 0; padding: 0; color : #50A5F3; font-size: 120%; font-weight: normal; 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;
	background-color:#E7E7E7;
	text-align:right;
	padding:5px;
}

#tableautotal2 {
	float : right;
	width: 60px;
	background-color:#E7E7E7;
	padding:5px;
}


#produit1  { background: url(interface/cellule.gif) no-repeat; margin-left: 10px; -margin-left: 5px; margin-bottom: 5px; margin-top: 5px; float: left; width: 150px; align: center }
#photo1    { margin-top:10px;height: 90px; }
#texte1    { height: 40px; text-align: center; margin-top:0px }
#texte1 a  { color: #5B5B5B; font-size: 100%; line-height:18px; display: block; margin: 0 2px 0 2px; text-decoration: none }
#texte1 a:hover  { color: #000000; font-size: 100%; line-height:18px; display: block; margin: 0 2px 0 2px; text-decoration: none }

#produit2  { float: left; width: 280px; }
#photo2    { float: left; margin: 0px 15px 10px 15px; width: 300px; }
#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; }

/* COLONNE GAUCHE */
#colonneGaucheA {
	float: left;
	width: 203px;
}

#colonneGauche1 {
	float: left;
	width: 203px;
}

#colonneGauche2 {
	float: left;
	width: 203px;
}
#catalogue {
	float: left;
	width: 160px;
	padding-left:5px;
	margin:5px;
}
#lien {
	clear: both;float: left;
	margin-top: 5px;
}


/*----------------------------------------*/
/* COLONNE DROITE */
#colonneDroite {
	float: right;
	width: 174px;
	background : url("interface/fddroite.png") no-repeat;
}

#caddie { float: left; width: 174px; height : 55px; margin: 75px 0 0 0; padding:0; -width: 164px }
#caddie h3 { margin: 0 0 0 15px; color : #000; font-size: 100%; font-weight: normal; margin-top: 4px; }
#caddie a { color : #45bf34; }
#caddie a:hover { color : #000; }

#compte {
	float: left;
	width: 174px;
	background: url(interface/fdcompte_02.png) repeat-y;
	margin: 0px;
}
#compte h3 { margin: 0 0 0 15px; color : #000; font-size: 100%; font-weight: normal; line-height: 16px; }
#compte h4.rouge { margin: 0 0 0 15px; color : #ff0000; font-size: 100%; font-weight: normal; line-height: 16px; }
#compte h4.vert  { color: #45bf34; font-size: 100%; font-weight: normal; line-height: 16px; margin: 0 0 0 15px }
#compte a.compte { color : #45bf34; }
#compte a.compte:visited { color : #45bf34; }
#compte a.compte:hover { color : #000; }

#encart1 { float: left; width: 174px;padding:10px 0 0 0; -margin:0; -width: 164px }
#encart1 h3 { margin: 0 0 0 15px; color : #000; font-size: 100%; font-weight: normal; line-height: 16px; }
#encart1 a.base { color : #000; display: inline; font-size:90% }
#encart1 a:visited.base { color : #000; display: inline; font-size:90% }
#encart1 a:hover.base { color : #50A5F3; display: inline; font-size:90% }

#encart2 { float: left; width: 174px; height : 80px; }

/* FORMULAIRES */
form {
	margin : 0;
	padding : 0;
}
#contenu fieldset {
	border-width : 1px solid #000;
	margin:0 5px 15px 15px;
}
#contenu legend {
	text-align:right;
	color : #50A5F3;
	font-weight : normal;
	font-size : 100%;
	margin : 0 0 0 50px;
	padding : 0;
	width : auto;
	border-bottom : 2px solid #50A5F3;
}

input, textarea,select,checkbox {
	font-size : 95%;
	font-family : arial, sans-serif;
	border-width : 1px;
	border-style : solid;
	border-top-color : #8A8A8A;
	border-right-color : #8A8A8A;
	border-bottom-color : #E0E0E0;
	border-left-color : #E0E0E0;
	background-color: #e7e7e7;
	padding : 3px 2px;
}

#formul input, textarea,select {
	font-size : 100%;
	font-family : arial, sans-serif;
	border-width : 1px;
	border-style : solid;
	border-top-color : #8A8A8A;
	border-right-color : #8A8A8A;
	border-bottom-color : #E0E0E0;
	border-left-color : #E0E0E0;
	background-color: #e7e7e7;
	padding : 3px 2px;
	margin-left : 8px;
}

#formul p.action input {
	width : auto;
	color : #50A5F3;
	border : 0px;
	padding: 0px;
	margin : 0 270px;
	
}
#contenu form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
#contenu p label {
	float: left;
	width: 200px;
	margin : 5px 8px 0 0;
	text-align: right;
	color : #5B5B5B;
	font-weight : normal;
}