/* Large Desktop
==================================================================================================== */
@media (min-width: 1200px) {
header nav {
	right: 30px;
}
header nav a {
	font-size: 13px;
	padding: 0px 12px;
}
.parallax {
	height: 370px;
}
.titre-parallax {
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 40px;
	line-height: 46px;
}
}


/* #Tablet (Portrait)
==================================================================================================== */

@media (min-width: 768px) and (max-width: 979px) {

#mobile-header{
	position: relative;
	display:block;
	height:60px;
	width:100%;
	top:0;
	left:0;
	width: 100%;
	background: #fff;
}
#mobile-header #responsive-logo {
	width: 120px;
	margin-top: 15px;
	margin-left: -60px;
	position: absolute;
	left: 50%;
}
#mobile-header #responsive-logo img{
	width: 100%;
	height: auto;
}
#mobile-header #responsive-menu-button{
	z-index:9999999;
	display: block;
	text-indent: -9999px;
	width: 20px;
	padding:17px 0 0 25px;
	height: 40px;
	background: url(img/nav-icon.png) center center no-repeat;
}
header {
	display: none;
}
#main {
	padding: 0;
}
#info-content {
	width: 60%;
	top: 0;
	right: 0px;  
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
}
#info-content .texte {
	padding: 30px; 
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
}
.parallax{
		height: 280px;
	background-size: 200% auto;
}
.titre-parallax {
	font-size: 26px;
	padding: 30px 0;
	line-height: 40px;
}
.sous-titre-parallax {
	font-size: 16px;
	padding-bottom: 30px;
}
.skew-left .texte {
	padding-left: 0px;
}
.skew-right .texte {
	padding-right: 30px;
}
}



/*  #Mobile (Paysage)
==================================================================================================== */
@media (max-width: 480px) {


}

/*  #Mobile (Portrait)
==================================================================================================== */
@media (max-width: 767px) {

#mobile-header{
	position: relative;
	display:block;
	height:60px;
	width:100%;
	top:0;
	left:0;
	width: 100%;
	background: #fff;
}
#mobile-header #responsive-logo {
	width: 120px;
	margin-top: 15px;
	margin-left: -60px;
	position: absolute;
	left: 50%;
}
#mobile-header #responsive-logo img{
	width: 100%;
	height: auto;
}
#mobile-header #responsive-menu-button{
	z-index:9999999;
	display: block;
	text-indent: -9999px;
	width: 20px;
	padding:17px 0 0 25px;
	height: 40px;
	background: url(img/nav-icon.png) center center no-repeat;
}

header, #bloc-slider {
	display: none;
}
.row {
	padding-left: 15px;
	padding-right: 15px;
}
#main {
	padding: 0;
}
#info-content {
	width: 80%;
	top: 0;
	right: 0px;  
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
}
#info-content .texte {
	padding: 30px; 
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
}
.parallax{
	height: auto;
	background-size: 200% auto;
}
.titre-parallax {
	font-size: 24px;
	padding: 30px 0;
	line-height: 40px;
}
.sous-titre-parallax {
	font-size: 16px;
	padding-bottom: 30px;
}
.skew-left, .skew-right {
	padding: 0;
	height: auto;
	position: relative;
}

.skew-left .wrap {
	position:inherit;
	height: 250px;
	left: 0px;
	width: 100%;
	top: 0;
	overflow: hidden;
    outline: 1px solid transparent;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
}
.skew-left .bloc-image{
	position: inherit;
	left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: no-repeat center center;
    background-size: cover;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
}
.skew-left .bloc-texte {
	display: block;
	width: auto;
	position: inherit;
	padding: 30px;
	right: 0;
	height: auto;
}
.skew-right {
	overflow: hidden;
}
.skew-right .wrap {
	position:inherit;
	height: 250px;
	right: 0px;
	width: 100%;
	top: 0;
	overflow: hidden;
    outline: 1px solid transparent;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
}
.skew-right .bloc-image{
	position: inherit;
	right: 0px;
    top: 0%;
    height: 100%;
    width: 100%;
    background: no-repeat center center;
    background-size: cover;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
}
.skew-right .bloc-texte {
	display: block;width: auto;
	position: inherit;
	left: 0;
	padding: 30px;
	height: auto;
}

.skew-left .texte {
	padding-left: 0px;
}
.skew-right .texte {
	padding-left: 0px;
}
footer {
	text-align: center;
}

}


@media (max-width: 979px) {
  
}