/*
@fromfull
Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking.

When you update your theme, backup this file and re-add it after.
*/

/* Global */

body {
	overflow-x: hidden !important;
	background-image: url('/www2018/webcomelyon/wp-content/uploads/ThisSite/Saone-grey.jpg') !important;
	background-repeat: no-repeat !important;
	background-position-y: 300px !important;
	background-color: #f0f0f0;
	}

#page {
	#background-color: #ffffff;
	}

.pad {
	padding-top: 0px !important;
	}

#wrapper,
.container-inner {
	min-width: 270px;
	}

section.content,
#page.container.home {
	background: #ffffff;
 	max-width: 1040px;
	margin: 0px auto;
	}

.entry {
	padding-bottom: 40px;
	}

.entry h1, .entry h2, .entry h3 {
	text-align: center;
	color: #e6511b;
	margin: 1rem 0 2rem;
	}

.entry p, .entry li {
	font-family: "Cambria", georgia, serif;
	color:#333;
	}

.entry h1 {
	font-size: 30px;
	font-weight: 600;
	}

.entry h2 {
	color: #e6511b;
	border-top: 1px solid #ffffff;
	padding-top: 1.5rem;
	margin: 1.5rem 0 1rem;
	font-size: 30px;
	}

.entry h3 {
	color: #e6511b;
	font-style: italic;
	font-size: 1.5rem;
	margin: 2rem 0 1rem;
	}

h1 span.begin {
	display: inline-block;
	text-align: right;
	font-size: 45%;
	line-height: 90%;
	margin: 0px 0.4rem;
	color: #2e3133;
	}

h1 span:not(.begin) {
	display: inline-block;
	font-size: 100%;
	text-transform: uppercase;
	color: #e6511b;
	padding-right: 0.4rem;
	}

h1 span:not(.begin)::after {
	display: block;
	left: 0;
	content: " ";
	width: 25%;
	height: 1px;
	border-bottom: 1px solid #e6511b;
	transition: width 0.5s;
	}

h1 a {
	margin-left: -2px;
	}

h1:not(.nofade) a:hover, h1 a:focus {
	opacity: 0.6;
	}

h1:not(.nofade) a:hover span:not(.begin)::after {
	width: 100%;
	transition: width 0.5s;
	}

.eventPage h1,
.eventEnPage h1 {
	font-size: 220%;
	}

.eventPage h1:before,
.eventEnPage h1:before {
	display: inline-block;
	text-align: right;
	font-size: 45%;
	line-height: 90%;
	margin: 0px 0.4rem;
	color: #2e3133;
	}

.eventPage h1:before {
	content: "Événement ";
	}

.eventEnPage h1:before {
	content: "Event ";
	}

.eventPage .bold,
.eventEnPage .bold {
	font-size: 150%;
	margin-bottom: 20px;
	}

.eventPage div,
.eventEnPage div {
	text-align: justify;
	}

.eventPage .shortText,
.eventEnPage .shortText {
	display: none;
	}

.eventPage img,
.eventEnPage img {
	width: 340px;
	border: 1px solid #e0e0e0;
	}

#offEventsList h1 {
	text-align: left !important;
	margin-bottom: 10px;
	}

#offEventsList div {
	text-align: justify !important;
	}

#offEventsList div .read-more{
	text-align: right !important;
	}

#footer-bottom #back-to-top {
	position: relative;
	top: -22px;
	width: 44px;
	height: 44px;
	background: #e6511b;
	color: #ffffff;
	padding: 0px;
	border: none;
	border-radius: 0px;
	}

#footer-bottom #back-to-top a {
	text-decoration: none !important;
	}

#back-to-top:hover,
#back-to-top:focus {
	}

/* Éléments valorisés */

div.highlights {
	margin: 1rem 0;
	padding: 1rem 1rem 2rem 1rem;
	background: #fdf9ee;		/*rgba(238, 170, 17, 0.07);*/
	border: 1px solid #eaa212
	}

div.highlights.top-spaced {
	margin-top: 2rem;
	}

.highlights h3 {
	color: #e6511b;
	margin: 0;
	padding: 0 0 1rem 0;
	}

.highlights iframe {
	display: block;
	width: 640px;
	max-width: 100%;
	height: auto;
	min-height: auto;
	margin: 0 auto;
	background: #eaa212;
	}

.video {
	width: 640px;
	max-width: 100%;
	height: auto;
	margin: auto;
	}

.video  video {
	width: 100%;
	height: auto;
	max-width: 100%;
	}

ul.highlights, p.highlights {
	margin: 1rem 0;
	padding: 1rem;
	background: #fdf9ee;
	border: 1px solid #e6511b
	}

ul.highlights li {
	padding: 0.25rem 0 0 0.5rem;
	list-style-type: none; 
	}

ul.highlights li:before {
	content: "\f105";
	font-family: FontAwesome;
	color: #e6511b;
	margin-right: 0.5rem;
	}

/* Valorisations faibles */ 

ul.lowlights {
	background-color: #e0e0e0;
        margin: 1rem 0;
        padding: 1rem;
	}

ul.lowlights li {
        padding: 0.25rem 0;
        list-style-type: none;
	}

ul.lowlights li:before {
    content: "\f104";
    font-family: FontAwesome;
    color: #e6511b;
    margin-right: 0.5rem;
	}

/* Top tools */

.top-tools-down {
	border-top: 1px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	}

#top-tools {
	height: 34px;
	width: 100%;
	background-color: #eaa212;
	border-bottom: 1px solid #ffffff;
	}

#top-tools-social {
	position: absolute;
	left: 400px;
	margin-left: 1.5rem;
	margin-top: -2px;
	}

.social-tooltip {
	z-index: 1 !important;
	}

#top-tools-social .social-links li a.social-tooltip {
	display: block !important;
	position: relative;
	text-align: center;
	color: #ffffff !important;
	background-color: #eaa212 !important;
	padding: 5px 8px !important;
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	}

#top-tools-social .social-links li a.social-tooltip:hover {
	color: #ffffff !important;
	background: rgba(0, 0, 0, 0.3) !important;
	}

#top-tools-social .social-links a.social-tooltip:hover:after {
	top: 36px;
	left: 0px;
	width: 9rem;
	}


#top-tools-search {
	position: absolute;
	right: 0px;
	margin-right: 2rem;
	margin-top: 2px;
	border: 1px solid #e0e0e0;
	}

#top-tools-search:hover {
	border: 1px solid #e6511b !important;
	}

#top-tools-search input {
	font-size: 14px !important;
	font-style: italic;
	color: #8f8f8d;
	padding: 4px 8px 4px 26px !important;
	border: 1px solid #afafad;
	}

#top-tools-search div:after {
	position: absolute;
	left: 8px;
	top: 0px;
	font-family: FontAwesome;
	font-size: 14px;
	content: "\f002";
	color: #bfbfbd;
	}

#nav-topbar #head-tools-social {
	display: none;
	position: absolute;
	top: -2px;
	left: 4rem;
	}

#nav-header #head-tools-social {
	display: none;
	position: absolute;
	top: 0px;
	left: 4rem;
	}

#main-header {
	position: relative;
	top: 0px;
	}

#head-tools-social .social-links li a.social-tooltip {
	text-align: center;
	height: 100%;
	padding: 13px 18px !important;
	margin: 0px !important;
	color: white !important;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	}

#head-tools-social .social-links li a.social-tooltip:hover {
	background: rgba(0, 0, 0, 0.15);
	}

#head-tools-social .social-links a.social-tooltip:hover:after {
	top: 50px;
	left: 0px;
	width: 9rem;
	}

/* Menu */

#nav-header .nav {
	text-align: left;
	height: 50px;
	margin: auto;
	border: none;
	}

#nav-header .nav ul {
	width: 340px;
	padding: 0px;
	background: #d0d0d0;
	}

