body, html {

	font-family: 'Roboto Condensed', sans-serif;

	
	font-size: 14px;
	color: #252525;
	font-weight: 400;
	min-height: 100%;
	
	text-rendering: auto;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	

}
body{
		  overflow-x: hidden;
}


 * {
	padding: 0px;
	margin: 0px;
/*	
	-webkit-animation: fadein 1s; 
	-moz-animation: fadein 1s; 
	-ms-animation: fadein 1s; 
	-o-animation: fadein 1s; 
	animation: fadein 1s;	*/
	
}


.clear {
	clear: both;
}

*:focus {
    outline: 0;
}

a {
	color: #929292;
	text-decoration:none;
	 transition: color 0.3s;
}

a:hover{
  color: #000;
  text-decoration: none;
}


p {
	letter-spacing: 1px;
    line-height: 30px;
	padding-bottom: 10px;
}


.txt_big{
	font-size:20px;	
}

img {
	border: 0px;
}

table , iframe{
	width: 100%;
}



.myhr {
	 position: relative;
	width: 100% ;
	background-color: #ECECEC;
	height: 1px;
	margin-top: 26px;
	margin-bottom: 30px;
	
}




.firstlink {
	cursor: pointer;
}


img.rondeImg{
	border-radius:50%;
}

.centerme{
	float:none !important;
	margin:auto !important;
	text-align:center;
	
}



.fullscreenvideowrapper{
	position: relative;
	width:100vw;
	height: 100vh;
	z-index: 1;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.fullscreenvideowrapper iframe{
	position: absolute;
	z-index: 1;
	top:50%;
	left:50%;
	
    -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.makeitfull{
	overflow:hidden;
	
}
.makeitfull > iframe, .makeitfull > img{
	position:absolute;
	top:50%;
	left:50%;
	
	-webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}







h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 36px;
    letter-spacing: 7px;
	color: #252525;
	font-weight:400;
	text-align:center;
	margin-top:20px;
	margin-bottom: 20px;
	position: relative;
    width: 100%;
	text-transform:uppercase;

}
h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	letter-spacing: 1px;
	/*line-height: 34px;*/
	color:#252525;
	font-weight:400 ;
	margin-bottom: 20px;
	margin-top:20px;
	line-height: 1.1em;
}

body.events h2{
	margin-top:0px;
}

h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	color: #929292;
	letter-spacing: 1px;
	line-height: 30px;
	font-weight: 700;
	padding-bottom:3px;
}



/*/////////////CONTAINER/////////*/


.inside{
	box-sizing:border-box;
	position: relative;
	margin: auto;
	width:100%;
	max-width: 1210px;
	padding: 0px 20px;
	
}

.container{
/*    margin-top:170px;*/
	min-height:600px;
}

body.home .container{
/*    margin-top:170px;*/
	min-height:200px;
	height:calc(100vh - 170px);
}

.container_col{
	margin-left: -10px;
	margin-right:-10px;
}
.container_intro {
    background-color: #ffffff;
    margin-top: calc(80vh - 170px);
 
    position: relative;
    z-index: 2;
}

.intro_media::after {
    content: "";
    display: block;
    padding-top: 82vh;
}
.intro_media {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.makeitfull {
    overflow: hidden;
}


#listing_objet{
	overflow:hidden;	
}

.videowrapper{
	width:100%;	
}


/*/////////////HEADER/////////*/

#header{
	box-sizing:border-box;
	width:100%;
	background-color:#FFFFFF;
	min-height:170px;
	height: auto;
	position: relative;
	z-index: 2147483647;
	top:0px;
	left: 0px;
	padding:20px 0px 25px;
}

#header2 {
    background-color: #ffffff;
    height: auto;
    left: 0;
    padding: 10px 0;
    position: fixed;
    top: 0;
    transform: translateY(-100%);
    width: 100%;
    z-index: 214748364;
}

.headroom {
   will-change: transform;
   
}

.headroom--not-top.headroom--unpinned, .headroom--not-top.headroom--pinned {
	opacity:1px; 
	-ms-transform: translateY(0%)!important;
   -webkit-transform: translateY(0%)!important;
  transform: translateY(0%)!important;
  
   -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.headroom--pinned.headroom--top {
	-ms-transform: translateY(-100%);
   -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  
   -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}



#header .inside{
	text-align:center;	
}




