<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

#exposant_L
{
		float: left;
	width: 50%;
    display: flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-content:center;
	align-items: center;
	
}

#exposant_R
{

	width: 50%;
    display: flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-content:center;
	align-items: center;
	
}

#speakers_1
{
		float: left;
	width: 14%;
    display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-content:center;
	align-items: center;
}

#speakers_2, #speakers_3, #speakers_4, #speakers_5, #speakers_6, #speakers_7
{
		float: left;
	margin-left: 3px;
	width: 14%;
    display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-content:center;
	align-items: center;
}


.element_speaker {
width: 100%;
padding: 10px 0px 0px 5px;
	margin: 3px 0 0px 0;
	background-color: rgba(100,100,109,0.0);	
	color: black;
	text-align: center;
	border-radius: 10px;
	border: 0px solid;
	border-color: rgba(100,100,100,0.4);
	}
#exposant_R
{

	width: 50%;
    display: flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-content:center;
	align-items: center;
	
}
.element_L {
width: 35%;
padding: 25px 5px 25px 5px;
	margin: 2px 0 2px 0;
	background-color: white;
	color: black;
	text-align: center;
	}
.element_R {
width: 25%;
padding: 25px 5px 25px 5px;
	margin: 2px 0 2px 0;
	background-color: white;
	color: black;
	text-align: center;
	}
.element_center {
width: 40%;

padding: 0 0px 0 0px;
	margin: 2px 0 2px 0;
	background-color: white;
	color: black;
	text-align: center;
	}
	/* 
Tableau Registration Fees Desktops/Laptops 
*/
.table_fees {
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 90%;
  border-collapse: separate;
  border-width: medium;

  margin-top:20px;
}
/* Zebra striping */
.table_fees tr:nth-of-type(odd) { 
  background-color: #5AB41E;
	color: white;
}
.table_fees th { 
  color: white;
  font-weight: 400; 
  padding: 8px 0 8px 6px; 
  text-align: center; 
}
.table_fees td { 
  padding: 8px 4px 8px 6px; 
  text-align: center; 
}


.table_fees_bis {
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 88%;
  border-collapse: separate;

  border-top: 0px solid #ccc; 
  border-bottom: 0px solid #ccc;
  margin-top:20px;
}
/* Zebra striping */
.table_fees_bis tr:nth-of-type(odd) { 
  background-color: rgba(0,0,0,1); 
	color: #fff;
}
.table_fees_bis th { 

  color: #fff;
  font-weight: 400; 
  padding: 8px 4px 8px 6px; 
  text-align: center; 
}
.table_fees_bis td { 
  padding: 8px 4px 8px 6px; 
  text-align: center; 
}


.table_logo {
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 90%;
  border-collapse: separate;
  border-width: medium;

  margin-top:20px;
}
/* Zebra striping */
.table_logo tr:nth-of-type(odd) { 
  background-color: white;
	color: #444;
}
.table_logo th { 
  color: #777;
  font-weight: 400; 
  padding: 0px 0 0px 6px; 
  text-align: center;  background-color: white;
}
.table_logo td { 
  padding: 0px 4px 0px 6px; 
  text-align: center; 
}

@media only screen and (max-width: 1280px)  {
	

		#speakers_1
{width: 30%;
		float:left;
	}
		#speakers_2, #speakers_3, #speakers_4, #speakers_5, #speakers_6, #speakers_7
{width: 30%;
		float:left;
	}
}
	@media only screen and (max-width: 690px)  {
		
		#speakers_1
{width: 100%;
		float:none;
	}
		#speakers_2, #speakers_3, #speakers_4, #speakers_5, #speakers_6, #speakers_7
{width: 100%;
		float:none;
	}
	#exposant_L
{width: 100%;
		float:none;
	}
		#exposant_R
{width: 100%;
		float:none;
	}
	
	.element_L {
width: 35%;
padding: 10px 5px 10px 0px;
	margin: 2px 0 2px 0;
	background-color: white;
	color: black;
	text-align: center;
	}
.element_R {
width: 25%;
padding: 10px 5px 10px 0px;
	margin: 2px 0 2px 0;
	background-color: white;
	color: black;
	text-align: center;
	}
.element_center {
width: 40%;

padding: 0 0px 0 0px;
	margin: 2px 0 2px 0;
	background-color: white;
	color: black;
	text-align: center;
	}
	/* 
Tableau Registration Fees 
*/
.table_fees, table_fees_bis {
  margin-left:0px;
}
	/* Force table to not be like tables anymore */
	.table_fees, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table_fees thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.table_fees tr { border: 0px solid #ccc; }
	
	.table_fees td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #fff; 
		position: relative;
		padding-left: 45%; 
	}
	
	.table_fees td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 8px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.table_fees td:nth-of-type(1):before { content: "In-person Pass"; font-weight:700;}
	.table_fees td:nth-of-type(2):before { content: "Registration Fees"; font-weight:700;}
	.table_fees td:nth-of-type(3):before { content: "Regular Fees"; font-weight:700;}
	
	
	.table_fees_bis, table_fees_bis {
  margin-left:0px;
}
	/* Force table to not be like tables anymore */
	.table_fees_bis, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table_fees_bis thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.table_fees_bis tr { border: 0px solid #ccc; }
	
	.table_fees_bis td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 45%; 
	}
	
	.table_fees_bis td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 8px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.table_fees_bis td:nth-of-type(1):before { content: "Virtual Ticket"; font-weight:700;}
	.table_fees_bis td:nth-of-type(2):before { content: "Registration Fees"; font-weight:700;}
	.table_fees_bis td:nth-of-type(3):before { content: "Regular Fees"; font-weight:700;}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	
	
	
	/* Force table to not be like tables anymore */
	.table_logo, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table_logo thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.table_logo tr { border: 0px solid #ccc; }
	
	.table_logo td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #fff; 
		position: relative;
		padding-left: 45%; 
	}
	
	.table_logo td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 8px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.table_logo td:nth-of-type(1):before { content: "Location"; font-weight:700;}
	.table_logo td:nth-of-type(2):before { content: "Company"; font-weight:700;}
	.table_logo td:nth-of-type(3):before { content: "Logo"; font-weight:700;}
	
	/* 
Tableau At a Glance
*/
.table_atg {
  margin-left:0px;
}
	/* Force table to not be like tables anymore */
	.table_atg, table, thead, tbody, th, td, tr { 
		display: block;
		
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table_atg thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
		
	}
	
	.table_atg tr { border-top: 1px solid #ccc; }
	
	.table_atg td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 45%; 
		text-align:left;
	}
	
	.table_atg td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 4px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.table_atg td:nth-of-type(1):before { content: "TUESDAY 21 MARCH"; font-weight:700; color:#333; text-align:left;}
	.table_atg td:nth-of-type(2):before { content: "WEDNESDAY 22 MARCH"; font-weight:700; color:#333; text-align:left;}
	.table_atg td:nth-of-type(3):before { content: "THURSDAY 23 MARCH"; font-weight:700; color:#333; text-align:left;}
	.table_atg td:nth-of-type(4):before { content: "FRIDAY 24 MARCH"; font-weight:700; color:#333; text-align:left;}
	
	/* Hide table headers (but not display: none;, for accessibility) */
}</pre></body></html>