/*********************************************************/
/****************   MARIELON: MAIN CSS   *****************/
/*********************************************************/


@import url("balises.css");
@import url("cms.css");
@import url("payment.css");



/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
body {
	text-align: center;
	background: #e3e4e5}
#tout {
	text-align: left;
	width: 900px;
	margin: 0px auto 0px auto;
	}
#cgv { width: 650px; text-align: left; background: #FFF; margin-left: 0.5em; }
#bgTout { background: #FFF url(../images/bgTout.png) repeat-x left bottom; }
/*	HEADER	*/

#header {
	background: #FFF url(../images/bgHeader.jpg) no-repeat top right; height: 164px; position: relative;
}

#header h1 { padding: 0; margin: 0px; height: 138px; }

#header h1 a {display: block; }

#drapeaux { padding: 0px 12px; height: 26px; text-align: left; }
#drapeaux img {}
#drapeaux a { margin-right: 6px }
#drapeaux a:hover { text-decoration: none; }

/* MAIN	*/
#centre { clear: both;
	}

#left {
	width: 200px;
	float: left;
	min-height: 300px;
	padding-top: 20px;
}
#leftHome {
	width: 520px;
	float: left;
	min-height: 580px;
	padding-top: 20px;}
#main {
	float: left;
	width: 550px;
	padding: 0px 0px 0px 0px;}
#mainHome {
	float: left;
	width: 380px;
	padding: 0px 0px 0px 0px;}
#content { padding: 2em 1em 2em 1em; }
#mainHome #content { padding-top: 0 }
#right { width: 150px; float: left; background: #F4F4F4; }
#right ul { margin: 0; padding: 0.4em; font-size: 11px;
	background: #F4F4F4; }
#right ul li { 
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	padding: 0;
	font-size: 1em;
	height: 100%; }
#right ul li a {
	display: block;
	padding: 0.8em 0.6em 0.8em 1.6em;
	height: 100%;
	background: url(../images/bgNav2Li.gif) no-repeat 3px bottom;
	color: #5C5C5C;}

/*	FOOTER	*/
#up {
	clear: both;
	padding: 0 0.5em 12px 0.5em; text-align: right;
	background: url(../images/bgUp.gif) no-repeat left bottom;
}
#up a{
}
#footer {
	text-align: center; padding: 0.4em; }
#footer p { float: left}
#footer a { font-weight: bold; }
/**********		PAVE HOME	*****************/
div.paveHome {
	clear: both; margin-bottom: 1.2em;
	}

.paveHome .titPaveHome {
	font-size: 1.5em;
	color: #6A6A6A;
	padding:0;
	margin:0 0 0.7em 0;
}


/*******	PRODUCT HOME	*******/
.productHome { height: 200px; background: url(../images/titProductHome.gif) no-repeat; position: relative; left: -10px; padding: 34px 0 0 12px; }
.productHome li { position: relative; padding: 0; margin: 0 5px 1.2em 0; background: url(../images/bgProductHomeFixed.gif) no-repeat 0 0;
	list-style-type: none; list-style-image: none; width: 240px; height: 171px; font-size: 11px; float: left; }
.productHome .content { padding: 0.5em 1.1em; }
.topProductHome { background: #f4f4f4 url(../images/bgProductHome.gif) no-repeat left top; }
.botProductHome { background: url(../images/bgProductHome.gif) no-repeat left bottom; }
.topProductHome, .botProductHome{ height: 5px; font-size: 1%; display: none; }

.topProductHome div { background: url(../images/bgProductHome.gif) no-repeat right top; }
.botProductHome div { background: url(../images/bgProductHome.gif) no-repeat right bottom; }

.topProductHome div, .botProductHome div{ height: 100%; width: 5px; float: right;}

.productHome h3, .item h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #4F4F4F;
	margin: 0 0 0.5em 0;
	padding: 0;}
.productHome h3 {
}
.productHome h3 span { display: block; padding: 0.2em 0.2em 0.2em 9px; background: url(../images/puceProductHome.gif) no-repeat 0 center; font-weight: normal; font-size:0.8em; }
.productHome .content p {
	padding: 0;
	margin: 0;
}

.productHome .desc { }
.productHome .content img {}

form.action {
	clear: both;
	padding: 0; margin: 0 0 0.4em 0;
}
.productHome .action, .listItems .action { position: absolute; bottom: 6px!important; bottom: 6px; margin: 0}

