@charset "UTF-8";
/* CSS Document */

html{
	font-size:100%;
}

body {
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	height: 100%;
	color: #332c1c;
	font-size: 87.5%;
	line-height: 21px;
	margin: 0;
	padding: 0;
	background-color:#c4a251;
}

#ct1 {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#ct2 {
	margin: 0;
	padding: 0;
}

.clr {
	clear: both;
}


.cn {
	width: 1200px;
	max-width: calc(100% - 140px*2);
	margin: 0 auto;
	position: relative;
}

#bd {
	position: relative;
	padding-bottom: 70px;
	width: 100%;
}

body:not(.node-type-spectacle) #bd div#content{
	padding-bottom: 30px;
}

#ft {
	background: #332c1c;
	height: auto;
	margin: 0;
	color: #bdb6a5;
	line-height: 1.5em;
	font-size: 1em;
}

#ft .cn {
	height: auto;
	padding-bottom: 15px;
}

.white_bg{
	background-color: #fff;
	padding:50px 0;
}

.center{
	text-align: center;
}

a.button, #content a.button, #content .right.box a.button{
	font-family: 'cassannet_plusregular';
	background-color:#332c1c;
	color:#fff;
	padding: 20px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1rem;
    letter-spacing: 1.25px;
    display: inline-block;
}
.page-node-23 #content a.button {
	display: inline-block; 
	margin-top: 5px;
	padding: 7px 12px 6px; 
	font-size: 0.9375rem;
}

.box.prefooter a.button {
	text-decoration: none;
	min-width: 280px;
	text-align: center;
}

a.button:hover, #content a.button:hover, #content .right.box a.button:hover{
	text-decoration: none;
}

.white_bg a.button:hover, #content .white_bg a.button:hover, #content .white_bg .right.box a.button:hover{
	background-color: #c4a251;
	color:#fff;
}

/* transitions */

li.dropButton a span, .subnav a, li.dropButton ul li a, #ft a, .stripNav li a, input, input[type="submit"]{
    transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all .3s ease-in-out;  
}

li.dropButton a{
    transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
    -o-transition: all .1s ease-in-out;  
}

