/*################ Remise à zero des styles #################*/
/*****************************************************************************
 * Remise à zéro des valeurs CSS par défaut pour maximiser la compatibilité
 *****************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
cite,code,th{font-style:normal;font-weight:normal;}
th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
body{font:13px verdana,sans-serif;*font-size:small;*font:x-small;}
table{font-size:inherit;font:100%;}
select,input,textarea{font:99% verdana,sans-serif;}
pre,code{font:115% monospace;*font-size:100%;}
body*{line-height:1.22em;}
body a img {border:0px;}
/*****************************************************************************/


/*################ Style des éléments de base #################*/
body {
	background-color:#d8934d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#663300;
}

tr {
	vertical-align:top;
}

img {
	border:0px;
	margin:0px;
}


/*################ Style des liens principaux #################*/
a:link, a:visited {
	color:#663300;
	text-decoration:none;
}

a:hover {
	color:#d8934d;
}

a.lien_blanc:link, a.lien_blanc:visited {
	color:#FFFFFF;
}

a.lien_blanc:hover {
	color:#d8934d;
}


/*################ Style des éléments principaux #################*/
.tab_principal {
	width:980px;
	margin:10px auto 10px auto;
}


/*################ Bannière - Titre du site #################*/
#ban_titre {
	height:77px;
	background-image:url(../images/ban_titre.jpg);
}

#ban_titre_slogan {
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	color:#d8934d;
	text-align:right;
	padding:60px 15px 0px 0px;
}


/*################ Bannière - Cadre logocentre #################*/
#ban_logocentre {
	width:251px; 
	height:20px;
	background-image:url(../images/ban_logocentre.jpg);
}


/*################ Bannière - Cadre adresse #################*/
#cadre_adresse {
	background-color:#FFFFFF; 
	border-right:1px solid #7F5815; 
	background-image:url(../images/ban_adresse.jpg); 
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#663300;
	text-align:right;
	letter-spacing:1px;
	vertical-align:bottom;
}


#ban_logobas {
	 width:251px;
	 height:190px;
	 background-image:url(../images/ban_logobas.jpg);
}


/*################ Bannière - Animation photo #################*/
#ban_photo {
	width:729px;
	background-image:url(../images/ban_photo.jpg);
}


/*################ Bannière - Cadre drapeaux #################*/
#ban_drapeau {
	width:241px;
	height:24px;
	background-image:url(../images/ban_drapeau.jpg);
	text-align:right;
	padding-top:12px;
	padding-right:10px;
}


/*################ Bannière - Fleche chemin #################*/
#ban_flechechemin {
	height:36px;
	width:32px; 
	background-image:url(../images/fleche_chemin.jpg);
}

/*################ Bannière - Chemin #################*/
#ban_chemin {
	height:25px;
	background-image:url(../images/fond_chemin.jpg);
	padding:11px 10px 0px 10px;
}

	#ban_chemin a:link, a:visited {
		color:#663300;
	}

	#ban_chemin a:hover {
		color:#FFFFFF;
	}

/*################ Menu #################*/
#menu_left {
	width:251px;
	background-image:url(../images/menu_centre.jpg);
	background-repeat:repeat-y;
}

#menu_haut {
	background-image:url(../images/menu_haut.jpg);
	height:5px;
}

#menu_centre {
	padding:10px 20px 20px 20px;
}

	.menu_rub1 {
		font-weight:bold;
		text-transform:uppercase;
	}
	
	.menu_rub2 {
		padding-left:20px;
	}

	.menu_hr {
		margin-left:auto;
		margin-right:auto;
		color:#663300;
		height:1px;
		margin:10px 0px 10px 0px;
		padding:0px;
	}

	
/*################ Menu de droite #################*/
#menu_panier {
	background-color:#996633;
	padding:10px;
	width:160px;
	height:25px;
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

#menuright {
	background-color:#d8934d;
	padding:10px;
	width:160px;
}

.menuright_ul {
	list-style-type:square;
	color:#FFFFFF;
	padding-left:10px;
}

a.menuright_lien:link, a.menuright_lien:visited {
	color:#FFFFFF;
	display:block;
}

a.menuright_lien:hover {
	color:#663300;
}

.menu_right_commande {
	background-color:#996633;
	padding:5px;
	width:170px;
}

	.menu_right_commande_cadre {
		background-color:#cc9966;
		width:158px;
		padding:5px;
		height:100%;
		border:1px solid #FFFFFF;
		color:#FFFFFF;
	}
	
	
	a.lien_menu_right_commande:link, a.lien_menu_right_commande:visited {
		color:#FFFFFF;
		display:block;
	}
	
	a.lien_menu_right_commande:hover {
		color:#0033FF;
	}
	
	.menu_right_commande_infos {
		font-size:11px;
		font-weight:normal;
		font-style:italic;
	}

