@import url('calendar.css');
@import url('produits.css');



body {
	background: #eceedf;
	font-family: verdana, helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}
div#general {
	width: 80%;
	min-width: 820px;
	margin: auto;
	text-align: left;
}
div#top {
	height: 113px;
	background: url('../images/designExt/top-repeat.png');
}
div#topLeft {
	float: left;
	background: url('../images/designExt/top-titre.png');
	height: 113px;
	width: 477px;
}
div#topLogo {
	float: right;
	background: url('../images/designExt/top-logo.png') right no-repeat;
	height: 73px;
	width: 384px;
	padding-top: 40px;
}
div#header {
	height: 188px;
	background: url('../images/designExt/header-background.png') right;
}
div#headerLeft {
	float: left;
	background: url('../images/designExt/header-left.png');
	height: 188px;
	width: 302px;
}
div#headerRight {
	float: right;
	background: url('../images/designExt/header-right.png');
	height: 188px;
	width: 30px;
}
div#contenu {
	background: #fafafa url('../images/designExt/contenu-left.png') repeat-y left;
	padding-left: 40px;
}
body#contenuClean {
	background: #fafafa;
}
div#contenuRight {
	background: right repeat-y url('../images/designExt/container-back.png');
}
div#content {
	margin-right: 290px;
	min-height: 800px;
	text-align: justify;
}
div#container {
	float: right;
	width: 215px;
	min-height: 800px;
	padding-left: 30px;
	padding-right: 40px;
}
div#copyright {
	clear: both;
	height: 74px;
	background: url('../images/designExt/copyright-repeat.png');
	text-align: center;
	margin: 0;
	padding: 0;
}
div#copyright p {
	margin: 0px;
	border-top: 1px solid #ddd;
	text-align: center;
	color: #888;
	display: block;
}
div#copyrightLeft {
	float: left;
	background: url('../images/designExt/copyright-left.png');
	height: 74px;
	width: 65px;
}
div#copyrightRight {
	float: right;
	background: url('../images/designExt/copyright-right.png');
	height: 74px;
	width: 285px;
}

div#realisation {
	color: #888;
	text-align: center;
	width: 60%;
	margin: auto;
}
div#realisation a {
	color: #888;
	font-weight: bold;
}
div#realisation a:hover {
	color: #cd7809;
}

/* Menu */
div#menu {
	margin-left: 350px;
	text-align: left;
}
div#menu span.color {
	color: #cd7809;
}
div#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;	

}
div#menu li {
	margin: 5px 0;
	margin-left: 0px;
	font-weight: bold;
	font-size: 1.25em;
	font-weight: bold;
	letter-spacing: 2px;
	width: 300px;
}
div#menu a {
	color: #fff;
	text-decoration: none;
}
div#menu a:hover {
}

/* Contenu */
h1 {
	font-size: 24px;
	color: #0f821f;
	font-family: helvetica;
	letter-spacing: 2px;
}
h2 {
	font-size: 1.2em;
	font-style: italic;
	color: #cd7809;
}
h2.produits {
	color: #0f821f;
	border-bottom: 1px solid #0f821f;
	margin-top: 15px;
}
h3 {
	color: #0f821f;
	font-size: 1.1em;
}
div#container h3 {
	font-weight: bold;	
}
a {
	color: #cd7809;
	text-decoration: none;
}

a.icon img {
	border: none;
	vertical-align: middle;
	padding: 2px;
}
a.icon {
	border: none;
}

table.liste {
	border-collapse: collapse;
	width: 100%;
}
table.liste th {
	background: #ddd;
	color: #222;
	border: 1px solid #ddd;
	text-align: center;
}
table.liste td {
	border: 1px solid #ddd;
	padding: 3px;
	text-align: left;
}
table {
	border-collapse: collapse;
}
table tr.total td {
	font-weight: bold;
	border-top: 1px solid #444;
}
tr.reduction td {
	color: #0F821F;
}

