/* ==========================================================================
   FONT
   ========================================================================== */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 9, 2016 */



@font-face {
    font-family: 'garamond';
    src: url('../fonts/garamond/Garamond-Italic.eot');
    src: url('../fonts/garamond/Garamond-Italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/garamond/Garamond-Italic.woff') format('woff'),
         url('../fonts/garamond/Garamond-Italic.ttf') format('truetype'),
         url('../fonts/garamond/Garamond-Italic.svg#Garamond-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futura';
    src: url('../fonts/futura/Futura-Lig.eot');
    src: url('../fonts/futura/Futura-Lig.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura/Futura-Lig.woff') format('woff'),
         url('../fonts/futura/Futura-Lig.ttf') format('truetype'),
         url('../fonts/futura/Futura-Lig.svg#Futura-Lig') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futura_medium';
    src: url('../fonts/futura/Futura-Medium.eot');
    src: url('../fonts/futura/Futura-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura/Futura-Medium.woff2') format('woff2'),
         url('../fonts/futura/Futura-Medium.woff') format('woff'),
         url('../fonts/futura/Futura-Medium.ttf') format('truetype'),
         url('../fonts/futura/Futura-Medium.svg#Futura-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ==========================================================================
   STYLE
   ========================================================================== */
*{
  box-sizing:border-box;
  margin: 0;
  padding: 0;
  max-width: 100%;
  -webkit-font-smoothing: antialiased;
}
.clear{clear: both;}
html, body{
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust:100%;
}
body.menu-open{
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    position: fixed;
}
h1, h2, h3, h4, h5, p, div, span{
  margin: 0;
  font-weight: normal;
  padding: 0;
}
img{
    border : 0;
    vertical-align:middle;
    max-width: 100%;
    height: auto;
}

.container-center{
    max-width: 890px;
    margin: auto;
}

.fut_med{
    font-family: 'futura_medium', Verdana, sans-serif;
}


/***
    TOP
***/
.bloc-lang-switcher{
    position: absolute;
    top:24px;
}
.bloc-lang-switcher a{
    font-size: 15px;
    font-style: italic;
    font-family: 'garamond', Georgia, serif;
    transition: all .3s ease;
    text-decoration: none;
}
.bloc-lang-switcher a.inactive{
    color: #000;
}
.bloc-lang-switcher a.active{
    color: #e3e4e3;
}
/* FIN TOP */

.new-main-title{
    font-size: 82px;
    font-style: italic;
    font-family: 'garamond', Georgia, serif;
    color: #242629;
    text-align: center;
    font-weight: normal;
    line-height: 52px;
    margin-bottom: -22px;
    z-index: 2;
    position: relative;
}
.new-main-title span{
    color: #cdcccc;
}

.bloc-templates ul li{
    height: auto !important;
}
.bloc-templates ul:after{
    content: "";
    display: block;
    clear: both;
}

/***
    HOMEPAGE
***/
#homepage{
    width: 1200px;
    margin: auto;
    max-width: 100%;
    position: relative;
}
#homepage .section-bloc-home-item{
    display: block;
    position: relative;
    transition: all .3s ease;
}
#homepage .section-bloc-home-item img{
    display: block;
    width: 100%;
    transition: all .3s ease
}
#homepage .section-bloc-home-item .section-bloc-home-item-container{
    position: absolute;
    width: 100%;
    text-align: center;
    height: 100%;
}
#homepage .section-bloc-home-item .section-bloc-home-item-container .section-bloc-home-item-content{
    height: 100%;
    width: 100%;
    display: table;
}
#homepage .section-bloc-home-item .section-bloc-home-item-container .section-bloc-home-item-content .section-bloc-home-item-content-wrapper{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
#homepage .section-bloc-home-item.section-bloc-home-item-txt-bottom-left .section-bloc-home-item-container{
    height: auto;
    bottom: 40px;
    top: initial;
    left: 40px;
}
#homepage .section-bloc-home-item.section-bloc-home-item-txt-bottom-right .section-bloc-home-item-container{
    height: auto;
    bottom: 40px;
    top: initial;
    right: 40px;
    left: initial
}
#homepage .section-bloc-home-item.section-bloc-home-item-txt-top-left .section-bloc-home-item-container{
    height: auto;
    top: 40px;
    left: 40px;
}
#homepage .section-bloc-home-item.section-bloc-home-item-txt-top-right .section-bloc-home-item-container{
    height: auto;
    top: 40px;
    left: initial;
    right: 40px;
}
#homepage .section-bloc-home-item.section-bloc-home-item-txt-top-center .section-bloc-home-item-container{
    height: auto;
    top: 40px;
    left: initial;
    width: 100% !important;
}
#homepage .section-bloc-home-item.section-bloc-home-item-small .section-bloc-home-item-container{
    width: 150px;
}
#homepage .section-bloc-home-item.section-bloc-home-item-large .section-bloc-home-item-container{
    width: 200px;
}
#homepage .section-bloc-home-item.section-bloc-home-item-large .section-bloc-home-item-container .section-bloc-home-item-content-wrapper{
    width: 200px;
    display: block;
    margin: auto;
}
#homepage .section-bloc-home-item .section-bloc-home-item-content-wrapper-container{
    border-top: 3px solid #000;
    display: block;
    padding-top: 3px;
}
/*largeur container txt si center center*/
#homepage .section-bloc-home-item.section-bloc-home-item-small.section-bloc-home-item-txt-center-center .section-bloc-home-item-container,
#homepage .section-bloc-home-item.section-bloc-home-item-large.section-bloc-home-item-txt-center-center .section-bloc-home-item-container{
    width: 100%;
}
#homepage .section-bloc-home-item.section-bloc-home-item-small.section-bloc-home-item-txt-center-center .section-bloc-home-item-container .section-bloc-home-item-content-wrapper-container{
    width: auto;
    display: inline-block;
    margin: auto;
}
#homepage .section-bloc-home-item.section-bloc-home-item-large.section-bloc-home-item-txt-center-center .section-bloc-home-item-container .section-bloc-home-item-content-wrapper-container{
    width: 200px;
    display: block;
    margin: auto;
}
#homepage .section-bloc-home-item .section-bloc-home-visu{
    display: block;
    background: #000;
}
#homepage .section-bloc-home-item:hover .section-bloc-home-visu img{
    opacity: 0.8;
}
#homepage .section-bloc-home-item .article-content-title{
    font-family: 'garamond', Georgia, serif;
    font-size: 28px;
    line-height: 28px;
    font-style: italic;
    display: inline-block;
    color: #000;
    border-top: 1px solid #000;
    padding: 15px 0;
}
#homepage .btn-black{
    display: inline-block;
    padding: 10px 30px;
    background: #242629;
    font-family: 'garamond', Georgia, serif;
    font-size: 14px;
    font-style: italic;
    color: #fff;
}
#homepage .section-bloc-home-item.section-bloc-home-item-txt-white .section-bloc-home-item-content-wrapper-container{
    border-color: #fff;
}
#homepage .section-bloc-home-item.section-bloc-home-item-txt-white .article-content-title{
    border-color: #fff;
    color: #fff;
}
#homepage .section-bloc-home-item.section-bloc-home-item-txt-white .btn-black{
    background: #242629;
    color: #fff;
}
#homepage .section-bloc-home-item-small{
    width: 435px;
    height: 310px;
}
#homepage .section-bloc-home-item-tall{
    width: 435px;
    height: 624px;
}


