body 
{
	width: 1000px;
	background-image: url(/images/fond_ecran.png);
	background-color : black;
	background-position:top center;
	background-repeat:repeat-y;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	font-family: 'Century Gothic', Verdana, Arial, sans-serif;
	font-size: 1em;
	color: black;
}

a, a:visited, a:active 
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}
a, a:visited, a:active, a:hover 
{
	color: #666
}

#header {
	float:left;
	font-size : 8px;
	margin-top:45px;
	margin-bottom : 10px;
	width : 359px;
}

div.menuliens {
	float:left;
	margin-top:15px;
	margin-left:270px;
	font-size : 0.80em;
	height : 45px;
	width:720px;
}

div.menuliens ul{
	float:left;
	list-style: outside url("images/puce_menu_header.gif");
	display : inline;
	margin-top : 0;
}

a.menulien {
	color:#c90;
}

a.menulien:active{
	color:#fff;
}
a.menulien:visited {
	color:#c90;
}

a.menulien:hover {
	color:#fff;
}

.form
{
	clear: left;
	margin: 5px;
	padding: 0px;
}
label
{
/*	display: block;*/
/*	float: left;*/
	margin-right: 1em;
	margin-left: 1em;
	width: 9em;
}

.submit
{
	margin-left: 40%;
}

img {
	border-width: 0;
}

a.current {
	font-style: italic;
}

h1
{
	margin-left: -10px;
	padding-left : 10px;
	font-size: 1.5em;
	background : url(/images/puce_rouge_contenu.gif) no-repeat center left;
}

h2
{
	font-size: 1em;
}

p.texte_accueil
{
	margin-left: -10px;
	padding-left : 10px;
	background : url(/images/puce_contenu_home.gif) no-repeat center left;
}
.nota
{
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
}
h2.cgv, .info
{
	margin-top: 0px;
	margin-bottom: 1px;
}

div.frame
{
	clear:both;
	font-size : 0.8em;
	margin-left: 300px;
	margin-top : 190px;
	background: white;
	padding:8px 40px;
	width: 590px;
	min-height: 326px;
}

div.text_left
{
	float: left;
	width: 49%;
	border-right: 1px solid #999;
	padding-right: 2%;
}

div.text_right
{
	float: right;
	width: 48%;
}

div.contact_bas_page
{
border-top : 1px solid grey;
margin-top : 30px;
}

div#footer {
	/*border-top : 1px solid black;*/
	font-size : 0.7em;
	padding-right : 20px;
	padding-bottom: 10px;
	color : #666;/*
	margin-left: 300px;
	background: white;
	width: 670px;*/
}

.left
{
	float: left;
}
.right
{
	float: right;
}

div.orderLeft
{
/*	float: left;
	width: 600px;
	border-right: 1px solid #999;
	padding-right: 15px;
	margin-left: 20px;
	margin-top: 15px;*/
}

div.orderRight
{
/*	float: left;
	width: 315px;
	margin-left: 15px;
	margin-top: 15px;*/
}

div.orderDisplay
{
	clear: both;
}

div.orderFrame
{
	clear:both;
	font-size : 0.8em;
	margin-left: 300px;
	background: white;
	padding:8px 40px;
	width: 590px;
	min-height: 426px;
/*
	width: 1000px;
	background: white url(images/middle.jpg);
	background-repeat: repeat-y;
	padding: 0px;*/
}

div.orderTop
{
/*	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 1000px;*/
}

div.orderBottom
{
/*	background-image: url(images/bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 1000px;*/
}

div.orderMain
{
	padding: 20px 30px;
}

.frame p
{
	text-align: justify;
}

