@font-face {
	font-family: "Droid Sans";
	src: url("/fonts/DroidSans.eot");
	src: local("Droid Sans"),
	     local("Droid Sans"), 
		 /* url("/fonts/DroidSans.svg#DroidSans") format("svg"), */ 
	     url("/fonts/DroidSans.ttf") format("truetype");
}

/* Bold declaration only for non-IE browsers */
@font-face {
	font-family: "Droid Sans";
	src: local("Droid Sans Bold"),
	     local("Droid Sans-Bold"),
		 /* url("/fonts/DroidSans-Bold.svg#DroidSans-Bold") format("svg"), */
	     url("/fonts/DroidSans-Bold.ttf") format("truetype");
	font-weight: bold;
}

@font-face {
	font-family: "Droid Sans Mono";
	src: url("/fonts/DroidSansMono.eot");
	src: local("Droid Sans Mono"),
		 /* url("/fonts/DroidSansMono.svg#DroidSansMono") format("svg"), */
	     url("/fonts/DroidSansMono.ttf") format("truetype");
}

@font-face {
	font-family: "Graublau Web";
	src: url("/fonts/GraublauWeb.eot");
	src: local("Graublau Web"),
		 /* url("/fonts/GraublauWeb.svg#GraublauWeb-Regular") format("svg"), */
     	 url("/fonts/GraublauWeb.otf") format("opentype");
}

@font-face {
	font-family: "Graublau Web Bold";
	src: url("/fonts/GraublauWebBold.eot");
	src: local("Graublau Web Bold"),
	     local("Graublau Web-Bold"),
		 /* url("/fonts/GraublauWebBold.svg#GraublauWeb-Bold") format("svg"), */
     	 url("/fonts/GraublauWebBold.otf") format("opentype");
}

body {
	color:#707277;
/* 	background-color:#565D6E; */
	background-color:#6e5e56;
	background-image:url(../charcuterie-fromage-corse/background.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	font-family:"Lucida Grande",Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	text-align:center;
}


#header {
	background-image:url(../charcuterie-fromage-corse/header.png) !important;
	background-image:url(../charcuterie-fromage-corse/header.gif);
	height:100px;
	position:relative;
	width:1020px;
}

#header #logo {
	background-image:url(../charcuterie-fromage-corse/logo.png);
	display:block;
	height:53px;
	left:0;
	margin-left:30px !important;
	margin:0 0 0 65px;
	padding:0;
	position:absolute;
	top:18px;
	width:306px;
}

#container {
	margin:0 auto;
	padding:0;
	text-align:left;
	width:1020px;
}

#main {
	background-image:url(../charcuterie-fromage-corse/background_main.png) !important;
	background-image:url(../charcuterie-fromage-corse/background_main.gif);
	background-position:left top;
	background-repeat:repeat;
	margin:0;
	padding:0;
	height:auto !important;
}

#main #top {
	position:relative;
	margin:0 0 0 30px;
	width:960px;
}

#main #sidebar {
	float:right;
	margin:20px 30px 0 0;
	padding:0;
	width:295px;
}

#main #content {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#fff none repeat scroll 0 0;
	margin-top:5px;
	margin-left:35px !important;
	overflow:hidden;
	width:960px;
}

#footer {
	background-position:0 0;
	background-repeat:no-repeat;
	width:1020px;
	height: 100px;
	text-align:center;
}

#footer p {
	color:#BCC6D5;
	margin:0;
	padding:30px 0 15px;
}

#footer a {
	color:#FF7020;
	font-weight:bold;
}


table,th,td {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #787878;
	background-color: #fff;
}
h1 {
	font-family: "Graublau Web Bold", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #2e2520;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #787878;
}

p {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #787878;
}

select,input,textarea {
	font-size: 11px;
	color: #787878;
	border:#666666 solid 1px;
	padding: 2 px;
}

.cadre {
	border: #999999 solid 1px;
}

