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

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

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

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

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

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

.home #content          { width: 996px; background: #fff url(../images/layout/content-bg.gif) repeat-y 0 0; }
.home #content-inner    { }

.home #sidebar          { width: 320px; }
.home #sidebar-inner    {overflow:hidden;}

.home #main             { width: 656px; }
.home #main-inner       { padding:14px 0 0 20px; }

.home #wrap-footer      { margin-bottom: 0px; padding-bottom: 20px; background: transparent url(../images/layout/wrap-footer-bg.gif) no-repeat center top; }
.home #footer           { width: 996px; color: #463f32; overflow:hidden; }
.home #footer-inner     { }

a:link,
a:visited               { color: #5cb217; }
a:hover,
a:active                { color: #5cb217; }

.link1, a.link1:visited { color: #5cb217; text-decoration: underline; }

.sameLinks a:link, .sameLinks a:visited { text-decoration:none; color:#463f32; }
.sameLinks a:hover, .sameLinks a:focus  { text-decoration:underline; color:#5cb217; }

.sameLink:link, .sameLink:visited 		{ text-decoration:none; color:#463f32; }
.sameLink:hover, .sameLink:focus 		{ text-decoration:underline; color:#5cb217; }

.color01 { color:#5cb217; }

.pageTitles { text-align:right; height:48px; overflow:hidden; }
.pageTitles img { margin:-5px 0 0 0; }

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

#header .box1           { display:block; position:absolute; left:0; top:0; width:996px; height:320px; z-index:10; }

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

#main h1                { margin: 0 0 21px 0; padding:0 0 10px 0; color:#463f32; font-weight:normal; border-bottom:1px solid #716c61; text-align:justify; }
#main h1 .site-name 	{  }
#main h2                { margin:0 0 6px 0; padding:0; color:#3b3bff; font-weight:bold; text-align:justify; overflow:hidden; }
#main h3                { margin:0 0 6px 0; padding:0; color:#463f32; font-weight:bold; text-align:justify; }
#main h4                { margin:0 0 6px 0; padding:0; color:#848485; font-weight:bold; text-align:justify; }
#main p                 { margin:0 0 5px 0; text-align:justify; }
#main p.listHead        { background:url(../images/layout/bullet2.gif) 0 0 no-repeat; padding:3px 0 3px 50px; margin-bottom:6px; }

#diapo                  { clear: both; height:196px; overflow:hidden; }
#diapo-inner            { padding: 0px; }

#info                   { margin:0; padding:0; overflow:hidden; }
#info-inner             {  }
#info h3                { height:58px; margin:0; padding:0; overflow:hidden; }
#info h3 span           { display:block; }
#info a:link,
#info a:visited         { color: #8cf135; text-decoration:none; }
#info a:hover,
#info a:active          { color: #fdf1b8; text-decoration:underline; }
#info ul                { display:block; padding:0; }
#info ul li             { line-height:18px; margin:0 0 11px 0; white-space:nowrap; }
#info ul li.site-name   { font-weight:bold; font-size:12px; padding-top:2px; }
#info ul li.btn-mail    { /*background:url(../images/layout/ico-mail.png) 0 2px no-repeat; padding-left:22px; font-weight:bold;*/ }
#info ul li.ico-phone	{ background:url(../images/layout/ico-phone.png) 0 4px no-repeat; padding-left:40px; }
#info ul li.btn-plan	{ /*background:url(../images/layout/ico-plan.png) 0 1px no-repeat; padding-left:22px; font-weight:bold;*/ }

#info .coordonnees      { height:253px; background:url(../images/layout/box-coordonnees.jpg) 0 0 no-repeat; overflow:hidden; }
#info .coordonnees-inner{ padding:17px 20px 0 20px; font-size:11px; color:#fdf1b8; }

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

#footer .box1           { float:right; width:336px; font-size:11px; padding:16px 0 0 0; }
#footer .box2           { float:left; font-size:11px; padding:13px 0 0 0; }

#copyright              { float:right; line-height:normal; }
#copyright .site-name   { font-weight: bold; }

#made-by                { float:left; }
#made-by-logo           { display: inline-block; }
#made-by a:link,
#made-by a:visited      { display:block; float:left; width:80px; height:15px; 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 -15px; }

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

.menu                   {  }
.menu li                { float: left; }
.menu li span           { padding: 0 11px; }
.menu li a:link,
.menu li a:visited      { text-decoration:none; color:#463f32; }
.menu li a:hover,
.menu li a:active,
.menu li.active a       { text-decoration:underline; color:#37ac37; }

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

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

/*  box1
----------------------------------------------------------------------------- */
#main .box1 			{ display:block; margin:0; background:#fff url(../images/layout/box1-l.jpg) 0 100% no-repeat; border:1px solid #c9f585; overflow:hidden; }
#main .box1 .inner 		{ padding:10px 10px 10px 8px; background:url(../images/layout/box1-r.png) 100% 0 no-repeat; border:1px solid #fff; }
#main .box1-bot			{ display:block; height:7px; text-indent:-999em; background:url(../images/layout/box1-bot.gif) 100% 0 no-repeat; }

/*  box2
----------------------------------------------------------------------------- */
#main .box2 			{ display:block; height:43px; margin:0; background:url(../images/layout/box2.jpg) 0 0 no-repeat; overflow:hidden; }
#main .box2 .inner 		{ padding:12px 11px 0 178px; color:#fdf1b8; }
#main .box2 a:link,
#main .box2 a:visited   { color:#fff; }
#main .box2 a:hover,
#main .box2 a:active    { color:#fff; }

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

/*  Lists
----------------------------------------------------------------------------- */
.list                   { padding:0; }
.list li                { padding: 0 0 0 22px; margin:0 0 5px 0; background: url(../images/bullets/bullet1.png) no-repeat 0 4px; line-height:18px; }

.list1                  { padding:0; margin:0 0 5px 0; }
.list1 li               { display:block; padding: 0 0 0 22px; margin:0 0 6px 0; background: url(../images/bullets/bullet1.png) no-repeat 0 4px; text-align:justify; line-height:18px; }

.list-plan                { padding:0 0 0 20px; }
.list-plan li             { padding: 0 0 0 22px; background: url(../images/bullets/bullet1.png) no-repeat 0 4px; line-height:18px; margin:4px 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:underline; }

/*  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: #2e9d2e; color: #fff; border-color: #beebbe; }
.pagination a:hover     { background: #fff; color: #5cb217; border-color: #ece3b6; }
.pagination .active     { background: #fff; color: #5cb217; border-color: #ece3b6; }
.pagination .disabled   { background: #0a3e00; color: #f9ff55; border-color: #65ca52; }

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

/*  Thumbnails
----------------------------------------------------------------------------- */
.thumb                  { display: inline-block; border: 1px solid #ece3b6; background: #fff; padding:1px; }
a.thumb:hover           { border: 1px solid #c9f585; background: #fff; }

.thumb-l				{ float:left; display: inline-block; margin:0 13px 0 0; }
.thumb-l a              { float:left; border: 1px solid #ece3b6; background: #fff; padding:4px; }
.thumb-l a:hover        { border: 1px solid #c9f585; background: #eaf4dc; }

.thumb-r				{ float:right; display: inline-block; margin:0 0 0 13px; }
.thumb-r a              { float:right; border: 1px solid #ece3b6; background: #fff; padding:4px; }
.thumb-r a:hover        { border: 1px solid #c9f585; background: #eaf4dc; }

.thumb-h 				{ width:152px; height:209px; background:url(../images/layout/thumb-h.png) 0 0 no-repeat; }
.thumb-w 				{ width:193px; height:120px; background:url(../images/layout/thumb-w.png) 0 0 no-repeat; }

/*  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                        { margin: 0 0 10px 0; height:80px; }
.product-filters .field                 { float: left; width: 535px; clear:both;}
.product-filters label                  { float: left; width: 200px; }
.product-filters .input-text            { float: left; width: 116px; }
.product-filters select                 { float: left; width: 250px; border:solid 1px #CDC9C0; margin:3px 0px; background:#ffffff; color:#000000;}

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

.product-list                           { clear: both; }
.product-list .product                  { margin: 0 33px 20px 0; border: 1px dotted #777777; width:184px; height:220px; float:left;}
.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-list                           { clear: both; }
.product-list .product1                  { margin: 0 33px 20px 0; border: 1px dotted #777777; width:630px; height:186px;}
.product-list .product-last             { margin-right: 0 !important; }
.product-list .product1-inner            { padding: 7px; }
.product-list .product1-promo            { }
.product-list .product1-ref              { }
.product-list .product1-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: 0 10px 0 0; }
.paragraph.images-right .paragraph-images   { float: right; margin: 0 0 0 10px; }

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

#news                           { position:absolute; top:120px; right:20px; width:280px; height:auto; padding:0; margin:0; /*background:#626262 url(../images/layout/box-news.gif) 0 0 no-repeat;*/ overflow:hidden; z-index:20; }
#news-inner                     { padding:0; color:#fdf1b8; font-size:11px; height:175px;}
#news h3                        { height:60px; margin:0; padding:0; overflow:hidden; }
#news h3 span                   { display:block; padding:0; }
#news .news                     { }
#news .news-inner				{ padding:0; }
#news .news-title               { line-height:14px; font-weight: bold; margin:0 0 10px 0; font-size:12px; }
#news .news-date                { }
#news .news-photo               { float: left; margin: 5px 0 0 0; padding: 6px; background:#fff; border: 0px solid #b4b4b4; }
#news .news-text                { text-align: justify; line-height:18px; height:62px; overflow:hidden; }
#news .news-url                 { }
#news .news-btn                 { float: left; width:97px; height:29px; line-height:normal; overflow:hidden; }
#news .news-btn a:link,
#news .news-btn a:visited       { float: left; width:100%; height:29px; text-indent:-999em; text-transform:uppercase; background:url(../images/layout/btn-plus-details.png) 0 0 no-repeat; overflow:hidden; }
#news .news-btn a:hover,
#news .news-btn a:active        { background-position:0 -29px; }
#news .bg-news-photo 			{ float:left; width:122px; height:118px; background:url(../images/layout/bg-img-news.png) 0 0 no-repeat; margin:0 11px 0 0; }

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

#news-list                      { }
#news-list-inner                { }
#news-list .news                { margin:0; padding:0; }
#news-list .news-title          { margin:0 0 6px 0; padding:0; color:#5cb217; font-weight:bold; text-align:justify; font-size:13px; line-height:18px; }
#news-list .news-date           { }
#news-list .news-photo img      { float: right; margin: 0 0 10px 20px; border: 1px solid #ece3b6; background: #fff; padding:4px; }
#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: 1px 10px 1px 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.gif) 0 3px no-repeat; padding-left:16px; }
table#web-directory a:hover,
table#directory a:active        { text-decoration:underline; }

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

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

#newsletter                     { display:block; height:97px; background:url(../images/layout/box-newsletter.jpg) 0 0 no-repeat; overflow:hidden; }
#newsletter-inner               { padding: 53px 20px 0 20px; }
#newsletter h3         			{ float:left; height:0px; margin:0; padding:0; text-indent:-999em; text-transform:uppercase; overflow:hidden; }
#newsletter h3 span    			{ display:block; padding:0; }
#newsletter label				{ margin:0; padding:0; }
#newsletter .inputHolder		{ width:244px; height:44px; float:left; padding:0; margin:0; background: url(../images/layout/bg_inputNewsletter.png) 0 0 no-repeat; }
#newsletter .inputHolder input  { width: 220px; display:inline; float:left; margin:0 0 0 20px; padding:3px 0px; line-height: normal; color:#463f32; font-size:11px; border:none; background:none;  z-index:1001; vertical-align: top; }
#newsletter .btn-ok				{ float:right; margin-left:-6px; border:none; background: url(../images/layout/btn-ok.png) left top no-repeat; width: 42px; height:24px; text-indent:-999em; text-transform:uppercase; }
#newsletter .btn-ok:hover		{ background-position:0 -24px; }

/*  ----------------------------------------------------------------------------
	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 #ece3b6; background: #fff; padding:4px; }