@media screen and (max-width: 1200px) {
	#divGlobale {
		width: 90%;
	}
}

@media screen and (max-width: 736px) and (orientation: portrait) {
	.spotlight.style1 .image {
		width: 100%;
		min-width: 0;
	}
	.spotlight.style1 {
		-moz-flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		text-align: center !important;
	}

	.spotlight.style1 .image img {
		position: relative;
		width: 100% !important;
	}
	.spotlight.style1.orient-right {
		-moz-flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.br {
		display: block;
	}
	#two .style1-bottom {
		position: relative;
	}
	h1 {
		line-height: 1.3em;
	}
	.spotlight.style1 .content {
		width: 100%;
	}
}

@media screen and (max-width: 736px) and (orientation: landscape) {
	.inner .citation {
		padding-top: 8% !important;
	}
	.style1-bottom .descriptif {
		margin-bottom: 1em !important;
	}
	.style1-bottom {
		bottom: 0% !important;
	}
	.spotlight.style1 .image img {
		height: auto;
		width: 100% !important;
	}
	.spotlight.style1 .image {
		width: 50%;
		min-width: 0;
	}
}

@media screen and (max-width: 736px) {
	body.is-mobile.landing #page-wrapper {
		background: none;
	}
	.projectTitle {
		padding-top: 5%;
		padding-bottom: 5%;
	}
	#divLeft {
		width: 100%;
		padding-right: 0 !important;
	}
	#divRight {
		width: 100%;
		padding: 27px 0 20px 0;
	}
	#divGlobale {
		width: 90%;
	}
	#project2 img {
		width: 100%;
		padding: 0;
	}
	.projectTexte {
		width: 85%;
	}
	#projectVideoTexte img {
		width: 85%;
	}
	#launchVideo {
		width: 100%;
	}
	.videoTitle {
		font-size: 33px;
		text-align: left;
		width: 100%;
		padding-top: 5%;
		line-height: 40px;
		padding-right: 10px;
		padding-left: 10px;
	}
	.videoLegend {
		width: 100%;
		padding: 5px 10px 5px 10px;
	}
	body.is-mobile.landing #banner,
	body.is-mobile.landing .wrapper.style4 {
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url("../../images/banner.jpg");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url("../../images/banner.jpg");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url("../../images/banner.jpg");
		background-image: linear-gradient(top, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url("../../images/banner.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.gallery.style2 {
		margin-left: auto !important;
	}

	.gallery.style2 article .caption {
		padding: 2rem;
	}

	#footer {
		padding: 3em 2em 1em 2em ;
	}
	#banner {
		padding: 7em 1.5em 5em 1.5em ;
		min-height: 0;
	}

	#banner h2 {
		font-size: 1.83em;
	}
	#two .inner .citation br {
		display: none;
	}
	.wrapper {
		padding: 3em 2em 1em 2em ;
	}
	#header nav > ul > li > a.menuToggle {
		padding: 0 1.5em;
	}

	#header nav > ul > li > a.menuToggle span {
		display: none;
	}

	#header nav > ul > li > a {
		padding: 0 0 0 1.5em;
	}
	#header h1 a {
		font-size: 0.8em;
	}
	#menu ul > li > a {
		line-height: 3em;
	}
	#menu {
		padding: 3em 1.5em;
	}
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		height: 3.75em;
		line-height: 3.75em;
		color: #3f2c17 !important;
	}
	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

	.row > * {
		box-sizing: border-box;
	}

	.row.gtr-uniform > * > :last-child {
		margin-bottom: 0;
	}
	.row > .col-12-small {
		width: 100%;
	}
	.row.gtr-50 {
		margin-top: 0;
		margin-left: auto;
	}

	.row.gtr-50 > * {
		padding: 0 0 0 0.75em;
	}

	.row.gtr-50.gtr-uniform {
		margin-top: -0.75em;
	}

	.row.gtr-50.gtr-uniform > * {
		padding-top: 0.75em;
	}

	.row {
		margin-top: 0;
		margin-left: -1.5em;
	}

	.row > * {
		padding: 0 0 0 1.5em;
	}

	.row.gtr-uniform {
		margin-top: -1.5em;
	}

	.row.gtr-uniform > * {
		padding-top: 1.5em;
	}
	h3 {
		font-size: 1em;
		line-height: 1.65em;
	}
	h2 {
		font-size: 1.1em;
		line-height: 1.65em;
	}
	body, input, select, textarea {
		font-size: 11pt;
		letter-spacing: 0.0375em;
	}
	.gallery.style2 article .caption {
		padding: 2rem;
	}
	.spotlight.style1 article {
		width: 100%;
		padding: 1.5rem 2rem 1.5rem 2rem;
	}
	.inner .citation {
		padding-top: 14%;
	}
	#two .inner .citation {
		padding-top: 24%;
	}
	.style1-bottom .descriptif {
		background-color: #ffffff;
		opacity: 0.8;
		padding: 5px;
		color: #000;
	}
	.style1-bottom .title {
		background-color: #ffffff;
		opacity: 0.8;
		padding: 5px;
		color: #000;
	}
	.inner .citation {
		font-size: 2.1em;
	}
	#four, #five {
		height: 100%;
		padding-top: 20%;
	}
	.row > .col-6 {
		width: 100%;
	}
	.box {
		margin-bottom: 5em;
	}
	#five {
		text-align: left;
	}
	.gallery.style2 article .caption {
		background-color: rgba(0, 0, 0, 0.3);
		opacity: 1;
	}
	#banner .more, #one .more, #two .more, #three .more, #four .more, #five .more {
		left: 50%;
	}
	.title h4 {
		padding-top: 15%;
	}
	/***A propos ***/
	.bannerProtrait.style1 .content {
		padding: 2rem 2rem 2rem 2rem ;
	}
	.spotlight.style1 .content {
		padding: 2.5rem 2rem 0.5rem 2rem ;
	}
	.pressContent {
		padding: 1.5rem 1rem 1.5rem 1rem;
		width: 100%;
		text-align: justify;
	}
	.pressColumn {
		flex-direction: column !important;
	}
}

