@charset "UTF-8";
/*
	Theme Name: Lausanne Marathon 2014
	Theme URI: http://www.pi-com.ch
	Description: Le thème 2014 de Lausanne-Marathon.com
	Author: Gilles Wenger & James Nolan pour Pi-Com
	Author URI: http://www.pi-com.ch
	Version: 1.0
*/

@charset "UTF-8";

/******************************/
/*  HTML, BODY                */
/******************************/

	/* Force le scroll vertical à être présent */
	html {
		overflow-y: scroll;
		overflow: -moz-scrollbars-vertical;
	}


	/* Mise à 0 pour tous les navigateurs */
	html, body {
		padding: 0px;
		margin: 0px;
		height: 100%; /* Utile pour les sites qui doivent avoir un footer tjs en bas de page */
	}

	/* Couleur de fond et centrage du site */
	body {
		background-color: #FFF;
		text-align: center;
		}

	/* Formatage du caractère par défaut */
	body, table {
		font-size: 14px;
		font-family: Helvetica, Arial, sans-serif;
		color: #414042;
		line-height: 120%;
		}

	@font-face {
	}

	/* Système de Background sur toute la page */

	#bg {
			position: fixed;
			top: 0;
			left: 0;
			z-index: -10;
	}

	.bgwidth {
			width: 100%;
			}

	.bgheight {
			height: 100%;
			}



