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

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

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


.home #bg2              { background: url(../images/layout/bg2.jpg) no-repeat center top ; }


.home #wrap-container   { margin-top: 0px;}
.home #container        { width: 996px;}

.home #header           { width: 750px; height: 340px; background: url(../images/layout/header-bg.jpg) no-repeat left top ;}
.home #header-inner     { }

.home #content          { width: 996px; background: url(../images/layout/content-bg.jpg) repeat-y left top  }
.home #content-inner    { }

.home #sidebar          { width: 246px; background: #ebf7ff /* url(../images/layout/sidebar-bg.jpg) no-repeat left top */;  }
.home #sidebar-inner    { }

.home #main             { width: 750px; color: #0b6898;text-align:justify; }
.home #main-inner       { padding:0px 0px 0px 20px; background: url(../images/layout/main-bg.jpg) repeat-x left top ;}

.home #wrap-footer      { margin-bottom: 0px; padding-bottom: 0px; background: red url(../images/layout/wrap-footer-bg.jpg) repeat-x left top ; }
.home #footer           { width: 996px;height:54px; background: url(../images/layout/footer-bg-new.jpg) no-repeat left top ;  }
.home #footer-inner     { padding-top:13px;}

a:link,
a:visited               { color: #363c92;text-decoration:none; }
a:hover,
a:active                { color: #0b6898; }

/*  ----------------------------------------------------------------------------
    2. Header elements
----------------------------------------------------------------------------- */
.bg-logo{
  width:246px;
  height:153px;
  background: url(../images/layout/bg-logo.jpg) no-repeat left top ;
}
.logo-link{
  margin-left:16px;
  margin-top:15px;
}
.lang{
padding-top:7px;
float:right;

}
.bg-menu-left{
  width:206px;
  height:auto;
  padding-left:20px;
  padding-right:20px;
  padding-top:4px;
  background: #e1f3ff url(../images/layout/bg-menu-left.jpg) no-repeat left top ;
}
.logo-currier{
  width:246px;
  height:332px;
  background: url(../images/layout/logo-currier.jpg) no-repeat left top ;
}

.slogan
{
    position: absolute;
    top: 251px;
    left:276px;
    width:709px;
    height:35px;
    background: url(../images/layout/slogan.png) no-repeat bottom center;
    z-index: 10000;
}


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

#main h1                { margin: 0 0 0px 0; padding: 13px 0px;  background: url(../images/layout/bg-h1.jpg) repeat-x left top ; }

#nav                    { clear: both; background: #DDDDDD; }
#nav-inner              { padding: 5px; }

#info                   {width:750px;height:309px;float:left;  background: #ccedff url(../images/layout/bg-info-new.jpg) no-repeat left bottom ; color:#005596; margin-top: 30px;}
#info-inner             {padding-top:22px;padding-left:19px; }


.page-2 #info           {margin-top: -30px; }



.blocs-content{
  float:left;
}


.bg-depannage{
  width:228px;
  height:162px;
  background: url(../images/layout/bg-depannage.jpg) no-repeat left top ;
  padding-top:12px;
  padding-left:9px;
  float:left;
}
.top-depannage{
  width:218px;
 height:122px;
  background: #1185c0 url(../images/layout/top-depannage.jpg) no-repeat left top ;
  padding-top:12px;
  padding-left:9px;
  padding-right:10px;
  float:left;
  padding-bottom:12px;
  margin-right:9px;
}
.bg-plus-details{
  clear:both;
  width:228px;
  min-height:45px;
  background:url(../images/layout/bg-plus-details.jpg) no-repeat left top ;
  padding-top:2px;
  padding-left:9px;
}
.top-certification{
  width:218px;
  height:122px;
  background: #8b85d9 url(../images/layout/top-certification.jpg) no-repeat left top ;
  padding-top:12px;
  padding-left:9px;
  padding-right:10px;
  float:left;
  padding-bottom:12px;
   margin-right:9px;
}
.bg-plus-details-middle{
  clear:both;
  width:228px;
  min-height:45px;
  background:url(../images/layout/bg-plus-details-middle.jpg) no-repeat left top ;
  padding-top:2px;
  padding-left:9px;
}
.bg-certification{
  width:228px;
  height:162px;
  background: url(../images/layout/bg-certification.jpg) no-repeat left top ;
  padding-top:12px;
  padding-left:9px;
  float:left;
  margin-left:10px;
}
.top-vehicule{
  width:218px;
  height:122px;
  background: #0b5aa1 url(../images/layout/top-vehicule.jpg) no-repeat left top ;
  padding-top:12px;
  padding-left:9px;
  padding-right:10px;
  float:left;
  padding-bottom:12px;
}
.bg-plus-details-last{
  clear:both;
  width:228px;
  min-height:45px;
  background:url(../images/layout/bg-plus-details-last.jpg) no-repeat left top ;
  padding-top:2px;
  padding-left:9px;
}
.bg-vehicule{
  width:228px;
  height:162px;
  background: url(../images/layout/bg-vehicule.jpg) no-repeat left top ;
  padding-top:12px;
  padding-left:9px;
  float:left;
  margin-left:9px;
}

.detail{
  padding-left:127px;
  padding-top:0px;
}
.detail1{
  padding-left:98px;
  padding-top:3px;
}
.bg-blue{
  padding:5px;
  background-color:#eeffff;
  border:solid 1px #c7e8ff;
  margin-bottom:10px;
  margin-top:10px;

}
.bg-blue1{
  padding:5px;
  background-color:#ebf7ff;
  border:solid 1px #c7e8ff;
  margin-bottom:10px;
  margin-top:10px;
}

.list-title {
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin-bottom: 20px;
}

.news1 {
  margin-bottom: 30px;
}

.news-text {
  margin-bottom: 20px;
}


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

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

#copyright              { clear: both; }
#copyright .site-name   { font-weight: bold; }
.site-name   { font-weight: bold;color:#3dbbeb;text-transform:uppercase; }

#made-by                { }
#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        { }
#legal a:hover,
#legal a:active         { }

.menu                   { margin-left:184px;font-size:11px;}
.menu li                { float: left; }
.menu li span           { padding: 0 5px; color:#fff }
.menu li a:link,
.menu li a:visited      { text-decoration:none; color:#fff; }
.menu li a:hover,
.menu li a:active,
.menu li.active a       { text-decoration:underline; color:#beb6ff;text-decoration:underline; }

.footer-truck{
  width:246px;
  height:212px;
  background: url(../images/layout/footer-truck-new.jpg) no-repeat left top ;
  float:left;
  }



 .coordonnees{
  width:542px;
  float:left;
}
.horaires{
  width:180px;
  float:left;
}

.horaires p {
	font-size: 11px;
}
/*  ----------------------------------------------------------------------------
    5. Generic elements
----------------------------------------------------------------------------- */

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

/*  Lists
----------------------------------------------------------------------------- */
.list                   { float: left; }
.list li                { padding: 0 0 0 15px; background: url(../images/bullets/bullet1.gif) no-repeat 3px 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: #EAEAEA; color: #000000; border-color: #777777; }
.pagination a:hover     { background: #FFFFFF; color: #000000; border-color: #000000; }
.pagination .active     { background: #FFFFFF; color: #000000; border-color: #777777; }
.pagination .disabled   { background: #EAEAEA; color: #999999; border-color: #BEBEBE; }

/*  Separators
----------------------------------------------------------------------------- */
.s1                     { height: 1px; margin: 15px 0; background: #c7e8ff; }
.s2                     { height: 1px; margin: 5px 0; background: #7ed1fe; }

/*  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; }

/*  ----------------------------------------------------------------------------
    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: 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: 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              {  }
.content-management .paragraph-title        {  }
.content-management .paragraph-text         { }
.content-management .paragraph-images       { }

.paragraph.images .paragraph-images         { }
.paragraph.images-left .paragraph-images    { float: left; margin: 5px 10px 0 0;border:solid 1px #8dd8ff; padding:1px;background-color:#fff;}
.paragraph.images-left .paragraph-images:hover    { float: left; margin: 5px 10px 0 0;border:solid 1px #1185c1; padding:1px;background-color:#fff;}
.paragraph.images-right .paragraph-images   { float: right; margin: 5px 0 0 10px; border:solid 1px #8dd8ff; padding:1px;background-color:#fff;}
.paragraph.images-right .paragraph-images:hover   { float: right; margin: 5px 0 0 10px;border:solid 1px #1185c1; padding:1px;background-color:#fff; }

.text-paragraph1{
  width:545px;
  height:auto;
  padding:10px;
  float:right;
  background: url(../images/layout/text-paragraph1.jpg) no-repeat left top ;

 }
 .text-paragraph2{
  width:545px;
  height:97px;
  padding:10px;
  float:left;
  background: url(../images/layout/text-paragraph2.jpg) no-repeat left top ;

 }

.text-background1{
  width:543px;
  height:auto;
  padding:10px;
  float:right;
  background-color: #eeffff;
  border:solid 1px #c7e8ff;


 }
 .text-background2{
  width:543px;
  height:auto;
  padding:10px;
  float:left;
  background-color: #ebf7ff;
  border:solid 1px #c7e8ff;

 }

 .text-background3{
  height:auto;
  padding:10px;
  background-color: #eeffff;
  border:solid 1px #c7e8ff;


 }
 .text-background4{
  height:auto;
  padding:10px;
  background-color: #ebf7ff;
  border:solid 1px #c7e8ff;

 }
  .text-background5{
  margin-top:10px;
  margin-bottom:10px;
  height:auto;
  padding:10px;
  border:solid 1px #c7e8ff;

 }

 .text-background6{
  height:auto;
  padding:10px;
  background-color: #eeffff;
  border:solid 1px #c7e8ff;
  margin-top:10px;
  margin-bottom:10px;


 }
 .text-background7{
 margin-top:10px;
  margin-bottom:10px;
  height:auto;
  padding:10px;
  float:left;
  background-color: #ebf7ff;
  border:solid 1px #c7e8ff;
 }

 .no-background{
  width:563px;
  height:auto;
  float:left;

 }
 .contact-encartes1{
  width:355px;
  height:44px;
  background: url(../images/layout/contact-encartes1.jpg) no-repeat left top ;
  font-weight:bold;
  color:#fff;
  font-size:13px;
  margin-bottom:25px;
  margin-top: 15px;
 }

 .contact-encartes2{
  width:355px;
  height:65px;
  float:right;
  background: #8388CA url(../images/layout/contact-encartes2.jpg) no-repeat left top ;
  font-weight:bold;
  color:#fff;
  font-size:13px;
  margin-bottom:16px;

 }
  .encart-stuff{
  width:687px;
  min-height:144px;
  background: #ccedff url(../images/layout/encart-stuff.jpg) no-repeat left top ;
  padding:10px 20px;

 }
/*  ----------------------------------------------------------------------------
    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 > Galerie
----------------------------------------------------------------------------- */

#gallery                        { }
#gallery .gallery-photo         { float: left; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #CCCCCC; }

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

.gallerylist                    { }
.gallerylist .gallery           { float: left; margin: 0 5px; padding: 5px; border: 1px solid #CCCCCC; text-align: center; background: #FFFFFF; }
.gallerylist .gallery-title     { }
.gallerylist .gallery-date      { clear: both; }
.gallerylist .gallery-photo     { float: left; padding: 2px; border: 1px solid #CCCCCC; }
.gallerylist .gallery-btn       { }

/*  ----------------------------------------------------------------------------
    Modules > Liste Galerie > Details
----------------------------------------------------------------------------- */

#gallery-detail                 { }
#gallery-detail .gallery-title  { margin: 0 0 7px 0; padding: 5px 10px; font-weight: bold; background: #222222; color: #FFFFFF; }
#gallery-detail .gallery-date   { }
#gallery-detail .gallery-photos { }
#gallery-detail .gallery-photo  { float: left; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #CCCCCC; }
#gallery-detail .gallery-text   { text-align: justify; }