#nav-header .nav li a {
	color: #2e3133;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	}

#nav-header .nav ul li a {
	border: none;
	text-transform: uppercase;
	}

#nav-header .nav ul li:last-child a {
	border-bottom: none;
	}

#nav-header .nav > li:hover > a,
#nav-header .nav > li:focus > a {
	color: #2e3133;
	}

#nav-header .nav > li:first-child:hover > a,
#nav-header .nav > li:first-child:focus > a,
#nav-header .nav > li li:hover > a,
#nav-header .nav li li > a:hover,
#nav-header .nav > li li:focus > a,
#nav-header .nav li li > a:focus {
	color: #e6511b;
	}

#nav-header .nav li a.external-show:before,
#nav-header .nav li a.external-show:after,
#nav-header .nav li a:before,
#nav-header .nav li a:after {
	display: inline-block;
	font-family: Arial;
	font-size: 100%;
	font-style: normal;
	line-height: 1rem;
	transform: scale(1.5,1);
	margin: 0px;
	padding: 0px;
	color: transparent;
	}

#nav-header .nav li a:before {
	padding-right: 5px;
	content: "◄";
	}

#nav-header .nav li a:after {
	padding-left: 5px;
	content: "►";
	}

#nav-header .nav li:hover > ul,
#nav-header .nav li:focus > ul {
	display: block;
	}

#nav-header .nav > li > a:hover,
#nav-header .nav > li:hover > a,
#nav-header .nav > li > a:focus,
#nav-header .nav > li:focus > a {
	background: #d0d0d0 !important;
	border-radius: 0px;
	}

#nav-header .nav > li li:hover > a,
#nav-header .nav li li > a:hover,
#nav-header .nav > li li:focus > a,
#nav-header .nav li li > a:focus {
	background: #c0c0c0 !important;
	}

#nav-header li.current_page_item:only-child a {
	color: #e6511b !important;
	}

#nav-header li.current_page_item a:before,
#nav-header li.current_page_item a:after {
	color: #eaa212 !important;
	}

.nav li.current_page_item > a:before,
.nav li.current-menu-item > a:before,
.nav li.current-menu-ancestor > a:before,
.nav li.current-post-parent > a:before {
	color: #eaa212 !important;
	}

.nav li.current_page_item > a:after,
.nav li.current-menu-item > a:after,
.nav li.current-menu-ancestor > a:after,
.nav li.current-post-parent > a:after {
	color: #eaa212 !important;
	}

#nav-header .nav li > a:after {
	opacity: 1 !important;
	}

#nav-header .nav .toggle-search {
	display: none !important;
	}

.down-pointer {
	cursor: default !important;
	/* cursor: url(images/downPointer.png),auto !important; */
	}

.right-pointer {
	cursor: default !important;
	/* cursor: url(images/rightPointer.png),auto !important; */
	}

/* Header */

.back-down {
	background-position: 0px 2rem !important;
	}

.header-left {
	float: left;
	width: 420px !important;
	}

.header-right {
	float: right;
	width: auto;
	margin: 0px;
	}

.header-title {
	height: 320px;
	padding-left: 50%;
	padding-top: 30px;
	}

.header-info {
	position: absolute;
	top: 72px;
	right: 10vw;
	background-color: transparent !important;
	text-align: center;
	font-family: Manus;
	font-style: italic;
	z-index: 20;
	}

.header-innerinfo {
	background-color: transparent !important;
	display: inline-block;
	margin-right: 20px;
	padding: 5px 10px !important;
	}

.header-innerinfo span.location {
	display: inline-block;
	font-weight: 600;
	font-size: 40px !important;
	text-transform: uppercase;
	color: #e6511b;
	}

.header-innerinfo span.date {
	display: inline-block;
	position: relative;
	left: 7px;
	font-weight: 400;
	font-size: 24px !important;
	color: #2e3133;
	}

.header-bottom {
	position: relative;
	top: -42px;
	background-color: transparent !important;
	width: 100vw;
	height: 42px;
	margin: 0px 0px -42px 0px !important;
	overflow: hidden !important;
	}

.header-bar {
	position: relative;
	top: 0px;
	left: calc(-50vw + 50%);
	box-sizing: border-box;
	width: calc(50vw - 17% + 21px);
	height: 42px;
	margin: 0px !important;
	background-image: url('/www2018/webcomelyon/wp-content/uploads/ThisSite/head-bottom.png');
	background-size: auto 42px !important;
	background-repeat: no-repeat;
	background-position: right top !important;
	}

.header-fill {
	position: relative;
	top: -42px;
	left: calc(33% + 21px);
	background-color: #ffffff !important;
	height: 42px;
	width: calc(50vw + 17% - 21px);
	margin: 0px !important;
	}

.clearleft {
	clear: left;
	}

.clearright {
	clear: right;
	}

.clearall {
	clear: both;
	}

#header {
	background-color: #ffffff !important;
	background-image: url('/www2018/webcomelyon/wp-content/uploads/ThisSite/Lyon-Panorama-3.png');
	background-repeat: no-repeat;
	background-position: center 70px !important;
	}

#header h1 {
	background-color: transparent !important;
	width: 100%;
	min-height: 220px;
	margin: 0px !important;
	padding: 0px !important;
	}

#header h1 svg {
	box-sizing: border-box;
	padding: 10px 10px 0px 30px;
	width: 100%;
	height: auto;
	}

#header h1 img {
	box-sizing: border-box;
	padding: 10px 30px 0px 10px;
	width: 100%;
	height: auto;
	}

#header h1 a,
#header h1 a:hover,
#header h1 a:focus {
	border: none;
	}

/*Footer */

#footer {
	background: transparent !important;
	}

#footer-status {
	right: 5px;
	position: fixed;
	bottom: 5px;
	display: none;
	}

#footer-top {
	margin: 0px;
	padding: 0px 10px;
	}

#footer-top div {
	max-width: 1040px;
	min-height: 44px !important;
	margin: 0px auto !important;
	background: #f0f0f0;
	}

#footer-bottom {
	margin-top: 0px;
	}

#footer-bottom .pad {
	padding-top: 20px !important;
	padding-bottom: 20px;
	}

#footer-copyright {
	position: relative;
	float: left;
	width: 100%;
	text-align: left;
	z-index: 55;
	}

#copyright {
	color: #ffffff !important;
	}

#copyright a {
	color: #e6511b !important;
	text-decoration: none;
	border-bottom: 1px solid #e6511b;
	}

#copyrightlinks {
	margin-left: 2rem;
	margin-right: 0.5rem;
	}

#copyrightlinks a.external-show {
	text-decoration: none;
	}

#copyright a:hover,
#copyright a:focus,
#footer-social a:hover,
#footer-social a:focus,
#footer-contacts a:hover,
#footer-contacts a:focus {
	color: #fdf9ee !important;
	}

#copyright a.external-show:hover,
#copyright a.external-show:focus {
	color: #fdf9ee;
	border-bottom: 1px solid #fdf9ee;
	}

#footer-social {
	position: relative;
	float: right;
	top: -80px;
	width: 40%;
	margin-bottom: -80px;
	text-align: right;
	z-index: 55;
	}

#footer-social a {
	text-decoration: none;
	border-bottom: none;
	}

#footer-social a.external-show:before {
	content: "";
	padding: 0px;
	}

#footer-contacts {
	position: relative;
	float: right;
	top: -25px;
	width: 40%;
	margin-bottom: -25px;
	text-align: right;
	z-index: 55;
	}

#footer-contacts a {
	color: #e6511b !important;
	text-decoration: none;
	border-bottom: 1px solid #e6511b;
	}

#footer-search {
	position: relative;
	top: -100px;
	left: 0px;
	width: 100%;
	text-align: center;
	}

#footer-search div {
	display: inline-block;
	width: auto;
	margin: auto;
	z-index: 999;
	}