#logo{
	position:relative;
	display:inline-block;
	z-index: 400;
	margin:auto;
	width: 200px;
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	text-indent: -5000px;
	background-image: url(/img/logo.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0px;
}


/*/////////////MAINMENU/////////*/

.main_nav{
	position:relative;
	opacity: 1;
    pointer-events: all;
	padding-top: 20px;
	text-align: center;
	width:100%;
	
	
	
}

.main_nav ul{
	display:inline-block;	
}

.main_nav ul, .main_nav ul li{
	line-height:1em;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.main_nav ul li{
	margin-right:30px;
	position:relative;
	float:left;
}
.main_nav ul li.first{
	margin-left:0px;
}

.main_nav ul li a{
	position:relative;
	color:#252525;

	font-size: 14px;
	letter-spacing: 3px;
	text-decoration: none;
	text-align:left;
	display:block;
	text-transform:uppercase;
	font-weight:400;
}

.main_nav ul>li.active>a, .main_nav li a:hover{
	color:#929292;
	
	
}

.main_nav ul.langue li{
	margin-right:4px;
	position:relative;
	float:left;
	
}
.main_nav ul.langue>li.active>a, .main_nav ul.langue li a:hover{
	color:#929292;
}
.main_nav ul.link_social_nav li{
	margin-right:10px;
 -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
	
}

.main_nav ul.link_social_nav li:hover{
	opacity:0.5;
	
}


/*///////////// SOUS MENU/////////*/



.sous_nav_menu .inside{
	text-align:center;	
}

#sous_nav{
	/*padding:16px 0px 4px 0px;*/
	margin-bottom:35px;
	display:block ;
}	
	
#sous_nav li{
	line-height:1em;
	list-style: none;
	margin: 0px;
	padding: 0px;
	display:inline-block;
	white-space:nowrap;
}

#sous_nav li{
	padding-bottom:12px;
/*	float:left;*/
    display:inline-block;
	color:#252525;
	font-size:14px;
	font-weight:400;
}

#sous_nav li a{
	color:#252525;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 14px;
	font-weight:400;
	padding: 0px 10px;
}

#sous_nav li.active a{
	color:#929292;
}
#sous_nav li a:hover {
    color: #929292;
	text-decoration:none;
}
/*/////////////HOME SLIDER/////////*/


#homeslider{
	width:100%;
	overflow:hidden;	
	z-index: 2;

	height:100%;
	position:relative;
}


.myslide{
	width:100%;
	height:100%;
	overflow: hidden;
	background-position:center center;
	background-size:cover;
}


.cycle-prev{
	background-image:url(/img/icone_previous_black.svg);
	background-position: center center;
	background-repeat:no-repeat;
	position:absolute;
	height:36px;
	width:36px;
	display:block;
	bottom:20px;
	right:94px;
	 z-index: 333;
	
}

.cycle-next{
	background-image:url(/img/icone_next_black.svg);
	background-position: center center;
	background-repeat:no-repeat;
	position:absolute;
	height:36px;
	width:36px;
	display:block;
	bottom:20px;
	right:58px;
	 z-index: 333;
	
}




.cycle_legende{
	box-sizing: border-box;
    padding: 0px 15px;
	height:36px;
	line-height:36px;
	position:absolute;
	bottom:20px;
	right:130px;
	display: inline-block;
	background-color:#FFFFFF;
	text-transform:uppercase;
}


/*/////////////ISOTOP/////////*/

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
  -webkit-font-smoothing: antialiased
  
}


.gutteritem{
	width:20px;	
}
.columnitem{
	width: calc(33.33% - 20px);
}
/*/////////////COLONNE/////////*/


.col{
	float:left;
	padding: 0 10px 20px 10px;
	position:relative;
}

#listing_objet.container_col {
    margin-left: 0px;
    margin-right: -20px;
}

#listing_objet .col{
	float: none;
	padding: 0px 0px 0px 0px ;
	position:relative;
	margin-bottom:20px;
}




