/*---- Base ----*/
	html, body, #myForm, fieldset, .step {
		position: relative;
		width: 100%;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		overflow-x: hidden;
		overflow-y: visible;
		font-family: 'Ubuntu', sans-serif;
		font-size: 100%;
		line-height: 1;
	}
	body {
		background-color: #333333;
	}
	.page {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	h1,h2,h3,h4,p,ul,li,a {
		color: #ffffff; 
		text-align: center;
		font-weight: 400;
		margin: 0;
		padding: 0;
	}
	h1 {
		text-transform: capitalize;
	}
	h2 {  
		color: #fff;
		font-weight: 200;
		margin: 0;
		padding: 35px 0 20px 0;
		font-size: 25px;
		letter-spacing: 1px;
	}
	a:link {
		text-decoration: underline;
	}
	a:hover,a:active,a:focus {
		color: #ffffff;
		font-weight: 600;
	}
	.customInfo {
		position: relative;
		appearance: none;
		box-sizing: border-box;
		color: #000;
		cursor: pointer;
		display: block;
		font-family: 'Ubuntu', sans-serif;
		font-size: 16px;
		font-weight: 400;
		text-align: left;
		text-decoration: none;
		touch-action: manipulation;
		white-space: nowrap;
		outline-color: #0065a6;
		width: 100%;
		padding: 10px 10px 10px 17px;
		border: 1px solid #fff;
		border-radius: 30px;
		margin: 20px 0 20px 0;
	}
/* Animation */
	@keyframes fadeInUp {
			from {
					transform: translate3d(0,40px,0)
			}

			to {
					transform: translate3d(0,0,0);
					opacity: 1
			}
	}
	@-webkit-keyframes fadeInUp {
			from {
					transform: translate3d(0,40px,0)
			}

			to {
					transform: translate3d(0,0,0);
					opacity: 1
			}
	}
	.animated-logo {
			animation-duration: 1s;
			animation-fill-mode: both;
			-webkit-animation-duration: 1s;
			-webkit-animation-fill-mode: both;
			animation-delay: 0s;
	}
	.animated-photo, .animated-h2 {
			animation-duration: 1.2s;
			animation-fill-mode: both;
			-webkit-animation-duration: 1.2s;
			-webkit-animation-fill-mode: both;
			animation-delay: 0.5s;
	}
	.animated-text {
			animation-duration: 1.2s;
			animation-fill-mode: both;
			-webkit-animation-duration: 1.2s;
			-webkit-animation-fill-mode: both;
			animation-delay: 1s;
	}
	.animatedFadeInUp {
			opacity: 0
	}
	.fadeInUp {
			opacity: 0;
			animation-name: fadeInUp;
			-webkit-animation-name: fadeInUp;
	}
/*---- Header ----*/
	.header {
		padding: 15px;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.logoIWT {
		display: block;
		width: 40%;
		min-width: 110px;
		max-width: 200px;
	}
/*---- footer ----*/
	.footer {
		width: 100%;
		height: 80px;
		padding-bottom: 15px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	.mentions {
		font-size: 12px;
		font-weight: 200;
		padding: 0;
		margin: 0 35px 0 5px;
		line-height: 1.4;
	}
	.mentionsLinks {
		font-size: 12px;
		font-weight: 200;
		padding: 0;
		margin: 0;
		text-decoration: underline;
	}
/*---- mainContent base ----*/
	.mainContent {
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		flex: 1;
		width: 100%;
	}
	.bgPart {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
	.part {
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: 900px;
		align-items: center;
		justify-content: center;
		padding: 15px;
		margin: 0;
	}
	@media only screen and (min-width: 768px) {
		.part {
		flex-direction: row;
		}
	}
	.bgPartBtn {
		margin: 40px;
 }
	.partBtn {
		flex-direction: row;
		align-items: center;
		justify-content: center;
 }
	.blocInfo {
		padding: 30px 15px 15px 15px;
		display: flex; 
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	.BlocDescriptions {
		flex: 1;
	}
	.description {
		line-height: 1.5;
		font-size: 16px;
		color: #afafaf;
		text-align: left;
	}
	.descr2 {
		margin-top: 10px;
	}
	.logoResto {
		display: flex;
		width: 130px;
		height: 130px;
		background-color: #fff;
		border-radius: 50%;
		margin: 40px;
		justify-content: center;
		align-items: center;
	}
	.logoResto img {
		width: 85%;
	}
	@media only screen and (max-width: 380px) {
		.blocInfo {
			flex-direction: column;
		}
		.description {
			text-align: center;
		}
		.logoResto {
			margin: 40px 0;
		}
	}
	@media only screen and (max-width: 480px) {
		.blocInfo {
		}
		.description {
		}
		.logoResto {
		    width: 100px;
		    height: 100px;
		    margin: 25px;
		}
	}
	@media only screen and (min-width: 768px) {
		.blocInfo {
			padding-left: 0px;
		}
		.logoResto {
			margin: 0 40px 0 0;
		}
	}
/*---- buttons ----*/
	.button {
		position: relative;
		appearance: none;
		border: none;
		border-radius: 0;
		box-sizing: border-box;
		color: #fff;
		cursor: pointer;
		display: block;
		font-family: 'Ubuntu', sans-serif;
		font-size: 20px;
		font-weight: 400;
		text-align: center;
		text-decoration: none;
		user-select: none;
		touch-action: manipulation;
	}
	.button:focus {
		outline: none;
	}
	.btnStep {
		font-size: 16px;
		line-height: 20px;
		padding: 15px 30px;
		margin: 0 20px;
		border-radius: 30px;
		letter-spacing: 0.5px;
	}
	.btnStep:hover {
		font-weight: 600;
	}
	.btnValid {
		background-color: #e91e63;
	}
	.btnReturn {
		background-color: transparent;
		border: 1px solid #ffffff;
	}
	.buttonPhoto {
		font-family: 'Ubuntu', sans-serif;
		font-size: 16px;
		font-weight: 300;
		line-height: 1;
		color: #333333;
		text-align:center !important;
		display: inline;
		margin: 0;
		padding: 15px 30px;
		width: 100%;
		max-width: 220px;
		background-color: transparent;
		border: 1px solid #333333;
		border-radius: 30px;
	}
/*---- pop up camera  avec erreurs ----*/
	.hover_bkgr_fricc {
		background:rgba(0,0,0,.4);
		cursor:pointer;
		display:none;
		height:100%;
		position:fixed;
		text-align:center;
		top:0;
		width:100%;
		z-index:10000;
	}
	.hover_bkgr_fricc .helper {
		display:inline-block;
		height:100%;
		vertical-align:middle;
	}
	.hover_bkgr_fricc > div {
		background-color: #fff;
		box-shadow: 0px 0px 15px 10px rgb(0 0 0 / 20%);
		display: inline-block;
		width: 80%;
		max-width: 640px;
		height: auto;
		max-height: 70vh;
		vertical-align: middle;
		position: relative;
		border-radius: 5px;
	}
	video {
		width: 100%;
		background: rgba(0,0,0,0.2);
	}
	.video-options {
		display:none
	}
	.controls > button {
		width: 45px;
		height: 45px;
		text-align: center;
		border-radius: 100%;
		border-width: 2px;
		border-color: #575a61;
		margin: 15px;
		padding: 0;
		background: transparent;
	/*Erreur lors de l'analyse grammaticale. &:hover { svg { color: white !important; } } */
		&:hover {
			svg {
				color: white !important;
			}
		}
	}
	@media (min-width: 300px) and (max-width: 400px) {
		.controls {
			flex-direction: column;
		}
	}
	.controls > button > svg {
		height: 20px;
		width: 20px;
		text-align: center;
		margin: 0 auto;
		padding: 0;
		stroke: #575a61;
	}
	/* Erreur lors de l'analyse grammaticale. svg { color: #D2002E; }
	.controls button:nth-child(1) {
		svg {
			color: #D2002E;
		}
	} */
	/* Erreur lors de l'analyse grammaticale. svg { color: #008496; }
	.controls button:nth-child(2) {
		svg {
			color: #008496;
		}
	} */
	/* Erreur lors de l'analyse grammaticale. svg { color: #00B541; }
	.controls button:nth-child(3) {
		svg {
			color: #00B541;
		}
	} */
	.controls button:nth-child(1) svg {
		color: #D2002E;
	}

	.controls button:nth-child(2) svg {
		color: #008496;
	}

	.controls button:nth-child(3) svg {
		color: #00B541;
	}
	/*---- pop up camera  avec erreurs ----*/

	.popupCloseButton {
		background-color: #fff;
		border: none;
		border-radius: 50px;
		cursor: pointer;
		display: inline-block;
		font-family: 'Ubuntu', sans-serif;
		font-weight: 400;
		font-size: 25px;
		line-height: 30px;
		width: 40px;
		text-align: center;
	}
	.popupCloseButton:hover {
		background-color: #ccc;
	}
/*---- mainContent step1 ----*/
	#bgPart1 {
		background-color: #ffffff;
	}
	#photoPrez {
		display: block;
		max-width: 100%;
		margin: 0 auto 20px auto;
	}
	@media only screen and (min-width: 768px) {
		#Part0_A, #Part0_B {
			width: 50%;
		}
		h1 {
			text-align: left;
		}
	}
	#part1 {
		padding: 50px 15px;
	}
	#galeryTakepic {
		width: 100%;
		padding: 50px 0 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#screen {
		width: 55%;
		min-height: 35vw;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #fff;
		background-image: url(data:image/png;base64,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);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
		border-radius: 5px;
		box-shadow: 0px 0px 10px #a9a9a9;
		}
	#screenshot-image {
		display: block;
		object-fit: contain;
		width: 100%;
	}
	#browseImages {
		display: none;
	}
	@media only screen and (min-width: 768px) {
		#part1 {
			flex-direction: row;
		}
		#galeryTakepic {
			width: 50%;
			padding: 0 0 0 50px;
			justify-content: flex-start;
		}
		#screen {
			width: 45%;
			min-height: 30vw;
		}
	}
/*---- mainContent step2 ----*/
	#part3_A {
		display: flex;
		flex-direction: column;
		width: 100%;
		align-items: center;
		justify-content: center;
		padding: 0 15px;
		margin: 0;
	}
	#part3_B {
		display: flex;
		flex-direction: row;
		width: 100%;
		align-items: center;
		justify-content: center;
		padding: 50px 15px 0 15px;
		margin: 0;
	}
	#part3_B input {
		background-color: #ffffff;
		border: 0;
		padding: 0;
		margin: 0 10px 0 0;
		cursor: pointer;
	}
	#part3_B label {
		color: #ffffff;
		padding: 0;
		margin: 0;
		cursor: pointer;
		line-height: 1.3;
    	font-size: 16px;
	}
	@media only screen and (min-width: 768px) {
		#part3 {
			flex-direction: column;
			max-width: 600px;
		}
	}
/*---- mainContent step3 ----*/
	#Part5 {
		max-width: 600px;
	}
/*---- mainContent step3 - google reviews ----*/
	#step3 #google-reviews .write-review a {
		background-color: #e91e63 !important;
		border-color: #e91e63 !important
	}