/*

ADAPTATION => mobile devices, or resize window ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 940px), handheld, only screen and (max-device-width: 480px) {
	
	#header {
		width: 98%;
	}
		
	#headerList {
		width: 40%;
	}
	
	#titleLogo {
		width: 60%;
	}
	
	.separator {
		width: 90%;
	}
	
	#title, #titleTeam {
		width: 90%;
	}
	
	#titleImage, #titleTeamImage {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	
	#subtitle {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
	
	#mainIllustration {
		max-width: 100%;
		width: auto;
		height: auto;
	}
	
	#appStoreImage {
		max-width: 100%;
		width: auto;
		height: auto;
	}
	
	#container {
		width: 98%;
	}
	
	.columnsContainer {
		width: 90%;
	}
	
	.columnsContainer h3 {
	}
	
	.column2 {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.carreTips {
		padding: 7%;
	}
	
	.carreTips .column2 {
		float: left;
		width: 48%;
		margin-bottom: 0;
	}
	
	.textImage {
		text-align: center;
	}
	
	.tipsIllustration {
		float: none;
		width: 100%;
	}
	
	.illustrationImage {
		width: 80%;
		height: auto;
		float: none;
	}
	
	.tipsDescription {
		float: none;
		width: 90%;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 26px;
	}
	
	#descriptif-reserves {
		margin-top: 20px;
	}

	#descriptif-reception {
		margin-top: 20px;
	}
	
	.tipsIllustrationLeft {
		position: relative;
		top: 0;
		left: 0;
	}
	
	.tipsIllustrationRight {
		position: relative;
		top: 0;
		right: 0;
	}
		
	#tips-reception img {
		float: right;
	}
	.column2 p {
		width: 100%;
	}

	.imageFeature {
		max-width: 100%;
		height: auto;
	}
	
	#twitterTimeline {
		display: none;
	}
	
	#newsletterForm {
		margin: 0 auto;
		float: none;
		width: 90%;
		height: 100%;
		display: block;
	}
	
	#newsletterInput, #pkjkyd-pkjkyd {
		width: 53%;
		float: left;
		margin-top: 4px;
	}
	
	#newsletterButton {
		width: 33%;
		float: right;
		text-align: center;
	}
	
	#footer {
		background: none;
	}
	
	#copyright {
		width: 90%;
	}
	
	#bottomLinks {
		width: 98%;
	}
	
	#contactBox {
		width: 75%;
	}
}

/* Mobile et iPhone */
@media handheld, only screen and (max-device-width: 480px) {
	
	body {
		font-size: 220%;
	}
	
	h2 {
		line-height: 1.25em;
	}
	
	#headerList {
		width: 620px;
		float: none;
		margin: auto;
		margin-top: 30px;
	}
	
	#header {
		height: 226px;
	}
	
	#titleLogo {
		float: none;
		width: 420px;
		height: 126px;
		margin: auto;
	}
	
	#titleLogo div {
		margin-top: 0px;
	}
	
	#logoImage {
		width: auto;
		height: 100%;
	}
	
	
	.contactButton {
		height: 1.5em; 
		padding-top: 0.438em;
	}
	
	#askAnswer {
		margin-top: 140px;
		padding-top: 110px;
		padding-bottom: 100px;
	}
	
	#innovation {
		margin-top: 120px;
	}
	
	.column2 {
		margin-bottom: 100px;
	}
	
	.columnQuestions {
		margin-bottom: 14px;
	}
	
	.textImage {
		text-align: center;
	}
	
	.illustrationImage {
		max-width: 100%;
		width: 90%;
		height: auto;
	}
	
	.imageFeature {
		width: 100%;
		height: auto;
	}
	
	#footer {
		margin-bottom: 40px;
	}
	
	#newsletterInput, #pkjkyd-pkjkyd {
		margin-top: 6px;
	}
	
	#leftContainer, #rightContainer {
		padding: 0;
		width: 100%;
		display: block;
		margin: auto;
	}
	
	#leftContainer {
		margin-bottom: 40px;
	}
	
	.playVideoImage {
		width: 100%;
		height: 100%;
	}
	
	#homePricingButton {
		width: 240px;
		height: 60px;
		padding-top: 24px;
	}
	
	#videoLinkIphone {
		width: 300px;
		height: 109px;
		display: block;
	}
	
	#videoLink {
		display: none;
	}
	
	#appstore {
		width: 34%;
		margin-bottom: 100px;
	}
	
	#appstore img {
		width: 100%;
	}
	
	#socialContainer {
		display: none;
	}
}