@media ( min-width : 768px) and (max-width: 1400px) and
	(min-aspect-ratio: 4/3) {
	.tel-only,.tab-portrait-only {
		display: none;
	}

	/*********************** font-style *****************************/
	[class*=ft-M] {
		font-size: 0.7rem;
		line-height: 0.7rem;
	}
	[class*=ft-MS] {
		font-size: 0.6rem;
		line-height: 0.7rem;
	}
	[class*=ft-MSS] {
		font-size: 0.5rem;
		line-height: 0.5rem;
	}
	[class*=ft-MX] {
		font-size: 0.8rem;
		line-height: 0.8rem;
	}
	[class*=ft-X] {
		font-size: 1rem;
		line-height: 1rem;
	}
	[class*=ft-XX] {
		font-size: 1.5rem;
		line-height: 1.5rem;
	}
	[class*=ft-XS] {
		font-size: 0.9rem;
		line-height: 0.9rem;
	}
	[class*=ft-XXX] {
		font-size: 4rem;
		line-height: 4rem;
	}
	[class*=ft-XXXX] {
		font-size: 7rem;
		line-height: 7rem;
	}
	[class*=ft-S] {
		font-size: 0.5rem;
		line-height: 0.5rem;
	}
	[class*=ft-SS] {
		font-size: 0.3rem;
		line-height: 0.3rem;
	}
	small {
		font-size: 0.4rem;
		line-height: 0.4rem;
	}

	/*---------- ARROW   ----------*/
	[class*="arrow"] {
		border-width: 0.1rem 0.1rem 0 0;
		height: 0.5rem;
		width: 0.5rem;
	}

	/*---------- TRIANGLE   ----------*/
	[class*="triangle"]:before {
		border-width: 0 0.25rem 0.25rem 0.25rem;
	}
	[class*="triangle"] {
		width: 0.5rem;
		height: 0.25rem;
	}
	[class^=sprite-rating] {
		margin-right: -0.25rem;
		background-size: 16px;
		width: 20px;
		height: 18px;
	}
		/*---------- DOUBLE TRIANGLE   ----------*/
	.doubleTriangle:before {
		border-width: 0 0.25rem 0.25rem 0.25rem;
	}
	.doubleTriangle:after{
		border-width: 0.25rem 0.25rem 0 0.25rem;
		margin-top:0.3rem;
	}
	.doubleTriangle{
		width: 0.5rem;
		height: 0.25rem;
	}
		/*---------- ETOILE    ----------*/	
	.etoile{
		width: 0.8rem;
		height: 0.8rem;
		font-size:1rem;
	}

	[class^=sprite-rating] {
		margin-right: -0.25rem;
		background-size: 16px;
		width: 20px;
		height: 18px;
	}
	.sprite-rating-full {
		background-position: 0 -2px;
	}
	.sprite-rating-middle {
		background-position: 0 -20px;
	}
	.sprite-rating-low {
		background-position: 0 -39px;
	}
	nav[role="navigation"]{
		width: 100%;
	}
	nav[role="navigation"] ul {
		margin: 0;
	}
	nav[role="navigation"] ul li.home {
		width: 5%;
		background-position: 40% -1.8rem;
		background-size: 1.2rem;
	}
	nav[role="navigation"] ul li {
		/*width: 20%;*/
		width: 15%;
		height: 1.6rem;
		line-height: 1.6rem;
	}
	nav[role="navigation"] ul li.tab-only {
		display: inline-block;
		margin-left: -1px;
	}
	nav[role="navigation"] ul li.tel-only {
		display: none;
	}
	nav[role="navigation"] ul li.onglet-bons-plans, nav[role="navigation"] ul li.onglet-recherche{
		width: 20%;
	}
	nav[role="navigation"] ul li.onglet-dm {
		width: 20%;
	}
	nav[role="navigation"] ul li.onglet-hotel {
		width: 20%;
	}
	#onglet-hotel-tel {
		display: none;
	}
	nav[role="navigation"] ul li.onglet-sous-menu {
		display: none;
	}
	nav[role="navigation"] ul li.lines a span {
		line-height: 0.8rem;
	}
	.btn-menu{
		display: none;
	}
	.logo-tab {
		width: 23%;
		margin: 0 0 0 4%;
		display: block;
		float: left;
	}
	#overlay img:first-child {
		width: 25%;
		margin-top: 20%;
	}
	#overlay .loader {
		left: 47%;
		width: 6%;
		top: 45%;
	}
	.mini-overlay img {
   		width: 4%;
	}
	header {
		padding: 0;
	}
	header .right-button.tel-only {
		display: none;
	}
	header .titre-page-recto.tab-only {
		display: inline-block;
		width: 30%
	}
	header .titre-page-recto img {
		width: 50%;
	}
	.header {
		margin: 0;
		width: 100%;
		clear: both;
	}
	.header button, .header .right-button{
		display: inline-block;
		width: 35%;
		box-sizing:border-box;
	}
	.header button:first-child{
		padding-left: 2%;
	}
	.header .right-button{
		padding-right: 2%;
	}
	.header .titre-page-recto {
		text-align: left;
		padding-left: 0;
	}

	h1 {
		margin: 0.5% 0 0;
		font-size: 1.5rem;
	}
	
	.fix-nav-home #page {
		padding-top: 3.25rem;
	}
	/*--------------------------------------------footer---------------------------------*/
	footer {
		padding: 0 2% 0 2%;
	}
	footer .classique {
		padding: 1% 0 1% 0;
	}
	footer .classique a {
		padding-left: 1%;
	}
	footer .classique a.appstore:after {
		background-size: 5.8rem auto;
		height: 1.6rem;
		width: 4rem;
		margin-left: 0.5rem;
	}
	footer .classique a.appstore:after {
		background-position: -1.9rem -9.7rem;
	}
	footer .classique a span.tab-only {
		display: inline-block;
	}
	#triangle-footer {
		border-left: .7rem solid transparent;
		border-right: .7rem solid transparent;
		border-top: .7rem solid #f0f0f0;
	}
	#block-nous-acceptons {
		margin-left: 1%;
	}
	#block-nous-acceptons p:first-child {
		text-align: left;
	}
	#block-nous-acceptons p:first-child span {
		font-weight: bold;
	}
	#block-nous-acceptons p+p {
		font-size: 0.6rem;
		line-height: 0.6rem;
		display: inline;
		margin-right: 1rem;
		text-align: center;
	}
	#block-nous-acceptons p+p:nth-child(odd) {
		position: inherit;
		display: inline-block;
		left: 0;
		top: 0;
	}
	#footer-infos li {
		font-size: 0.5rem;
		line-height: 0.8rem;
		text-align: center;
		height: 1rem;
	}
	#footer-infos li p {
		width: initial;
		margin-left: 0.2rem;
	}
	#footer-infos li span.triangle-turnRight:before {
		margin-left: -0.3rem;
	}
	/*--------------------------------------------footer end---------------------------------*/
	/*--------------------------------------------Customs inputs---------------------------------*/

	.select-container .select-placeholder:after,.select-container .select-placeholder.focus:after
		{
		background-size: 1.2rem auto;
		width: 1.8rem;
	}
	.custom-inputs[type="text"],.custom-inputs[type="tel"] {
		font-size: 0.6rem;
		line-height: 0.6rem;
	}
	
	/*radio*/
	.custom-inputs[type="radio"], .custom-inputs[type="checkbox"] {
		height: 1.4rem;
		width: 1.4rem;
	}
	.custom-inputs[type="radio"] + label:before, .custom-inputs[type="checkbox"] + label:before{
		height: 1rem;
		width: 1rem;
	}
	.custom-inputs[type="radio"]:checked+label:before,.custom-inputs[type="checkbox"]:checked + label:before {
		background-position: -0.2rem -3.9rem;
		background-size: 1.6rem auto;
	}
	.custom-inputs[type="radio"]+label {
		height: 1.4rem;
		width: 1.4rem;
	}
	#overlay img {
		left: 25%;
		width: 50%;
		top: 8rem;
	}

	/*-----------------------------------popup tel-------------------------------------*/
	/*-----------------------------------popup common-------------------------------------*/
	.popup-common {
		width: 99%;
		top: 5%;
		margin: 0 0.5%;
	}
	#popup-tel {
		margin: 0 25%;
		top: 8rem;
		width: 50%;
		text-align: center;
	}
	#popup-tel p {
		line-height: 0.8rem;
	}
	#popup-tel button {
		margin: 2% 0;
	}
	#popup-tel button.ok{
		margin-left: 0;
	}
	#popup-telechargement {
		background: url("../../images/bg/bg-telechargement-tab.jpg") no-repeat,
			#0064dc;
		background-size: 100%;
	}
	#popup-telechargement p {
		font-size: 1rem;
		margin: 0;
		padding: 2% 0;
	}
	#popup-telechargement img {
		width: 30%;
		margin: 0 auto;
	}
	#popup-telechargement div+p+p {
		color: #fff;
		font-size: 0.8rem;
		margin: 0 auto 4% auto;
		text-align: center;
	}
	#popup-telechargement a.telecharger {
		font-size: 1.2rem;
		padding: 1% 6%;
		background: #d70505;
		color: #fff;
		top: 2rem;
		width: 4%;
		position: relative;
	}
	#popup-telechargement a.appstore {
		margin: 0;
		width: 4.3rem;
		height: 1.8rem;
	}
	#popup-telechargement a.appstore span {
		position: absolute;
		background-size: 6.5rem auto;
		left: 0;
		margin: 0;
		width: 4.3rem;
		height: 1.8rem;
	}
	#popup-telechargement a.iphone span {
		background-position: -2.1rem -10.7rem
	}
	#popup-telechargement a.android span {
		background-position: -2.1rem -17.2rem
	}
	#popup-telechargement a.windowsStore span {
		background-position: -2.1rem -20.98rem
	}
	#popup-telechargement a.windowsStore {
		display: inline-block
	}
	#popup-telechargement a.windowsPhone {
		display: none
	}
	#popup-telechargement p+div {
		width: 13.5rem;
		margin: auto;
		margin-top: 2rem;
	}
	#popup-telechargement p.tab-only {
		display: block;
		padding: 0;
		margin-top: 2%;
		margin-bottom: 37%;
	}
	
	/*----------------------------------Bons plans au d�part de Paris--------------------------------------*/
	
	.content #titleBP {
		margin: 0 2%;
		border-bottom-width: 0px;
	}
	.content #titleBP h1 {
		font-size: 1rem;
	}
	.content #titleBP h1 .tab-only {
		display: inline;
	}
	.content #titleBP p {
		text-transform:uppercase;
		font-size: .7rem;
	}
	
	.content #titleBP p.city-btn {
		font-size: 0.6rem;
		margin-top: 4px;
		width: 4rem;
		height: auto;
		padding: .1rem .1rem;
	}
	.content #titleBP p.city-btn > span {
		margin: 4% 2% 0 0;
	}
}