/*section type 1*/
#homepage .section-bloc-home-t1{
    width: 1200px;
    max-width: 100%;
    margin: auto;
}
#homepage .section-bloc-home-t1 .section-bloc-home-content{
    width: 950px;
    max-width: 100%;
    margin: auto;
}
#homepage .section-bloc-home-t1 .section-bloc-home-item-small{
    width: 435px;
    height: 310px;
}
#homepage .section-bloc-home-t1 .section-bloc-home-item-tall{
    width: 435px;
    height: 624px;
    margin-right: 40px;
    margin-top: 50px;
}
#homepage .section-bloc-home-t1  .section-bloc-home-item{
    float: left;
}
#homepage .section-bloc-home-t1 .section-bloc-home-item-large{
    float: none;
}
#homepage .section-bloc-home-t1 .section-bloc-home-item-small.section-bloc-home-item-last{
    margin-left: 38px;
    margin-top: 60px;
}

/*section type 2*/
.section-bloc-home-t2 .section-multi-bloc{
    width: 1020px;
    max-width: 100%;
    margin: auto;
    border-top: 3px solid #000;
    margin-top: 30px;
    padding-top: 3px;
}
.section-bloc-home-t2 .new-main-title{
    margin-top: 30px;
}
.section-bloc-home-t2 .section-multi-bloc .section-multi-bloc-container{
    border-top: 1px solid #000;
    padding-top: 33px;
    display: block;
    text-align: center;
    margin-bottom: 40px;
}
.section-bloc-home-t2 .section-multi-bloc .section-multi-bloc-container .section-multi-bloc-item{
    width: 283px;
    display: inline-block;
}
.section-bloc-home-t2 .section-multi-bloc .section-multi-bloc-container .section-multi-bloc-item:first-child{
    float: left;
}
.section-bloc-home-t2 .section-multi-bloc .section-multi-bloc-container .section-multi-bloc-item:last-child{
    float: right;
}
.section-bloc-home-t2 .section-multi-bloc .section-multi-bloc-container .section-multi-bloc-item .section-multi-bloc-visu{
    display: block;
    background: #000;
}
.section-bloc-home-t2 .section-multi-bloc .section-multi-bloc-container .section-multi-bloc-item .section-multi-bloc-visu img{
    display: block;
    transition: all .3s ease;
}
.section-bloc-home-t2 .section-multi-bloc .section-multi-bloc-container .section-multi-bloc-item:hover .section-multi-bloc-visu img{
    opacity: 0.8;
}
.section-bloc-home-t2 .section-multi-bloc .section-multi-bloc-container .section-multi-bloc-item .section-multi-bloc-item-content{
    display: block;
}
span.section-multi-bloc-item-content {
    display: inline-block !important;
    min-width: 120px;
}
.section-bloc-home-t2 .section-multi-bloc .section-multi-bloc-container .section-multi-bloc-item .section-multi-bloc-item-content .section-multi-bloc-item-title{
    font-family: 'garamond', Georgia, serif;
    font-size: 28px;
    font-style: italic;
    line-height: 22px;
    padding: 20px 0 15px;
    display: block;
    color: #000;
}
.section-bloc-home-t2 .section-multi-bloc .btn-black{
    display: inline-block;
    padding: 10px 30px;
}


/*section type 3*/
#homepage .section-bloc-home-t3{
    width: 950px;
    max-width: 100%;
    margin: auto;
}
.section-bloc-home-t3 .section-bloc-home-item-1, .section-bloc-home-t3 .section-bloc-home-item-3{
    float: left;
}
.section-bloc-home-t3 .section-bloc-home-item-2, .section-bloc-home-t3 .section-bloc-home-item-4{
    float: right;
}
.section-bloc-home-t3 .section-bloc-home-item-2{
    margin-top: 30px;
}
.section-bloc-home-t3 .section-bloc-home-item-3{
    margin-top: 40px;
    margin-left: 30px;
    z-index: 2
}
.section-bloc-home-t3 .section-bloc-home-item-4{
    margin-top: -240px;
    margin-right: 100px;
    z-index: 1;
}

/* FIN HOMEPAGE */


/***
    PAGE CATEGORIE
***/
#container{
    width: 1200px !important;
}
#leftcolumn{
    display: none;
}
#rightcolumn{
    width: 100% !important;
}
#pagecontainer #rightcolumn .topblock img{
    display: block;
}
#pagecontainer .topblock h1{
    margin-top: -27px;
}

#intro-container #intro-blocks li h3, #intro-container #intro-blocks li h3 a, #intro-container #intro-blocks li h3 a strong{
    font-family: 'garamond', Georgia, serif;
    font-size: 22px;
    font-style: italic;
    font-weight: normal;
    text-align: center;
}
#intro-container #intro-blocks li h3{
    min-height: 50px;
    line-height: 50px;
    text-align: center;
    display: table;
    width: 100%;
}
#intro-container #intro-blocks li h3 a{
    display: table-cell;
    line-height: normal;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}
.topblock h1{
    text-align: center;
    font-family: 'garamond', Georgia, serif;
    font-size: 82px;
    line-height: 62px;
    font-style: italic;
    position: relative;
    z-index: 1;
}
#rightcolumn h2{
    text-align: center;
    font-family: 'garamond', Georgia, serif;
    font-size: 24px;
    line-height: normal;
    font-style: italic;
}


#content table{
    width: 100% !important;
}
#content table tr{
    display: flex;
}
#content table td{
    flex:1;
}

.flexslider .slides img{
    margin: auto;
}





body
{
    font-family : 'futura', Arial, sans-serif;
    color		: #000;
    font-size	: 14px;
    background	: #ffffff;
    line-height	: 20px;
}

a
{
    color			: #000;
    outline			: none;
    text-decoration: none;
    transition: color .3s ease;
}

a:hover
{
    color			: #cdcccc;
    outline			: none;
}

p
{
    text-align:justify;
}

label
{
    font-family : 'futura', Helvetica, sans-serif;
    font-size	: 11px;
    width		: 110px;
    text-align	: left;
    line-height	: 20px;
    display:block;
    float:left;
    color:#FFFFFF;
}

input,select, textarea
{
    font-family : 'futura', Helvetica, sans-serif;
    background	: #FFFFFF;
    border		: 1px solid #b3b8bc;
    font-size	: 14px;
    padding		: 7px;
    color		: #666666;
    vertical-align:middle;
    -webkit-appearance: none;
    border-radius: 0;
}

input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus
{
    background	: #FFFFFF;
    border		: 1px solid #b3b8bc;
}

.chkbox, .chkbox:hover, .chkbox:focus
{
    background:none;
    border:none;
}



ul,li{list-style : none;}

h1
{
    font-family : 'garamond', Georgia, serif;
    font-size		: 24px;
    color			: #000;
    font-weight		: normal;
    line-height		: 28px;
    font-style		: italic;
}