/******************************/
/*  STRUCTURE                 */
/******************************/
	.responsive, .smartphone {
		display: none;
	}

	#menu-line {
		width: 100%;
		position: absolute;
		height: 53px;
		background: #131618 url(images/lausanne-marathon-bg-menu.jpg) no-repeat center;
		top: 33px;
		z-index: 0;
		left: 0;
	}

	/* position de l'entier du site */
	#global {
		position: relative;
		margin: 0 auto; /* centre #global sur la page */
		width: 1060px;
		-height: 100%; /* IE6: Utile pour les sites qui doivent avoir un footer tjs en bas de page */
		min-height: 100%; /* Utile pour les sites qui doivent avoir un footer tjs en bas de page */
		text-align: left; /* Annule l'alignemnt défini dans body qui centre #global */
		}

	#header {
		width: 100%;
		margin-bottom: 20px;
		text-align: left;
	}

	#logo {
		 display: inline-block;
		*display: inline; /* IE < 8 */
		*zoom : 1; /* IE < 8 : à tester pas forcement nécessaire */
		margin-right: 21px;
	}

	#logo.responsive {
		display: none;
	}

	#logo img {
		 -moz-box-shadow: 0 0 3px black;
		 -webkit-box-shadow: 0 0 3px black;
		 box-shadow: 0 0 3px black;
	}

	#Facebook {
		background: #FFF;
		height: 44px;
	}

	#Facebook.responsive {
		display: none;
	}

	#Facebook a:hover {
		opacity: 0.8;
	}

	#center-block {
		display: inline-block;
		*display: inline; /* IE < 8 */
		*zoom : 1; /* IE < 8 : à tester pas forcement nécessaire */
		vertical-align: top;
		width: 654px;
	}

	#top-upper-menu {
		height: 33px;
	}

	#top-menu {
		margin: 0;
		height: 53px;
		padding: 0;
	}

		#top-menu li {
			 display: inline-block;
			*display: inline; /* IE < 8 */
			*zoom : 1; /* IE < 8 : à tester pas forcement nécessaire */

		}

		#top-menu li.current_page_item a, #top-menu li.current_page_item a:hover, #top-menu li.current_page_item a:focus, .current_page_parent a, .current_page_ancestor a {
			background: url(images/lm-menu-arrow-big.png) no-repeat center top;
		}

		#top-menu li a, #top-menu li a:visited, #top-menu li a:active {
			display: block;
			color: #FFF;
			text-decoration: none;
			font-size: 14px;
			padding: 18px 7px 0 4px;
			height: 35px;
			font-style: normal;
			font-weight: normal;
			border-right: 1px solid #666;

		}

		#top-menu li a:hover, #top-menu li a:focus {
			color: #FFF;
			text-decoration: none;
			font-weight: normal;
			background: url(images/lm-menu-arrow-little.png) no-repeat center top;
		}

		#top-menu li.responsive {
			display: none;
		}

		/* Version Novembre 2016 avec sous-menus quand on passe la souris.
		 Chaque <li> principal contient un <ul class="children">
		 qui liste toutes les sous-pages.

		 Certaines sous-pages contiennent elles aussi un <ul class="children">
		 (p. ex Infos Coureurs -> Marathon Expo 2016). Les selecteurs > sont
		 donc importants pour distinguer ces deux listes qui ont la même classe. */

		 /* lorsque la souris ne survole pas, cacher les sous-pages */
		 #top-menu > li.page_item > ul.children {
		 	display:none;
		 }

		/* lorsque la souris survole un élément principal, afficher ses sous-pages */
		#top-menu > li.page_item:hover > ul.children,
		#top-menu > li.page_item:active > ul.children {
			display:block;
		 	position:absolute; /* pour ne pas bousculer l'affichage quand les listes apparaissent */
		 	z-index:800; /* pour apparaître au-dessous du bouton facebook */
			padding: 0;
			margin: 0;
		}

		/* Style des sous-pages */
		#top-menu > li.page_item > ul.children {
			background:black;
			/*...*/
		}

		#top-menu > li.page_item > ul.children li {
			display:block;
			border-bottom: #666 solid 2px;
		}

		#top-menu > li.page_item > ul.children li ul li {
			display:block;
			border-bottom: none;
		}


		#top-menu > li.page_item > ul.children li a, #top-menu > li.page_item > ul.children li a:visited, #top-menu > li.page_item > ul.children li a:active {
			height: auto;
			margin: 0;
			padding: 10px;
			background-image: none;
		}

		#top-menu > li.page_item > ul.children li a:hover, #top-menu > li.page_item > ul.children li a:focus {
			background-color: #474646;
		}


	/* Sponsors défilante en tête du site */

	#sponsors {
		float: right;
		width: 115px;
		height: 135px;
		background: url(images/lausanne-marathon-bg-sponsors-top.jpg);
		 -moz-box-shadow: 0 0 3px #CCC;
		 -webkit-box-shadow: 0 0 3px #CCC;
		 box-shadow: 0 0 3px #CCC;
		 top: 0;
	    position:relative;
	}

	#sponsors img {
		width:80%;
		margin:0 10% 0 10%;
		height:auto;
		top:50%;
		position:absolute;
	}

	#sponsors img.hidden {
		display:none;
	}

	#datasport-register {
		display: inline-block;
		*display: inline; /* IE < 8 */
		*zoom : 1; /* IE < 8 : à tester pas forcement nécessaire */
		overflow: hidden;
		margin-right: 25px;
	}

	#datasport-register img {
		margin-top: -24px;
		margin-left: -18px;
	}

	#datasport-list {
		display: inline-block;
		*display: inline; /* IE < 8 */
		*zoom : 1; /* IE < 8 : à tester pas forcement nécessaire */
		vertical-align: top;
	}

	#fb {
		background: url(images/lausanne-marathon-bg-facebook.jpg) no-repeat;
		width: 115px;
		padding: 15px 0;
		float: right;
		text-align: center;
		 -moz-box-shadow: 0 0 3px #CCC;
		 -webkit-box-shadow: 0 0 3px #CCC;
		 box-shadow: 0 0 3px #CCC;
		 background-color: white;
	}
	.counter_title {
		text-align: left;
	}
	.counter_value {
		text-align: right;
	}
	.counter_row {
		padding: 0 10px;
	}
	.counter_table  {
		width: 100%;
	}
	#menu-languages {
		float: right;
	}

		#menu-languages .lang {
			background: url(images/lausanne-marathon-bg-flag.jpg) no-repeat;
			width: 35px;
			height: 21px;
			display: inline-block;
			*display: inline; /* IE < 8 */
			*zoom : 1; /* IE < 8 : à tester pas forcement nécessaire */
			 -moz-box-shadow: 0 0 3px #CCC;
			 -webkit-box-shadow: 0 0 3px #CCC;
			 box-shadow: 0 0 3px #CCC;
			 margin-left: 3px;
		}

		#menu-languages .lang a {
			display: block;
			width: 27px;
			height: 15px;
			overflow: hidden;
			background-image: url(images/lausanne-marathon-flags.jpg);
			margin: 3px 0px 0 4px;
		}

		#menu-languages .lang.selected,
		#menu-languages .lang.selected a {
			-webkit-filter: invert(1);
			filter: invert(1);
		}

		#menu-languages:hover .lang.selected,
		#menu-languages:hover .lang.selected a {
			-webkit-filter: invert(0);
			filter: invert(0);
		}

		#menu-languages .lang:hover,
		#menu-languages .lang:hover a {
			-webkit-filter: invert(1) !important;
			filter: invert(1) !important;
		}


		#menu-languages .lang.fr a {
			background-position: top left;
		}

		#menu-languages .lang.de a {
			background-position: 12.5% 0%;
		}

		#menu-languages .lang.en a {
			background-position: 25% 0%;
		}

		#menu-languages .lang.zh a {
			background-position: 37.5% 0%;
		}

		#menu-languages .lang.es a {
			background-position: 50% 0%;
		}

		#menu-languages .lang.it a {
			background-position: 62.5% 0%;
		}

		#menu-languages .lang.pt a {
			background-position: 75% 0%;
		}

		#menu-languages .lang.ru a {
			background-position: 87.5% 0%;
		}

		#menu-languages .lang.cs a {
			background-position: 100% 0%;
		}

	#date-line {
		font-size:30pt;
		color:black;
		margin-bottom:20px;
	}

	#date-line strong {
		font-size:25pt;
	}

	#date-line-content {
		width:800px;
		text-align:right;
		float:left;
		text-shadow: 0px 0px 9px #FFF;
		line-height:normal;
	}

	#date-line-content.responsive {
		display: none;
	}

	#countdown {
		width:250px;
		height:100px;
		float:right;
	}

	#countdown.responsive {
		display: none;
	}

    .show-hide-menu {
        display:none;
    }

	#dernier-element {
		bottom: 0;
		clear: both;
		padding-bottom: 50px;
	}

	#footer {
		width: 250px;
		display:  block;
		height: 35px;
		text-align: center;
		padding-top: 8px;
		bottom: 0;
		position: absolute;
		font-size: 12px;
	}

	#signature {
		text-align: right;
		padding-right: 10px;
		font-size: 10px;
		font-style: normal;
	}

		#signature a {
			font-style: normal;
		}

