* {margin: 0; padding: 0 }

body   { color: #444; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background: #e7e7e7 url("interface/fdTM.gif") repeat-x; text-align: center }


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

a.blanc, a.blanc:visited { color: #fff; }
a.blanc:hover { color: #FFFE69; }

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

/* HAUT1 */
#haut  {
	width: 1000px;
	height: 100px;
	float: left;
	vertical-align: center;
	background: url(interface/TM.gif) no-repeat;
	margin: 0; padding: 0;
}

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


/* MENU */

#menu { margin: 64px 0 0 20px }
#bouton { float: left; height: 23px; display: block; background: url(interface/menu.gif) no-repeat; }
#bouton a { background: url(interface/menu.gif) no-repeat; padding: 0 10px 0 10px; line-height:23px; display: block; color: #fff; text-decoration: none }
#bouton	a:visited { background: url(interface/menu.gif) no-repeat; line-height:23px; display: block; color: #fff; text-decoration: none }
#bouton a:hover { background: url(interface/menu.gif) no-repeat 0 -23px; line-height:23px; display: block; color: #fff; text-decoration: none }
#bouton a.actif { background: url(interface/menu.gif) no-repeat 0 -23px; line-height:23px; display: block; color: #fff; text-decoration: none }

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

#contenu a, #contenu a:visited { color: #444; margin:0; padding:0 }
#contenu a:hover { color: #000; margin:0; padding:0 }

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

#contenu h1 { color : #1C738E; font-size: 140%; font-weight: normal; line-height: 16px; margin:0px }
#contenu h2 { color : #1C738E; font-size: 140%; font-weight: normal; line-height: 16px; margin:0px }
#contenu h3 { color : #ff0000; font-size: 120%; font-weight: normal; line-height: 22px; margin:0px }
#contenu h3.rouge { color : #ff0000; font-size: 120%; font-weight: normal; line-height: 16px; margin:0px }
#contenu h4.rouge { color : #ff0000; font-size: 110%; 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 : #1C738E; font-size: 130%; font-weight: normal; line-height: 16px; margin:0px }
#contenu h4.bleu { color : #1C738E; font-size: 110%; font-weight: normal; line-height: 16px; margin:0px }
#contenu h5.bleu { color : #1C738E; font-size: 100%; font-weight: normal; line-height: 16px; margin:0px }

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

#contenu h3.noir { color : #000000; font-size: 130%; font-weight: normal; line-height: 16px; margin:0px }
#contenu h4.noir { color : #000000; font-size: 110%; 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 }

#cadrecomplet { float:left; width:528px; padding:0 10px 10px 10px; margin-top:-1px; background: url(interface/fd_cel.gif) no-repeat 5px 10px }
#cadrecomplet p.action input { width : auto; color : #1C738E; border : 0px; padding: 0px; margin : 0 260px; }
#demicadre { float:left; width:260px; border:1px solid #5B5B5B; margin:10px 0 0 10px; padding:0 10px 10px 10px }
#demicadre h3, #cadrecomplet h3 { margin: 0; padding: 0; color : #1C738E; font-size: 120%; font-weight: normal; line-height:24px }
#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 }

#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; }


#accueil  { width: 260px; height: 140px; border: 1px solid #c0c0c0; margin: 5px 0 0 0; padding: 5px; background: url(interface/fd_cel.gif) no-repeat; background-color: #fff }
#accueil a  { color: #1C738E; text-decoration: none }
#accueil a:visited  { color: #1C738E; text-decoration: none }
#accueil a:hover  { color: #000; text-decoration: none }

#produit1  { clear: both; float: left; line-height: 16px; }
#produit1 h2 { color : #1C738E; font-size: 120%; font-weight: normal; line-height: 16px; margin:3px 0 3px 0 }
#image1 { float: left; width: 120px; margin-left: 14px }
#image1 a, #image1 a:hover, #image1 a:visited { margin: 0; padding: 0 }
#texte1 { float: left; width: 400px }
#texte1 a, #texte1 a:visited { margin: 0; padding: 0; color:#1C738E; text-decoration: none  }
#texte1 a:hover { margin: 0; padding: 0; color:#000; text-decoration: none  }

#produit2  { float: left; width: 540px; }
#photo2    { float: left; margin: 10px 14px 10px 14px; width: 520px; }
#photo2 h3 { float: left; color: #ff0000; font-size: 140%; line-height: 30px }

#prix { float: left;  }
#prixbarre { float: left; color:#000; font-size: 100% }

#descriptif  { float: left; width: 520px; margin-left: 15px }

/* COLONNE GAUCHE */
#colonneGauche {
	float: left;
	width: 261px;
}

#menuNV { }
#menuNV a { color: #fff; margin:0; padding:0 }
#menuNV a:visited { color: #fff; margin:0; padding:0 }
#menuNV a:hover { color: #FFFE69; margin:0; padding:0 }

#menuPR {  }
#menuPR a { color: #1C738E; margin:0; padding:0 }
#menuPR a:visited { color: #1C738E; margin:0; padding:0 }
#menuPR a:hover { color: #ff0000; margin:0; padding:0 }



}/*----------------------------------------*/
/* COLONNE DROITE */
#colonneDroite {
	float: right;
	width: 191px;
}

#caddie { float: left; width: 191px; margin:0px; padding: 0px; color: #000; font-size: 100%; font-weight: normal; }

#compte { float: right; width: 191px; margin:0px; padding: 0px; color: #000; font-size: 100%; font-weight: normal; }

#compte h3 { margin: 0 0 0 25px; color : #000; font-size: 100%; font-weight: normal; line-height: 16px; }
#compte h4.rouge { margin: 0 0 0 25px; 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 25px }
#compte a.compte { color : #1C738E; margin: 0; padding: 0; display: inline }
#compte a.compte:visited { color : #1C738E; margin: 0; padding: 0; display: inline }
#compte a.compte:hover { color : #000; margin: 0; padding: 0; display: inline }

#encart1 { float: left; width: 174px;padding-top:10px; }
#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.base:visited { color : #000; display: inline; font-size:90% }
#encart1 a.base:hover { color : #1C738E; display: inline; font-size:90% }

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

/* BAS PAGE */
#bas { clear: both; width: 100%; height: 200px; background: url(interface/fd_baspage.gif) repeat-x; background-color: #737373; text-align: center; color:#fff; }
#bas2 { margin : 0 auto; clear: both; width: 800px; text-align: center; color:#fff; }
#bas2 a { color: #fff; }
#bas2 a:visited { color: #fff; }
#bas2 a:hover { color: #FFFE69; }

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

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: #fff;
	padding : 2px 1px;
	margin : 1px 0 0 0;
}

#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: #fff;
	padding : 2px 1px;
}

#formul p.action input {
	width : auto;
	color : #1C738E;
	border : 0px;
	padding: 0px;
	margin : 0 280px;
	
}
#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;
}
a, a:visited { color: #444; margin:0; padding:0 }
a:hover { color: #000; margin:0; padding:0 }