/*
Magasin Luna Shop Boutique Desigual - SkunkFunk - Xibiouz
*/

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #686f76;
	background-color: #121b24;
	background-image: url(background_2008_luna.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
}

#templatemo_rightcolumn a:link  { color: #aabdd0; text-decoration: none; font-weight: bold;} 
#templatemo_rightcolumn a:visited { color: #aabdd0; text-decoration: none; font-weight: bold;} 
#templatemo_rightcolumn a:active { color: #aabdd0; text-decoration: underline}
#templatemo_rightcolumn a:hover { color: #aabdd0; text-decoration: underline}

#templatemo_leftcolumn a:link  { color: #aabdd0; text-decoration: none; font-weight: bold;} 
#templatemo_leftcolumn a:visited { color: #aabdd0; text-decoration: none; font-weight: bold;} 
#templatemo_leftcolumn a:active { color: #aabdd0; text-decoration: underline}
#templatemo_leftcolumn a:hover { color: #aabdd0; text-decoration: underline}

h1 {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: #aabdd0;
}
h4 {
	margin: 0px;
	padding: 0px 0px 8px 0px;
	font-size: 1em;
	color:#99CC00;
	font-weight: bold;
}
h5 {
	margin: 0px;
	padding: 0px 0px 8px 0px;
	font-size: 1em;
	color:#AABDD0;
	font-weight: bold;
}
h1 {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 1em;
	font-weight: bold;
	color: #aabdd0;
}
p{
	margin: 0px;
	padding: 0 0 10px 0;
	text-align: justify;
}

.spacetobottom {
	clear: both;
	height: 20px;
}

.spacetoright {
	float: left;
	width: 10px;
	height: 10px;
	;
}

/* ----- Form ----- */
.form_row{
	padding: 3px 0px;
}

form{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	text-align: left;
}

label {
	margin-right: 10px;
}

input{
	width: 150px;
	height: 15px;
	color: #aabdd0;
	border: 1px solid #686f76;
	background-color: #0C1219;
}

.button{
	width: 60px;
	height: 25px;
}
    
/* End of Query Form */	    


.more_button a{
	clear: both;
	display: block;
	width: 273px;
	height: 20px;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	color: #99CC00;
	background: #0b1016;
	border: 5px solid #0f1721;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 5px;
}

.entete_button {
	clear: both;
	display: block;
	width: 273px;
	height: 20px;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	color: #aabdd0;
	background: #0b1016;
	border: 5px solid #0f1721;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 5px;
}

.entete_button_prod_vus {
	clear: both;
	display: block;
	width: 560px;
	height: 20px;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	color: #aabdd0;
	background: #0b1016;
	border: 5px solid #0f1721;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 5px;
}

#templatemo_wrapper1 {
	background: url(images/maintopBG.gif) top repeat-x;
}

#templatemo_wrapper2 {
	background-image: url(images/footer.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

#templatemo_container {
	margin: auto;
	width: 960px;
}

/*------------- Menu ------------------*/
#templatemo_menu {
	float: left;
	width: 930px;
	height: 40px;
	margin: 18px 0 0 0;
	padding: 0 0 0 30px;
}

#templatemo_menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#templatemo_menu ul li{
	display: inline;
}

#templatemo_menu ul li a{
	float: left;
	width: 140px;
	height: 30px;
	padding: 10px 0 0 0;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #aabdd0;
	border-left: 1px solid #34373b;
}

#templatemo_menu ul li .lastmenu{
	border-right: 1px solid #34373b;	
}

#templatemo_menu li a:hover, #templatemo_menu li .current{
	color: #aabdd0;
	background: url(images/menuhoverBG.gif) no-repeat;
}


dl, dt, dd, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* Chemin
-------------------------------------------------------- */

#chemin {

}

a.LIEN_chemin:link {
	color: #fff;
	text-decoration: none;
}

a.LIEN_chemin:visited {
	color: #a9c9e9;
	text-decoration: none;
}

a.LIEN_chemin:hover {
	color: #fff;
	text-decoration: underline;
}

/* ----------------- end of menu----------------*/

/* header and banner */

#templatemo_header_banner {
	float: left;
	width: 900px;
	height: 268px;
	padding: 0 30px;
	margin-top: 2px;
	background-color: #121b24;
}

#templatemo_header {
	float: left;
	width: 310px;
	height: 268px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}

