@charset "utf-8";
/* CSS Document */
html, body {
	height: 100%;
	color: #000;
}
body {
	width: auto;
	margin: 0px;
	padding: 0px;
	font-family: 'Roboto Condensed', sans-serif;
	min-height: 100%;
	/*background-color: #000;*/
	/*background: linear-gradient(to bottom right, #fff, #f7f7f7);*/
}
.page {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.cadre {
	display: block;
	position: relative;
	text-align: center;
	box-sizing: border-box;
	flex-grow: 1;
	padding-right: 40px;
	padding-left: 40px;
}
.attente-client {
	display: block;
	position: relative;
	float: none;
	padding-top: 40px;
}
.attente-client h1{
	font-size: 20px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	font-weight: 700;
}
.attente-client h2{
	font-size: 15px;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}
.attente-client p{
	font-size: 14px;
	text-transform: none;
	font-weight: 400;
}
.attente-client p a{
	color: #000;
	text-decoration: none;
	
}
.attente-client p a:hover{
	color: #2bbcd9;
}
.attente-progression {
	display: flex;
	position: relative;
	float: none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 00px;
	padding-bottom: 00px;
	justify-content: center;
	flex-wrap: wrap;
	margin-right: auto;
	margin-left: auto;
	max-width: 580px;
}

@keyframes attente-animation {
  0% {fill:#16b8d9}
  12.5% {fill:#40c3dd}
  25% {fill:#55c9e1}
  37.5% {fill:#6ad0e4}
  50% {fill:#80d7e8}
  62.5% {fill:#95ddec}
  75% {fill:#aae4f0}
  87.5% {fill:#d5f2f7}
  100% {fill:#e9f8fb}
}
@keyframes attente-animation-cadre {
  0% {transform: rotate(0deg)}
  100% {transform:rotate(360deg)}
}

.attente-progression svg {
	fill:#d5f2f7;
	animation-name: attente-animation-cadre;
	animation-duration: 50s;	
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-direction: alternate;
}
.attente-progression svg .attente-01 {
	animation-name: attente-animation;
	animation-duration: 8s;	
	animation-delay: 0s;
	animation-iteration-count: infinite;
}
.attente-progression svg .attente-02 {
	animation-name: attente-animation;
	animation-duration: 8s;	
	animation-delay: 1s;
	animation-iteration-count: infinite;
}
.attente-progression svg .attente-03 {
	animation-name: attente-animation;
	animation-duration: 8s;	
	animation-delay: 2s;
	animation-iteration-count: infinite;
}
.attente-progression svg .attente-04 {
	animation-name: attente-animation;
	animation-duration: 8s;	
	animation-delay: 3s;
	animation-iteration-count: infinite;
}
.attente-progression svg .attente-05 {
	animation-name: attente-animation;
	animation-duration: 8s;	
	animation-delay: 4s;
	animation-iteration-count: infinite;	
}
.attente-progression svg .attente-06 {
	animation-name: attente-animation;
	animation-duration: 8s;	
	animation-delay: 5s;
	animation-iteration-count: infinite;
}
.attente-progression svg .attente-07 {
	animation-name: attente-animation;
	animation-duration: 8s;	
	animation-delay: 6s;
	animation-iteration-count: infinite;
}
.attente-progression svg .attente-08 {
	animation-name: attente-animation;
	animation-duration: 8s;	
	animation-delay: 7s;
	animation-iteration-count: infinite;
}
.attente-agence {
	display: inline-block;
	position: relative;
	float: none;
	width: 100%;
	font-size: 0px;
}
.attente-agence h3{
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}
.attente-agence h4{
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}
.attente-agence p{
	letter-spacing: 1px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
}
.attente-agence p:first-of-type{
	padding-bottom: 40px;
	letter-spacing: normal;
	padding-top: 0px;
	font-size: 14px;
	margin: 0px;
}
.attente-agence p svg{
	height: auto;
	width: 21px;
}
.attente-agence a{
	letter-spacing: 1px;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}
.attente-agence a:hover{
	color: #2bbcd9;
}