html {
		font-size: 62.5%; 
	}

	body {
		font-family: "roboto-regular","Arial","Helvetica","Sans-serif";
	}
	
	h2{
		font-size: 1.6rem;
		font-size: 26px;
	}

	p, a{
			font-size: 1.4rem;
			font-size: 14px;
	}
* {
	box-sizing: border-box;
	}
	
	.conteneurcaptcha{
		padding:3%; 
		text-align: center;
	}

	.conteneurcaptcha img{
		width: 100%;
		max-width: 1100px;
	}
	
	.conteneurdiv{
		margin: 30px 0px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
  		-webkit-box-pack: center;
  		-ms-flex-pack: center;
  		justify-content: center;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
	}
	
	.conteneurdiv div{
		width: calc(50% - 40px);
		padding: 0 20px;
		margin: 0;
		line-height: 1.42;
		display: inline-block;
		vertical-align: top;
	}
	
	.conteneurdiv h2{
		margin-top: 0;
		margin-bottom: 10px;
	}
	.flareInfo {
		padding: 10px 40px;
		text-align: center;
	}
	.conteneurdiv p {
		margin: 0 0 0.75rem;
		color: #252525;
    	-webkit-margin-before: 1em;
    	margin-block-start: 1em;
    	-webkit-margin-after: 1em;
    	margin-block-end: 1em;
    	-webkit-margin-start: 0px;
    	margin-inline-start: 0px;
    	-webkit-margin-end: 0px;
    	margin-inline-end: 0px;
		margin-top: 0px;
	}
	
	.conteneurdiv a{
		margin-bottom: 0;
		color: #000;
    	text-decoration: underline;
    	-webkit-transition: color 150ms ease;
    	-o-transition: color 150ms ease;
    	transition: color 150ms ease;
		background: transparent;
		cursor: pointer;
	}
	
	.divfr{
		border-right: solid 1px #000;
		text-align: right;
	}
	
	.diven{
		text-align: left;
	}

	.conteneurcaptcha .logometro{
		max-width: 100%;
		width: 250px;
	}
	.flareAvoidBlock1,
	.flareAvoidBlock2 {
		padding: 20px 0;
		background-color: #F4F4F4;
	}
	.flareAvoidBlock1 .steps p {
		font-size: 16px;
	}
	.flareAvoidBlock2 .steps p {
		font-size: 16px;
	}
	.flareAvoidBlock2 h2 {
		font-family: "Roboto", "Arial", "Helvetica", "Sans-serif";
		font-weight: 700;
	}
	.steps {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.steps div {
		background-color: #ffffff;
		border-radius: 15px;
		position: relative;
		padding: 2rem;
		width: 100%;
		max-width: 32rem;
		margin: 2rem auto;
	}
	.stepNumber {
		background-color: #D81E05;
		border-radius: 50%;
		color: #ffffff;
		height: 40px;
		width: 40px;
		font-weight: bold;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.footer-metro-cloudflare {
		background-color: #d81e05;
	}

	.footer-metro-cloudflare svg {
		margin: 0 auto;
		display: block;
		fill: white;
		max-width: 20rem;
		height: 8rem;
	}
@media screen and (max-width: 600px) {
	p, a{
			font-size: 1.1rem;
			font-size: 11px;
	}
	
	.conteneurdiv{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;

		}
	.conteneurdiv h2{
		font-size: 20px;
		}
	.divfr{
		border-right:  0px ;
		text-align: center;
		}
	.diven{
		text-align: center;
		}
	.conteneurdiv div{
		width: 87%;
		margin-top: 40px;
		}
	.conteneurcaptcha .logometro{
		max-width: 100%;
		width: 150px;
		}
	}
@media only screen and (min-width: 768px) {
		.steps {
			align-items: stretch;
			flex-direction: row;
			justify-content: space-between;
			padding: 2rem 0;
		}

		.steps div {
			max-width: 100%;
			width: calc((100%/3) - 1.5rem);
		}
	}

@media only screen and (min-width: 1200px) {
		.steps div {
			padding: 2rem 5rem;
			width: calc((100%/3) - 6rem);
		}
	}