@charset "utf-8";
/*
Theme Name: Arts de la rue
Theme URI: 
Description: Theme "Arts de la Rue".
Version: 1.0
Author: 
Author URI: 
Tags:
*/

/*--RESET ALL--*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,img,ins,kbd,q,s,samp,small,strike,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,canvas,button { margin: 0; padding: 0; border: none; outline: none; font-size: 100%; vertical-align: baseline; background: transparent; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 100%; font-weight: normal; font-style: normal; }
body { line-height: 1; }
input { margin:0; padding:0; border:none; }
ol,ul { list-style: none; }
a,a:hover,a:active,a:link,a:visited { text-decoration: none; outline: none;}
blockquote, q { quotes: none; }
blockquote:before,blockquote:after,q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }

/*--GLOBAL--*/
.clear {
	clear: both;
	visibility: hidden;
	font-size: 0px;
	height: 0px;
	overflow: hidden;
}

.error-message {
  padding:0 0 0 30px;
  display: inline;
  color:#ff5b5b;
}

.hidden {display: none;}

.black {color:#000;}
.red {color:#d80133;}
.blue {color:#0188fa;}
.grey {color:#65604b;}
.hgrey {color:#333120}
.lgrey {color:#a2a0a0}
.orange {color:#e74c20;}

a.grey:hover {color:#e74c20;}
input, textarea {font: normal 12px Verdana, Arial, Helvetica, sans-serif;}
a.underline {text-decoration:underline;}

h1 {font-size:18px;font-weight:bold;margin-bottom:5px;}
h2 {font-size:14px;font-weight:bold;color:#fff;}

img.alignleft {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}

img.alignright {
	display: block;
	float: right;
	margin: 0 0 10px 10px;
}

.aligncenter {
	display: block;
	float: none;
	margin: 0 auto 10px auto;
}

body {
	background: #fff url(img/background.jpg) center top no-repeat;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

#main {
	width: 980px;
	margin: 0 auto 40px auto;
}

#header {
	background: url(img/bg-header.png) right top no-repeat;
	height: 100px;
}

#logo {
	background: url(img/logo.png) center no-repeat;
	display: block;
	width: 210px;
	height: 95px;
}

/*  NAVBAR  */
#navbar {
	padding: 0 20px;
	font-size: 12px;
	font-weight: bold;
}

#navbar li {display: inline;}
#navbar li.left {float: left;margin-right:8px;}
#navbar li.right {float: right;}
#navbar li.red a {color: #fff;}
#navbar li.grey a {color: #333120;}
#navbar li.right a {color: #d80133;}

#navbar li a span {
	display: block;
	float: left;
	height: 20px;
	padding-top: 6px;
}

li.red .left {background: url(img/nav-red-left.png) left top no-repeat;width:14px;}
li.red .center {background: url(img/nav-red-center.png) left top repeat-x;width:auto;}
li.red .right {background: url(img/nav-red-right.png) left top no-repeat;width:14px;}
li.grey .left {background: url(img/nav-grey-left.png) left top no-repeat;width:14px;}
li.grey .center {background: url(img/nav-grey-center.png) left top repeat-x;width:auto;}
li.grey .right {background: url(img/nav-grey-right.png) left top no-repeat;width:14px;}

#top-bar {
	background: url(img/bg-top-nav.png) left top no-repeat;
	height: 32px;
	overflow: hidden;
	position:relative;
}

#search {
	height: 100%;
	float: left;
	width: auto;
	padding-right: 15px;
}

#search form {float:left;display:inline;}

#search div {
	height: 100%;
	float: left;
	width: auto;
}

#search div.input {
	padding-top: 4px;
}

#search label {
	color: #fff;
	float: left;
	margin: 4px 5px 0 5px;
	font-size: 12px;
	font-weight: bold;
}

#search label.bigger {font-size: 14px;margin-top:6px;}