#templatemo_sitetitle {
	padding: 20px 0 10px 10px;
	font-size: 4em;
	font-weight: bold;
	color:#99CC00;
}
#templatemo_sitetitle span{
	font-weight: normal;
	color: #FFFFFF;
}
#templatemo_tagline{
	font-size: 1em;
	color:#fff;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}
#templatemo_tagline h4{
	font-size: 1em;
	color:#99CC00;

}
#templatemo_tagline a{
	font-size: 1.2em;
	color:#99CC00;
	text-decoration: none;
	font-weight: bold;
}
#templatemo_tagline a:hover{
	font-size: 1.2em;
	color:#fff;
	text-decoration: underline;
	font-weight: bold;
}

#templatemo_tagline_panier a{
	font-size: 1.2em;
	color:#FF6000;
	text-decoration: none;
	font-weight: bold;
}
#templatemo_tagline_panier a:hover{
	font-size: 1.2em;
	color:#99CC00;
	text-decoration: underline;
	font-weight: bold;
}

#templatemo_banner {
	float: left;
	width: 590px;
	height: 268px;
	background: url(images/banner.jpg) no-repeat;
}

#templatemo_bannertext{
	text-align: right;
	font-size: 14px;
	color: #FFFFFF;
	padding-top: 210px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;
}
#templatemo_bannertext span{
	font-size: 24px;
	font-weight: bold;
	color: #99CC00;
}
/* end of header and banner */

/* ----------------- Content ----------------------- */

#templatemo_content {
	float: left;
	width: 900px;
	padding:0 30px;
	background-color: #121b24;
}

#templatemo_leftcolumn {
	float: left;
	width: 280px;
	background: url(images/leftcolumnBG.gif) top center no-repeat;
	padding-top: 1px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 10px;
}

.menu_left{
	width: 274px;
	padding: 2px;
	background-color: #121B24;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #121B24;
	border-right-color: #121B24;
	border-left-color: #121B24;
	border-bottom-color: #121B24;
}
.menu_left img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* Menu général
-------------------------------------------------------- */

#menuGeneral {
	width:240px;
	padding: 0;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1px;
}

#menu {
	position: relative;
	padding: 0;
	margin: 0;
}

dl#menu {
	width: 272px;
}


dl#menu dt {
	cursor: pointer;
}

dl#menu dt a {
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	display: block;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	overflow: hidden;
	zoom: 1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0C1218;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #0C1218;
}

dl#menu dt a:hover, dl#menu dt .selected {
	color: #fff;
	background-color: #0C1218;
	text-decoration: none;
}

dl#menu dd {
	background-color: #121B24;
}

dl#menu li {
}

dl#menu li a {
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	display: block;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 15px;
	overflow: hidden;
	zoom: 1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0C1218;
}

dl#menu li a:hover, dl#menu li .selected {
	color: #fff;
	background-color: #0F161E;
	text-decoration: none;
}

.invisibleW3C {
	width: 0; 
	height: 0;
	padding: 0; 
	margin: 0;
}
.newssection {
	padding: 0 0 5px 0;
}


#templatemo_rightcolumn {
	float: left;
	width: 588px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 2px;
}

#templatemo_right_menucolumn {
	width: 588px;
	padding: 0px;
}

#chemin {
	font-size: 0.8em;
	font-weight: bold;
	background-color: #0C1218;
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	font-style: normal;
	height: 18px;
	border: 3px solid #0F1721;
}

a.LIEN_chemin:link {
	color: #fff;
	text-decoration: none;
}

a.LIEN_chemin:visited {
	color: #a9c9e9;
	text-decoration: none;
}

a.LIEN_chemin:hover {
	color: #fff;
	text-decoration: underline;
}

.onecolumn {
	width: 584px;
	padding-top: 2px;
	padding-left: 4px;
}

.onecolumn img {
	float: right;
	clear: both;	
	margin: 0 0 5px 10px;
	border: 3px solid #0e121d;
}

.onecolumn_prod {
	width: 584px;
	padding-top: 0px;
	padding-left: 0px;
}
.onecolumn_prod h2 {
	margin-top: 10px;
}

.onecolumn_prod img {
	float: right;
	clear: both;	
	margin: 0 0 5px 10px;
	border: 3px solid #0e121d;
}

.onecolumn_prod ul {
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2px;
}
.onecolumn_prod li {
	list-style: none;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 20px;
	background: url(images/listicon.gif) center left no-repeat;
}

.onecolumn_prod input {
	height: 22px;
	padding-bottom: 4px;

}
.onecolumn_prod form{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	text-align: left;
}