h2
{
    font-family : 'futura', Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:normal;
    color:#000;
    font-style:normal;
    padding:0px 0px 10px 0px;
    font-weight:normal;
    text-align:left;
}

h3
{
    font-family: 'garamond', Georgia, serif;
    color			: #000;
    font-size		: 14px;
    font-weight		: normal;
    line-height		: 15px;
    font-style		: italic;
}

h3 strong, h3 a strong
{
    font-weight:bold;
    color:#000;
}

h3 a
{
    color: #000;
}

h3 a:hover, h3 a:hover strong
{
    color:#000000;
}

h6
{
    font-family : 'futura', Arial, Helvetica, sans-serif;
    font-size:12px;
    text-transform:uppercase;
    font-weight:bold;
    color:#666666;
    line-height:30px;
}

.button, a.button
{
    display: block;
    background: #242629;
    font-family: 'garamond', Georgia, serif;
    font-size: 14px;
    font-style: italic;
    color: #fff;
    border: 1px solid #242629;
    padding: 10px 30px;
    transition: all .3s ease;
}

.button:hover, .button:focus
{
    color:#242629;
    background-color:#fff;
    border: 1px solid #242629;
    cursor      : pointer;
}

.errormsg
{
    color			: #A72929;
    font-size		: 11px;
}

.successmsg
{
    color			: #5A870D;
    font-size		: 11px;
}

/* Page Style */
#pagecontainer
{
    width:100%;
}
#pagecontainer #content{
    max-width: 890px;
    margin: auto;
}
#pagecontainer #content p a{
    text-decoration: underline;
}

#pagecontainer #content table p a{
    text-decoration: none;
}
#intro-blocks p a{
    text-decoration: none !important;
}
#page
{
    /*width:968px;*/
    margin:0 auto;
    padding: 5px 0;
}

/* Header Style */
#header
{
    width		: 1200px;
    max-width   : 100%;
    margin		: 0px auto;
    text-align	: center;
    display		: block;
    position	: relative;
    z-index		: 2;
}

#header .logo
{
	padding: 25px 0;
}

#header .social {
	position: absolute;
	top: 22px;
	right: 0px;
	width: 100px;
	text-align:right;
    font-family : 'futura', Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
}
#header .social a{
    text-decoration: none;
}

#header .login
{
    font-size:11px;
    color:#666666;
    position:absolute;
    right:0;
    top:0px;
    text-transform:uppercase;
}

#header .login a
{
    color:#999999;
    text-transform:none;
}

#header .login span, #header .login a:hover
{
    color:#666666;
    text-transform:none;
}

/* Menu Style */
.menu-container{
    display:block;
    border-top:3px solid #000;
}
#header #menu
{
    display:block;
    border-top:1px solid #000;
    padding:0px;
    z-index:1;
    margin: 3px auto 0;
}
#header #menu ul.navigation{
    padding: 15px 0;
    display: flex;
    width: 890px;
    max-width: 100%;
    margin: auto;
    position: relative;
}
#header #menu ul li
{
    display         : inline-block;
    width			: auto;
    color			: #999999;
    text-transform	: uppercase;
    font-size		: 12px;
    white-space     : nowrap;
    -webkit-flex    : 1;
    flex            : 1;
}

#header #menu ul li a
{
    color		: #000;
    padding		: 0px 13px;
    line-height	: 25px;
    display		: block;
    font-family : 'futura', Arial, sans-serif;
    font-size   : 13px;
    transition  : all .3s ease;
    text-transform: uppercase;
    text-decoration: none;
}
#header #menu ul li a span{
    font-family : 'garamond', Georgia, serif;
    font-size   : 14px;
    color       : #cdcccc;
    text-transform: none;
}

#header #menu ul li.last a
{
    color:#666666;
}

#header #menu ul li ul
{
    background:url(../images/transparent-strip.png) 0px 0px repeat;
    padding:10px 13px;
    display:block;
    position:absolute;
    top:27px;
    padding: 40px;
}

#header #menu ul li ul li
{
    line-height:18px;
    font-size:12px;
    color:#666666;
    text-transform:uppercase;
    margin-bottom:11px;
    float:none;
    text-align:left;
    white-space:nowrap;
    display: block;
}

#header #menu ul li ul li.last
{
    margin-bottom:0px;
}

#header #menu ul li ul li a
{
    color:#000;
    padding:0px;
    line-height:18px;
    transition: color .3s ease;
}

#header #menu ul li ul li a:hover, #header #menu ul li ul li a.active
{
    color:#cdcccc;
    background:none;
}

/* Body Style */
#container
{
    width		: 968px;
    margin		: 0px auto;
    padding-top	: 32px;
    position	: relative;
    overflow    : hidden;
    z-index     : 1;
}

/* Left Column Style */
#leftcolumn
{
    float			: left;
    width			: 177px;
    margin-right	: 9px;
    padding-top: 70px;
}

#leftcolumn .socialmedia
{
	height:75px;
	float:left;
}

/*#leftcolumn .socialmedia div.fb {
	margin-top:-7px;
	margin-left:-5px;
}*/

#leftcolumn .socialmedia a.facebook, #leftcolumn .socialmedia a.facebook:hover
{
    width:34px;
    height:34px;
    display:block;
    float:left;
    background:url(../images/social-media-icon.jpg) 0px 0px no-repeat;
    margin-right:3px;
}

#leftcolumn .socialmedia a.twitter, #leftcolumn .socialmedia a.twitter:hover
{
    width:34px;
    height:34px;
    display:block;
    float:left;
    background:url(../images/social-media-icon.jpg) -37px 0px no-repeat;
    margin-right:3px;
}

#leftcolumn ul li
{
    display:block;
    margin-bottom:10px;
    position:relative;
}

#leftcolumn ul li.last
{
    margin-bottom:0px;
}

#leftcolumn ul li div a img
{
    padding:1px;
    opacity:0.8;
    filter:alpha(opacity=80);
}

#leftcolumn ul li div a:hover img
{
    padding:0px;
    border:1px solid #cccccc;
    opacity:1.0;
    filter:alpha(opacity=100);
}

#leftcolumn ul li div a.textlink
{
    background:url(../images/transparent-strip.png) 0px 0px repeat;
    line-height:19px;
    width:172px;
    position:absolute;
    bottom:1px;
    left:1px;
    color:#666666;
    font-family:'garamond', Georgia, "Times New Roman", Times, serif;
    font-size:12px;
    font-style:italic;
    padding-left:3px;
}

#leftcolumn ul li div a.textlink strong
{
    color:#333333;
}

#leftcolumn ul.categorylink li
{
    line-height:18px;
    border-bottom:1px solid #cccccc;
    margin-bottom:0px;
    padding:7px 0px;
}

#leftcolumn ul.categorylink li a
{
    text-transform:uppercase;
    color:#666666;
}

#leftcolumn ul.categorylink li a:hover, #leftcolumn ul.categorylink li a.active
{
    color:#333333;
}

#leftcolumn ul.categorylink li ul li, #leftcolumn ul.categorylink li ul li ul li
{
    border-bottom:none;
    line-height:18px;
    padding:0px;
}

