/* 
++++ MARY BOUTIQUE ++++
 styles par Exibit
 www.exibit.be
*/
* {
margin: 0;
padding:0;
}

BODY, html{
	font-size:62.5%;
}
body {
	background:#67440A url('../images/bg.jpg') repeat-x left top;
	font-family:Georgia,Arial, sans-serif;
	font-size:1.3em;
	color: #FFFFFF;
	line-height: 1.3em;
	margin: 0;
	padding:0;
}
A{
	color:#C88912;
	text-decoration:none;
}
A:HOVER{
	text-decoration:underline;
}
H1{
	text-indent:-999em;
	position:relative;
	display:block;
	margin: 0;
	padding:0;
	left:28px;
}
H1 A{
	background:#67440A url('../images/logo_maryboutique.jpg') no-repeat left top;
	width:220px;
	height:165px;
	display:block;
}
H2{
	display:none;
}

H3{
	font-size:1.5em;
	color:#FFFFFF;
	margin: 8px 0 12px 0;
}

H4{
	position:relative;
	left:-5px;
	font-size:1.2em;
	color: #312104;
	font-weight:bold;
}
P{
	font-size:1.1em;
	margin:5px 0 10px 0;
	line-height:1.3em;
}
HR{
	height:1px;
	border-top:#67440A solid 1px;
	color:#67440A;
	border-bottom:none;
	border-left:none;
	border-right:none;
	margin:2px 0 4px 0;
	padding:0;
	clear:both;
}

UL, OL{
	margin:0 0 0 20px;
	font-size:1.1em;
}
IMG{
	border:none;
}
FORM,FIELDSET{
	margin:0;
	border:none;
}
LEGEND{
	display:none;
}
LABEL{
	font-size:1.1em;
	margin:5px 0 10px 0;
	line-height:1.4em;
	font-weight:bold;
}
/* */
#principal:after,#tools:after,#menu ul:after,#colonne:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*-------------------------------container-------------------------------------*/
#header{
	background:transparent url('../images/header.jpg') no-repeat left top;
	margin:0 auto;
	width:980px;
	height:180px;
	position:relative;
	top:0px;
	left:0px;
}
#principal{
	margin:0 auto;
	width:900px;
	position:relative;
	top:0px;
	left:0px;
	padding:8px 0 0 40px;
}
#principal H4{
	padding:8px 0 15px 30px;
	background:transparent url('../images/puce.png') no-repeat left top!important;
	background:transparent url('../images/puce.jpg') no-repeat left top;
}
#menu{
	width:550px;
	position:absolute;
	top:148px;
	left:390px;
}
#contenu{
	width:530px;
	position: relative;
	float:left;
	top:0px;
	left:0px;
	padding:10px;
	margin:0;
	min-height:250px;
}
#colonne{
	width:230px;
	position: relative;
	float:right;
	top:0px;
	left:0px;
	padding:0 30px 0 0;
	margin:0;
}
#footer{
	background:transparent url('../images/floche.gif') no-repeat center top;
	width:880px;
	position: relative;
	left:10px;
	padding:30px 0 5px 0;
	margin:0 auto;
	font-size:0.8em;
	text-align:center;
	clear:both;
}
#intro{
	background:transparent url('../images/bg_intro.jpg') no-repeat right bottom;
	position:relative;
	padding:14px 160px 20px 15px;
	width:720px;
	height:120px;
}
#catalogue{
	background:transparent url('../images/bg_catalogue.jpg') no-repeat left top;
	position:relative;
	top:-15px;
	float:left;
	width:456px;
	height:370px;
	padding:20px;
}
#catalogue H3{color:#4A3207;font-size:1.3em}
#catalogue A{color:#FFFFFF;;font-size:1.1em}
#catalogue P{font-size:1em;color:#4A3207;}
#news{
	position:relative;
	float:right;
	width:360px;
	padding:10px 20px 0 0;
}

#news H4{
	padding:0 0 0 2px;
	background-image:none!important;
}
#news HR{
	margin-bottom:20px;
}
/*-------------------------------navigation-------------------------------------*/

#menu UL{
	position:relative;
	margin:0;
}
#menu LI{
	display:block;
	float:left;
	height:24px;
	padding:7px 15px 0 15px;
	text-transform:uppercase;
	background:transparent url('../images/menu_barre.gif') no-repeat right top;
}
#menu .item1, #menu .item1_down{
	display: block;
	font-weight:bold;
	font-size:0.8em;
}
.item1 A{
	color:#FFFFFF;
} 
.item1 A:HOVER{
	color:#996E1E;
	text-decoration:none;
}
.item1_down A{
	color:#67440A;
}
#menu LI#menu5{
	background:none;
}
/*-------------------------------mise en page-------------------------------------*/
.clear{
	clear:both;
}
.telecharger{
	font-size:1.2em;
	color: #ff6600;
	font-weight:bold;
}
A.onglet1{
	float:left;
	margin: 0 8px 8px 0; 
}

.onglet1 IMG{
	background-color:#E9CC99;
	padding: 4px;
}
.onglet1 IMG:hover{
	background-color:#C88912;
}
/* ----------------------------- SPIP ---------------------------------- */
.spip-admin-float{
	position:absolute;
	top:35px;
	right:100px;
}
SPAN.spip_documents_left{
	border:4px solid #E9CC99;
	padding: 0;
	margin:0 10px 5px 0;
}
SPAN.spip_documents_right{
	border:4px solid #E9CC99;
	padding: 0;
	margin:0 0 5px 10px;
}
dt.spip_doc_titre{
	font-size:0.8em;
}
.formulaire_recherche LABEL{
	display:none;
}
INPUT#recherche{
	width:120px;
	color:#999;
	font-size:10px;
}
INPUT.forml, INPUT.formo{
	background-color:#E9CC99;
	width:200px;
	padding:3px;
	border:none;
	display:block;
	margin:5px 0 5px 0;
	font-size:13px;
}
TEXTAREA.forml, TEXTAREA.formo{
	background-color:#E9CC99;
	width:200px;
	padding:3px;
	font-family:Arial, Georgia, "Times New Roman";
	border:none;
	display:block;
	argin:5px 0 5px 0;
	font-size:12px;
}
.spip_form_choix_multiple LI{
	list-style:none;
}
.spip_form_choix_multiple LABEL{
	font-size:0.9em;
}
.spip_form_label_obligatoire{
	font-size:0.8em;
}
.spip_form_label_details{
	font-size:0.8em;
	display:block;
}
.spip_bouton INPUT{
	border:1px solid #B07511;
	background:transparent url('../images/bg_button.jpg') repeat-x left top;
	padding:2px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
}

.formulaire_menu_lang{
	position:absolute;
	width:100px;
	right:50px;
	top:10px;
}
.formulaire_menu_lang FORM LABEL{
	display:none
}
SELECT#var_lang{
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.8em;
	position:relative;
	top:8px;
	background:transparent;
	-moz-opacity:0.5;
	opacity: 0.5;
	filter:alpha(opacity=50);
	border:none;
	color:#FFFFFF;
	padding:0 2px 4px 5px;
}
SELECT#var_lang OPTION{
	background-color:#FFFFFF;
	color:#000000;
}