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

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

/*  home (B1)
----------------------------------------------------------------------------- */
.home                   { background: #f0f0f0 url(../images/layout/bg-1.gif) repeat-x 0 0; color: #FFFFFF; }

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

.home #wrap-container   { margin-top: 0px; background: transparent /* url(../images/layout/wrap-container-bg.jpg) repeat-y center top */; }
.home #container        { width: 957px; color: #000000; }

.home #header           { width: 957px; height: 299px; color: #FFFFFF; position:relative;}
.home #header-inner     { }

.home #content          { width: 957px; padding-bottom:20px; }
.home #content-inner    { }

.home #sidebar          { width: 253px; }
.home #sidebar-inner    { padding-left:20px;}

.home #main             { width: 704px; background: #FFFFFF; color: #444444; }
.home #main-inner       { border:1px solid #c8c8ca; min-height: 918px;}

.home #wrap-footer      { margin-bottom: 0px; padding-bottom: 0px; background: transparent url(../images/layout/wrap-footer-bg.gif) repeat-x 0 0; }
.home #footer           { width: 957px; color: #FFFFFF; }
.home #footer-inner     { height:44px;}

a:link,
a:visited               { color: #5495d7; }
a:hover,
a:active                { color: #fe0000; }

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

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

#main h1                { margin: 0 0 10px 0; padding: 5px 13px; }

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

#info                   { clear: both; background: #FFFFFF url(../images/layout/coordonnees-bg.jpg) 0 0 no-repeat; border:1px solid #c0d8f0; margin-bottom: 20px; }
#info-inner             { padding: 48px 9px 5px;}
#info .title				{ font-weight: 800;}
#info .tel					{ background: url(../images/layout/icon-tel.gif) 0 50% no-repeat;padding-left:18px;}
#info .email				{ background: url(../images/layout/icon-email.gif) 0 50% no-repeat;padding-left:18px; }

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

#footer .box1           { float: left; text-align: left; }
#footer .box2           { float: right; text-align: right; padding-top:14px; }

#copyright              { float:right; padding-right: 10px; }
#copyright .site-name   { font-weight: bold; }

#made-by                { }
#made-by-logo           { display: inline-block; }
#made-by a:link,
#made-by a:visited      { display: block; width: 98px; height: 40px; background: url(../images/layout/digitalage.png) -98px 0 no-repeat; text-indent: -9999px; }
#made-by a:hover,
#made-by a:active       { background-position: 0 0;}

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

.menu                   { float:right;}
.menu li                { float: left; display:inline;}
.menu li span           { padding: 0 2px; float:right;}
.menu li a:link,
.menu li a:visited      { color:#ffffff; text-decoration: none;}
.menu li a:hover,
.menu li a:active,
.menu li.active a       { color:#5495D7; text-decoration: underline;}

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

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

/*  Lists
----------------------------------------------------------------------------- */
.list                   { float: left; padding:0 13px; }
.list li                { padding: 0 0 0 25px; 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: 10px 0; background: #ccc; }

/*  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              { margin: 0; padding: 0 0 9px; }
.content-management .bg2              { background: url(../images/layout/paragraph2-bg.jpg) 0 36px repeat-x; }
.content-management .paragraph-title        { margin: 0 0 7px 0; padding: 5px 13px; font-weight: bold; background:#ffffff url(../images/layout/h2-bg.jpg) 0 0 repeat-y; color: #021766; }
.content-management .paragraph-text         { padding:15px 13px 0px 13px; position:relative; z-index: 110;}
.content-management .paragraph-text h3		  { text-align:center; font-size:13px; font-weight:bold; border-top:1px solid #c8c8ca;padding:5px 13px 0; margin: 0 0 0 -13px; width: 100%;}
.content-management .paragraph-text *		  {  line-height:17px}
.content-management .paragraph-text p		  { padding-bottom: 17px; text-align: justify;}
.content-management .paragraph-text li		  { padding-left: 20px; background: url(../images/layout/bullet1.png) 0 5px no-repeat; }
.list2col li										  { width:47%; float: left;}
.content-management .paragraph-images       { position:relative; z-index: 120; padding-top:15px;}

.paragraph.images .paragraph-images         { }
.paragraph.images-left .paragraph-images    { float: left; margin: 0 13px 0; }
.paragraph.images-right .paragraph-images   { float: right; margin: 0 13px 10px; }

.paragraph h2.title2{ margin: 0 0 7px -13px; padding: 5px 13px; font-weight: bold; background:#ffffff url(../images/layout/h2-bg.jpg) 0 0 repeat-y; color: #021766; width:100%; }
/*  ----------------------------------------------------------------------------
    Modules > MDM
----------------------------------------------------------------------------- */

#news                           { clear: both; background:#ffffff url(../images/layout/actualites-bg.jpg) 0 0 no-repeat; border:1px solid #c0d8f0; margin-bottom:20px; }
#news-inner                     { padding:48px 9px 5px; }
#news .news                     { }
#news .news-inner				{ }
#news .news-title               { font-weight: bold; line-height:24px; }
#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; text-decoration:underline; line-height:30px; }

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

#news-list                      { }
#news-list-inner                { }
#news-list .news                { margin: 0 0 10px 0; padding:0;background: #FFFFFF; }
#news-list .news-title          { margin: 0 0 7px 0; padding: 5px 10px; font-weight: bold; background:#ffffff url(../images/layout/h2-bg.jpg) 0 0 repeat-y; color: #021766; }
#news-list .news-date           { }
#news-list .news-photo          { float: left; margin: 0 10px 10px 13px; padding: 5px; border: 1px solid #CCCCCC; }
#news-list .news-text           { text-align: justify; padding: 0 13px; }
#news-list .news-url            { }

/*  ----------------------------------------------------------------------------
    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: 75%; margin: 0 auto; }
table#web-directory td          { padding: 0 10px 10px 0; vertical-align: top; text-align: center; }
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:url(../images/layout/newsletter-bg.png) 0 0 no-repeat; position:absolute; z-index: 100; top: 14px; right:0px; width: 265px; height: 71px; line-height: 28px;}
#newsletter-inner               { padding: 32px 22px 5px; }
#newsletter .input-text			  { width:180px; padding:2px;}
#newsletter input.input-button  { width:28px; height:28px; text-indent: -9999px; border:0px none; background: url(../images/layout/btn-newsletter.png) 0 0 no-repeat;}

/*  ----------------------------------------------------------------------------
    CTL Renou additional styles
----------------------------------------------------------------------------- */
.plan-acces							  { display: block; width:231px; height: 102px; background: url(../images/layout/plan.jpg) 0 0 no-repeat; border:1px solid #c0d8f0; text-indent: -9999px; }
.plan-acces:hover					  { background-position: -231px 0;}

.paragraph-images a{ border:1px solid #c8c8ca;}
.paragraph-images a img{ border:1px solid #ffffff;}

.sidebanner{margin-bottom:20px;}
.txt-orange{ color:#fe0000;}
.plan {width: 210px; padding:0 13px;}
.plan-button {
    float: right;
    margin-right: 30px;
    margin-top: 10px;
}
.cont_plan { margin-left: 1px;}