@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?77091607');
  src: url('font/fontello.eot?77091607#iefix') format('embedded-opentype'),
       url('font/fontello.woff2?77091607') format('woff2'),
       url('font/fontello.woff?77091607') format('woff'),
       url('font/fontello.ttf?77091607') format('truetype'),
       url('font/fontello.svg?77091607#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fontello {
	font-family:'fontello';
	}

.clear {
	clear:both;
	}

html {
	padding:0;
	background-color: #000000;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
   	font-size:14px;
	letter-spacing:1px;
	width:100%;
	height:100%;
}

body {
	padding:0;
	margin:0;
	width:100%;
	height:100%;
}

header {
	position:absolute;
	text-align:center;
	}

#logo {
	margin:15% auto 5% auto;
	}

h1 {
	margin:0;
	padding:0;
	color:#ffffff;
	font-size:20px;
	font-weight:400;
	font-style:italic;
	font-family:'Lora', Georgia, Serif;
	}
	
h1::first-letter {
  font-size:30px;
}

header hr {
	background-image:url(../images/puce-b.png);
	height:22px;
	background-repeat:no-repeat;
	background-position:center;
	border:none;
	margin:5% 0;
	padding:0;
	}
	
#burger {
	display:none;
	float:right;
	margin:2% 2% 5% 2%;
	overflow:hidden;
	border-radius:5px;
	background-color:#000000;
	}
	
#burger .fontello {
	color:#ffffff;
	font-size:22px;
	}
	
#burger a {
	display:block;
	text-decoration:none;
	padding:5px 10px;
	}

header nav {	
	z-index:1;
	position:fixed;
	width:23%;
	height:100%;
  	background-color:rgba(4, 115, 160, 0.6);
	top:0;
	}

.sticky {
	top:0;
	position: fixed;	
	animation:thedrop 1s 1;
	-moz-animation:thedrop 1s 1;
	-webkit-animation:thedrop 1s 1;
}

.sticky .header nav-above {
	position: absolute;
}  

#menu {
	list-style-type:none;
	padding:0;
	margin:0 auto;
	width:200px;
	}

#menu li {
	margin:0;
	padding:5px 0;
	height:35px;
	text-align:left;
	}

#menu li a {	
	color:#ffffff;
	font-size:20px;
	font-weight:400;
	font-style:italic;
	font-family:'Lora', Georgia, Serif;
	text-decoration:none;
	}
	
#menu li::first-letter {
  font-size:30px;
}

#menu li a:hover, #menu li .over  {
	font-weight:700;
	}

nav #coordonnees {
	text-align:left;
	margin:0 auto;
	width:200px;
	line-height:23px;
	}

nav #coordonnees a {
	color:#fff;
	text-decoration:underline;
	}
	
section, aside {
	width:100%;
	height:100%;
	background-size:cover;
	overflow:hidden;
	}

.content {
	display:block;
	padding:4% 0 0 24%;
	text-align:center
	}

.content a {
	color:#2d2d2e;
	text-decoration:underline;
	}

#home, #mentions {
	background-image:url(../images/organisation-evenements-paris.jpg);
	background-position:top;
	min-height:1000px;
	}

h2 {
	margin:0;
	padding:0;
	color:#0473a0;
	font-size:26px;
	font-weight:700;
	font-style:italic;
	font-family:'Lora', Georgia, Serif;
	}

.content hr {
	background-image:url(../images/puce.png);
	height:22px;
	background-repeat:no-repeat;
	background-position:center;
	border:none;
	margin:1% 0;
	padding:0;
	}

.content p {
	margin:0 auto;
	padding:0;
	color:#2d2d2e;
	}

.fleche {
	display:none;
	}

#home p {
	width:54%;
	padding:1%;
	}

#home p em {
	color:#14739f
	}

.montgolfieres {
	margin-top:-30px;
	}

.montgolfieres a {
	position:absolute;
	display:block;
	}

.montgolfieres .cleenmain, .montgolfieres .cleenmain:hover, .montgolfieres .cleenmain-over {
	width:220px;
	height:270px;
	}

.montgolfieres .cleenmain {
	background-image:url(../images/organisation-evenements-cleenmain.png);
	}

.montgolfieres .cleenmain:hover, .montgolfieres .cleenmain-over {
	background-image:url(../images/organisation-evenements-cleenmain-over.png);
	}

.montgolfieres .contenu, .montgolfieres .contenu:hover, .montgolfieres .contenu-over {
	width:160px;
	height:190px;
	margin-top:230px;
	margin-left:25%;
	}

.montgolfieres .contenu {
	background-image:url(../images/conception-presentation-powerpoint.png);
	}

.montgolfieres .contenu:hover, .montgolfieres .contenu-over {
	background-image:url(../images/conception-presentation-powerpoint-over.png);
	}

.montgolfieres .communication, .montgolfieres .communication:hover, .montgolfieres .communication-over {
	width:210px;
	height:250px;
	margin-top:120px;
	right:11%;
	}

.montgolfieres .communication {
	background-image:url(../images/communication-evenementielle.png);
	}

.montgolfieres .communication:hover, .montgolfieres .communication-over {
	background-image:url(../images/communication-evenementielle-over.png);
	}

.montgolfieres .connexions, .montgolfieres .connexions:hover, .montgolfieres .connexions-over {
	width:220px;
	height:270px;
	margin-top:-40px;
	right:0;
	}

.montgolfieres .connexions {
	background-image:url(../images/connexions-prestataires-evenementiel.png);
	}

