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

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

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

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

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

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

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

.home #sidebar-inner    { }

.home #main             { width: 996px;}
.home #main-inner       {text-align:justify; padding-top:23px;color:#fff;}

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

a:link,
a:visited               { color: #f1c907; }
a:hover,
a:active                { text-decoration:underline }

/*  ----------------------------------------------------------------------------
    2. Header elements
----------------------------------------------------------------------------- */
.languages-holder {float:right;margin-top:24px;width:500px;text-align:right; }
.languages-holder .languages li {display:inline; cursor:pointer;margin-left:5px;}
.languages-holder .languages li img {border:solid 1px #c4c4c4;}
.languages-holder .languages li.transparent-flag img {border:solid 1px transparent;}


.header-menu {float:left;margin-top:4px;}
.header-menu > ul {float:left;}
.header-menu > ul > li {display:inline; position:relative;}
ul.header-menu > li{padding-left:0px;float:left;background: url(../images/bullets/icon-menu.png) no-repeat left top;}
ul.header-menu > li.item1{padding-left:0px; background:none;float:left;  }
ul.header-menu > li.item2 a{cursor: default !important; }
.header-menu > ul > li#fr > a {padding:9px 36px 9px 35px;float:left;font-size:13px;font-weight:bold;color:#fff;}
.header-menu > ul > li#fr > a:hover {color:#ffd925;text-decoration:none; background: #4a4a4a;}
.header-menu > li#fr.active > a {background:#4a4a4a;color:#ffd925}

.header-menu > ul > li#en > a {padding:9px 36px 9px 36px;float:left;font-size:13px;font-weight:bold;color:#fff;}
.header-menu > ul > li#en > a:hover {color:#ffd925;text-decoration:none; background: #4a4a4a;}
.header-menu > li#en.active > a {background:#4a4a4a;color:#ffd925}

.header-menu > li > ul.sous-fr {width:188px;  position: absolute;  top:35px; left: 0px;background:#4a4a4a;padding:5px 5px 20px 30px;z-index:9999 !important;}
.header-menu > li > ul.sous-fr > li {padding-left:14px; background:url(../images/bullets/icon-submenu.png) left 8px no-repeat;float:left;list-style-type:none;width:170px;}
.header-menu > li > ul.sous-fr > li > a {color:#fff;font-size:11px;cursor:pointer !important}
.header-menu > li > ul.sous-fr > li.active > a {text-decoration:underline}

.header-menu > li > ul.sous-en {width:165px;  position: absolute;  top:35px; left: 0px;background:#4a4a4a;padding:5px 5px 20px 30px;z-index:9999 !important;}
.header-menu > li > ul.sous-en > li {padding-left:14px; background:url(../images/bullets/icon-submenu.png) left 8px no-repeat;float:left;list-style-type:none;width:130px;}
.header-menu > li > ul.sous-en > li > a {color:#fff;font-size:11px;cursor:pointer !important}
.header-menu > li > ul.sous-en > li.active > a {text-decoration:underline}

.logo{margin-top:9px;float:left;width:398px;height:141px;}
.logo-text{font-size:13px;font-weight:bold;color:#bebebe !important;padding:6px 0px 7px 0px;}
.logo-text:hover{text-decoration:none;}

.header-text{float:right;width:445px;}
.image1{float:left}
.image2{float:left}
.image3{float:left}

#facebook_like_button_holder-fr{position:relative;width:88px;height: 30px;float:left;margin-top:6px;margin-left:18px;}
#facebook_like_button_holder-fr .fb-like {position:absolute;top:6px;width:70px !important;}
#fake_facebook_button-fr {pointer-events: none;position:absolute;background: url(../images/layout/facebook1-fr.png) no-repeat left top;width:88px;height:32px;float:left;font-size:12px;color: #fff;text-decoration:none;}

#facebook_like_button_holder-en{position:relative;width:88px;height: 30px;float:left;margin-top:6px;margin-left:78px;}
#facebook_like_button_holder-en .fb-like {position:absolute;top:6px;width:70px !important;}
#fake_facebook_button-en {pointer-events: none;position:absolute;background: url(../images/layout/facebook1.png) no-repeat left top;width:88px;height:32px;float:left;font-size:12px;color: #fff;text-decoration:none;}

.suivez-nous{padding:5px 35px;border:solid 1px red;position:absolute;}


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



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

#info                   { clear: both;width:996px;height:39px;background:url(../images/layout/bg-info.jpg) left top no-repeat;  }
#info-inner             {padding-top:9px;padding-left:16px;font-size:11px;color:#fff; }

.bg-index-encarts{width:996px;height:219px;background:url(../images/layout/bg-index-encarts.jpg) left top no-repeat;padding-top:18px;}
.img1{float:left;}
.img2{float:left;margin-left:48px;}
.img3{float:left;margin-left:48px;}

.index-encart{width:288px;height:203px;background:url(../images/layout/index-encart.jpg) left top no-repeat;padding-top:10px;padding-left:18px;padding-right:18px;float:left;}
.index-encart1{width:289px;height:203px;background:url(../images/layout/index-encart.jpg) left top no-repeat;padding-top:10px;padding-left:18px;padding-right:17px;float:left;margin-left:12px;}

.bg-diapo{width:316px;height:244px;background:url(../images/layout/bg-diapo.jpg) left top no-repeat;margin-top:12px;padding-left:20px;float:left;}
.bg-diapo-usinage{width:316px;height:224px;background:url(../images/layout/bg-diapo.jpg) left top no-repeat;padding-left:20px;margin-bottom:22px;float:left;}
.diapo-title{position:absolute;left:0px; top:119px;width:279px;background:#414141;color:#fff;padding:5px ;display:block;opacity:0.7;z-index:100;text-align:left !important;font-size:11px; line-height:17px;height:37px}

.bg-gray-index{background:#555555;padding:14px 18px 15px 18px;width:624px;float:right;margin-top:12px;height:auto;margin-bottom:12px;height:195px !important;}
.bg-gray-right{background:#555555;padding:14px 18px;width:624px;float:right;height:auto;}
.bg-gray-plan{background:#555555;padding:14px 18px;height:auto;margin-bottom:15px;}
.left-text{width:510px;float:left;}
.gray-background-right{background:#555555;padding:14px 18px;width:624px;float:right;height:auto;margin-top:12px;}
.holder-diapos-usinage{width:326px;float:left;}


.under-construction{background:#555555;color:#fff;font-weight:bold;text-align:center !important;padding:100px 0px;margin-bottom:12px;}


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

#footer .box1           { float: left; text-align: left;padding-top:18px;padding-left:10px; }
#footer .box2           { float: left; text-align: right; padding-top:22px;padding-left:318px;font-size:11px;}

#copyright              { clear: both; }
#copyright .site-name   { font-weight: bold;color:#444444; }

#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-footer-holder-en menu ul li a span {border:solid 1px red;float:left;}   */


.menu                   { float:left;font-size:11px;padding-left:17px; }
.menu li                { float: left;list-style-type:none;  }
.menu li span           { width:3px;height:3px;padding: 0px 13px 0px 12px; /*background:url(../images/layout/icon-footer.jpg) 8px 6px no-repeat !important; */}
.menu li a:link,
.menu li a:visited      { text-decoration:none; color:#3c5369 !important;text-decoration:none !important; }
.menu li a:hover,
.menu li a:active,
.menu li.active a       { text-decoration:underline; color:#3c5369 !important;text-decoration:underline !important; }

.menu-footer-holder-en{padding-left:20px;}
.menu-footer-holder-en > .menu > ul > li > span  {padding: 0px 8px 0px 7px;}
/*  ----------------------------------------------------------------------------
    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: #333333; border-color: #777777; }
.pagination a:hover     { background: #face00; color: #333333; border-color: #333333; }
.pagination .active     { background: #face00; color: #333333; border-color: #333333; }
.pagination .disabled   { background: #EAEAEA; color: #face00; border-color: #BEBEBE; }

/*  Separators
----------------------------------------------------------------------------- */
.s1                     { height: 2px; margin: 9px 0px 10px 0px; background: url(../images/layout/bg-s1.jpg) repeat-x left top; }
.s2                     { height: 2px; margin: 20px 0px 0px; background: url(../images/layout/bg-s1.jpg) repeat-x left top;width:745px; }
.s3                     { height: 2px; margin: 20px 0px 0px; background: url(../images/layout/bg-s1.jpg) repeat-x left top;width:745px; float:right}
.s4                     { height: 2px; margin: 5px 0; background: url(../images/layout/bg-s1.jpg) repeat-x left top; }
/*  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; }


	
			/*  ----------------------------------------------------------------------------
			Modules > MDM
		----------------------------------------------------------------------------- */
.news-holder{float:right;width:624px;padding:11px 18px;height:75px;margin-bottom:10px;position:relative;top:462px;background:#555555;}
.diapo-holder{position:relative;top:450px;}


		#news                           { clear: both;}
		#news-inner                     { }
		#news .news                     { }
		#news .news-inner				{ }
		 .news-title               { font-weight: bold; }
		#news .news-date                { }
		#news .news-photo               { float: left; margin: 0 10px 0 0; padding: 3px; border: 1px solid #CCCCCC; }
		#news .news-text                { text-align: justify; }
		#news .news-url                 { }
		#news .news-btn                 { float: right; font-weight: bold; }

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

		#news-list                      { clear:both;}
		#news-list-inner                { }
		#news-list .news                { margin: 0 0 10px 0; padding: 10px; background: #555555;color:#fff; }
		#news-list .news-title          { background: url(../images/layout/bg-s1.jpg) repeat-x left bottom;line-height:22px;text-transform:uppercase;padding-bottom:5px;margin-bottom:5px;}
		#news-list .news-date           { }
		#news-list .news-photo          { float: left; margin: 0 10px 10px 0; border: 1px solid #bababa; }
        a.news-photo img{width:150px;}

		#news-list .news-text           { text-align: justify; }
		#news-list .news-url            { }
	
	
	
		/*  ----------------------------------------------------------------------------
    Modules > Content management
----------------------------------------------------------------------------- */

.content-management                         {clear:both;}
.content-management .gray-background        {margin: 0 0 10px 0; padding: 14px 18px;background:#555555  }
.content-management .paragraph              { margin: 0 0 10px 0; padding: 14px 18px;background:#555555 }
.content-management .paragraph-title        { margin: 0 0 7px 0; padding: 5px 10px; font-weight: bold; background: #565656; color: #FFFFFF;float:left;width:98% }
.content-management .paragraph-text         { display:table;width:745px;float:left;}
.content-management .paragraph-images       { }

.paragraph-images         {width:214px;float:left; }
.paragraph-images .image1        {float:right; }
.paragraph.images-left .paragraph-images a span    { float: left; margin: 0 10px 0 0; }
.paragraph.images-right .paragraph-images   { float: right; margin: 0 0 0 10px; }
	
#paragraph-images a span {margin:0px 21px;}
.paragraph.images-left .paragraph-images a span{float:left;height:150px !important;width:200px !important;}
.paragraph.images-right .paragraph-images a span{float:left;height:150px !important;width:200px !important;}

.content-management > p {text-align:justify;}
.background-text{ margin: 0 0 10px 0; padding: 10px; background: #555555;color:#fff; } 

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

#web-directory-desc             { width: 100%; margin: 10px auto; }
#web-directory-desc p           { padding: 10px 0; text-align: center; }

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                     { background: #DDDDDD; }
		#newsletter-inner               { padding: 5px; }
	
	
	



	
	
/*  ----------------------------------------------------------------------------
    Modules > Users
----------------------------------------------------------------------------- */

#mini-account                           { padding: 10px; background: #F9EB9D; color: #000000; }

#account-home-nav                       { overflow: hidden; padding: 10px; background: #C2D517; }

#recover-pass                           { display: none; }
			
	
	
/*  ----------------------------------------------------------------------------
    Modules > Cart
----------------------------------------------------------------------------- */

#cart-status                { padding: 10px; background: #C1E0FF; color: #000000; }
			
	/*addons-style_css*/

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