/* reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
a{text-decoration:none;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p,fieldset { margin: 0; padding: 0; border: 0px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-style: normal; }
img {border:0;}

/* CLEARER */
.clearer {clear:both;height:0px;overflow:hidden}
.erase {}

/* ID */

.container 				{ width:780px;margin: 0 auto;}

#connexion 				{background: #58504d;width:259px;padding: 10px;}
#connexion h3 			{font-size: 13px;color: #edd077;}
#connexion a 			{font-size: 10px;color: #fff;font-style: italic;text-decoration: none;}
#connexion a:hover 		{text-decoration: underline;}
#connexion p 			{margin:0;padding: 0; padding-bottom: 10px;}
#connexion .pwd			{padding: 0;margin: 0;text-align: right;padding-right: 40px;padding-top: 5px;}

#header 				{background: #3c3330;}
#logo 					{width: 285px;height: 70px;background: url(/images/css/logo.png) no-repeat top left;}

#menu 					{text-align: right;font-size: 12px;width: 285px;}
#menu a 				{display: block;color: #fff;text-decoration: none;padding-right: 25px;}
#menu a:hover 			{display: block;background: #6d5e3f url(/images/css/pucemenu.png) no-repeat left top;color: #fff;}
#menu ul 				{display: block;}
#menu li 				{display :block;line-height: 20px;height: 20px;}
#menu .rubrique 		{display: block;background: #6d5e3f url(/images/css/pucemenu.png) no-repeat left top;color: #fff;padding-right: 25px;}

#menusecondaire 		{width:30px;text-align: right;margin-right: 22px;}

#galerie 				{border: 4px solid #58504d;}

#content 				{background: #403734 url(/images/css/bk_content.png) no-repeat center top; padding-top: 30px;padding-bottom: 30px;}
#content .container 	{width:680px;margin: 0 auto;}

.cartouche 				{background: url(/images/bk-cartouche.png) repeat-x top left;padding-bottom: 20px;}
.cartouche a			{display: block; margin-top: 10px; margin-bottom: 10px;text-align: right;font-size: 12px;background: url(/images/css/ico_lien_cartouche.png) no-repeat right top;
						padding-right:20px;}