#leftcolumn ul.categorylink li ul li ul
{
    margin-bottom:3px;
}

#leftcolumn ul.categorylink li ul li ul li
{
    line-height:14px;
}

#leftcolumn ul.categorylink li ul li a, #leftcolumn ul.categorylink li ul li ul li a
{
    text-transform:none;
    color:#666666;
}

#leftcolumn ul.categorylink li ul li a:hover, #leftcolumn ul.categorylink li ul li a.active, #leftcolumn ul.categorylink li ul li ul li a:hover, #leftcolumn ul.categorylink li ul li ul li a.active
{
    color:#333333;
}

#leftcolumn .fwidget
{
    margin-top:25px;
}

/* Right Column Style */
#rightcolumn
{
    float	: left;
    width	: 782px;
}

#rightcolumn #maincontent
{
    padding-left	: 0;
    border-left		: 0;
    padding-bottom	: 9000px;
    margin-bottom	: -9000px
}

#maincontent .fixwidth
{
    margin-right:10px;
    width:200px;
    margin-top:10px;
    float:left;
}

#content h2{
    font-family: 'garamond', Georgia, sans-serif;
    font-size: 24px;
    margin-bottom: 20px;
    text-align: center;
}
#content p
{
    margin-bottom:10px;
    font-family : 'futura', Arial, sans-serif;
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
    letter-spacing: 0.5px;
}
#content p strong{
    font-family : 'futura_medium', Arial, sans-serif;
    font-weight: normal;
}

#breadcrumb
{
    position:absolute;
    left:10px;
    top:40px;
    color:#d6d5d5;
    font-size:11px;
    font-family : 'futura', Arial, sans-serif;
    z-index: 1;
    width: 100%;
}
#breadcrumb .breadcrumb_wrapper{
    max-width: 890px;
    width: 100%;
    margin: auto;
}
#breadcrumb a
{
    color:#d6d5d5;
    font-family : 'futura', Arial, sans-serif;
    text-decoration: none;
}

#breadcrumb a:hover, #breadcrumb a.active
{
    color:#000;
}

.topblock
{
    margin-bottom: 30px;
}

#slider
{
    position:relative;
    width:100%;
    max-width: 100%;
}

#slider h3
{
    margin-bottom:5px;
}

#slider .textstrip
{
    background:url(../images/transparent-strip.png) 0px 0px repeat;
    height:37px;
    width:752px;
    position:absolute;
    bottom:0px;
    left:0;
    padding-left:10px;
    font-size:12px;
    color:#666666;
    padding:5px 10px;
}

#slider .floatright
{
    margin-top:7px;
}

.arrows a
{
	width:22px;
	height:50px;
	display:block;
	position:absolute;
	top:106px;
	z-index:10;
}

.arrows a.leftarrow
{
    background:url(../images/arrows.png) 0px 0px no-repeat;
    float:left;
}

.arrows a.leftarrow:hover, .arrows a.leftarrow.active
{
    background:url(../images/arrows.png) 0px -50px no-repeat;
}

.arrows a.rightarrow
{
    background:url(../images/arrows.png) -22px 0px no-repeat;
    float:right;
    right:0;
}

.arrows a.rightarrow:hover, .arrows a.rightarrow.active
{
    background:url(../images/arrows.png) -22px -50px no-repeat;
}

.topsitelink
{
    border:1px solid #cccccc;
    padding:10px;
    display:block;
    line-height:35px;
    margin-bottom:25px;
    color:#666666;
    font-size:14px;
}

.product-view-link {
    font-family:'garamond', Georgia, "Times New Roman", Times, serif;
    float: right;
    line-height: 20px;
}

.product-view-link a {
    font-size: 18px !important;
}

a.clickherebtn
{
    background:url(../images/click-here-btn.jpg) 0px 0px no-repeat;
    width:119px;
    line-height:27px;
    display:block;
    color:#666666;
    font-family:'garamond', Georgia, "Times New Roman", Times, serif;
    font-size:16px;
    font-style:italic;
    text-align:center;
    float:right;
    margin-top:4px;
}

a.clickherebtn:hover
{
    background:url(../images/click-here-btn.jpg) 0px -27px no-repeat;
    color:#FFFFFF;
}

a.circle
{
    float		: left;
    width		: 9px;
    height		: 9px;
    display		: block;
    background	: url(../images/circle.jpg) 0px 0px no-repeat;
    margin		: 0px 1px;
}

#content a.circle
{
    margin		: 9px 1px 0px 1px;
}

a.circle:hover, a.circle.active
{
	background : url(../images/circle.jpg) -9px 0px no-repeat;
}

#intro-blocks {
	position: relative;
	display: none;
}
#intro-container #intro-blocks{
    width: 100%;
    margin: auto;
    height: auto !important;
}
ul.blocklist li
{
    width:237px;
    margin-left: 86px !important;
    display:inline-block;
    vertical-align: top;
    position: initial !important;
}
ul.blocklist li:nth-child(3n+1){
    margin-left: 0 !important;
}

ul.blocklist .seperator
{
    margin-bottom:18px;
    clear:both;
}

ul.blocklist li h2, ul.blocklist li h3
{
    margin:5px 0px 15px 0px;
}

ul.blocklist li h3 a
{
    color:#333333;
}

ul.blocklist li h3 a:hover
{
    color:#000000;
}



ul.blocklist li p
{
    margin-bottom:0px;
    text-align:left;
}

ul.blocklist li p a, ul.blocklist li p
{
    font-size:12px;
}

ul.blocklist li a img
{
    padding:1px;
    width: 100%;
    height: auto;
    margin-bottom:8px;
}

ul.blocklist li a:hover img
{
    padding:0px;
}

ul.blocklist li a.sitelink
{
    float:right;
}

#categorythumb
{
    margin-top:21px;
    display:block;
    /*height:155px;*/
    position:relative;
}

#image-gallery{
	margin:0 auto;
}

#categorythumb ul li
{
    /*width:220px;*/
    float:left;
    margin:0px 11px;
    display:block;
}

#categorythumb ul li a img
{
	padding:1px;
	margin-bottom: 5px;
}

#categorythumb ul li a:hover img
{
	padding:0px;
	border:1px solid #cccccc;
}

#categorythumb ul li a.zoom
{
	font-size:11px;
	padding:3px 5px;
	display: block;
	float: left;
}

#categorythumb ul li a.sitelink
{
	color: #666666;
	float: right;
}

#categorythumb ul li a.sitelink:hover
{
	color: #ffffff;
}

#fancybox-title a.sitelink {
	color: #666666;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -35px;
	padding: 8px 35px;
	font-size: 14px;
	font-weight: bold;
}

#fancybox-title a.sitelink:hover {
	color: #fff;
}

#categorythumb .arrows a
{
	top:50px;
}
#categorythumb .arrows a.disabled {
	visibility:hidden;
}

#lightboxpopup
{
    width:437px;
    background:#FFFFFF;
    display:block;
    padding:14px;
    font-size:12px;
    color:#666666;
    z-index:1000;
}