.logo, a.logoFooter{
    transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
    -o-transition: all .2s ease-in-out;  
}

	/*footer*/

	#navFooter{
		text-align: center;
		padding:0 0 40px 0;
		margin:0;
		display: block;
	}

	#navFooter li{
		display: inline-block;
		text-transform: uppercase;
	}

	#navFooter li::after{
		content:"-";
		font-size:0.875rem;
		text-transform: uppercase;
		color: #c4a251;
	}

	#navFooter li:last-child::after{
		display:none;
	}

	#navFooter li a{
		font-size:0.875rem;
		text-transform: uppercase;
		padding:10px 5px;
	}
	
	#contactAndMore {
		padding: 60px 0 40px 0;
		width: 100%;
		font-size: 0.84615rem;
		display: flex;
		flex-wrap:wrap;
	}

	#contactAndMore >div{
		width:33.333%;
	}

	#contactAndMore .footer_soutenir{
		text-align: center;
	}
	
	#contactAndMore .footer_tel{
		text-align: right;
	}
	
	a.logoFooter {
		position:absolute;
		left:0;
		top:60px;
	}
	
	a.logoFooter:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=90);
		-moz-opacity: 0.9;
		-khtml-opacity: 0.9;
		opacity: 0.9;
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg);
		padding-left:4px;
	}
	
	#ft a{
		color: #c4a251;
		text-decoration: none;
	}
	
	#ft a:hover{
		color: #fff;
	}

	#ft a.button{
		border: 1px solid #fff;
	    padding: 20px;
	    width: 70%;
	    min-width: 200px;
	    float: none;
	    text-align: center;
	    display: inline-block;
	    color:#fff;
	    text-transform:uppercase;
	    font-size:0.875rem;
	}
	
	#ft a.button:hover{
		border: 1px solid #c4a251;
		background-color:#c4a251;
	}

	#ft .facebook, #ft .vimeo {
		color: #D9D9D9;
		font-size: 1.0769em;
	}
	
	#ft .facebook, #ft .flickr {
		color: #D9D9D9;
		font-size: 1.0769em;
	}

	#contactAndMore .footer_adress{
		padding-left:100px;
	}
	
	#contactAndMore ul {
		padding: 0;
	}
	
	#contactAndMore ul li{
		list-style: none;
		padding: 8px 0 ;
	}
	
	#contactAndMore ul li a{
		padding: 5px 6px;
	}

	.credits {
		padding: 10px 0;
		font-size: 0.84615em;
		border-top:1px solid #8c877b;
	}

	.credits strong, #ft .credits strong a{
		color: #c7c1b3;
	}
	.credits .copyright{
		float:left;
	}

	.credits .powered{
		float: right;
		text-align: right;
	}
	/*liens*/
	
	#content a.readmore {
		display: block;
		float: left;
		width: 0;
		height: 65px;
		padding: 0 0 0 119px;
		overflow: hidden;
		background: transparent url(../images/readmore.png) left top no-repeat;
	}
	
	#content a.readmore:hover {
		background: transparent url(../images/readmore-hover.png) left top no-repeat;
	}
	
	a.docsSpectacle{
		color: #473c23;
	}
	
	a.docsSpectacle:hover{
		color: #f4eacb;
	}
	
	/* menuIcon */
	
	.menuIcon {
		margin:0;
		padding:0;
	}
	
	.menuIcon.Big ul {
		margin: 0;
		padding: 25px 0 0 0;
		text-align: center;
	}
	
	.menuIcon .cn{
		display: flex;
		flex-wrap:wrap;
	}

	.menuIcon .white_bg{
		padding:0;
	}

	.menuIcon div.decouvrir, .menuIcon div.informer{
		width:50%;
		padding:80px 0 70px;
		box-sizing:border-box;
	}
	
	.menuIcon div.decouvrir{
		border-right:1px solid #898883;
		margin-right:-1px;
	}

	.menuIcon h2{
		margin:0 0 10px 0;
	}

	.menuIcon div.informer{
		padding-left: 130px;
	}

	.menuIcon ul {
		margin: 0;
		padding: 0;
		text-align: center;
		display: flex;
		flex-wrap:wrap;
	}
	
	.menuIcon ul li {
		width:50%;
		list-style: none;
		height: 150px;
		position: relative;
	}
	
	.menuIcon ul li a, #content .menuIcon ul li a {
		display: block;
		
		letter-spacing: 0.06em;
		text-align: left;
		width:100%;
		font-size:1rem;
		font-weight: 600;
		color: #332c1c;
		text-decoration: none;
		text-transform: uppercase;
		line-height: 28px;
		padding:110px 0 0 0;

		background-position: left top;
		background-repeat:no-repeat;
		background-size: 100px auto;
	
	    transition: all 0.3s none;
		-webkit-transition: all 0.3s none;
		-moz-transition: all 0.3s none;
	    -o-transition: all .3s none;
	}
	
	.menuIcon ul li a:hover {
		color: #3d331d;
		background-color: transparent;
	}
		
		/* icones */

		.menuIcon ul li a.iconSpectacle, #content .menuIcon ul li a.iconSpectacle{
			background-image: url(../images/menu_icons/icon_spectacles_w.png);

		}
		.menuIcon ul li a.iconImage, #content .menuIcon ul li a.iconImage{
			background-image: url(../images/menu_icons/icon_images_w.png);
		}

		.menuIcon ul li a.iconPros, #content .menuIcon ul li a.iconPros{
			background-image: url(../images/menu_icons/icon_pros_w.png);
			background-size: auto 100px;
		}

		.menuIcon ul li a.iconEcole, #content .menuIcon ul li a.iconEcole{
			background-image: url(../images/menu_icons/icon_ecoles_w.png);
		}

		.menuIcon a:hover, #content .menuIcon a:hover{
			opacity:0.5;
			background-color: transparent;
		}
		
	
		
	/* header */
	
		#logoContainer{
			position: relative;
			margin-top: 0;
			margin: 1.5vw 0 0.75vw;
			padding: 80px 0 60px 0;
			text-align: center;
			background: url(../images/logo_transparent_bg.png) center top 20px no-repeat;
			background-size: 100px auto;
		}

		#logoContainer.homepage{
			margin: 5vh 0 1.5vh;
		}	
		#logoContainer p{
			margin: 2px 0 7px;
		}
		
		#logoContainer strong{
			font-family: 'cassannet_plusregular';
			text-transform: uppercase;
			font-weight: 600;	
			letter-spacing: 9.5px;	
			text-align: center;
			padding: 0 0 2px 4px;
			font-size: 1.1875rem;
			display: block;
		}

		body.not-front #logoContainer strong{
			font-size: 0.92rem;
			padding: 0;
		}
		
		.logo:hover {	
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter: alpha(opacity=90);
			-moz-opacity: 0.9;
			-khtml-opacity: 0.9;
			opacity: 0.9;
		}
	
		/* nav */
		
		/* level1 */
		
		ul.topNav{
			padding: 0;
			margin: 0;
			width: 920px;
			border-bottom: 1px solid #332c1c;
		}
		
		ul.topNav li, .subnav ul li {
			display: inline;
			list-style-type: none;
			letter-spacing: 0.09em;
		}
		
		.subnav {
			position: relative;
		}
		
		.subnav ul li.current {
			padding: 0 12px;
			font-weight: 700;
			text-transform: uppercase;
		}
	
		
		.subnav ul li.dropButton {
			position: absolute;
			left: 0;
			top: 0;
		}
		
		.subnav ul {
			text-align: center;
			padding: 0 0 0 60px;
			margin: 0;
		}
		
		li.topNav.left{
			display: inline-block;
		}
		
		li.topNav.left a, .subnav li a{
			display: inline-block;
			list-style-type: none;
			color: #332c1c;
			letter-spacing: 0.04em;
			font-weight: 400;
			text-transform: uppercase;
			text-decoration: none;
			padding:  6px 17px 5px 44px;
		}
		
		.dropButton {
			position: relative;
		}
		
		.dropButton a span {
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url(../images/navBg.png) left center no-repeat;
			opacity: 1;
		    -moz-opacity : 1; 
		    -ms-filter: "alpha(opacity=100)"; 
		    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
		    filter : alpha(opacity=100); 
		}
		
		.dropButton a:hover span{
			opacity: 0.5;
		    -moz-opacity : 0.5; 
		    -ms-filter: "alpha(opacity=50)"; 
		    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
		    filter : alpha(opacity=50); 
		}
		
		.subnav li a{
			padding: 0 17px 0 44px;
			height: 34px;
			line-height: 36px;
		}
		
		li.topNav.left ul a, .subnav li ul a{
			background: none;
		}
	
		li.topNav.right{
			display: inline-block;
			float: right;
		}
		
		li.topNav.right a{
			display: inline-block;
			list-style-type: none;
			color: #332c1c;
			font-weight: 400;
			text-transform: uppercase;
			font-style: italic;
			text-decoration: none;
			padding:  6px 15px 3px;
		}
		
		li.topNav.right a:hover{
			padding:  8px 15px 2px;
		}
		
		
	
			/* level 2 */
			
			ul.topNav ul {
				padding: 0;
			}
			
			li.dropButton ul, div#siteMapFooter ul.siteMap{
				width: 689px;
				padding-bottom: 35px;
				height: auto;
			}
			
			li.dropButton ul {
				width: 920px;
				display: none;
				z-index: 10;
				position: absolute;
				background: url(../images/transparence.png) top center ;
				padding-top: 24px;
			}
			
			ul.topNav li ul.abonnement{
				position: absolute;
				background: url(../images/transparence.png) top center ;
				height: auto;
				float: right;	
				width: 200px;
				top: 24px;
				margin: 0 0 0 -44px;
				padding: 10px 0 18px 0 ;
			}
			
			ul.topNav li ul.abonnement li{
				width: auto;
			}
			
			ul.topNav li ul li, li.dropButton ul li, div#siteMapFooter ul.siteMap li{
				margin: 0 16px 0 45px;
				width: 210px;
				float: left;
				letter-spacing:0.07em;
				height:auto;
				display: block;
			}
			
			div#siteMapFooter ul.siteMap li{
				width: 200px;
			}
			
			div#siteMapFooter ul.siteMap li li{
				width: 190px;
			}
			
			div#siteMapFooter ul.siteMap li{
				margin: 0 0px 0 19px;
			}
			
			li.dropButton ul li {
				width: 185px;
			}
			
			ul.topNav li ul.abonnement li{
				float: none;
				margin: 0;
				margin-left: -21px;
			}
			
			.subnav ul li ul {
				background-color: #332c1c;
				display: none;
				float: left;
			}
			
			.subnav ul li ul li{
				float: none;
			}
			
			.subnav .prev a, .subnav .next a{
				background: url(../images/navPrevNext.png) 14px 11px no-repeat;
				padding: 0 11px 0 34px;
				margin-left: 28px;
			}
			
			.subnav .prev a:hover{
				background-position: 5px 11px;
				padding: 0 13px 0 32px;
			}
			
			.subnav .next a{
				background-position: -76px 11px;
				margin: 0;
				padding: 0 34px 0 11px;
			}
			
			.subnav .next a:hover{
				background-position: -67px 11px;
				padding: 0 34px 0 13px;
			}
			
			.subnav ul li .next {
				background-color: #332c1c;
				display: none;
			}
			
			ul.topNav li ul.abonnement li a{
				font-size: 0.95em;
				font-weight: 400;
				text-decoration: none;
				color: #d9d5cc;
				padding: 12px 15px 12px 35px;
				display: block;
				font-style: normal;
				text-transform:none;	
				height: auto;
				line-height: 18px;
			}
			
			ul.topNav li ul.abonnement li a.facebook{
				background: url(../images/facebookIcon.png) no-repeat;
			}
			
			ul.topNav li ul.abonnement li a.facebook:hover{
				background: url(../images/facebookIconHover.png) no-repeat;
				color: #fff;
			}
			
			ul.topNav li ul.abonnement li a.vimeo{
				background: url(../images/vimeoIcon.png) no-repeat;
			}
			
			ul.topNav li ul.abonnement li a.vimeo:hover{
				background: url(../images/vimeoIconHover.png) no-repeat;
				color: #fff;
			}
			
			ul.siteMap li h3, #ft h3{
				color: #fffae8;
				font-weight: 400;
				text-transform: uppercase;
				line-height: 19px;
				font-style: normal;
				letter-spacing: 0.1em;
				height: 30px;
				overflow: hidden;
				font-size: 1.1538em;
				height: auto;
				width: auto;
				margin-bottom: 8px;
			}
			
			ul.siteMap li ul{
				display: block!important;
				position: relative;
				margin: 6px 0 0 0;
				padding: 0;
				text-decoration: none;
				list-style-type: none;
				height: auto;
				width: auto;
				background: none;
			}
			
			ul.siteMap li ul li, div#siteMapFooter ul.siteMap li ul li {
				display: block;
				float: none;
				margin: 0;
			}
			
			ul.topNav li.topNav ul li ul li a, ul.siteMap li ul li a, .subnav ul li ul li a{
				text-align: left;
				font-size: 0.9231em;
				line-height: 16px;
				font-weight: 400;
				text-decoration: none;
				color: #c4a251;
				font-style: normal;
				text-transform: none;
				padding: 3px 0 4px;
				display: block;
				height: auto;
			}
			
			ul.topNav li.topNav ul li ul li a:hover, ul.siteMap li ul li a:hover, #ft ul.siteMap li ul li a:hover, .subnav ul li ul li a:hover{
				color: #fff;
			}
			
	/* topbar */
	
	.topbar, .easy-breadcrumb{
		width:100%;
		position: relative;
		color: #000;
		font-size:0.875rem;
		font-weight: 600;
	}

	.topbar {
		border:1px solid #332c1c;
		margin-top: 45px;
		display: flex;
		flex-wrap:wrap;
		position: relative;
		z-index: 100;
	}

	#mobileMenuBtn{
		display: none;
		text-transform: uppercase;
		font-size: 1rem;
	}

	.topbar a{
		text-decoration: none;
		text-align: center;
		color: rgba(0, 0, 0, 0.75);
		font-size: 0.75rem;
		outline: none!important;
	}

	.easy-breadcrumb a, .easy-breadcrumb span {
		display: inline-block;
		padding: 4px 0;
		text-decoration: none;
		text-align: center;
		font-size: 0.625rem;

		text-transform: uppercase;
	}

	.easy-breadcrumb span {
		color: rgba(0,0,0,0.6);
	}

	span.easy-breadcrumb_segment-separator {
		padding-left: 3px;
		padding-right: 3px;
		font-weight: bold;
		opacity: 0.5;
	}

	.easy-breadcrumb a {
		color: #fff;
	}

	.easy-breadcrumb a:hover {
		opacity: 0.6;
	}
	
	.topbar ul{
		list-style: none;
		padding:0;
		margin:0;
	}

	.topbar ul.nav{
		display: flex;
		display: -ms-flexbox; 
		display: -webkit-flex; 
		flex-wrap:wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-flow: row wrap;
		width:73%;
	}

	.topbar ul.nav li{
		width:17%;
		text-transform: uppercase;
		list-style-type: none;
		list-style-image: none;
		padding: 0;
	}

	.topbar ul.nav li.first {
		display: none;
	}

	.topbar ul.nav li.menu-mlid-1107, .topbar ul.nav li.menu-mlid-1108{
		width: 15%;
	}

	.topbar ul.nav li::before, .topbar #ContactAndFollow ul::before{
		font-size: 0.923rem;
		text-transform: uppercase;
	}

	.topbar ul.nav li:nth-child(2)::before{
		content:'Nos spectacles';
		position: absolute;
		top:-27px;
	}

	.topbar ul.nav li:nth-child(4)::before{
		content:'Guide pour les pros';
		position: absolute;
		top:-27px;
	}

	.topbar ul.nav li:nth-child(6)::before{
		content:'Guignol à roulettes';
		position: absolute;
		top:-27px;
	}

	.topbar ul.nav li a{
		height:110px;
		display: block;
		text-transform: uppercase;
		background-size: auto 48px;
		background-position: center 22px;
		background-repeat: no-repeat;
		padding-top: 78px;
    	box-sizing: border-box;
    	position: relative;
	}

	.topbar ul.nav li a:hover, .topbar ul.nav li.active a{
		color: rgba(0,0,0,1);
	}

	.topbar ul.nav li a:after, ul#ContactAndFollow >li >a:after {
		content:"";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 0;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s  linear;
		-o-transition: all 0.2s  linear;
		transition:all 0.2s  linear;
	}

	.topbar ul.nav li.active a{
		font-weight: bold;
	}

	.topbar ul.nav li a:hover:after, ul#ContactAndFollow >li >a:hover:after, .topbar ul.nav li.active a:after {
		height: 18px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	
	.topbar ul.nav li:nth-child(2) a{
		background-image:url(../images/menu_icons/icon_spectales.jpg);
	}

	.topbar ul.nav li:nth-child(3) a{
		background-image:url(../images/menu_icons/icon_images.jpg);
	}

	.topbar ul.nav li:nth-child(4) a{
		background-image:url(../images/menu_icons/icon_ecoles.jpg);
	}

	.topbar ul.nav li:nth-child(5) a{
		background-image:url(../images/menu_icons/icon_pros.jpg);
	}

	.topbar ul.nav li:nth-child(6) a{
		background-image:url(../images/menu_icons/icon_apropos.jpg);
	}

	.topbar ul.nav li:nth-child(7) a{
		background-image:url(../images/menu_icons/icon_blog.jpg);
	}

	.topbar ul.nav li:nth-child(odd){
		border-right:1px solid #332c1c;
		margin-right: -1px;
	}

	.topbar ul.nav li.last{
		border: none;
	}

	/* secnav dropdown */

	.topbar ul.nav ul {
		display: none;
	}

	/* secnav */

	.region-breadcrumb ul.nav{
		margin: 0;
		padding: 0 5px;
		background-color: rgba(0,0,0,0.08);
	    border: 1px solid rgba(51, 44, 28, 0.75);
	    border-top: none;
	}

	.region-breadcrumb ul.nav li{
		display: inline-block;
		list-style-type: none;
		list-style-image: none;
		padding: 0;
	}

	.region-breadcrumb ul.nav li a{
		display: block;
		padding: 11px 10px;
		font-size: 0.8125rem;
		color: rgba(0, 0, 0, 0.8);
		text-decoration: none;
		outline: none!important;
	}

	.region-breadcrumb ul.nav li a:hover, .region-breadcrumb ul.nav li.active a{
		color: rgba(0, 0, 0, 1);
	}

	.region-breadcrumb ul.nav li.active a{
		font-weight: bold;
	}

	/* follows and contact */
	
	.topbar #ContactAndFollow{
		width:27%;
		border-left: 1px solid #332c1c;
		box-sizing: border-box;
	}

	#bd #ContactAndFollow{
		width:50%;
	}

	#ContactAndFollow >ul{
		display: flex;
		flex-wrap:wrap;
		padding: 0;
	}

	.topbar #ContactAndFollow >ul{
		border-bottom:1px solid #332c1c;
	}


	.topbar #ContactAndFollow >ul::before{
		content:'Abonnez-vous';
		position: absolute;
		top:-27px;
	}

	#bd #ContactAndFollow{
		width:200px;
		float: left;
	}

	#ContactAndFollow >ul >li{
		width:25%;
	}

	#ContactAndFollow ul li a{
		display: flex;
	}

	.topbar #ContactAndFollow >ul >li >a {
		height:62px;
	}

	#ContactAndFollow ul li{
		list-style: none;
	}

	#ContactAndFollow ul li img {
		margin: 0 auto;
	}

	.topbar  #ContactAndFollow ul li a{
		border-right: 1px solid #332c1c;
	}

	.topbar #ContactAndFollow ul li:last-child a{
		border-right: none;
	}

	.topbar #ContactAndFollow ul li img{
		margin:auto;
		max-height: 26px;
		width: auto;
	}
	
	.topbar #contactHeader a{
		display:block;
		height: 47px;
	    box-sizing: border-box;
	    padding-top: 12px;
	}

	.topbar .supportBtn{
		width: 166px;
		height:112px;
		display: flex;
		position:absolute;
		right:-166px;
		top:-1px;
		background-color:#332c1c;
		box-sizing:border-box;
		padding: 0;
	}

	.topbar .supportBtn a{
		color:#fff;
		margin: auto;
		font-size: 1.125rem;
		font-weight: 400;
		width: 100%;
		height:100%;
		box-sizing: border-box;
		text-transform: uppercase;
		display: flex;
	    justify-content: center;
	    flex-direction: column;
	    text-align: center;
	}
		
	.topbar .supportBtn a.soutenir:hover {
		color:#c4a251;
	}


	.newsletter{
		width: 50%;
		float: left;
	}

	/* language switcher */

	.topbar #ContactAndFollow >ul >li.language-switcher {
		position: relative;
		z-index: 20;
	}

	.topbar #ContactAndFollow >ul >li.language-switcher >ul {
		position: absolute;
		width: 99%;
	}

	.topbar #ContactAndFollow >ul >li.language-switcher >ul li{
		display: none;
	}

	.topbar #ContactAndFollow >ul >li.language-switcher >ul li.active, .topbar #ContactAndFollow >ul >li.language-switcher >ul:hover li{
		display: block;
		vertical-align: middle;
	}

	.topbar #ContactAndFollow >ul >li.language-switcher >ul li.active a {
		height: 62px;
	}

	.topbar #ContactAndFollow >ul >li.language-switcher li a {
		display: block; 
		box-sizing: border-box;
		background-color: #332c1c;
		height: 0;
	    padding: 62px 0 0 0;
	    overflow: hidden;
	    position: relative;
		-webkit-transition: all 0.25s linear;
		-moz-transition: all 0.25s linear;
		-ms-transition: all 0.25s  linear;
		-o-transition: all 0.25s  linear;
		transition:all 0.25s  linear;
	}

	.topbar #ContactAndFollow >ul >li.language-switcher li a img {
		margin: auto;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform:translateX(-50%) translateY(-50%);
		-webkit-transition: all 0.25s linear;
		-moz-transition: all 0.25s linear;
		-ms-transition: all 0.25s  linear;
		-o-transition: all 0.25s  linear;
		transition:all 0.25s  linear;
	}
	
	.topbar #ContactAndFollow >ul >li.language-switcher li a:hover{
		background-color: #241f14;
	}

	.topbar #ContactAndFollow >ul >li.language-switcher li a:hover img{
		opacity: 0.7;
	}

	.topbar #ContactAndFollow >ul >li.language-switcher li:not(.active) a {
		color: #fff;
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}

	.topbar #ContactAndFollow >ul >li.language-switcher li.active a{
		background-color: #c4a251;
	}

	/* content */
	
		/* gallery */
		
        #galleria{
			height:587px;
			margin-bottom: 0;
		}
		.galleria-stage{
			height: 500px;
		}
		
		#gallery {
			list-style: none;
			padding: 30px 0;
			text-align: center;
		}
		
		#gallery li {
			display: inline-block;
			margin: 0 15px 25px 15px;
			cursor: pointer;
			position: relative;
			z-index:2;
		}	
		
		#gallery li img{
			border: 1px solid #332C1C;
			background-color: transparent;
			background-repeat: no-repeat;
			background-position: center center;
			padding: 5px;
			position: relative;
			z-index:2;
		}
		
		#gallery li:before{
			content: "";
			position: absolute;
			z-index: 1;
			width: 280px;
			height: 210px;
			border: 1px solid #332C1C;
			background:url(../images/bg.png) top center repeat;
			padding: 5px;
			margin-left:3px;
		}
		
		#gallery li:after{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			z-index: 0;
			width: 280px;
			height: 210px;
			border: 1px solid #332C1C;
			background:url(../images/bg.png) top center repeat;
			padding: 5px;
			margin-left:3px;
		}
		
		#gallery li:hover:before{
			margin-left:0;
			-ms-transform:rotate(-2deg);
			-o-transform:rotate(-2deg);
			-webkit-transform:rotate(-2deg);
			-moz-transform:rotate(-2deg);
		}
		
		#gallery li:hover:after{
			margin:0 0 0 9px;
			-ms-transform:rotate(1deg);
			-o-transform:rotate(1deg);
			-webkit-transform:rotate(1deg);
			-moz-transform:rotate(1deg);
		}
		
		#gallery li:hover img{
			background: #B09153;
		}
		
		#gallery li h3 {
			margin: -11px 0 0 2px;
			padding: 5px 0 0 7px;
		}
		
		#gallery li h3 a{
			padding-top: 10px;
		}
		
		#gallery li h3 a, #gallery li a:hover{
			background-color: transparent;
			max-width: 282px;
		}
		
		#gallery li:hover h3 a{
			color: #4d432e;
			padding-left: 9px;
		}
		
		#gallery li h3 a:hover{
			background: none;
		}
		
			
		/* content block */
		
		.leftRow {
			float: left;
			width: 66.66%;
			margin: 0;
			padding: 0 100px 0 0;
			box-sizing:border-box;
		}
		
		.leftRow h1{
			margin-top: 6px;
		}

		.right.box h3{
			font-size: 1rem;
			line-height: 22px;
		}

		.right.box h3{
			font-family: 'cassannet_plusregular';
			font-size: 1rem;
		    letter-spacing: 0.5px;
			padding:10px 7px 10px 0;
			margin-bottom: 0;
			display: inline-block;
			cursor: pointer;
		}

		.right.box .accordion h3::before{
			content:"+";
			padding-right:7px;
			color:#c4a251;
			font-size: 1.5rem;
			font-weight: 400;
			top: 3px;
    		position: relative;
    		width: 16px;
    		display: inline-block;
		}

		.right.box .accordion.open_object h3::before{
			content:"–";
			top: 3px;
		}
		
		.rightRow {
			margin: 0 0 30px 0;
			padding: 52px 200px 0;
		}
		
		.box {
			width: 100%;
			padding: 0;
			margin: 0;
		}

		div.sep {
			border-top: 1px solid rgba(51, 44, 28, 0.2)
		}

		.box.prefooter{
			padding-top: 85px;
		}
		
		.right.box {
			width: 33.33%;
			float: right;
		}

		.right.box .accordion, div.right.box div.view-documents div.views-row-odd, div.right.box div.view-documents div.views-row-even{
			max-height:50px;
			overflow: hidden;
			-webkit-transition: all 0.5s linear;
			-moz-transition: all 0.5s linear;
			-ms-transition: all 0.5s  linear;
			-o-transition: all 0.5s  linear;
			transition:all 0.5s  linear;
			border-bottom:1px solid #c1beb4;
			padding:0;
		}

		.right.box .accordion.open_object{
			/* max-height: 500px; */
			max-height: 100%;
		}

		.right.box .accordion ul{
			display: block;
			padding-bottom: 10px;
		}

		#content .right.box .accordion a{
			color:#000;
			text-decoration: underline;
			font-weight: 
		}

		#content .right.box a.button{
			font-family: 'cassannet_plusbold';
			font-size:1.25rem;
			display: block;
			text-align: center;
			padding:22px 60px;
			margin-bottom: 24px;
		}

		#content .right.box .accordion ul a{
			text-decoration: none;
			padding:0;
			padding: 5px 0;
    		display: block;
		}

		#content .right.box .accordion ul li {
			position: relative;
		}

		#content .right.box .accordion ul.doc li a:before{
			content: "";
			position: absolute;
			left: -29px;
			width: 24px;
			height: 16px;
			background-size: 17px auto;
			background-position: center center;
			background-repeat: no-repeat;
			background-image:url(../images/icon_download.png);
		}

		#content .right.box .accordion ul.vid li a:before{
			content: "";
		    position: absolute;
		    left: -29px;
		    width: 28px;
		    height: 22px;
		    background-size: 34px auto;
		    background-position: -4px -229px;
		    background-repeat: no-repeat;
		    background-image: url(../images/iconesfiles2.png);
		}


		#content .right.box .accordion ul a:hover{
			background-color: transparent;
			color:#000;
			text-decoration: underline;
		}
		

		#content .right.box p{
			margin-bottom: 6px;
		}
		
		.rightRow img {
			float: left;
			margin: 2px 12px 2px 0;	
		}
		
		#content .right.box h3 a.annexe {
			margin-left: 10px;
			font-weight: normal;
			text-transform: none;
			font-size: 0.722em;
			color: #FFFAE8;
			display: inline;
		}
		
		/* menu spectacles */
		
		.stripNav {
			height: 55px;
		}
		
		.stripNavL {
			display: none;
		}
		.stripNavR {
			display: none;	
		}
		
		.stripNav li{
			display: inline-block;
			list-style-type: none;
			letter-spacing: 0.09em;
			font-size: 0.9231em;
		}
		
		.stripNav ul {
			position: absolute;
			width: 416px;
			margin: 0;
			padding: 0;
		}
		
		.stripNav ul p{
			line-height: 1.4em;
			margin: 0 0 10px 0;
			letter-spacing: normal;
		}
		
		#content .stripNav li a{
			display: inline-block;
			list-style-type: none;
			color: #f5f3ed;
			font-weight: 400;
			text-transform: uppercase;
			font-style: normal;
			text-decoration: none;
			padding:  6px 12px 4px ;
			background: #bf9b58;
			border-color: #a68946;
			border-style: solid;
			border-width: 0 0 1px 0 ;
		}
		
		#content .stripNav li a:hover {
			color: #332c1c;
		}
		
		#content .stripNav li a.current{
			color: #332c1c;
			background: none;
			border-width: 1px 1px 0 1px ;
		}
		
		/* text */
		
		#content a{
			color: #FFFAE8;
			text-decoration: none;
		
		    transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
		    -o-transition: all .3s ease-in-out;
		}

		#content .white_bg a, .white_bg #content a{
			color: #c4a251;
		}
		
		#content h3 a{
		    display: block;
			color: #332C1C;
		}

		#content .box.news{
			margin-bottom: 65px;
		}

		#content .box.news u{
			font-size:0.875rem;
		}

		#content .box.news .view-content{
			display: flex;
			flex-wrap:wrap;
			justify-content:space-between;
			border:5px solid #c4a251;
			outline: 1px solid #000;
		}

		#content .box.news .view-content >div{
			width:33%;
			height: auto;
			overflow: hidden;
			padding:0;
			background-size:cover;
			background-position: center center;
			line-height: 0;
		}
		
		#content .box.news .view-content img{
			width:100%;
			height:auto;
			padding:0;
			border: none;
			margin:0;
			line-height: 0;
		}

		#content .right.box .item-list a, #content .right.box .doc a, #content .right.box a.cal-more {
			color: #c4a251;
		}
		
		#content .box.news .view {
			margin: 26px 0 0;
		}
		
		#content .box.news .blog_listing_element a,
		#content .box.news .blog-listing-element a {
			color:#fff;
			position: absolute;
			top:0;
			left:0;
			bottom:0;
			right:0;
			background-color:rgba(0,0,0,0.4);
			padding:50px 40px 0 40px;
			box-sizing:border-box;
		}

		#content .box.news .button{
			display: block;
			text-align: center;
		}

		#content .box.news .button a.lirePlus{
			display: inline-block;
			background-color:#332c1c;
			margin: 22px 10px;
			padding: 14px 25px 13px;
			text-transform: uppercase;
			font-size: 1rem;
			font-weight: 600;
		}
		
		#content .box.news .button a.lirePlus:hover{
			text-decoration: none;
		}


		#content .box.news .views-row-odd, #content .box.news .views-row-even {
			padding: 0 0 10px 138px;
			position: relative;
			/*border-top: 1px solid #b9994d;*/
		}
		
		#content .img a, #content .right.box .img a:hover {
			padding: 0;
			background: none;
		}
		
		#content .img img {
			border: 4px solid transparent;
			margin-left: -4px;
		}
		
		#content .box.news .img a:hover img {
			border-color: #B09153;
		}
		
		#content a:hover, #content .right.box a:hover {
			text-decoration: underline;
			color: #c4a251;
		}
		
		span.file img {
			display: none;
		}
		
		#content h3 a:hover, #content .right.box h3 a:hover {
			background: url(../images/link_bg.png) left top repeat-y;
			color: #332C1C;
		}
		
		#content .right.box a.facebook:hover, #content .right.box a.vimeo:hover {
			color:#fff;
			background-color: #B09153;
		}
		
		h1, h2, h3, h4, h5, p .date, .month {
			text-transform: uppercase;
		}
		
		h1, h4, p .date {
			font-family: 'cassannet_plusregular';
			margin: 3px 0 2px;
			font-size: 1em;
			line-height: 16px;
			font-weight: 400;
			font-style: italic;
			color: #594c2f;
		}
		
		h4 {
			margin-top: 6px;
		}
		
		h1 {
			font-weight: 700;
			line-height: 60px;
			letter-spacing: 5px;
			padding:0 240px;
			margin:0;
			font-size: 3.375rem;
			color: #332c1c;
			font-style: normal;
		}
		
		body.not-front h1 {
			font-size: 3rem;
			line-height: 48px;
		}
		
		body.not-front #logoContainer h1 strong{
			font-size: 1.125rem;
		    line-height: 46px;
		    letter-spacing: 0;
		    text-transform: none;
		    font-style: italic;
		    font-family: 'Open Sans', sans-serif;
		    font-weight: 600;
		    display: block;
		    margin-top: 20px;
		}
		
		h2 {
			font-family: 'cassannet_plusregular';
			font-size: 1rem;
		    letter-spacing: 0.5px;
		    line-height: 22px;
			font-weight: 700;
			margin:0 0 9px 0;
		}
		
		body.front h2, div.box.prefooter h2 {
			font-size: 2.5rem;
			letter-spacing: 3px;
		    line-height: 42px;
			margin:0 0 9px 0;
		}

		div.box.prefooter h2 {
			margin-bottom: 60px;
		}
		
		h3 {
			font-size: 1.125rem;
			letter-spacing: 0.03125re;
			font-weight: 700;
			margin:0 0 25px 0;
		}
		
		.cal h3 {
			max-width: 250px;
			margin-bottom: 10px;
		}
		
		.box.news h3 {
			font-size:1.188rem;
			line-height:24px;
			font-weight:600;
			margin: 0;
			padding-bottom:20px;
			width:100%;
		}
		
		.news h4 {
			padding-top: 14px;
			margin: 0;
		}
		
		h4.news{
			border: none;
			padding: 36px 0 0 60px;
			margin: 0;
			background: url(../images/iconesSmall.png) -548px -2px no-repeat;
		}
		
		.flag{
			position: absolute;
			text-align: right;
			width: 400px;
		}
		
		h2.nofloat {
			font-size: 1.23077em;
			font-weight: 700;
			margin: 0;
		}
				
		.date {
		}
		
		h5 {
			font-weight: 400;
			font-size: 1.3em;
			line-height: 1.4em;
			letter-spacing: 0.08em;
			margin: -10px 0 20px 0;
			width: 250px;
			color: #f7efd5;
		}
		
		.rightRow h1, .month {
			position: absolute;
			margin: -18px 0 2px -423px;
			text-align: right;
			width: 400px;
		}
		
		.cal h2 {
			margin: 40px 0 25px;
			border-top: 1px solid #c1beb4;
			padding: 14px 0;
			font-size: 1.5rem;
		}
		
		#content p {
			margin: 0 0 22px 0;
		}
		
		#content .cal p {
			margin-bottom: 4px;
		}
		
		ul {
			padding-left: 20px;
		}
		
		ul.doc, ul.dates, .view-documents ul {
			padding-left: 25px;
			list-style-type: none;
			margin: 0;
			line-height: 17px;
		}
		
		ul.doc li, ul.dates li, .view-documents ul li{
			margin: 0;
			padding: 5px 0;
			border-bottom: 1px solid rgba(193, 190, 180, 0.5);
		}

		ul.doc li:last-of-type, ul.dates li:last-of-type, .view-documents ul li:last-of-type{
			border: none;
		}
		
		span.white{
			color: #fff;
		}
		
		/* blog articles */
		
		#content .item {
			padding: 40px 90px 40px 160px;
		}
		
		#content .item div.text {
			padding-top: 30px;
			padding-right: 60px;
		}
		
		#content .item h4{
			margin-top: 9px;
		}
		
		#content .item h2{
			margin-bottom: 15px;
		}

		div.blogtags {
			margin-top: -6px;
			padding:0 0 16px;
		}

		#content a.blogtag, #content a.blogtag:hover {
		    border: 1px solid rgba(51, 44, 28, 0.5);
		    padding: 1px 7px;
		    /* font-weight: bold; */
		    text-decoration: none; 
		    color: rgba(51, 44, 28, 0.5);
		    display: inline-block;
		}

		#content a.blogtag:hover {
		    border-color: rgba(51, 44, 28, 1);
		    color: rgba(51, 44, 28, 1);
		}
		
		#content .item img{
			float: left;
			max-height: 320px;
			width: auto;
			margin: 0 50px 0 25px;
			padding: 3px;
			border: 1px solid #362e1c;
		}
		
		#content .item a:hover img{
			background-color: #B09153;
		}
		
		#content .item.even {
			padding: 40px 160px 40px 90px;
			text-align: right;
		}
		
		#content .item.even a.readmore{
			float:right;
		}
		
		#content .item.even img{
			float: right;
			margin: 0 25px 0 50px;
		}

		div.addthis_inline_share_toolbox {
			clear: none!important;
			margin: 4px 0 22px;
		}

		div.addthis_inline_share_toolbox_erce {
			margin: 20px 0;
		}

		#blogdetail div.addthis_inline_share_toolbox_erce, #blogdetail div.addthis_inline_share_toolbox {
			text-align: center;
		}

		#blogdetail div.blognav {
			margin: 30px 0 0;
			padding: 20px 0;
			border-top: 1px solid #c1beb4;
		}

		#blogdetail div.blognav span.next{
			float: right;
		}

		#blogdetail div.addthis_inline_share_toolbox_erce {
			margin: 60px 0 0;
			padding-top: 20px;
			border-top: 1px solid #c1beb4;
		}

		div.addthis_inline_share_toolbox .at-icon-wrapper {
			background-color: transparent!important;
		}

		#blogdetail div.addthis_inline_share_toolbox_erce .at-icon-wrapper {
			margin-top: 4px;
		}
		
		#content .share.facebook {
			display: block;
			width: 0;
			height: 65px;
			padding: 0 0 0 119px;
			overflow: hidden;
			background: transparent url(../images/share.png) right 2px no-repeat;
		}
		
		#content .share.facebook:hover {
			background: transparent url(../images/share-hover.png) right 2px no-repeat;
		}
		
		#content .even .share.facebook {
			display: block;
			float: right;
			width: 0;
			height: 65px;
			padding: 0 0 0 119px;
			overflow: hidden;
			background-position: left 2px;
		}

		/** Slider **/

		.slick-slide{
			line-height: 0;
			margin: 0 2px;
			outline: none!important;
		}

		.slider-nav .slick-track {
			padding: 2px 0;
		}

		.slider-for, .slider-single{
			margin-bottom:25px;
			border: 5px solid #c4a251;
			outline: 1px solid #000;
		}

		.slider-single{
			margin-bottom:110px;
		}

		.slider-for .slick-slide, .slider-single .slick-slide{
			position: relative;
			text-align: center;
			width: 100%;
			height:500px;
			background-size: cover;
			background-position: center center;
			/*border: 1px solid #000;*/
		}

		.slick-initialized .slick-slide {
			display: flex!important;
			display: -ms-flexbox!important; 
			display: -webkit-flex!important; 
			align-items: center;
			justify-content: center;
		}

		body.front .slick-initialized .slick-slide {
			height: auto!important;
		}

		.slider-nav {
			padding:0 50px;
			margin: 0 auto 40px auto;
			text-align: center;
			position: relative;
		}

		.slider-nav .slick-track{
			display: flex;
			align-items: center;
		}

		.slider-nav .slick-list.draggable{
			padding:0!important;
		}

		ul.slick-dots{
			position:absolute;
			bottom:-34px;
			margin:0px!important;
			left:auto;
			right:0;
		}
		
		ul.slick-dots li{
			list-style-type:none;
			display:inline-block;
			margin:0px auto;
		}
		
		.slick-dots li button {
			font-size: 0;
			line-height: 0;
			display: block;
			width: 10px;
			height: 10px;
			padding: 0px;
			margin-left:10px;
			background-color: transparent;
			border:1px solid #332c1c;
			cursor: pointer;
			outline: none;
			border-radius: 150px;
			-moz-border-radius: 150px;
			-webkit-border-radius: 150px;
		}
		
		.slick-dots li.slick-active button{
			background-color:#332c1c;
		}
	
		.slider-nav div img{
			max-width: 80%;
			height:auto;
			max-height:100px;
			min-height: 0;
			width: auto;
			display: inline-block;
			border: 4px solid #c4a251;
			outline: 1px solid #000;
			margin: 0;
			line-height: 0;
		}

		.slick-prev {
			position: absolute;
			background:none;
			background-color: transparent;
			width:24px;
			height: 24px;

			top: 50%;
			left:0px;
			margin-top:-15px;
			display: block;
			  
			border:none;
			border-left:3px solid #000;
			border-bottom:3px solid #000;
			padding:0;
			cursor: pointer;
			outline: none;
			color:transparent;
			opacity:0.4;

			-webkit-transition: opacity 0.2s linear;
			-moz-transition: opacity  0.2s linear;
			-ms-transition: opacity  0.2s  linear;
			-o-transition: opacity  0.2s  linear;
			transition: opacity  0.2s  linear;


			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg)
			-o-transform: rotate(45deg);
			-o-transform: rotate(45deg);
	 
		}
		
		.slick-next {
			position: absolute;
			background:none;
			background-color: transparent;
			width:24px;
			height: 24px;

			top: 50%;
			right:0px;
			margin-top:-15px;
			display: block;

			border:none;	
			border-right:3px solid #000;
			border-bottom:3px solid #000;
			padding:0px;
			cursor: pointer;
			outline: none;
			color:transparent;
			opacity:0.4;
	  
			-webkit-transition: opacity 0.2s linear;
			-moz-transition: opacity  0.2s linear;
			-ms-transition: opacity  0.2s  linear;
			-o-transition: opacity  0.2s  linear;
			transition: opacity  0.2s  linear;
			 
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
		}
	
	
		.slick-prev:hover, .slick-next:hover{
			opacity:1;
		}	

		.slick-slider .text_slide{
			position: absolute;
			width: 100%;
			top:50%;
			transform: translateY(-50%);
		}

		.slick-slider .text_slide h3{
			font-family: 'cassannet_plusbold';
			color:#fff;
			font-size: 2.375rem;
			letter-spacing: 2px;
			line-height: 45px;
			text-shadow: 1px 1px 10px rgba(0,0,0,0.5);
			padding: 0 40px;
			margin-bottom:20px;
			text-transform: none;
		}

		#content .slick-slider .text_slide a.button{
			background-color: #ebe7dd;
			color:#332c1c;
			font-size:0.875rem;
			letter-spacing:1px;
			-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
			-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
			box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
		}

		#content .slick-slider .text_slide a.button:hover{
			background-color: #332c1c;
			color: #fff;
		}
		