#search .input-text {
	color: #999;
	display: block;
	float: left;
	padding: 2px 5px;
	width: 150px;
	margin-top: 2px;
	border: #c7baba 1px solid;
}

#searchsubmit {
	background: url(img/search-submit.jpg) center 1px no-repeat;
	display: block;
	width: 33px;
	height: 30px;
	cursor: pointer;
	float: left;
	margin-left: 10px;
}

#top-devis {
	background: url(img/bg-top-devis.jpg) left top no-repeat;
	height: 100%;
	float: right;
	width: auto;
	padding-left: 15px;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
}

#top-devis span {
	float: left;
	margin: 9px 2px 0 2px;
}

#top-devis a#btnediterdevis {
	background: url(img/top-edit-devis.jpg) right top no-repeat;
	display: inline-block;
	width: 137px;
	height: 32px;
}

/*  SIDEBAR  */
#sidebar {
	width: 230px;
	float: left;
}

#top-search-map {
	background: url(img/bg-search-map.png) left top no-repeat;
	height: 77px;
}
a#zoneCDF {border:1px solid red; display:inline-block; width:77px; height:77px;}


#top-search-map div {
	width: 100px;
	padding: 35px 0 0 120px;
}

#top-search-map a {
	background: url(img/raquo.jpg) left 4px no-repeat;
	display: block;
	padding-left: 15px;
	color: #797675;
	text-decoration: underline;
	font-size: 12px;
}

#sidebar .titre {font-size:14px;font-weight:bold;text-transform:uppercase;padding: 7px 8px 5px 8px;}
#sidebar .titre2 {font-size:11px;font-weight:bold;color:#0188fa;text-transform:uppercase;margin-bottom:5px;}
#sidebar .titre3 {font-size:11px;font-weight:bold;color:#000;}
#sidebar .titre4 {font-size:16px;color:#000;}

.side-block {margin-top: 15px;}

/*--sidebar accordeon  */
.side-content .current-tab {
	display: none;
}

/*--toutes les offres--*/
#footer  #all-offers {
	background-color: #eee;
	margin-bottom: 10px;
	padding: 0;
	border: none;
}

#footer #all-offers h6 {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	border: none;
	border-bottom: #fff 1px solid;
	padding: 3px;
}

#footer #all-offers .offer {
	width: 162px;
	padding: 5px 15px 10px 5px;
	float: left;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	border: none;
	text-align: left;
}

#footer #all-offers .offer li {
	text-align: left;
	padding: 0;
}

#footer #all-offers .offer h5 {
	font-weight: bold;
	margin-bottom: 2px;
	border: none;
}

#footer #all-offers .offer a {
	color: #666;
}