#footer-search div div {
	position: relative;
	display: inline-block;
	}

#footer-search input {
	font-size: 14px !important;
	font-style: italic;
	background: #404040 !important;
	color: #e6511b !important;
	padding: 4px 8px 4px 26px !important;
	border: 1px solid #e6511b;
	}

#footer-search input:hover,
#footer-search input:focus {
	background: #505050 !important;
	}

#footer-search div div:after {
	position: absolute;
	left: 8px;
	top: 0px;
	font-family: FontAwesome;
	font-size: 14px;
	content: "\f002";
	color: #e6511b;
	}

/* General */

a {
	color: #e6511b;
	text-decoration: underline;
	padding-left: 0.1rem;
	padding-right: 0.1rem;
	}

a:hover, a:focus {
	color: #2e3133;
	}

.nodeco a, .nodeco a.external-show {
	text-decoration: none !important;
	border: none !important;
	}

.nodeco a:hover, .nodeco a.external-show:hover,
.nodeco a:focus, .nodeco a.external-show:focus {
	color: #2e3133;
	text-decoration: none !important;
	border: none !important;
	}

.photo-left {
	float: left;
	width: 300px;
	padding: 0.5em 1rem 1rem 0px;
	}

.middle {
	vertical-align: middle;
	}

.centered {
	text-align: center;
	}

.justified {
	text-align: justify;
	}

.smaller {
	font-size: 80%;
	}

.bigger {
	font-size: 120%;
	}

.morebigger {
	font-size: 200%;
	}

.bigtext {
	font-size: 20px;
	}

.left-spaced {
	margin-left: 1rem;
	}

.right-spaced {
	margin-right: 1rem;
	}

.bigtop-spaced {
	margin-top: 3rem;
	}

.verybigtop-spaced {
	margin-top: 5rem;
	}

.top-spaced {
	margin-top: 1rem;
	}

.no-top-space {
	margin-top: 0px !important;
	}

.no-bottom-space {
	margin-bottom: 0px !important;
	}

.bottom-spaced {
	margin-bottom: 1rem !important;
	}

.medbottom-spaced {
	margin-bottom: 2rem;
	}

.bigbottom-spaced {
	margin-bottom: 3rem;
	}

.left-padded {
	padding-left: 1rem;
	}

.right-padded {
	padding-right: 1rem;
	}

.verybigtop-padded {
	padding-top: 5rem;
	}

.bigtop-padded {
	padding-top: 3rem;
	}

.top-padded {
	padding-top: 1rem;
	}

.notitle-bottom {
	padding-bottom: 0px !important;
	border-bottom: none !important;
	}

.bottom-padded {
	padding-bottom: 1rem;
	}

.bigbottom-padded {
	padding-bottom: 3rem;
	}

.light-border {
	border: 1px solid #d0d0d0;
	padding: 0px 1rem;
	margin-bottom: 2rem;
	}

.top-line {
	border-top: 1px solid #d0d0d0;
	margin-top: 2rem;
	padding-top: 0.5rem;
	}

.double-top-line {
	border-top: 2px solid #d0d0d0;
	margin-top: 4rem;
	padding-top: 2rem;
	}

.no-top-line {
	border-top: none !important;
	padding-top: 0px !important;
	}

.no-bottom-line {
	border-bottom: none !important;
	margin-bottom: 0px !important;
	}

.nobreak {
        page-break-inside: avoid;
        }

.noshow,
.printonly {
	display: none;
	}

.progevent {
	overflow-x: auto !important;
	}

.progevent table {
	width: 220%;
	border-collapse: collapse;
	margin-bottom: 0px;
	}

.progevent table th {
	width: 10% !important;
	vertical-align: middle;
	border: 1px solid #666666;
	}

.progevent table td {
	width: 10% !important;
	vertical-align: top;
	border: 1px solid #666666;
	padding: 5px;
	}

.dayprogevent {
	overflow-x: auto !important;
	}

.dayprogevent table {
	min-width: 800px;
	border-collapse: collapse;
	table-layout: fixed;
	margin-bottom: 0px;
	}

.dayprogevent table th {
	font-weight: 900;
	vertical-align: middle;
	border: 1px solid #666666;
	}

.dayprogevent table td {
	vertical-align: top;
	border: 1px solid #666666;
	font-weight: 600;
	padding: 5px;
	}

.plenary {
	background-color: #ffa63e;
	}

.hackateen {
	background-color: #66c66f;
	font-size: 120%;
	}

.global {
	background-color: #a8f9b0;
	}

.type-1 {
	background-color: #fdadad;
	}

.type-2 {
	background-color: #a4d9d7;
	}

.webcomeday {
	text-align: center;
	}

.webcomeday img {
	width: 80%;
	}

.webcomeday table {
	width: 80%;
	margin: auto;
        table-layout: fixed !important;
	}

.webcomeday table img {
	width: 60%;
	height: auto;
	border: none;
	vertical-align: bottom;
	}

.webcomeday tr {
	font-weight: 800;
	font-size: 120%;
	background: none !important;
	}

.webcomeday td {
	margin: 0px !important;
	padding: 0px !important;
	border: none !important;
	vertical-align: bottom !important;
	overflow-x: hidden !important;
	cursor: pointer;
	}

.webcomeday tr td:hover {
	background: #e0e0e0 !important;
	}

.webcomeday a {
	padding: 0px !important;
	}

.webcomeday a:hover,
.webcomeday a:focus {
	color: #e6511b;
	}

.webcomeday .fa-twitter {
	font-size: 120px;
	}

.special-title,
.italic {
	font-style: italic !important;
	}

.list-title {
	font-family: Manus;
	font-weight: 800;
	font-size: 48px;
	margin-top: 5rem;
	margin-bottom: 2rem !important;
	text-align: left !important;
}

.special-height {
	max-height: 1200px;
	overflow-y: auto;
	}

.special-height ul {
	margin-top: 0px !important;
	padding-right: 10px;
	}

.special-height ul li {
	text-align: left;
	}

.past-events {
	background: #f0f0f0;
	padding-bottom: 1px;
	}

.footer-logos {
	border-top: none;
	}

.logistics {
	margin: 0px -20px 20px -50px;;
	border-bottom: 1px solid #ffffff;
	}

.pre-announce {
	color: #7f7f7f;
	font-style: italic;
	}

.liste {
	text-align: left;
	font-size: 150%;
	line-height: 250%;
	}

.liste:before {
	content: "\f105\00a0";
	font-family: FontAwesome;
	color: #e6511b;
	}

.toleft {
	text-align: left !important;
	}

.toright {
	text-align: right !important;
	}

.listtitle {
	color: #e6511b;
	}

.alert {
	font-weight: 600;
	color: #e6511b !important;
	}

.normtable {
	width: auto !important;
	margin-right: auto;
	}

.normtable tr {
	background-color: #ffffff !important;
	}

.normtable tr td:first-child {
	text-align: right;
	border-bottom: none;
	}

.normtable tr td:last-child {
	text-align: left;
	border-bottom: none;
	}

.rightsepar {
	border-right: 3px solid #e6511b;
	}

.breakable {
	word-wrap: break-word;
	}

.specialreturn a {
	color: #e6511b !important;
	}

.read-more {
	width: 100%;
	text-align: right;
	font-size: 80%;
	margin-top: 0px;
	}

.read-more.bigger {
	font-size: 100% !important;
	}

.read-more a {
	margin-right: 3%;
	}

.read-more a:after {
	content: "...";
	}

.lightorangeback {
	background: #eaa212;
	}

.darkorangeback {
	background: #e6511b;
	}

.specialnoteback {
	background: #f6f6f6;
	padding: 14px 10px 1px 10px !important;
	margin-bottom: 3rem !important;
	border: 1px solid #c0c0c0;
	}

.specialpostback {
	background: #f0f0f0;
	}

.specialpostback p {
	padding: 0px 10px;
	}

