html {
	font-size: 100%; 
}

body {
	margin: 0;
	padding: 0; 
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; 
	font-size: .8em; 
	line-height: 1.5; 
}

/* --- Titres --------------------------------- */

h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0; 
	padding : 0;
}

h1 {font-size: 3em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}

/* --- Balises --------------------------------- */

a img {border: none;}

ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0; 
}


dd, dt {
	margin : 0;
	padding :0;
}

p {margin: .75em 0;}

img {
	margin : 0;
	padding : 0;
}

blockquote, q {
	font-size: 1.1em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}

blockquote {margin: .75em 0 .75em 24px;}

cite {font-style: italic;}

table {
	width : 100%;
	text-align : left;
}

caption {
	padding : 0.2em 1.2em;
	text-align : left;
	font-size : 1.2em;
	font-weight : bold;
	}

td, th {
	padding : 0.2em 0.5em;
}

em {font-style: italic;}
strong {font-weight: bold;}

/* --- Conteneurs généraux -------------------- */

/* ---#compte -------------*/

#info_compte {
}

#crea_compte {
	float : right;
	width : 40%;
	margin : 0 20px;
	border : 1px solid #000;
	border-top : 3px solid #000;
	padding : 20px 20px 10px;
	margin-top : 10px;
}

/* ---#footer------------*/

#footer span {
	padding : 0 10px;
}

/* --- Classes ------------------------------- */

.retrait {margin-left : 2em;}
.error {	color : red;}
.b {font-weight : bold;}
.right {text-align : right;}
.center {text-align : center;}
.left {text-align : left;}
.fleft {float : left;}
.tm { vertical-align : super; font-size : 0.85em;}
.invisible {display : none;}
.navigation, .pagination {font-size : 0.9em;}	
.underline {text-decoration : underline;}
.print {text-align : right; clear : both; padding-top : 1em;}
.clear {clear : both;}
/* --- ul.menu --- */

ul.menu  {
	list-style-type : none;
	margin : 0;
	}

ul.menu li {
	display : inline;
	background : none;
	margin : 0;
	padding : 0;
}

ul.menu a {
	display : block;
	float : left;
}

/* --- Panier --- */

#detail_panier p {margin : 10px 20px;}


table .photo  img {width : 40px;}
table .uht, table .tht, table .ttc {text-align : right; font-weight : bold;}
table .qte, table .qte input {text-align : center;}
td.photo {text-align : center; width : 40px;}
td.icone {width : 20px; text-align : center;}

/* --- Paiement --- */

#adresse2 {
	visibility: hidden; 
	display: none;	
}

dl.paiement {
	clear : both;
	overflow : hidden;
	margin-bottom : 20px;
	}

dl.paiement dt {
	float : left;
	width : 20%;
	text-align : right;
}

dl.paiement dd {
	margin-left : 30%;
}

/* --- Coordonnées --- */

dl.coord {margin-left : 24px;}
dl.coord dt {font-weight : bold;}

/* --- Formulaires ------------------------------------ */

form, fieldset, input, select, textarea, label , legend{
	margin : 0;
	padding : 0;
	border : none;
}

fieldset {font-size : 0.95em;}

input, select {vertical-align: middle;}

.content fieldset {
	margin-bottom : 20px;
	padding : 0 10px 10px;
}

#detail_panier  fieldset {padding : 0 0 10px;}
#commande fieldset {width : 60%;}
#commande fieldset  fieldset{width : 90%;}

legend {
	padding : 2px 5px;
	font-weight : bold;
}

label , p.field span.label {
	display : block;
	float : left;
	margin-right : 5px;
	text-align : right;
	cursor : pointer;
}

fieldset  p{clear : both;} 

input.text, textarea {padding : 4px 5px;}

p.field {clear : both;}
p.field label, p.field span.label {width : 46%;}
p.field input.text {width : 40%;}


span.note {font-style : italic;}

p.button {
	font-size : 0.9em;
	text-align : right;
}

p.button a {
	display : block;
	float : right;
	text-align : center;
	width : auto;
	text-decoration : none;
	margin-left : 10px;
	padding : 2px 5px 3px;
}

p.button img {
	vertical-align : middle; 
	margin-left : 5px;
}

input.submit , p.button a  {
	font-size : 1em;
	cursor : pointer;
}

input.submit {padding : 3px 5px 4px;}