/******************************/
/*  CONTENU                 */
/******************************/

	#left {
		float: left;
		margin-right: 21px;
		width: 250px;
	}

	#center {
		float: left;
		width: 520px;
	}

	#right {
		float: right;
		width: 250px;
	}

	.box {
		 margin-bottom: 20px;
		 padding: 18px;
	}

	.white {
		background-color: #FFF;
		background-image: url(images/lausanne-marathon-bg-white.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		color: #414042;
	}

	.black {
		background-color: #0e0c0c;
		background-image: url(images/lausanne-marathon-bg-black.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		color: #d1d3d4;
	}

	#center .box {
		background-color: #FFF;
		background-image: url(images/lausanne-marathon-bg-center.jpg);
		background-repeat: no-repeat;
		background-position: top;
	}

	.page-id-6 #right .box .box-text {
		text-align:justify;
		margin-bottom:5px;
	}

	.warning {
		display: block;
		width: 100%;
		text-align: center;
		color: #F00;
		font-weight: bold;
		font-size: 18px;
		padding: 5px;
		border: dotted 1px #F00;
	}

	/******************************/
	/*  PAGE ACCUEIL              */
	/******************************/

	/* Link gauche */

	.box.media-link {
		padding: 10px;
		margin-bottom: 10px;
	}

	.box.media-link a:hover {
		color: inherit;
	}

	.box.media-link:hover {
		background: #333;
	}

	.box-plus {
		color: #e70e09;
	}

	.box.media-link a, .box.media-link a:visited, .box.media-link a:active, .box.media-link a:focus, .box.media-link a:hover {
		font-style: normal;
	}

	.box.media-link .box-thumbnail {
		float: left;
		width: 50px;
		margin-right: 10px;
	}

	.box.media-link h2 {
		margin-bottom: 2px;
	}

	.box.media-link .box-content {
		font-size: 12px;
	}

	/* Slider central */