.specialpostback.padded {
	padding: 10px;
	}

.specialpostback p:first-child {
	padding-top: 10px !important;
	}

.specialpostback p:last-child {
	padding-bottom: 10px !important;
	}

.whiteback {
	background: #ffffff;
	}

.whitetext {
	color: #ffffff;
	}

.entry .programview {
	background: #ffffff;
	margin: 10px auto 20px auto;
	overflow-x: auto;
	}

.entry .programview table {
	margin: 0px;
	}

.entry .programview tr {
	min-height: 70px !important;
	}

.entry .programview th,
.entry .programview td {
	width: 11.11% !important;
	border: 1px solid #d0d0d0 !important;
	line-height: 120%;
	vertical-align: middle;
	height: 4rem;
	}

.entry .programview .nominheight th,
.entry .programview .nominheight td {
	height: 2rem !important;
	}

.entry table.programview th br {
	display: none;
	}

.colocated img {
	height: 200px;
	margin-bottom: 20px;
	margin-right: 20px;
	vertical-align: middle;
	}

.bold {
	font-weight: 900;
	}

.underlined {
	text-decoration: underline;
	}

.search .sc_event.type-sc_envent .post-thumbnail,
.search .ensc_event.type-ensc_envent .post-thumbnail {
	display: none;
	}

.post-list .sc_event,
.post-list .ensc_event {
	width: 50%;
	float: left;
	}

.blog .sc_event,
.single .sc_event,
.archive .sc_event,
.search .sc_event,
.blog .ensc_event,
.single .ensc_event,
.archive .ensc_event,
.search .ensc_event {
	margin-bottom: 40px;
	}

/* external links */

.nodeco .external-show:before {
	content: "" !important;
	}

a.external-show {
	text-decoration: none;
	border-bottom: 1px solid #e6511b;
	margin-left: 0.2rem;
	}

.liste a {
	text-decoration: none;
	border-bottom: 2px solid #e6511b;
	padding-left: 0.1rem;
	padding-right: 0.1rem;
	}

.liste a:hover,
.liste a:focus,
.liste a.external-show:hover,
.liste a.external-show:focus {
	color: #2e3133;
	border-bottom: 2px solid #2e3133;
	}

strong a {
	border-bottom: 3px solid #e6511b;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	padding-left: 0.1rem;
	padding-right: 0.1rem;
	}

strong a:hover,
strong a:focus,
strong a.external-show:hover,
strong a.external-show:focus {
	color: #2e3133;
	}

a.external-show:before {
	content: "\f0da";
	font-family: FontAwesome;
	font-size: 50%;
	font-style: normal;
	line-height: 1rem;
	vertical-align: 12%;
	padding-right: 0.2rem;
	}

#nav-header .nav a.external-show {
	padding-left: 14px;
	text-decoration: underline !important;
	}

a.external-underline {
	text-decoration: none !important;
	border-bottom: 3px double #e6511b !important;
	}

strong a.external-underline {
	border-bottom: 5px double #e6511b !important;
	}

#nav-header .nav a.external-underline {
	text-decoration: underline !important;
	}

a.external-show:hover,
a.external-show:focus,
a.external-underline:hover,
a.external-underline:focus {
	border-bottom: 1px solid #2e3133;
	}

/* For multi columns */

.lefthalfcol {
	float: left;
	box-sizing: border-box;
	width: 47%;
	padding: 0px 1% 0px 2%;
	}

.leftcol {
	float: left;
	box-sizing: border-box;
	width: 33%;
	margin-top: 6px;
	padding: 0px;
	border-top: none;
	border-right: 1px solid #cccadd;
	}

.leftcol.toppart {
	padding: 0px 21px 40px 0px;
	}

.leftcol h1 {
	margin-right: -20px;
	}

.leftcol h1 span.begin {
	color: #e6511b !important;
	}

.leftcol h1 span:not(.begin) {
	color: #2e3133 !important;
	}

.leftcol h1 span:not(.begin)::after {
	border-bottom: 1px solid #2e3133;
	}

.innerleftcol {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	text-align: justify;
	}

.rightblock {
	margin-top: 40px;
	}

.rightblock img {
	width: 100%;
	height: auto;
	}

.righthalfcol {
	float: right;
	box-sizing: border-box;
	width: 47%;
	padding: 0px 2% 0px 1%;
	}

.rightcol {
	float: right;
	box-sizing: border-box;
	width: 67%;
	margin: 0px;
	}

.rightcol.toppart {
	margin-top: -60px;
	padding: 3px 0px 0px 21px;
	}

.righthalf {
	float: right;
	box-sizing: border-box;
	width: 50%;
	}

.subtitle {
	margin-top: 30px;
	margin-bottom: -10px;
	font-family: Manus;
	font-size: 37px;
	text-align: left;
	word-spacing: 0.15em;
	color: #cccadd;
	}

.subtitle2 {
	display: none;
	margin-top: -60px;
	margin-bottom: 30px;
	margin-left: 280px;
	font-family: Manus;
	font-size: 37px;
	text-align: left;
	padding-top: 3px;
	padding-left: 10px;
	word-spacing: 0.15em;
	color: #cccadd;
	}

.subtitle3 {
	padding-top: 25px;
	}

.bottom-line {
	margin-bottom: 30px !important;
	border-bottom: 1px solid #ffffff !important;
	}
	
.sameline .register,
.sameline .footer-logo,
.sameline .sponsors-logo {
	display: inline-block;
	}

.social-top {
	position: relative;
	top: 14px;
	left: 40px;
	font-size: 60px;
	color: #e6511b;
	}

.rightcol h1 {
	padding-left: 2%;
	}

.rightcol h1 div {
	color: #2e3133;
	}

.innerrightcol {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	text-align: justify;
	}

.right-lefthalf {
	float: left;
	box-sizing: border-box;
	width: 50%;
	padding: 0px 21px 0px 0px;
	}

.right-righthalf {
	float: right;
	box-sizing: border-box;
	width: 50%;
	padding: 0px 0px 0px 21px;
	}

.right-rightfull {
	width: 98%;
	padding: 0px 1%;
	}

.right-leftthird {
	float: left;
	width: 33%;
	padding: 0px;
	}

.right-right2third {
	float: right;
	width: 65%;
	}

.leftwide {
	float: left;
	box-sizing: border-box;
	width: 66%;
	padding: 35px 1.5% 0px 0px;
	}

.leftwide p {
	text-align: justify !important;
	font-size: 1.2rem;
	line-height: 1.7rem;
	}

.rightnarrow {
	position: relative;
	float: right;
	box-sizing: border-box;
	width: 33%;
	text-align: justify;
	padding: 45px 0px 0px 1.5%;
	}

.fullWidth {
	width: 100%;
	}

.narrow {
	width: 564px;
	margin:0px auto;
	}

.narrow h1 {
	margin-top: 2rem !important;
	border-top: 2px solid #e0e0e0;
	padding-top: 1rem;
	color: #444444;
	}

.withborder {
	margin: 2rem 0px 1rem 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid black;
	font-size: 120%;
	font-weight: 600;
	}

.perthcomment {
	position: absolute;
	top: 45px;
	right: 0px;
	width: 77%;
	background: #ffffff;
	font-size: 0.8rem;
	line-height: 1rem;
	padding: 0px 0px 0.3rem 10px;
	}

.sfocomment {
	position: relative;
	top: -2.6rem;
	margin-bottom: -2.6rem;
	height: 2.6rem;
	width: 80%;
	background: #ffffff;
	font-size: 0.8rem;
	line-height: 1rem;
	padding: 0.3rem 10px 0px 0px;
	}

.statusimg {
	padding-left: 0px;
	}

.statustext {
	padding: 0.8rem 0px 0px 2%;
	text-align: left;
	font-size: 22px;
	font-weight: 400;
	color: #2e3133;
	}