.col_3 {
	width: calc(25% - 20px);
}


.col_4 {
	width: calc(33.33% - 20px);
}


.col_6, .rea_previous, .rea_next{
	width:calc(50% - 20px);
}

.col_8{
	 width:calc(66.66% - 20px);
}


.col_12{
	width:calc(100% - 20px);
}


.col_3 img, .col_4 img, .col_8 img, .col_6 img, .col_12 img, .col_full img{
	max-width:100% !important;
	height: auto;
	
}


.col_right,  .col_6.odd{
	float:right !important;	
}




/*///////////// OBJETS COLONNE/////////*/


.box_img, .box_vid{
	overflow:hidden;
	width:100%;
	position:relative;
}
.box_img img{
	max-width:100%;
	height: auto;
	position:absolute;	
}

 .box_img:after{
	display:block;
	content:"";
	padding-top: 100%;
}


.objet_item_detail.col_6 .box_img:after{
	display:block;
	content:"";
	padding-top: 65% ;
}

.objet_item_detail.col_6.imgv .box_img:after{
	display:block;
	content:"";
	padding-top: calc(130% + 20px);
}

.col_6 .box_vid:after{
	display:block;
	content:"";
	padding-top: 65% ;
}

.videowrapper_col{
	position:absolute;
	height:100%;
	width:100%;	
}
.videowrapper_col iframe{
	width:100% !important;
	height:100% !important;
}



.col_full{
	background-position: top center;
/*	background-position: center center;*/
	background-size:cover !important;
	background-repeat: no-repeat;
	 background-attachment:fixed;
	 width:calc(100% - 30px);
	clear: both;
	margin: 15px 0px;
}

.col_full:after{
	display:block;
	content:"";
	padding-top: 30%;
}

.col_full img, .col_full.objet_item_detail .box_img{
	display:none;	
}

.rea_previous .rea_img, .rea_next .rea_img{
	overflow:visible;
	width:160px;	
}


.rea_previous .rea_titre, .rea_next .rea_titre{
	width:calc(100% - 134px);	
	display: inline-block;
	top:50%;
	transform:translateY(-50%);
	font-size:14px;
	color:#000000;
	position:absolute;
	z-index: 999;
	line-height: 20px;
	min-height:36px;
	padding-top:16px;
	max-width: 50%;

}
.rea_previous .rea_titre {
	left: 134px;
	padding-left: 40px;	
	background-image:url(../img/icone_previous.svg);
	background-repeat:no-repeat;
	background-position:center left;
		
}
.rea_next .rea_titre{
	  right: 134px;
    text-align: right;
	padding-right:40px;
	background-image:url(../img/icone_next.svg);
	background-repeat:no-repeat;
	background-position:center right;
	background-size:36px 36px;
	
}


/*/////////////CATEGORIES/////////*/


.filer_cat_menu{
	/*padding:16px 0px 4px 0px;*/
	margin-bottom:35px;
	display:block ;
}

.filer_cat_menu .inside{
	text-align:center;	
}

	
	
#filter_cat, #filter_cat li{
	line-height:1em;
	list-style: none;
	margin: 0px;
	padding: 0px;
	display:inline-block;
	white-space:nowrap;
}

#filter_cat li{
	padding-bottom:12px;
/*	float:left;*/
    display:inline-block;
	color:#252525;
	font-size:14px;
	font-weight:400;
}
#filter_cat li a{
	color:#252525;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 14px;
	font-weight:400;
}
#filter_cat li.reacat{
	padding-left:10px;
	padding-right:10px;
	color:#FFF;
}

#filter_cat li a.active{
	color:#929292;
}
#filter_cat li a:hover {
    color: #929292;
	text-decoration:none;
}

.video_ios{
	display:none ;	
}

body.ios .video_ios{
	display:block !important;
}

body.ios  .novideobackground{
	display:none;
}

body.ios  .video_nomargin{
	margin-top:0px;
}

/*/////////////REALISATIONS/////////*/


.realisations_titre{
		display:inline-block;
		float:left;
	
}

.realisations_box{
	opacity:0;
	width:100%;
	height:100%;
	position:absolute;
	 transition: all 0.5s;
	 z-index:999;
	 text-align:center;
}

