@charset "UTF-8";


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */



	.isIpad .scrollTxt{
	}


	.isIpad .contenu {
		top: 45px !important;
		position: absolute;
		height: 100%;
	}

	.isIpad .contenu .scrollTxt{
		padding-top: 60px;
		overflow: hidden;
		background: #FFF;

		height: 410px;
	}

	.isIpad #contentFooterFixed ul li a, #contentFooterFixed ul li a:visited {
		font-size: 1em;
	}

	.isIpad .ssNav ul {
		margin-left: 50px;
	}

	.isIpad .colonneGauche .scrollTxt {
		height: 560px;
		margin: 50px 80px 0 80px;
	}


}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */


	.isIpad .scrollTxt{
		height: 720px;
	}


	.isIpad .contenu {
		top: 45px !important;
		position: absolute;
	}

	.isIpad .contenu .scrollTxt{
		padding-top: 60px;
		height: 100%;
		overflow: hidden;
		background: #FFF;
	}

	.isIpad #slides .slidesjs-container .slidesjs-control .PasIe7 img{
		height: 100%;
		width: auto;
	}


	.isIpad .legende{
		left: 55%;
	    position: absolute;
	    top: 28%;
	    color: white;
	}

	.isIpad .legende span{
		font-weight: bold;
		font-size: 26px;
		text-transform: uppercase;
	}

	.isIpad .legende .separator{
		background: none repeat scroll 0 0 #FFFFFF;
	    height: 1px;
	    margin: 15px 0;
	    width: 40%;
	}

	.isIpad .legende p{
		font-size: 22px;
	}

	.isIpad .ssNav ul {
		margin-left: 50px;
	}

	.isIpad .colonneGauche .scrollTxt {
		height: 560px;
		margin: 50px 80px 0 80px;
	}



}


































.isIpad .colonneGauche {
	position: absolute;
	left: -100%;
	width: 100%;
	height: auto;
	bottom: 0;
	top: 0;
	z-index: 1;
	padding-top: 100px;
}

.isIpad .containerWrapperContenu {
	left: 0;
	overflow: hidden;
	top: 110px;
	bottom: 0;
	height: auto;
}


.isIpad .blocTxtGauche {
	float: left;
	margin: 130px 15px 30px 85px;
}


.isIpad .colonneGauche .blocTxtGauche1024 {
	margin: 130px 15px 30px 525px;
}



.isIpad .blocTxtGauche.textePlein{
	width: 90%;
}

.isIpad #btnCloseLeftCol {
	background: rgb(24,39,89);
	background: rgba(24,39,89,1);
	color: white;
	width: 100px;
	font-size: 2.5em;
	height: 100px;
	line-height: 90px;
	opacity: 0;
	position: fixed;
	text-decoration: none;
	right: -25px;
	top: 85px;
	z-index: 1000;
	font-size: 5em;
	-webkit-border-radius: 0px 0px 0px 100px;
    border-radius: 0px 0px 0px 100px;
	-moz-transform: scale(0.5) ;
	-webkit-transform: scale(0.5) ;
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);


	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.isIpad #btnCloseLeftCol span {
	padding-left: 50px;
}




.isIpad #btnCloseLeftCol:hover {
	-moz-transform: scale(0.8) translateX(-19px) translateY(19px) ;
	-webkit-transform: scale(0.8) translateX(-19px) translateY(19px);
    -o-transform: scale(0.8) translateX(-19px) translateY(19px);
    -ms-transform: scale(0.8) translateX(-19px) translateY(19px);
    transform: scale(0.8) translateX(-19px) translateY(19px);
}



.isIpad #btnOpenLeftCol {
	background: rgb(24,39,89);
	background: rgba(24,39,89,1);
	color: white;
	width: 100px;
	font-size: 2.5em;
	height: 100px;
	line-height: 90px;
	opacity: 0;
	position: fixed;
	text-decoration: none;
	left: -25px;
	top: 85px;
	z-index: 1000;
	font-size: 5em;
	-webkit-border-radius: 0px 0px 100px 0px;
    border-radius: 0px 0px 100px 0px;
	-moz-transform: scale(0.5) ;
	-webkit-transform: scale(0.5) ;
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);



	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.isIpad #btnOpenLeftCol span {
	padding-left: 20px;
}




.isIpad #btnOpenLeftCol:hover {
	-moz-transform: scale(0.8) translateX(19px) translateY(19px) ;
	-webkit-transform: scale(0.8) translateX(19px) translateY(19px);
    -o-transform: scale(0.8) translateX(19px) translateY(19px);
    -ms-transform: scale(0.8) translateX(19px) translateY(19px);
    transform: scale(0.8) translateX(19px) translateY(19px);
}

.isIpad a#btnCloseLeftCol.visible, .isIpad a#btnOpenLeftCol.visible {
	opacity: 1;
}

.isIpad .gauche {
	width: 44%;
	margin: 0 3% 0 5%;
}

.isIpad .droite {
	width: 410px;
	margin: 0 3% 0 1%;
}



.isIpad .mCustomScrollBox .mCSB_scrollTools {
	width: 16px;
	height: 100%;
	top: 0;
	right: 40px;
}
			
.isIpad #Sroute {
	margin-top: -60px;
}


.isIpad .bloc100 {
	width: 90%;
	margin: 0 4%;
}