@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
.cbp-spmenu  a{
	text-transform:capitalize;
}

#logoxyz {
	
		font-size:12px; font-family: 'Trade';
		line-height:14px;
		opcacity:0.8;
		color:#FFF;
		letter-spacing:1px;
		
		position:fixed;
		z-index:9999999999999999999999999999999999999999999;
		bottom:15px;
		right:13px;
		text-align:right;
		cursor:pointer;
		
	}
	
	#logoxyz a{
		opacity:0.9;
		color:#000;	
		background-color:#fff;
		transition:0.3s;	
		padding-left:2px;
		padding-right:1px;
	}
	#logoxyz a:hover{
		opacity:1;
		color:#fff;
		background-color:#000;
	
	}
	



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

a:hover {
	color: #000;
}


.main > section {
	position:fixed;


	max-width: 100%;
	width:100%;
	z-index:9990;
}


.main > section button {
	border: none;
	background: #fff;
	color: #000;
	padding: 1em;
	display:inline-block;
	height:60px;
	text-transform:uppercase;

	cursor: pointer;
	margin: 0px 0;
	font-size: 0.65em;
	top:0px;
	
		float:left;
	
}

.main > section button:hover {
	background: #E0CF8D;
}

.main > section button.active {
	background: #000;color: #fff;
}

.main > section button.disabled {
	background: #555;
	pointer-events: none;
}


 #showTop {
	 	width: 100px;
	right: 0px;
position:fixed;
padding-right:20px;
}
 #showleft {
	 	width: 80px;
	right: 100px;
position:fixed;
}
 #showleft2 {
	 	width: 110px;	right: 180px;
position:fixed;
}
 #showleft3 {
	 	width: 110px;
	right: 290px;
position:fixed;
}
 #showleft4 {	width: 90px;
	right: 400px;
position:fixed;

}



 #showfull {	
	right: 490px;
position:fixed;
width: 90%;
}


 #showfull:hover {
	background-color: #fff;
}

#fond {
	
		
		 z-index: 0;   bottom:0px;
		 
	
						background:transparent url(../3.jpg) 50% 0 no-repeat;
				   background-size:cover;
	min-height: 100%;
	min-width:100%;
		position: absolute;
	
	   opacity:1;
	
	 
}


/*MENU PLONGEANT*/
.cbp-spmenu {
	background: #eee;
	opacity:0.95;
	position: fixed;
	
}

/*menu qui tombe*/
.cbp-spmenu h3 {
	color: #fff;
	font-size: 1em;
	padding-top: 15px;
	margin: 0;
	font-weight: 300;
	background: #000;
	float:left;
	left:10px;
	padding-left:50px;
	
}

.cbp-spmenu a {

	display: block;
	color: #000;
	font-size: 0.6em;
	font-weight: 300;
	
}

.cbp-spmenu a:hover {
	background: #6CF;
	
}

.cbp-spmenu a:active {
	background: #afdefa;
	color: #47a3da;
}



/* Orientation-dependent styles for the content of the menu */





.cbp-spmenu-horizontal {
	width: 100%;
	height:220px;
	right: 0px;
	z-index: 1000;
	overflow: hidden;opacity:1;
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
	text-align:left;
	padding-left:25px;
}

.cbp-spmenu-horizontal a {
	float: left;
	width:13%;
	padding: 0.4em;
	margin-top:12px;
margin-left:27px;

}


 	  @media (max-width:1420px) {
.cbp-spmenu-horizontal {
	
	height: 210px;

}

}


.cbp-spmenu a span {
    color: #F36;
}


/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
	top: -190px;
}

.cbp-spmenu-bottom {
	bottom: -100px;
}

.cbp-spmenu-top.cbp-spmenu-open {
	top: 60px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {

	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	top: 220px;
}



/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */
 @media (max-width:900px) {
.cbp-spmenu-horizontal {
	
	height: 290px;
	top:-270px;

}
#titre h2 {
	opacity:0;
}}