img.left {
	float: left;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px
}
img.right {
	float: right;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

img.rightsmall {
	float: right;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 500px
	font-size : 10px;
}

.suiv_valid_prec {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: #000000;
}
.etapevue, .etapevue a, .etapevue a:link, .etapevue a:active, .etapevue a:visited {
	color: #333;
	text-decoration:none;
	font-style: italic;
}
.etapeencours, .etapeencours a, .etapeencours a:link, .etapeencours a:active, .etapeencours a:visited {
	font-size: 12px;
	color: #c03;
	text-decoration:none;
	font-weight: bold;
}
.etapenonvue, .etapenonvue a, .etapenonvue a:link, .etapenonvue a:active, .etapenonvue a:visited {
	font-size: 12px;
	color: #555;
	text-decoration:none;
}
.titreproduit {
	font-size: 12px;
	color: #000000;
}
.titre {
	color: #FFFFFF;
	font-size: 18px;
}

.tableauprod {
	color: #000000;
	font-size: 14px;
}

.prod2 {
	color: #000000;
	font-size: 14px;
}
.prodepuise {
	color: #FF0000;
	font-size: 12px;
}

table.basket
{
	text-align: center;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
}

table.basket th
{
	font-weight: bold;
	font-size: 14px;
}

table.basket td
{
	font-size: 12px;
}

table.basket thead th
{
	text-align: left;
	font-weight: bold;
	padding: 2em;
}

table.basket tbody th
{
	text-align: left;
	font-weight: normal;
	font-size: medium;
}

h2 
{
	text-transform: uppercase;
}

h3
{
	font-size: small;
}

table.header
{
	border: 0;
	width: 100%;
	margin-left: 113px;
}

div#errors
{
	color: red;
	background-color: #f0f0f0; 
	border: 2px red solid; 
	padding:1ex;
	display: none;
	margin-bottom: 5px;
}

.red, a.red, a.red:active, a.red:visited, a.red:hover
{
	color: #900;
}

form.boldLabel label
{
	font-weight: bold;
}

form th
{
	text-align: right;
	width: 210px;
}

form td
{
	text-align: left;
}

div.frame h2
{
	text-transform: none;
}

div.tab
{
	background-color:#ccc;
	color:#666;
	border:1px #555 solid;
	text-align:center;
	float: left;
	font-weight: bold;
	padding: 3px 0.8em;;
	margin-right: 0.5em;
	color: black;
}

div.tab a, div.tab a:active, div.tab a:link, div.tab a:visited
{
	color: #666;
	text-decoration: none;	
}

div.selected a, div.tab:hover a, div.selected a:link, div.selected a:visited
{
	color: #333;
}

div.selected, div.tab:hover, div.selected:hover
{
	background-color:#eee;
	color: #333;
	border-color: #666;
}

div.tabSeparator
{
	position: absolute;
	top:103px;
	height:1px;
	left:10px;
	right:10px;
	border-top:1px #333333 solid;;
}
div.tabContent
{
	clear: both;
}

div.contact
{
	position:absolute;
	bottom: 0;
	left:10px;
	right:10px;
	height:50px;
	border-top: 1px #333333 solid;
	color: #333333;
}

div.contact a
{
	color: #333333;
}

div.bottom
{
	position:absolute;
	bottom: 100px;
	left:10px;
	right:10px;
	height:70px;
}

p.bottom
{
	
}

div.panier h2
{
	border: 1px #333333 solid;
	padding: .5ex;
}

div.basketContent
{
	color: #333333;
	padding: .5ex;
}

div.basketContent span.total
{
	color: black;
	font-weight: bold;
}

div.listSteps
{
	height: 42px;
	border-bottom: 2px #999 solid;
}

.etapeencours, .etapenonvue, .etapevue
{
	border: 0;
	border-right: 1px solid #999;
	padding: 0.5ex 0.9ex;
	float: left;
	text-align: center;
}

ol.stepList li
{
	border: 1px #333333 solid;
	margin-bottom: 1ex;
	font-weight:bold;
	padding: .5ex;
}

table.address th
{
	text-align: right;
}


table.address td
{
	padding: 1em;
}

p.mention
{
	margin-left:3em; 
	font-size:80%;
}

table.products
{
	border-collapse: collapse;
}

table.products th
{
	color: #333333;
}

table.products td, table.products th
{
	text-align: center;
	padding: 1ex;
}

table.products td.prodname
{
	text-align: left;
}

table.products tr
{
	border-bottom: 2px solid #bbb;
}


table.products col.priceCol, table.products col.qtyCol
{
	width: 15%;
}

li
{
	margin-bottom: 5px;
}

.img_galerie
{
margin-left : 9px;
margin-right : 9px;
width : 80px;
height : 60px;
}

.img_galerie_select
{
border : 2px dotted #444;
margin-left : 9px;
margin-right : 9px;
width : 76px;
height : 56px;
}

.list_pub_entreprises
{
	padding-left:0;
	list-style: outside url("/images/puce_contenu_home.gif");
}

.list_pub_entreprises li
{
	padding-left:0;
}