.button { width: 134px; height: 22px; }
.button a.view, .button input, .button .sold { float: left; }
a.view { display: block; background: url(../images/buttonDetail.gif) no-repeat; width: 34px; height: 21px; }
a.view:hover { background-position: 0 -21px}
p.price, .listItems .content .price { color: #c91220; font-size: 15px; padding: 0; margin: 0; font-weight: bold; white-space: nowrap; }
.sold { display: block; text-align: center; background: url(../images/buttonSold.gif) no-repeat; width: 97px; height: 21px;
	font: normal 10px/18px arial; color: #777777; }
.soldFull { display: block; text-align: center; background: url(../images/buttonSoldFull.gif) no-repeat; width: 106px; height: 17px;
	font: normal 10px/16px arial; color: #777777; }


/********    NOUVEAUTES DANS UNE CATEGORIE      ************/
#productNew { background: url(../images/titProductNew.gif) no-repeat 0 0; position: relative; left: -10px; padding: 34px 0 0 12px;  }
#productNew ul{
	margin: 0; padding: 0.4em; font-size: 11px;
	background: #F4F4F4; border-left: 1px solid #B0111D; border-right: 1px solid #B0111D;
} 
#productNew li{
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	padding: 0.2em;
	font-size: 1em;
	border-bottom: 1px dotted #666666;
	height: 100%;
}
#productNew .botNav2, #productNew .topNav2, #productNew .topNav2 div, #productNew .botNav2 div { background-image: url(../images/bgNav2.gif); background-repeat: no-repeat; height:6px; font-size: 1%; }
#productNew .topNav2 { background-position: left top; }
#productNew .botNav2 { background-position: left bottom; margin-bottom: 10px;  }

#productNew .topNav2 div { background-position: right top; width: 10px; float: right; }
#productNew .botNav2 div { background-position: right bottom; width: 10px; float: right; }

#productNew h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #4F4F4F;
	margin: 0 0 0.9em 0; padding: 0.2em 0.2em 0.2em 9px; background: url(../images/puceProductHome.gif) no-repeat 0 center;
}
#productNew h3 a { color: #C91220; }
#productNew h3 a:hover { color: #4F4F4F; }

/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/
div#nav1 { background: url(../images/bgNav1.gif) no-repeat; }
div#nav1 ul{
	margin: 0px;
	padding: 0 10px;
	height: 32px;
	}
div#nav1 li {
	list-style-type: none;
	list-style-image: none;
	background: url(../images/puceNav1.png) no-repeat left center;
	float: left;
	margin: 0;
	padding: 0; height: 32px;
	}
div#nav1 li a {
	display: block; float: left;
	text-align: center; height: 100%; padding: 0 0.7em;
	line-height: 2em; /*background: url(../images/bgNav1Li.gif) no-repeat 0 0;*/ color: #f9f3f4;
	}
div#nav1 li a:hover { }

#nav1 li.on a { background: url(../images/bgNav1LiOn.png) repeat-x;
}
#nav1 .on a, #nav1 .on a:hover{ }
#nav1 li.home { background: none; }

/************ NAV2************/
/* Niveau 0 */
#nav2 { background: url(../images/titNav2.gif) no-repeat 0 0; position: relative; left: -10px; padding: 34px 0 0 12px;  }
#nav2 ul.firstLevel{
	margin: 0; padding: 0.4em;
	background: #F4F4F4; border-left: 1px solid #B0111D; border-right: 1px solid #B0111D;
} 
#nav2 li{
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	padding: 0;
	font-size: 1em;
	height: 100%;
}
#nav2 .botNav2, #nav2 .topNav2, #nav2 .topNav2 div, #nav2 .botNav2 div { background-image: url(../images/bgNav2.gif); background-repeat: no-repeat; height:6px; font-size: 1%; }
#nav2 .topNav2 { background-position: left top; }
#nav2 .botNav2 { background-position: left bottom; margin-bottom: 10px; }

#nav2 .topNav2 div { background-position: right top; width: 10px; float: right; }
#nav2 .botNav2 div { background-position: right bottom; width: 10px; float: right; }

