/*  ----------------------------------------------------------------------------
    * Filename:         style.css
    * Description:      Default theme
    * Version:          1.0 (2010-10-14)
    ------------------------------------------------------------------------- */
@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/myriadpro-regular_1.eot');
    src: url('../fonts/myriadpro-regular_1.eot') format('embedded-opentype'),
         url('../fonts/myriadpro-regular_1.woff') format('woff'),
         url('../fonts/myriadpro-regular_1.ttf') format('truetype'),
         url('../fonts/myriadpro-regular_1.svg#MyriadProRegular') format('svg');
}

@font-face {
    font-family: 'LatoLight';
    src: url('../fonts/lato-light.eot');
    src: url('../fonts/lato-light.eot') format('embedded-opentype'),
         url('../fonts/lato-light.woff') format('woff'),
         url('../fonts/lato-light.ttf') format('truetype'),
         url('../fonts/lato-light.svg#LatoLight') format('svg');
}

@font-face {
    font-family: 'OswaldRegular';
    src: url('../fonts/oswald-regular.eot');
    src: url('../fonts/oswald-regular.eot') format('embedded-opentype'),
         url('../fonts/oswald-regular.woff') format('woff'),
         url('../fonts/oswald-regular.ttf') format('truetype'),
         url('../fonts/oswald-regular.svg#OswaldRegular') format('svg');
}