.statusbold {
	font-weight: 900;
	}

.statuscomment {
	margin-top: -10px;
	padding-left: 20%;
	font-size: 80%;
	}

.statuslist li {
	margin-left: 1rem;
	}

.statuslist li:before {
	content: ">";
	margin-left: -1rem;
	padding-right: 0.5rem;
	}

.spacer {
	margin-top: 20px;
	}

.fullspacer {
	min-height: 2rem;
	}

#roadmap {
	max-width: 320px;
	margin-top: 100px;
	margin-bottom: 0px;
	}

#roadmap > div {
	background: url('/www2018/webcomelyon/wp-content/uploads/ThisSite/roadmap.png') no-repeat 0px 4px;
	background-size: auto 100% !important;
	height: 100px !important;
	margin: 0px;
	padding-left: 40px;
	}

#roadmap > div:last-child {
	background: url('/www2018/webcomelyon/wp-content/uploads/ThisSite/roadmap-last.png') no-repeat 0px 4px;
	background-size: auto 25% !important;
	}

#roadmap > div p {
	text-align: left !important;
	color: #e6511b;
	}

/*.leftcol .read-more {
	max-width: 320px;
	}*/

/* For persons */

#action-heads {
	width: 100%;
	}

.flex-person {
	display: flex;
	display: -webkit-flex;
	flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	margin-bottom: 3rem;
	align-items: center;
	-webkit-align-items: center;
	clear: both;
	overflow: visible;
	}

.flex-person .picture {
	margin: 0px 1rem;
	padding: 0px;
	}

.flex-person .picture div {
	width: 100%;
	margin: 0px;
	padding: 0px;
	}

.flex-person .picture div img {
	width: 100%;
	height: auto;
	margin: 0px;
	}

.flex-person .picture div:first-child {
	width: 254px;
	margin: auto;
	padding: 0px 0px 0px 1px;
	}

.flex-person .picture div:last-child {
	width: 256px;
	margin: -343px auto 0px auto;;
	padding: 0px;
	}

.flex-person .about {
	padding: 0.5rem 2rem;
	margin-left: 1rem;
	margin-right: 0px;
	background: #f0f0f0;
	flex-shrink: 10;
	-webkit-flex-shrink: 10;
	}

.flex-person.right .about {
	margin-left: 0;
	margin-right: 1rem;
	}

.flex-person.right .picture {
	margin-right: 1.5rem;
	margin-left: 1rem;
	}

.flex-person .lowlights {
	background-color: #ffffff;
        margin: 1rem 0px;
        padding: 0.5rem 1rem;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	}

.flex-person .lowlights li:before {
	content: "\f105";
	font-family: FontAwesome;
	color: #e6511b;
	margin: 0px;
	padding-right: 0.5rem;
	}

.special-persons {
	clear: both;
	}

.special-persons h1 {
	margin-bottom: 0px;
	}

.special-persons .flex-person {
	margin-bottom: 0px;
	}

.list-of-persons {
	margin-bottom: 3rem;
	}

.list-of-persons h2 {
	margin-top: 0px;
	}

/* For history page */

.history {
	border: none !important;
	}

.history a.external-show {
	text-decoration: none !important;
	border: none !important;
	}

.history a.external-show:before {
	content: "" !important;
	}

.history th, .history td {
	text-align: left !important;
	padding: 10px !important;
	border: none !important;
	}

.history th p, .history td p {
	text-align: left !important;
	}

.history tr:nth-child(odd) {
	background-color: #e0e0e0 !important;
	}

.history tr:nth-child(even) {
	background-color: #f0f0f0 !important;
	}

.history td:first-child {
	width: 200px;
	}

tr.history:last-child {
	border-bottom: 2px solid #e0e0e0 !important;
	}

/* For headlines page */

#home-keynotes strong,
#home-headlines strong {
	color: #2e3133 !important;
	}

#home-headlines img {
	border: 1px solid #e0e0e0;
	}

#headlines-page {
	font-size: 80%;
	padding-top: 20px;
	}

#headlines-page h1 {
	margin-bottom: 10px;
	}

#headlines-page .bigger {
	margin-bottom: 10px;
	}

#headlines-page img {
	float: left;
	width: 45%;
	height: auto;
	border: 1px solid #e0e0e0;
	}

#headlines-page div div:first-child {
	color: #e6511b;
	font-weight: 600;
	}

#headlines-page div div:nth-last-child(2) {
	float: right;
	width: 53%;
	line-height: 120%;
	text-align: justify;
	}

#headlines-page hr {
	margin: 15px 0px;
	}

.pagelinks {
	text-align: center;
}

.pagelinks div {
	display: inline-block;
	padding: 2px 10px;
	border: 1px solid #2e3133;
	border-radius: 10px;
}

.pagelinks span,
.pagelinks a {
	margin-left: 2px;
}

.post-category {
	color: #2e3133;
	opacity: 0.7;
}

.post-row:first-child {
	margin-top: 40px;
	}

.post-date {
	color: #2e3133;
	opacity: 0.4;
	}

.post-thumbnail {
	display: none;
	}

.legal h1 {
	text-align: left;
	padding-left: 10%;
	}

/* Special style for special page */

#page.specialpage {
	min-height: 150px !important;
	}

/* Special style for home page */

#page.home {
	font-size: 20px;
	line-height: 1.4em;
	background-color: #ffffff;
	}

#page.container {
	padding: 0px 10px;
	}

#page.home.container {
	padding: 0px 2% 0px 2%;
	}

#page.home h1 {
	margin-bottom: 1rem;
	font-size: 30px;
	line-height: 1.4em;
	color: #e6511b;
	}

#page.home p {
	margin-bottom: 20px;
	text-align: center;
	}

#page.home p.more {
	font-size: 16px;
	}

#page.home .bigline {
	line-height: 160%;
	}

#page.home strong {
	color: #e6511b;
	}

#page.home strong.emphasis {
	display: block;
	padding: 20px 0;
	}

.register {
	margin: 60px auto 20px auto !important;
	text-align: center;
	}

#page.home .register {
	margin: 60px auto -20px auto !important;
	text-align: left;
	}

.register a {
	padding: 10px;
	color: #ffffff;
	text-decoration: none;
	background: #e6511b;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	border-radius: 10px;
	}

.register a:hover,
.register a:focus {
	background: #2e3133;
	}

.connectbuttons {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding-bottom: 15px;
	}

.connectbuttons a {
	padding: 6px 12px;
	color: #ffffff;
	text-decoration: none;
	background: #e6511b;
	font-size: 18px;
	font-weight: 600;
	border-radius: 8px;
	}

.connectbuttons a:hover,
.connectbuttons a:focus {
	background: #2e3133;
	}

.specialtitle {
	margin-top: 10px;
	text-align: center;
	font-size: 30px;
	line-height: 1.3em;
	}

.notebox {
	background: #d0d0d0;
	margin-top: 20px;
	}

.post-row {
	padding-left: 25px !important;
	}

.post-row .post-inner {
	padding: 5px 10px;
	height: 100% !important;
	background: #d0d0d0;
	margin: 0px 5px;
	}

/* Supports */

h1.footer {
	color: #2e3133 !important;
	font-size: 30px;
	margin: 0px auto !important;
	padding: 0px 0px 20px 10px !important;
	}

#footer-supports {
	position: relative;
	left: calc(-50vw + 49%);
	width: 101vw;
	min-height: 84px;
	margin-top: 40px;
	background: #f0f0f0;
	overflow: hidden;
	}

#footer-supports-head {
	position: relative;
	width: calc(39vw + 54px);
	height: 42px;
	margin-bottom: -32px;
	color: #2e3133;
	text-align: right;
	background-image: url('/www2018/webcomelyon/wp-content/uploads/ThisSite/bottom-part-top.png');
	background-position: right top !important;
	background-repeat: no-repeat;
	}

