@CHARSET "ISO-8859-1";

/* Eléments HTML en général
------------------------------ */
html{
	margin:0px;
	padding:0px;
}
body {
	margin:10px;
	padding:0px;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color:#000000;
	font-size: 0.8em;
	color: #FFF1A3;
}

h1, h2, h3{
	font-family: "Trebuchet MS", sans-serif;
	margin:0px;
	padding:0px;
}

h1{
	font-size: 1.8em;
}
h2{
	font-size: 1.5em;
}
h3{
	font-size: 1.1em;
}

a{
	color:#EC8000;
	text-decoration: none;
}
a:hover {
	color:#FFF1A3;
}

img {
	border:0;
}

/* container
------------------------------ */
#container {
	text-align: left;
	margin:0px auto 0px auto;
	padding:0px;
	width:970px;
}
/* page
------------------------------ */
#page {
	float:left;
	margin:0px;
	padding:0px;
	width:970px;
}
/* content
------------------------------ */
#corps {
	overflow:hidden;
	float:left;
	margin:0px;
	padding:5px;
	width:960px;
}
/* contenu
------------------------------ */
#contenu {
	overflow:hidden;
	float: left;
	width:950px;
	padding:0px 5px 0px 5px;
	margin:0px;
	min-height:375px;
	color:#FFF1A3;
}
#contenu h1, h2, h3, h4, h5{
	margin:0px;
	padding:0px;
	color:#FFF1A3;
}
#contenu .description{
	float:left;
	margin:0px 10px 0px 10px;
	padding:0px;
}
/* palette-gauche
------------------------------ */
#palette-gauche{
	float:left;
	margin:0px 2px 0px 0px;
	padding:0px;
	width:553px;
	min-height:380px;
	color:#FFF1A3;
}
#palette-gauche .images-g{
	float:left;
	margin:0px;
	padding:0px;
	width:550px;
}

/* palette-droite
------------------------------ */
#palette-droite{
	float:left;
	margin:8px 0px 0px 0px;
	padding:0px;
	width:390px;
}
#palette-droite .images-d{
	float:left;
	margin:4px;
	padding:0px;
	width:85px;
	height:121px;
	border:0px #A9882B solid;
}
/* boutique
--------------------------------- */
#boutique-gauche{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:450px;
	color:#FFF1A3;
}
#boutique-gauche #metier{
	text-align:center;
	float:left;
	margin:15px 0px;
	padding:5px;
	width:100px;
	color:#FFF1A3;
	font-weight:bold;
}
#boutique-gauche h3{
	text-align:left;
	margin:0px;
	padding:10px;
	font-weight:bold;
	font-size:1.2em;
	color:#FFF1A3;
}
#boutique-gauche p{
	text-align:left;
	margin:0px;
	padding:0px 0px 0px 15px;
}
#boutique-droite{
	text-align:center;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:500px;
	color:#FFF1A3;
}
/* Resto
--------------------------------- */
#resto-gauche{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:600px;
	color:#FFF1A3;
}
#resto-gauche h3{
	text-align:left;
	margin:0px;
	padding:10px;
	font-weight:bold;
	font-size:1.2em;
	color:#FFF1A3;
}
#resto-gauche p{
	text-align:left;
	margin:0px;
	padding:0px 0px 0px 15px;
}
#resto-droite{
	float:left;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:350px;
	color:#FFF1A3;
}
#resto-droite #mosaique{
	float:left;
	text-align:left;
	margin:7px 5px 7px 5px;
	padding:0px;
	width:350px;
}
#resto-droite img{
	/*border:#000 8px solid;*/
}
/* Plateau
--------------------------------- */
#plateau-gauche{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:510px;
	color:#FFF1A3;
}
#plateau-gauche h3{
	text-align:left;
	margin:0px;
	padding:10px;
	font-weight:bold;
	font-size:1.2em;
	color:#FFF1A3;
}
#plateau-gauche p{
	text-align:left;
	margin:0px;
	padding:0px 0px 0px 15px;
}
#plateau-droite{
	float:left;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:330px;
	color:#FFF1A3;
}
#plateau-droite img{
	border:#000 8px solid;
}
/* gauche
--------------------------------- */
#gauche{
	float:left;
	margin:0px;
	padding:10px;
	background-color:#fff;
	color:#573B00;
	width:456px;
}
#gauche h2, h3{
	font-weight:bold;
	margin:0px;
	padding:0px 10px 10px 10px;
	color:#573B00;
}
/* droite
--------------------------------- */
#droite{
	float:left;
	margin:0px;
	padding:10px;
	width:453px;
	color:#573B00;
	background-color:#fff;
	min-height:432px;
}
#droite h2,h3{
	font-weight:bold;
	margin:0px;
	padding:0px 10px 10px 10px;
	color:#573B00;
}
#droite #coordonnees{
	font-weight:bold;
	margin:0px;
	padding:5px;
}
.ligne-dashed{
	margin:5px 0px;
	padding:0px;
	border-top:1px dashed;
}
.titrePage {
	color: #573B00;
	text-align: left;
	font-weight: bold;
	width: 750px;
	padding-top: 10px;
	padding-bottom: 5px;
}
.sousTitrePage {
	color: #FFF1A3;
	text-align: left;
	font-weight: bold;
	width: 750px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.textePage {
	color: #141414;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
.separation {
	height: 1px;
	width: 770px;
	background-color: #7f8eb9;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow:hidden;
}
/* Entête
------------------------------ */
#entete {
	float: left;
	width: 970px;
	height:150px;
	background:transparent url('../images/bg_entete.png') no-repeat;
}
#entete_rubrique{
	margin:40px 5px 5px 275px;
}
#entete_rubrique img{
	border:0px;
	margin:5px;
}
.logo {
	float:left;
	width:260px;
	margin:0px;
	padding:0px 0px 0px 10px;
}
/* Menu général
------------------------------ */
#menuGeneral {
	float:left;
	width:970px;
	margin:0px;
	padding:0px;
	height:25px;
	font-size: 1.1em;
	background:#000000;
	border:#A9882B 1px solid;
}

