/* ----------------------------- Menu gauche ----------------------------- */

div#colD #menu {
	background: url(../images/nav/menu_lisereD-or.gif) top right no-repeat;
}
div#colD #menu a {
	color: #5F5F5F;
}
div#colD #menu a:hover, div#colD #menu a.active {
	color: #FF6500;
	background: url(../images/nav/menu_roll-or.gif) center right no-repeat;
}
div#colD #menu #submenu a {
	background: none;
}
div#colD #menu #submenu a.active {
	background: url(../images/nav/menu_puce-or.gif) top left no-repeat;
}
div#colD #menu #submenu a:hover, div#colD #menu #submenu a.active {
	background: url(../images/nav/menu_puce-or.gif) top left no-repeat;
}

/* ----------------------------- Interface générale ----------------------------- */

.cadre {
	position: relative;
	margin-left: 4px;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.3em;
	text-align: center;
	background-color: #FF6500;
	margin-bottom: 10px;
	cursor: pointer;
}
.w120 {
	width: 120px;
	margin-left: 10px;
}
.w140 {
	width: 140px;
}
.cadre .hg, .cadre .hd, .cadre .bg, .cadre .bd {
	position: absolute;
	height: 60%;
	width: 60%;
	background-repeat: no-repeat;
	overflow: hidden;
}
.cadre .hg {
	top: 0px;
	left: -4px;
	background: url(../images/nav/cdr-or_HG.gif) top left no-repeat;
}
.cadre .hd {
	top: 0px;
	right: -4px;
	background: url(../images/nav/cdr-or_HD.gif) top right no-repeat;
}
.cadre .bg {
	bottom: -4px;
	left: -4px;
	background: url(../images/nav/cdr-or_BG.gif) bottom left no-repeat;
}
.cadre .bd {
	bottom: -4px;
	right: -4px;
	background: url(../images/nav/cdr-or_BD.gif) bottom right no-repeat;
}
.cadre .content {
	position: relative;
	padding: 12px;
	z-index: 1;
}
.cadre:hover {
	cursor: pointer;
}
.cadre:hover .hg {
	background: url(../images/nav/cdr-or_HG-roll.gif) top left no-repeat;
}
.cadre:hover .hd {
	background: url(../images/nav/cdr-or_HD-roll.gif) top right no-repeat;
}
.cadre:hover .bg {
	background: url(../images/nav/cdr-or_BG-roll.gif) bottom left no-repeat;
}
.cadre:hover .bd {
	background: url(../images/nav/cdr-or_BD-roll.gif) bottom right no-repeat;
}

a {
	color: #FF6500;
	text-decoration: underline;
}
a:hover {
	color: #FF6500;
	text-decoration: none;
}
.backtotop {
	float: right;
	background: url(../images/nav/btn_top-or.gif) top center no-repeat;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 0.9em;
	color: #FF6500;
}
.backtotop:hover {
	cursor: pointer;
}
h1 {
	color: #FF6500;
}
ul {
	margin-left: 30px;
	margin-bottom: 20px;
	list-style-image: url(../images/nav/list_puce-or.gif);
	list-style-type: none;
}
ul li {
	margin: 0.5em 0 0.5em 0;
}
table {
	text-align: left;
	border: 1px solid #FF6500;
	border-collapse:collapse;
	font-size: 0.9em;
}
tr.head {
	background-color: #FFD7BD;
}
td {
	padding: 5px;
	border: 1px solid #DDD;
}
div#envoyer {
	background: url(../francais/images/btn_send-or.gif) top left no-repeat;
}
div#envoyer:hover {
	background: url(../francais/images/btn_send-or-over.gif) top left no-repeat;
}
div#buynow {
	background: url(../francais/images/btn_buy-or.gif) top left no-repeat;
}
div#buynow:hover {
	background: url(../francais/images/btn_buy-or-over.gif) top left no-repeat;
}
div#calculer {
	background: url(../francais/images/btn_calc-or.gif) top left no-repeat;
}
div#calculer:hover {
	background: url(../francais/images/btn_calc-or-over.gif) top left no-repeat;
}
div#imprimer {
	background: url(../francais/images/btn_print-or.gif) top left no-repeat;
}
div#imprimer:hover {
	background: url(../francais/images/btn_print-or-over.gif) top left no-repeat;
}
input, textarea {
	color: #FF6500;
	border: 1px solid #FFCE86;
}