#pub_home {
	margin-bottom: 20px;
}
}

	#slider {
		position:relative;
	}

	#slider img.slide {
		position:absolute;
	}

	#slider-left-arrow, #slider-right-arrow {
		position:relative;
		top:-200px;
		margin:0 15px 0 15px;
		cursor:pointer;
	}

	#slider-left-arrow {
		float:left;
	}

	#slider-right-arrow {
		float:right;
	}

	/* news */

	.openable.open h2.box-header {
		padding-right: 25px;
		background: url(images/subtitle_menu_up.png) no-repeat top right;
	}

	.openable.closed h2.box-header {
		padding-right: 25px;
		background: url(images/subtitle_menu_down.png) no-repeat top right;
		margin-bottom: 0;
	}

	.openable {
		cursor: pointer;
	}

	/* compteurs */

	#Counters .counter_table {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#Counters .counter_table li {
		width: 100%;
		text-align: center;
		list-style-type: none;
		margin: 0 0 15px 0;
		padding: 0;
	}

	#Counters .counter_table li.counter_value {
		padding: 0 0 10px 0;
	}


	#Counters .counter_value span {
		color: #FFF;
		font-weight:  bold;
		font-size: 25px;
		padding: 5px 10px;
		margin: 0 1px;
		background: rgb(228,60,15);
		border-radius: 4px;
		text-shadow: 1px 1px 0px #000;
		display: inline;
		text-align: center;
		background: -moz-linear-gradient(top,  rgba(228,60,15,1) 0%, rgba(193,18,1,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(228,60,15,1) 0%,rgba(193,18,1,1) 100%);
		background: linear-gradient(to bottom,  rgba(228,60,15,1) 0%,rgba(193,18,1,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e43c0f', endColorstr='#c11201',GradientType=0 );
	}


	/******************************/
	/*  INSCRIPTION               */
	/******************************/

	.tab-cat {
		width: 100%;
		text-align: left;
	}

	.tab-cat th {
		text-align: left;
	}

	.tab-cat td {
		padding-top: 2px;
		padding-bottom: 2px;
		vertical-align: top;
		text-align: left;
		padding-right: 10px;
	}

	.tab-cat .col1 {
		width: 25px;
	}

	.tab-cat .col2 {
		width: 190px;
	}

	.tab-cat .col3 {
		width: 90px;
	}

	.tab-cat .col4 {
		width: 70px;
	}



	/******************************/
	/*  PAGE PALMARES             */
	/******************************/
	/* PALMARES GAUCHE */
	#left a.palmares {
		background:transparent url(images/medaille.png) no-repeat scroll top center;
		width: 50px;
		height: 45px;
		display: inline-block;
		padding-top: 35px;
		text-align: center;
		font-style:normal;
		font-weight:bolder;
		color:#535353;
		/*background-image : url(image/TBD);*/
	}

	#left .palmares.selected, #left .palmares:Active, #left .palmares:Hover, #left .palmares:Focus {
		background-image:url(images/medaille_active.png);
	}

	/* PALMARES DROITE */
	#right a.palmares, #right a:visited.palmares, #right a:active.palmares {
		display:block;
		width:42%;
		float:left;
		text-align:center;
		margin-right:15px;
		margin-bottom: 15px;
		background:#e9e9e9;
		padding-top:5px;
		padding-bottom:5px;
		font-weight: bold;
		font-style: normal;
		  -webkit-box-shadow: 0px 0px 4px 0px #999;
				  box-shadow: 0px 0px 4px 0px #999;
		  -webkit-border-radius: 5px;
				  border-radius: 5px;


	  background-clip: padding-box;
	}

	#right a:hover.palmares, #right a:focus.palmares {
		background:#0E0C0C;
		color: #e9e9e9;
	}

	/******************************/
	/*  PAGE GALERIE             */
	/******************************/

	ul.lien-externe, ul.lien-externe li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	ul.lien-externe li {
		margin-bottom: 10px;
	}

	ul.lien-externe img {
		max-width: 20%;
		margin-right: 10px;
	}

	.gallery-section {
		margin-bottom: 30px;
	}

	/*  VIDEOS   FINISHER-CLIP   */

	 body div#finisherclip * {
		margin: 0;
		padding: 0;
		line-height: normal;
		color: #333;
		font-family: Helvetica, Arial, sans-serif;
		border: none;
		box-sizing: border-box !important;
	}
	body div#finisherclip td, body div#finisherclip th, body div#finisherclip p, body div#finisherclip div {
		background: none;
		width: 100%;
		height: auto;
	}
	body div#finisherclip {
		background-color: #fff;
		width: 100%;
		z-index: 20;
		/*overflow: hidden;*/
	}
	body div#finisherclip p {
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 1.34em;
		color: #333;
	}
	body div#finisherclip div.fc_search {
		position: relative;
		background: #e43c0f;
	}
	body div#finisherclip table.fc_search {
		position: relative;
		height: auto;
	}
	body div#finisherclip table.fc_search td {
		padding: 10px;
		vertical-align: bottom;
		width: 40%;
	}

	body div#finisherclip table.fc_search td:last-child {
		width: 10%;
	}

	div#finisherclip table.fc_search label {
		display: block;
		color: #fff;
		font-size: 15px;
		font-weight: normal;
		margin-bottom: 4px;
	}
	body div#finisherclip table.fc_search input {
		display: block;
		border: 1px solid #ddd;
		width: 100%;
		color: #666;
		font-size: 13px;
		font-weight: normal;
		padding: 4px 8px;
	}
	div#finisherclip table.fc_search input[type='submit'] {
		display: block;
		cursor: pointer;
		margin-top: 12px;
		margin-left: 10px;
		width: 40px;
		height: 40px;
		border: none;
		background: transparent url('../images/submit_search.png') no-repeat;
	}
	div#finisherclip table#fc_results {
		position: relative;
		width: 100%;
		margin-top: 15px;
		border: 1px solid #e8e8e8;
	}
	div#finisherclip table#fc_results th {
		padding: 8px 10px;
		font-size: 12px;
		font-weight: bold;
		color: #666;
		background-color: #e8e8e8;
		width: 33%;
		text-align: left;
	}
	div#finisherclip table#fc_results th.border {
		border-left: 1px dotted #bbb;
	}
	div#finisherclip table#fc_results td {
		padding: 8px 10px;
		font-size: 12px;
		font-weight: normal;
		color: #666;
		background: transparent url('../images/bg_results.png') repeat-x bottom;
		width: 33%;
		border-top: 1px solid #e8e8e8;
	}
	body div#finisherclip table#fc_results tr.result td {
		padding: 8px 10px;
		font-size: 12px;
		font-weight: normal;
		color: #E43C0F;
		background: transparent url('../images/bg_results.png') repeat-x bottom;
		width: 33%;
		border-top: 1px solid #e8e8e8;
	}
	body div#finisherclip table#fc_results tr.result td b {
		font-weight: bold;
		color: #E43C0F;
	}
	div#finisherclip table#fc_results tr.result:hover td b {
		color: #fff;
	}
	body div#finisherclip table#fc_results tr.result:hover td {
		 padding: 8px 10px;
		 color: #fff;
		 background-color: #E43C0F;
		 background-image: none;
		 width: 33%;
		 cursor: pointer;
		 border-top: 1px solid #e8e8e8;
	 }
	body div#finisherclip table#fc_results tr.result td a.play {
		display: block;
		font-size: 13px;
		font-weight: normal;
		color: #E43C0F;
		text-decoration: none;
		line-height: 18px;
		padding-left: 22px;
		background: transparent url('../images/play_clip.png') no-repeat;
	}
	div#finisherclip table#fc_results tr.result:hover td a.play {
		font-size: 13px;
		font-weight: normal;
		color: #fff;
	}
	div#finisherclip table#fc_results tr.result:hover td a.play:hover {
		color: #fff !important;
	}
	div#finisherclip div#preload {
		position: relative;
		margin: 0 auto;
		margin-top: 40px;
		width: 32px;
		height: 32px;
		background: transparent url('../images/preload.gif') no-repeat;
	}
	body div#finisherclip table#fc_runner {
		position: relative;
		width: 100%;
		margin-top: 15px;
		margin-bottom: 50px;
	}
	div#finisherclip table#fc_runner td {
		padding: 8px 4px;
		font-family: verdana;
		font-size: 14px;
		font-weight: normal;
		color: #666;
		border-bottom: 1px solid #e8e8e8;
	}
	body div#finisherclip table#fc_runner td.label {
		padding: 8px 4px;
		font-size: 16px;
		font-family: verdana;
		font-weight: bold;
		color: #666;
		width: 40%;
		border-bottom: 1px solid #e8e8e8;

	}
	body div#finisherclip div#fc_video {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
		padding-top: 25px;
		margin-left: 0;
		background-color: #000;
		margin-bottom: 10px;
		-webkit-transform-style: preserve-3d;
		z-index: 1;
	}

	body div#finisherclip div#fc_video object#fc_video_api {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}
	div#finisherclip p.note {
		font-size: 11px;
	}
	body div#finisherclip p.note a {
		color: #E43C0F;
		text-decoration: none;
	}
	div#finisherclip p.note a:hover {
		color: #666;
	}
	div#finisherclip p a.back {
		display: block;
		color: #333 !important;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		line-height: 19px;
		padding-left: 22px;
		background: transparent url('../images/browser_back.png') no-repeat center left;
	}
	div#finisherclip p a.back:hover {
		background: transparent url('../images/browser_back_hover.png') no-repeat center left;
		color: #333 !important;
	}
	div#finisherclip p a.download {
		display: block;
		color: #333 !important;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		line-height: 19px;
		padding-left: 22px;
		background: transparent url('../images/clip_download.png') no-repeat center left;
	}
	div#finisherclip p a.download:hover {
		background: transparent url('../images/clip_download_hover.png') no-repeat center left;
		color: #333 !important;
	}
	div#finisherclip #fc_share, div#finisherclip #fc_twitter, div#finisherclip #fc_fb {
		position: relative;
		margin-right: 20px;
		height: 30px;
	}
	div#finisherclip #fc_zmaster {
		z-index: 999;
	}
	body div#finisherclip #fc_share {
		width: 128px;
		height: 20px;
		line-height: 20px;
		font-size: 11px;
		color: #E43C0F;
		z-index: 999;
		background: transparent url('../images/bg_share.png') no-repeat top left;
	}
	body div#finisherclip #fc_share a {
		display: block;
		height: 20px;
		line-height: 20px;
		padding-left: 24px;
		color: #E43C0F;
		text-decoration: none;
	}
	body div#finisherclip #fc_share a:hover {
		color: #E43C0F !important;
	}
	div#finisherclip #fc_sharemail {
		position: absolute;
		display: none;
		top: -240px;
		left: -2px;
		z-index: 22;
		width: 350px;
		height: 240px;
		background: transparent url('../images/bg_popup.png') no-repeat;
	}
	div#finisherclip #fc_sharemail #fc_close {
		position: absolute;
		right: 6px;
		top: 2px;
		z-index: 40;
		width: 18px;
		height: 18px;
		background: transparent url('../images/close.png');
	}
	div#finisherclip #fc_sharemail #fc_close a {
		display: block;
		width: 18px;
		height: 18px;
		background: none;
	}
	div#finisherclip #fc_sharemail #fc_close a:hover {
		background: transparent url('../images/close_grey.png') no-repeat;
	}
	div#finisherclip #fc_sharemail #fc_close a b {
		display: none;
	}
	body div#finisherclip #fc_shareframe {
		position: relative;
		margin-top: 25px;
		margin-left: 10px;
		width: 100%;
		height: 196px;
	}
	div#finisherclip p.disclaimer {
		color: #666;
		/*width: 100%;*/
		font-size: 11px;
		margin-top: 20px;
		text-align: left;
	}
	#wrapper-3 #main div#finisherclip a.back:hover,
	#wrapper-3 #main div#finisherclip a.back:focus,
	#wrapper-3 #main div#finisherclip a.back:active,
	#wrapper-3 #main div#finisherclip a.download:hover,
	#wrapper-3 #main div#finisherclip a.download:focus,
	#wrapper-3 #main div#finisherclip a.download:active {
		color: #333 !important;
		outline: none;
	}


	div#finisherclip #fc_perspectives a{
		float: right;
		padding: 3px 5px;
		margin: 0 1px 0 3px;
		color: #000000 !important;
		border-top: 1px solid #dddddd;
		border-left: 1px solid #bbbbbb;
		border-right: 1px solid #bbbbbb;
		border-bottom: 1px solid #bbbbbb;
		font-size: 11px;
		text-decoration: none;
		font-weight: bold;
		background: transparent url(../images/btn_back_verlauf.png) repeat-x bottom left;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
	}

		body div#finisherclip table.fc_search input[type="submit"] {
			margin: 0 auto;
		}

	body div#finisherclip #downloadbox a::before {
	    content: "\f019";
	    font: normal normal normal 14px/1 FontAwesome;
	    margin-right: 10px;
	}
	body div#finisherclip #downloadbox a{
		font-style: normal;
		text-decoration: none;
		color: #FFF;
		padding: 5px 15px;
		margin-right: 15px;
		background: #E43C0F;
	}

	body div#finisherclip #downloadbox a:hover {
		background: #D9603F;
		color: #111;
	}

	body div#finisherclip p a.back{
		font-style: normal;
		text-decoration: none;
		margin-top: 20px;
	}

	/* Phone portrait et droit */
	@media (max-width: 767px) {
		body div#finisherclip table.fc_search td, body div#finisherclip table.fc_search td:last-child {
			display: block;
			width: 100%;
			padding: 5%;
			text-align: center;
		}

		body div#finisherclip table.fc_search, body div#finisherclip table.fc_search input, body div#finisherclip table.fc_search label {
			width: 100%;
		}

		body div#finisherclip table.fc_search input {
			padding: 2%;
		}


	}

	/******************************/
	/*  PAGE MEDIA                */
	/******************************/
	.page-id-23 #left .box.black {
		color:#b1b3b6;
	}

	.page-id-23 h2, .icon {
		float:left;
	}

	.icon {
		margin-top:-5px;
		margin-right:5px;
	}

	.page-id-23 h2 {

		margin-bottom:10px;
		color:#b1b3b6;
	}

	.page-id-23 a {
		font-style:normal;
	}

	.page-id-23 #center .box.white {
		color:#0F0F0F;
	}

	/******************************/
	/*  PAGE HORAIRES             */
	/******************************/

	.tab-hor {
		width: 100%;
		text-align: left;
	}

	.tab-hor th {
		text-align: left;
	}

	.tab-hor td {
		padding-top: 10px;
		padding-bottom: 10px;
		vertical-align: top;
		text-align: left;
		padding-right: 10px;
	}

	.tab-hor .col1 {
		width: 25%;
	}


	/******************************/
	/*  PAGE SPONSORS             */
	/******************************/

	.sponsor img {
		margin-bottom: 25px;
		text-align: center;
	}

	.page-id-21 .box-text {
		text-align: center;
	}

	/******************************/
	/*  Remise à 0                */
	/******************************/
	form, img, ul, li, h1, h2, h3, h4, p, table {
		padding: 0px;
		margin: 0px;
		border: 0px;
		box-sizing: border-box;
	}

	/* Alignement des listes à l'intérieur de la div */
	ul {
		padding-left: 1em;
	}

	/* Annule les définitions de float */
	.spacer {
		clear: both;
	}

	/******************************/
	/*  IMAGES                  */
	/******************************/

	img.alignright {
		float: right;
		margin-left: 15px;
	}

	img.alignleft {
		float: left;
		margin-right: 15px;
	}

	img.aligncenter {
		display: block;
		margin: 0 auto;
	}

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

	/******************************/
	/*  Titre et paragraphes       */
	/******************************/

	h1 {
		font-size: 17px;
		color: #333132;
		margin-bottom: 20px;
	}

	h2 {
		font-size: 15px;
		color: #333132;
		margin-bottom: 20px;
		}

	#center h2 {
		margin-bottom: 5px;
	}

	#center h2.box-header {
		margin-bottom: 15px;
	}

	.black h1, .black h2 {
		color: #f1f2f2;
	}

	h3 {
		border-top:2px solid #414042;
		border-bottom:1px solid #414042;
		margin:5px 0 5px 0;
		padding: 3px 0 3px 0;
		}

	h4 {
		}

	h5 {
		}

	h6 {
		margin: 0 0 4px 0;
		padding: 0 4px;
		font-size: 10px;
		text-align: center;
	}

	p, ul {

		}

	.lines {
		border-top:1px solid #414042;
		border-bottom:2px solid #414042;
	}


	/******************************/
	/*  Liens                 */
	/******************************/

	a, a:visited, a:active  {
		text-decoration: underline;
		font-style: italic;
		font-weight: bold;
		color: #F00;
		}

	a:hover, a:focus {
		text-decoration: none;
		font-style: italic;
		color: #F00;
		font-weight: bold;
		}

	.black a, .black  a:visited, .black a:active  {
		text-decoration: none;
		font-style: italic;
		color: #b1b3b6;
		}

	.black a:hover, .black a:focus {
		text-decoration: none;
		font-style: italic;
		color: #f1f2f2;
		}

	.red, .black .red {
		color: #F00;
		font-weight: bold;
		text-decoration: underline;
	}

		/* Sous-Menu */

	.subpage-title.box {
		padding: 0;
		padding-right: 15px;
		margin-bottom: 10px;
	}

	.subpage-title a, .subpage-title a:visited, .subpage-title a:active {
		font-style: normal;
		font-size: 15px;
		color: #d1d3d4;
		display: block;
		padding: 15px;
		font-weight: normal;
		text-decoration: none;
	}

	.subpage-title a:hover, .subpage-title a:focus {
		font-style: normal;
		font-size: 15px;
		color: #FFF;
		text-decoration: none;
		background: url(images/subtitle-menu-right_white.png) no-repeat right 12px;
	}

	.white.subpage-title a, .white.subpage-title a:visited, .white.subpage-title a:active {
		color: #000;
		font-weight: bold;
		padding-right: 30px;
		text-decoration: none;
		background: url(images/subtitle-menu-right.png) no-repeat right 12px;
	}

	.white.subpage-title li, .white.subpage-title ul {
		list-style: none;
	}

		/* SOus-Sous-Menu */
	.white.subpage-title.has-children a, .white.subpage-title.has-children a:visited, .white.subpage-title.has-children a:active {
		background: url(images/subtitle_menu_down.png) no-repeat right 18px;
	}

	.white.subpage-title.has-children .sub-sub-pages a {
		background: none;
		font-weight: normal;
	}

	.white.subpage-title.has-children .sub-sub-pages .active a, .white.subpage-title.has-children .sub-sub-pages .active a:visited, .white.subpage-title.has-children .sub-sub-pages .active a:hover, .white.subpage-title.has-children .sub-sub-pages .active a:focus {
		background: url(images/subtitle_menu_right_little) no-repeat right 14px;
		font-weight: bold;
	}

	.white.subpage-title.has-children .sub-sub-pages a:hover, .white.subpage-title.has-children .sub-sub-pages a:focus {
		background: url(images/subtitle_menu_right_little) no-repeat right 14px;
		font-weight: normal;
	}

	/******************************/
	/*  images                     */
	/******************************/

	/******************************/
	/*  Formulaires               */
	/******************************/

	input, select, textarea {
		width: 95%;
		border: #A0A0A0 1px solid;
		background-color:white;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
	}

	.ErreurChamp {
		background: #FF9;
	}

	input[type="radio"], input[type="checkbox"], button, input[type="reset"], input[type="button"], input[type="submit"] {
		width: inherit;
	}

	button, input[type="reset"], input[type="button"], input[type="submit"] {
		padding: 0 15px 0 15px;
	}

	textarea {
		padding: 0px;
		height:100px;
	}

	.btnEnvoyer {
		width: 75px;
	}

	.FormLargeurLablel {
		width: 100px;
	}

	.tabFormulaire td {
		padding-bottom: 10px;
	}

	/******************************/
	/*  Messages d'erreurs        */
	/******************************/
	.MessageErreur, .MessageOk, .MessageConfirm {
		padding: 5px;
		margin: 5px;
		font-weight: bold;
		font-size: 16px;
		border-style: dashed;
		border-width: 1px;
	}

	.MessageErreur a, .MessageOk a, .MessageConfirm a {
		color: #FFFFFF;
	}

	.MessageErreur {
		background-color: #EBCCCC;
		border-color: #9D0000;
		color: #9D0000;
	}

	.MessageOk {
		background-color: #CFE1CC;
		border-color: #0E6600;
		color: #0E6600;
	}

	.MessageConfirm {
		background-color: #CCCCEF;
		border-color: #0000FF;
		color: #0000FF;
	}

	.FieldError {
		background-color: #FFFF99;
		border: #990000 dotted 1px;
	}

	label, .additionnal-infos {
		display:block;
		width:52%;
		float:left;
	}

	.additionnal-infos {
		font-style:italic;
	}

	.wpcf7-form-control-wrap {
		display:block;
		width:45%;
		float:right;
	}
	.wpcf7-list-item {
		display:block;
	}

	.wpcf7-submit {
		display:block;
		height:30px;
		width:85px;
		margin-top:-30px;
		background-color: #0e0c0c;
		background-image: url(images/lausanne-marathon-bg-black.jpg);
		background-repeat: no-repeat;
		background-position: top;
		color:white;
	}

	label, .wpcf7-form-control-wrap {
		margin-top:8px;
	}

	hr {
		border-color:lightgrey;
		border-bottom-width:0;
		margin:25px 0 25px 0;
	}



	/******************************/
	/* RESPONSIVE DESIGN          */
	/******************************/

	/* Portrait tablet to landscape and desktop */
	@media  (min-width: 800px) and (max-width: 1024px) {

	.responsive {
		display: block;
	}

	#global {
		width: 100%;
	}

	#header {
		width: 100%;
		margin-bottom: 20px;
		text-align: left;
	}

	#logo {
		display: none;
		margin-right: 0;
	}

	#logo.responsive {
		float: left;
		margin-right: 15px;
		width: 25%;
		display: block;
	}

	#logo img {
		 -moz-box-shadow: 0 0 3px black;
		 -webkit-box-shadow: 0 0 3px black;
		 box-shadow: 0 0 3px black;
		 width: 100%;
		 height: auto;
	}

	#Facebook {
		background: none;
		height: inherit;
		display:none;
	}
		
	

	#Facebook.responsive {
		display: block;
		width: 100%;
	}

	#Facebook.responsive img {
		width: 100%;
		height: auto;
	}

	#Facebook a:hover {
		opacity: 0.8;
	}

	#center-block {
		display: block;
		vertical-align: top;
		width: 100%;
	}

	#top-upper-menu {
		height: 33px;
	}

	#top-menu {
		margin: 0;
		height: 53px;
		padding: 0;
		padding-left: 10px;
	}

		#top-menu li {
			 display: inline-block;
			*display: inline; /* IE < 8 */
			*zoom : 1; /* IE < 8 : à tester pas forcement nécessaire */
		}

		#top-menu li.current_page_item a, #top-menu li.current_page_item a:hover, #top-menu li.current_page_item a:focus, .current_page_parent a, .current_page_ancestor a {
			background: url(images/lm-menu-arrow-big.png) no-repeat center top;
		}

		#top-menu li a, #top-menu li a:visited, #top-menu li a:active {
			display: block;
			color: #FFF;
			text-decoration: none;
			font-size: 16px;
			margin-right: 8px;
			padding-top: 18px;
			height: 35px;
			font-style: normal;
			font-weight: normal;
		}

		#top-menu li a:hover, #top-menu li a:focus {
			color: #FFF;
			text-decoration: none;
			font-weight: normal;
			background: url(images/lm-menu-arrow-little.png) no-repeat center top;
		}



	/* Sponsors défilante en tête du site */

	#sponsors {
		float: right;
		width: 115px;
		height: 135px;
		background: url(images/lausanne-marathon-bg-sponsors-top.jpg);
		 -moz-box-shadow: 0 0 3px #CCC;
		 -webkit-box-shadow: 0 0 3px #CCC;
		 box-shadow: 0 0 3px #CCC;
		 top: 0;
	    position:relative;
	}

	#sponsors img {
		width:80%;
		margin:0 10% 0 10%;
		height:auto;
		top:50%;
		position:absolute;
	}
	#sponsors img.hidden {
		display:none;
	}

	#datasport {
		float: left;
	}


	#datasport-register {
		display: inherit;
		overflow: hidden;
		margin-right: 0;
	}

	#datasport-register img {
		margin-top: -24px;
		margin-left: -18px;
	}

	#datasport-list {
		display: inherit;
		vertical-align: top;
	}

	#fb {
		margin-right: 15px;
		margin-left: 15px;
	}

	#menu-languages {
		float: right;
		margin-right: 15px;
	}

		#menu-languages .lang {
			background: url(images/lausanne-marathon-bg-flag.jpg) no-repeat;
			width: 35px;
			height: 21px;
			display: inline-block;
			*display: inline; /* IE < 8 */
			*zoom : 1; /* IE < 8 : à tester pas forcement nécessaire */
			 -moz-box-shadow: 0 0 3px #CCC;
			 -webkit-box-shadow: 0 0 3px #CCC;
			 box-shadow: 0 0 3px #CCC;
			 margin-left: 3px;
		}

		#menu-languages .lang a {
			display: block;
			width: 27px;
			height: 15px;
			overflow: hidden;
			background-image: url(images/lausanne-marathon-flags.jpg);
			margin: 3px 0px 0 4px;
		}

		#menu-languages .lang.fr a {
			background-position: bottom left;
		}

		#menu-languages .lang.fr a:hover, #menu-languages .lang.fr.selected a {
			background-position: top left;
		}

		#menu-languages .lang.de a {
			background-position: bottom center;
		}

		#menu-languages .lang.de a:hover, #menu-languages .lang.de.selected a {
			background-position: top center;
		}

		#menu-languages .lang.en a {
			background-position: bottom right;
		}

		#menu-languages .lang.en a:hover, #menu-languages .lang.en.selected a {
			background-position: top right;
		}

	#date-line {
		display: none;
	}

	#date-line-content.responsive {
		display: inline-block;
		text-align:left;
		text-shadow: 0px 0px 4px #FFF;
		line-height:normal;
		padding-top: 4px;
		padding-left: 0px;
		font-size: 200%;
		width: inherit;
	}

	#date-line strong {
		font-size: 25pt;
	}

	#countdown.responsive {
		display: block;
		float: right;
		margin-top: 15px;
	}

	#countdown {
		width:250px;
		height:100px;
		float:right;
		clear: right;
	}




	#dernier-element {
		bottom: 0;
		clear: both;
		padding-bottom: 50px;
	}


	#footer {
		width: 250px;
		display:  block;
		height: 35px;
		text-align: center;
		padding-top: 8px;
		bottom: 0;
		position: absolute;
		font-size: 12px;
	}

	#signature {
		text-align: right;
		padding-right: 10px;
		font-size: 10px;
		font-style: normal;
	}

		#signature a {
			font-style: normal;
		}




