body	{
	background:#fff;
	color:#000;
    font-family: 'OPTIAlpineBold-Primer';
        font-family: 'OPTIAlpine-Primer';

    font-size: 13px;
    margin: 0px;
    letter-spacing: 0.4;
}

table{ 
    font-size: 12px;
    border:0;

}
	
a:link{text-decoration: none;
color: black;}
a:active{text-decoration: none;
color: black;}
a:visited{text-decoration: none;
color: black;}
a:hover{text-decoration: none;
color: black;}


.night a:link{text-decoration: none;
color: white;}
.night a:active{text-decoration: none;
color: white;}
.night a:visited{text-decoration: none;
color: white;}
.night a:hover{text-decoration: underline;
color: white;}


.dates{
	position: relative;
	display: inline-block;
	font-family: 'Arial-Monospaced-MT';

}

#container {
	text-align:center;
	margin:0 auto;
	top:450px;
	width:0px;
	/*-moz-perspective: 900px;	  
	-webkit-perspective: 900;*/
    transform: scale(1.2);
    left: 44%;
    top: 40%;
    position: absolute;

}
	
#container:hover * {
	-moz-animation-play-state:paused;
	-webkit-animation-play-state:paused}
	  
#frame {
	width: 33px;

	/*transform-style: preserve-3d;*/

	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;  
	/* translate must be last */
	-moz-transform: rotateX(15deg) rotateY(45deg) rotateZ(25deg) translate3d(325px,-70px,50px);
	-webkit-transform: rotateX(15deg) rotateY(45deg) rotateZ(25deg) translate3d(325px,-70px,50px)}
	



.strip {
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-animation: spin 25s infinite linear;
	-webkit-animation: spin 25s infinite linear}

.strip div {
	position: absolute;
	/*background: transparent url(/image/190625-logo-site.png);  */
	border: 0;
	border-width: thin 0;
	height:48px;
	width:28px;
	opacity: 1;
	/*border:1px solid black;*/
}

.night #container #frame .strip div{
	/*filter: invert(1);*/
	color: white;
}