#lightboxpopup h1, .form h3
{
    font-size:20px;
    margin-bottom:10px;
}

#lightboxpopup textarea
{
    font-size:14px;
    padding:8px;
    margin-bottom:10px;
}

#lightboxpopup a
{
    display:block;
    line-height:22px;
    padding-top:10px;
    clear:both;
    float:right;
}

#lightboxpopup a.sitelink, .newsblock a.sitelink
{
    font-family:'garamond', Georgia, "Times New Roman", Times, serif;
    font-size:14px;
    font-style:italic;
    font-weight:bold;
    text-transform:uppercase;
    float:right;
    padding:8px;
    color:#333333;
}

.newsblock a.sitelink
{
    float:left;
    margin-left:4px;
}

.newsblock
{
    display:block;
    position:relative;
}

.newsblock img
{
    float:left;
    margin:15px 7px 0px 0px;
}

.newsblock a img
{
    padding:1px;
}

.newsblock a:hover img
{
    padding:0px;
    border:1px solid #cccccc;
}

.newsblock p
{
    margin-top:15px;
}

.newsblock .floatright
{
    position:absolute;
    bottom:0px;
    right:0px;
    height:32px;
}

a.sharelink
{
    background:url(../images/share-icon.jpg) 0px 0px no-repeat;
    line-height:20px;
    padding:0px 0px 0px 28px;
    color:#333333;
    font-size:12px;
    margin-right:15px;
    margin-top:10px;
    display:block;
    float:left;
}

a.sharelink:hover
{
    background:url(../images/share-icon-hvr.jpg) 0px 0px no-repeat;
}

a.favoritelink
{
    background:url(../images/favorite-icon.jpg) 0px 0px no-repeat;
    line-height:20px;
    padding:0px 0px 0px 28px;
    color:#333333;
    font-size:12px;
    margin-right:15px;
    margin-top:10px;
    display:block;
    float:left;
}

a.favoritelink:hover
{
    background:url(../images/favorite-icon-hvr.jpg) 0px 0px no-repeat;
}

a.sitelink
{
    font-size:11px;
    color:#666666;
    background-color:#FFFFFF;
    padding:3px 5px;
    border:1px solid #999999;
    display:block;
}

a.sitelink:hover, #lightboxpopup a.sitelink:hover
{
    color:#FFFFFF;
    background-color:#666666;
}

.form
{
    display:block;
}

.form .centerform, .form .leftform, .form .bigleftform
{
    width:414px;
    border:1px solid #cccccc;
    display:block;
    padding:15px;
    margin-left:209px;
}

.form .leftform
{
    margin:0px 20px 0 0;
    float:left;
    position:relative;
    min-height:205px;
    width: 434px;
}
.form .leftform:nth-child(2){
    margin-right: 0;
}

.form .bigleftform
{
    height:347px;
    margin:0px 20px 0px 20px;
    float:left;
    position:relative;
}

.form input, .form textarea
{
    margin-top:15px;
    width:100%;
    max-width: 100%;
}

.form input.chkbox
{
    width:auto;
    padding:0px;
    float:left;
}

.form span
{
    float:left;
    display:block;
    padding-left:7px;
    margin-top:5px;
}

.form .leftform span, .form .bigleftform span
{
    margin-top:14px;
}

.form .button
{
    width:auto;
    float:right;
}

.form .leftform .btnpos, .form .bigleftform .btnpos
{
    bottom:15px;
    right:15px;
}

.form p
{
    margin-top:13px;
}

.graybox
{
    background-color:#666666;
    display:block;
    padding:15px;
    width:305px;
    margin:0px 20px;
    float:left;
    height:350px;
}

.graybox ul
{
    margin-top:15px;
}

.graybox ul li
{
    font-size:12px;
    color:#FFFFFF;
    font-weight:bold;
    line-height:14px;
    display:block;
}

.graybox ul li.last
{
    margin-bottom:0px;
}

.graybox ul li span
{
    font-family:'garamond', Georgia, "Times New Roman", Times, serif;
    color:#cccccc;
    font-size:20px;
    font-style:italic;
    font-weight:normal;
    margin:0px 0px 0px 0px;
    padding:0px;
    float:left;
    display:block;
    line-height:22px;
    width:20px;
}

.graybox ul li div
{

    display:block;
    float:left;
    width:285px;
    padding-bottom:22px;
}

.graybox h3
{
    color:#FFFFFF;
}

.horizontalline{
    margin:40px 0px;
}

.bigtext
{
    font-size:14px;
    line-height:18px;
}

.blacktext
{
    color:#666666;
    font-family:'garamond', Georgia, "Times New Roman", Times, serif;
    font-size:12px;
    font-style:italic;
    font-weight:bold;
    line-height:32px;
    width:auto;
    display:block;
    float:left;
}

.smalltext
{
    font-size:11px;
    margin-top:10px;
}

.leftimg
{
    margin-right:12px;
    float:left;
}

.floatleft
{
    float : left;
}

.floatright
{
    float : right;
}

.clear
{
    clear : both;
    height:0px;
}

/***
    FOOTER
***/

#footer
{
    clear		    : both;
    width		    : 100%;
    margin		    : 20px auto 0px auto;
    color		    : #999999;
    font-size	    : 11px;
    background      : #cdcccc;
    text-align      : center;
    border-top      : 70px solid #fff !important;
}
.footer-separator{
    border-top: 3px solid #000;
    padding-top: 0;
    margin: 20px auto 0;
    padding-bottom: 20px;
    width: 100%;
    max-width: 1150px;
}
.footer-separator span{
    border-top: 1px solid #000;
    margin-top: 3px;
    display: block;
}
#footer .footer-wrapper{
    height          : 100px;
    line-height     : 100px;
    display: table;
    width: 100%;
    max-width: 1150px;
    margin: auto;
}
#footer .footer-wrapper .footer-wrapper-container{
    line-height     : normal;
    display         : table-cell;
    vertical-align  : middle;
    width           : 1150px;
    max-width       : 100%;
} 
#footer a
{
    color:#000;
}

#footer a:hover
{
    color:#000;
}

#footer .footerlink
{
    line-height:27px;
    display:block;
    color:#FFFFFF;
    font-size:12px;
    text-align:center;
    margin-top:7px;
    float: right;
}

#footer .footerlink a
{
    color           :#FFFFFF;
    margin          :0px 10px;
    font-family     : 'futura', Arial, sans-serif;
    font-size       : 9px;
    text-transform  : uppercase;
    transition      : all .3s ease;
    text-decoration: none;
}

#footer .footerlink a:hover
{
    color:#666;
}

#footer .footertext
{
    display:block;
    text-align:center;
    color:#666666;
    font-size:12px;
    line-height:16px;
    margin-bottom:10px;
}

#footer .footerlinkcontainer ul li
{
    color:#999999;
    float:left;
    text-transform:uppercase;
    margin-right:55px;
    line-height:14px;
}

#footer .footerlinkcontainer ul li a
{
    color:#999999;
}

#footer .footerlinkcontainer ul li a:hover, #footer .footerlinkcontainer ul li a.active
{
    color:#666666;
}