.bg-orange .titre {background: url(img/bg-orange.png) left top no-repeat;color:#fff;}
.bg-red .titre {background: url(img/bg-red.png) left top no-repeat;color:#fff;}
.bg-blank .titre {background: url(img/bg-blank.png) left top no-repeat;border-bottom:#d0c5c5 1px solid;color:#0188fa;}

.side-block .border {
	background: #fff url(img/side-bottom-a.jpg) center bottom no-repeat;
	width: 212px;
	border-left: #c7baba 1px solid;
	border-right: #c7baba 1px solid;
}

.side-block .bg-grey {background-color: #ebeaea;}

#side-animations li {padding-bottom:5px;}
#side-animations h5 {background:url(img/puce-orange.png) left 2px no-repeat;padding-left:12px;}
#side-formules li {background:url(img/puce-red.png) left 5px no-repeat;padding:2px 0 2px 12px;}
#side-top ul li {color:#0188fa;font-weight:bold;padding:2px 0;}
#side-top a {font-weight:normal;text-decoration:underline;}

.side-content, .side-bottom {padding: 5px 8px;}
.side-content {background-color:#fff;}
#side-animations .side-bottom {background:url(img/bottom-anim.png) center top no-repeat;height:57px;}
#side-formules .side-bottom {background:url(img/side-bottom-grey.png) center top no-repeat;}
#side-top .side-bottom {background:url(img/side-bottom-blank.png) center top no-repeat;}
.side-dossier img {display:block;margin:0 auto;}
.side-dossier .side-bottom {background:url(img/bottom-dossier.png) center bottom no-repeat;}
.side-dossier .side-bottom li {background:url(img/puce-bleu.png) left 2px no-repeat;padding-left:12px;}

a.btn-contact {
	background: url(img/btn-contact.jpg) center no-repeat;
	display: block;
	width: 135px;
	height: 30px;
	margin-top: 6px;
}

#artistes {
	background: url(img/artistes.png) center no-repeat;
	display: block;
	width: 230px;
	height: 175px;
}

#need-help {color:#9e8383;}
#need-help li {background:url(img/puce-vert.png) left 2px no-repeat;padding-left:12px;}
#need-help li a {color:#9e8383;}

/*  CONTENT  */
#main-content {
	width: 730px;
	padding: 5px 0 20px 20px;
	float: left;
}

/* BREADCRUMB */
.breadcrumb {
	height: 15px;
	clear: both;
	color: #6f6c5a;
	font-size: 10px;
}

.breadcrumb a {color: #6f6c5a;}
.breadcrumb a:hover {color: #413e2d;}

/*  SLIDESHOW  */
#home-slideshow {
	height: 240px;
	margin-bottom: 20px;
	position: relative;
}

#slideshow-img {
	background-color: #000;
	width: 540px;
	height: 240px;
	overflow: hidden;
	position: relative;
	float: left;
}

#slideshow-img img {
	float: left;
	position: absolute;
	z-index: 6;
}

#slideshow-tabs {
	width: 210px;
	height: 240px;
	position: absolute;
	z-index: 10;
	left: 520px;
}

#slideshow-tabs a {
	display: block;
	width: 210px;
	height: 80px;
	cursor: default;
}

#tab-1 {background:url(home-slideshow/tab-1.png) center no-repeat;}
#tab-2 {background:url(home-slideshow/tab-2.png) center no-repeat;}
#tab-3 {background:url(home-slideshow/tab-3.png) center no-repeat;}

#slideshow-text {
	background-color: #fff;
	width: 490px;
	height: 70px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 40px 0 10px;
	display: none;
}

#slideshow-cont {
    width: 490px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 40px 0 10px;
    display: none;
}

/*---*/
#slideshow {
	background-color: #000;
	width: 418px;
	height: 268px;
	float: left;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}

#slideshow img {
	float: left;
	position: absolute;
	height: 100%;
	width: 100%;
}

#slideshow img.show {
	z-index:5;
}

#content {
	width:100%;
	clear: both;
}

