html {
    font-size: 100%;
}

/* orientation iOS font-size fix */
@media (orientation: landscape) and (max-device-width: 768px) {
	html,
	body {
		-webkit-text-size-adjust: 100%;
	}
}

.spe li  {
    list-style-type: none; /* on annule la puce par défaut */
    background-image: url(../images/pictos/flechen.png); /* on affiche l'image souhaitée */
    background-repeat: no-repeat; /* on annule la répétition par défaut */
    background-position: left center; /* on positionne où l'on veut */
    padding-left: 40px; /* pour éviter la superposition du contenu */
	text-align:left;
}

.spe ul {
	padding-left:-50px;
}

ul {
	font-family: 'Roboto', sans-serif;
	margin-left:18px;
	line-height:1em;
}	

p {
text-align:left;
}

h1 {
font-family: 'Open Sans', sans-serif;
font-size:165%;
font-style: normal;
font-weight: 400;
text-align:left;
line-height:1em;
}

h2 {
font-family: 'Open Sans', sans-serif;
font-size:135%;
font-style: normal;
font-weight: 400;
text-align:left;
line-height:0.9em;
}

h2_plus{
font-family: 'Open Sans', sans-serif;
font-size:160%;
font-style: normal;
font-weight: 400;
text-align:left;
line-height:0.9em;
}

h3 {
font-family: 'Montserrat', sans-serif;
font-size:100%;
font-style: normal;
font-weight: 700;
text-align:left;
line-height:0.9em;
}
 
h4 {
font-family: 'Open Sans', sans-serif;
font-size:105%;
font-style: normal;
font-weight: 400;
text-align:left;
line-height:0.7em;
}

hr {
background-color: #ccc;
height: 1px;
border: 0;
}

.margin_minus0 {
margin-left:0px;
}

.margin_minus20 {
margin-left:-20px;
}

.margin_minus20_lhplus {
margin-left:0px;
line-height:1.3em;
}

.margin_minus30 {
margin-left:-30px;
}

.margin_minus40 {
margin-left:-40px;
}

.padding_40 {
padding-left:40px;
padding-right:40px;
}

.padding_40_top {
padding-left:40px;
padding-right:40px;
padding-top:40px;
}
.size_90 {
font-size:90%;
}

.size_80 {
font-size:80%;
}
.size_70 {
font-size:70%;
}

.font_white {
	color:#FFF;
}
.legendes {
font-family: 'Roboto', sans-serif;
opacity:0.4;
}

	/* 
Tableau Registration Fees Desktops/Laptops 
*/
.table_fees {
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 90%;
  border-collapse: separate;
 
}
/* Zebra striping */
.table_fees tr:nth-of-type(odd) { 
  background: #eee; 
}
.table_fees th { 
  background: #fff; 
  color: #000; 
  font-weight: 400; 
  padding: 2px; 
  border: 0px solid #333; 
  text-align: center; 
}
.table_fees td { 
  padding: 4px 4px 4px 6px; 
  border: 2px solid #fff; 
  text-align: left; 
}

/* 
Tableau Expo Only Desktops/Laptops 
*/
.table_expo_only{
  width: 100%;
 font-family: 'Roboto', sans-serif;
  font-size:0.8em;
  border-collapse: separate;
 
}
/* Zebra striping */
.table_expo_only tr:nth-of-type(odd) { 
  background: #eee; 
}
.table_expo_only th { 
  background: #fff; 
  color: #000; 
  font-weight: 400; 
  padding: 2px; 
  border-bottom: 0px solid #ccc; 
  text-align: center; 
}
.table_expo_only td { 
  padding: 3px 4px 3px 6px; 
  border-bottom: 0px solid #ccc; 
  text-align: center; 
}

/* 
Tableau Spon 2 
*/
.table_spon_2 {
  width: 100%;
 font-family: 'Roboto', sans-serif;
  font-size:0.8em;
  border-collapse: separate;
  display:none;
}
/* Zebra striping */
.table_spon_2 tr:nth-of-type(odd) { 
  background: #fff; 
}
.table_spon_2 th { 
  background: #fff; 
  color: #000; 
  font-weight: 400; 
  padding: 2px; 
  border-bottom: 1px solid #ccc; 
  text-align: center; 
  border-top: 1px solid #ccc; 
}
.table_spon_2 td { 
  padding: 3px 4px 3px 6px; 
  border-bottom: 0px solid #ccc; 
  text-align: center; 
}

/* 
Tableau At a Glance 
*/
.table_atg {
	display:none;
}