.gris {
	color: #787878;
}
#menuv {
	background: url(../charcuterie-fromage-corse/trait.jpg) top left repeat-y;
}
.menuv {
	color: #fff;
	margin: 5px 0 0 5px;
	padding: 2px 5px 2px;
	border-bottom: 1px solid #ddd;
	font-size: 1.2em;
	font-weight: bold;
	font-family: Arial, 'Trebuchet MS', sans-serif;
}
.bouton {
	border: 1px #787878 solid;
	background-color: #cccccc;
	color: #787878;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 2px;
	border-left-width: 10px;
	text-decoration: none;
	cursor: pointer;
}
input.admin, select.admin, textarea.admin {
	background-color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	color: #787878;
	border: 1px solid #787878;
	border-left-width: 8px;
	padding: 3px;
	text-decoration: none;
}
.select1 {
	background-color:#cccccc;
	color:#787878;
	font-style:normal;
	font-weight:bold;
}
.select2 {
	background-color:#ffffff;
	color:#787878;
	font-style:normal;
	font-weight:normal;
}
.select3 {
	background-color:#ffffff;
	color:#2e2520;
	font-style:normal;
	font-weight:bold;
}
.select4 {
	background-color:#ffffff;
	color:#787878;
	font-style:normal;
	font-weight:normal;
}
.prix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #2e2520;
}
.prixbarre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ff0000;
	text-decoration:line-through;
}
.montant {
	background-color: #2e2520;
	color: #fff;
}
.remise {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color:#FF0000;
	color: #ffffff;
}

td.bdd {
	padding: 3px;border-color: #999;
	border-width: 1px;
	border-style: none dotted dotted none;
	font-size:9px;
}
.remarque {
	font-size:9px; 
	color:#2e2520; 
}

/************************ LIENS **************************/
a:link, a:visited {
	font-size: 11px;
	color: #2e2520;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}

a.none:link, a.none:visited {
	font-size: 11px;
	color: #787878;
	text-decoration: none;
}
a.none:hover {
	text-decoration: none;
}

a.famille:link, a.famille:visited {
	font-size: 1.5em;
	color: #2e2520;
	text-decoration: none;
}
a.famille:hover {
	color: #c00;
}

a.article:link, a.article:visited {
	font-size: 12px;
	color: #6e5e56;
	margin-left: 10px;
	line-height: 16px;
	text-decoration: none;
}
a.article:hover {
	text-decoration: none;
	color: #333333;
}

a.articleliste:link, a.articleliste:visited {
	font-size: 11px;
	color: #787878;
	line-height: 14px;
	text-decoration: none;
}
a.articleliste:hover {
	text-decoration: none;
}

a.fil:link, a.fil:visited {
	font-size: 1.2em;
	color: #2e2520;
	text-decoration: none;
}
a.fil:hover {
	color: #c00;
}

a.bdd:link {text-decoration: none; color: #FFFFFF; }
a.bdd:hover {text-decoration: none; color: #FFFFFF; }
a.bdd:visited {text-decoration: none; color: #FFFFFF; }

a.std:link {text-decoration: underline; font-size:9px; color:#2e2520; }
a.std:hover {text-decoration: underline; font-size:9px; color:#2e2520; }
a.std:visited {text-decoration: underline; font-size:9px; color:#2e2520; }


/************************ ARTICLES **************************/
.prix {
	font-size: 12px;
	color: #2e2520;
	font-weight: bold;
}
.panier {
	font-size: 11px;
	color: #787878;
	line-height: 14px;
	border-bottom: 1px solid #ddd;
}
.paniertotal {
	font-size: 11px;
	color: #000000;
	line-height: 14px;
}
.port {
	font-size: 10px;
	color: #ff0000;
	line-height: 12px;
}

/************************ ADMIN **************************/
.admin {
	font-size: 11px;
	color: #787878;
	font-weight: normal;
}


/*************************** MOOTOOLS ********************/
.toggler {
	color: #787878;
	margin: 5px 0 0 5px;
	padding: 2px 5px 2px;
	border-bottom: 1px solid #ddd;
	width: 160px;
	font-size: 1.4em;
	font-weight: normal;
	font-family: "Graublau Web Bold", Arial, 'Trebuchet MS', sans-serif;
}
.footer {
	font-size: 11px;
	color: #787878;
	font-weight: normal;
	font-variant: small-caps;
}
.footer2 {
	font-size: 9px;
	color: #787878;
	font-weight: normal;
	font-variant: small-caps;
}