*
{
border: 0px;
margin: 0px;
padding: 0px;
}

html,body,#bg,#bg table,#bg td
{
padding: 0px;
width:100%;
height:100%;
}

body,table,tr,td
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
cursor: default;
}

@media screen and (max-width:800px){
	body,table,tr,td
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		line-height: 18px;
		cursor: default;
	}
}


a
{
color: black;
outline: none;
text-decoration: none;
}

a:hover
{
font-weight: bold;
}

h1, .logo-SN, a.logo
{
font-size: 24px;
line-height: 18px;
font-weight: bold;
font-family: times;
margin-bottom: 10px;
}
@media screen and (max-width:800px){
	h1, .logo-SN, a.logo
	{
		font-size: 26px;
		line-height: 20px;
	}
}
	

h2
{
font-size: 16px;
line-height: 14px;
font-weight: bold;
font-family: times;
margin-bottom: 3px;
}

h3
{
font-size: 13px;
line-height: 12px;
font-weight: bold;
font-family: times;
margin-bottom: -1px;
}

#left
{
position: absolute;
z-index: 0;
top: 88px;
left: 38px;
width: 120px;
}

#left a
{
display: block;
}
@media screen and (max-width:800px){
	#left{display:none;}
} 

ul{list-style-type: none;}

#menu .block
{
padding: 10px;
margin-left: -10px;
margin-top: 10px;
margin-bottom: 0px;
}

#content
{
position: absolute;
z-index: 0;
top: 28px;
left: 172px;
width:840px;
max-width:70vw;
}

@media screen and (min-width:801px) and (max-width:900px){
	#content{max-width:75vw;}
}
@media screen and (max-width:800px){
	#content{
		position:absolute;
		top: 50px;
		left: 15px;
		max-width:calc(100vw - 30px);
	}
} 


.news
{
position: relative;
float: left;
display: block;
width: 175px;
margin-right: 16px;
margin-top: 16px;
height:242px;
overflow:hidden;
}

.read_more {
	position:absolute;
	bottom:-2px;
	right:0px;
	padding-left:4px;
	padding-top:2px;
	background-color:white;
	}

.read_more_project {
	display:none;
	}
	
.news a
{
font-weight: bold;
}

.news .banner
{
position: absolute;
display: block;
width: 100%;
height: 45px;
top: 60px;
left: 0px;
font-size: 10px;
}

.news .banner div
{
padding: 10px;
height:15px;
overflow:hidden;
}

.big .banner div
{
padding: 10px;
height:55px;
overflow:hidden;
}

.big {
	height:auto;
	}

.news img
{
margin-bottom: 16px;
height:120px;
width:175px;
}

.news .date
{
font-weight: bold;
}

.big
{
width: 366px;
clear:both;
}

.big .banner
{
height: 72px;
top: 166px;
width: 366px;
}

.big h3
{
font-size: 24px;
line-height: 18px;
font-weight: bold;
font-family: times;
margin-bottom: 10px;
}

.big .banner div
{
padding: 10px;
font-size: 12px;
line-height: 14px;
}

.big .banner h1
{
margin-bottom: 3px;
}

.big img {
	width:366px;
	height:274px;
	}
	
.yellow
{
background-color: yellow;
}

.magenta
{
background-color: #ff0090;
}

#projects
{
}

#projects .block
{
left: 382px;
top:380px;
position: absolute;
width: 460px;
z-index: 100000000;
margin-bottom:50px;
}

@media screen and (min-width:901px) and (max-width:1500px){
	#projects .block{left: 280px;position: absolute;}
}
@media screen and (min-width:801px) and (max-width:900px){
	#projects .block{left: 210px;position: absolute;}
}

@media screen and (min-width:626px) and (max-width:800px){
	#projects .block{
			width:500px;
			top: 375px;
			left: calc(60vw - 250px);
			position: absolute;
	}
}

