/*
    Lisa Monpierre
    EFRITS SAS

    Training center website
    Dec. 2021
*/

#presentationTitleH1
{
	width: 100%;

	color: #c88f1a;
	text-align: center;
}

#presentationTitleH2
{
	width: 100%;
	min-height: 50px;

	color: #454859;
	text-align: center;
}

#presentationTitleH3
{
	width: 100%;

	color: #373737;

	font-weight: normal;
	text-align: center;

}

.infoTarget
{
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
	margin: auto;
	width:100%;
	padding: 20px;
}
.infoTarget img
{
	max-width: 100%;
	margin: auto;
}
.presentationImg
{
	width:100%;
	display: flex;

	flex-wrap: wrap;
	align-content: space-around;
}

.presentationImg img
{
	margin: auto;
	height: 1000px;
	max-width: 100%;;
}

.presentationParaph
{
	margin: 10px 0;
	padding: 30px;
	
	background-image: url("../resource/background/bkg2.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}
/* VIDEO */

#video
{
	filter: drop-shadow(0px 10px 5px rgba(69,72,89,0.5));
}

#video video
{
	margin: 0;
	padding: 0;

	background-size: contain;
}

#newsletter
{
	margin: 0;
	padding: 0;

	background-color: #373737;
	text-align: left;
	filter: drop-shadow(0px 10px 5px rgba(69,72,89,0.5));
}

#newsletter h2
{
	width: 100%;
	min-height: 60px;

	float: left;
	margin: 0;
	padding: 10px;
	padding-bottom: 5px !important;
	font-size: 18px;

	color: #FAF9F9;
}

#newsletter h3
{
	width: 100%;

	float: left;
	margin: 0;
	padding: 0 10px;
	
	font-size: 14px;
	color: #FAF9F9;
	font-weight: 500;

	text-align: left;
}


#newsletter form
{
	height: calc(100% - 180px);
	width: 100%;

	float: left;
	margin: auto;
	padding: 10px;

	text-align: left;
	color: #FAF9F9;
}

#newsletter p
{
	width: 100%;

	text-align: left;
	font-size: 12px;
	color: #FAF9F9;
}

.newsletterText
{
	height: 20px;
	width: 100%;

    margin: 0 0 10px 0;

    outline: none;
    border: none;
    border-bottom: 1px solid rgba(200, 143, 26,0.7);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

	font-size: 14px;
	background: transparent;
	font-weight: 500;
	color: #FAF9F9;
}

.newsletterText::placeholder
{
	color: rgba(200, 143, 26, 0.4);
}

.newsletterReturn
{
	width: 100%;

	float: left;
	padding: 10px 0;
	margin:  10px 0;

	color: #FAF9F9;
	background-color: rgba(200, 143, 26, 0.4);
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.newsletterButton
{
	width: 100%;

	float: center;
	padding: 10px;
	margin: 0 auto;

	color: #FAF9F9;
	background-color: transparent;
	font-size: 14px;
	font-weight: bold;
}

.newsletterRGPD
{
	text-align: left;
	font-style: italic;
	margin: 10px 0;
	font-size: 14px;
}

.newsletterRGPD a
{
	color: #c88f1a;
}

.newsletterRGPD a:hover
{
	color: #FAF9F9;
}

.middleInfoTarget
{
	height: fit-content;
}


@media only screen and (min-width: 541px) /* portrait tablet */
{
	.middleInfoTarget
	{
		width:100%;
		margin: 20px auto;
	}
	#presentationTitleH1
	{
		font-size: 40px;
	}
	#presentation
	{
		min-height: 900px;
		width: 100%;

		display: inline-block;
		margin: 10px 0 20px;
		padding: 0;
	}
	.middleInfoTargetImg
	{
		width:60%;
	}
	#newsletter
	{
		height: 580px;
		width: 100%;

		padding: 0;
		margin: 10px 0;
	}

	#video
	{
		width: 100%;

		padding: 0;
		margin: 0 0 20px 0;
	}

	#video video
	{
		width: 100%;

		padding: 0;
		margin: 0;
	}
	.newsletterCaptcha
	{
		margin: 10px 0;
	}
}

@media only screen and (max-width: 540px) /* portrait mobile */
{
	.middleInfoTarget
	{
		width:100%;
	}
	#presentationTitleH1
	{
		font-size: 35px;
	}
	#presentation
	{
		min-height: 900px;
		width: 100%;

		display: inline-block;
		margin: 10px 0 20px;
		padding: 0;
	}
	.middleInfoTargetImg
	{
		width:80%;
	}
	#newsletter
	{
		height: 600px;
		width: 100%;

		padding: 0;
		margin: 0;
	}

	#video
	{
		height: 260px;
		width: 100%;

		padding: 0;
		margin: 0 0 20px 0;
	}

	#video video
	{
		width: 100%;

		padding: 0;
		margin: 0;
	}
	.newsletterCaptcha
	{
		margin: 10px 0;
	}
}

@media only screen and (min-width : 1825px) /* desktop */
{
	.middleInfoTarget
	{
		width:50%;
		margin: auto;
	}
	.middleInfoTargetImg
	{
		width:30%;
	}
	#presentationTitleH1
	{
		font-size: 45px;
	}
	#presentation
	{
		min-height: 640px;
		width: 100%;

		display: flex;
		flex-wrap: wrap;
		align-content: space-around;
		margin: 10px 0 20px;
		padding: 0;
	}

	#newsletter
	{
		width: 23%;
		height: 100%;

		margin: 0;
		padding: 0;
	}

	#video
	{
		width: 77%;
		height: 100%;

		margin: auto;
		padding: 0;
	}

	#video video
	{
		height: 100%;
		width: 100%;
	}
	.newsletterCaptcha
	{
		margin: 10px 0;
	}
}

@media only screen and (orientation: landscape) and (min-width: 1601px) and (max-width: 1824px) /* desktop */
{
	.middleInfoTarget
	{
		width:50%;
		margin: auto;

	}
	.middleInfoTargetImg
	{
		width:30%;
	}
	#presentationTitleH1
	{
		font-size: 45px;
	}
	#presentation
	{
		min-height: 640px;
		width: 100%;

		display: flex;
		flex-wrap: wrap;
		align-content: space-around;
		margin: 10px 0 20px;
		padding: 0;
	}

	#newsletter
	{
		width: 23%;
		height: 100%;

		margin: 0;
		padding: 0;
	}

	#video
	{
		width: 77%;

		margin: auto;
		padding: 0;
	}

	#video video
	{
		height: 100%;
		width: 100%;
	}
	.newsletterCaptcha
	{
		margin: 10px 0;
		width: 100%;
	}
}

@media only screen and (orientation: landscape) and (min-width: 1225px) and (max-width: 1600px) /* laptop */
{
	.middleInfoTarget
	{
		width:50%;
		margin: auto;

	}
	.middleInfoTargetImg
	{
		width:40%;
	}
	#presentationTitleH1
	{
		font-size: 45px;
	}
	#presentation
	{
		min-height: 640px;
		width: 100%;

		display: flex;
		flex-wrap: wrap;
		align-content: space-around;
		margin: 10px 0 20px;
		padding: 0;
	}

	#newsletter
	{
		width: 27%;
		height: 100%;

		margin: 0;
		padding: 0;
	}

	#video
	{
		width: 73%;

		margin: auto;
		padding: 0;
	}

	#video video
	{
		height: 100%;
		width: 100%;
	}
	.newsletterCaptcha
	{
		margin: 10px 0;
		width: 100%;
	}
}

@media only screen and (orientation: landscape) and (min-width: 961px) and (max-width: 1224px) /* landscape tablet */
{
	.middleInfoTarget
	{
		width: 100%;
	}
	.middleInfoTargetImg
	{
		width: calc(100%/2);
	}
	#presentationTitleH1
	{
		font-size: 45px;
	}
	#presentation
	{
		min-height: 640px;
		width: 100%;

		display: flex;
		flex-wrap: wrap;
		align-content: space-around;
		margin: 10px 0 20px;
		padding: 0;
	}

	#newsletter
	{
		width: 33%;
		height: 100%;

		margin: 0;
		padding: 0;
	}

	#video
	{
		width: 67%;

		margin: auto;
		padding: 0;
	}

	#video video
	{
		width: 100%;

		padding: 0;
		margin: 0;
	}
	.newsletterCaptcha
	{
		margin: 10px 0;
		width: 100%;
	}
}

@media only screen and (orientation: landscape) and (max-device-width: 960px) /* landscape mobile */
{
	.middleInfoTarget
	{
		width:100%;
	}
	#presentationTitleH1
	{
		font-size: 35px;
	}
	#presentation
	{
		min-height: 1000px;
		width: 100%;

		display: inline-block;
		margin: 10px 0 20px;
		padding: 0;
	}

	#newsletter
	{
		height: 520px;
		width: 100%;

		padding: 0;
		margin: 0;
	}

	#video
	{
		height: 500px;
		width: 100%;

		padding: 0;
		margin: 0 0 20px 0;
	}

	#video video
	{
		width: 100%;

		padding: 0;
		margin: 0;
	}
	.newsletterCaptcha
	{
		margin: 10px 0;
	}
}