.montgolfieres .connexions:hover, .montgolfieres .connexions-over {
	background-image:url(../images/connexions-prestataires-evenementiel-over.png);
	}

.montgolfieres .conseils, .montgolfieres .conseils:hover, .montgolfieres .conseils-over {
	width:155px;
	height:200px;
	margin-top:100px;
	margin-left:17%;
	}

.montgolfieres .conseils {
	background-image:url(../images/conseils-gestion-evenement.png);
	}

.montgolfieres .conseils:hover, .montgolfieres .conseils-over {
	background-image:url(../images/conseils-gestion-evenement-over.png);
	}

.montgolfieres .coordination, .montgolfieres .coordination:hover, .montgolfieres .coordination-over {
	width:190px;
	height:230px;
	margin-top:250px;
	margin-left:5%;
	}

.montgolfieres .coordination {
	background-image:url(../images/coordination-evenement-sur-mesure.png);
	}

.montgolfieres .coordination:hover, .montgolfieres .coordination-over {
	background-image:url(../images/coordination-evenement-sur-mesure-over.png);
	}

.montgolfieres .creativite, .montgolfieres .creativite:hover, .montgolfieres .creativite-over {
	width:150px;
	height:180px;
	margin-top:80px;
	right:26%;
	}

.montgolfieres .creativite {
	background-image:url(../images/creativite-creation-evenement.png);
	}

.montgolfieres .creativite:hover, .montgolfieres .creativite-over {
	background-image:url(../images/creativite-creation-evenement-over.png);
	}

#competences {
	background-image:url(../images/venue-finder-paris.jpg);
	background-position:center;
	min-height:960px;
	}

#competences p {
	width:80%;
	text-align:justify	
	}

#competences .presse {
	float:left;
	padding-top:20px;
	margin-left:10%;
	color:#2d2d2e;
	font-size:16px;
	font-style:italic;
	font-weight:700;
	font-family:'Lora', Georgia, Serif;
	text-align:left;
	}

#competences .signature {
	float:right;
	padding-top:20px;
	margin-right:10%;
	color:#2d2d2e;
	font-size:16px;
	font-style:italic;
	font-weight:700;
	font-family:'Lora', Georgia, Serif;
	text-align:center;
	}

#competences .signature img {
	margin-top:15px;
	}

h3 {
	font-style:italic;
	font-family:'Lora', Georgia, Serif;	
	text-align:center;
	color:#2d2d2e;
	padding:0;
	font-size:20px;
	margin:20px 0 5px 0;
	}	

h4 {
	text-align:center;
	color:#2d2d2e;
	padding:0;
	font-size:16px;
	margin:0;
	font-weight:normal;
	}

h5 {
	font-style:italic;
	font-family:'Lora', Georgia, Serif;	
	text-align:center;
	color:#2d2d2e;
	padding:0;
	margin:0;
	font-size:20px;
	line-height:24px;
	}

#none, #cleenmain, #contenu, #communication, #connexions, #conseils, #coordination, #creativite {
	display:none;
	color:#2d2d2e;
	}
	
.client1, .client2, .client3, .client4 {
	background-position:center;
	width:100%;
	height:100%;
	background-size:cover;
	overflow:hidden;
	}
	
.client1 {
	background-image:url(../images/organisation-anniversaire-entreprise.jpg);
	}

.client1 .temoignage {
	background-color:rgba(160,124,112,0.8)
	}
	
.client2 {
	background-image:url(../images/organisation-soiree-clients.jpg);
	display:none;
	}

.client2 .temoignage {
	background-color:rgba(67,41,56,0.8)
	}
	
.client3 {
	background-image:url(../images/organisation-seminaire-team-building.jpg);
	display:none;
	}

.client3 .temoignage {
	background-color:rgba(74,101,140,0.8)
	}
	
.client4 {
	background-image:url(../images/organisation-evenement-paris.jpg);
	display:none;
	background-position:bottom;
	}

.client4 .temoignage {
	background-color:rgba(189,136,142,0.8)
	}

#clients .temoignage {
	width:52%;
	color:#fff;
	text-align:center;
	margin:50px 20%;
	padding:4%;
	text-align:justify;
	padding-bottom:20px;
	overflow:hidden;
	background-image:url(../images/guillemets.png);
	background-position:top left;
	background-repeat:no-repeat
	}

#clients h3 {
	color:#fff;
	text-align:center;
	font-size:25px;
	text-transform:uppercase;
	margin:0;
	}

#clients h4 {
	color:#fff;
	text-align:center;
	font-size:20px;
	line-height:28px;
	font-style:italic;
	font-family:'Lora', Georgia, Serif;	
	margin:20px;
	}

#clients p {
	color:#fff;
	text-align:center;
	padding-bottom:10px;
	}

#clients a {
	color:#fff;
	}

#clients .prev {
	color:#fff;
	display:block;
	float:left;
	margin:10px;
	}

#clients .next {
	color:#fff;
	display:block;
	float:right;
	margin:10px;
	}

#contact {
	background-image:url(../images/agence-evenementiel-paris.jpg);
	background-position:top;
	}

#contact span {
	line-height:22px;	
	color:#2d2d2e;
	}

footer {
	margin:-60px 0 0 0;
	}

footer p {
	text-align:right;
	padding:10px;
	margin:0;
	}

footer a {
	color:#fff;
	text-decoration:underline;
	}
	
#mentions {
	width:100%;
	height:100%;
	display:none
	}

#mentions p {
	width:90%;
	text-align:justify;
	padding-bottom:20px;	
	}