/*  ----------------------------------------------------------------------------
    1. Layouts
----------------------------------------------------------------------------- */
/*  catalog (B1)
----------------------------------------------------------------------------- */
.catalog                   { background: #e3e3e3  url(../images/layout/bg-body.jpg) no-repeat center top ; }

.catalog #bg1              { background:url(../images/layout/bg-fix.png) no-repeat center -250px; }
.catalog #bg2              { background: transparent /* url(../images/layout/bg2.jpg) no-repeat center top */; }
.catalog #bg3              { background: transparent /* url(../images/layout/bg3.jpg) no-repeat center bottom */; }

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

.catalog #header           { width: 996px; height: 190px; }

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

.catalog #sidebar          { width: 300px; }

.catalog #main             { width: 946px; background:url(../images/layout/bg-content-catalog.jpg) no-repeat center top; padding:0 25px 15px 25px;}

.catalog #wrap-footer      { margin-bottom: 0px; padding-bottom: 0px; }
.catalog #footer           { width: 996px;  background:url(../images/layout/bg-footer.png) no-repeat center top; padding:40px 0 20px 0; font-size:11px;}


/*  home (B1)
----------------------------------------------------------------------------- */
.home                   { background: #e3e3e3  url(../images/layout/bg-body.jpg) no-repeat center top ; }

.home #bg1              { background:url(../images/layout/bg-fix.png) no-repeat 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: 996px; }

.home #header           { width: 996px; height: 190px; }

.home #content          { width: 996px;  }

.home #sidebar          { width: 300px; }

.home #main             { width: 946px; background:url(../images/layout/bg-content.png) no-repeat center top; padding:0 25px 15px 25px;}

.home #wrap-footer      { margin-bottom: 0px; padding-bottom: 0px; }
.home #footer           { width: 996px;  background:url(../images/layout/bg-footer.png) no-repeat center top; padding:40px 0 20px 0; font-size:11px;}


a:link,
a:visited               { color: #186282; }
a:hover,
a:active                { color: #000000; }

a,
a *,
input,
button {  transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s;}


/*  ----------------------------------------------------------------------------
    2. Header elements
----------------------------------------------------------------------------- */
.header-left { float:left; padding-top:31px; }
.header-left .logo:hover img { opacity:0.7; filter: alpha(opacity=70); }
.header-right { float:right; width:790px; padding-top:56px;}

.header-right .top-menu { float:right; width:760px; background:url(../images/layout/bg-menu.png) no-repeat right bottom; padding:0 30px 82px 0; text-align:right;}

.top-menu li    { display:inline; }
.top-menu li a  { text-transform:uppercase;font-family: 'MyriadProRegular'; font-size:18px; line-height:36px; margin-right:9px; padding:8px 20px; color:#2e2e2e; display:inline-block; background:transparent; }
.top-menu li.active a,
.top-menu li a:hover  { color:#fffefe; text-decoration:none;
background: #186282; /* Old browsers */
background: -moz-linear-gradient(top,  #186282 0%, #0c3344 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#186282), color-stop(100%,#0c3344)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #186282 0%,#0c3344 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #186282 0%,#0c3344 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #186282 0%,#0c3344 100%); /* IE10+ */
background: linear-gradient(to bottom,  #186282 0%,#0c3344 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#186282', endColorstr='#0c3344',GradientType=0 ); /* IE6-9 */
}



/*  ----------------------------------------------------------------------------
    3. Content elements
----------------------------------------------------------------------------- */
#photo-slider { width:996px; float:left; height:335px; background:url(../images/layout/bg-slider.png) no-repeat left bottom;  }

#main h1               { margin:0 0 27px 0; padding: 0px 10px 23px 10px; text-align:center; font-family: 'LatoLight'; color:#010101; background: url(../images/layout/bg-h1.png) no-repeat center bottom;}
.sitename-title        { font-family: 'LatoLight'; font-size:26px; color:#000000; line-height:30px; text-align:center; width:100%; clear:both;  padding:9px 0 5px 0; font-weight:bold;}

.fancybox { width:326px; height:135px;}
.fancybox .fancybox-title {font-family: 'OswaldRegular'; font-size:20px; color:#0d0d0d; text-transform:uppercase; line-height:23px; padding:0 0 19px 0;}

.fancybox.left { padding-right:47px; padding-left:100px; background:url(../images/layout/icon-fancybox-left.png) no-repeat left 34px;}
.fancybox.right{ padding-left:47px; padding-right:100px; background:url(../images/layout/icon-fancybox-right.png) no-repeat right 34px;}

.fancybox.left .fancybox-title,
.fancybox.left .fancybox-text { text-align:right; }


/*---- Sidebar menu ------------------------------------------------------------*/
#nav                    { width:254px; float:left; margin:10px 0;}


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

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

#copyright              { clear: both; font-size:11px}

#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                   { text-transform:uppercase;}
.menu li                { float: left; }
.menu li span           { padding: 0 5px; color:#000000;}
.menu li a:link,
.menu li a:visited      { color:#5B5B5B;}
.menu li a:hover,
.menu li a:active,
.menu li.active a       { color:#000000; text-decoration:none;}

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

.list2                   { display:inline-block; width:33%; text-align:center;}
.list2 li                { padding: 0 0 0 0x;  }
/*  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: #333333; }

/*  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
----------------------------------------------------------------------------- */
.empty-bdd              { text-align:center; padding:50px 0; font-weight:bold; border:1px solid #cecece; background: #f7f7f7;}
.details-contact        { padding:20px; background:#f7f7f7; border:1px solid #cecece; margin:0 0 10px 0;}
	
	
		/*  ----------------------------------------------------------------------------
    Modules > Content management
----------------------------------------------------------------------------- */

.content-management                         { }
.content-management .paragraph              { margin: 0 0 20px 0; }
.content-management .paragraph-title        { margin: 0 0 7px 0; font-family: 'OswaldRegular'; font-size:20px; color:#0d0d0d; text-transform:uppercase; line-height:23px; }
.content-management .paragraph-text         { text-align:justify; }
.content-management .paragraph-images       { text-align:center; }

.paragraph.images a img         { border:1px solid #ffffff; margin:0 10px 0 0;}
.paragraph a:hover img         { border-color:#186282 !important;}

.paragraph.images-left .paragraph-images    { float: left; margin: 0 20px 0px 0; width:222px;}
.paragraph.images-left .paragraph-images img   { border:1px solid #ffffff; margin: 0 0 5px 0;}
.paragraph.images-right .paragraph-images   { float: right; margin: 0 0 0px 20px; width:222px; }
.paragraph.images-right .paragraph-images img  { border:1px solid #ffffff;  margin: 0 0 5px 0;}

.paragraph.images-left .paragraph-text,
.paragraph.images-right .paragraph-text    { display:table; }

	/*addons-style_css*/


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

.gallerylist-holder             { background: url(../images/layout/bg-menu-holder-sep.png) repeat-y 268px top; }
.gallerylist                    { float: right; width:660px; padding: 0 5px;}
.gallerylist .gallery           { position:relative; width:206px; padding:10px 0 0 0; float: left; display:inline; background: #FFFFFF; border:1px solid #c6c6c6; margin:0 5px 10px 5px;}

.gallerylist .gallery-title a   { padding:7px 10px; line-height:normal; background: #EBEBEB; color:#676767; text-align:left; width:186px; float:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.gallerylist .gallery-date      { clear: both; display:none;}
.gallerylist .gallery-photo     { float: left; width:180px; height:130px; overflow:hidden; margin:0 0 12px 12px; display:inline; text-align:center;}
.gallerylist .gallerylist-text  { text-align:justify; padding:0 7px 10px 7px; }

.gallerylist .gallery:hover     { border:1px solid #444444; }
.gallerylist .gallery:hover .gallery-title a,
.gallerylist .gallery .gallery-title a:hover   { background:#186282; color:#ffffff; text-decoration:none; }



/*  ----------------------------------------------------------------------------
    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; padding:15px 20px; border:1px solid #cecece; background:#ffffff; margin: 0 0 10px 0;}

.paragraph-collapse .collapse-text { display:none; padding:10px 0;} 
.paragraph-collapse .collapse-title { border-bottom:1px solid #ccc; padding:0 0 10px 0; margin:0; cursor:pointer; } 
.paragraph-collapse .collapse-title i{ font-size:19px; position:relative; color:#186282; margin-right:5px; }