.table_atg {
  width: 100%;
 font-family: 'Roboto', sans-serif;
  font-size:0.8em;
  border-collapse: separate;
 
}
/* Zebra striping */
.table_atg tr:nth-of-type(odd) { 
  background: #fff; 
}
.table_atg th { 
  background: #fff; 
  color: #000; 
  font-weight: 400; 
  padding: 2px; 
  border-bottom: 1px solid #ccc; 
  border-top: 1px solid #ccc; 
  text-align: left; 
}
.table_atg td { 
  padding: 3px 4px 3px 6px; 
  border-bottom: 1px solid #ccc; 
  text-align: left; 
}

#atg_large {
	margin-top:20px;
	margin-bottom:20px;
	}


#table_spon { 
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-size:0.9em;
  border-collapse: separate;
 
}
/* Zebra striping */
#table_spon tr:nth-of-type(odd) { 
  background: #fff; 
}
#table_spon th { 
  background: #FFF; 
  color: #000; 
  font-weight: 700; 
  padding: 5px 0 5px 0; 
  border-bottom: 1px solid #ccc; 
}
#table_spon td { 
  padding: 4px 4px 0px 0px; 
  border-bottom: 1px solid #ccc; 
}

#table_expo { 
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-size:0.9em;
  border-collapse: separate;
 
}
/* Zebra striping */
#table_expo tr:nth-of-type(odd) { 
  background: #fff; 
}
#table_expo th { 
  background: #FFF; 
  color: #000; 
  font-weight: 400; 
  padding: 5px 0 5px 0; 
  border-bottom: 1px solid #ccc; 
}
#table_expo td { 
  padding: 4px 4px 0px 0px; 
  border-bottom: 1px solid #ccc; 
}

.fontbg {
	
		color:#000;
		padding-left: 5px;
	font-family: "Open Sans", sans-serif;
	font-size:1.05em;
	font-style:italic;
	line-height:1.2em;
}

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

	/* 
Tableau Registration Fees 
*/
.table_fees {
  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 #eee; 
		position: relative;
		padding-left: 45%; 
	}
	
	.table_fees 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_fees td:nth-of-type(1):before { content: "Conference Pass"; font-weight:700;}
	.table_fees td:nth-of-type(2):before { content: "Early Bird Fees"; font-weight:700;}
	.table_fees td:nth-of-type(3):before { content: "Regular Fees"; font-weight:700;}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	
	
	.text_none {
	display:none;
	}

	/* 
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) */
	
	/* 
Tableau Expo Only 
*/
.table_expo_only {
  margin-left:0px;
}
	/* Force table to not be like tables anymore */
	.table_expo_only, thead, tbody, th, td, tr { 
		display: block;
		
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table_expo_only thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
		
	}
	
	.table_expo_only tr { border: 0px solid #ccc; }
	
	.table_expo_only td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 45%; 
		text-align:left;
	}
	
	.table_expo_only 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_expo_only td:nth-of-type(1):before { content: "SIZE"; font-weight:700;}
	.table_expo_only td:nth-of-type(2):before { content: "LOCATION"; font-weight:700;}
	.table_expo_only td:nth-of-type(3):before { content: "READY MADE"; font-weight:700;}
	.table_expo_only td:nth-of-type(4):before { content: "BARE SPACE"; font-weight:700;}
	.table_expo_only td:nth-of-type(5):before { content: "COMBINED PASSES"; font-weight:700;}
	
	/* Hide table headers (but not display: none;, for accessibility) */

/* 
Tableau Expo Only 
*/
.table_spon_2 {
  margin-left:0px;
}
	/* Force table to not be like tables anymore */
	.table_spon_2, thead, tbody, th, td, tr { 
		display: block;
		
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table_spon_2 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
		
	}
	
	.table_spon_2 tr { border-top: 1px solid #ccc; }
	
	.table_spon_2 td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 45%; 
		text-align:left;
	}
	
	.table_spon_2 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_spon_2 td:nth-of-type(1):before { content: "DIAMOND"; font-weight:700;}
	.table_spon_2 td:nth-of-type(2):before { content: "LOCATION"; font-weight:700;}
	.table_spon_2 td:nth-of-type(3):before { content: "READY MADE"; font-weight:700;}
	.table_spon_2 td:nth-of-type(4):before { content: "BARE SPACE"; font-weight:700;}
	.table_spon_2 td:nth-of-type(5):before { content: "OFFICIAL"; font-weight:700;}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	
	
	#table_spon {
	display:none;
}
	
}

@media all and (max-width: 1270px) {
	
.padding_40 {
padding-left:20px;
padding-right:20px;
}

.padding_40_top {
padding-left:20px;
padding-right:20px;
padding-top:20px;
}

.legendes {
display:none;
}

.spe li  {
 background-image: url(); /* on affiche l'image souhaitée */
 padding-left:0px;
 margin-left:-20px;
}

.spe li:before {
    content: "→ "; /* caractère UTF-8 */
}

		#atg_large {
		display:none;
	}


	

	
}