/*  ----------------------------------------------------------------------------
    * Filename:         style.css
    * Description:      Default theme
    * Version:          1.0 (2010-10-14)
    ------------------------------------------------------------------------- */

/*  ----------------------------------------------------------------------------
    1. Layouts
----------------------------------------------------------------------------- */

/*  home (B1)
----------------------------------------------------------------------------- */
.home                   { background: #85543e  url(../images/layout/bg-x.jpg) repeat-x left top ;}

.home #bg1              { background: transparent /* url(../images/layout/bg1.jpg) repeat-x center top */; }
.home #bg2              { background: transparent /* url(../images/layout/bg2.jpg) no-repeat center top */; }
.home #bg3              { background: transparent /* url(../images/layout/bg3.jpg) no-repeat center bottom */; }

.home #wrap-container   { margin-top: 0px; background: url(../images/layout/bg-fix.png) no-repeat center top; }
.home #container        { width: 996px; background:url(../images/layout/bg-container.png) no-repeat center bottom;}

.home #header           { width: 713px; height: 268px; }

.home #content          { width: 713px; float:left;}
.home #content-inner    { }

.home #sidebar          { width: 283px; }
.home #siderbar-holder  { width:260px; margin-left:23px; float:left; background: #f4e5de url(../images/layout/bg-x-sidebar.jpg) repeat-x left bottom; display:inline;}


.home #main             { width: 690px; background: #f7e3da url(../images/layout/bg-content.jpg) repeat-x left bottom; min-height:482px;}
.home #main-inner       { padding: 12px 15px 0px 15px;}

.home #wrap-footer      { margin-bottom: 0px; padding-bottom: 0px;  }
.home #footer           { width: 996px;  background:url(../images/layout/bg-footer.png) no-repeat center top; height:32px; color:#642d15;}
.home #footer-inner     { padding:7px 37px 0px 38px;}

a:link,
a:visited               { color: #CC0000; }
a:hover,
a:active                { color: #000000; }

/*  ----------------------------------------------------------------------------
    2. Header elements
----------------------------------------------------------------------------- */

.flash-header{
    position:absolute;
    z-index:1;
    height:268px;
    width:713px;
}

/*  ----------------------------------------------------------------------------
    Modules > Newsletter
----------------------------------------------------------------------------- */

#newsletter{
   width:248px;
   height:42px;
   position:relative;
   z-index:99;
   top:0px;
   left:454px;
   color:#ffffff;
}

#newsletter-inner               {  }
.newsletter-text                { float:left; width:172px;}

#news-form                      { width:246px; height:20px; float:left; background:url(../images/layout/bg-newsletter.png) no-repeat left top;}
#mandatory-email-Email          { width:201px; float:left; border:none; background:none; color:#927061; padding-top:3px; padding-left:11px; margin:0;}
.ok-btn                         { width:32px; float:left; height:20px; background:url(../images/layout/ok-btn.png) no-repeat left top; cursor:pointer; border:none; margin:0; padding:0;}
.ok-btn-over                    { width:32px; float:left; height:20px; background:url(../images/layout/ok-btn-over.png) no-repeat left top; cursor:pointer; border:none; margin:0; padding:0;}

/*  ----------------------------------------------------------------------------
    3. Content elements
----------------------------------------------------------------------------- */

#main h1                { margin: 0 0 10px 0; }

#nav                    { width:283px; height:344px; float:left;}

#info                   { float:left; width:260px; height:258px; background:url(../images/layout/bg-coordonnees.jpg) no-repeat left top; }
#info-inner             { float:left; width:234px; height:183px; background:url(../images/layout/bg-coordonnees.png) no-repeat left top;  padding-left:26px; padding-top:69px; color:#674536;}

.info-sitename          {font-size:14px; font-weight:bold; line-height:17px; color:#53232f;}

.chenar                 {width:433px; padding:8px 15px 10px 16px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; text-align:justify; line-height:17px; background:#f7e7e0; float:right;}
.chenar-long            {width:629px; padding:8px 15px 10px 16px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; text-align:justify; line-height:17px; background:#f7e7e0; float:left;}
.chenar-title           {width:100%; font-size:12px; color:#985231; font-weight:bold;}

.chenar2                 {width:629px; padding:4px 15px 4px 16px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; text-align:justify; line-height:17px; background:#f7e7e0; float:left; margin:2px 0px;}
.chenar2-over            {width:629px; padding:4px 15px 4px 16px; border-top:1px solid #642D15; border-bottom:1px solid #642D15; text-align:justify; line-height:17px; background:#f7e7e0; float:left; margin:2px 0px;}

.logo-band              { width:100%; height:66px; float:left; clear:both; }
.logo-mentions          { width:100%; float:left; background:url(../images/layout/logo-alzon.png) no-repeat right 10px;}
.logo-mid               { width:100%; float:left; background:url(../images/layout/logo-alzon.png) no-repeat center 35px; height:150px;}



/*  ----------------------------------------------------------------------------
    4. Footer elements
----------------------------------------------------------------------------- */

#footer .box1           { float: left; text-align: left; }
#footer .box2           { float: right; text-align: right; }

#copyright              { float:left; padding-left:54px;}
#copyright .site-name   { font-weight: bold; }

#made-by                { float:left; padding-top:4px;}
#made-by-logo           { display: inline-block; }
#made-by a:link,
#made-by a:visited      { }
#made-by a:hover,
#made-by a:active       { }

#legal                  { }
#legal a:link,
#legal a:visited        { color:#300f00; text-decoration:underline;}
#legal a:hover,
#legal a:active         { color:#642d15; text-decoration:none;}

.menu                   { float:right; padding-top:2px;}
.menu li                { float: left; }
.menu li span           { padding: 0 3px; color:#642d15;}
.menu li a:link,
.menu li a:visited      { color:#642d15; text-decoration:none;}
.menu li a:hover,
.menu li a:active,
.menu li.active a       { color:#300f00; text-decoration:underline;}

/*  ----------------------------------------------------------------------------
    5. Generic elements
----------------------------------------------------------------------------- */
.holder                 { float:left;}
.scroll-pane            { clear:both; width: 655px; height: 400px; overflow: hidden; padding: 0 5px 0 0; }
.scroll-pane:focus      { outline: none; }
.scroll-pane2            { clear:both; width: 655px; height: 360px; overflow: hidden; padding: 0 5px 0 0; }
.scroll-pane2:focus      { outline: none; }

.pt1                    {padding-top:1px;}
.pt2                    {padding-top:2px;}
.pt3                    {padding-top:3px;}
.pt4                    {padding-top:4px;}
.pt5                    {padding-top:5px;}
.pt6                    {padding-top:6px;}
.pt7                    {padding-top:7px;}
.pt8                    {padding-top:8px;}
.pt9                    {padding-top:9px;}
.pt10                   {padding-top:10px;}
.pt11                   {padding-top:11px;}
.pt12                   {padding-top:12px;}

.pl5                    {padding-left:5px;}
.pl10                   {padding-left:10px;}
.pl32                   {padding-left:32px;}
.pl28                   {padding-left:28px;}
.pl40                   {padding-left:40px;}
.pl65                   {padding-left:65px;}

.ml10                   {margin-left:10px;}



/*  Breadcrumbs
----------------------------------------------------------------------------- */
.breadcrumbs            { background: #DDDDDD; padding: 10px; margin: 0 0 10px 0; font-weight: bold; }

/*  Lists
----------------------------------------------------------------------------- */
.list                   { float: left; width:100%;}
.list li                { padding: 2px 0 2px 15px; background:  url(../images/bullets/bullet.png) no-repeat 0px 9px; border-bottom:1px solid #EEC5B2;}
.list li:hover          { padding: 2px 0 2px 15px; background: #F7E7E0 url(../images/bullets/bullet1.gif) no-repeat 0px 9px; border-bottom:1px solid #CC8F72;}

.list3                   { float: left; }
.list3 li                { padding: 0 0 0 15px; background: url(../images/bullets/bullet.png) no-repeat 0px 8px; line-height:24px;}

.list2                   { float: left; width:200px;}
.list2 li                { padding: 0 0 0 15px; background: url(../images/bullets/bullet.png) no-repeat 0px 8px; line-height:19px;}

.list1                   { float: left; width:200px;}
.list1 li                { padding: 0 0 0 15px; background: url(../images/bullets/bullet.png) no-repeat 0px 8px; line-height:16px;}

/*  Loaders
----------------------------------------------------------------------------- */
.loading-full           { cursor: wait; background: #FFFFFF url(../images/loading.gif) no-repeat center center; }
.loading-elem           { cursor: wait; background: #FFFFFF url(../images/loading.gif) no-repeat center center; }

/*  Paginations
----------------------------------------------------------------------------- */
.pagination             { clear: both; float: left; display: table; width: 100%; font-size: 11px; line-height: 17px; text-align: center; }
.pagination a:link,
.pagination a:visited,
.pagination span        { display: inline-block; overflow: hidden; margin: 0 5px 0 0; padding: 1px 7px; border-width: 1px; border-style: solid; text-decoration: none;
                          background: #B37658; color: #ffffff; border-color: #894120; }
.pagination a:hover     { background: #FFFFFF; color: #894120; border-color: #B37658; }
.pagination .active     { background: #FFFFFF; color: #894120; border-color: #894120; font-weight:bold;}
.pagination .disabled   { background: #EAEAEA; color: #999999; border-color: #BEBEBE; }

/*  Separators
----------------------------------------------------------------------------- */
.s1                     { height: 1px; margin: 10px 0; background: #cc8f72; }
.s2                     { height: 1px; margin: 5px 0; background: #cc8f72; }

/*  Thumbnails
----------------------------------------------------------------------------- */
.thumb                  { display: inline-block; border: 1px solid #cc8f72; background: #f8e5dc; padding:1px;}
a.thumb:hover           { border: 1px solid #000000; background: #FFFFFF; }


.logo                   {border-top:1px solid #efccbc; border-bottom:1px solid #efccbc; float:left;}
.logo:hover             {border-top:1px solid #000000; border-bottom:1px solid #000000; float:left;}


/*  Typography
----------------------------------------------------------------------------- */
.highlight              { color: #CC0000; }
.star                   { font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

/*  ----------------------------------------------------------------------------
    6. Modules
----------------------------------------------------------------------------- */


/*  ----------------------------------------------------------------------------
    Product Filters
----------------------------------------------------------------------------- */

.product-filters                        { float:left; padding-left:68px;}
.product-filters .field                 { float: left; width: 232px; }
.product-filters label                  { float: left; width: 110px; }
.product-filters .input-text            { float: left; width: 116px; }
.product-filters select                 { float: left; width: 154px;}

/*  ----------------------------------------------------------------------------
    Product Listing
----------------------------------------------------------------------------- */

.product-list                           { clear: both; }
.product-list .product                  { margin: 0 0 10px 0; border: 1px dotted #777777; background: #FFFFFF; }
.product-list .product-last             { margin-right: 0 !important; }
.product-list .product-inner            { padding: 7px; }
.product-list .product-promo            { }
.product-list .product-ref              { }
.product-list .product-title            { }

/*  Product Listing > Prices
----------------------------------------------------------------------------- */
.product-list .product-prices           { overflow: hidden; }

.product-list .price-holder,
.product-list .best_price-holder,
.product-list .reduced_price-holder     { background: #009933; color: #FFFFFF; padding: 5px 10px; }

.product-list .price-holder.old         { background: #CC0000; color: #FFFFFF; }
.product-list .price-holder.old .price  { text-decoration: line-through; }

/*  Product Listing > Photos
----------------------------------------------------------------------------- */
.product-list .product-photo            { float: left; width: 118px; height: 118px; margin: 0 10px 0 0; border: 1px solid #000000; }
.product-list .product-photo img        { display: block; width: 118px; height: 118px; background: no-repeat center center; }

/*  ----------------------------------------------------------------------------
    Product Details
----------------------------------------------------------------------------- */

/*  Product Details > Photos
----------------------------------------------------------------------------- */
.product-details .product-photos        { float: right; width: 244px; margin: 0 0 0 10px; }

.product-details .product-large_photo   { display: block; width: 240px; height: 240px; border: 1px solid #000000; }
.product-details .product-large_photo img
                                        { display: block; width: 240px; height: 240px; background: no-repeat center center; }
.product-details .product-small_photos  { margin: 10px 0; }
.product-details .product-small_photo   { display: block; width: 80px; height: 80px; background-color: #FFFFFF; background: no-repeat center center; }

/*  Product Details > Prices
----------------------------------------------------------------------------- */
.product-details .product-prices        { float: left; overflow: hidden; width: 300px; height: 56px; }

.product-details .price-holder,
.product-details .reduced_price-holder  { background: #009933; color: #FFFFFF; padding: 5px 10px; }

.product-details .price-holder.old      { background: #CC0000; color: #FFFFFF; }
.product-details .price-holder.old .price { text-decoration: line-through; }

.product-details .message_price         { padding: 5px 10px; }

/*  Product Details > Availability
----------------------------------------------------------------------------- */
.product-details .product-availability  { float: left; overflow: hidden; width: 300px; height: 56px; margin: 10px 0; padding: 10px; border: 1px solid #333333; }

/*addons-style_css*/

/*  ----------------------------------------------------------------------------
    Modules > Content management
----------------------------------------------------------------------------- */

.content-management                         { }
.content-management .paragraph              { margin: 0 0 10px 0; }
.content-management .paragraph-title        { margin: 0 0 7px 0; padding: 5px 10px; font-weight: bold; background: #222222; color: #FFFFFF; }
.content-management .paragraph-text         { }
.content-management .paragraph-images       { }

.paragraph.images .paragraph-images         { }
.paragraph.images-left .paragraph-images    { float: left; margin: 0 10px 0 0; }
.paragraph.images-right .paragraph-images   { float: right; margin: 0 0 0 10px; }

/*  ----------------------------------------------------------------------------
    Modules > MDM
----------------------------------------------------------------------------- */

#news                           { width:260px; height:148px; float:left; background:url(../images/layout/bg-actualites.png) no-repeat left top;}
#news-inner                     { padding: 71px 14px 0 14px; }
#news .news                     { }
#news .news-inner				{ }
#news .news-title               { font-weight: bold; margin-top:-5px; color:#674536;}
#news .news-date                { }
#news .news-photo               { float: left; margin: 5px 13px 0 0; border: 1px solid #ad7359; }
#news .news-text                { text-align: justify; line-height:17px; color:#674536; margin-top:2px;}
#news .news-url                 { }
#news .news-btn                 { float: right; font-weight: bold; margin-top:7px; }

/*  ----------------------------------------------------------------------------
    Module > Actualites
----------------------------------------------------------------------------- */

#news-list                      { }
#news-list-inner                { }
#news-list .news                { margin: 0 0 10px 0;  }
#news-list .news-title          { margin: 0 0 7px 0; padding:0 0 3px 0;font-weight: bold; color: #985231; border-bottom:1px dashed #eec5b2;}
#news-list .news-date           { }
#news-list .news-photo          { float: left; margin: 0 10px 10px 0; padding: 1px; border: 1px solid #CC8F72; }
#news-list .news-text           { text-align: justify; }
#news-list .news-url            { }

/*  ----------------------------------------------------------------------------
    Modules > Annuaires Web
----------------------------------------------------------------------------- */

#web-directory-desc             { width: 100%; margin: 10px auto; }
#web-directory-desc p           { padding: 10px 0; text-align: center; }
#web-directory-desc a:link,
#web-directory-desc a:visited   { }
#web-directory-desc a:hover,
#web-directory-desc a:active    { }

table#web-directory             { width: 100%; margin: 0 auto; }
table#web-directory td          { padding: 2px 10px 2px 15px; vertical-align: top; }
table#web-directory td.list-annuaire { background: url(../images/bullets/bullet.png) no-repeat 0px 9px; border-bottom:1px solid #EEC5B2;}
table#web-directory td.list-annuaire:hover { background: #F7E7E0 url(../images/bullets/bullet1.gif) no-repeat 0px 9px; border-bottom:1px solid #cc8f72;}
table#web-directory img         { float: left; margin: 3px 5px; }
table#web-directory a:link,
table#web-directory a:visited   { }
table#web-directory a:hover,
table#directory a:active        { }

/*  ----------------------------------------------------------------------------
    Modules > Galerie
----------------------------------------------------------------------------- */

#gallery                        { }
a:link.gallery-photo, a:visited.gallery-photo         { float: left; padding: 1px; border: 1px solid #cc8f72; }
a:hover.gallery-photo, a:active.gallery-photo         { float: left; padding:1px; background: #ffffff; border: 1px solid #000000; }

/* gallery */
#largePhoto
{
    float: right;
    width: 302px;
    padding: 3px;
    background: #ffffff;
    height:302px;
    margin-bottom:10px;
    border:1px solid #CC8F72;
}

#largePhoto img {
  width:300px;
  height:300px;
  float:left;
  border:1px solid #A775A3;
}


.largeHolder
{
    float: left;
}

.largeHolder
{
    width: 300px;
    height: 300px;
    float: left;
    background:#ffffff;
}

.photoHolder1
{
    float: left;
    width:150px;
    height:93px;
    border: 1px solid #CC8F72;
    background: #ffffff;
    padding:1px;
    margin: 0 10px 10px 0;
    text-align: center;
}

.photoHolder1-last{
    margin:0 0 10px 0;
}


.photoHolder1 img.smallImg{
  width:150px;
  height:93px;
  float:left;
  background: no-repeat center center;
  cursor:pointer;
}