@media (max-width: 479px)  {
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html, body
{
	height: 100%;
	width:100%;
	margin:auto;
}

	#header-wrapper {
		height:200px;
	}
	
	.container {
		width:100%;
	}


	/*LOGO*/
		#logo {
			position:relative;
			width:100%;
			text-align:center;
			height:175px;
		}
		
		#logo img {
			margin-top:0px;
			float:none;
		}
		
		
		#logo #accroche {
			float:none;
			margin-left:0px;
			margin-top:5px;
			width:100%;
		}	
		
		#logo h1
		{
		
			font-size: 2em;
			text-transform: uppercase;
			font-weight: 700;
			color: #2C383B;
			padding-left: 0;
			padding-top : 0;
			line-height:2em;
		}
		
		#logo span
		{
			position: relative;
			top:0;
			display: inline-block;
			padding-left: 0;
			letter-spacing: 0.10em;
			text-transform: uppercase;
			font-size: 0.90em;
		}		
		
		
		
		

	/*MENU/*/
		#menu {
			float:none;
			display:block;
			margin-left:-1px;
		}
		
		#menu ul {
			display:block;
		}
		
		
		#menu li {
			float:none;
			display:block;
			text-align:left;
			width:100%;
			line-height:1;
		}	
		
		#menu li a, #menu li span {
			display:block;
		}
		
		
	/*PAGE ACCUEIL*/
		/*BANNIERE*/
			#header-featured {
				background-size: 100% auto;
				background-repeat:no-repeat;
				margin-top:68px;
			}
		
		
		
		/*CONTENU*/
			#banner-wrapper {
				padding-left:1em;
				padding-right:1em;
				text-align:justify;
			}
			
			#banner {
				text-align:justify;
			}
			
			
		/*COLONNE*/
			.column1, .column2, .column3, .column4 {
				float:none;
				width:100%;
				margin-bottom:3em;
			}
			
			#featured .title {
				margin:0;
				padding:0;
				margin-bottom:1em;
			}
			
			#featured .title h2 {
				font-size:1.5em;
			}
			
			.column1 p, .column2 p, .column3 p, .column4 p {
				text-align:justify;
				padding-left:1em;
				padding-right:1em;
				
			}
			
		/*PHOTOS*/
			#photo img {
				width:90% !important;
				height:auto;
				margin:auto;
				border:3px #2C383B solid;
				margin-bottom:1em;
			}
			
			
		/*EXTRAS*/
			#extra {
				margin:0;
				padding-left:1em;
				padding-right:1em;				
			}
			
			
			#extra h2 {
				font-size:1.5em;
				margin-bottom:0.5em;
			}
			
			#extra span {
				font-size:1em;
			}
			
			
			#extra2 #ebox1, #extra2 #ebox2 {
				float:none;
				width:100%;
				margin-bottom:3em;
				margin:0;
			}
			
			#extra2 #ebox2 title {
				padding-left:1em;
				padding-right:1em;				
			}
			
			input, textarea {
				width:90%;
			}
			
	/*PAGE E CONTENU*/
		#wrapper #featured.container img {
				width:90% !important;
				height:auto;
				margin:auto;
				border:3px #2C383B solid;
				margin-bottom:1em;
		}
		
}






	
@media (max-device-width: 767px) and (orientation: landscape) {
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

	#header-wrapper {
		height:200px;
	}
	
	.container {
		width:100%;
	}


	/*LOGO*/
		#logo {
			position:relative;
			width:100%;
			text-align:center;
			height:175px;
		}
		
		#logo img {
			margin-top:0px;
			float:none;
		}
		
		
		#logo #accroche {
			float:none;
			margin-left:0px;
			margin-top:5px;
			width:100%;
		}	
		
		#logo h1
		{
		
			font-size: 2em;
			text-transform: uppercase;
			font-weight: 700;
			color: #2C383B;
			padding-left: 0;
			padding-top : 0;
			line-height:2em;
		}
		
		#logo span
		{
			position: relative;
			top:0;
			display: inline-block;
			padding-left: 0;
			letter-spacing: 0.10em;
			text-transform: uppercase;
			font-size: 0.90em;
		}		
		
		

		

	/*MENU/*/
		#menu {
			float:none;
			display:block;
			margin-left:-1px;
		}
		
		#menu ul {
			display:block;
		}
		
		
		#menu li {
			float:none;
			display:block;
			text-align:left;
			width:100%;
			line-height:1;
		}	
		
		#menu li a, #menu li span {
			display:block;
		}
		
		
	/*PAGE ACCUEIL*/
		/*BANNIERE*/
			#header-featured {
				background-size: 100% auto;
				background-repeat:no-repeat;
				margin-top:68px;
			}
		
		
		
		/*CONTENU*/
			#banner-wrapper {
				padding-left:1em;
				padding-right:1em;
				text-align:justify;
			}
			
			#banner {
				text-align:justify;
			}
			
			
		/*COLONNE*/
			.column1, .column2, .column3, .column4 {
				float:none;
				width:100%;
				margin-bottom:3em;
			}
			
			#featured .title {
				margin:0;
				padding:0;
				margin-bottom:1em;
			}
			
			#featured .title h2 {
				font-size:1.5em;
			}
			
			.column1 p, .column2 p, .column3 p, .column4 p {
				text-align:justify;
				padding-left:1em;
				padding-right:1em;
				
			}
			
		/*PHOTOS*/
			#photo img {
				width:90% !important;
				height:auto;
				margin:auto;
				border:3px #2C383B solid;
				margin-bottom:1em;
			}
			
			
		/*EXTRAS*/
			#extra {
				margin:0;
				padding-left:1em;
				padding-right:1em;				
			}
			
			
			#extra h2 {
				font-size:1.5em;
				margin-bottom:0.5em;
			}
			
			#extra span {
				font-size:1em;
			}
			
			
			#extra2 #ebox1, #extra2 #ebox2 {
				float:none;
				width:100%;
				margin-bottom:3em;
				margin:0;
			}
			
			#extra2 #ebox2 title {
				padding-left:1em;
				padding-right:1em;				
			}
			
			input, textarea {
				width:90%;
			}
			
	/*PAGE E CONTENU*/
		#wrapper #featured.container img {
				width:90% !important;
				height:auto;
				margin:auto;
				border:3px #2C383B solid;
				margin-bottom:1em;
		}
		

}