/* Forms */

#paypal input[type="image"], #paypal input[type="image"]:hover, #paypal input[type="image"]:focus {
	outline: none;
	border: none;
	float: left;
	opacity: 0.82;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 82);
	filter: alpha(opacity = 82);
}

#paypal input[type="image"]:hover, #paypal input[type="image"]:focus {
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);
	filter: alpha(opacity = 100);
}

#user-login {
	text-align: center;
	border: 1px solid #332c1c;
	background-color: #d3ad68;
	padding: 30px;
}

input {
	padding: 8px;
	border: 1px solid #332c1c;
	opacity: 0.7;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	filter: alpha(opacity = 70);
}

input:hover, input:focus {
	outline: none;
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);
	filter: alpha(opacity = 100);
}

input[type="submit"] {
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	background-color: #332c1c;
	font-weight: bold;
	color: #c4a251;
	border: none;
	outline: none;
	padding: 10px 12px;
	cursor: pointer;
	border: 1px solid transparent;
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);
	filter: alpha(opacity = 100);
}

input[type="submit"]:hover, input[type="submit"]:focus {
	color: #332c1c;
	background-color: transparent;
	border-color: #332c1c;
}

/* */




/*
 * ADDED BY DENIS
 */
.navCat .block .contextual-links-wrapper {
	display: none;
}
/* PAGE COIN DES MEMBRES */ 
.page-node-41 .notLoggedIn {
    width: 550px;
    margin: 0 auto;
    padding: 50px;
}


