/* BODY */
body {
	font: normal 62.5% "Arial";
	text-align: center;
	background-color: #f7f5f2;
}

.bg_body {
	background-image: url(images/bg_body.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

/* HEADER */
.header_accueil_fr {
	background-image: url(images/bg_header_accueil_fr.jpg);
	background-repeat: no-repeat;
	height: 152px;
	width: 908px;
}

.header_accueil_en {
	background-image: url(images/bg_header_accueil_en.jpg);
	background-repeat: no-repeat;
	height: 152px;
	width: 908px;
}

.header_fr {
	background-image: url(images/bg_header_fr.jpg);
	background-repeat: no-repeat;
	height: 152px;
	width: 908px;
}

.header_en {
	background-image: url(images/bg_header_en.jpg);
	background-repeat: no-repeat;
	height: 152px;
	width: 908px;
}

.recherche {
	float: left;
	font-size: 1.2em;
	padding-left: 10px;
	padding-top: 65px;
	width: 250px;
}

.panier {
	color: #fff;
	float: left;
	font-size: 1.2em;
	padding-left: 150px;
	padding-top: 65px;
	width: 300px;
}

.langue {
	color: #000;
	float: right;
	font-size: 1.2em;
	font-weight: bold;
	padding-right: 20px;
	padding-top: 5px;
	text-align: right;
	text-transform: uppercase;
}

.menu1 {
	color: #4b4b4b;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: -1px;
	padding-top: 30px;
	text-transform: uppercase;
}

.menu2, .menu3 {
	font-size: 1em;
	font-weight: bold;
	letter-spacing: -1px;
	padding-left: 396px;
	text-transform: uppercase;
}

.menu2 {padding-top: 5px;}
.menu3 {padding-top: 20px;}
.infolettre {margin-left: 340px; padding-top: 10px; width: 445px;}

/* CONTAINERS */
.container {
	width: 908px;
	margin: 0 auto;
	text-align: left;
	background-repeat: repeat-y;
}

/* MILIEU */
.content {
	width: 657px;
	margin-left: 251px;
	font-size: 1.2em;
}

.promotions {float: right;}

.wrapper {
	width: 100%;
	float: left;
}

/* GAUCHE */
.gauche {
	float: left;
	margin-left: -908px;
	margin-bottom: 10px;
	width: 251px;
	font-size: 1.1em;
}

.choix_express {
	background-image: url(images/bg_express.jpg);
	background-repeat: no-repeat;
	height: 53px;
	padding-left: 10px;
	width: 241px;
}

.menus_gauche {
	background-color: #f4f0e2;
	width: 251px;
}

/* FOOTER */
.footer {
	background-image: url(images/bg_footer.jpg);
	background-repeat: no-repeat;
	clear: both;
	font-size: 1.2em;
	height: 101px;
	width: 908px;
}

/* TITRES */
h1 {color: #e8d1a0; font-size: 1.3em; font-weight: bold; text-transform: uppercase;}
.content h2 {color: #333; font-size: 1.3em; font-weight: bold; margin-bottom: 10px; text-transform: uppercase;}
.gauche h2 {background-image: url(images/bg_menu_titre.jpg); background-repeat: no-repeat; color: #4b4b4b; display: block; font-size: 1.4em; font-weight: bold; height: 33px; margin-bottom: 5px; padding-left: 30px; padding-top: 15px; text-transform: uppercase; width: 221px;}
h3 {color: #6b304b; font-family: "Times New Roman", Times, serif; font-size: 1.2em; font-weight: bold; margin-bottom: 10px; text-transform: uppercase;}
h4 {color: #951a37; font-size: 1.3em; font-weight: bold; margin-bottom: 10px; text-align: center; text-transform: uppercase;}
h5 {background-color: #951a37; color: #fff; font-size: 1.1em; font-weight: bold; margin-bottom: 10px; padding: 3px; width: 100%;}

/* PARAGRAPHES */
p {padding-bottom: 10px;}
.contenu {padding-bottom: 10px; padding-left: 10px; padding-top: 10px;}

/* LIENS */
a {color: #6b304b; text-decoration: none;}
a:hover {color: #6b304b; text-decoration: underline;}

.langue a {color: #000; text-decoration: none;}
.langue a:hover {color: #000; text-decoration: underline;}

.menu1 li a {color: #4b4b4b; text-decoration: none;}
.menu1 li a:hover {color: #4b4b4b; text-decoration: underline;}

.menu2 li a, .menu3 li a {color: #fff; text-decoration: none;}
.menu2 li a:hover, .menu3 li a:hover {color: #fff; text-decoration: underline;}

.bloc a {color: #ffdb33; text-decoration: none; font-weight: bold;}
.bloc a:hover {color: #ffdb33; text-decoration: underline;}

.liste1 li a, .liste3 li a {color: #951a37; text-decoration: none;}
.liste1 li a:hover, .liste3 li a:hover {color: #951a37; text-decoration: underline;}

.liste2 li a {color: #4b4b4b; text-decoration: none;}
.liste2 li a:hover {color: #4b4b4b; text-decoration: underline;}

/* LISTES */
.menu1 ul, .menu2 ul, .menu3 ul {float: left;}
.menu1 li, .menu2 li, .menu3 li {list-style: none; float: left;}
.menu1 li {padding-left: 20px;}
.menu2 li {padding-right: 20px;}
.menu3 li {padding-right: 30px;}
ul.liste1, ul.liste2, ul.liste3 {margin: 0 20px;}
.liste1 li, .liste2 li, .liste3 li {list-style: none; padding-bottom: 5px; text-transform: uppercase;}
ul.liste3 {background-image: url(images/img_coeur.jpg); background-position: top right; background-repeat: no-repeat;}
.liste3 li {font-weight: bold; padding-bottom: 10px; padding-top: 5px;}
div.etapes li {color: #951a37; display: block; float: left;  height: 22px; list-style: none; padding-top: 8px; text-align: center; width: 159px;}
div.etapes li.selected {background-color: #951a37; color: #fff; font-weight: bold;}

/* FORMULAIRES */
.text {
	border: 1px solid #ddd;
	color: #666;
	font-size: 1em;
}

textarea.text {font-size: 1.2em;}
input.text, textarea.text {padding: 0.15em;}

.button {
	background-color: #97528e;
	border: 1px solid #333;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	padding: 2px;
}

.button2 {
	background-color: #eee;
	border: 1px solid #ddd;
	color: #333;
	font-size: 1em;
	font-weight: bold;
	padding: 2px;
}

.recherche input.text {width: 200px;}
.panier label {display: block;}
.infolettre input.text {font-size: 0.9em; width: 160px;}
.infolettre label {font-size: 0.8em; font-weight: bold;}
.choix_express select.text {font-size: 1em; width: 190px;}
/*.choix_express select.text option {font-size: 0.8em;}*/

/* MISC */
* {margin: 0; padding: 0;}
.special td {color: #000; font-weight: normal; padding: 3px;}
.clearer {clear: both;}
table {font-size: 1em;}
td img, li img {display: block;}

.sep {border-bottom: 1px solid #888; margin: 10px auto; width: 90%;}
.specialold {
	text-decoration: line-through;
	font-weight: bold;
}
.special {
	font-weight: bold;
	color: #FF0000;
}
.titre {
	font-size: 14pt;
	color: #951A37;
	text-transform: capitalize;
}
.petitpanier {
	font-size: x-small;
}


.tfvHighlight {color: red;}
.tfvNormal {color: inherit;}
div.etapes {border: 1px solid #333; padding: 3px;}
div.msg {color: #c33; font-weight: bold; padding: 3px;}