/* CSS Document */
body
{

	
}

.petit {
	font-size: 8pt;
}
.moyen
{
	font-size: 9pt;	
}
.grand
{
	font-size:14pt;
}
a, .link
{
	color:#8d4431;
	text-decoration:none;
}
a:hover, .link:hover
{
	color:#EE0000;
	text-decoration:underline;
}
.tableau
{
	border: 1px solid #898989;
}


.titre
{
	font-size:13pt;
	color:#8d4431;
	font-weight:bold;
}
.sous_titre
{
	font-size:10pt;
	color:#a75523;
	font-weight:bold;
}

.cadre_img
{
	border:#999999 solid 1px;
	padding:2px;
	margin-left:3px;
	margin-right:3px;
}
.ligne_horiz
{
	margin-left:9px; 
	float:left; 
	border-top:1px solid #A75523; 
	height:1px; 
	margin-top:8px; 
	width:100%;
}
/*************** TABLEAU avec fond ********************/
#tableau_cadre
{
	width:211px;
}
#tableau_cadre th
{
	padding-left:15px;
	line-height:32px;
	height:32px;
	text-align:left;
	font-weight:bold;
	font-size:11pt;
	color:#FFFFFF;
	background:url(../images/tableau_fond_head.jpg) top left no-repeat;
}
#tableau_cadre td
{
	padding-left:9px;
	padding-right:8px;
	background:url(../images/tableau_fond_body.jpg) left;
	
}
#tableau_cadre .footer
{
	padding:0px;
	background:url(../images/tableau_fond_footer.jpg) top left no-repeat;
	height:17px;
}
/******************* Input ******************/
#formu select
{
	font-family:"Trebuchet MS","Lucida Grande",Verdana,sans-serif;
	font-size: 10pt;
	border:#BCBCBC solid 1px;
}
#formu input, #formu textarea, #formu select
{
	color:#000033;
	border:#BCBCBC solid 1px;
	margin-bottom:2px;
	background:url(../images/fond_input.jpg) left top;
	width:350px;
}
#formu input
{
	height:22px;
	font-size:12pt;
}
#formu textarea
{
	font-size:12pt;
}
#formu .submit
{
	padding:2px;
	width:auto;
	height:auto;
	cursor:pointer;
	background:#F2F2F2;
	text-align:center;
}
#formu input:hover, #formu textarea:hover, #formu select:hover
{
	border:#663300 1px solid;
}
#formu input:focus, #formu textarea:focus, #formu select:focus
{
	border:#FF9900 1px solid;
}

input.texte_petit
{
	font-size: 8pt;	
}
form {
	margin:0;
}
#txt_rech
{
	background:url(../images/fond_champ_rech.jpg) top left no-repeat transparent;
	border:none;
	padding-top:8px;
	padding-left:6px;
	height:22px;
	width:126px;
	outline:none;
	font-size:8pt;
}
#txt_rech:focus
{
	background:url(../images/fond_champ_rech.jpg) top left no-repeat transparent;
}
/********* Produits *************************/
/* #menu_prod table
{
	background:url(../images/mosaique_prod.gif);
	
	border:#CCCCCC solid 1px;
	margin:0px;
} */
/*
#menu_rubrique a
{
	display:block;
	text-decoration:none;
	padding:3px;
	margin:0px;
	font-weight:bold;
	font-size:9pt;
}
#menu_rubrique a:hover
{
	background:#663300;
	color:#CCCCCC;
	text-decoration:none;

}
#menu_rubrique a.elem_selected
{
	background:#663300;
	color:#CCCCCC;
}


.titre_prod
{
	font-size:12pt;
	font-weight:bold;
	color:#000099;
}
.prix_prod
{
	font-size:11pt;
	font-weight:bold;
	color:#003300;
}
.lbl_prod
{
	font-size:10pt;
}

.lien_page
{
	width:20px;
	display:block;
	border:#ABABAB solid 1px;
	float:left;
	margin-left:4px;
	text-align:center;
	text-decoration:none;
}
.lien_page:hover
{
	text-decoration:none;
	background:#B9B9B9;
	color:#000000;
}


#menu_rubrique {
	background:url(../images/mosaique_prod.gif);
	border:#CCCCCC solid 1px;
	margin-right: 10px;
	width: 180px;
}

#menu_rubrique ul {
	margin: 0;
	padding: 0;
}

#menu_rubrique li
{
	list-style-image:none;
	list-style:none;
	margin:0;
	padding:0;
}

.pied_rub {
	display: none;
}
 */

