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

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

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

.home #bg1              {  }
.home #bg2              {  }
.home #bg3              {  }

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

.home #header           { width: 996px; height: 529px; background: #000; border-bottom:2px solid #5e5e5e; }
.home #header-inner     { }

.home #content          { width: 996px; background: #000; }
.home #content-inner    { }

.home #sidebar          { width: 300px; }
.home #sidebar-inner    { }

.home #main             { width: 996px; }
.home #main-inner       { padding:9px 11px 0 10px; position:relative; }

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

a:link,
a:visited               { color: #2177de; }
a:hover,
a:active                { color: #2c75ff; }

.link1, a.link1:visited { color: #2177de; text-decoration: underline; }

.sameLinks a:link, .sameLinks a:visited { text-decoration:none; color:#fff; }
.sameLinks a:hover, .sameLinks a:focus  { text-decoration:underline; color:#2177de; }

.sameLinks1 a:link, .sameLinks1 a:visited { text-decoration:none; color:#fff; }
.sameLinks1 a:hover, .sameLinks1 a:focus  { text-decoration:underline; color:#2177de; }

.sameLink:link, .sameLink:visited 		{ text-decoration:none; color:#fff; }
.sameLink:hover, .sameLink:focus 		{ text-decoration:underline; color:#2177de; }

.color01 { color:#9cc9ff; }
.color02 { color:#528fd4; }

.left {float:left;}
.right {float:right;}
.link1 { width:91px; height:23px; background: url(../images/layout/btn-return.gif) no-repeat; display: block;}
.link1:hover { width:91px; height:23px; background: url(../images/layout/btn-return-over.gif); display: block;}
.visible { display:block;}
.product-info { width:632px; min-height:250px; }
.productd-title { width:622px; margin-top:10px;}
.productd-text { width:622px; }
.detail-diapo-left { background: url("../images/layout/bg-carusel2.jpg") no-repeat scroll right top transparent; float: left; height: 250px; width: 182px;}
.carusel-holder2 { background: url("../images/layout/bg-carusel.jpg") no-repeat scroll left top transparent; float: left; height: 249px; margin-right: 15px; width: 146px; }
.productaa { margin-top:20px; width:327px; background: url("../images/layout/bg-product.jpg") repeat-x scroll left bottom #000000; float: left; height: 156px; margin-right: 22px; padding: 0 5px; }

.no-image-holder {width:271px; border:1px solid #383838; padding:32px; float:left;}


/*  ----------------------------------------------------------------------------
    2. Header elements
----------------------------------------------------------------------------- */
.flash-header{
    position:absolute;
    position:absolute;
    z-index:1;
    height:529px;
    width:996px;
}

.facebook-link{
   width:22px;
   height:22px;
   position:relative;
   z-index:99;
   top:3px;
   left:919px;
}


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

#main h1                { margin: 0; padding:0; color:#3997ff; font-weight:normal; text-align:justify; }
#main h1 .site-name 	{ color:#2c75ff; }
#main h1 span			{ display:block; margin: 0 0 8px 0; padding:0 0 8px 0; border-bottom:1px solid #b1b1b1; }
#main h1 span.small		{ float:left; width:702px; }
#main h2                { margin:0 0 10px 0; padding:0; color:#fff; font-weight:bold; text-align:justify; }
#main h3                { margin:0 0 10px 0; padding:0; color:#2c75ff; font-weight:bold; text-align:justify; }
#main h4                { margin:0 0 10px 0; padding:0; color:#d70400; font-weight:bold; text-align:justify; }
#main p                 { margin:0 0 10px 0; text-align:justify; }
#main p.listHead        { background:url(../images/layout/arrow1.gif) 0 0 no-repeat; padding:0 0 0 21px; }

#nav                    { clear: both; width:274px; height:174px; margin:0 0 10px 0; }
#nav-inner              { padding: 0; }

#info                   { display:block; float:right; width:887px; height:43px; background:url(../images/layout/box-info.png) 0 0 no-repeat; overflow:hidden; }
#info-inner             { padding:0 0 0 191px; }
#info h3                { height:27px; margin:0 0 11px 0; padding:0; }
#info h3 span           { display:block; padding:0; }
#info a:link,
#info a:visited         { color: #2177de; }
#info a:hover,
#info a:active          { color: #fff; }
#info ul                {  }
#info ul li             { line-height:15px; margin:0 0 4px 0; white-space:nowrap; }
#info ul li strong.site-name  { color:#fff; }
#info ul li.btn-mail    {  }
#info ul li.ico-phone	{  }
#info ul li.btn-plan	{  }
#info ul li span.sep    { padding:0 6px; }

#info .coordonnees      { float:left; width:484px; overflow:hidden; }
#info .coordonnees-inner{ padding:6px 0 0 11px; color:#999797; }
#info h3				{ float:left; text-indent:-999em; text-transform:uppercase; overflow:hidden; }

#info .plan             { float:left; height:43px; border-left:1px solid #393939; border-right:1px solid #393939; overflow:hidden; width:199px;}
#info .plan-inner       { padding:6px 11px 0 11px; color:#fff; }

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

#footer .box1           { float: left; padding:16px 0 0 3px; text-align: left; overflow:hidden; }
#footer .box2           { float: right; padding:9px 0 0 0; width:876px; text-align: right; color:#fff; font-size:11px; overflow:hidden; }

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

#made-by                { }
#made-by-logo           { display: inline-block; }
#made-by a:link,
#made-by a:visited      { display:block; float:left; width:80px; height:14px; text-indent:-999em; background:url(../images/layout/btn-digital-age.png) 0 0 no-repeat; overflow:hidden; }
#made-by a:hover,
#made-by a:active       { background-position:0 -14px; }

#legal                  { }
#legal a:link,
#legal a:visited        { text-decoration:underline; color:#2177de; }
#legal a:hover,
#legal a:active         { text-decoration:none; }

.menu                   { float:right; overflow:hidden; }
.menu li                { float: left; }
.menu li span           { padding: 0 6px; }
.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:#2177de; }

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

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

/*  main box
----------------------------------------------------------------------------- */
#main .main-box			{ display:block; float:left; width:702px; clear:both; }

/*  box1
----------------------------------------------------------------------------- */
#main .box1 			{ display:block; margin:0 0 16px 0; background:#5c9eec url(../images/layout/box1.gif) 50% 0 no-repeat; border:1px solid #99bdff; overflow:hidden; }
#main .box1 .inner 		{ padding:10px 13px 10px 13px; border:1px solid #101010; }
#main .box1 .list li	{ background:url(../images/bullets/bullet2.png) no-repeat 0 3px; }
#main .box1-b			{ background:#5c9eec url(../images/layout/box1-b.gif) 50% 0 no-repeat; }
#main .box1 .sameLinks a:hover, #main .box1 .sameLinks a:focus  { color:#000; }

/*  box2
----------------------------------------------------------------------------- */
#main .box2 			{ display:block; width:348px; margin:0; background:#fff; overflow:hidden; }
#main .box2 .inner 		{ padding:0; }

/*  box merci
----------------------------------------------------------------------------- */
#main .box-merci		{ padding-top:70px; padding-bottom:100px; }

/*  Lists
----------------------------------------------------------------------------- */
.list                   { padding:0 0 10px 0; }
.list li                { padding: 0 0 0 15px; background: url(../images/bullets/bullet1.png) no-repeat 0 3px; line-height:15px; text-align:justify; }

.list1                  { padding:0; margin:0; }
.list1 li               { padding: 0 0 0 19px; background: url(../images/bullets/bullet1.png) no-repeat 0 2px; line-height:15px; font-weight:bold; }

.list-plan                { padding:0 0 0 20px; clear:both; }
.list-plan li             { padding: 0 0 0 15px; background: url(../images/bullets/bullet1.png) no-repeat 0 3px; line-height:15px; margin:8px 0; }
.list-plan li a:link,
.list-plan li a:visited   { text-decoration:none; }
.list-plan li a:hover,
.list-plan li a:active    { text-decoration:none; color:#ffffff;}

/*  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: #2c75ff; color: #fff; border-color: #99bdff; }
.pagination a:hover     { background: #000; color: #fff; border-color: #99bdff; }
.pagination .active     { background: #000; color: #fff; border-color: #99bdff; }
.pagination .disabled   { background: #0a3e00; color: #f9ff55; border-color: #65ca52; }

/*  Separators
----------------------------------------------------------------------------- */
.s1                     { height: 1px; margin: 10px 0; background: #99bdff; }
.s2                     { height: 1px; margin: 10px 0; background: #2C75FF; }
.s3                     { height: 1px; margin-top: 7px; margin-bottom: 15px; margin-left:10px; background: #99bdff; }

/*  Thumbnails
----------------------------------------------------------------------------- */
.thumb                  { display: inline-block; border: 1px solid #716c6c; background: #101010; padding:1px; }
a.thumb:hover           { border: 1px solid #99bdff; background: #101010; }

.thumb-l                { float:left; display: inline-block; border: 1px solid #716c6c; background: #101010; padding:1px; margin:0 10px 0 0; }
a.thumb-l:hover         { border: 1px solid #99bdff; background: #101010; }

.thumb-r                { float:right; display: inline-block; border: 1px solid #716c6c; background: #101010; padding:1px; margin:0 0 0 10px; }
a.thumb-r:hover         { border: 1px solid #99bdff; background: #101010; }

.thumb-r-absolute 		{ float:right; }
.thumb-r-absolute .thumb-r { position:absolute; right:11px; top:9px; }

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

/*  ----------------------------------------------------------------------------
    6. Modules
----------------------------------------------------------------------------- */
.pt10 {padding-top:10px;}


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

.recherche-holder {width:100%; float:left;}
.recherche-inner  {padding:5px 0px 15px 0;}
.recherche-holder .field {float:left; margin-right:10px;}

.recherche-holder select {background:#000000; border:1px solid #383838; width:200px; color:#B2B2B2; font-weight:bold; padding:2px;}


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

.product-list                           { clear: both; }
.product-list .product                  { margin-right:22px; float:left; width:300px; background: #000000 url(../images/layout/bg-product.jpg) repeat-x left bottom; padding:0 5px; height:190px;}
.product-list .product-last             { margin-right: 0 !important; }
.product-list .product-promo            { }
.product-list .product-ref              { }
.product-list .product-title            { float:left; width:120px; padding:5px; text-align:center; height:15px;}

.product-avant                          {width:130px; float:left; background:url(../images/layout/avant.png) no-repeat left top; padding:30px 7px 0 7px;}
.product-apres                          {width:130px; float:right; background:url(../images/layout/apres.png) no-repeat left top; padding:30px 7px 0 7px;}

.btn-product-details                    { text-align:center; width:100%;}


/*  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-photo            { float: left; width: 128px; height: 100px; border: 1px solid #ffffff; }
.product-photo:hover      { border: 1px solid #2177de; }

.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                         { float:left; width:100%; }
.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: 0 10px 0 0; }
.paragraph.images-right .paragraph-images   { float: right; margin: 0 0 0 10px; }

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

#news                           { height:251px; padding:0; margin:0; /*background:transparent url(../images/layout/box-news.jpg) 0 0 no-repeat;*/ background:#374c69; position:relative; overflow:hidden; }
#news-inner                     { padding:20px 15px 0 15px; color:#8198c1; font-size:11px; }
#news h3                        { height:41px; margin:0; padding:0; overflow:hidden; }
#news h3 span                   { display:block; }
#news .news                     { }
#news .news-inner				{ /*padding:20px 15px 0 15px;*/ }
#news .news-title               { line-height:17px; text-align:justify; font-weight: bold; margin:0; height:43px; overflow:hidden; color:#c6d0da; }
#news .news-date                { }
#news .news-photo               { float: left; margin: 0 11px 0 0; padding: 0px; background:#374c69; border: 1px solid #95a7bf; }
#news .news-text                { text-align: justify; line-height:17px; height:86px; overflow:hidden; }
#news .news-url                 { }
#news .news-btn                 { float: left; clear:both; width:77px; height:20px; line-height:normal; overflow:hidden; }
#news .news-btn a:link,
#news .news-btn a:visited       { float: left; width:100%; height:20px; text-indent:-999em; text-transform:uppercase; background:url(../images/layout/btn-plus-details.gif) 0 0 no-repeat; overflow:hidden; }
#news .news-btn a:hover,
#news .news-btn a:active        { background-position:0 -20px; }
#news .news-pagination			{ position:absolute; bottom:1px; left:0; width:100%; height:27px; background:#4f6583; }
#news .news-pagination p 		{ display:block; line-height:normal; padding:0 0 0 33px; }
#news .news-pagination a 		{ display:inline; margin:0 2px 0 0; }

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

#news-list                      { }
#news-list-inner                { }
#news-list .news                { margin:0; padding:0; }
#news-list .news-title          { margin:0 0 10px 0; padding:0; color:#2c75ff; font-weight:bold; text-align:justify; font-size:13px; line-height:16px; }
#news-list .news-date           { }
#news-list .news-photo img      { float: right; margin: 0 0 10px 10px; border: 1px solid #716c6c; background: #101010; padding:1px; }
#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: 0; text-align: center; }

table#web-directory             { width: 90%; margin: 0 auto; }
table#web-directory td          { padding: 2px 10px 3px 0; vertical-align: top; }
table#web-directory img         { float: left; margin: 3px 5px; }
table#web-directory a:link,
table#web-directory a:visited   { text-decoration:none; background:url(../images/bullets/bullet1.png) 0 3px no-repeat; padding-left:12px; }
table#web-directory a:hover,
table#directory a:active        { text-decoration:none;  color:#ffffff;}

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

/*  ----------------------------------------------------------------------------
	Module > Plan d'acces
----------------------------------------------------------------------------- */

.plan-acces                      { }
.plan-acces-inner                { }
.plan-acces .plan-buttons        { float:right; }
.plan-acces .plan-image			 { float:left; position:relative; }
.plan-acces .plan-image img		 { display: inline-block; border: 1px solid #716c6c; background: #101010; padding:1px; }