#nav2 a, #nav2 span{
	display: block;
	padding: 0.8em 0.6em 0.8em 1.6em;
	height: 100%;
	background: url(../images/bgNav2Li.gif) no-repeat 3px bottom;
	color: #5C5C5C;
}
#nav2 li a:hover{ }
#nav2 li.on a,#nav2 li.on span { }
#nav2 .on, #nav2 .on a, #nav2 li.on span, #nav2 .on a:hover{
	color: #FFF;
	background: #842133 url(../images/bgNav2LiOn.gif) no-repeat 3px bottom;
	font-weight: bold;
	font-size: 1em; border: none;
}

/*Niveau 1*/
#nav2 .lvl1 ul { font-size: 11px; margin: 0px 0px 12px 0px; padding: 0px }
#nav2 .lvl1 ul li a{ border: none; background: none; }
#nav2 .on1 { background-color:#B0596C; 
}
#nav2 .lvl1 li a, #nav2 .lvl1 li span {padding: 0.2em 6px 0.2em 32px;}
#nav2 .on1 a, #nav2 .on1 span{ font-weight: bold; color: #FFF; }

/*Niveau 2*/
#nav2 .lvl2 ul{ background: #FEFAD3}
#nav2 .lvl2 ul li{ text-transform: lowercase}
/*#nav2 .lvl2 ul li *:first-letter{ text-transform: uppercase}*/
#nav2 .lvl2 li a, #nav2 .lvl2 li span{padding: 4px 6px 4px 40px;}

#nav2 .on2 { background: #F8AF06  }

/* LISTE D'ITEMS */
.listItems {  /*background: url(../images/titListItems.gif) no-repeat; position: relative; left: -10px; padding: 17px 0 0 12px; */ margin: 0; }
.listItems li { position: relative; padding: 0; margin: 0 5px 1.2em 0; background: url(../images/bgListItems.gif) no-repeat 0 bottom;
	list-style-type: none; width: 245px; height: 180px; font-size: 11px; float: left; }
.listItems .content { padding: 0.5em 1.1em 6px 1.1em; }