/********* Pages ***************************/

.titre_sujet
{
	font-size:14pt;
	font-weight:bold;
	color:#8d4431;
	border-bottom:#8d4431 dotted 1px;
}


/************* Chemin des pages *********************/
#div_chemin
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#000000;
	margin-left:10px;
	font-size:8pt;
}
#div_chemin a
{
	color:#8d4431;
	text-decoration:none;
}
#div_chemin a:hover
{
	color:#7E7E7E;
	text-decoration:underline;
}

/* Panier */
#block_panier {
	color: #8D4431;
	float: right;
	height: 35px;
	margin: 10px 10px 0 0;
}

#block_panier .backcontent {
	background-image: url(../images/boutique/back_block_panier.png);
	background-position: 0 -55px;
	background-repeat: repeat-x;
	float: right;
	height: 45px;
	padding-top: 10px;
}

#block_panier .img_pan {
	height: 20px;
	position: relative;
	top: 0;
	width: 24px;
}

table.fancyConfirm {
	background: url("../images/boutique/background_panier.jpg") no-repeat top right transparent;
}

/*************************** Bouton ************************/
.bouton_petit{
	background:url("../images/design/bouton_petit.jpg") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	font-size:10pt;
	height:27px;
	font-weight:bold;
	padding-right:0;
	text-align:center;
	text-decoration:none;
	width:110px;
	border:0px;
	cursor:pointer;
}
.bouton_petit:hover {
	background-position: 0 -45px;
	border:0px;
}

.bouton_submit, #formu .bouton_submit{
	background:url("../images/design/bouton.jpg") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	font-size:11pt;
	font-weight:bold;
	height:45px;
	padding-right:0;
	text-align:center;
	text-decoration:none;
	width:184px;
	border:0px;
	cursor:pointer;
}

.bouton_submit:hover, #formu .bouton_submit:hover {
	background-position: 0 -45px;
	border: 0;
	color: #FFFFFF;
}

.bouton_next {
	background:url("../images/design/bouton_next.jpg") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	font-size:11pt;
	font-weight:bold;
	height:45px;
	text-align:center;
	text-decoration:none;
	width:184px;
	border:0px;
	cursor:pointer;
	padding-right:28px;
	
}
.bouton_prev:hover {
	background-position: 0 -45px;
}

.bouton_prev {
	background:url("../images/design/bouton_prev.jpg") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	font-size:11pt;
	font-weight:bold;
	height:45px;
	text-align:center;
	text-decoration:none;
	width:184px;
	border:0px;
	cursor:pointer;
	padding-left:28px;
	
}
.bouton_next:hover {
	background-position: 0 -45px;
}

.bouton_validate{
	background:url("../images/design/bouton_validate.jpg") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	font-size:10pt;
	height:45px;
	font-weight:bold;
	padding-right:0;
	text-align:center;
	text-decoration:none;
	width:184px;
	border:0px;
	cursor:pointer;
}

.bouton_validate:hover {
	background-position: 0 -45px;
}

.bouton_continue{
	background:url("../images/design/bouton_continue.jpg") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	font-size:10pt;
	height:45px;
	font-weight:bold;
	padding-right:0;
	text-align:center;
	text-decoration:none;
	width:184px;
	border:0px;
	cursor:pointer;
}

.bouton_continue:hover {
	background-position: 0 -45px;
}

.prix_prod {
	color:#003300;
	font-size:11pt;
	font-weight:bold;
}

/****** Page d'accueil ****/

/* Rayons */

#rayons_accueil{
	display:block;
	float:left;
	width:100%;	
	margin:0px 0 18px 0;
	padding:0;	
	text-align:center;

}