@media screen and (min-width:501px) and (max-width:625px){
	#projects .block{
			width:380px;
			top:300px;
			left: calc(60vw - 190px);
			position: absolute;
	}
}
@media screen and (max-width:500px){
	#projects .block{
			width:100%;
			margin-bottom:5px;
			margin-top:5px;
			position:relative!important;
			left: 0px; 
			top: 0px; 
	}
}

#projects .text
{
padding: 15px;
padding-top: 30px;
text-align: left;
}

#projects .navigation
{
position: absolute;
right: 15px;
top: 30px;
}

a.current
{
font-weight: bold;
}

#projects a
{
}

#projects a:hover
{
font-weight: bold;
}

#projects .video
{
display: none;
}

#projects .video a
{
color: #fff;
}

#images
{
position: relative;
margin-bottom: 40px;
}

#images .left
{
position: absolute;
left: 0px;
top: 0px;
width: 330px;
}
@media screen and (max-width:800px){
	#images .left {
		position:relative;
		left:initial;
right:initial;
		height: auto;
			width:100%
		
	}
}
#images .left #image
{
position: absolute;
left: 0px;
top: 0px;
height: 520px;
width: 330px;
}

@media screen and (max-width:800px){
	#images .left #image{
		position:relative;
		left:initial;
		right:initial;
		height: auto;
			width:100%
		
	}
}


#images .left #image img
{
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 285px;
    height: auto;
    float: right;
}
@media screen and (max-width:800px){
	#images .left #image img{
		position:relative;
		left:initial;
		right:initial;
		width:calc(100% - 30px); 
		height:auto!important;
		margin:15px;
		
	}
}
#images .left .description
{
position: absolute;
left: 150px;
top: 540px;
width: 175px;
margin-bottom:50px;
}

@media screen and (max-width:800px){
	#images .left .description
		{
			position:relative;
			left:initial;
			right:initial;
			top:initial;
			width:calc(100% - 30px); 
			margin:15px;
		}
}




#images #right
{
position: absolute;
left: 366px;
top: 0px;
margin-bottom:50px;
    max-width: 55vw;
}
@media screen and (max-width:800px){
	#images #right
		{
		position:relative;
		left:initial;
		right:initial;
		height: auto;
		width:100%;
		max-width: 100%;

		}	
}
#images #right img#bigimg{
	    height: 50vh;
		width: auto;
}

@media screen and (max-width:800px){
	#images #right img#bigimg{
	   display:none;
}
}
#images #right img
{
margin-bottom: 15px;
margin-right: 15px;
}

@media screen and (max-width:800px){
	#images #right img{
		width:calc(100% - 30px); 
		height:auto!important;
		margin:15px;
	}
}



/* IMAGES GABARIT 2 */

.large_view #description
{
position: absolute;
top: 57px;
width: 300px;
}

.large_view #previews
{
position: absolute;
top: 0px;
left: 382px;
width: 557px;
}

.large_view #previews img
{
margin-right: 3px;
}

.large_view #view
{
position: absolute;
top: 136px;
left: 0px;
padding-bottom: 50px;
}





/* IMAGES GABARIT 3 */

.list_view
{
position: absolute;
top: 0px;
left: 0px;
}

.list_view #description
{
position: absolute;
top: 57px;
left: 382px;
width: 300px;
}

.scroll
{
position: absolute;
top: 0px;
left: 0px;
width: 366px;
padding-bottom: 50px;
}

.scroll img
{
border: 0px;
padding: 0px;
margin: 0px;
margin-bottom: 3px;
}


#page {
	width:400px;
	padding-top:106px;
	margin-bottom:50px;
}
.tour_dates #page {
	width:100%;
	
}
@media screen and (min-width:501px) and (max-width:800px){
	#page{
		padding-top:30px;
		width: 62%;
	}
	
}
#page p {
	margin-bottom:12px;
	text-align:justify;
}
@media screen and (max-width:500px){
	#page{
		padding-top:30px;
		width:100%!important;
		
	}
	#page p {
		margin-bottom:12px;
		text-align:left;
	}
	
}