/******************************/
/*  CONTENU                 */
/******************************/

	#left {
		float: left;
		margin-right: 2%;
		width: 25%;
	}

	#center {
		float: right;
		width: 73%;
	}

	#right {
		float: right;
		width: 73%;
	}

	/* Slider central */


	#slider {
		position:relative;
		/*overflow: hidden; JN */
	}

	#slider #inner {
		/*overflow: hidden; JN */
		height: 342px;
		position: relative;
	}

	#slider img.slide {
		width: 100%;
		position: absolute;
		height: auto;
	}
	#slider-left-arrow, #slider-right-arrow {
		position:relative;
		top:-200px;
		margin:0 15px 0 15px;
		cursor:pointer;
	}
	#slider-left-arrow {
		float:left;
	}
	#slider-right-arrow {
		float:right;
	}


	}

	/* Phone portrait et droit */
	@media (max-width: 800px) {
	.smartphone {
		display: block;
	}

    .show-hide-menu {
        display:inline;
    }

	#global {
		width: 100%;
	}

	#header {
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}

	#menu-line {
		display: none;
	}

	#sponsors {
		display: none;
	}

	#logo {
		display:block;
		margin-right: 0;
		text-align: center;
		width: 100%;
	}

	#center-block {
		display: block;
		width: 100%;
	}

	#top-upper-menu {
		height: auto;
	}

	#top-under-menu, #date-line {
		display: none;
	}

	.home #top-under-menu, .home #date-line {
		display: block;
	}


	#menu-languages {
		float: none;
		text-align: center;
		margin-bottom: 1%;
	}

	#date-line {
		width: 100%;
		text-align: center;
	}

	#date-line-content {
		display: none;
	}

	#date-line-content.smartphone {
		display: block;
		width: 250px;
		text-align: center;
		float: none;
		background: #FFF;
		padding: 2% 0;
		margin-bottom: 10%;
		margin: 0 auto;
	}

	#datasport-register {
		display: block;
		overflow: hidden;
		margin-right: 0;
	}

	#datasport-register img {
		margin-top: -15px;
		margin-left: 0px;
	}

	#datasport-list {
		display: block;
	}

	#fb {
		display: none;
	}


	#countdown {
		float: none;
		display: block;
		margin: 0 auto;
	}

	#footer {
		width: 100%;
	}

	#signature {
		text-align: center;
	}