.realisations_box:hover{
	opacity:1;
	background: rgba(0, 0, 0, .6);
	

}

.realisations_box_titre{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	color:#ffffff;
	line-height:1.2em;

	 top:50%;
	 left:50%;
	 transform:translate(-50%,-50%);
	padding: 20px;
    position: relative;

}
.realisations_box_titre span{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:16px;
	text-transform:uppercase;


}
.realisation_sous_titre{
	text-align:center;
	text-transform:uppercase;
	font-size: 12px;
	letter-spacing: 2px;
	/*line-height: 35px;	*/
}

/*/////////////REALISATIUON SUIVANTE/////////*/


.realisation_suivante{
	  padding: 30px 0 0;
	color:#FFF;
	position:relative;
}


.realisation_suivante_txt{
    position: absolute;
    right: 0;
    text-align: right;
}

.realisation_suivante_txt  h1{
	color:#FFF;
	text-align:right;
	font-size:40px;
}



/*///////////// AUTRES /////////*/

.galerie_legende{
	margin-bottom:30px;
	
}
.galerie_legende p{
	  padding: 7px 0 0 0;
	  font-size:12px;
	  line-height:20px;
	
}


.border_right{
	border-right:1px solid #E5E9E8;
	padding-right:30px;
}


.colseparateur{
	width: 100%;
	clear: both;
	margin: 0px !important;
	min-height: 0px !important;
	height: 1px !important;
}
.texte_design{
max-width:520px;
font-size: 14px;
letter-spacing: 1px;
line-height: 30px;

}
.texte_intro p{
font-size: 14px;
color: #252525;
letter-spacing: 1px;
line-height: 30px;
}

.adresse_suisse{
	font-size: 16px;
	color: #252525;
	letter-spacing: 1.14px;
	line-height: 30px;
}

.adresse_suisse h3 {
	font-size: 16px;
	color: #929292;
	letter-spacing: 1.14px;
}


::-webkit-input-placeholder {
color:#6D6E71;
font-size: 30px !important;
font-family: 'Roboto Condensed', sans-serif;
opacity:1;
}

:-moz-placeholder { /* Firefox 18- */
color:#6D6E71;
font-size: 30px !important;
font-family: 'Roboto Condensed', sans-serif;
opacity:1;
}

::-moz-placeholder {  /* Firefox 19+ */
color:#6D6E71;
font-size: 30px !important;
font-family: 'Roboto Condensed', sans-serif;
opacity:1;
}

:-ms-input-placeholder {  
color:#6D6E71;
font-size: 30px !important;
font-family: 'Roboto Condensed', sans-serif;
opacity:1;
}

input.placeholder {
color:#6D6E71;
font-size: 30px !important;
font-family: 'Roboto Condensed', sans-serif;
opacity:1;
}


a.link_facebook{
	background-image:url(/img/Icon_facebook.png);
	width:12px;
	height: 22px;
}

a.link_instagram{
	background-image:url(/img/icone_instagram.png);
	width:22px;
	height: 22px;
}

a.link_linkedin{
	background-image:url(/img/icone_linkedin.png);
	width:22px;
	height: 22px;
	
}







.nomobile{
	display: block;
}

.mobile{
	display: none ;
}


a.mobilemenuopen{
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("../img/icone_nav.png");
	background-size: 14px 10px;
	width:14px;
	height:10px;
	position: absolute;
	top:30px;
	right:23px;
}

a.mobilemenuclose{
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("../img/icone_nav_close.png");
	background-size: 12px 12px;
	width:12px;
	height:12px;
	position: absolute;
	top:30px;
	right:25px;
}


#navbtn{
	position: fixed;
	left:0px;
	bottom:20px;
	z-index: 20;
	width:100%;
}

.filter_btn{
	display:none;	
}







@keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}

/* Firefox < 16 */
@-moz-keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}

/* Internet Explorer */
@-ms-keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}

/* Opera < 12.1 */
@-o-keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}










@media all and (max-width:880px){



.cycle_legende .anim_texte span{
	font-size:40px;
	
}

.cycle-pager span{
	height:10px;
}

}