#footer-supports-deco {
	display: none;
	position: relative;
	top: -10px;
	left: 43px;
	width: 55%;
	height: 42px;
	margin: 0px 0px 2px 39%;
	text-align: center;
	}

#leftsupports {
	display: block;
	float: left;
	box-sizing: border-box;
	width: calc(39vw - 30px);
	margin: 41px 0px 0px 20px;
	padding: 10px 10px 0px 50px;
	}

#leftsupports h1.footer {
	padding: 15px 0px  0px 0px !important;
	}

#rightsupports {
	display: block;
	float: right;
	box-sizing: border-box;
	width: 59vw;
	margin: 0px 2vw 0px 0px;
	border-left: 1px solid #ffffff;
	}

#rightsupports.topdecal1 {
	margin-top: 50px;
	padding-left: 0px !important;
	}

#rightsupports.topdecal2 {
	margin-top: 13px !important;
	padding-left: 20px !important;
	}

#bottomsupports {
	display: none;
	border-top: 1px solid #ffffff;
	}

#footer-supports .topdecal2 h1.footer {
	margin-top: -10px;
	padding-left: 40px;
	}

#footer-supports h1 span.begin {
	color: #e6511b !important;
	}

#footer-supports h1 span:not(.begin) {
	color: #2e3133 !important;
	}

#footer-supports h1 span:not(.begin)::after {
	border-bottom: 1px solid #2e3133;
	}

#leftsupports {
	min-height: 250px;
	}

#leftsupports .pco {
	margin-top: 10px;
	}

.rightcol .footer-logos {
	display: block;
	text-align: left;
	padding-left: 50px;
	}

.footer-logo {
	display: inline-block;
	margin: 0px auto 20px auto;
	}

.footer-logo:hover,
.footer-logo:focus {
	opacity: 0.6;
	}

.footer-logo a,
.footer-logo a.external-show {
	text-decoration: none;
	padding: 0px;
	border: none;
	}

.footer-logo a.external-show:before {
	content: "";
	padding: 0px;
	}

.footer-logo a:hover,
.footer-logo a.external-show:hover,
.footer-logo a:focus,
.footer-logo a.external-show:focus {
	border: none;
	}

.footer-logo a img {
	display: inline !important;
	vertical-align: text-bottom;
	margin: 0px;
	padding: 0px;
	}

#call-for-sponsors {
	width: 100%;
	text-align: right;
	margin-bottom: 10px;
	}

#call-for-sponsors a {
	margin-right: 0px;
	padding: 4px 12px;
	color: #e6511b;
	text-decoration: underline !important;
	}

#call-for-sponsors a:hover,
#call-for-sponsors a:focus {
	color: #2e3133;
	}

#become-sponsor {
	margin: 40px 0px 60px 15%;
	}

.footer-logos #become-sponsor {
	margin-left: 20px;
	}

#become-sponsor a {
	font-family: Manus;
	font-size: 46px;
	line-height: 100%;
	color: rgba(46, 51, 49, 0.3);
	}

.sponsors-logo a:hover,
.sponsors-logo a:focus {
	opacity: 0.6;
	}

#fullwidth {
	width: 100vw;
	overflow: hidden;
	}

.track-chairs {
	margin-top: 2rem;
	padding-top: 1rem;
	}

.track-chairs:not(:first-child) {
	border-top: 1px solid #e0e0e0;
	}

.track-chairs  strong p.conditional {
	display: inline;
	margin: 0px;
	padding: 0px;
	}

.track-chairs  .conditionalspace {
	margin-top: 0px;
	}

.track-chairs  strong {
	float: left;
	}

.track-chairs ul {
	margin-left: 20rem;
	}

.track-chairs ul li {
	list-style: none outside url('images/diamond-small.png') !important;
	}

.diamond-list ul,
.lion-list ul,
ul.diamond-list,
ul.lion-list {
	margin-top: 0.5rem;
	margin-left: 3rem;
	}

.diamond-list li {
	list-style: none outside url('images/diamond-small.png') !important;
	}

.lion-list li {
	list-style: none outside url('images/lion-small.png') !important;
	}

.dotted {
	text-align: left !important;
	padding-left: 0px;
	}

.dotted:before {
	content: "------";
	color: transparent;
	width: 30px;
	min-width: 30px !important;
	background: #ffffff url('images/diamond-small.png') no-repeat left 6px;
	}

.special-list {
	margin: 0px 0px 2rem 2.2rem !important;
	}

.special-list span {
	position: relative;
	left: -10px;
	font-size: 98%;
	}

.nopadding {
	margin: 0px !important;
	padding: 0px !important;
	}

.noleftbar {
	border-left: 0px !important;
	}

.norightbar {
	border-right: 0px !important;
	}

.fullshape {
	margin: 0px !important;
	padding: 0px !important;
	width: 100% !important;
	height: 100% !important;
	}

.triangle-topleft {
	background-image: url("/images/top-left.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	}

.triangle-bottomright {
	background-image: url("/images/bottom-right.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	}

sup { 
	vertical-align: super;
	font-size: smaller;
	}

sub { 
	vertical-align: sub;
	font-size: smaller;
	}

details {
	display: block;
	padding: 0px 10px 5px 10px;
	margin-bottom: 10px;
	font-size: 120%;
	}

details summary {
        outline: none;
	font-size: 120%;
	font-weight: 800;
        }

details[open] {
	background: #f6f6f6;
	}

.aButton a {
	padding: 5px;
	color: #ffffff;
	text-decoration: none;
	background: #de7101 !important;
	font-weight: 600;
	text-align: center;
	border-radius: 6px;
	cursor: pointer !important;
	}

.aButton a:hover,
.aButton a:focus {
	background: #2e3133 !important;
	}


/* Special width */

/*@media only screen and (min-width: 1440px) {
	.header-info {
		right: 20vw;
		}
} INFO*/

@media only screen and (max-width: 1440px) {
	.header-left {
		width: 380px !important;
		}
}

@media only screen and (max-width: 1280px) {
	#nav-header {
		position: absolute;
		top: 0px;
		right: 0px;
		}

	.statustext {
		font-size: 80%;
	}
}

@media only screen and (max-width: 1220px) {
	#nav-header .nav li a {
		font-size: 12px;
		padding: 8px 12px;
		}

	#nav-header .nav ul {
		width: 270px;
		}

	#nav-header .nav {
		height: 36px !important;
		}

	#nav-header .nav ul {
		top: 36px;
		}

	#header h1 {
		min-height: 170px;
		}

	#top-tools {
		padding-left: 0px;
		}

	#top-tools-social {
		left: 0px;
		}
}

@media only screen and (min-width: 1140px) {
	#footer-supports-head {
		width: calc(50vw - 123px);
		}

	#leftsupports {
		width: 300px; !important;
		margin-left: calc(50vw - 520px) !important;
		padding-left: 0px;
		}

	#rightsupports {
		width: 710px; !important;
		margin-right: calc(50vw - 530px) !important;
		}
}

@media only screen and (max-width: 1100px) {
	.statuscomment {
		font-size: 65%;
		}

	.leftwide p {
		font-size: 1rem;
		line-height: 1.7rem;
	}
}

@media only screen and (max-width: 1090px) {
	.header-left {
		width: 350px !important;
		}

	.header-info {
		top: 65px;
		}

	.header-innerinfo {
		margin-left: 40px;
		margin-right: 0px;
		}

	.header-innerinfo span.location {
		font-size: 40px !important;
		}

	.header-innerinfo span.date {
		top: 0px;
		left: 0px;
		font-size: 22px !important;
		}
}

@media only screen and (max-width: 1020px) {
	.leftcol h1 {
		font-size: 28px !important;
		}

	.statustext {
		font-size: 65%;
		}
}