/* Menu */

	#top-menu {
		display: none;
	}

	#top-menu.smartphone {
		display: block;
		margin: 0;
		height: auto;
		padding: 0;
		background: #131618;
		top: 0;
		width: 100%;
	}

		#top-menu.smartphone  li {
			 display: none;
			 border-bottom: 1px solid #FFF;
			 text-align: center;
		}

		#top-menu.smartphone li a, #top-menu li#top-menu.smartphone a:visited, #top-menu.smartphone li a:active {
			display: block;
			color: #FFF;
			text-decoration: none;
			font-size: 16px;
			margin-right: 0;
			padding-top: 0;
			height: auto;
			font-style: normal;
			padding-top: 5%;
			padding-bottom: 5%;
		}

		#top-menu.smartphone li a:hover, #top-menu.smartphone li a:focus {
			color: #FFF;
			text-decoration: none;
			background: none;
		}


		#top-menu.smartphone li.current_page_item a, #top-menu.smartphone  li.current_page_item a:hover, #top-menu.smartphone li.current_page_item a:focus, #top-menu.smartphone li.current_page_item a:visited, #top-menu.smartphone .current_page_parent a, #top-menu.smartphone .current_page_ancestor a {
			background: #FFF;
			font-weight: bold;
			color: #131618;
		}

		#top-menu.smartphone li.toggle-menu {
			display: block;
			background: url(images/lm-menu-arrow-little.png) no-repeat center bottom;
		}

