/* CSS Document */

html { margin: 0; padding: 0; width: 100%; height: 100%; }
body { margin: 0; padding: 0;  height: 100%;  background:#71747D; color:#FFFFFF; }
#wrapper { background: url(images/bgbottom.gif) repeat-x; background-position:bottom; width: 100%; height: 100% }

#header { width: 992px; height: 231px; margin: 0 auto; background: url(images/header.gif) repeat-x; }

#header h1 { margin: 0; padding: 0; font: bold 26px "Times New Roman", Times, serif; }

#wrap { width: 992px;margin: 0 auto; background-color: #7F828A; height: 100%; }

#footer { width: 992px; height: 200px; margin: 0 auto; background: url(images/footer.gif) repeat-x; }

h2 { font: bold 20px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; padding: 3px; margin: 20px; text-align: left; }
h3 { font:  bold 18px "Times New Roman", Times, serif; color: #FFFFFF; padding: 3px; width: 735px; margin: 6px auto; }
h4 { font: 18px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;  }

.total { color: #fff; background-color: #71747d; }
.soustotal { background-color: #71747d; }
.etape { background-color: #78b020; font: 18px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; padding: 3px; width: 735px; margin: 0 auto; border: 3px inset #78b020; }
.bgh2 { background-color: #A05A87; font-family: serif; }
.bgclassic { background-color: #A05A87; }
.bgduo {  background-color: #de4422; }
.bgprestige { background-color: #A05A87; }
.bgeditions { background-color: #63696d; }
.bghuile { background-color: #333818; font-family: serif; }
.bgtapenade { background-color: #9c8d17; }

.normal { font: 11px Verdana, Arial, Helvetica, sans-serif; }
.petit { font: 10px Verdana, Arial, Helvetica, sans-serif; }
.trespetit { font: 9px Verdana, Arial, Helvetica, sans-serif; }

.etapeNum { font: 16px "Times New Roman", Times, serif; font-style: italic; color: #ffffff; text-decoration: none; border: none; }

.etapeInt { font: bold 12px "Times New Roman", Times, serif; font-style: italic; color: #fff; text-decoration: none; border: none; }
.etapeTem { font: bold 18px "Times New Roman", Times, serif; color: #8E042E; text-decoration: none; border: none; }

a.lienbdc, a.lienbdc:link { color : #fff; text-decoration : none; }
a.lienbdc:active { color : #f00; }
a.lienbdc:hover { color : #F2EE8C; }

.etape { background-color: #78b020; font: 18px Verdana, Arial, Helvetica, sans-serif; padding: 3px; width: 735px; margin: 0 auto; border: 3px inset #78b020; }
.etape a, .etape a:link, .etape a:visited, .etape a:active { color: #FFFFFF; text-decoration : none; }

.coolBtn {
	background : url('/fr/commander/images/bg-btn-texte.gif') repeat-x;
	font: bold 14px serif; border-top : solid 1px #fff; border-bottom : solid 1px #0E3F00;
}
.coolInput {
	background : url('/fr/commander/images/bg-btn-texte.gif') repeat-x;
	font: bold 14px serif; border-top : solid 1px #fff; border-bottom : solid 1px #0E3F00;
	border-left : none 0px; border-right : none 0px;
	color : #fff;
}