.front .bk-diamond-secondary-nav {
	display: none;
}



/* media queries responsive */


@media only screen and (max-height: 900px) {
	.topbar {
		margin-top: 32px;
	}
	.topbar ul.nav li:first-child::before, .topbar ul.nav li:nth-child(3)::before, .topbar ul.nav li:nth-child(5)::before, .topbar ul.nav li::before, .topbar #ContactAndFollow ul::before {
		font-size: 0.8125rem;
		top: -23px;
	}
	.topbar ul.nav li a {
		height: 92px;
		padding-top: 68px;
		background-size: auto 36px;
	}
	.topbar a {
	    color: rgba(0,0,0,0.75);
	    font-weight: 600;
	}

	.topbar #ContactAndFollow ul li a {
		height: 50px;
	}

	.topbar #ContactAndFollow >ul >li.language-switcher >ul li.active a{
		padding:48px 0 0 0;
		height: 0;
		border-left: none;
		border-right:none;
	}

	.topbar #ContactAndFollow ul li img {
		height: 16px;
		width: auto;
	}
	.topbar #contactHeader a {
		height: 40px;
		padding-top: 9px;
	}
	.topbar .supportBtn {
		height: 94px;
	}
	#logoContainer, #logoContainer.homepage {
		background-size: 95px auto;
		padding: 80px 0 26px 0;
		margin: 1vh 0 0;
	}
	#logoContainer.homepage {
		margin: 1vh 0 0.5vh;
		padding-bottom: 46px;
	}
	h1, body.not-front h1 {
		font-size: 2.875rem;
		line-height: 50px;
	}
	#logoContainer strong, body.not-front #logoContainer strong{
		font-size: 0.9375rem;
		padding: 0;
	}
	.cn {
		max-width: 1000px;
	}
	.slider-for .slick-slide, .slider-single .slick-slide {
		height: 440px;
	}
}