/* Sponsors */

	.sponsors-bottom {
		width: 100%;
		height: 80px;
		background: url(images/lausanne-marathon-bg-sponsors-top.jpg);
		 -moz-box-shadow: 0 0 3px #CCC;
		 -webkit-box-shadow: 0 0 3px #CCC;
		 box-shadow: 0 0 3px #CCC;
		 top: 0;
	    position:relative;
		margin: 0 auto;
		display: block;
		text-align: center;
	}

	.sponsors-bottom img {
		width: 200px;
		margin: 2% auto;
		height:auto;
		top: inherit;
		position: relative;
	}
	.sponsors-bottom img.hidden {
		display:none;
	}


/******************************/
/*  CONTENU                 */
/******************************/

	#left {
		float: none;
		margin-right: 0;
		width: 75%;
		position: absolute;
	}

	#center {
		float: right;
		width: 90%;
		right: 0;
		margin: 0;
	}

	#right {
		float: right;
		width: 90%;
		margin: 0;
	}

	#left .box {
		box-shadow: #333 0 0 4px;
	}


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

	.show-hide-menu {
		padding: 3%;
		background: #131618;
		color: #FFF;
		cursor: pointer;
	}

	/* adaptation pour la home et la page sponsors */

	.home #left, .page-id-21 #left, .home #center, .page-id-21 #center, .home #right, .page-id-21 #right {
		float: none;
		position: inherit;
		width: 100%;
	}

	.home .show-hide-menu, .page-id-21 .show-hide-menu  {
		display: none;
	}

	.home #right {
		margin-bottom: 20px;
	}

	.home #center,

	#Facebook.responsive, #Facebook {
		display: none;
		}

	#Facebook.smartphone {
		background: none;
		text-align: center;
		display: block;
		margin-bottom: 20px;
		height: auto;
		}

	.home #center, .home #right, .home #left  {
		display: none;
	}


	}