#footer .footerlinkcontainer ul
{
    margin-top:7px;
}

#footer .footerlinkcontainer ul li ul li
{
    float:none;
    text-transform:none;
    margin-right:0px;
    line-height:14px;
}

#footer .footerlinkcontainer ul li ul li a
{
    color:#999999;
}

#footer .footerlinkcontainer ul li ul li a:hover, #footer .footerlinkcontainer ul li ul li a.active
{
    color:#666666;
}
#footer .new-main-title span.instagram_account{
    font-size: 14px;
    color: #cdcccc;
    position: absolute;
    right: -80px;
    top: 10px;
}
#footer .new-main-title a{
    position: relative;
    text-decoration: none;
    display: inline-block;
}
#footer .instagram-wrapper{
    background: #fff;
    max-width: 1150px;
    margin: -90px auto 0;
}

/***** pop up ****/
#popup{
    width: 432px;
    padding: 17px 17px 27px 17px;
    /*
    border: 1px solid #000000;
    margin: 0 auto;
    */
}

#popup-logo{
    width: 326px;
    margin: 0 auto;
}

#popup-content{
    text-align: center;
    padding: 0px 28px 17px 28px;
    width: 376px;
    min-height: 330px;
    height: 330px;
    display: table-cell;
    vertical-align: middle
}

#popup-content span{
    display: block;
    font-size: 20px;
    font-family:'garamond', Georgia,"Times New Roman",Times,serif;
    color: #333333;
    margin: 17px 0px 19px 0px;
    line-height: 25px;
}
#popup-content p{
    text-align: center;
}

#popup-close{
    text-align: right;
    font-size: 12px;
}

#popup-content p{
    margin-bottom: 20px;
}

#popup-content .input{
    padding-bottom: 10px;
}

#popup-content .input input{
    width: 285px;
}

#popup-content .submit{
    text-align: right;
    width:300px;
    margin: 0 auto;

}

#popup-content .submit input{
    font-size: 14px;
    font-weight: bold;
    font-style:italic;
    font-family:'garamond', Georgia,"Times New Roman",Times,serif;
    text-transform: uppercase;
}

#popup-content .submit input:hover{
    color: #ffffff;
    background: #666666;
}

/*-----------------new--------------------*/
.floting-bar-container{
    position:fixed;
    top:0;
    left:0;
}

.opacity .floting-bar-container,.floting-bar-container {
    opacity: 1;
    display: block;
}

.opacity .floting-bar-container.hidden,.floting-bar-container.hidden {
    opacity: 0;
}

.hidden {
    opacity: 0;
    display: none;
}

.floting-bar-container{
    background: url(../images/floating-bar-bg.png);
    /*position: absolute;
    top:0px;
    left: 0px;*/
    z-index: 99;
    width: 100%;
}

.booking-form-contents{
    margin: 0px auto;
    display: block;
    float: left;
    color: #ffffff;
    padding: 5px 0;
    font-size: 12px;
}
.booking-form-contents:after{
    content: "";
    display: block;
    clear: both;
}
.booking-form-title{
    font-size: 22px;
    display: inline-block;
    float: left;
    line-height: 25px;
    font-family: 'garamond', Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    margin-right: 35px;
}

.booking-form{
    display:  block;
    float: left;
}

.booking-form input {
    width: 150px;
    border: 0;
    padding: 5px 6px;
    font-size: 12px;
    height: 32px;
    text-align: center;
    font-family: 'garamond', Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    outline: none;
}

.booking-form label{
    float: left;
    margin-right: 10px;
    padding-top: 6px;
}

.booking-form label{
    margin: 0px;
    margin-bottom: 1px;
    display: block;
    width: 86px;
    height: 15px;
    color: #ffffff;
}

.booking-form div.input,.booking-form div.row,.booking-form div.submit {
    clear: both;
    margin: 0px;
    vertical-align: text-top;
}

.booking-form input[type="submit"], input[type="button"] {
    background: #ffffff;
    cursor: pointer;
    margin-right: 0;
    vertical-align: middle;
    color: #333333;
    font-size: 12px;
    font-family:'garamond', Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-transform: uppercase;
    border: 1px solid #b4b4b4;
    font-weight: bold;
    color: #333333;
    text-align: center;
    line-height: 14px;
    display: block;
    width: 96px;
}

.booking-form input[type="submit"]:hover, input[type="button"]:hover {
    background: #5c5c5c;
    border: 1px solid #7e7e7e;
    color: #ffffff;
}

.booking-form-input-container-1{
    float:left;
    width: 198px;
    position: relative;
    display: inline-block;
}

.booking-form-input-container-2{
    float:left;
}

.booking-form-submit-container{
    float:left;
    display: none;
    width: 106px;
}


.slider-wrapper {
    margin-top: 10px;
}

.slidervertical-block {
    width: 380px;
    float: left;
    margin-right: 5px;
}
.left-block {
    float: left;
    width: 385px;
}

.form-wrapper {
    width: 354px;
    float: left;
    margin-top: 20px;
    border: 1px solid #cccccc;
    padding: 13px 13px 15px 17px;
}

.form-wrapper .form .centerform {
    margin-left: 0;
    padding: 25px;
    width: inherit;
    padding: 0 25px 0 25px;
    border: none;
}

form .not-keep {
    font-size: 12px;
    color: #666666;
    display: block;
    margin-bottom: 10px;
    float: none;
    padding-left: 0;
}

.form-wrapper .form  h3 {
    font-size: 18px;
    font-family:'garamond', Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    color: #333333;
    line-height: 20px;
}

form .thanksyou {
    font-family:'garamond', Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #666666;
    font-weight: bold;
    font-style: italic;
    margin-top: 20px;
}

/* New homepage masonry */

.hp-intro-block {
    width: 890px;
    max-width: 100%;
    margin: 0 auto 0 auto;
}

.hp-intro-block ul li {
    float: left;
    vertical-align: top;
    position: relative;
    margin-bottom: 20px;
}

.hp-intro-block ul li:hover .intro-hover {
    background: rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 100%;
    position: absolute;
}

.intro-hover a {
    display: block;
    width: 100%;
    height: 100%;
}

.hp-intro-block-container {
    font-family:'garamond', Georgia, Times, "Times New Roman", serif;
    position: absolute;
    /*width: 245px;*/
    text-align: center;
    color: #000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 16px;
    font-style: italic;
}

.hp-intro-block ul li:hover .hp-intro-block-container .intro-hover {
    background: rgba(0, 0, 0, 0);
}

.flexslider .hp-intro-block-container {
    padding: 20px;
}

.hp-intro-block-container a {
    color: #000;
}

.hp-intro-block-container.clr-white, .hp-intro-block-container.clr-white a {
    color: #ffffff;
}

.hp-intro-block-container.clr-white .hp-intro-block-inner-title {
    color: #ffffff;
    border-top: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
}

.hp-intro-block-txt {
    margin-bottom: 11px;
    line-height: 18px;
    display: block;
}

.hp-intro-block-txt a,
.hp-intro-block-txt span {
    display: inline-block;
    font-size: 20px;
}
/*.hp-intro-block-btn {
    background: #000000;
    padding: 8px 25px;
    display: inline-block;
    min-width: 134px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}*/