@media only screen and (max-height: 750px) {
	.topbar ul.nav li a {
		height: 88px;
		padding-top: 62px;
		background-size: auto 36px;
	}
	.topbar a {
	    color: rgba(0,0,0,0.65);
	    font-weight: 600;
	}

	.topbar #ContactAndFollow ul li a {
		height: 48px;
	}
	.topbar #ContactAndFollow ul li img {
		height: 16px;
		width: auto;
	}
	.topbar #contactHeader a {
		height: 38px;
		padding-top: 8px;
	}
	.topbar .supportBtn {
		height: 90px;
	}
}


@media only screen and (max-width: 1540px) {
    .cn {
    	padding: 0;
    }
	body.not-front h1 {
		padding: 0 120px;
	}
	.topbar .supportBtn {
		width: 140px;
		right: -140px;
	}


	.topbar .supportBtn a {
		font-size: 0.92rem;
		text-align: left;
		padding:0 30px;
	}
	#content .item {
		padding: 40px 20px 40px 90px;
	}
	#content .item.even {
		padding: 40px 90px 40px 20px;
	}
}

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

    .cn {
    	width:88%;
    	max-width: none;
		padding: 0;
	}
	.topbar .supportBtn {
		top: auto;
		right: 0px;
		left: auto;
		width: 270px;
		height: 45px;
		bottom:-45px;
	}

	#contactHeader{
		display: flex;
		display: -ms-flexbox; 
		display: -webkit-flex; 
		align-items: center;
		justify-content: center;
		-ms-flex-pack: center;
		min-height: 50px;
	}

	.region-breadcrumb ul.nav{
		margin: 0 -2px 0 0px;
		max-width: calc(100% - 280px);
	}

	.topbar ul.nav li a:hover, .topbar ul.nav li.active a{
		height: 100%;
	}

	.topbar #ContactAndFollow{
		width: 270px;
	}

	.topbar ul.nav {
	    flex-wrap: nowrap;
	    justify-content:space-between;
		-ms-flex-pack: justify;
	    width: calc(100% - 270px);
	}

	.topbar .supportBtn a {
		padding-left: 20px;
		text-align: center;
	}

	body.not-front h1 {
		padding: 0 60px;
	}
	.rightRow {
		padding: 52px 70px 0;
	}
	.menuIcon div.informer {
		padding-left: 90px;
	}
	.menuIcon ul li a, #content .menuIcon ul li a {
		text-align: center;
		background-position: center top;
		font-size: 1rem;
		letter-spacing: 0;
	}
	#content .item, #content .item.even  {
		padding: 30px 0;
		text-align: left;
	}
	#content .item img, #content .item.even img {
		float: left;
		margin: 0 50px 0 0;
		max-width: 50%;
		height: auto;
	}
	.slider-for .slick-slide, .slider-single .slick-slide {
		height: 550px;
	}

	#gallery .clr, .topbar #ContactAndFollow ul::before, .supportBtn br{
		display: none;
	}

	#content .item.even a.readmore{
		float: left;
	}

	.topbar #contactHeader a{
		font-size: 1rem;
		height: auto;
		padding: 10px;
	}

	/* homepage */

	h1{
		padding:0;
	}

	#logoContainer.homepage{
		margin:0;
		padding-top: 100px;
    	padding-bottom: 60px;
	}

	#content .box.news .view-content >div{
		height: auto;
		min-height: 200px;
	}

	#content .box.news .view-content >div div.img{
		height: 100%;
	}

	#content .box.news .view-content >div div.img img{
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
}

