@media handheld, only screen and (max-width: 1280px), only screen and (max-device-width: 1280px) {
#clients .temoignage {
	width:72%;
	margin:50px 10%;
	}
	}

@media handheld, only screen and (max-width: 1023px), only screen and (max-device-width: 1023px) {	

#logo {
	max-width:80%;
	}

header nav {	
	width:30%;
	}

h1, #menu li a {
	font-size:17px;
	}

#menu {
	width:135px;
	}

#menu li {
	height:30px;
	}

.content {
	padding:3% 2% 0 32%;
	}

#competences p, #clients p, #mentions p {
	width:100%;	
	}

#home {
	min-height:1050px;
	}

#home p {
	width:90%;
	}

#home .montgolfieres {
	margin-top:10px;
	}

.montgolfieres .cleenmain, .montgolfieres .cleenmain:hover, .montgolfieres .cleenmain-over {
	margin-top:20px;
	margin-left:-4%;
	}

.montgolfieres .contenu, .montgolfieres .contenu:hover, .montgolfieres .contenu-over {
	margin-top:300px;
	margin-left:0%;
	}

.montgolfieres .communication, .montgolfieres .communication:hover, .montgolfieres .communication-over {
	margin-top:-30px;
	right:0;
	}

.montgolfieres .connexions, .montgolfieres .connexions:hover, .montgolfieres .connexions-over {
	margin-top:220px;
	right:-2%;
	}

.montgolfieres .conseils, .montgolfieres .conseils:hover, .montgolfieres .conseils-over {
	margin-top:0;
	margin-left:20%;
	}
	
.montgolfieres .coordination, .montgolfieres .coordination:hover, .montgolfieres .coordination-over {
	margin-top:210px;
	margin-left:11%;
	}

.montgolfieres .creativite, .montgolfieres .creativite:hover, .montgolfieres .creativite-over {
	margin-top:130px;
	right:18%;
	}

#competences .signature {
	margin-right:0;
	}
	
#clients .temoignage {
	width:82%;
	margin:50px 5%;
	}

}

@media handheld, only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
/* menu burger*/
.none {
	display:none;
	}
	
#burger {
	position:absolute;
	top:0;
	right:0;
	display:block;
  	background-color:rgba(4, 115, 160, 0.7);
	}

nav #coordonnees {
	text-align:center;
	width:auto;
	}

#menu {
	display:none;
	position:absolute;
	top:8px;
	right:50px;
	padding:0 10px 10px 0;
  	background-color:rgba(4, 115, 160, 0.7);
	}

#menu li {
	text-align:right
	}

header {
	width:100%;
	position:relative;
	background-image:url(../images/organisation-evenements-paris.jpg);
	background-position:top;
	}	

header nav {	
	position:relative;
	width:100%;
	padding:5% 0;
	height:auto;
	}

#logo {
	margin:0;
	}

.content {
	padding:5%;
	}

header hr {
	padding:0;
	margin:15px;
	}

.sticky {
	position:relative;	
}

#home p br, #home h2 br {
	display:none;
	}

h2 {
	font-size:22px;
	line-height:28px;
	padding:5%;
	}

#home h2 {
	padding:0;
	}

#home #none h2 {
	padding:5%;
	}
	
section, aside {
	width:100%;
	height:auto;
	}

#home {
	background-position:bottom;
	min-height:1800px;
	}	

#home p {
	width:100%;
	}

#competences {
	min-height:1000px;
	background-position:right
	}

.montgolfieres {
	display:none;
	}

.fleche {
	display:block;
	padding:30px 0 0 0!important;
	font-size:25px;
	line-height:18px;
	color:#0473a0!important;
	}

.fleche em {
	font-size:14px;
	font-style:italic;
	font-family:'Lora', Georgia, Serif;	
	}

#home .clique {
	display:none;
	}

h3 {
	font-size:17px;
	}

h4 {
	font-size:14px;
	}

#none, #cleenmain, #contenu, #communication, #connexions, #conseils, #coordination, #creativite {
	display:block;
	padding-bottom:20px;
	}

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

footer p {
	text-align:center;
	}
	
#mentions {
	min-height:1000px;
	}
}


@media handheld, only screen and (max-width: 414px), only screen and (max-device-width: 414px) {
#home {
	min-height:2000px;
	}
	
#competences {
	min-height:1400px;
	}

h3 br {
	display:none;
	}
	
#clients .temoignage {
	width:92%;
	margin:30px 0 60px 0;
	}
}