/*.hp-intro-block-container.clr-white .hp-intro-block-btn {
    background: #fff;
}*/

.hp-intro-block-btn a {
    background: #000000;
    padding: 8px 30px;
    display: inline-block;
    width: auto;
    min-width: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
    font-style: italic;
}

.hp-intro-block-container.clr-white .hp-intro-block-btn a{
    background: #fff;
    color: #000;
}

/*.hp-intro-block-container.clr-white .hp-intro-block-btn a {
    color: #000;
}*/

.hp-intro-block-title {
    margin-bottom: 0;
}
.hp-intro-block-container .inner-intro-block{
    display: inline-block;
}
.hp-intro-block-container .inner-intro-block .hp-intro-block-title{
    border-top: 3px solid #000;
    padding-top: 3px;
    display: inline-block;
}
.hp-intro-block-container.clr-white .inner-intro-block .hp-intro-block-title{
    border-color: #fff;
}
.hp-intro-block-container.clr-white .btn-black{
    background: #fff !important;
    color: #000 !important;
}
.hp-intro-block-title a,
.hp-intro-block-title span {
    display: block;
    font-size: 26px;
    text-decoration: none;
    padding: 7px 0 11px;
    border-top: 1px solid;
}

.hp-intro-block-container.top-center {
    top: 20px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.hp-intro-block-container.top-right {
    top: 20px;
    right: 20px;
    width: auto;
}

.hp-intro-block-container.top-left {
    top: 20px;
    left: 20px;
    width: auto;
}

.intro-container{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.hp-intro-block-container.top-bottom-center {
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    display: table;
}

.hp-intro-block-container.top-bottom-center .inner-intro-block {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.hp-intro-block ul li:hover .hp-intro-block-container.top-bottom-center .inner-intro-block {
    background: rgba(0,0,0,0.2);
}

/*--------slider-------*/

/*#homepage-slider {
    margin: 20px 0;
}*/

#homepage-slider .flexslider .slides img {
    border: none;
}

#homepage-slider .flex-control-nav li {
    margin: 0 0 0 2px;
}

#homepage-slider .flex-control-nav li a {
    background: #cccccc;
    border-radius: 50%;
}

#homepage-slider .flex-control-nav li a.active {
    background: #999999;
}

#homepage-slider .flex-control-nav {
    text-align: center;
    float: none;
    position: absolute;
    bottom: 10px;
    width: 100%;
}

#homepage-slider .flex-direction-nav li a {
    visibility: hidden;
}

#homepage-slider .flexslider:hover .flex-direction-nav li a {
    visibility: visible;
}


/***
    INSTAFEED
***/
#instafeed{
    padding: 0 40px 40px 40px;
    margin-top: -40px;
}
#instafeed:after{
    clear: both;
    content: "";
    display: block;
}
#instafeed a{
    width: 30%;
    width: calc(33% - 5px);
    float: left;
    background: #000;
    border:0;
}
#instafeed a:nth-child(2){
    margin: 0 10px;
}
#instafeed a img{
    width: 100%;
    display: block;
    height: auto;
    transition: all .3s ease;
}
.instagram-wrapper .new-main-title{
    margin-bottom: 25px;
}

.sitemap, .sitemap a{
    font-family: 'futura', Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    transition: color .3s ease;
}
.sitemap a:hover{
    color: #cdcccc;
}

#maincontent .centerform{
    width: 100%;
    margin-left: 0;   
}
#maincontent .centerform input, #maincontent .centerform textarea{
    width: 100%;
    margin-left: 0;   
}
#maincontent .centerform .submit{
    float: right;
}

.article-footer-view-more{
    width: 100%;
    margin-top: 55px;
}
.article-footer-view-more ul.blocklist li{
    width: 237px;
}
.article-footer-view-more ul.blocklist li.marginright{
    margin-right: 0;
}

