/*general*/
h1{}
a, a:visited {text-decoration:none;color:#a849d2;}
br.spacer {clear:both;}
.fr{float:right}

/*All Content*/
/*Newsletter*/
#content #newsletter .middle p {float:left;padding:15px 0 15px 50px;color:#fff;background:url(../images/letter.png) 15px 10px no-repeat;}
	#content #newsletter .middle form {float:right;margin:10px 20px 0 0;}
	#content #newsletter .middle form input#mail {background-color:#674178;border:1px solid #ac9e56;color:#fff;font-size:10px;padding:4px 0 4px 4px;width:146px;}
	#content #newsletter .middle form input#inscription {background-color:#594464;border:0;color:#fff;font-size:10px;font-weight:bold;padding:4px;margin-left:5px;cursor:pointer;}

/*##################Main Content################*/
	/*Colonne de gauche*/
	/*###########Home page############*/
		/*boxes HP*/
#content #mainContent .oh #colLeft .boxes {margin-top:20px;padding:0 24px 20px 0;}
#content #mainContent .oh #colLeft .boxes h2 {color:#a849d2;font-size:20px;font-weight:300;margin:5px 25px;}
#content #mainContent .oh #colLeft .boxes .botBox {background:url(../images/botBoxBG.gif) right bottom no-repeat;}
#content #mainContent .oh #colLeft .boxes .topBox {background:url(../images/topBoxBG.gif) 25px top no-repeat;padding:10px 2px 10px 0;}
#content #mainContent .oh #colLeft .boxes .topBox .txt {}
#content #mainContent .oh #colLeft .boxes .topBox .txt h4 {color:#a849d2;font-style:italic;font-size:14px;margin:0 0 10px 0;}
#content #mainContent .oh #colLeft .boxes .topBox .txt p {color:#4f4454;font-size:11px;margin:0 0 10px 0;}
		/*boite Welcome HP*/
	#content #mainContent .oh #colLeft #welcome .topBox .txt {padding:0 5px 10px 270px;background:url(../images/visu-welcome.png) no-repeat;text-align:justify;}
	#content #mainContent .oh #colLeft #welcome .topBox .txt #visit {text-align:right;}
	#content #mainContent .oh #colLeft #welcome .topBox .txt #visit a {padding:0;margin-right:15px;}
		/*boite classic et generique HP*/
	#content #mainContent .oh #colLeft .boxes .topBox .txt p.visuDebordant {float:left;}
	#content #mainContent .oh #colLeft .boxes .topBox .txt p.visuDebordant img {display:block;margin:0 10px 0 15px;}
	#content #mainContent .oh #colLeft .boxes .topBox .txt p.illustration {margin:0;overflow:hidden;}
	#content #mainContent .oh #colLeft .boxes .topBox .txt p.illustration img {display:block;border:1px solid #FFF;float:right;margin:0 10px;}
	
		/*carouselBox HP*/
	#content #mainContent .oh #colLeft .boxes .topBox ul#carousel {padding-right:7px;}	
	#content #mainContent .oh #colLeft .boxes .topBox ul#carousel li{}	
	#content #mainContent .oh #colLeft .boxes .topBox ul#carousel li a {display:block;text-align:center;font-size:11px;}	
	#content #mainContent .oh #colLeft .boxes .topBox ul#carousel li a img{border:1px solid #acacac;display:block;margin-bottom:5px;}

	/*#########Simple Page#########*/
	/*boxes Page*/
#content #mainContent .oh #colLeft .boxesPage {margin-top:20px;padding:0 24px 20px 0;}
#content #mainContent .oh #colLeft .boxesPage h2 {color:#a849d2;font-size:20px;font-weight:300;margin:5px 25px;}
#content #mainContent .oh #colLeft .boxesPage .botBox {background:url(../images/botBoxBG.gif) right bottom no-repeat;}
#content #mainContent .oh #colLeft .boxesPage .topBox {background:url(../images/topBoxBG.gif) 25px top no-repeat;padding:10px 2px 10px 0;}
#content #mainContent .oh #colLeft .boxesPage .topBox .txt {padding-left:35px;font-size:11px;color:#4f4454;}
#content #mainContent .oh #colLeft .boxesPage .topBox .txt h3 {color:#a849d2;font-size:14px;margin:0 0 10px 0;font-weight:900;}
#content #mainContent .oh #colLeft .boxesPage .topBox .txt p {margin:0 0 10px 0;}
#content #mainContent .oh #colLeft .boxesPage .topBox .txt p#logo {text-align:right;}
#content #mainContent .oh #colLeft .boxesPage .topBox .txt ul {display:inline-block;margin:0 0 10px 0;}
#content #mainContent .oh #colLeft .boxesPage .topBox .txt ul.w100 {width:100px;}
#content #mainContent .oh #colLeft .boxesPage .topBox .txt ul li {padding-left:10px;background:url(../images/purpleArrow.png) 0 4px no-repeat;}
#content #mainContent .oh #colLeft .boxesPage .topBox .txt ul#brand {overflow:hidden;}
#content #mainContent .oh #colLeft .boxesPage .topBox .txt ul#brand li {width:120px;float:left;}
#content #mainContent .oh #colLeft .boxesPage .topBox .txt #carouseldesmarques ul li {padding-left:0px;background:none;text-align:center;display:inline;}
#content #mainContent .oh #colLeft .boxesPage .topBox .txt #carouseldesmarques ul li img {display:inline;vertical-align:middle;}

	/*Colonne de droite*/
		/*horaire*/
#content #mainContent .oh #colRight p#horaire {width:263px;color:#3e3d3e;font-size:11px;text-align:center;background-color:#dcdadd;padding:5px 0;}
		/*affichage promotionnel ou publicitaire taileMax->w=261px h=Xpx*/
#content #mainContent .oh #colRight #affiche-promo {width:263px;background-color:#dcdadd;padding:5px 0;}
		/*cycle*/
#content #mainContent .oh #colRight #affiche-promo ul {margin:0 4px 0 5px;}		
		
		/*bloc ruban de droite*/
#content #mainContent .oh #colRight .bloc-ruban {width:266px;padding:5px 0 5px 0;margin-bottom:1px;background:url(../images/colright-bg.gif) repeat-y;}
#content #mainContent .oh #colRight .bloc-ruban .ruban {width:263px;background: url(../images/blocosRight-bg.png) no-repeat;position:relative;z-index:5;min-height:58px;padding-right:3px;}
#content #mainContent .oh #colRight .bloc-ruban .ruban img {display:inline;float:left;}
#content #mainContent .oh #colRight .bloc-ruban .ruban ul {display:inline;float:left;margin:8px 0 0 10px;}
#content #mainContent .oh #colRight .bloc-ruban .ruban ul li {padding-left:15px;background:url(../images/puce-ruban.gif) 0 4px no-repeat;margin-bottom:4px;}
#content #mainContent .oh #colRight .bloc-ruban .ruban ul li a {color:#fff;}

#content #mainContent .oh #colRight .bloc-ruban .ruban #rockal {display:inline-block;float:left;margin:-10px 0 0 10px;}
#content #mainContent .oh #colRight .bloc-ruban .ruban #cinebelval {display:inline-block;float:left;margin:0 0 0 10px;}
#content #mainContent .oh #colRight .bloc-ruban .ruban #parking {display:inline-block;float:left;margin:0 0 0 10px;*margin-left:5px;color:#fff;padding:14px 10px 22px 10px;font-size:18px;}
#content #mainContent .oh #colRight .bloc-ruban .ruban .big-title {margin:0 0 0 10px;*margin-left:5px;color:#fff;padding:14px 10px 22px 10px;font-size:18px;}
#content #mainContent .oh #colRight .bloc-ruban .ruban .mid-title {margin:0 0 0 10px;*margin-left:5px;color:#fff;padding:14px 10px 22px 10px;font-size:16px;}
#content #mainContent .oh #colRight .bloc-ruban .ruban #social {display:inline-block;float:left;margin:0 0 0 10px;*margin-left:5px;color:#fff;padding:17px 10px 22px 10px;font-size:13px;font-weight:900;}
#content #mainContent .oh #colRight .bloc-ruban .ruban #twitter, #content #mainContent .oh #colRight .bloc-ruban .ruban #fb {display:inline-block;margin:2px 0 0 2px;}


#content #mainContent .oh #colRight .bloc-ruban .bloc {width:263px;margin-top:-6px;color:#4F4454;}
#content #mainContent .oh #colRight .bloc-ruban .bloc p{text-align:center;}
#content #mainContent .oh #colRight .bloc-ruban .bloc p.textPromo {text-align:center;font-size:11px;}
#content #mainContent .oh #colRight .bloc-ruban .bloc img{display:inline-block;top:-6px;position:relative;z-index:4;}

/*bloc horaire de magasin*/
#content #mainContent .oh #colRight .bloc-ruban .bloc .stopFloat {width:260px;}
#content #mainContent .oh #colRight .bloc-ruban .bloc .stopFloat p {text-align:center;padding:0 20px;margin:2px 0;}


/*page promotionnelle*/
#content #mainContent .oh #colLeft .boxesPage .topBox .txt {overflow:hidden;}
#content #mainContent .oh #colLeft .boxesPage .topBox .txt .promo {float:left;width:308px;}
#content #mainContent .oh #colLeft .boxesPage .topBox .txt .promo h4 {font-style:normal;color:#752f95;font-size:14px;font-weight:900;}
#content #mainContent .oh #colLeft .boxesPage .topBox .txt .promo p.date-promo {width:71px;float:left;color:#cc0000;font-size:10px;font-weight:900;text-align:center;margin-right:10px;height:60px;}
#content #mainContent .oh #colLeft .boxesPage .topBox .txt .promo p {margin:0;}

/*Baseline->footer & partners*/
#baseline #partners #lineOne {text-align:center;}
#baseline #partners #lineOne a {}
#baseline #partners #lineOne a img {display:inline-block;margin:0 7px;vertical-align:middle;}
#baseline #partners #lineTwo {text-align:center;}
#baseline #partners #lineTwo a {display:inline-block;}
#baseline #partners #lineTwo a img {display:inline-block;margin:0 6px;vertical-align:middle;}
#baseline #footer {padding-bottom:15px;}
#baseline #footer p {text-align:center;color:#707070;font-size:11px;}
#baselineAdmin {background: url(../images/admin/bg-footer.gif) top left repeat-x;padding-top:15px;margin-right:3px;}
#baselineAdmin #footer {padding-bottom:15px;}
#baselineAdmin #footer p {text-align:center;color:#707070;font-size:11px;}

/*page decouvrir belvalshopping*/
#gallery-belvalshopping {padding-left:27px;}

/* custom */
.purple {color:#A849D2;}
.bold {font-weight:bold;}
.plan{padding-left:25px;}

/*##########################################ADMIN##########################################*/
/*general*/
.tuto {font-size:10px;color:#9b9b9b;}
.upload_btn, .upload_files {margin-top:10px}
.upload_btn {width:167px;}
.upload_btn input {cursor:pointer;}
#files_logo, #files_promo, #files_news, #files_updateImage {background:url(../images/admin/bg-input.gif) center left no-repeat;border:0;}
#files_logo li, #files_promo li, #files_news li, #files_updateImage li {border:0;padding:3px 0 3px 5px;width:167px;}
.blockForm .register {background:url(../images/admin/bg-register.gif) left top no-repeat;color:#742e93;text-transform:uppercase;font-weight:600;cursor:pointer;float:right;font-size:11px;}
#content #mainContent .oh #colLeft .boxesPage .topBox .txt .blockForm ul.upload_files li{padding-left:10px;background:url(../images/purpleArrow.png) 0 4px no-repeat;}

#listPromos{overflow:hidden;}
#listPromos li{float:left;margin:0 0 30px 30px;text-align:center;font-size:11px;}
#listPromos li .infoPromo{color:#a849d2;}

/*Newsletter part*/
#adminBody #content #newsletter .middle p {float:left;padding:15px 0 15px 50px;color:#fff;background:url(../images/admin/pencil.png) 15px 10px no-repeat;}
	#content #newsletter .middle form {float:right;margin:10px 20px 0 0;}

/*tabs*/
#navMagasin {overflow:hidden;padding-left:35px;margin-left:65px;}
#navMagasin li {float:left;margin-right:1px;}
#navMagasin li a {color:#fff;display:block;height:31px;background:url(../images/tabs/bg-tabs-left.gif) top left no-repeat;padding-left:5px;}
#navMagasin li a span {display:block;background:url(../images/tabs/bg-tabs-right.gif) top right no-repeat;padding-right:5px;}
#navMagasin li a span span {display:block;background:url(../images/tabs/bg-tabs.gif) top left repeat-x;line-height:31px;height:31px;padding-right:0px;}
#navMagasin li a.selected, #navMagasin li a:hover {background:url(../images/tabs/bg-tabs-left-on.gif) top left no-repeat;color:#a436d6;}
#navMagasin li a.selected span, #navMagasin li a:hover span {background:url(../images/tabs/bg-tabs-right-on.gif) top right no-repeat;}
#navMagasin li a.selected span span, #navMagasin li a:hover span span {background:url(../images/tabs/bg-tabs-on.gif) top left repeat-x;}

/*boxesPage admin*/
.boxesPage #adminBox {padding:10px 10px 0 10px;margin:-1px 0 0 35px;border-top:1px solid #c5a8d3;background-color:#f3f4f4;}
.blockForm {padding:0 0 20px 0;overflow:hidden;}
.blockForm h3 {color:#a849d2;margin-bottom:10px;font-size:16px;}
.blockForm .line{overflow:hidden;clear:both;margin:10px 0;}
.blockForm .line .left{float:left;width:49%;overflow:hidden;} 
.blockForm .line .right{float:left;width:49%;overflow:hidden;}
.blockForm .line label{width:70px;display:block;float:left;line-height:20px;color:#4f4454;}
.blockForm .line label.spacer {clear:both;width:100%;}
.blockForm input {background:url(../images/admin/bg-input.gif) center left no-repeat;border:0;padding:3px 0 3px 5px;width:167px;}
.blockForm textarea {background:url(../images/admin/bg-textarea.gif) center left no-repeat;border:0;padding:8px;}
.blockForm #allMarques {clear:both;overflow:hidden;padding-bottom:20px;}
.blockForm #allMarques li {float:left;width:150px;}
.blockForm #allMarques li input {width:16px;}
#content #mainContent .oh #colLeft .boxesPage .topBox .txt .blockForm ul#allMarques li{margin-bottom:5px;padding-left:Opx;background:none;width:24%;float:left;}

/*FeedBack*/
#content #mainContent .oh #colLeft .feedbackAdmin h2 {margin:0;background:url(../images/admin/bg-feedback.gif) left top no-repeat;color:#417800;font-size:11px;line-height:41px;padding-left:50px;margin-bottom:20px;}
#content #mainContent .oh #colLeft .infoAdmin h2 {margin:0;background:url(../images/admin/bg-info.gif) left top no-repeat;color:#006caa;font-size:11px;line-height:41px;padding-left:50px;margin-bottom:20px;}
#content #mainContent .oh #colLeft .warningAdmin h2 {margin:0;background:url(../images/admin/bg-error.gif) left top no-repeat;color:#a11c02;font-size:11px;line-height:41px;padding-left:50px;margin-bottom:20px;}

/*Right Admin*/
.topRightBtn {text-align:center;margin-top:10px;}
.topRightBtn a {display:inline-block;padding-right:30px;width:157px;background: url(../images/admin/bg-rightBtn.gif) center center no-repeat;color:#000;font-weight:600;text-transform:uppercase;line-height:31px;margin-bottom:10px;}
	.topRightBtn a:hover {color:#000;}
.didacticiel {padding:0 10px;color:#4f4454;font-size:11px;margin-bottom:10px;text-align:justify;}
.didacticiel h4 {font-weight:600;}

/*list des photos*/
#listPhotos {margin-top:10px;}
#listPhotos li {overflow:hidden;}
#listPhotos input {width:12px;}
#listPhotos .pics {float:left;margin-right:10px;}
#listPhotos .detailName {float:left;margin-right:10px;width:407px;}
	#listPhotos .detailName p {font-weight:600;}
	#listPhotos .detailName .name {background:url(../images/admin/bg-textareaXS.gif) left center no-repeat;padding:14px 8px;}
#listPhotos .pics {float:left;margin-right:10px;}

/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #a849d2; color: #ffffff; }
.ui-widget-header a { color: #ffffff; }

/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev { left:2px;cursor:pointer;background:url(../images/prev.png) center center no-repeat; }
.ui-datepicker .ui-datepicker-next { right:2px;cursor:pointer;background:url(../images/next.png) center center no-repeat; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;visibility:hidden;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }



/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}