.content {margin-bottom: 20px;}
.content .c-inner {background-color:#fff;}
.content .border {
	border-left: #c7baba 1px solid;
	border-right: #c7baba 1px solid;
	padding: 10px 5px;
}

.content h2 {color: #ff4301;margin-bottom:10px;}

.half-content {width: 357px;overflow:hidden;}
.f-left {float:left;}
.f-right {float:right;}

h2.h-red {background:url(img/header-red.png) left top no-repeat;text-transform:uppercase;padding: 6px 8px 5px 8px;margin:0;color:#fff;}
h2.h-blue {background:url(img/header-blue.png) left top no-repeat;text-transform:uppercase;padding: 6px 8px 5px 8px;color:#fff;margin:0;}

div.hh-blue {
	background:url(img/h-header-blue.png) left top no-repeat;
	height: 23px;
	padding: 3px 8px;
}

div.hh-blue h2 {text-transform:uppercase;display:inline-block;margin-top:3px;color:#fff;}
div.hh-blue a {float:right;color:#fff;}
div.hh-blue a.read-all {font-size:12px;margin:5px 10px 0 0;}

.c-bottom {background:url(img/border-bottom.png) left top no-repeat;height:10px;}
.ch-bottom {background:url(img/h-border-bottom.png) left top no-repeat;height:12px;}

.formule-block {
	width: 235px;
	float: left;
	padding: 0;
	margin-bottom: 7px;
}

.formule-block img {
	display: block;
	width: 228px;
	height: 145px;
}

.formule-block .formule-b-top {
	background: url(img/formule-b-top.jpg) left top no-repeat;
	height: 8px;
	width: 100%;
}

.formule-block .formule-b-center {
	border-left: #f6aa06 2px solid;
	border-right: #f6aa06 2px solid;
	height: 111px;
	overflow: hidden;
	padding: 0 2px;
}

.formule-block-home .formule-b-center {
	height: 260px;
	overflow: hidden;
	padding: 0 2px;
}

.formule-block .formule-b-bottom {
	background: url(img/formule-b-bottom.jpg) left top no-repeat;
	height: 8px;
	width: 100%;
}

.formule-marg {
	width: 6px;
	height: 1px;
	float: left;
}

.b-right {border-right: #c7baba 1px dashed;}
.b-bottom {border-bottom: #c7baba 1px dashed;}
.b-top {border-top: #c7baba 1px dashed;height:5px;}
a.block {display:block;padding:3px 0;}
a.block:hover {background-color: #fefefe;}

.formule-block h2 {font-size:14px;color:#5b5454;margin:0;text-transform:uppercase;}

.meta-more {margin-top:5px;padding-bottom:10px;}

.meta-formule {
	font-size:12px;
	font-weight:bold;
	float: left;
}

.meta-formule em {
	font-size: 8px;
	font-style:normal;
	font-weight: bold;
	vertical-align: super;
}

a.more {
	background:url(img/puce-red.png) left 3px no-repeat;
	padding-left:12px;
	float:right;
	margin-top: 2px;
}

a.link_category:hover {color:#ff7700;}

/*  SINGLE  */
#fiche-meta {
	width: 295px;
	float: right;
	margin-bottom: 10px;
}

#fiche-meta-top {background: url(img/b-top-meta.png) center top no-repeat;padding:2px 8px;}
#fiche-meta-bottom {background: url(img/b-bottom-meta.png) center top no-repeat;height: 8px;}

#fiche-meta-top p {margin-bottom:10px;font-size:11px;}

span.tarif {color: #ff4301;float:left;}

span.tarif span {
	font-size: 26px;
	font-weight: bold;
}

span.tarif em {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	vertical-align: super;
}

span.tarif small {font-size: 12px;}

span.ref {
	float: right;
	font-size: 12px;
	margin-right: 5px;
}

.places {
	color: #938484;
	border-top: #c7baba 1px dashed;
	border-bottom: #c7baba 1px dashed;
	padding: 5px 0;
	margin-bottom: 10px;
}

.places a {color: #938484;}

.add-cart {
	background: url(img/add-cart.png) center no-repeat;
	display: block;
	width: 136px;
	height: 30px;
	margin-bottom: 10px;
	cursor: pointer;
}

img.tout-inclus {
	position: absolute;
	margin: -20px 0 0 110px;
}

.clients {
	border-top: #ff4301 1px dashed;
	color: #736f6f;
	margin-top: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
}

.post-content {margin-bottom:10px;}
.post-content p {font-size: 12px;margin-bottom:10px;}
.post-content a {color:#000;text-decoration:underline;}
.post-content ul {margin: 10px 0 10px 20px;list-style: outside;font-size:12px;}
.post-content ol {margin: 10px 0 10px 25px;list-style: decimal;font-size:12px;}
.post-content li {padding:2px 0;}
.post-content h1 {font-size:18px;font-weight:bold;margin-bottom:5px;}
.post-content h2 {font-size:14px;font-weight:bold;color:#ff4301;margin-bottom:5px;}
.post-content h3 {font-size:14px;font-weight:bold;color:#65604b;margin-bottom:5px;}

/*  CATEGORY  */
#cat-desc {
	width: 295px;
	float: right;
}

.cat-sep {
	border-top: #c7baba 1px dashed;
	height: 10px;
	width: 100%;
}

.cat-sep-v {
	border-left: #c7baba 1px dashed;
	height: 100px;
	width: 14px;
	margin-left: 14px;
	margin-bottom: 10px;
	float: left;
}

.cat-block {
	width: 350px;
	/*height: 90px;*/
	float: left;
}

.cat-block h1 {font-size:12px;margin:0;text-transform:uppercase;}
.cat-block small {font-size:9px;}
.cat-block img {display: block;float:left;margin:0 10px 5px 0;width:125px;height:80px;}
.cat-block p {color: #635f5d;}
.cat-block div p {color:#000;}


.meta-cat {
	font-size:18px;
	font-weight:bold;
	float: left;
	color: #ff4301;
}

.meta-cat em {
	font-size: 10px;
	font-style:normal;
	font-weight: bold;
	vertical-align: super;
}

a.cat-more {
	background: url(img/cat-more.png) center no-repeat;
	display: block;
	width: 105px;
	height: 24px;
	float: right;
	margin-top: 2px;
}

/*  PAGE  */



/*  COMPTE  */
.acc-block {
	font-size: 10px;
}

.acc-block input {
	display: block;
	border: #544c4c 1px solid;
	font-size: 10px;
	padding: 3px 5px;
}

.acc-block a.marg {margin-top:10px;display:inline-block;}

.acc-title {
	background: url(img/bg-acc-title.jpg) left top repeat-x;
	font-size: 10px;
	color: #000;
	padding: 3px 5px;
	border: #c7baba 1px solid;
}

.acc-block .current-tab {color:#fff;}

#acc-login {width: 210px;}
#acc-create {width:260px;margin-left:10px;}

.log-input {padding: 5px 0;}
.log-input input.s-input {width: 180px;}

.acc-content {padding:10px 0;}
.ac-b-t-l {background:url(img/acc-b-t-l.jpg) left top no-repeat;height:8px;}
.ac-b-t-r {background:url(img/acc-b-t-r.jpg) left top no-repeat;width:10px;height:8px;float:right;}
.ac-b-b-l {background:url(img/acc-b-b-l.jpg) left top no-repeat;height:8px;}
.ac-b-b-r {background:url(img/acc-b-b-r.jpg) left top no-repeat;width:10px;height:8px;float:right;}

.acc-form {padding:0 8px;background-color: #ebe8d7;height:120px;}
.acc-info-form {padding:0 8px;background-color: #ebe8d7;}

#acc-info .log-input {width:50%;}
.log-input input.h-input {width: 290px;}
.log-input input.f-input {width: 650px;}

.acc-block .next-step {
	background: url(img/next-step.png) center no-repeat;
	display: block;
	width: 138px;
	height: 32px;
	float: right;
	margin-top: 5px;
	cursor: pointer;
	border: none;
}

#y-p {
	background: url(img/bg-yellow.png) center no-repeat;
	width: 341px;
	height: 101px; /*101px*/
	/*margin-top: 8px;*/
	margin:8px 0px;
	padding: 8px;
}

#y-p p {margin-bottom: 5px;} /*10px*/

#acc-cart {margin-bottom: 10px;}

#print-devis {
	background: url(img/print-devis.png) center no-repeat;
	display: block;
	width: 162px;
	height: 31px;
	float: right;
}

.print-devis {
	background: url(img/print-devis.png) center no-repeat;
	display: block;
	cursor:pointer;
	width: 162px;
	height: 31px;
	float: right;
}

#save-pdf {
	background: url(img/save-pdf.png) center no-repeat;
	display: block;
	width: 162px;
	height: 31px;
	float: right;
}

/*  FOOTER  */
#footer {
	background-color: #fff;
}

#footer div {
	border-top: #c7baba 1px dashed;
	padding: 10px 0px;
}

#footer h1 {font-size:15px;color:#9e044f;font-weight:bold;font-style:italic;text-align:center;margin:0;}
#footer p {color:#7d6e6e;font-size:10px;}
/*#footer li {width:116px;float:left;display:inline;text-align:center;margin:0px 15px; padding:0 15px;}*/
#footer li {width:149px;float:left;display:inline;text-align:center;padding:0 15px;}
#footer li img {display:block;clear:both;margin:10px auto 5px auto;}
#footer li span {clear:both;color:#6f5a5a;}


/*  JCART  */
#jcart, #jcart input, #jcart-tooltip, .acc-cart {font-size:11px;color:#6c6a6a;}

#jcart fieldset { border:0; }

#jcart table, .acc-cart table {width:100%; border:0; background:#fff; border-collapse:collapse;border-left:#c7baba 1px solid;border-right:#c7baba 1px solid;}
#jcart tr {}
#jcart td, .acc-cart td { padding:8px 5px; border-top:#6c6a6a 1px dashed; border-bottom:#6c6a6a 1px dashed; vertical-align:top; text-align:left; font-weight:normal; }
#jcart td.empty { text-align:center; }

#jcart #jcart-header, .acc-cart .jcart-header {background-color:#f66b01;text-align:left;padding:5px;}
#jcart #jcart-footer, .acc-cart .jcart-footer {text-align:left;padding:5px;}
#jcart p.jcart-error { text-align:center; padding:5px; }

#jcart strong#jcart-title, .acc-cart .jcart-header strong {font-size:10px;font-weight:bold;color:#000;}
#jcart .jcart-label, .acc-cart .jcart-label {font-weight:bold;border:0;}
#jcart #delete-item {background:url(img/delete-icon.jpg) center no-repeat;}

#jcart td.jcart-item-name, .acc-cart td.jcart-item-name {width:auto;}
#jcart td.jcart-item-ref, .acc-cart td.jcart-item-ref {width:10%;}
#jcart td.jcart-item-desc, .acc-cart td.jcart-item-desc {width:30%;}
#jcart td.jcart-item-qty, .acc-cart td.jcart-item-qty {width:10%;text-align:center;}
#jcart td.jcart-item-price-unit, .acc-cart td.jcart-item-price-unit {width:12%;text-align:center;}
#jcart td.jcart-item-price, .acc-cart td.jcart-item-price {width:12%;text-align:center;}
#jcart td.jcart-item-remove, .acc-cart td.jcart-item-remove {width:5%;text-align:center;}

#jcart td.jcart-item-qty input.qty-input {border: #ccc 1px solid;width:50%;display:block;text-align:center;margin:0 auto;}
#jcart td.jcart-item-price span {display:block;}

#jcart a.jcart-remove {color:#d80133;}

#jcart span#jcart-subtotal, .acc-cart span.jcart-subtotal { display:block; float:right;margin-right:10px; }

#jcart input.jcart-button { padding:2px; margin:2px;}

#jcart input#jcart-checkout { float:left; }

#jcart input#jcart-paypal-checkout { display:block; padding:10px; margin:20px auto; }

#jcart-tooltip { border:solid 1px #000; padding:3px 7px 3px 25px; background:url(checkmark.png) 3px center no-repeat #f2fcee;  }

#translation_bar {
margin-top:15px;
}
#translation_bar img {
margin:2px;
margin-top:2px;
}

.qty-change {
	float: right;
	margin-top: 5px;
}

.qty-change label {
}

.qty-change input {
	font: normal 12px Arial, Helvetica, sans-serif;
	border: #999 1px solid;
	width: 20px;
	text-align: center;
	color: #666;
}
