@import "../../admin/fckeditor/css/fck.css";
/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0; outline:none;}
html, body {height: 100%; width: 100%;}
ul, li{list-style: none; list-style-position: outside;	margin: 0;	padding: 0;}
p{padding: 0;}
.left{float: left;} .right{float: right;}
.left1{float: left; margin-right: 15px;} .right1{float: right; margin-left: 15px;}
#push, .clr	{clear: both;}

body{ background: url(images/bg-body.jpg) 0% 0% repeat;}
#bg1{position:absolute;z-index: 1; width:100%;}
#bg2{position:absolute;z-index: 2; width:100%; background: url(images/bg-x-top.jpg) 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3; width:100%; background: url(images/bg-fixall.gif) no-repeat top center;}

#wrap-container{position:relative;z-index:4; width: 100%; }
#container{background: url(images/bg-y.jpg) 50% 50% repeat-y; margin:0 auto; text-align: left;}
#content{}
#site-header
{
    background: url(images/bg-header.gif) no-repeat top left;
}


/* ===| II. HEADER ELEMENTS |================================================*/
/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden; background: url(images/bg-leftcol.jpg) no-repeat top left;}
#left-inner{padding: 20px;}
/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden;}
#info
{
    float: left;
    width: 155px;
    height: 167px;
    padding: 110px 10px 0px 80px;
    background: url(images/bg-coordonnees.jpg) no-repeat top left;
}
#horaires
{
    float: left;
    width: 213px;
    height: 182px;
    padding: 90px 10px 0px 22px;
    background: url(images/bg-horaires.jpg) no-repeat top left;
}
ul.list1{
    float:left;
	}
ul.list1 li{
	background: url(images/bullet.jpg) no-repeat top left;
	background-position:0px 13px;
	text-align:justify;
	line-height: 19px;
    font-size: 14px;
    color: #656565;
	padding:5px 0px 5px 25px;
	}
/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left; background: url(images/bg-x-bottom.jpg) repeat-x bottom left;}
#footer {background: url(images/bg-footer.jpg) no-repeat top left; margin: 0 auto; height:153px;}
#menu2
{
    float: left;
    width:640px;
    padding:25px 0px 0px 13px;
}
#diabolo
{
    float: right;
    background: url(images/devil.jpg) no-repeat center left;
    width: 321px;
    height: 70px;
    padding:25px 0px 0px 0px;
}


/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}
img.thumb {border: 1px solid #515151; padding:3px;}
.separator{width:100%;	height:25px; clear:both; padding:0; font-size: 0; overflow: hidden; background: url(images/separator.jpg) repeat-x 0% 50%}
.spacer
{
    clear: both;
    float: left;
    width: 100%;
    height:25px;
}
.spacer1
{
    clear: both;
    float: left;
    width: 100%;
    height:10px;
}
.spacer2
{
    clear: both;
    float: left;
    width: 100%;
    height:33px;
}

/* index */

.left-b
{
    float: left;
    width: 332px;
}
.right-b
{
    float: left;
    width: 344px;
    padding-left: 32px;
}
.bg-list
{
    float: left;
    width: 332px;
    height: 85px;
    background: url(../../images/charte/index/bg-list.jpg) no-repeat top left;
}
ul.list2{
    float:left;
    padding-left: 70px;
    padding-top:5px;
	}
ul.list2 li{
	background: url(images/bullet2.jpg) no-repeat top left;
	background-position: 0px 9px;
	text-align:justify;
	line-height: 20px;
    font-size: 13px;
    color: #ffffff;
	padding:0px 0px 0px 25px;
	}
/* box1 */

.box1
{
    float: left;
    width: 332px;
    background: url(../../images/charte/index/middle1-bg-y.jpg) repeat-y top left;
}
.top1
{
    float: left;
    width: 100%;
    height: 10px;
    background: url(../../images/charte/index/bg-t1-x.jpg) repeat-x top left;
}
.bottom1
{
    float: left;
    width: 100%;
    height: 10px;
    background: url(../../images/charte/index/bg-b1-x.jpg) repeat-x bottom left;
}
.middle1
{
    float: left;
    width: 302px;
    padding: 3px 15px;
    background: url(../../images/charte/index/middle-bg1-fix.jpg) no-repeat top left;
}

/* box2 */

.box2
{
    float: left;
    width: 341px;
    margin-left:5px;
    background: url(../../images/charte/index/middle-bg2-y.jpg) repeat-y top left;
}
.top2
{
    float: left;
    width: 100%;
    height: 10px;
    background: url(../../images/charte/index/bg-t2-x.jpg) repeat-x top left;
}
.bottom2
{
    float: left;
    width: 100%;
    height: 10px;
    background: url(../../images/charte/index/bg-b2-x.jpg) repeat-x bottom left;
}
.middle2
{
    float: left;
    width: 325px;
    padding: 2px 8px;
    background: url(../../images/charte/index/middle-bg2-fix.jpg) no-repeat top left;
}
/* listing */
.thumbs
{
    float: left;
    width: 400px;
    height: 350px;
}
.big-photo
{
    float: right;
    width: 308px;
}
#pagination
{
    float: left;
    width:100%;
    padding:5px 0px;
    background: #202121;
    border-top: solid 1px #2b2b2b;
}

.thumb-holder
{
    float: left;
    border: 1px solid #515151;
    padding:3px;
    width:75px;
    height:75px;
    text-align: center;
}
.photo-holder
{
    float: left;
    border: 1px solid #515151;
    padding:3px;
    width:300px;
    height:300px;
    text-align: center;
}
.spacer-div
{
    float: left;
    padding:5px;
}
#product_prix
{
   /* font-weight: bold; */
    color: #bd91d5;
    padding-top: 2px;
}
#product_title
{
    font-weight: normal;
}


/* nos accessoires */
ul.list3{
    float:left;
    padding-left: 70px;
    padding-top:5px;
	}
ul.list3 li{
	background: url(images/bullet2.jpg) no-repeat top left;
	background-position: 0px 9px;
	text-align:justify;
    display: inline;
	line-height: 20px;
    font-size: 13px;
    color: #ffffff;
	padding:0px 30px 0px 25px;
	}
/* le sur mesure */
.promo
{
    float: left;
    padding: 0px 0 0 135px;
    background: url(../../images/charte/listing/bg-promo.jpg) no-repeat top left;
}

ul.list4 li{
	background: url(images/bullet3.jpg) no-repeat top left;
	background-position: 0px 5px;
	text-align:justify;
    color:#cfa0e9;
    font-size: 15px;
    line-height: 20px;
	padding:0px 30px 0px 25px;
	}
ul.list4 li span
{
    color: #ffffff;
}
/* merci */
.mercidiv
{
    float: left;
    width:511px;
    padding: 135px 0 0 180px;
}
.bg-list p
{
    color: #ffffff;
    padding-top: 11px;
    text-align: center;
}