.texts p, .texts {
	text-align:justify;
}

.texts a {
	text-decoration:underline;
}

.texts a:hover {
	text-decoration:underline;
	font-weight:normal !important;
}

.press.texts {display:none;}

a.galery {
	position:relative;
}

a.galery span {
	display:none;
}

a.galery:hover span {
	display:block;
	position:absolute;
	top:-10px;
	left:10px;
	background-color:#FFF;
	z-index:100;
	padding:2px;
	font-weight:normal;
	width:100px;
}

.bgimage {position:relative;}
.action {
position:absolute;
right:46px;
top:594px;
width:60px;
height:20px;
text-align:right;
background-color:white;
cursor:pointer;
}





/*
ROYALSLIDER
*/
/*home page*/






@media screen and (min-width:600px){
 .rsContainer {cursor:pointer;}
.royalSlider{width:100%;}
 .rsSlide  {min-height:594px;}
.rsGCaption {display:none;text-align:left;}
.royalSlider:hover .rsGCaption {display:block;}
.rsArrow {
    height: 27px;
    width: 12px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21;
	right:0;
}
.rsOverflow{overflow:visible!important;}
.rsArrowIcn {
    width: 12px;
    height: 24px;
    margin-top: 3px;
    margin-left: 0px;
    position: absolute;
    cursor: pointer;
    background-color:transparent;
    border-radius: 0px;
}
.rsArrow.rsArrowLeft.rsArrow {
    right: 24px;
	
}

.rsArrow.rsArrowLeft.rsArrow:before{
		content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 15px 10px 0;
  border-color: transparent black transparent transparent;  
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
	}
.rsArrow.rsArrowRight.rsArrow:after{
				content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent black;  
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
	}
div.action {display:none;}	
 .rsImg {max-height:594px;width:auto !important;}
}

@media screen and (max-width:599px){
	.royalSlider img{width:100%; height:auto;margin: 5px 0px;}
	.royalSlider{width:100%;}
}

/*
SLICKNAV
*/
@media screen and (min-width:801px){
.logo-SN{display:none;}
}
.logo-SN{position:fixed;z-index:1000000000; top:5px; left:15px;}
.logo-SN h1{font-size:20px;line-height:18px;margin-top:5px;}
.slicknav_menu {
    background: white;
	width:100%;
	z-index:1000;
}
.slicknav_menu {
    position:fixed;
    width:100%;
}

.slicknav_icon {
	width:30px!important;
	height:30px!important;
}
.slicknav_icon:before {
	width:30px!important;
	height:30px!important;
}
.slicknav_menu .slicknav_icon-bar {
    background-color: black;
	width:30px!important;
	height:3px!important;
	margin-bottom:7px;
}
.slicknav_nav{background-color:white;/*position: relative;width:100%;*/min-height:100vh;margin-top: 55px;padding-bottom:30px;padding-top:15px;}

.slicknav_btn {
    text-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: white;
	position:fixed;
	width: 100%;
    height: 55px;
    border-radius: 0px;
	margin:0px;
    margin-top: -5px;
	left:0;
	z-index:100000;
}

.slicknav_icon.slicknav_no-text{float:right!important;margin-top:7px; margin-right:5px;}
.slicknav_nav li {
   min-height:35px;
}
.sklicknav_animating{background:white!important;background-color:white!important}

.slicknav_nav a {
    color: black;
	padding-top:10px;
	    display: inline;
		margin:0px!important;
}
.slicknav_menu  h2{
    font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	display:initial;
	font-size:14px;
}



.slicknav_nav .slicknav_row:hover,.slicknav_nav a:hover {background:transparent;color:black;}
li.slicknav_parent{padding-top:2px;}
.slicknav_nav .subnav{padding-bottom:5px;}


#projects > div > div > div.description > div > p:nth-child(5) > strong{display:none;}



/*iframe*/
iframe{max-width:100%;max-height:230px;}