@media only screen and (max-width: 960px) {
	.statustext {
		padding-top: 0.6rem;
		}

	.statuscomment {
		font-size: 60%;
		}
}

@media only screen and (max-width: 900px) {
	.leftcol h1 {
		font-size: 30px !important;
		}

	.header-title {
		background-position: center 70px !important;
		}

	#nav-header .nav > li > a {
  		padding-left: 5px !important;
  		padding-right: 5px !important;
		}

	.flex-person .picture div:first-child {
		width: 178px !important;
		}

	.flex-person .picture div:last-child {
		width: 180px !important;
		margin-top: -243px !important;
		}

	.flex-person .lowlights .smaller{
		font-size: 90%;
		}

	.statustext {
		padding-top: 1rem;
		font-size: 100%;
		}

	.statuscomment {
		font-size: 70%;
		}

	.leftcol.toppart {
		float: none;
		width: 100%;
		margin: 0px auto;
		padding: 30px 10px 0px 10px;;
		}

	.leftcol h1 {
		margin-left: 70px;
		padding-left: 0px;
		}

	.rightcol.toppart {
		float: none;
		width: 100%;
		margin: 20px auto 0px auto;
		}

	.rightcol h1 {
		margin-left: 80px;
		padding-left: 0px;
		}

	.right-rightfull {
		width: 98%;
		}

	#footer-supports {
		left: -2%;
		box-sizing: border-box;
		width: 104%;
		}

	#footer-supports-deco {
		display: block;
		}

	#leftsupports {
		display: none;
		}

	#bottomsupports {
		display: block;
		box-sizing: border-box;
		width: 95% !important;
		margin: auto !important;
		padding: 20px 0px !important;
		}

	#bottomsupports h1.footer {
		margin-top: 10px !important;
		}

	#rightsupports.topdecal1,
	#rightsupports.topdecal2 {
		float: none;
		width: 95% !important;
		box-sizing: border-box;
		margin: 30px auto 0px auto !important;
		padding: 10px 0px 0px 0px !important;
		border-left: none;
		}

	#rightsupports h1.footer {
		padding-left: 10px !important;
		}

	#footer-supports .leftcol .footer-logo {
		margin-left: 7px;
		}

	#rightsupports .right-righthalf {
		float: none;
		margin-top: -10px;
		}

	#rightsupports .right-lefthalf,
	#rightsupports .right-righthalf {
		float: none;
		width: 98%;
		margin-bottom: 30px;
		}

	#rightsupports .right-lefthalf {
		margin-top: -30px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ffffff;
		}

	.perthcomment {
		font-size: 0.6rem;
		line-height: 0.8rem;
		}

	.sfocomment {
		top: -2.2rem;
		height: 2.2rem;
		font-size: 0.6rem;
		line-height: 0.8rem;
		}

	.leftcol.toppart {
		border-top: none;
		border-right: none;
		}

	.rightcol.toppart {
		padding-top: 30px !important;
		}

	.subtitle {
		display: none;
		}

	.subtitle2 {
		display: block;
		}

	.subtitle3 {
		display: none;
		}

	.webcomeday tr {
		font-size: 100%;
		}

	.webcomeday .fa-twitter {
		font-size: 100px;
		margin-bottom: -5px;
		vertical-align: -5px;
		}
}

@media only screen and (max-width: 850px) {
	.subtitle2 {
		margin-left: 275px;
		font-size: 32px;
		}
}

@media only screen and (max-width: 830px) {
	#nav-header .nav li a {
		font-size: 11px;
		}

	.header-title {
		background-position: center 120px !important;
		}

	.flex-person .picture div:first-child {
		width: 148px !important;
		}

	.flex-person .picture div:last-child {
		width: 150px !important;
		margin-top: -203px !important;
		}
}

@media only screen and (max-width: 770px) {
	.header-left {
		width: 310px !important;
		}

	.header-info {
		right: 5vw;
		}

	#footer-supports-deco {
		width: 53%;
		}

	.flex-person .lowlights .smaller{
		font-size: 80%;
		}

	.entry .programview th br {
		display: block;
		}

	.entry .programview th,
	.entry .programview td {
		font-size: 80% !important;
		}

	.subtitle2 {
		margin-left: 250px;
		font-size: 28px;
		}

	.webcomeday tr {
		font-size: 85%;
		}

	.webcomeday .fa-twitter {
		font-size: 85px;
		}
}

@media only screen and (min-width: 720px) {
	#nav-header div > ul > li ul {
		left: auto;
		right: 0px;
		}
}

@media only screen and (max-width: 719px) {
	#page,
	.entry,
	.leftcol {
		padding-top: 30px !important;
		}

	.header-left {
		width: 270px !important;
		}

	.header-title {
		height: 190px !important;
		}

	.header-right {
		position: absolute;
		top: 55px;
		left: 0px;
		right: auto;
		width: 100%;
		height: 50px;
		background: transparent !important;
		} /* LM */

	#nav-header {
		position: absolute;
		width: 100%;
		top: -25px;
		right: 0px;
		background: transparent !important;
		}

	#nav-header .nav-toggle {
		border: none;
		box-shadow: none;
		width: 50px;
		height: 50px;
		margin-right: 30px;
		margin-bottom: 99px;
		}

	#nav-header .nav {
		height: auto !important;
		border: none;
		background: #2e3133 !important;
		text-align: left !important;
		}

	#nav-header .nav ul {
		width: 100%; /largeur du menu déroulant*/
		border: none;
		border-radius: 0px;
		background: #2e3133 !important;
		}

	#nav-header .nav li {
		background: transparent !important;
		}

	#nav-header li ul {
		border-left: 1px solid #ffffff !important;
		margin-bottom: 10px !important;
		}

	#nav-header li ul li {
		position: relative;
		}

	#nav-header .nav li a {
		color: #eaa212;
		}

	#nav-header .nav > li > a {
		padding-left: 15px !important;
		}

	#nav-header .nav > li > a,
	#nav-header .nav > li > a:hover,
	#nav-header .nav > li:hover > a,
	#nav-header .nav > li > a:focus,
	#nav-header .nav > li:focus > a {
		color: #ffffff;
		background: transparent !important;
		}

	#nav-header .nav > li:first-child > a {
		color: #eaa212 !important;
		}

	#nav-header .nav > li:first-child:hover > a,
	#nav-header .nav > li:first-child > a:hover,
	#nav-header .nav > li:first-child:focus > a,
	#nav-header .nav > li:first-child > a:focus {
		color: #eaa212 !important;
		opacity: 0.6;
		}

	#nav-header .nav > li li:hover > a,
	#nav-header .nav li li > a:hover,
	#nav-header .nav > li li:focus > a,
	#nav-header .nav li li > a:focus {
		color: #eaa212 !important;
		opacity: 0.6;
		background: transparent !important;
		}

	#nav-header .nav li.current-menu-item a,
	#nav-header .nav li.current-menu-item:hover a,
	#nav-header .nav li.current-menu-item a:hover,
	#nav-header .nav li.current-menu-item:focus a,
	#nav-header .nav li.current-menu-item a:focus {
		background: transparent !important;
		color: #e6511b !important;
		opacity: 1 !important;
		}

	#nav-header .nav li a:before {
		content: "";
		margin: 0px;
		padding-right: 0px;
		color: transparent;
		}

	#nav-header .nav li a:after {
		content: "";
		margin: 0px;
		padding-left: 0px;
		color: transparent;
		}

	#nav-header .nav .toggle-search {
		display: inline-block !important;
		}

	#header h1 img,
	#header h1 svg {
		padding-top: 10px;
		}

	#top-tools {
		display: none;
		}

	.header-title {
		height: 220px;
		background-position: center 60px !important;
		}

	.header-info {
		top: 200px;
		right: 10vw;
		}

	.leftcol.toppart {
		padding-top: 20px;
		}

	#footer-supports {
		margin-bottom: 0px !important;
		}

	.leftwide,
	.rightnarrow {
		float: none;
		width: 100%;
		padding: 20px 10px;
		}

	.perthcomment {
		top: 20px;
		right: 10px;
		font-size: 0.8rem;
		line-height: 1.2rem;
		}

	.sfocomment {
		top: -1.6rem;
		height: 1.6rem;
		font-size: 0.8rem;
		line-height: 1.2rem;
		}

	.specialtitle {
		margin-top: 80px;
		text-align: center;
		}

	.post-list {
		width: 100%;
		}

	.post-row {
		margin-right: 25px !important;
		padding-left: 0px !important;
		}

	.track-chairs ul {
		margin-left: 15rem;
		}

	.subtitle2 {
		margin-top: 10px;
		margin-left: 0px;
		font-size: 30px;
		}
}