#menuGeneral ul {
	display:block;
	float:left;
	margin:0px;
	padding:0px;
}
#menuGeneral li{
	display:block;
	float:left;
	margin:0;
}
#menuGeneral a {
	display:block;
	float:left;
	margin:0px;
	padding:2px 15px 0px 15px;
	color:#FFF1A3;
	text-decoration:none;
	height:23px;
}
#menuGeneral a:hover {
	background-color: #A9882B;
	color:#000000;
}
#monCompte {
	float: left;
	width: 400px;
	margin: 0;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFFFFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

.formMonCompte {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
}

.blocMonCompte {
	float: left;
	padding:0;
	margin: 0;
}

.champFormMonCompte {
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	color: #55642D;
	background-color: #e9f4fb;
	border: 1px solid #55642D;
	overflow: hidden;
}

.menuMonCompte {
	float: left;
	color: #FFF1A3;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 100%;
	padding: 0;
}

#monPanier {
	float: left;
	width: 250px;
	margin: 0;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFFFFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

.boutonMonCompteEntete {
	float: left;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

a.LIEN_entete:link {
	font-size: 0.8em;
	color: #FFF1A3;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_entete:visited {
	font-size: 0.8em;
	color: #FFF1A3;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_entete:hover {
	font-size: 0.8em;
	color: #FFF1A3;
	text-decoration: underline;
	font-weight: bold;
}

/* Produit petit & grand
------------------------------ */

.ListeProduitsPetits {
	float: left;
	width: 760px;
	margin: 0;
	padding: 0;
}

.produitPetit {
	float: left;
	width: 170px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
}

.contourImage {
	border: 1px solid #FFF1A3;
	margin-bottom: 5px;
	float: left;
}

.titreProduit {
	color: #55642D;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

.chapoProduit {
	color: #55642D;
	text-align: left;
	font-style: italic;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 5px;
	width: 100%;
}

.descriptionProduit {
	color: #55642D;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
}

.prixProduit {
	color: #EC8000;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
}

.ficheProduit {
	float:left;
	width: 470px;
	margin-left: 10px;
}


a.LIEN_commander:link {
	color: #FFF1A3;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_commander:visited {
	color: #FFF1A3;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_commander:hover {
	color: #FFF1A3;
	text-decoration: underline;
	font-weight: bold;
}

/* Nombre de pages
------------------------------ */

#pages {
	float: left;
	width: 770px;
	text-align: right;
	font-size: 0.9em;
	padding-top: 10px;
	margin:0px;
	padding-bottom: 10px;
	color: #55642D;
}

a.LIEN_pages:link {
	color: #55642D;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:visited {
	color: #55642D;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:hover {
	color: #55642D;
	text-decoration: underline;
	font-weight: bold;
}


/* menu_footer
------------------------------ */

#menu_footer {
	float: left;
	width:970px;
	height:25px;
	margin:0px;
	font-size:0.9em;
	background:#000000;
	border: #A9882B 1px solid;
	}

#menu_footer ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
	}
#menu_footer li {
	display:block;
	float:right;
	margin:0px;
}
#menu_footer a {
	display:block;
	float:left;
	margin:0px;
	padding:2px 5px 0px 5px;
	color:#FFF1A3;
	text-decoration:none;
	height:23px;
}

#menu_footer li a:hover {
	background-color: #A9882B;
	color:#000000;
}

/* Divers éléments de formulaires & tableaux
------------------------------ */

.enteteTableau {
	color: #55642D;
	font-weight: bold;
	background-color: #dedce6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.ligneTableau {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size: 0.9em;
}

.footerTableau {
	color: #55642D;
	font-weight: bold;
	background-color: #bdbbcd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.boutonMonCompteContenu {
	font-weight: bold;
	width: 765px;
	text-align: right;
	margin: 10px;
}

.zoneDeSaisie {
	color: #55642D;
	font-weight: bold;
	font-size: 0.9em;
}

.obligatoire {
	color: #FF0000;
}

.commentaires {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #55642D;
}
.invisibleW3C {
	width: 0;
	height: 7px;
	padding: 0;
	margin: 0;
}
#message {
	text-align: left;
	width: 750px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#message h3{
	color: #FFF1A3;
	font-weight: bold;
}
/* Signature
-------------------------------------------------------- */
#signature {
	text-align:center;
	float:left;
	padding:0px;
	margin:10px auto 0px auto;
	width: 970px;
	color: #615D41;
	font-size: 0.9em;
}
#signature a{
	color: #FF8306;
	text-decoration: none;
	font-weight: bold;
}
#signature a:hover {
	text-decoration: underline;
}