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

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

/*  home (B1)
----------------------------------------------------------------------------- */
.home                   { background: #232323 url(../images/layout/bg-body.jpg) repeat-x left top ; color: #FFFFFF; }

.home #bg1              { background: transparent /* url(../images/layout/bg1.jpg) repeat-x center top */; }
.home #bg2              { background: 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: transparent /* url(../images/layout/wrap-container-bg.jpg) repeat-y center top */; }
.home #container        { width: 996px; background: #FFFFFF /* url(../images/layout/container-bg.jpg) repeat-y left top */; color: #000000; }

.home #header           { width: 996px; height: 346px; }
.home #header-inner     { width: 996px; height: 306px; }
.home #header-bottom     { width: 996px; height: 40px; background: url(../images/layout/bg-header-bottom.jpg) no-repeat left center; }

.home #content          { width: 996px; background: transparent ; }
.home #content-inner    { padding: 10px; }

.home #sidebar          { width:463px; background: url(../images/layout/sidebar-bg.jpg) no-repeat left top ; float:right; }
 #sidebar #middle       { width:228px; height:462px; float: left; border: solid 1px #ababab; background: url(../images/layout/img-middle.jpg) no-repeat top left; }

.home #main             { float: left; width: 513px; color: #000000; }
.home #main-inner       { width: 503px; float:left; padding-right: 10px;}

.home #wrap-footer      { margin-bottom: 0px; padding-bottom: 0px; background: transparent /* url(../images/layout/wrap-footer-bg.jpg) no-repeat center top */; }
.home #footer           { width: 996px; background: #333333 /* url(../images/layout/footer-bg.jpg) no-repeat left top */; color: #FFFFFF; }
.home #footer-inner     { }

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

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

#main h1                { margin: 0 0 10px 0; padding:0 0 10px 0; border-bottom:solid 1px #212121; }
#main h2                { margin:10px 0 5px 0; background: url(../images/layout/bg-text.jpg) no-repeat top left; width:504px; height:33px; }
#main h3                { margin:0px 0 5px 17px ; background: url(../images/layout/bullet.jpg) no-repeat center left;  }

#info                   { clear: both; background: url(../images/layout/bg-info.jpg) no-repeat left center; height:39px; width: 887px; float: left; }
#info-inner             { padding: 12px 0 0 108px; }



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

#footer .box1           { float: left; text-align: left; width:85px; padding:0px 100px 0 0;   }
#footer .box2           { float: left; text-align: left; width:210px; padding:12px 0px 0 0;  }
#footer .box3           { float: right; text-align: right; padding:12px 0px 0 0; }

#copyright              { clear: both; }
#copyright .site-name   { font-weight: normal; }

#made-by                { padding:13px 0 0 1px; }
#made-by-logo           { display: inline-block; }


.menu                   { }
.menu li                { float: left; }
.menu li span           { padding: 0 4px; }



/*  ----------------------------------------------------------------------------
    5. Generic elements
----------------------------------------------------------------------------- */

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

/*  Lists
----------------------------------------------------------------------------- */
.list                   { float: left; margin:10px 0 10px 25px;  }
.list li                { padding: 0 0 0 15px; background: url(../images/layout/bullet.jpg) no-repeat 0px 6px; font-weight: bold; }
.list1                   { float: left; margin-left: 50px}
.list1 li                { padding: 0 0 0 15px; background: url(../images/layout/bullet.jpg) no-repeat 0px 6px; ; }

/*  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: #e15727; color: #ffffff; border-color: #e15727; }
.pagination a:hover     { background: #FFFFFF; color: #000000; border-color: #000000; }
.pagination .active     { background: #FFFFFF; color: #e15727; border-color: #e15727; }
.pagination .disabled   { background: #e15727; color: #999999; border-color: #BEBEBE; }

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

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

/*  Typography
----------------------------------------------------------------------------- */
.highlight              { color: #CC0000; }
.star                   { font: normal 11px Verdana, Arial, Helvetica, sans-serif; }
.image
{
    float:left;
    width:138px;
    height:130px;
    border: #2f2f2f solid 1px;
    position: relative;
    z-index:10;
}

.image2
{
    float:left;
    width:138px;
    height:130px;
    border: #2f2f2f solid 1px;
    position: relative;
    z-index:10;
}
/*  ----------------------------------------------------------------------------
    6. Modules
----------------------------------------------------------------------------- */

/*  ----------------------------------------------------------------------------
    Category Listing
----------------------------------------------------------------------------- */

.category-list                          { }
.category-list .category                { margin: 0 0 10px 0; padding: 7px; border: 1px dotted #777777; background: #FFFFFF; }

.category-list .category-photo          { float: left; width: 118px; height: 118px; margin: 0 10px 0 0; border: 1px solid #000000; }
.category-list .category-photo img      { display: block; width: 118px; height: 118px; background: no-repeat center center; }

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

.product-filters                        { }
.product-filters .field                 { float: left; width: 232px; }
.product-filters label                  { float: left; width: 70px; }
.product-filters .input-text            { float: left; width: 116px; }
.product-filters select                 { float: left; width: 150px; }


/*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; }
.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:223px; height:464px; float:right; background: url(../images/layout/bg-mdm.jpg) top left; color: #000000; }
#news-inner                     { padding:316px 10px 0 10px ; }
#news .news                     { }
#news .news-title               { font-weight: bold; color:#df5429 }
#news .news-photo               { float: left; margin: 0 10px 0 0; border: 1px solid #2f2f2f; }
#news .news-text                { text-align: justify; color: #000000; }
#news .news-btn                 { background: url(../images/layout/bg-button.jpg)repeat-x top left; width:99px; height:20px; float: left; font-weight: normal; border-bottom:solid 1px #ffffff; text-align: center; margin-top: 10px; }

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

#news-list                      { }
#news-list-inner                { }
#news-list .news                { margin: 0 0 10px 0; padding: 7px; }
#news-list .news-title          { margin: 0 0 7px 0; padding: 5px 10px; font-weight: bold;}
#news-list .news-photo          { float: left; margin: 5px 10px 0 0; border: 1px solid #2f2f2f;  }
#news-list .news-text           { text-align: justify; }

/*  ----------------------------------------------------------------------------
    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: 0 10px 0 0; vertical-align: top; }
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 > Newsletter
----------------------------------------------------------------------------- */

#newsletter                     { width:278px; float:right; }
.newsletter-inner               { float:right; padding-top: 8px; padding-right:10px;}
#news-form { width:235px; float: left; }
.news-input
{   width:146px; height: 21px; float: right;
	font-weight: normal;
    font-size:11px;
    padding: 0 0 0 5px;
    color:#000000;
    border:solid 1px #ffffff;
    background: url(../images/layout/bg-input.jpg) no-repeat top right;
}
.button
{
    background:url(../images/layout/ok.jpg) no-repeat top left;
	border: none;
    width:39px;
    height:23px;
    cursor: pointer;
    float: right;
 }
.button-over
{
    background: url(../images/layout/ok-over.jpg) no-repeat top left;
	border: none;
    width:39px;
    height:23px;
    float: right;
}