@media only screen and (max-width: 1000px) {
	.right.box {
		margin-right: -80px;
	}
	.leftRow {
		padding-right: 0;
	}
	#contactAndMore >div{
		width:100%;
	}

	#contactAndMore .footer_soutenir, #contactAndMore .footer_tel{
		width:50%;
	}

	#contactAndMore .footer_adress{
		margin-bottom: 40px;
	}

	#content .item div.text{
		padding-top:0;
		padding-right: 0;
	}

	#content .item img, #content .item.even img{
		float:none;
		margin:0;
		max-width: 100%;
	}

	#content .item, #content .item.even{
		text-align: center;
		padding-top: 0;
	}

	#content a.readmore, #content .item.even a.readmore{
		margin: 0 auto;
    	float:none;
	}

	body.front h2, div.box.prefooter h2{
		font-size:1.563rem;
	}

	.menuIcon div.informer {
	    padding-left: 50px;
	}

	.menuIcon div.decouvrir, .menuIcon div.informer{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.menuIcon div.decouvrir h3{
		margin:0;
	}

	.menuIcon ul li a, #content .menuIcon ul li a{
		background-size: auto 50%;
		text-align: left;
		background-position: left center;
	}

	.menuIcon.Big ul{
		padding:0;
	}

	body.not-front h1{
		font-size: 1.563rem;
		letter-spacing: 2px;
		padding: 0 20px;
	}

	.subnav li a{
		height: auto;
		line-height: 20px;
	}

	.subnav ul{
		padding:0 0 20px 0;
	}

	#content .box.news .view-content >div{
		height:25vw;
		width: 50%;
		margin:0 auto 20px auto;
		border: 5px solid #c4a251;
    	outline: 1px solid #000;
	}

	#content .box.news .view-content{
		border:none;
		outline: none;
	}

	.leftRow, .right.box {
		width: auto;
		float: none;
		margin: 0 0 60px;
	}

	.leftRow .accordion h2 {
		padding: 10px 7px 10px 0;
	}

	.leftRow .accordion h2::before{
		content:"+";
		padding-right:7px;
		color:#c4a251;
		font-size: 1.5rem;
		font-weight: 400;
		top: 3px;
		position: relative;
		width: 16px;
		display: inline-block;
	}

	.leftRow .accordion.open_object h2::before{
		content:"–";
		top: 0px;
	}

	.leftRow .accordion{
		max-height:50px;
		overflow: hidden;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-ms-transition: all 0.5s  linear;
		-o-transition: all 0.5s  linear;
		transition:all 0.5s  linear;
		border-bottom:1px solid #c1beb4;
		padding:0;
	}

	.leftRow .accordion p{
		display: block;
		padding-bottom: 10px;
	}

	#content .leftRow .accordion a{
		color:#000;
		text-decoration: underline;
		font-weight: 
	}

}