.listItems h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #4F4F4F;
	margin: 0 0 0.9em 0;
	padding: 0.2em 0.2em 0.2em 0;/* background: url(../images/puceProductHome.gif) no-repeat 0 center;*/
}
.listItems h3 a { color: #C91220; background: url(../images/puceProductHome.gif) no-repeat 0 center; padding-left: 0.9em; }
.listItems h3 a:hover { color: #4F4F4F}

.listItems h3 span.link { display: block; /*padding: 0.2em 0.2em 0.2em 0.9em; background: url(../images/puceProductHome.gif) no-repeat 0 center;*/ font-weight: normal; font-size:0.8em; }
.listItems h3 span.link a { color: #C91220; }
.listItems h3 span.link a:hover { color: #4F4F4F; }

.listItems .content p {
	padding: 0;
	margin: 0 0 6px 0;
}
.listItems .content img {}

.listItems .action {
	clear: both;
	padding: 0; margin: 0;
	font-size: 1em;
}
.listItems .action input { vertical-align: middle;  }
.listItems .price { color: #c91220; font-size: 15px; font-weight: bold; white-space: nowrap; }

/* DETAIL D'UN ITEM */
.itemDetail .photo {
	text-align: right;
	padding: 0px 0px 0px 4px;
	margin-left: 1em;
	float: right;
}
.itemDetail .photo p.zoom { text-align: center;}
.itemDetail form.action { clear: none; }
.itemDetail .photo p { margin: 0; padding:0.2em; font-size: 0.9em; font-style: italic; text-align: center }
.itemDetail .photo img { padding: 2px; border: 1px solid #E0E0E0;
}

p.caracteristique { line-height: 150%;}
p.caracteristique span{
	font-weight: bold;
	margin-right: 0.2em;
}

/***************************************************************/
/**************       CLASSES DIVERSES         *****************/
/***************************************************************/

/**  PAVE CENTRE   ************************************************/
/*****		GESTION DES IMAGES		*****/
.preview {
	text-align: center;
	margin-bottom: 10px;
	padding: 10px;
	width: 100%
}
.preview td{
	text-align: center
	}
img.imgToRight, .imgToRight img, .toRight{
	float:right;
	margin-left: 0.8em;
	margin-bottom: 0.8em;
	border: 1px solid #E0E0E0;
	padding: 1px;
}
img.imgtoLeft, .imgToLeft img, .toLeft{
	float:left;
	margin-right: 0.8em;
	margin-bottom: 0.8em;
	border: 1px solid #E0E0E0;
}

div.photo {
	padding: 2px;
	text-align: center;
}
/* Divers */
/* */
 .date{  font-weight: normal }
 
.botClear { clear: both; font-size: 1%; height: 2px; /*background: green;*/ }
.error {
	background: #FFF7B9; 
}
div.error { padding: 16px; margin-bottom: 10px; border: 1px dashed #FFCC33; text-align: center; font-weight: bold}

.gras {
	font-weight: bold;
}
.italique {
	font-style: italic;
}
.icon { margin-right: 0.3em; vertical-align: middle; }
.legende {
	font-style: italic;
	
	padding: 3px;
}

.required {
	color:#FF0000;
	
}
.noline {
	border: none; background: none
}

.back {
	margin-bottom: 12px;
	padding: 2px 4px;
	background: url(../images/bgBack.gif) no-repeat left bottom;
}

/* */
div.download { clear: both; }
div.download h4{ font-size: 1em; background: #842133 url(../images/download.gif) no-repeat 2px center; padding: 0.3em 0.3em 0.3em 26px; margin: 0; color: #FFF; }
div.download p{ padding: 2px; margin: 1px 1px 1px 16px }
.btn, div.btnToCenter {
	padding: 2px;
}
input.btn, .btn input, .btnToCenter input, .btnToCenter img {
	font-weight: bold;
	font-size: 0.9em; cursor: pointer;
}
input.btn  { border: 1px solid #666; background: #FFF url(../images/bgBtn.png) repeat-x 0 bottom; color:#333; cursor: pointer; }
.btnToCenter { text-align: center; }

/* ZOOM D'UNE IMAGE*/
button.btn  { border: 1px solid #666; background: #FFF url(../images/bgBtn.png) repeat-x 0 bottom; color:#333; font-size: 10px; font-weight: bold; cursor: pointer; }
.actionBox { padding:0.5em;}
.controlBox { width: 260px; margin: 0 auto;}

/*************  contact  ******************************/ 
table.formContact{
	margin: 8px auto 0px auto
}
.formContact td {
	padding: 4px;
	border-bottom: 1px solid #FFF;
}
.formContact tr{ border-bottom: 1px solid #FFCC33}
.formContact th {
	
	font-weight: normal;
	width: 150px;
	padding: 4px;
	text-align: right;
	border-bottom: 1px solid #FFF;
}

.answerMail {
	padding: 1em;
	text-align: center;
	border: 1px solid #B0101C;
}
.answerMail p { margin-bottom: 12px}
.answerMail a { }
.answerMail img { vertical-align: middle}

/************  FOOTER   ****************************/




/*********************	DONNEES TABULAIRES	*************************/

/*****/
div.tablo {border: 1px solid #336699 ; padding: 1px;
	margin-bottom: 14px;}
.tablo table {
	border-collapse: collapse;
	width: 100%;
	
}
.tablo td {
	vertical-align: top;
	padding: 3px 5px 3px 5px;
	border: 1px solid #FFFFFF;
}
.line1 {
	background-color: #F5F5F5;
}

tr.champs th{
	padding: 0.3em 0.4em;
	color: #EEF3F9;
	background: #902e40;
	border: 1px solid #FFFFFF;
}

.tablo caption {
	border-bottom: 1px solid #FFF;
	color: #24486C;
	padding: 3px 6px 3px 13px;
	background:  url(../images/puceTit.gif) no-repeat 2px 8px;
	
	letter-spacing: 0.1em;
}

/********	PAGINATION		******/
ul.pagine{ background: none; margin: 0px; padding: 0px; text-align: center; clear: left;}
ul.pagine li{ display: inline; background: none; margin: 0px; padding: 0.2em; font-size: 1.2em; text-align: center}
ul.pagine li a{  }
ul.pagine li.on { font-weight: bold; text-decoration: underline;}
ul.pagine li.on span{ }

/***	CONTACT	****/
#formNeteor {
	margin-bottom: 14px;
}
#formNeteor table{
	width: 100%
	}
#formNeteor textarea {}
#formNeteor .line1 {
	background-color: #F9F9F9
}

#formNeteor th, #formNeteor td{
	padding: 4px;
	font-weight: normal;
}
#formNeteor th {
	text-align: right;
	font-size: 1em;
}
#formNeteor .required { font-weight: bold}

.coords {
	padding:8px;
	margin-top: 14px;
}
.coords legend{ margin: 0px}
.coords p{
	padding: 0px; 
}
.coords span{ font-weight: bold}
.coords img { vertical-align: middle}