/* ==========================================================================
   RESPONSIVE
========================================================================== */
@media only screen and (max-width: 1000px){
    .booking-form-contents{
        width: 100%;
        text-align: center;
    }
    .booking-form-title{
        float: none;
        line-height: 32px;
        vertical-align: top;
    }
    .booking-form{
        float: none;
        display: inline-block;
    }
    #footer .footerlink{
        width: 100%;
        float: none;
    }
}
@media only screen and (max-width: 950px){
    #page{
        padding: 0;
    }
    #page > div{
        padding: 5px 10px;
    }
    #page > div#footer{
        padding: 0 10px;
    }
    #homepage .section-bloc-home-item-small, #homepage .section-bloc-home-t1 .section-bloc-home-item-small{
        width: 335px;
        height: 253px;
    }
    #homepage .section-bloc-home-item-tall, #homepage .section-bloc-home-t1 .section-bloc-home-item-tall{
        width: 335px;
        height: 509px;
    }
    #homepage .section-bloc-home-t1 .section-bloc-home-content, #homepage .section-bloc-home-t3{
        width: 748px;
    }
    .section-bloc-home-t2 .section-multi-bloc{
        width: 80%;
    }
    .section-bloc-home-t2 .section-multi-bloc .section-multi-bloc-container .section-multi-bloc-item{
        width: calc(33% - 20px);
    }
    #intro-container #intro-blocks li{
        width: calc(33% - 29px);
        display: inline-block;
        float: none;
        vertical-align: top;
        margin-left: 5% !important;
        position: initial !important;
    }
    #intro-container #intro-blocks li:nth-child(3n+1){
        margin-left: 0 !important;
    }
    #intro-container #intro-blocks{
        height: auto !important;
    }
    ul.blocklist li a img{
        width: auto;
    }
    #container {
        width: 890px !important;
        max-width: 100%;
    }
    #content table tr{
        display: block;
    }
    #content table td{
        flex:initial;
        width: 100%;
        display: block;
    }
	#content table td a{
		text-decoration:none;
	}
    #content table td h1{
        padding: 10px 0;
    }
    .form .leftform{
        width: calc(50% - 30px)
    }
    #page .footer-separator{
        padding: 3px 0 30px;
    }
    .article-footer-view-more ul.blocklist li{
        margin-left: 7% !important;
    }
    .article-footer-view-more ul.blocklist li:nth-child(3n+1){
        margin-left: 0 !important;
    }
    .article-footer-view-more ul.blocklist li:not(.marginright){
        float: right;
    }
}
@media only screen and (max-width: 890px){
    #breadcrumb{
        top: 10px;
        left: 20px;
    }
    .footer-separator{
        width: calc(100% - 30px);
    }
    ul.blocklist li{
        width: calc(33% - 16px);
    }
    #page .hp-intro-block ul{
        height: auto !important;
    }
    #page .hp-intro-block ul:after{
        content: "";
        display: block;
        clear: both;
    }
    #page .hp-intro-block ul li {
        position: relative !important;
        width: calc(50% - 10px) !important;
        margin-right: 20px;
        height: auto !important;
        top: 0 !important;
        left: 0 !important;
    }
    #page .hp-intro-block ul li:after{
        content: "";
        display: block;
        clear: both;
    }
    #page .hp-intro-block ul li:nth-child(even){
        margin-right: 0;
    }
    #page .hp-intro-block ul li img{
        width: 100%;
    }
    #instafeed a{
        background:#fff;
    }
    .article-footer-view-more ul.blocklist li{
        margin-left: 2% !important;
    }
    .article-footer-view-more ul.blocklist li:nth-child(3n+1){
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 767px){
    .nav-desktop {
        display: none!important;
    }
    #homepage .section-bloc-home-item .section-bloc-home-item-container, #homepage .section-bloc-home-item.section-bloc-home-item-txt-top-center .section-bloc-home-item-container{
        position: initial;
        margin: 10px 0 40px;
        display: block;
    }
    #homepage .section-bloc-home-item.section-bloc-home-item-large .section-bloc-home-item-container .section-bloc-home-item-content-wrapper,
    #homepage .section-bloc-home-item.section-bloc-home-item-small .section-bloc-home-item-container .section-bloc-home-item-content-wrapper,
    #homepage .section-bloc-home-item.section-bloc-home-item-small.section-bloc-home-item-txt-center-center .section-bloc-home-item-container .section-bloc-home-item-content-wrapper-container,
    #homepage .section-bloc-home-item.section-bloc-home-item-small .section-bloc-home-item-container,
    #homepage .section-bloc-home-item.section-bloc-home-item-large .section-bloc-home-item-container{
        width: 100%;
    }
    #homepage .section-bloc-home-t1 .section-bloc-home-content, #homepage .section-bloc-home-t3{
        width: 100%;
    }
    #homepage .section-bloc-home-item, #homepage .section-bloc-home-item-tall, #homepage .section-bloc-home-t1 .section-bloc-home-item-tall, #homepage .section-bloc-home-item-tall, #homepage .section-bloc-home-t1 .section-bloc-home-item-small{
        float: none;
        width: 100%;
        height: auto;
    }
    #homepage .section-bloc-home-item.section-bloc-home-item-txt-white .section-bloc-home-item-content-wrapper-container, #homepage .section-bloc-home-item.section-bloc-home-item-txt-white .article-content-title{
        color: #000;
        border-color: #000;
    }
    #homepage .section-bloc-home-item.section-bloc-home-item-txt-white .btn-black{
        background: #242629;
        color: #fff;
    }
    #homepage .section-bloc-home-t1 .section-bloc-home-item-small.section-bloc-home-item-last,
    .section-bloc-home-t3 .section-bloc-home-item-3,
    .section-bloc-home-t3 .section-bloc-home-item-4,
    #homepage .section-bloc-home-t1 .section-bloc-home-item-tall{
        margin: 0;
    }
    .section-bloc-home-t2 .section-multi-bloc,
    .section-bloc-home-t2 .section-multi-bloc .section-multi-bloc-container .section-multi-bloc-item,
    .section-bloc-home-t2 .section-multi-bloc .section-multi-bloc-container .section-multi-bloc-item .section-multi-bloc-visu img{
        width: 100%;
        margin-top: 0;
    }
    .section-bloc-home-t2 .section-multi-bloc, .section-bloc-home-t2 .section-multi-bloc .section-multi-bloc-container{
        border: 0;
    }
    .section-bloc-home-t2 .section-multi-bloc .section-multi-bloc-container .section-multi-bloc-item .section-multi-bloc-item-content{
        border-top: 3px solid #000;
        padding-top: 3px;
        margin-top: 10px;
    }
    .section-bloc-home-t2 .section-multi-bloc .section-multi-bloc-container .section-multi-bloc-item .section-multi-bloc-item-title{
        border-top: 1px solid #000;
    }
    .section-bloc-home-t2 .section-multi-bloc .section-multi-bloc-container .section-multi-bloc-item{
        margin-bottom: 40px;
    }
    .section-bloc-home-t2 .section-multi-bloc .section-multi-bloc-container{
        padding-top: 0;
    }
    #intro-container #intro-blocks li{
        width: calc(50% - 17px);
        display: inline-block;
        float: none;
        margin-right: 30px;
    }
    #intro-container #intro-blocks li:nth-child(3n){
        margin-right: 30px;
    }
    #intro-container #intro-blocks li:nth-child(2n){
        margin-right: 0;
    }
    .form .leftform{
        width: 100%;
        margin: 0 0 10px 0;
    }
    .form .leftform .btnpos, .form .bigleftform .btnpos{
        position: initial;
        width: 100%;
        margin-top: 10px;
    }
    .form .button{
        padding: 5px 10px;
    }
    #instafeed a{
        width: calc(50% - 10px);
    }
    #instafeed a:last-child{
        display: none !important;
    }
    .booking-form-contents{
        border-bottom: 1px solid #fff;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }
    .booking-form{
        margin-top: 10px;
    }
    .booking-form-title{
        margin-right: 0;
        text-align: center;
    }
    ul.blocklist li{
        width: 100%;
        margin-bottom: 40px;
    }
    #page .hp-intro-block ul li{
        width: 100% !important;
        margin: 0 0 20px 0;
    }
    .article-footer-view-more ul.blocklist li{
        width: 100%;
        margin-left: 0 !important;
        text-align: center;
    }
    .article-footer-view-more ul.blocklist li.marginright{
        margin-right: 0;
        margin-left: 0 !important;
        text-align: center;
    }
    .article-footer-view-more .horizontalline-text{
        height: auto;
        border-bottom: 0;
    }
    .article-footer-view-more .horizontalline-text-inner{
        margin: 3px 0 0 0;
        border-top: 1px solid #000;
        padding-top: 10px;
    }
    .flexslider .slides > li{
        height: auto !important;
    }
    #intro-container #intro-blocks li img{
        max-width: 236px;
    }
    #intro-container #intro-blocks li{
        margin-left: 0 !important;
    }
    .hp-intro-block-container.clr-white .inner-intro-block .hp-intro-block-title{
        border-color: #000;
    }
    .hp-intro-block-container.clr-white, .hp-intro-block-container.clr-white a{
        color: #000;
    }
    .hp-intro-block-container.clr-white .btn-black{
        background: #000 !important;
        color: #fff !important;
    }
}
@media only screen and (max-width: 500px){
    .hp-intro-block-container.top-bottom-center{
        display: table;
    }
	.topblock h1{
        font-size: 62px;
        line-height: 42px;
    }
    #pagecontainer .topblock h1 {
        margin-top: -21px;
    }
    .new-main-title{
        font-size: 62px;
        line-height: 32px;
    }
    #intro-container #intro-blocks li{
        width: 100%;
        display: inline-block;
        float: none;
        margin-right: 0;
    }
    #intro-container #intro-blocks li a{
        text-align: center;
        display: block;
    }
    #intro-container #intro-blocks li:nth-child(3n){
        margin-right: 0;
    }
    #intro-container #intro-blocks li:nth-child(2n){
        margin-right: 0;
    }
    #instafeed a{
        width:100%;
    }
    #instafeed a:last-child{
        display: block !important;
    }
    #instafeed a:nth-child(2){
        margin: 0;
    }
    #footer .new-main-title span.instagram_account{
        position: initial;
        display: block;
    }
}