/* iPads (landscape) ----------- */ /* RETIRE L'ETAT HOVER POUR IPAD */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
		
		header {height: 70px;}
		h1 {
			position: relative;
			float: left;
			left: inherit;
		}
		nav.main {
			width: 720px;
			float: right;
			background: none;
		}
		#mobileMenu {
			background: url(../img/site/nav-bg-mobile.png);
			width: 680px;
			display: block;
			font-family: 'Lora', serif;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
			color: #302683;
			padding: 23px 0 22px 40px;
			text-transform: uppercase;
			position: relative;
		}
		#mobileMenu span {
			display: block;
			width: 23px;
			height: 18px;
			background: url(../img/site/icon_menu.png);
			position: absolute;
			top: 21px;
			right: 40px;
		}

#badge .ombre {display: none;}
	       #badge {
				background: url(../img/site/badge_retina.png) no-repeat;
				background-size: 107px 152px;
				width: 107px;
				height: 152px;
			}
		nav.main ul {
			display: block;
		}
		nav.main ul li {
			z-index: 100;
			float: none;
			margin: 0;
			background: none;
			border-bottom: 1px solid #232A34;
		}
		nav.main ul li a, nav.main ul .long a {
			float: none;
			background: #FFFFEC;
			padding: 10px 0 10px 20px;
			width: 700px;
			margin: 0;
			text-align: left;
		}
		.navHover {display: none;}
		#navLastLeft a {width: inherit;}
		#navRight {margin-left: 0;}
		nav.main .subnav {
			display: block;
			position: relative;
			left: inherit;
			top: inherit;
			border-top: 1px solid #232A34;
		}
		nav.main .subnav li a, nav.main .subnav li a, nav.main ul .long .subnav li a {
			padding-left: 40px;
			padding-top: 10px;
			padding-bottom: 10px;
			width: 670px;
		} 
		nav.main .subnav li:last-child {border-bottom: none;}
		nav.main .subnav .arrow{display: none;}
		nav.main ul li a, nav.main ul .long a {
			background: #ffffff;
		}
		nav.main ul .active a {
			color: #fff;
			background: #009EE3;		
		}
		nav.main ul .active .subnav li a {
			background: #4DBBEB;
		}
		
		#cacheMenu {
			width: 720px;
			overflow: hidden;
			display: none;
		}
		
		.false .inc_form .txt {display: block;}
		
/*		#submit span {opacity: 1; right: 35px;}*/
/*		#submit input {padding-left: 50px;}*/

}


/* iPads (portrait) ----------- */


@media only screen and (max-width : 960px){

	html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ }

/* HEADER /////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */
		#container {
			width: 728px;
			padding: 0 20px;
		}
		header {height: 70px;}
		h1 {
			position: relative;
			float: left;
			left: inherit;
		}
		nav.main {
			width: 500px;
			float: right;
			background: none;
		}
		#mobileMenu {
			background: url(../img/site/nav-bg-mobile.png);
			width: 480px;
			display: block;
			font-family: 'Lora', serif;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
			color: #302683;
			padding: 23px 0 22px 40px;
			text-transform: uppercase;
			position: relative;
		}
		#mobileMenu span {
			display: block;
			width: 23px;
			height: 18px;
			background: url(../img/site/icon_menu.png);
			position: absolute;
			top: 21px;
			right: 40px;
		}

		#badge .ombre {display: none;}
       #badge {
			background: url(../img/site/badge_retina.png) no-repeat;
			background-size: 107px 152px;
			width: 107px;
			height: 152px;
		}

		nav.main ul {display: block; width: 520px;}
		nav.main ul li {
			z-index: 400;
			float: none;
			margin: 0;
			background: none;
			border-bottom: 1px solid #232A34;
		}
		nav.main ul li a, nav.main ul .long a {
			float: none;
			background: #F5F2CD;
			padding: 10px 0 10px 20px;
			width: 500px;
			margin: 0;
			text-align: left;
		}
		.navHover {display: none;}
		#navLastLeft a {width: 500px;}
		#navRight {margin-left: 0;}
		nav.main .subnav {
			display: block;
			position: relative;
			left: inherit;
			top: inherit;
			border-top: 1px solid #232A34;
		}
		nav.main .subnav li a, nav.main ul .long .subnav li a {
			padding-left: 40px;
			padding-top: 10px;
			padding-bottom: 10px;
			width: 470px;
		}
		nav.main .subnav li:last-child {border-bottom: none;}
		nav.main .subnav .arrow{display: none;}
		nav.main ul li a, nav.main ul li, nav.main ul .long a {
			background: #E4F5FC;
		}
		
		nav.main .subnav li a:hover, nav.main li a:hover { color:#fff; background: #009EE3; }
		
		nav.main ul .active a {
			color: #fff;
			background: #009EE3;		
		}
		nav.main ul .active .subnav li a {
			background: #4DBBEB;
		}
		
		#cacheMenu {
			width: 520px;
			overflow: hidden;
			display: none;
		}
		
		.galerie li a {margin: 5px;}
		#listArticle.troiscol li {margin-right: 12px;}

	
	
/* CONTENT ////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */
	
	#headPage {
		width: 728px;
	}
	#headPageInner img {
		width: 708px;
		height: auto;
	}
	.sliderInner h2 a, #headPageInner h2 {width: 748px;}	
	#slider, #headPage {height: 307px; width: 708px;}
	.sliderInner a {
		width: 708px;
		height: 307px;
		background-size: 100%;
	}

	.headerList .mask, .headerList .reflet {width: 170px; height: 170px; top: 20px; left: 20px;}			
	#listArticle li {margin: 0px 16px;}
	#article02 .headerList .mask {background-position: -170px top;}
	#article03 .headerList .mask {background-position: -340px top;}
	
/*
	#listArticle #article02:hover .headerList .mask { background-size: 350%; background-position: -250px -22px;}
	#listArticle #article03:hover .headerList .mask { background-size: 350%; background-position: -482px -22px;}
*/
	#listArticle h4 a {font-size: 16px;}
	
	hr {width: 720px;}
	
	#rightCol li {
		font-size: 14px;
		width: 70px;
	}
	#rightCol ul {width: 228px;}
	#rightCol #linkTel {right: 13px; top: 8px;}
	#rightCol #linkMail {text-align: left; right: 12px;}
	#rightCol #linkHoraire {left: 40px; top: 8px;}
	#rightCol #linkAdresse {left: 40px;}
	
	.false .inc_form .txt {display: block;}
	
/*	#submit span {opacity: 1; right: 35px;}*/
/*	#submit input {padding-left: 50px;}*/
	
/* FOOTER /////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */

	#footerInner div { width: 195px; }
	#footerInner {width: 728px; padding: 40px 20px; overflow: hidden; height: 282px;}
	
	
	
}