/*################ Contenu page #################*/
#contenu_page {
	background-color:#FFFFFF; 
	border-right:1px solid #7F5815;
	padding:10px 10px 10px 10px;
}

#contenu_page2 {
	width:668px;
	padding:20px;
}

.page_titre {
	font-size:14px;
	font-weight:bold;
}

.page_titre_hr {
	width:200px;
	height:1px;
	color:#663300;
	margin-bottom:20px;
	text-align:left;
}

/*################ Pied de page #################*/
#footer_left {
	background-image:url(../images/footer_left.jpg);
	width:13px;
	height:46px;
}

#footer_centre {
	background-image:url(../images/footer_centre.jpg);
	background-repeat:repeat-x;
	height:30px;
	text-align:center;
	padding-top:16px;
	color:#FFFFFF;
}

#footer_right {
	background-image:url(../images/footer_right.jpg);
	width:13px;
	height:46px;
}


/*################ Catalogue #################*/
#catalogue_cadre {
	width:100%;
	padding-right:5px;
}

#catalogue_search {
	background-color:#996633;
	width:100%;
	height:25px;
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

.catalogue_input {
	height:12px;
	width:250px;
	margin:0px 5px 0px 5px;
	background-color:#cc9966;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	font-size:10px;
}

.catalogue_item {
	float:left;
	margin:5px;
	width:240px; /* 160px */
	height:280px;
	border:1px solid #999999;
}

.catalogue_item_img {
	text-align:center;
	height:240px;
}

.catalogue_item_des {
	text-align:center;
	background-color:#CCCCCC;
	height:30px;
	padding:5px;
}

.catalogue_item_lien {
	display:block;
	cursor:pointer;
}

#catalogue_navigation {
	text-align:center;
	margin:20px 0px 20px 0px;
}

/* ############# Page "Listing des sous catégories d'une catégorie" ##############*/
.art_categorie_intro {
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
	margin-top:40px;
}

.art_categorie_hr {
	height:1px; 
	width:95%;
	background-color:#999999;
}

.art_categorie_titre {
	width:95%;
	height:20px;
	margin:20px auto 10px auto;
	padding-left:10px;
	background-color:#8d5d35;
	color:#FFFFFF;
	border:1px solid #663300;
	font-size:14px;
	font-weight:bold;
}

a.lien_art_categorie_titre:link, a.lien_art_categorie_titre:visited {
	color:#FFFFFF;
}

a.lien_art_categorie_titre:hover {
	color:#ea9d4e;
}

.art_categorie_cadre_lien {
	width:95%;
	text-align:right;
}

a.lien_art_categorie:link, a.lien_art_categorie:visited {
	color:#444444;
	font-weight:bold;
}

a.lien_art_categorie:hover {
	color:#ea9d4e;
}


/*################ Popup d'affichage de l'article #################*/
#pop_article {
	position:fixed;
	background:#ffffff;
	width:600px;
	height:500px;
	top:50%;
	left:50%;
	margin:-250px 0px 0px -300px;
	z-index: 500;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
}

#pop_masque {
	position:absolute;
	display:none;
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.article_close {
	text-align:right;
	margin:5px 10px 0px 10px;
	height:16px;
}

.article_tab {
	width:578px;
	height:457px;
	margin:10px;
	border:1px solid #CCCCCC;
}

.article_titre {
	height:20px;
	width:100%;
	background-color:#996633;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

.article_ref {
	height:20px;
	background-color:#cc9966;
	color:#FFFFFF;
	font-size:12px;
}

#article_contenu {
	padding:5px;
	width:568px;
	height:427px;
	overflow-x:hidden; 
	overflow-y:scroll; 
}

.article_miniature {
	float:left;
	margin:5px;
}


/*################ Popup d'affichage de l'article #################*/
.tarifs_titre {
	width:90%;
	margin:auto;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background-color:#8d5d35;
	color:#FFFFFF;
	border:1px solid #663300;
	padding:2px;
}

.tarifs_contenu {
	width:90%;
	margin:20px auto 50px auto;
}

.input_art {
	width:30px;
}

.button_art {
	width:150px;
}

/*################### Panier #####################*/
.panier_tableau {
	width:520px;
/*	margin-left:15px;*/
	border-style:double;
}

.panier_tableau th{
	font-weight:bold;
	border-bottom:2px solid #000000;
	padding:5px;
	background-color:#d8934d;
}

.panier_tableau td{
	border-bottom:1px solid #000000;
	padding:5px;
}

.input_panier_qte {
	width:30px;
}


/*################ Popup contact #################*/
.contact_input {
	width:400px;
	background-color:#CCCCCC;
	border:1px solid #999999;
	margin:4px 10px 4px 10px;
	padding-left:4px;
}

/*########## Page Espace de discussion #########*/
.auteur {
	height:20px;
	width:100%;
	background-color:#996633;
	color:#FFFFFF;
	font-size:12px;
}