@media only screen and (max-width: 1100px) {
	#mobileMenuBtn{
		background-color:#332c1c;
		color: #fff;
		padding: 20px;
		box-sizing:border-box;
		width: 100px;
		display: block;
		text-align: center;
	}

	.region-breadcrumb ul.nav{
		max-width: calc(100% - 12px);
	}

	.topbar #ContactAndFollow >ul >li.language-switcher >ul li.active a{
		padding:60px 0 0 0;
		height: 0;
		border-left: none;
		border-right:none;
	}

	#mobileMenuBtn:hover{
		color:#c4a251;
	}

	.topbar ul.nav{
		display:none;
		position: absolute;
		left: 0;
		top: 62px;
    	left: -1px;
    	right: 0;
    	padding: 0 14px;
    	font-weight: 400;
		width: auto;
	    background-color: #332c1c;
	    z-index: 20;
	    border-top: 1px solid #c4a251;
	    margin-top: 4px;
	}

	.topbar ul.nav li a {
		color: rgba(255,255,255,0.75);
	}

	.topbar ul.nav li::before{
		display: none;
	}
	
	.topbar {
		position: relative;
		display: flex;
		margin-top: 40px;
	}
	
	.topbar .supportBtn{
		height: auto;
	}

	.topbar #ContactAndFollow ul li img{
		max-width: 50%;
    	max-height: 50%;
    	height: auto;
	}

	.topbar #ContactAndFollow ul{
		border-bottom:none;
	}

	.topbar #ContactAndFollow ul li:last-child a{
		border-right:1px solid #000;
	}

	.topbar ul.nav li, .topbar ul.nav li:nth-child(even),.topbar ul.nav li.menu-mlid-1107, .topbar ul.nav li.menu-mlid-1108{
		width: auto;
		display: inline-block;
		border-right:none;
		border: none;
	}

	.topbar ul.nav li:hover{
		background-color: rgba(0,0,0,0.1);
	}

	.topbar ul.nav li:hover a{
		color: rgba(255,255,0,0.1);
	}

	.topbar ul.nav{
		border-bottom: 1px solid rgba(0, 0, 0, 0.75);
		display: none;
	}

	.topbar ul.nav li a,
	.topbar ul.nav li:nth-child(1) a,.topbar ul.nav li:nth-child(2) a,.topbar ul.nav li:nth-child(3) a, 
	.topbar ul.nav li:nth-child(4) a,.topbar ul.nav li:nth-child(5) a, .topbar ul.nav li:nth-child(6) a, .topbar ul.nav li:nth-child(7) a {
		height:auto;
		color:rgba(255, 255, 255, 0.75);
		padding:20px 16px;
		background-image: none;
		font-size: 0.9375rem;
	}

	.topbar #ContactAndFollow ul li a{
		height: 100%;
	}

	.topbar #contactHeader a{
		height: 100%;
		display: flex;
		display: -ms-flexbox; 
		display: -webkit-flex; 
		align-items: center;
		justify-content: center;
		-ms-flex-pack: center;
	}

	.topbar #ContactAndFollow{
		display: flex;
		display: -ms-flexbox; 
		display: -webkit-flex;
		justify-content:space-between;
		-ms-flex-pack: justify;
		width: calc(100% - 100px);
		border-left: none;
	}

	.topbar #ContactAndFollow >ul{
		width:46%;
		order:1;
	}
	#ContactAndFollow >div{
		width:25%;
	}
	
	#ContactAndFollow >div#contactHeader {
		width: 29%;
	}
	#ContactAndFollow >div.supportBtn {
		order:2;
		position: static;
	}
	.topbar  #ContactAndFollow ul li:first-of-type a {
		border-left: 1px solid #000;
	}

	.topbar .supportBtn a{
		text-align: center;
	}

	.slider_images img{
	}

}