@media only screen and (max-width: 670px) {
	.flex-person .picture div:first-child {
		width: 118px !important;
		}

	.flex-person .picture div:last-child {
		width: 120px !important;
		margin-top: -164px !important;
		}

	.statustext {
		font-size: 80%;
		line-height: 1.2rem;
		}

	.statuscomment {
		font-size: 50%;
		}

	.track-chairs ul {
		margin-left: 10rem;
		}

	.track-chairs  strong p.conditional {
		display: block;
		}

	.track-chairs  .conditionalspace {
		margin-top: 0.8rem;
		}

	.webcomeday .fa-twitter {
		font-size: 75px;
		}
	.progevent table th,
	.progevent table td {
		font-size: 90%;
	}
}

@media only screen and (max-width: 600px) {
	.photo-left {
		float: none;
		}

	.right-lefthalf,
	.right-righthalf {
		float: none;
		width: 92%;
		}

	.statusimg {
		padding-left: 10%;
		}

	.statustext {
		font-size: 1.5rem !important;
		line-height: 1.8rem;
		}

	.statuscomment {
		font-size: 1rem;
		line-height: 1rem;
		padding-bottom: 1rem;
		margin-bottom: 2rem;
		border-bottom: 1px solid #d0d0d0;
		padding-left: 15% !important;
		}

	.flex-person {
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		}

	.flex-person .picture {
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
		width: 100% !important;
		text-align: center !important;
		margin: 0px auto !important;
		}

	.flex-person .picture div:first-child {
		width: 148px !important;
		}

	.flex-person .picture div:last-child {
		width: 150px !important;
		margin-top: -203px !important;
		}

	.flex-person .about {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
		width: 100%;
		box-sizing: border-box;
		padding: 0.5rem 2rem !important;
		margin: 0px !important;
		}

	#footer-bottom .pad {
		padding-top: 50px !important;
		}

	#footer-copyright {
		float: none;
		top: -30px;
		text-align: center;
		}

	#copyright a.external-show {
		margin-left: 0px;
		}

	#copyrightlinks {
		margin-left: 0px;
		}

	#mentions-legales,
	#legal-mentions {
		width: 120px;
		margin: 10px auto 0px auto;
		padding-top: 5px;
		border-top: 1px solid #ffffff;
		}


	#footer-search {
		top: -120px;
		margin-bottom: -25px;
		}

	.social-links .social-tooltip:hover:after {
		top: -30px;
		}

	#footer-social {
		float: none;
		top: 45px;
		margin-bottom: 0px;
		left: 0px;
		width: 100%;
		text-align: center;
		}

	#footer-contacts {
		float: none;
		top: 55px;
		margin-bottom: 30px;
		left: 0px;
		width: 100%;
		text-align: center;
		}

	.webcomeday .fa-twitter {
		font-size: 65px;
		}
}

@media only screen and (max-width: 550px) {
	.header-left {
		width: 240px !important;
		height: 120px !important;
		}

	#footer-supports-deco {
		width: 50%;
		}

	.perthcomment {
		font-size: 0.8rem;
		line-height: 1.2rem;
		}

	.sfocomment {
		top: -3.2rem;
		height: 3.2rem;
		font-size: 0.8rem;
		line-height: 1.2rem;
		}

	.entry h1,
	.entry h2,
	#page.home h1,
	h1.footer {
		font-size: 25px !important;
		}

	.track-chairs ul {
		margin-left: 3rem;
		}

	.track-chairs  strong {
		float: none;
		}

	.track-chairs  strong p.conditional {
		display: inline;
		}

	.track-chairs  .conditionalspace {
		margin-top: 0px;
		}
}

@media only screen and (max-width: 510px) {
	.statuscomment {
		line-height: 1rem;
		}

	.webcomeday tr {
		font-size: 75%;
		}

	.webcomeday .fa-twitter {
		font-size: 55px;
		}
}

@media only screen and (max-width: 490px) {
	#header h1 {
		min-height: 80px;
		padding: 0px !important;
		}

	#top-tools-social {
		margin-left: 0px;
		}

	#top-tools-search {
		margin-right: 10px;
		}

	#top-tools-search input {
		font-size: 12px !important;
		}

	#top-tools-search div:after {
		font-size: 12px !important;
		}

	.subtitle2 {
		font-size: 26px;
		}
}

@media only screen and (max-width: 460px) {
	#header {
		height: 220px;
		}

	.header-innerinfo span.location {
		font-size: 35px !important;
		}

	.header-innerinfo span.date {
		padding-left: 10px;
		font-size: 20px !important;
		}

	.leftcol h1 {
		margin-left: 30px;
		padding-left: 0px;
		}

	.rightcol h1 {
		margin-left: 40px;
		padding-left: 0px;
		}

	.webcomeday tr {
		font-size: 65%;
		}

	.webcomeday .fa-twitter {
		font-size: 50px;
		margin-bottom: -8px;
		vertical-align: -8px;
		}
}

@media only screen and (max-width: 400px) {
	.header-info {
		right: 3vw;
		}

	#header h1 svg,
	#header h1 img {
		padding: 0px 50px 0px 10px;
	}

	.header-innerinfo span.location {
		font-size: 30px !important;
		}

	.header-innerinfo span.date {
		margin-top: -10px;
		padding-left: 10px;
		font-size: 19px !important;
		}

	.statusimg {
		padding-left: 0px;
		}

	.statustext {
		font-size: 1rem !important;
		}

	.statuscomment {
		font-size: 0.8rem !important;
		}

	#footer-supports-deco {
		width: 48%;
		}

	#call-for-sponsors {
		font-size: 80%;
		}

	.entry h1,
	.entry h2,
	#page.home h1,
	h1.footer {
		font-size: 20px;
		}

	.subtitle2 {
		margin-top: -5px;
		font-size: 22px;
		}

	.webcomeday tr {
		font-size: 50%;
		}

	.webcomeday .fa-twitter {
		vertical-align: -7px;
		vertical-align: -7px;
		}
}

@media only screen and (max-width: 350px) {
	.leftcol h1,
	.rightcol h1 {
		margin-left: 10px;
		}

	.subtitle2 {
		font-size: 20px;
		}

	.webcomeday .fa-twitter {
		font-size: 40px;
		}
}

@media only screen and (max-width: 330px) {
	#nav-header .nav-toggle {
		margin-right: 10px;
		}

	.subtitle2 {
		font-size: 18px;
		}
}


/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
	.mystyle {}
}


/* Mobile - 480px & 320px */
@media only screen and (max-width: 719px) {
	.mystyle {}
}


/* Mobile - 320px */
@media only screen and (max-width: 479px) {
	.mystyle {}
}


/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
	.mystyle {}
}


/* Mobilse - 480px & 320px */
@media only screen and (max-width: 719px) {
	.mystyle {}
}


/* Mobile - 320px */
@media only screen and (max-width: 479px) {
	.mystyle {}
}

@media print {
	.printonly {
		display: block;
		}

	.noprint {
		display: none;
		}

	#footer-status {
		display: block;
		content: "Page " counter(page);
		}
}