html {
	background: #eee url(/images/fond.jpg) repeat-y top center;
	font: normal normal normal 12px Arial, sans-serif;
} 

body {
	background:white;
	border-left: 1px solid #d6d6d6;	
	border-right: 1px solid #d6d6d6;	
	width: 960px;
	margin:0 auto;
	padding:0;
}

/* erreurs */
p.error {
	color: red;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid red;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	background-color: #FEE;
	text-align: center;
}

p.buttons { text-align: right; font-weight: bold; padding: 0 15px; }

.next_step {
	background: #9c20e3;
	color: white;
	border: 2px solid black;
	padding: 5px 10px;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.fieldWithErrors, .fieldWithErrors input, .fieldWithErrors textarea {
	color: red;
}


span.fieldWithErrors input, .fieldWithErrors textarea {
	border: 1px solid red !important;
}
/* entete */
#logo {
	float:left;
	width:590px;
}

#entete {
	background:transparent url('/images/panier.jpg') no-repeat scroll 300px 70px;
	width:349px;
	float: right;
	text-align: left;
	padding-left: 15px;
	border-bottom: 1px solid #d6d6d6;
	overflow: hidden;
}

#entete form {
	margin: 0;
	padding: 0;
}

#entete p {
	padding: 2px 0 0 3px;
	line-height: 18px;
	margin:0;
	float:left;
	clear: left;
	border-bottom: 1px solid #d6d6d6;
}

.contact p img {
	vertical-align: middle;
}

#entete input.text {
	width: 170px;
	background: #dbdbdb;
	border: none;
}

/*.commande {
	width: 332px;
	padding-bottom: 15px;
}*/




.text-orange {
	margin:0;
	padding:0;
	color:#9c20e3;
}

.text-orange p{
	font: normal normal normal 12px Arial, sans-serif;
}

ul.oubli{
	clear: left;
	margin-top: 0;
	width: 363px;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 3px;
}

.oubli li {
	font: normal normal normal 12px "Arial Black",Arial, sans-serif;
	padding-right: 15px;
	padding-left:15px;
	display: inline;
	text-align: left;
	border-right: 3px solid #d4d4d4;
}


/* menu des types de produits */
.menu-types {
	margin: 10px 0 0 0; 
	clear:left;
	background:transparent url('/images/bandeau-menu.jpg') repeat scroll bottom left;
	color: #999;
	width:960px;
	height:30px;
}

.menu-types ul {
	margin-left:0;
	padding: 0;
	list-style: none;
	display: inline;
}

.menu-types li {
	border-right: 3px solid white;
	width:15px;
	padding-right: 10px;
	padding-left: 5px;
	display:inline;
	text-align:center;
	font: normal normal bold 14px Verdana, Arial, sans-serif;

}

li.last {
	border-right:none;
}

.menu-types a {
	color:black;
}

#sponsorship {
	margin: 0 0 5px;
	border: 1px solid #ccc;
	clear: both;
	padding: 10px;
}
#sponsorhip form {
	margin: 0;
}

#sponsorhip form p {
	margin: 0;
}

#contenu #sponsorship h2 {
	font-size: 12px;
	margin: 0;
}
a { color: #606060; }
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: underline;}
a img{ border: none;}

.menu-interne {
	margin: 7px;
	background: black;
	margin-bottom: 20px;
	color: white;
	text-align: center;
}

.menu-interne label{
  padding: 0 9px 0 37px;
}

.menu-interne a {
	color: white;
	padding-left: 37px;
}

#gauche {
	margin: 0; padding: 0;
	float:left;
}

.navbar {
	margin:0;	
	padding:0;
}

ul.navbar { 
	color: #606060;
	margin: 4px 0 0 0;
	padding: 3px;
	list-style: none;
}
	
ul.navbar ul {
	list-style: none;
}


ul.navbar li {
	font: normal normal normal 12px Arial,sans-serif;
  margin: 4px 0 0 5px;
  padding: 3px;
	color:#606060;
}

.cgv {
	width: 100px;
	font: normal normal normal 12px "Trebuchet MS",sans-serif;
}

.cgv a {
	color:#9c20e3;
}

.cgv ul{	
	margin: 4px 0 0 0;
	padding: 3px;
	list-style: none;
}

.cgv li{
	margin: 4px 0 0 5px;
  padding: 3px;
	border-bottom: 1px solid #a4a4a4;
}

li.last{
	border-bottom:none;
}

#contenu {
	float:left;
	width: 700px;
	margin-top:10px;
	background:white;
}

#contenu form {
	font: normal normal normal 10px Arial, sans-serif;
}

#produit {
	margin:0;
	padding:0;
}

.flash {
	float:left;
}

.block {
	float:left;
}

#promo {
	padding-top:5px;
	width:270px;
	float:left;
	border: 1px solid #cfcfcf;
}
#promo h3 {
	font: normal normal normal 11px "Arial Black", sans-serif;
	margin: 0;
	width:150px;
	float:left;
}

#promo p {
	font: normal normal normal 11px Arial, sans-serif;
	padding-left:10px;
	width:150px;
	text-align: left;
	margin:0;
}

#promo a {
	float:left;
	margin-right: 10px;
}

.tarif {
	color:red;
}


.border {
	float:left;
	padding-top:5px;
	margin-left: 15px;
	margin-bottom: 3px;
	border-bottom:1px solid #cfcfcf;
	width: 230px;
}


.last2 {
	float:left;
	margin: 10px 0 5px 0;
	padding-left:15px;
	border:none;
	width: 230px;
}


.options {
	border: 3px solid #f4f4f4;
	font: italic normal normal 12px Arial, sans-serif;
	text-align: left;
	background:white;
	float:right;
	width: 100px;
	margin-top:10px;
	list-style: none;
	
}
.options h3 {
	padding:0;
	text-align: left;
	font: normal normal bold 12px Arial, sans-serif;
}
.options li {
	padding:3px;
	text-align: left;
	font: normal normal normal 12px Arial, sans-serif;
}


#footer {
	padding-top: 30px;
	clear:both;
	overflow:hidden;
	color:#606060;
	font: normal normal normal 10px Verdana,Arial, sans-serif;
	text-align: center;	
}