.cartouche a:hover		{font-size: 12px;background: url(/images/css/ico_lien_cartouche-over.png) no-repeat right top;}
.cartouche p			{margin: 0;padding: 0;}
.cartouche h1 			{font-size: 14px;color: #fff;margin-bottom: 15px;margin-top: 0px;padding: 0;}
.cartouche .imgill		{border: 4px solid #58504d;}
.cartouche .container 	{width:680px;margin: 0 auto;}

#panier					{background: #ddd9d1 url(/images/css/bk-panier.png) no-repeat top right;border: 1px solid #928c88;}
#panier div 			{padding-left: 20px;padding-right:20px;border-bottom: 1px solid #928c88;}
#panier h4				{color:#1b0f0a;margin:0;padding: 0;font-size: 11px;}
#panier p				{color:#403734;margin:0;padding: 0;}
#panier .article		{padding-bottom: 10px;padding-top: 10px;}
#panier .total			{color:#660c15; font-size: 14px;}
#panier .commander		{text-align:right;padding-right:18px;}
#panier .article a		{color:#403734;}

#liste					{}
#liste div				{background: #58504d;margin-bottom: 5px;padding: 5px; height:60px;}
#liste h4				{margin: 0;padding: 0;padding-left:10px;padding-top:10px;font-size: 13px;}
.listesans h4			{margin: 0;padding: 0;padding-left:10px;padding-top:10px;font-size: 13px;}
#liste p				{margin: 0;padding: 0;padding-left:10px;line-height: 28px;}
#liste .bas				{vertical-align: bottom;}

#onglet					{width:100%; height:30px;margin:0;padding:0;margin-bottom: 5px;margin-top: 25px;border-bottom: 1px solid #6d6664;}
#onglet ul				{list-style: none; list-style-image:none;height: 30px;}
#onglet li				{display: inline;}
.ongletnotselect a		{float:left;display: block;height: 30px;line-height: 30px;padding:0 0 0 7px;margin:0 0 0 1px; background: url(/images/css/onglet-off.png); no-repeat top left;}
.ongletnotselect a b	{float: left;display: block; padding:0 14px 0 7px; background: url(/images/css/onglet-off.png) no-repeat top right;}
.ongletselect a			{float:left;display: block;height: 30px;line-height: 30px;padding:0 0 0 7px;margin:0 0 0 1px; background: url(/images/css/onglet-on.png); no-repeat top left;}
.ongletselect a b		{float: left;display: block; padding:0 14px 0 7px; background: url(/images/css/onglet-on.png) no-repeat top right;}
#onglet li a:hover		{color: #312926;text-decoration: none;background: url(/images/css/onglet-on.png);}
#onglet li a:hover b	{background: url(/images/css/onglet-on.png) no-repeat top right;}


#formulaire				{padding: 20px;width: 390px;}

#retrait				{font-size: 14px;}

#pied 					{background: #382f2c;height: 40px;line-height: 40px;font-size: 11px;}

/* CLASS */

.jauneor 				{color: #cbb36c;}
.marronclair 			{color: #817b79;}
.deauville 				{background: url(/images/css/deauville.png) no-repeat bottom left;width: 50px;height: 235px;}
.marronform				{background: #4c4441;}

.left 					{float: left;}
.right 					{float: right;}
.legende				{text-align: right;}
.pad10px 				{padding-top: 10px; padding-bottom: 24px;}
.bouton					{text-align: right;}
.colsimg 				{border: 4px solid #58504d;margin: 0px;padding: 0px;}
.cols50 				{width:48%;}
.cols210				{width: 210px;margin: 0px;padding: 0px;margin-top: 10px;}
.cols230				{width: 230px;margin: 0px;padding: 0px;}
.cols430				{width: 430px;margin: 0px;padding: 0px;}

.colstext1 				{width: 445px;}
.colstext2 				{width: 210px;padding-left: 25px;}
.colstext3 				{width: 200px;margin-top: 10px;}

.input100 				{width:100px;margin-right: 10px;}
.input190				{width:190px;}
.inputsubmitconnexion 	{/*padding-left: 8px;*/}
.inputerror				{border: 1px solid #660c15;}
.error					{color: #000000; background: #FFFFFF; border: 5px solid #660c15; padding: 5px 5px 5px 5px;}	

.bkaccueil445 			{background: url(/images/css/bk-accueil-445.png) no-repeat top left;padding:5px 25px 35px 25px;width: 405px;height:150px;}
.bkaccueil210 			{background: url(/images/css/bk-accueil-210.png) no-repeat top left;padding:5px 25px 35px 25px;width: 160px;height:150px;}
.bkcommande230 			{background: url(/images/css/bk-commande-230.png) no-repeat top left;padding:25px;width: 180px;height:85px;}
.bkcommande230_15		{background: url(/images/css/bk-commande-230.png) no-repeat top left;padding: 10px 25px 40px 25px; width: 180px;height:85px;}

.puces					{list-style-image: url(/images/css/puceronde.png);}
/* HTML ZONE CONTENT */

body 					{background: #3c3330;font: 11px/14px Helvetica, Arial, Verdana, sans-serif;color: #fff;}
h1 						{font-size: 16px;color: #edd077;padding-bottom: 5px;padding-top: 10px;}
h2 						{font-size: 14px;color: #fff;padding-bottom: 5px;}
h3 						{font-size: 13px;color: #edd077;;padding-bottom: 5px;}
h4 						{font-size: 12px;color: #edd077;padding-bottom: 5px;}
a 						{color: #fff;text-decoration: none;}
a:hover 				{color: #edd077;text-decoration: underline;}
p 						{padding-top: 10px; padding-bottom: 5px; text-align: justify;font-size: 11px;}
hr 						{width:90%; border:0; border-top: 1px solid #edd077;padding-bottom: 10px;margin-top: 10px;}
ul 						{list-style-position: inside;}
ol 						{list-style-position: inside;}
li 						{color: #fff;font-size: 11px/18px}