/*** Products ***/
dl.produit {
	background: url('../images/design/products.png') bottom;
	width: 475px;
	height: 175px;
}
dl.produit dt {
	font-size: 30px;
	margin-bottom: 5px;
	padding: 0 30px;
	color: #fff;
	padding-top: 20px;
	font-weight: bold;
}
dl.produit dd {
	margin: 0px;
	padding: 0 30px;
	color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
}
dl.produit img {
	float: right;
	margin-top: 20px;
	margin-right: 30px;
}

/** Liste des produits **/
dl.produitListe {
	
}
dl.produitListe dt {
	font-size: 12px;
	color: #444;
	font-weight: bold;
	letter-spacing: 0px;
}
dl.produitListe dd {
	margin: 0px;
	padding-left: 15px;
}
dl.produitListe div.description {
	padding-top: 5px;
}
dl.produitListe h4 {
	font-weight: normal;
	font-style: italic;
	border-bottom: 1px inset #888;
	margin-right: 50px;
	margin-bottom: 3px;
}
dl.produitListe div.prix li {
	list-style-type: none;
}
dl.produitListe p, dl.produitListe div.prix ul {
	margin: 0px;
	padding: 5px;
}
.plie {
	font-size: 14px;
	color: #444;
	font-weight: bold;
	letter-spacing: 2px;
	color: #cd7809;
}
.replie {
	font-size: 12px;
	color: #444;
	font-weight: bold;
	letter-spacing: 0px;
}

li a {
	font-weight: bold;
	color: #444;
}

table.commande {
	
}
table.commande td {
	border-bottom: 1px solid #999;
	padding: 3px;
}

p.remarque {
	padding: 4px;
	color: #fff;
	background: #a34536;
	border: 1px solid #5d1509;
	width: 400px;
	margin: 10px auto ;
}

dl.bloc {
	width: 193px;
	margin: auto;
}
dl.bloc dt {
	height: 31px;
	text-align: center;
	padding-top: 20px;
	color: #e2ede4;
	font-size: 12px;
	letter-spacing: 2px;
	font-family: helvetica;
}
dl.bloc dt a {
	color: #e2ede4;
}
dl.bloc dd {
	margin: 0px;
	padding-bottom: 30px;
	padding-right: 20px;
	padding-left: 20px;
	letter-spacing: 1px;
}
dl.vert dt {
	background: url('../images/design/bloc-vert-haut.png') top no-repeat;
}
dl.vert dd {
	background: url('../images/design/bloc-vert-bas.png') bottom no-repeat;
}
dl.orange dt {
	background: url('../images/design/bloc-orange-haut.png') top no-repeat;
}
dl.orange dd {
	background: url('../images/design/bloc-orange-bas.png') bottom no-repeat;
}
dl.trends {
	width: 220px;
}
dl.trends dt {
	background: url('../images/design/bloc-trends-haut.png') top no-repeat;
	height: 44px;
	text-align: left;
	padding-top: 46px;
	padding-left: 30px;
}
dl.trends dd {
	background: url('../images/design/bloc-trends-bas.png') bottom no-repeat;
	padding-right: 30px;
	padding-left: 30px;
}

dl.liens {
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	margin-top: 5px;
}
dl.liens dt {
	font-size: 1.1em;
	font-weight: bold;
	font-color: #cd7809;
	letter-spacing: 2px;
	padding-bottom: 5px;
}
dl.liens dd {
	margin: 0px;
	margin-left: 4px;
	color: #888;
	letter-spacing: 1px;
	font-weight: bold;
}

ul.noList {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul.listeProduits {
	
}
ul.listeProduits li {
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 5px;
	list-style-type: none;	
	border-top: 1px solid #ddd;
	padding-top: 5px;
	text-align: left;
}
ul.listeProduits ul li {
	font-size: 1em;
	font-weight: normal;
	margin-top: 0px;
	padding: 0;
	list-style-type: circle;
	border: none;
}
ul.listeProduits li a {
	font-weight: normal;
}




div#contact h2 {
	margin: 0px;
}

div#listePrix li {
	list-style-type: none;
}

table.cv {
	border-collapse: collapse;
	width: 100%;
}
table.cv th, table.cv td {
	font-size: 12px;
	padding: 2px;
	border: 1px solid #ddd;
}
table.cv th {
	background: #ddd;
}
table.cv a {
	color: #555;
	text-transform: lowercase;
}