.strip .a {background-position: 0 0;
	   -moz-transform: rotateY(-2deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(-2deg) scaleX(-1) translateZ(124px);
}

.strip .b {background-position: 759px 0;
	   -moz-transform: rotateY(10.3deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(10.3deg) scaleX(-1) translateZ(124px)}
	
.strip .c {background-position: 726px 0;
	   -moz-transform: rotateY(23.6deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(23.6deg) scaleX(-1) translateZ(124px)}
	
.strip .d {background-position: 693px 0;
	   -moz-transform: rotateY(37.9deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(37.9deg) scaleX(-1) translateZ(124px)}	
	
.strip .e {background-position: 660px 0;
	   -moz-transform: rotateY(48.2deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(48.2deg) scaleX(-1) translateZ(124px)}	
	
.strip .f {background-position: 627px 0;
	   -moz-transform: rotateY(61deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(61deg) scaleX(-1) translateZ(124px)}
	
.strip .g {background-position: 594px 0;
	   -moz-transform: rotateY(75.5deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(75.5deg) scaleX(-1) translateZ(124px)}
	
.strip .h {background-position: 561px 0;
	   -moz-transform: rotateY(90.5deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(90.5deg) scaleX(-1) translateZ(124px)}	
	
.strip .i {background-position: 528px 0;
	   -moz-transform: rotateY(104deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(104deg) scaleX(-1) translateZ(124px)}	
	
.strip .j {background-position: 495px 0;
	   -moz-transform: rotateY(117.7deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(117.7deg) scaleX(-1) translateZ(124px)}
	
.strip .k {background-position: 462px 0;
	   -moz-transform: rotateY(129deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(129deg) scaleX(-1) translateZ(124px)}
		
.strip .l {background-position: 429px 0;
	   -moz-transform: rotateY(142.3deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(142.3deg) scaleX(-1) translateZ(124px)}	
		
.strip .m {background-position: 396px 0;
	   -moz-transform: rotateY(156.6deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(156.6deg) scaleX(-1) translateZ(124px)}		
		
.strip .n {background-position: 363px 0;
	   -moz-transform: rotateY(167.9deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(167.9deg) scaleX(-1) translateZ(124px)}
	
.strip .o {background-position: 330px 0;
	   -moz-transform: rotateY(180.2deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(180.2deg) scaleX(-1) translateZ(124px)}
	
.strip .p {background-position: 297px 0;
	   -moz-transform: rotateY(195.5deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(195.5deg) scaleX(-1) translateZ(124px)}	
	
.strip .q {background-position: 264px 0;
	   -moz-transform: rotateY(210.8deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(210.8deg) scaleX(-1) translateZ(124px)}	
	
.strip .r {background-position: 231px 0;
	   -moz-transform: rotateY(224.1deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(224.1deg) scaleX(-1) translateZ(124px)}
	
.strip .s {background-position: 198px 0;
	   -moz-transform: rotateY(237.4deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(237.4deg) scaleX(-1) translateZ(124px)}
	
.strip .t {background-position: 165px 0;
	   -moz-transform: rotateY(248.7deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(248.7deg) scaleX(-1) translateZ(124px)}	
	
.strip .u {background-position: 132px 0;
	   -moz-transform: rotateY(261.5deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(261.5deg) scaleX(-1) translateZ(124px)}	
	
.strip .v {background-position: 99px 0;
	   -moz-transform: rotateY(275.3deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(275.3deg) scaleX(-1) translateZ(124px)}
	
.strip .w {background-position: 66px 0;
	   -moz-transform: rotateY(286.6deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(286.6deg) scaleX(-1) translateZ(124px)}
	
.strip .x {background-position: 33px 0;
	   -moz-transform: rotateY(298.9deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(298.9deg) scaleX(-1) translateZ(124px)}

.strip .y{	   
	-moz-transform: rotateY(314deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(314deg) scaleX(-1) translateZ(124px)}

.strip .z{	   
	-moz-transform: rotateY(329.5deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(329.5deg) scaleX(-1) translateZ(124px)}

.strip .zz{	   
	-moz-transform: rotateY(343.8deg) scaleX(-1) translateZ(124px);
	-webkit-transform: rotateY(343.8deg) scaleX(-1) translateZ(124px)}

	.strip .a:after{ 
		content:'E';
}	
	.strip .b:after{ 
		content:'I';
}	
	.strip .c:after{ 
		content:'K';
}	
	.strip .d:after{ 
		content:'S';
}	
	.strip .e:after{ 
		content:'I';
}	
	.strip .f:after{ 
		content:'R';
}	
	.strip .g:after{ 
		content:'B';
}	
	.strip .h:after{ 
		content:'A';
}	
	.strip .i:after{ 
		content:'Z';
}	
	.strip .j:after{ 
		content:'E';
}	
	.strip .k:after{ 
		content:'I';
}	
	.strip .l:after{ 
		content:'K';
}	
	.strip .m:after{ 
		content:'S';
}	
	.strip .n:after{ 
		content:'I';
}	
	.strip .o:after{ 
		content:'R';
}	
	.strip .p:after{ 
		content:'B';
}	
	.strip .q:after{ 
		content:'A';
}	
	.strip .r:after{ 
		content:'Z';
}	
	.strip .s:after{ 
		content:'E';
}	
	.strip .t:after{ 
		content:'I';
}	
	.strip .u:after{ 
		content:'K';
}	
	.strip .v:after{ 
		content:'S';
}	
	.strip .w:after{ 
		content:'I';
}	
	.strip .x:after{ 
		content:'R';

}
	.strip .y:after{ 
		content:'B';

}	.strip .z:after{ 
		content:'A';

}	.strip .zz:after{ 
		content:'Z';

}

.strip div:after	{
		font-size: 44px; 
		font-family: 'OPTIAlpineBold-Primer';

}



.spacer{ 
	height: 20px; 
	display: block; 
	opacity: 0; 
	cursor:default;
	position: relative; 
}

.homeContentLeft{
	width: 28%; 
	display: block;
	vertical-align: top;
	padding-right: 5px; 
	box-sizing: border-box;
	position: relative;
	padding-left: 12px;
}

.homeContentLeft a:before{ 
content: "→ ";
position: relative;
width: 0px;
display: inline-block;
overflow: hidden;
    transition: all 0.23s ease-in-out 0s;
    vertical-align: bottom; }

.homeContentLeft a:hover:before{ 
content: "→ ";
position: relative;
width: 18px;
display: inline-block;
    transition: all 0.23s ease-in-out 0s;

 }



.homeContentRight{
	width: 70%; 
	display: inline-block;
	vertical-align: top;
	padding-right: 5px; 
	box-sizing: border-box;
	position: absolute;
	padding-left: 20px;
	left: 28%;
    /*left: 0px;*/
    top: -18px;
    }



.fitToContener{ 
	width: 20vw; 
	height: 20vw; 
	display: block;
	position: relative;
	display: none;
 }

.homeContentRight img{
	max-width: 100%; 
	max-height: 100%;
	border:1px solid #ccc;
}

.day { background-color:#fff; color:#000; }
.sunset { background-color:#fff; color:#000; }
.night { background-color:#000; color:#fff; }

.custom-select{     
    position: absolute;
    /* transform: rotateZ(12deg); */
    /* display: none; */
    width: 30%;
    /* margin-left: 25%; */
    left: 63%;
    padding-left: 20px;
    display: inline-block;
    margin-top: 12px;
}

.expositions_btn_wrapper{
	border: 0px solid black;
	border-radius: 3px;
	width: 130px;
	cursor: pointer;
}

.night .expositions_btn_wrapper{ 
	border: 0px solid white;

 }

.expositions_btn{
	/*padding: 4px;*/
	display: inline-block;
	  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;    
}


.dropDownArrow{
	display: inline-block;
	/*float: right;*/
	margin-left: 7px;
	border-left: 0px solid black;
    padding: 0px;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;    
    transition: all 0.23s ease-in-out 0s;
}

.dropDownArrow.open{ 
	transform: rotate(-90deg); 
    transition: all 0.23s ease-in-out 0s;

}


.dropdownMenu{
	list-style: none;
	/*display: none;*/
	/*width: 500px;*/
	/*width: auto;*/
	width: 100%;
	/*height: 100vh;*/
    /*height: calc(100vh - 41px);*/
    margin-bottom: 0px;
    position: absolute;
    border:0px solid black;
    margin-top: 0px;
    border-radius: 0px; 
    padding: 0;
	/*-moz-box-shadow:    0px 0px 25px -4px #aaa;
	-webkit-box-shadow: 0px 0px 25px -4px #aaa;
	box-shadow:         0px 0px 25px -4px #aaa;*/
	z-index: 99999999;

    background-color: transparent;
    text-align: left;
    padding-left: 12px;
    margin-left: -12px;

}



.night .dropdownMenu{
    border:0px solid white;
	/*-moz-box-shadow:    0px 0px 25px -4px #aaa;
	-webkit-box-shadow: 0px 0px 25px -4px #aaa;
	box-shadow:         0px 0px 25px -4px #aaa;*/
	z-index: 99999999;

    /*background-color: black;*/
    text-align: left;
}

.dropdownMenu li{
    /*padding: 4px;*/
    padding-left:0px;

}

.dropdownMenu li a{ 
	text-decoration: none; 
	color: black;
	cursor: pointer;
    padding-left:0px;
    transition: all 0.23s ease-in-out 0s;

}

.night .dropdownMenu li a{ 
	text-decoration: none; 
	color: white;
	cursor: pointer;
    padding-left:0px;
    transition: all 0.23s ease-in-out 0s;

}

.menuArrow{ 
	display: inline-block; 
	position: relative;
	opacity: 0; 
	transition: all 0.23s ease-in-out 0s;
	width: 0px;
}
.simpleArrow{
	display: inline-block; 
	position: relative;
	/*opacity: 0; */
	/*transition: all 0.23s ease-in-out 0s;*/
	width: 18px;
}

.simpleArrowSubmit{
	display: inline-block; 
	position: relative;
	/*opacity: 0; */
	/*transition: all 0.23s ease-in-out 0s;*/
	width: 18px;

}

.dropdownMenu li a:hover{
/*	color: white; 
	background-color: black; */
	padding-left: 0px;
    transition: all 0.23s ease-in-out 0s;
    cursor: pointer;
}

.dropdownMenu li:hover > .menuArrow{
	width: 18px;
	opacity: 1;
	transition: all 0.23s ease-in-out 0s;

}

/*.night .dropdownMenu li:hover{
	color: black; 
	background-color: white; 
}

*/

#mc_embed_signup{ 
	background-color: transparent!important; 
	font-size: 13px!important
	letter-spacing:0.4;
}

.mc-field-group input{ 	
	font-family: 'Arial-Monospaced-MT';
	        font-family: 'OPTIAlpine-Primer';
letter-spacing: 0.4;
	font-size: 13px;
 }

#mc_embed_signup div.response a{color: black!important; 
 }
.night #mc_embed_signup div.response a{color: white!important; 
 }

#mc_embed_signup #mce-success-response{ color: black!important; }
.night #mc_embed_signup #mce-success-response{ color: white!important; }

 #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
    border: 0px solid #e85c41!important;
    border-bottom: 1px solid white!important;
}

#mc_embed_signup div#mce-responses{
	padding: 0!important;
	margin:0!important;
}

#mc_embed_signup form {
	font-family: 'OPTIAlpine-Primer'!important;
    padding: 0!important; 
}

#mc_embed_signup .mc-field-group input {
    display: inline-block!important;
    width: calc( 100% - 18px)!important;
    padding: 8px 0 8px 0!important;
    text-indent: 0!important;
    background: transparent;
}

#mc_embed_signup .mc-field-group {
	min-height: 0px!important;
}



.night #mc_embed_signup .mc-field-group input {
	color: white;
}
.night #mc_embed_signup .mc-field-group input:focus{
	outline: 0;
	border-bottom: 1px solid white !important;
}
#mc_embed_signup input:focus {
    border-color: 0px #333!important;
    border-bottom: 1px solid black!important; 
    outline: none!important;
}
.night #mc_embed_signup input:focus {
    border-color: 0px #333!important;
    border-bottom: 1px solid white!important; 
}

#mc_embed_signup input {
    border: 0px solid #ABB0B2!important;
    border-radius: 0px!important;
}

#mc_embed_signup .mc-field-group input::placeholder { /* Firefox 18- */
  color: black;
}
#mc_embed_signup .mc-field-group input:placeholder { /* Firefox 18- */
  color: black;
}
#mc_embed_signup .mc-field-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
}
#mc_embed_signup .mc-field-group input::-moz-placeholder { /* Firefox 19+ */
  color: black;
}
#mc_embed_signup .mc-field-group input:-ms-input-placeholder { /* IE 10+ */
  color: black;
}
#mc_embed_signup .mc-field-group input:-moz-placeholder { /* Firefox 18- */
  color: black;
}

.night #mc_embed_signup .mc-field-group input::placeholder { /* Chrome/Opera/Safari */
  color: white;
}
.night #mc_embed_signup .mc-field-group input:placeholder { /* Chrome/Opera/Safari */
  color: white;
}
.night #mc_embed_signup .mc-field-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
.night #mc_embed_signup .mc-field-group input::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
.night #mc_embed_signup .mc-field-group input:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
.night #mc_embed_signup .mc-field-group input:-moz-placeholder { /* Firefox 18- */
  color: white;
}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    display: inline-block;
    margin: 0!important;
    padding: 0!important;
    background-color: transparent!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
    font-size: 13px!important;
    font-weight: normal;
    z-index: 1;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    color: black!important;    
    padding-left: 0px!important;
    margin-top: 5px!important;
}


.night #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    color: white!important;    
    padding-left: 0px!important;
}


#mc_embed_signup .button {
    clear: both;
    background-color: transparent!important;
	font-family: 'OPTIAlpine-Primer'!important;
    border-radius: 3px!important;
    border: 1px solid white!important;


    transition: all 0.23s ease-in-out 0s;
    color: #000000!important;
    font-size: 13px !important;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    margin: 0!important;
    padding: 0 5 0 5!important;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
    display: none;
    margin-top: -8px!important;
    letter-spacing: 0.4;
    margin-top: 3px !important;

}
.night #mc_embed_signup .button {
    color: #FFFFFF;
    color: white!important;

}

.hideimportant{
	display: none!important;
}

.headerZabriskie{ 
	position: relative;
	width: 100%; 
	display: block;
 }

.titreSite{ 
	display: inline-block; 
	width: 40%; 
	position: relative;
	padding-left: 12px;
    margin-top: 12px;
	box-sizing: border-box;
	vertical-align: top; 
	height: 26px;
	height: 17px;
}
.titreSite a{
	text-decoration: none; 
	color: initial;
}

.titrePage{ 
	display: inline-block; 
	position: relative; 
	left: 0%; 
	padding-left: 12px;
}

.contentZabriskie{ 
	position: relative;
	width: 100%; 
	display: block;
     /*margin-top: -18px;*/
 }


#loader{
	display: block;
	background-color: white; 
	position: fixed; 
	top: 0px; 
	left: 0px; 
	right: 0px; 
	bottom: 0px;
}

.signatureSite{ 
	position: absolute;
	bottom: 12px; 
	left: 12px; 
	font-size: 10px; 
	color: white; 

 }



@-moz-keyframes spin {
	from { -moz-transform: rotateY(0)}
	to   { -moz-transform: rotateY(-360deg)}}
	
@-webkit-keyframes spin {
	from { -webkit-transform: rotateY(0)}
	to   { -webkit-transform: rotateY(-360deg)}}


@media only screen and (max-width: 768px) {

	html, body{ 
		width: 100%;
	    font-size: 16pt;
	}

	.homeContentLeft {
		width: 100%;
		position: relative;
		display: block;
		left: 0px; 
		padding-left: 12px;
		top: 0px;
		box-sizing: border-box;
	}

	.homeContentRight{
		width: 100%;
		position: relative;
		display: block;
		left: 0px; 
		padding-left: 12px;
		top: 0px;
		box-sizing: border-box;
	}

	.dropdownMenu{
		width: 100%;
		box-sizing: border-box;
		padding-right: 12px;
		position: relative;
	}  

	#container{
	    left: -52%;
	    top: -34px;
	    width: 0px;
	}

	.contentZabriskie{
	    margin-top: 235px;
	}

	.dates{ 
		display: block; 
	}

}