.onecolumn input {
	height: 20px;

}
.onecolumn form{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	text-align: left;
}
.obligatoire {
	color: #FF0000;
}
.twocolumn {
	width: 586px;
}

.twocolumn_box_acc {
	float: left;
	width: 258px;
	background: #0c1117 url(images/boxBG.gif) top right no-repeat;
	border: 5px solid #0f1721;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #fff;
}
.twocolumn_box_acc img {
	float: left;
	margin: 2px 10px 0 0;
	border: 3px solid #0e121d;
}
.twocolumn_box_acc h2 {
	font-size: 14px;
}

.twocolumn_box_acc p {
	text-align: left;
}
.twocolumn_box_acc ul {
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2px;
}
.twocolumn_box_acc li {
	list-style: none;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 20px;
	background: url(images/listicon.gif) center left no-repeat;
}


.twocolumn_box {
	float: left;
	width: 258px;
	background: #0c1117 url(images/boxBG.gif) top right no-repeat;
	border: 5px solid #0f1721;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.twocolumn_box img {
	float: left;
	margin: 2px 10px 0 0;
	border: 3px solid #0e121d;
}
.twocolumn_box p {
	text-align: left;
}
.twocolumn_box ul {
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2px;
}
.twocolumn_box li {
	list-style: none;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 20px;
	background: url(images/listicon.gif) center left no-repeat;
}

/* ----------------- Column_prod ----------------------- */
.twocolumn_prod {
	width: 586px;
}
.twocolumn_prod h2 {
	margin-top: 10px;
}
.twocolumn_prod_box {
	float: left;
	width: 258px;
	background: #0c1117 url(images/boxBG_prod.gif) top right no-repeat;
	border: 5px solid #0f1721;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.twocolumn_prod_box img {
	float: left;
	margin: 2px 10px 0 0;
	border: 3px solid #0e121d;
}
.twocolumn_prod_box p {
	text-align: left;
}

.twocolumn_prod_box ul {
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2px;
}
.twocolumn_prod_box li {
	list-style: none;
	background: url(images/listicon.gif) center left no-repeat;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 20px;
}

/*----end----*/


#gallery {
	width: 588px;
}

.gallery_column {
	float: left;
	width: 140px;
	padding-left: 6px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #0C1218;
}

.gallery_column img{
	border: 5px solid #0C1218;
	margin: 0 0 10px 0;
}

.gallery_column p{
	text-align: left;
}
.gallery_column ul {
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2px;
}
.gallery_column li {
	list-style: none;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 20px;
	background: url(images/listicon.gif) center left no-repeat;
}

/* pics accueil */
.pics {
	overflow: hidden;
	float: right;
}
.pics img {
	padding: 6px;
	border: 4px solid #0F1721;
	background-color: #0C1218;
	top:0;
	left:0
}
.pics img {
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}

/* nuage tag */

#nuage{
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 10px;
}
.nuage1 {
	font-size: 9px;
}

.nuage2 {
	font-size: 10px;
}

.nuage3 {
	font-size: 11px;
}

.nuage4 {
	font-size: 14px;
}

.nuage5 {
	font-size: 15px;
}

.nuage6 {
	font-size: 17px;
}


/* end of content */

/* ----- Footer ----- */

#templatemo_footer {
	clear: both;
	padding: 10px 0px 0px 0px;
	width: 960px;
	text-align: center;
	text-align: center;
}

#templatemo_footer  a:link  { color: #aabdd0; text-decoration: none; font-weight: bold;} 
#templatemo_footer  a:visited { color: #aabdd0; text-decoration: none; font-weight: bold;} 
#templatemo_footer  a:active { color: #aabdd0; text-decoration: underline}
#templatemo_footer  a:hover { color: #aabdd0; text-decoration: underline}
/* ----- End of Footer ----- */


/* ----- Footer RSS ----- */
#templatemo_footer_rss {
	clear: both;
	padding: 0px 0px 0px 0px;
	width: 100%;
	text-align: center;
	text-align: center;
	background-color: #121B24;
	color: #99CC00;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #272E34;
}

#templatemo_footer_rss  a:link  {
	color: #aabdd0;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.8em;
} 
#templatemo_footer_rss  a:visited { color: #aabdd0; text-decoration: none; font-weight: bold;} 
#templatemo_footer_rss  a:active { color: #aabdd0; text-decoration: underline}
#templatemo_footer_rss  a:hover { color: #aabdd0; text-decoration: underline}
/* ----- End of Footer RSS----- */