@media screen and (max-width: 480px) {
	#header h1 a, #headerProject h1 a {
		font-size: unset;
	}
	.btnLangue {
		font-size: unset;
	}
	.width35 {
		width: 100%;
	}
	.paddingL20 {
		padding-left: 0px;
	}
	#content {
		width: 100%;
	}

	ul.actions:not(.fixed) {
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-left: 0;
		width: 100% !important;
	}

	ul.actions:not(.fixed) li {
		-moz-flex-grow: 1;
		-webkit-flex-grow: 1;
		-ms-flex-grow: 1;
		flex-grow: 1;
		-moz-flex-shrink: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-shrink: 1;
		flex-shrink: 1;
		padding: 1em 0 0 0;
		text-align: center;
		width: 100%;
	}

	ul.actions:not(.fixed) li > * {
		width: 100%;
	}

	ul.actions:not(.fixed) li:first-child {
		padding-top: 0;
	}

	ul.actions:not(.fixed) li input[type="reset"],
	ul.actions:not(.fixed) li input[type="button"],
	ul.actions:not(.fixed) li button,
	ul.actions:not(.fixed) li .button {
		width: 40%;
		background-color: #ffffff;
	}
	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

	.row > * {
		box-sizing: border-box;
	}

	.row.gtr-uniform > * > :last-child {
		margin-bottom: 0;
	}
	.row > .col-12-xsmall {
		width: 100%;
	}
	.row.gtr-50 {
		margin-top: 0;
		margin-left: auto;
	}

	.row.gtr-50 > * {
		padding: 0 0 0 0em;
	}

	.row.gtr-50.gtr-uniform {
		margin-top: -0.75em;
	}

	.row.gtr-50.gtr-uniform > * {
		padding-top: 0.75em;
	}

	.row {
		margin-top: 0;
		margin-left: -1.5em;
	}

	.row > * {
		padding: 0 0 0 1.5em;
	}

	.row.gtr-uniform {
		margin-top: -1.5em;
	}

	.row.gtr-uniform > * {
		padding-top: 1.5em;
	}
}
@media screen and (orientation: portrait) {

	.bannerProtrait.style1 {
		-moz-flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		text-align: center;
		height: 100%;
	}

	.bannerProtrait.style1 .content {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		width: 100%;
		max-width: 100%;
	}

	.bannerProtrait.style1 .image {
		width: 100%;
		max-width: 100%;
		height: 45vh;
	}
	.bannerProtrait.style1.fullscreen .content {
		min-height: 50vh;
	}

	.bannerProtrait.style1.fullscreen .image {
		height: 50vh;
	}
}