@media all and (max-width:778px){
	
		#logo h1 {
		width: 200px;
		height: 40px;
		background-size: contain;
		background-position: center center;
		}
	
		
		.nomobile{
		display: none !important;
		}
		
		.mobile{
		display: block !important;
		}

		
		h1{
		font-size:35px;	
		}
		
		.inside{
		padding: 0px 20px;
		}
		
		
		.container{
		margin-top:70px;
		
		}
		


	
	body #header .inside{
			background-color: #fff;
			padding:0px;
	}
	
	body .main_nav{
		background-color: #fff;
		display:none;
		height: 100vh;
		margin: auto;
		opacity: 1;
		pointer-events: all;
		position: relative;

	}
	
	#header{
		min-height:70px;
		height: 70px;
		padding:0px 0px 0px 0px  !important;
		border-bottom:1px solid #EDEDED;
		position:fixed !important;
		
		}
	
	
	#menumobile {
    color: #4e4e4e;
    position: absolute;
    right: 10px;
    top: 18px;
    z-index: 999;
	width:40px;
	
	height:40px;
	}
	.hamburger {
		/*background-color: #FFF;*/
	}

	
	
	body.mobilemenuopened .main_nav{
		display:block;
		opacity:1;
		pointer-events:all;
	}
	
	body.mobilemenuopened .filter_cat {
		display:none;
	}
	

	
	 .main_nav ul{
		 margin-top:60px;
		
		 
	 }
	 
	 .main_nav ul, .main_nav ul li {
		  float:none;
		  width:100%;
	 }
	
	 .main_nav ul li, .main_nav ul.langue li{
		 border-bottom:1px solid #EDEDED;
		float: none;
		display: block;
		margin: 0px;
		text-align: center;
		padding:15px 0px;
	}
	
	.main_nav ul li a{
		display:inline;
		font-size: 16px;
		
	}
	
	.main_nav ul.langue li.first {
		float:left;
	}
	
	.main_nav a.link_social_nav {
    display: inline-block;
	padding:20px;
   }
   
	body.home .container {
		height: calc(100vh - 70px);
		min-height: 200px;
	}


	
	
	.filter_btn{
	display: block;	
	 border-bottom:1px solid #EDEDED;
	text-align: center;
	padding:30px 20px 10px 20px;
	font-size:13px;
	color:#A5A5A5;
	text-transform:uppercase;
	cursor:pointer;
	margin-bottom: 20px;
}
.filer_cat_menu {
    border-top: 0px;
	display:none;
	padding:0px;
}

body.filterphone .filer_cat_menu {
	display:block;	
}



#filter_cat, #filter_cat li {
    display: block;
    white-space: normal;
	width: 100% !important;
}
#filter_cat li {
	text-align:center;
	padding-bottom: 20px;
}
#filter_cat li.reacat {
	display:none;
}

#listing_objet.container_col {
    margin-left: 0px;
    margin-right: 0px;
}



.realisations_legende {
    font-size: 22px;
}

.realisation_suivante_txt {
    position: relative;
    right: 0;
    text-align: right;
    top: 50%;
    transform: none;
}
.realisation_suivante_txt h1 {
    color: #fff;
    font-size: 24px;
    text-align: right;
}
.home_realisations {
    margin-bottom: 20px;
    margin-top: 20px;
}




}
@media all and (max-width:760px){

.col_3 {
   
	width: calc(50% - 30px) !important;
}

.col_4, .col_6, .col_8 {
    box-sizing: border-box;
    float: left;
    width: 100% !important;
}

#logo{

	width: 120px;

}


}


@media all and (max-width:620px){
	
	
.rea_previous, .rea_next {
    box-sizing: border-box;
    float: left;
    width: 100% !important;
}

 
	
	
.col_3 {
   
	width: calc(100% - 30px) !important;
}	


h1 {

	font-size: 24px;
	

}
h2 {
	
	font-size:19px;

}

.cycle_legende{
	left:56px;
	right:56px;
	text-align:center;
    padding: 0 20px;
}


.cycle-prev{
	left:20px;

}

.cycle-next{
	right:20px;
}
.rea_previous{
	
	display:none;
}
}