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

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

/*  home (B1)
----------------------------------------------------------------------------- */
.home                    { background: #e1e1e1; }
.home #bg1               { background: url(../images/layout/bg-x.png) repeat-x top left; }
.home #bg2               { background: url(../images/layout/bg-fix.png) no-repeat top center; }
.home #wrap-container    { margin-top: 0px; background: url(../images/layout/bg-wrap.jpg) repeat-x bottom left; }
.home #container         { width: 996px; }
.home #header            { width: 996px; height: 88px;  }
.home #content           { width: 996px; }
.home #diaporama         {width:996px; height:210px; float:left; background:#000000;}
.home #paves             {width:996px; height:120px; float:left; background:url(../images/layout/bg-paves.png) no-repeat left top;}
.home #paves-inner       {padding:0px 10px;}
.home #sidebar           { width: 245px;}
.home #sidebar2          { clear: both; width:996px; float:left;}
.home #main              { width: 746px; background: #343434 url(../images/layout/paragraph.jpg) no-repeat left top; color:#ffffff;}
.home #main-inner        { padding:5px 10px 0px 10px;}
.home #main2             { width: 996px; background: #343434 url(../images/layout/paragraph-x.jpg) repeat-x left top; color:#ffffff;}
.home #main-inner2       { padding:5px 10px 0px 10px;}
.home #footer            { width: 996px; background: url(../images/layout/bg-footer.png) no-repeat top left; height: 42px; padding-top: 8px; }
.holder                  { float:left;}
.scroll-pane             { clear:both; width: 726px; height: 190px; overflow: hidden; padding: 0 5px 0 0; }
.scroll-pane:focus       { outline: none; }
.scroll-pane2            { clear:both; width: 726px; height: 148px; overflow: hidden; padding: 0 5px 0 0; }
.scroll-pane2:focus      { outline: none; }
.scroll-pane3            { clear:both; width: 715px; height: 128px; overflow: hidden; padding: 0 5px 0 0; }
.scroll-pane3:focus      { outline: none; }
/*  ----------------------------------------------------------------------------
    2. Header elements
----------------------------------------------------------------------------- */
.flash-header{
    position:absolute;
    z-index:1;
    height:211px;
    width:996px;
}
#newsletter{
   width:409px;
   height:49px;
   position:relative;
   z-index:99;
   top:0px;
   left:587px;

}
/*  ----------------------------------------------------------------------------
    3. Content elements
----------------------------------------------------------------------------- */
.pave                  { float:left; padding-right:10px; line-height:15px; padding-top:51px; text-align:justify;}
.first                 { float:left; padding-left:10px; padding-right:10px; width:316px; }
.mid                   { float:left; padding-left:10px; padding-right:10px; width:310px;}
.last                  { float:left; padding-left:10px; padding-right:10px; width:310px;}
#horaires               { width:230px; height:76px; float:left; background:url(../images/layout/bg-horaires.png) no-repeat left top; padding: 35px 0 0 10px;}
.left-col               {width:314px; float:left; border-right:1px solid #505050; color:#ffffff; padding-right:13px; text-align:justify; line-height:15px; margin-top:5px;  padding-right:9px;}
.right-col              {width:392px; float:right; color:#ffffff; text-align:justify; line-height:15px; padding-left:9px;}

.left-col1               {width:342px; float:left; border-right:1px solid #868686; color:#ffffff; padding-right:13px; text-align:justify; line-height:15px; margin-top:5px;}
.right-col1              {width:342px; float:right; color:#ffffff; text-align:justify; line-height:15px; padding-left:12px;}

#bon                    {width:610px; height:191px; float:left; background:url(../images/layout/bg-bon.png) no-repeat left top;}
#bon-inner              {padding:24px 10px 0 10px;}
#bon .bon-title         { font-size:16px; font-weight:bold; color:#000000; line-height:16px;}
#bon .bon-text          { padding-top:5px; clear:both; line-height:15px;}
#bon .subtitle          { color:#c40c0c; font-size:13px; line-height:15px; font-weight:bold;}




#admindocs              {float:left; padding-top:8px; padding-left:3px;}

.btn-telecharger-left   {float:left; background:url(../images/layout/btn-telecharger-left.png) no-repeat left top; height:23px; margin-right:10px;}
.btn-telecharger-left .btn-telecharger-x   {float:left; background:url(../images/layout/btn-telecharger-x.jpg) repeat-x left top; height:23px; margin-left:4px; padding:2px 9px 0px 8px; }
.btn-telecharger-left .btn-telecharger-right  {float:left; height:23px; width:26px;}



#info                   { float:left; width:376px; height:124px; background:url(../images/layout/bg-coordonnees.png) no-repeat left top; margin:10px 0 0 10px; color:#010101;}
#info-inner             { padding:56px 0px 0 11px;}

.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;}
.pt13                   {padding-top:13px;}.pt14                   {padding-top:14px;}
.pt15                   {padding-top:15px;}.pt16                   {padding-top:16px;}
.pt20                   {padding-top:20px;}

.pl1                    {padding-left:1px;}
.pl30                   {padding-left:30px;}
.pl20                   {padding-left:20px;}


.mt2                    {margin-top:2px;}
.mt10                   {margin-top:10px;}
.mt5                    {margin-top:5px;}
.ml4                    {margin-left:4px;}
.ml10                   {margin-left:10px;}
.ml20                   {margin-left:86px;}
.ml40                   {margin-left:40px;}

.mr5                    {margin-right:5px;}


.coordonnees-mentions   { clear:both; width:711px; float:left; background:url(../images/layout/home.png) no-repeat right top; }
#slider                 { float:left; width:996px; height:211px; overflow:hidden;}

.left                   { float:left; }
.right                  { float:right; }

.lh40                   {line-height:40px;}


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

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

#copyright              { clear: both; float:right; width:340px; text-align: right; }
#copyright .site-name   { font-weight: bold; color:#5c5c5c; }

#made-by                { padding-top:5px;}
#made-by-logo           { display: inline-block; }



#legal a:link,
#legal a:visited        { color:#ef3d00; text-decoration:none;}
#legal a:hover,
#legal a:active         { color:#5c5c5c; text-decoration:none;}

.menu                   { float:right;}
.menu li                { float: left; }
.menu li span           { padding: 0 5px; color:#5c5c5c;}
.menu li a:link,
.menu li a:visited      { color:#5c5c5c; text-decoration:none;}
.menu li a:hover,
.menu li a:active,
.menu li.active a       { text-decoration:none; color:#ef3d00;}

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

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

/*  Lists
----------------------------------------------------------------------------- */
.list                   { float: left; width:100%;}
.list li                { padding: 0 0 0 15px; background: url(../images/bullets/bullet.jpg) no-repeat 3px 6px; border-bottom:1px solid #3a3a3a;}
.list li:hover          { padding: 0 0 0 15px; background: #3a3a3a url(../images/bullets/bullet1.gif) no-repeat 3px 6px; border-bottom:1px solid #7a7a7a;}
.list2                  { float: left; padding-top:15px; width: 90px;}
.list2 li               { padding: 0 0 0 16px; background: url(../images/bullets/bullet.jpg) no-repeat 2px 5px; }

.list3                  { float: left; }
.list3 li               { padding: 0 0 0 13px; background: url(../images/bullets/bullet1.jpg) no-repeat 2px 5px; display: inline; }

/*  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: url(../images/layout/btn-telecharger-x.jpg) repeat-x left top; color: #ffffff; border-color: #000000; }
.pagination a:hover     { background: #ff5014; color: #ffffff; border-color: #000000; }
.pagination .active     { background: #ff5014; color: #ffffff; border-color: #ff5014; }
.pagination .disabled   { background: #EAEAEA; color: #999999; border-color: #BEBEBE; }

/*  Separators
----------------------------------------------------------------------------- */
.s1                     { height: 1px; margin: 7px 0 3px 0; background: #373737; }

/*  Thumbnails
----------------------------------------------------------------------------- */
img.thumb                  { display: inline-block; border: 1px solid #aeaeae; background: #ffffff; padding:1px; }
img.thumb1                 { display: inline-block; border: 1px solid #575757; padding:1px; background: #000000; }
.right1 { float: right; margin-left: 10px; }
.left1 { float: left; margin-right: 10px; }
/*  Typography
----------------------------------------------------------------------------- */
.highlight              { color: #CC0000; }
.star                   { font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

/*  --------------------services   --------------------------------------------------------*/
.box-bottom             {width:715px; float: left; }
.person{
    float: left;
    width:170px;
    padding-right: 10px;
}
.person h5 { font-size: 11px; line-height: 15px; color: #ffffff; background: url(../images/layout/bg-h2.png) no-repeat 0 15%; text-indent: 0; text-align: left; padding-left: 20px;  font-weight: bold; margin: 3px 0; }
.right-col1 .list2 {
    padding-top: 0 !important;
}

.search {
width:380px;
margin-left: 40px;
margin-top: 20px;
margin-bottom: 20px;
}
.search .btn-search  { float: left; background-image:url(../images/layout/btn-search.png); width:78px; height:20px; margin-left:10px; }
.search .btn-search:hover  { float: left; background-image:url(../images/layout/btn-search-over.png); width:78px; height:20px; margin-left:10px; }

.search .btn-contact  { float: left; background-image:url(../images/layout/btn-contact.png); width:106px; height:20px; margin-left:10px; }
.search .btn-contact:hover  { float: left; background-image:url(../images/layout/btn-contact-over.png); width:106px; height:20px; margin-left:10px; }

.catalog
{
    margin-top: 10px;
    float: left;
    width:230px;
    padding: 10px 0;
    min-height : 280px;
}
.catalog .category
{
    float: left;
    width: 207px;
    height: 16px;
    background: url(../images/layout/bg-categ.png) no-repeat top left;
    margin-bottom: 10px;
    color:#ffffff;
    font-weight: bold;
    text-decoration: none;
    padding:3px 5px;
}
.catalog .category:hover,
.catalog .selected
{
    float: left;
    width: 207px;
    height: 16px;
    background: url(../images/layout/bg-categ-over.png) no-repeat top left;
    margin-bottom: 10px;
    color:#ffffff;
    font-weight: bold;
    text-decoration: none;
    padding:3px 5px;
    cursor: pointer;
}
.pas-enreg{
    float: left;
    width:745px;
}
p.pas-enreg{
    text-align: center !important; padding:50px 0;
}

/*  ----------------------------------------------------------------------------
    Category Listing
----------------------------------------------------------------------------- */
.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                        { padding-left:50px}
.product-filters .field                 { float: left; width: 300px; margin:0 0 2px 0;}
.product-filters label                  { float: left; width: 110px; }
.product-filters .input-text            { float: left; width: 116px; }
.product-filters select                 { float: left; width: 120px; }

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

.product-list                           { clear: both; }
.product-list .product                  { margin-top: 18px;   margin-right:18px; width:479px; float:left; background: url(../images/layout/bg-product.png) no-repeat left top; color:#212121;}
.product-list .product-last             { margin-right: 0 !important; }
.product-list .product-inner            { padding:5px;}
.product-list .product-btn              { float:right; margin-top:4px;}
.mark-title                             { width:459px; float:left; background:url(../images/layout/bg-mark-title.png) no-repeat left top; height:22px; font-size:12px; font-weight:bold; padding:5px 0px 0px 10px; margin:0 0 0px 0; color:#ffffff;}



.product-list .product-photo-holder     { float:left; width:190px; height:120px;}
.product-list .product-details-holder   {float:left; width:277px; height:95px; }

.product-details-holder span            {text-align:left !important;}

.product-mark, .product-model,
.product-ref, .product-price,
.product-km, .product-power, .product-warranty,
.product-color, .product-energy             {text-align:right; border-bottom:1px solid #454545;}

.product-details .product-mark:hover, .product-details .product-model:hover,
.product-details .product-ref:hover, .product-details .product-price:hover,
.product-details .product-km:hover, .product-details .product-power:hover, .product-details .product-warranty:hover,
.product-details .product-color:hover, .product-details .product-energy:hover      {text-align:right; border-bottom:1px solid #909090; background:#3f3f3f; color:#ffffff}

.product .product-mark:hover, .product .product-model:hover,
.product .product-ref:hover, .product .product-price:hover,
.product .product-km:hover, .product .product-power:hover, .product .product-warranty:hover,
.product .product-color:hover, .product .product-energy:hover      {text-align:right; border-bottom:1px solid #ff5014; background:#eaeaea; color:#212121}

.product-mark span, .product-model span,
.product-ref span, .product-price span,
.product-km span, .product-power span, .product-warranty span,
.product-color span, .product-energy span   {text-align:left; float:left; }




/*  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: 178px; height: 118px; margin: 0 10px 0 0; border: 1px solid #919191; }
.product-list .product-photo img        { display: block; width: 178px; height: 118px; background: no-repeat center center; }

/*  ----------------------------------------------------------------------------
    Product Details
----------------------------------------------------------------------------- */
.product-no-image                           {width:178px; margin:0 10px 0 0px; display:block; height:118px; float:left; border:1px solid #454545; padding:30px 30px;}
.product-no-image img                       { border:1px solid #000000;}
.details-holder                             {width:721px; float:left; }
.product-description                        {text-align:justify;}
.retour-btn                                 {float:right; margin:10px 0px; display:inline;}

/*  Product Details > Photos
----------------------------------------------------------------------------- */
.product-details .product-photos        { float: left; width: 244px; margin: 0 10px 0 0; }
.product-details .product-large_photo   { display: block; width: 240px; height: 240px; border: 1px solid #909090; }
.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; }

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

.content-management                         { color:#ffffff;}
.content-management .paragraph              { padding: 0 0 16px 0; }
.content-management .paragraph-title        { margin: 0 0 7px 0; padding: 5px 10px; font-weight: bold; background: #222222; color: #FFFFFF; }
.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                           { float:left; width:220px; height:89px; background:url(../images/layout/bg-actualites.png) no-repeat left top; margin-top:10px; padding: 42px 10px 0 10px; }
#news .news-title               { font-weight: bold; color:#444444; }
#news .news-photo               { float: left; margin: 0 11px 0 0; border: solid 1px #ffffff;  }
#news .news-text                { text-align: justify; line-height:15px;}
#news .news-btn                 { float: left; margin-top:5px;}

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


#news-list .news                { margin: 0 0 10px 0; }
#news-list .news-title          { margin: 5px 0 7px 0; font-weight: bold; }
#news-list .news-photo          { float: left; margin: 0 10px 10px 0;}
#news-list .news-text           { text-align: justify; }

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

#web-directory-desc             { width: 100%; margin: 5px auto; }
#web-directory-desc p           { padding: 5px 0; text-align: center; }
table#web-directory             { width: 100%; margin: 0 auto; }
table#web-directory td          { padding: 0 10px 0 15px; vertical-align: top; border-bottom:1px solid #3a3a3a;}
table#web-directory td.list-annuaire { background: url(../images/bullets/bullet.gif) no-repeat 3px 6px; border-bottom:1px solid #3a3a3a;}
table#web-directory td.list-annuaire:hover { background: #3a3a3a url(../images/bullets/bullet1.gif) no-repeat 3px 6px; border-bottom:1px solid #7a7a7a;}
table#web-directory img         { float: left; margin: 3px 5px; }


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


#newsletter-inner               { padding:14px 0 0 16px ; float:right;}
#newsletter .newsletter-text    { font-size:11px; line-height:15px; color:#444444; width:190px;  float:left; padding:7px 5px 0 0;}
#news-form                      { padding-top:3px; float:left; width:193px;}
#mandatory-email-Email          { width:150px; height:22px; float:left; background:url(../images/layout/bg-input.png) no-repeat left top; border:none; font-size:11px; padding:2px 0 0 7px; display:inline;}
.ok-btn                         {width:32px; height:24px; float:left; background:url(../images/layout/ok-btn.png) no-repeat left top; border:none; cursor:pointer; display:inline;}
.ok-btn-over                    {width:32px; height:24px; float:left; background:url(../images/layout/ok-btn-over.png) no-repeat left top; border:none; cursor:pointer;}