#rayons_accueil a,
#rayons_accueil a:link,
#rayons_accueil a:visited,
#rayons_accueil a:active,
#rayons_accueil a:hover{
	display:inline-block;
	width:170px;
	height:232px;
	overflow:hidden;
	margin:0;	
	text-decoration:none;
	border:0;
	outline:0;
}

#rayons_accueil a.lanternes{background:url("../images/accueil/vignette_lanterne.jpg") no-repeat center center transparent;}
#rayons_accueil a.appliques{background:url("../images/accueil/vignette_applique.jpg") no-repeat center center transparent;}
#rayons_accueil a.babouches{background:url("../images/accueil/vignette_babouche.jpg") no-repeat center center transparent;}
#rayons_accueil a.soins{background:url("../images/accueil/vignette_soins.jpg") no-repeat center center transparent;}
#rayons_accueil a.tajines{background:url("../images/accueil/vignette_tajine.jpg") no-repeat center center transparent;}

#rayons_accueil a.the{background:url("../images/accueil/vignette_the.jpg") no-repeat center center transparent;}
#rayons_accueil a.ceramiques{background:url("../images/accueil/vignette_ceramique.jpg") no-repeat center center transparent;}
#rayons_accueil a.tissus{background:url("../images/accueil/vignette_tissus.jpg") no-repeat center center transparent;}
#rayons_accueil a.cheches{background:url("../images/accueil/vignette_cheches.jpg") no-repeat center center transparent;}
#rayons_accueil a.photophores{background:url("../images/accueil/vignette_photophore.jpg") no-repeat center center transparent;}

/* Bottom accueil */

a.read_more,
a.read_more:link,
a.read_more:visited,
a.read_more:active,
a.read_more:hover{
	color:#9a3d00;
	text-decoration:underline;	
	font-weight:bold;
}

#bottom_accueil{
	display:block;
	width:940px;
	margin:30px 0 20px 30px;
	overflow:visible;		
}

#bottom_accueil div{
	float:left;
	display:block;
	position:relative;
	padding:0 15px 0 0;
}

/* qui sommes nous */

#bottom_accueil #qsn{
	width:360px;
	height:206px;
	background:url("../images/accueil/qsn_bg.jpg") no-repeat right bottom;	
}

#bottom_accueil #qsn #txt_intro{
	width:250px;	
	padding:10px 0 0 0;
}

/* Mininews */

#bottom_accueil #mininews{
	width:170px;
}

#bottom_accueil #mininews a,
#bottom_accueil #mininews a:link,
#bottom_accueil #mininews a:visited,
#bottom_accueil #mininews a:active,
#bottom_accueil #mininews a:hover{
	display:inline-block;	
	position:relative;
	margin:10px 0 5px 0;
	float:left;
	width:100%;
	overflow:visible;
	text-decoration:none;
}

#bottom_accueil #mininews a .date_n{
	display:inline-block;	
	width:100%;
	color:#a39776;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}

#bottom_accueil #mininews a .titre_n{
	color:#9a3d00;
	text-decoration:none;
	font-weight:bold;		
}

#bottom_accueil #mininews a .titre_n span{
	color:#4c4c4c;	
	font-weight:bold;		
}

/* Panos */
#bottom_accueil #panos{
	width:175px;	
}

#bottom_accueil #panos a.zoom_pano{
	display:block;
	float:left;
	width:100%;
	overflow:visible;
	margin:10px 0 0 0;	
}



/* etransactions */
#bottom_accueil #secure_pay{
	width:170px;	
}

#bottom_accueil #secure_pay img{
	margin:10px 0 0 0;	
}



/****/

#bottom_accueil div div{
	color:#4f2f1a;
}

#bottom_accueil div span.titre_rub{
	color:#947c65;
	display:inline-block;
	width:100%;
	float:left;
	text-transform:uppercase;
	border-bottom:#dbd3cc solid 1px;
			
}
#bottom_accueil div span.titre_rub:first-letter{
	font-size:15px;	
}
