/* ----------------------------------------------------------------- */
@font-face   
{
	font-family: ropasans;
	src: url('/fonts/RopaSans-Regular.ttf');
}
@font-face   
{
	font-family: lavage;
	src: url('/fonts/ordsymb_kenzo_2019.ttf');
}

/* @font-face  */
/* {  */
	/* font-family: Banff; */
	/* src: url('/wp-content/plugins/as_ltdc/fonts/Banff.ttf'); */
/* } */
/* @font-face  */
/* {  */
	  
   /* font-family: BernhardModBTBold; */
  /* src: url('/wp-content/plugins/as_ltdc/fonts/BernhardModBTBold.ttf'); */
/* } */
/* @font-face  */
/* {  */
	/* font-family: CasperOpenFace; */
	/* src: url('/wp-content/plugins/as_ltdc/fonts/CasperOpenFace.ttf'); */
/* } */

/* @font-face  */
/* {  */
	/* font-family: CloisterBlack; */
	/* src: url('/wp-content/plugins/as_ltdc/fonts/CloisterBlack.ttf'); */
/* } */
/* @font-face  */ 
/* {  */
	/* font-family: Time new roman; */
	/* src: url('/wp-content/plugins/as_ltdc/fonts/times.ttf'); */ 
/* } */
/* ----------------------------------------------------------------- */
body
{

	padding:4px;
	font-family:ropasans;
	background: rgb(216,224,231);
	background: -moz-radial-gradient(circle, rgba(216,224,231,1) 0%, rgba(253,255,255,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(216,224,231,1) 0%, rgba(253,255,255,1) 100%);
	background: radial-gradient(circle, rgba(216,224,231,1) 0%, rgba(253,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d8e0e7",endColorstr="#fdffff",GradientType=1);
	color:#0C1248;
}
.as_agence-main
{
	width:1180px;
	max-width:1180px;
	margin:auto;
	background-color:#ffffff;
	position:relative;
	top:-14px;
	padding-left:0px;
	padding-right:0px;
	
}
.as_agence-spacer
{
	height:16px;
	min-height:16px;
}
@media (max-width: 768px)
{
	body
	{
		font-family:ropasans;
		background:#ffffff;
		color:#0C1248;
	}
	.as_agence-main
	{
		width:99%;
		max-width:99%;
		background-color:#ffffff;
		padding-left:0px;
		padding-right:0px;
		
	}
	.as_agence-spacer
	{
		height:8px;
		min-height:8px;
	}
}
h3
{
	font-size:2vw;
}
@media (max-width: 768px)
{
	h3
	{
		font-size:5vw;
	}
}
h1,h2,h3,div,span
{
	margin:0px;
	padding:0px%;
}
.as_agence-pointer
{
	cursor:pointer;
}
.as_agence_gradient_blue
{
	background: rgb(0,156,255);
	background: -moz-linear-gradient(0deg, rgba(0,156,255,1) 0%, rgba(1,178,254,1) 51%, rgba(1,202,254,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,156,255,1) 0%, rgba(1,178,254,1) 51%, rgba(1,202,254,1) 100%);
	background: linear-gradient(0deg, rgba(0,156,255,1) 0%, rgba(1,178,254,1) 51%, rgba(1,202,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#009cff",endColorstr="#01cafe",GradientType=1);
}
.iconMobile
{ 
	height:24px;
}
.as_agence-display_qrcode
{
	width:44%;  
	max-width:44%;
	display:inline-block;
	border:1px solid #fefefe;
	padding:1%;
	margin:0.5%;
}
.as_agence-desktop
	{
		display:block;
	}
	.as_agence-mobile
	{
		display:none;
	}
.as_agence-header-logo-instant
{
	width:70%;  
	max-width:70%;
}
.as_agence-header-logo-azure
{
	width:80%;  
	max-width:80%;
}
.as_agence-header-logo-blockchain
{
	width:45%;  
	max-width:45%;
}
.as_agence-header-box
{
	width:27%;  
	max-width:27%; 
	background-color:transparent;
	vertical-align:top;
	padding:1%;
	margin:0.5%;
	display:inline-block;
}
.as_agence-header-mini-box
{
	width:16%; 
	max-width:16%; 
	background-color:transparent;
	vertical-align:top;
	padding:1%;
	margin:0.5%;
	display:inline-block;
}
.as_agence-footer
{
	border-top:1px solid #EFF4FD;
	/* padding:14px; */
	display:inline-block;
	width:96%;
	color:#0C1248;
	text-align:justify;
	padding:2%;
	background-color:000000;
	color:#EFF4FD;
}
.as_agence-footer-box
{
	width:21%; 
	max-width:21%; 
	background-color:transparent;
	vertical-align:top;
	padding:1%;
	margin:0.5%;
	display:inline-block;
}
.as_agence-footer-mini-box
{
	width:10%; 
	max-width:10%; 
	background-color:transparent;
	vertical-align:top;
	padding:1%;
	margin:0.5%;
	display:inline-block;
}
.as_agence-blue
{
	background-color:#EFF4FD;
	/* padding:14px; */
	display:inline-block;
	width:96%;
	color:#0C1248;
	text-align:justify;
	padding:2%;
}
.as_agence-div
{
	width:96%; 
	max-width:96%; 
	background-color:transparent;
	vertical-align:top;
	padding:2%;
}
.as_agence-box
{
	width:45%; 
	max-width:45%; 
	background-color:transparent;
	vertical-align:top;
	padding:1%;
	margin:0.5%;
	display:inline-block;
}
@media (max-width: 768px)
{
	.as_agence-display_qrcode
	{
		width:30%;  
		max-width:30%;
		display:inline-block;
		border:1px solid #0C1248;
		padding:1%;
		margin:0.5%;
		text-align:center;
		font-size:12px;
	}
	.as_agence-desktop
	{
		display:none;
	}
	.as_agence-mobile
	{
		display:block;
		font-size:12px;
	}
	.as_agence-header-logo-instant
	{
		width:98%;  
		max-width:98%;
	}
	.as_agence-header-logo-azure
	{
		width:90%;  
		max-width:90%;
	}
	.as_agence-header-logo-blockchain
	{
		width:30%;  
		max-width:30%;
	}
	.as_agence-header-box
	{
		width:28%;  
		max-width:28%; 
		background-color:transparent;
		vertical-align:top;
		padding:1%;
		margin:0.5%;
		display:inline-block;
	}
.as_agence-header-mini-box
{
	width:10%; 
	max-width:10%; 
	background-color:transparent;
	vertical-align:top;
	padding:1%;
	margin:0.5%;
	display:inline-block;
}
	.as_agence-box
	{
		width:96%; 
		max-width:96%; 
		background-color:transparent;
		vertical-align:top;
		padding:2%;
		display:inline-block;
	}
	.as_agence-footer-box
	{
		width:45%; 
		max-width:45%; 
		background-color:transparent;
		vertical-align:top;
		padding:1%;
		margin:0.5%;
		display:inline-block;
	}
	.as_agence-footer-mini-box
	{
		width:21%; 
		max-width:21%; 
		background-color:transparent;
		vertical-align:top;
		padding:1%;
		margin:0.5%;
		display:inline-block;
		text-align:right;
	}
	.as_agence-div-recherche-table
	{
		width:99%;
		max-width:99%;
		/* box-shadow: 1px 1px 6px #555; */
		margin:1%;
		padding:1%;
		border-bottom:solid 1px #555;
		border-right:solid 1px #555;
		background-image:url(../icons/barre.png);
		background-repeat: no-repeat, no-repeat;
		background-position:left top;
		
	} 
}
.as_agence-input
{
	font-size:2vw;
}
@media (max-width: 768px)
{
	.as_agence-input
	{
		font-size:5vw;
	}
}
/* ----------------------------------------------------------------- */
.as_agence-bouton-bleu
{
	background-color:#000080;
	color:#ffffff;
	height:auto;
	margin:4px;
	padding:4px;
	font-weight:400;
	cursor:pointer;
	display:inline-block;
	border-radius:5px;
	min-width:200px;
	border:0px;
	min-height:32px;
	box-shadow : -4px 4px  2px rgb(39 53 126 / 20%);
	font-size:2vw;
	
}
@media (max-width: 768px)
{
	.as_agence-bouton-bleu
	{
		font-size:5vw;
	}
}
.as_agence-bouton-bleu:hover
{
	box-shadow : -4px 4px  2px rgb(39 53 126 / 20%);
}
.as_agence-ombre
{
	box-shadow : -0.707px 0.707px 14.4px 1.6px rgb(32 55 121 / 10%);
}
.as_agence-div-personalisation
{
	border-radius:5px;
	padding:5px;border:0px #F5F5F5 solid;
	display:inline-block;
	vertical-align:top;
	width:49%;
	height:auto;
	margin:0.2%;
}
.as_agence-personnalisation-fixed
{
	position:sticky;
	top:200px;
}
.as_agence-personnalisation-bouton
{
	width:49%;
}
@media (max-width: 768px)
{
	.as_agence-div-personalisation
	{	
		border-radius:5px;
		padding:5px;border:1px #F5F5F5 solid;
		display:block;
		vertical-align:top;
		width:99%;
	}
	.as_agence-personnalisation-fixed
	{
		/* position:sticky; */
		/* top:200px; */
		position:relative;
		top:0px;
		width:98%;
		max-width:98%;
		overflow-x:scroll;
		overflow-y:scroll;
		overflow-x:hidden;
		scrollbar-width: none; /* Firefox */
		-ms-overflow-style: none;  /* IE 10+ */
		ms-overflow-style: none;  /* IE 10+ */
		overflow: -moz-scrollbars-none;  /* Firefox */
	}
	.as_agence-personnalisation-fixed::-webkit-scrollbar
	{
		display: none; /* Safari and Chrome */
	}
	.as_agence-personnalisation-bouton
	{
		width:100%;
	}
}
.as_agence-personalisation-carroussel  
{
	overflow-y:scroll;
	overflow-x:hidden;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none;  /* IE 10+ */
}
.as_agence-personalisation-carroussel::-webkit-scrollbar 
{
	display: none; /* Safari and Chrome */
}

.as_agence-personalisation-carroussel 
{
	-ms-overflow-style: none;  /* IE 10+ */
	overflow: -moz-scrollbars-none;  /* Firefox */
}
/* ----------------------------------------------------------------- */
.as_agence-div-page-carroussel
{
	width:99%;
	max-width:99%;
	display:inline-block;
	box-shadow: 1px 1px 6px #555;
	margin:0%;
	padding:1%;

	
}
@media (max-width: 768px)
{
	.as_agence-div-page-carroussel
	{	
		width:100%;
		max-width:100%;
		display:inline-block;
		box-shadow: none;
		margin:1%;
		padding:1%;
	}
}


/* ----------------------------------------------------------------- */
.as_agence-carroussel  
{
	width:100%;  
	max-width:100%;
	height:auto;
	/* max-height:300px; */
	display:inline-block;
	/* border:1px solid #202020; */
	text-align:center;
	/*margin:1%;
	padding:1%;
	*/
	/* overflow-x:hidden; */
	/* overflow-y:hidden; */
	overflow-y:scroll;
	overflow-x:hidden;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none;  /* IE 10+ */
}
.as_agence-carroussel::-webkit-scrollbar 
{
	display: none; /* Safari and Chrome */
}

.as_agence-carroussel 
{
	-ms-overflow-style: none;  /* IE 10+ */
	overflow: -moz-scrollbars-none;  /* Firefox */
}
@media (max-width: 768px)
{
	.as_agence-carroussel_old
	{
		width:100%;  
		max-width:100%;
		height:50%;
		max-height:50%;
		display:inline-block;
		/* border:1px solid #555; */
		margin:1%;
		padding:1%;
		overflow-x:hidden;
		overflow-y:hidden;
		text-align:center;
	}
}
.as_agence-carroussel-image
{
	width:94%;
	max-width:94%; 
	text-align:center;
	border:none;
	vertical-align:middle;
	margin:2%;
}

.as_agence-carroussel-div-image
{
	width:40%;
	max-width:40%;
	text-align:center;
	border:none;
}
@media (max-width: 768px)
{
	.as_agence-carroussel-div-image
	{
		/* display:inline-block; */
		width:60%;
		max-width:60%;
		text-align:center;
		border:none;
		box-shadow: 1px 1px 6px #555;
		margin-bottom:3%;
		
	}
}

/* ----------------------------------------------------------------- */
.as_agence-hr
{
	border:1px dashed #dce3e8;
	
}

/* ----------------------------------------------------------------- */
.as_agence-gras
{
	font-weight:700;
}
.as_agence-couleur-titre
{
	color:#ffffff;
}
.as_agence-couleur-retour-annonce
{
	color:#dddddd;
}
/* ----------------------------------------------------------------- */
.as_agence-left
{
	text-align:left;
}
.as_agence-center
{
	text-align:center;

}
.as_agence-right
{
	text-align:right;
} 

/