@media only screen and (max-width: 940px) {
	#hd .cn {
		width: 100%;
		margin: 0;
	}
	.topbar {
		margin-top: 0;
	}
	.topbar ul.nav {
		padding: 0;
	}
	.topbar ul.nav li, .topbar ul.nav li:nth-child(even), .topbar ul.nav li.menu-mlid-1107, .topbar ul.nav li.menu-mlid-1108 {
		display: block
	}
	.topbar #contactHeader a{
		background-image: url(../images/menu_icons/phone_icon.png);
		padding:60px 0 0 60px;
		background-size: auto 60%;
		background-repeat: no-repeat;
		background-position: center center;
		width: 0;
		height: 0;
		overflow: hidden;
		display: block;
	}

	#ContactAndFollow >div#contactHeader{
		width: 60px;
	}

	#ContactAndFollow >div.supportBtn{
		width:50%;
	}
	.menuIcon div.decouvrir, .menuIcon div.informer {
	    width: 100%;
	    padding-left: 0;
	    padding-right: 0;
	    text-align: center;
	}
	.menuIcon.Big ul {
		justify-content: center;	
	}
	.menuIcon div.decouvrir {
		border: none;
		border-bottom: 1px solid #898883;
	}
	.menuIcon ul li {
		width: 30%;
		min-width: 180px;
		text-align: center;
	}
	.menuIcon.Big ul li a, #content .menuIcon.Big ul li a {
		text-align: center;
		background-position: center center;
	}

	.block-easy-breadcrumb{
		padding: 0 15px;
		box-sizing:border-box;
	}
	.slider-for .slick-slide, .slider-single .slick-slide {
		height: 60vw;
	}
	.slick-slide img {
		min-height: 0;
		width: auto;
	}
	.region-breadcrumb {
		border-bottom: 1px solid rgba(51, 44, 28, 0.75);
	}
	.block-easy-breadcrumb {
		border-top: 1px solid rgba(51, 44, 28, 0.75);
		margin-top: -1px;
		background-color: rgba(0,0,0,0.08);
	}
	.region-breadcrumb ul.nav {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap;
		border: none;
		background-color: transparent;
		padding: 0;
	}
	.region-breadcrumb ul.nav li a {
		display: block;
		margin-top: -1px;
		padding:8px 12px;
		border-right:1px solid rgba(51, 44, 28, 0.75);
		border-top: 1px solid rgba(51, 44, 28, 0.75);
		border-bottom: 1px solid rgba(51, 44, 28, 0.75);
	}
	.topbar a {
		border-bottom:1px solid rgba(255,255,255,0.15);
	}
}




@media only screen and (max-width: 750px) {
	div.breadcrumb {
		display: none;
	}
	#logoContainer {
		margin: 20px 0 10px;
		padding: 62px 0 42px;
		background-size: 70px auto;
	}
	#logoContainer strong, body.not-front #logoContainer strong {
		font-size:0.8125rem;
		letter-spacing: 6px;
	}
	h1, body.not-front h1{
		font-size: 1.563rem;
		line-height: 29px;
	}
	.rightRow{
		padding:0;
	}

	.box.prefooter{
		padding-top:40px;
	}

	.credits .powered{
		float:left;
		width: 100%;
		display: block;
		text-align:left;
	}

	.slider-for .slick-slide, .slider-single .slick-slide{
		height:auto;
	}


	.menuIcon div.decouvrir h3, .menuIcon div.informer h3{
		font-size: 0.813rem;
		line-height: 16px;
	}

	#content .box.news .view-content >div{
		height:40vw;
		width: 80%;
		margin:0 auto 20px auto;
		border: 5px solid #c4a251;
    	outline: 1px solid #000;
	}
	.slider-for .slick-slide, .slider-single .slick-slide {
		height: 60vw;
	}
	.slick-slide img {

	}
}

@media only screen and (max-width: 560px) {
	#logoContainer {
		margin: 0px 0 0px;
    	padding: 62px 0 12px;
	}

	#ContactAndFollow >div.supportBtn{
		width:calc(100% - 60px);
		background-color: transparent;
	}

	#ContactAndFollow >div.supportBtn a{
		border-left: 1px solid #332c1c;
		color: #332c1c;
	}

	.topbar #ContactAndFollow{
		width: 60%;
	}


	ul#follow{
		display: none;
	}

	#mobileMenuBtn{
		width:40%;
	}
	.region-breadcrumb {
		border-bottom: 1px solid rgba(51, 44, 28, 0.75);
	}
	.block-easy-breadcrumb {
		border-top: 1px solid rgba(51, 44, 28, 0.75);
		margin-top: -1px;
		background-color: rgba(0,0,0,0.08);
	}
	.region-breadcrumb ul.nav {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap;
		border: none;
		background-color: transparent;
		padding: 0;
	}
	.region-breadcrumb ul.nav li a {
		display: block;
		padding:8px 12px;
		font-size: 0.75rem;
		border-right:1px solid rgba(51, 44, 28, 0.75);
		border-bottom: 1px solid rgba(51, 44, 28, 0.75);
	}
	.easy-breadcrumb a, .easy-breadcrumb span {
		padding: 0;
	}

}

@media only screen and (max-width: 570px) {
	#contactAndMore .footer_soutenir, #contactAndMore .footer_tel{
		width:100%;
	}

	#contactAndMore .footer_soutenir{
		margin-bottom:20px;
	}

	#contactAndMore .footer_tel{
		text-align: center;
	}

	.slick-slider .text_slide h3{
		font-size: 1.375rem;
		line-height: 26px;
	}

	h1{
		font-size: 1.875rem;
		line-height: 29px;
	}

	.slider-for .slick-slide, .slider-single .slick-slide{
		height:auto;
	}
	.slider-for .slick-slide, .slider-single .slick-slide {
		height: 65vw;
	}
	.slick-slide img {
		height:auto;
	}
}
.slider_images img {
	max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

/* admin css */

.media-list-thumbnails .media-item.selected {
	border-width: 5px;
}

/* REFERENCED CONTENT */
.referenced-content {
	width: 50%;
	margin: 25px auto;
    padding: 25px 0;
}
.referenced-content:not(:last-child){
	border-bottom: 1px solid #c4a251;
}
#content .referenced-content a {
	float: none;
	margin-top: 30px;
}
.gallery-title {
	position: absolute;
	bottom: 0;
	z-index: 5;
	background: rgba(0, 0, 0, 0.5);
	display: block;
	height: 20px;
	color: #fff;
	line-height: 20px;
	font-weight: 600;
	padding: 1px 10px;
}