@import url(http://fonts.googleapis.com/css?family=PT+Serif|PT+Sans+Narrow:700|PT+Sans);
@import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:400italic);

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);


.cbp-spmenu  a{
	text-transform:capitalize;
}


@font-face {
     font-family: 'Trade';
    src: url('../font/TradeGothicLT-BoldCondTwenty.eot');
    src: url('../font/TradeGothicLT-BoldCondTwenty.eot') format('embedded-opentype'),
        
         url('../font/TradeGothicLT-BoldCondTwenty.woff') format('woff'),
         url('../font/TradeGothicLT-BoldCondTwentyttf') format('truetype'),
         url('../font/TradeGothicLT-BoldCondTwenty.svg#TradeGothicLT-BoldCondTwentyl') format('svg');
}
/* RESET */

	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
		display:block}
		body{line-height:1}
		ol,ul{list-style:none}
		blockquote,q{quotes:none}
		blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}


/* Clearfix */
.cf:before,
.cf:after { content:"";display:table; }
.cf:after { clear:both; }
.cf { zoom:1;}

/* Base Style */
html,body {
	

    color:#000;

}


::-moz-focus-inner {border:0;}


/* Reset */



.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    color: #000;

}


#logo{
background-image:url(../img/logo2small.png);
background-repeat:no-repeat;
	width:150px;
	height:33px;
	opacity:0.8;
	z-index:9999999;
	position:fixed;
left: 20px;
top:13px;
cursor:pointer;
	
	}

#texte{

	position:relative;
	top:-50px;

	
	}
#avion {
	
	position:absolute;
	top:000px;
	

	
	}

#car {
	
	position:relative;
	top:000px;
	opacity:0;
	
	}
	
	
	#btt hr{
		height:5px;
		width:20%;
	
		border-top: 1px solid #ccc;
		margin: 35px auto 30px;background: none;
		
	}
	.btn {
	border: none;

	font-size: 8px;;
	color:#fff;

	

	cursor: pointer;
	padding: 5px 0px 5px 10px;
	margin-right:10px;
	margin-left:10px;
	display: inline-block;

	background:#000;
	

	text-transform: uppercase;
	letter-spacing: 10px;
	font-weight: 700;
	outline: none;
	position: relative;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


#ca{
color: #fff;
	background: #E0CF8D;

}
#ca:hover

{
	color: #fff;
	background: #000;
}
#titre h1{


  font-family:trade,din;
	z-index:9999;
	position:fixed;
left: 25px;
top:23px;
text-transform:uppercase;
color:#666;
font-weight:100;

font-size:16px;


	
}

#titre h2{


 font-family: 'Lato', Calibri, Arial, sans-serif;
	z-index:9999;
	position:fixed;
left: 148px;
font-weight:100;
top:23px;
text-transform:uppercase;
transition: all 0.2s ease-out;
color:#00477f;
font-size:12px;



	
}




a {
	color: #f0f0f0;
	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: #aaa;
	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;overflow-y:hidden;
	
}

/*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;
	font-family: 'PT Sans';
}

.cbp-spmenu a {
   font-family: 'Lato', Calibri, Arial, sans-serif;
	
	color: #000;
	font-size: 0.6em;
	font-weight: 300;
	text-align:left;
	opacity:0.9;
}
.cbp-spmenu a span{
	color:rgba(255,51,102,1);
 
}

.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:210px;
	right: 0px;
	z-index: 1000;
	overflow: hidden;opacity:1;
	float:left;
}

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

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

}



/* 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:1520px) {
.cbp-spmenu-horizontal {
	
	height: 215px;

}
.touteimage3 h1 {  
font-size: 90px;
line-height: 90px;
} 
	  }
 @media (max-width:1100px) {
.cbp-spmenu-horizontal {
	
	height: 310px;
	top:-270px;

}
#titre h2 {
	opacity:0;
}}


.blog2 {


  position :absolute;
  top:50px;
  right:50px;
    z-index:999999999999999;
 display:block;
 width:auto;height:auto;
 
 border-radius:50%;
  -moz-border-radius: 50%; 
  -webkit-border-radius: 50%;
   -khtml-border-radius: 50%; 
 color:#fff; 
 font-size: 0.7em;
  line-height:1.2em; 
    background:rgba(255,51,102,1);
 text-align:center;
text-transform:uppercase;
  opacity:0.9;
  cursor:pointer;
 float: left;
  margin-right: 5px; 
 padding: 1%; 
 
  transition: all 0.2s ease-out;
}
 .blog2:hover { background: rgba(255,255,255,1);
color:#000;
  transform:rotate(345deg);
-ms-transform:rotate(345deg); /* IE 9 */
-webkit-transform:rotate(345deg); /* Safari and Chrome */

 }