@charset "UTF-8";
/* CSS Document */

@media (min-width: 1200px) {
	/* CSS desktop */
	.AccordionPanelTab {
		font-size:26px;
	}
	.active {
		background: rgba(0,77,95,0.5);
	}
	.allweneedwello {
		position:absolute;
		left:50%;
		margin-left:-150px;
		top:370px;
		width:350px;
		height:49px;
		z-index:9;
		background:url(img/allweneedwello.png) no-repeat;
		background-size:contain;
		background-position:right;
	}
	.allweneedwello2 {
		margin: auto;
		margin-top: -90px;
		margin-bottom: 50px;
		padding-left: 20px;
		width:400px;
		height:49px;
		background:url(img/allweneedwello.png) no-repeat;
		background-size:contain;
		background-position:right;
	}
	.container{
		max-width: 800px !important;
	}
	.contenu-page {
		font-family:'Poppins', sans-serif;
		font-size:17px;
		text-align: center !important;
		line-height: 200%;
	}
	.footer {
		background:rgba(7,41,42,0.6);
		font-family:'Poppins', sans-serif;
		font-weight:normal;
		text-align:center;
		font-size:14px;
		color:#FFFFFF;
		position:absolute;
		bottom:40px;
		width:100%;
		margin-bottom:-80px;
	}
	.footer input[type=text] {
		font-family:'Poppins', sans-serif;
		border:solid 1px rgba(255,255,255,0.5);
		background:none;
		color:#FFFFFF;
		width:200px;
		padding:5px;
		margin-left:8px;
	}
	.footer2 {
		background:rgba(7,41,42,0.6);
		font-family:'Poppins', sans-serif;
		font-weight:normal;
		text-align:center;
		font-size:14px;
		color:#FFFFFF;
		position:absolute;
		bottom:40px;
		width:100%;
		margin-bottom:-172px;
	}
	.footer2 input[type=text] {
		font-family:'Poppins', sans-serif;
		border:solid 1px rgba(255,255,255,0.5);
		background:none;
		color:#FFFFFF;
		width:200px;
		padding:5px;
		margin-left:8px;
	}
	.footer-page {
		background:rgba(7,41,42,0.6);
		font-family:'Poppins', sans-serif;
		font-weight:normal;
		text-align:center;
		font-size:14px;
		color:#FFFFFF;
	}
	.footer-page input[type=text] {
		font-family:'Poppins', sans-serif;
		border:solid 1px rgba(255,255,255,0.5);
		background:none;
		color:#FFFFFF;
		width:200px;
		padding:5px;
		margin-left:8px;
	}
	.footer-links a{
		color: #FFFFFF;
		margin-right: 20px;
	}
	h1 {
		font-family: 'Poppins', sans-serif;
		font-weight:normal;
		text-align:center;
		font-size:19px;
		color:#FFFFFF;
		margin:0;
		padding:0;
		text-shadow: 0px 0px 10px #000000;
		-o-text-shadow: 0px 0px 10px #000000;
		-moz-text-shadow: 0px 0px 10px #000000;
		-webkit-text-shadow: 0px 0px 10px #000000;
	}
	h2 {
		font-family: 'Quicksand',Arial,sans-serif;
		font-size: 42px !important;
		text-align: center;
	}
	.head-banner{
		margin-bottom: 30px;
		margin-top: -180px;
		padding-top: 50px;
		width:100%;
		height:600px;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-position: 50% 50% !important;
	}
	.head-tagline{
		width:100%;
		padding-top: 270px;
		text-align: center;
		font-family: 'Poppins', Arial, sans-serif;
		font-size: 60px;
		color:#FFFFFF;
		font-weight: 900;
		text-shadow: 0px 0px 30px #333333;
	}
	.wello-logo-small img {
		margin-top:-10px;
	}
	.mailto {
		float:right;
		margin-right:10px;
		font-size:12px;
		color:#FFFFFF;
		margin-top:5px;
		margin-left:-100px;
	}
	.mentions {
		float:left;
		margin-left:10px;
		font-size:12px;
		color:#FFFFFF;
		margin-top:-25px;
	}
	.mobile_only {
		display:none;
	}
	li br {
		display:inline-block;
	}
	li img {
		height:55px;
		width:auto;
	}
	.landscape_tagline {
		display: none;
	}
	.logo_wello img {
		width:356px;
	}
	.logo_wello {
		font-family:'booster', sans-serif;
		font-weight:bold;
		text-align:center;
		font-size:19px;
		color:#FFFFFF;
		padding-top:188px;
		width:100%;
		text-shadow: 0px 0px 5px #000000;
		-o-text-shadow: 0px 0px 5px #000000;
		-moz-text-shadow: 0px 0px 5px #000000;
		-webkit-text-shadow: 0px 0px 5px #000000;
	}
	.logo_wello_def {
		font-family:'booster', sans-serif;
		font-weight:bold;
		text-align:center;
		font-size:19px;
		color:#FFFFFF;
		padding-top:28px;
		width:100%;
		/*text-shadow: 0px 0px 5px #000000;
		-o-text-shadow: 0px 0px 5px #000000;
		-moz-text-shadow: 0px 0px 5px #000000;
		-webkit-text-shadow: 0px 0px 5px #000000;*/
	}
	.logo_wello_def h1 {
		margin-top: -20px;
	}
	.nav {
		position:absolute;
		bottom:50px;
		width:100%;
		color:#FFFFFF;
		box-sizing:border-box;
		text-align:center;
	}
	.nav-black {
		color:#000000 !important;
		border-bottom-color: #000000 !important;
		border-top-color: #000000 !important;
	}
	.nav1div, .nav2div, .nav3div, .nav4div, .nav5div {
		padding-top:70px;
	}
	#nav1, #nav2, #nav3, #nav4, #nav5 {
		display:inline-block;
	}
	.nav1 span, .nav2 span, .nav3 span, .nav4 span, .nav5 span {
		font-family:'Poppins', sans-serif;
		font-size:13px;
		font-weight:normal;
		text-shadow: 0px 0px 5px #000000;
		-o-text-shadow: 0px 0px 5px #000000;
		-moz-text-shadow: 0px 0px 5px #000000;
		-webkit-text-shadow: 0px 0px 5px #000000;
	}
	.nav1 {
		background:url(img/powered-by-nature.png) no-repeat top center;
	}
	.nav2 {
		background:url(img/25-40kmh.png) no-repeat top center;
	}
	.nav3 {
		background:url(img/emport-modulable.png) no-repeat top center;
	}
	.nav4 {
		background:url(img/confort-et-securite.png) no-repeat top center;
	}
	.nav5 {
		background:url(img/ultra-connecte.png) no-repeat top center;
	}
	.nav li {
		font-family:'Poppins', sans-serif;
		font-size:17px;
		text-align:center;
		padding:10px 30px;
		width:auto;
		box-sizing:border-box;
		display:inline-block;
		font-weight:900;
		transition: all .3s ease-in-out 0s;
		-o-transition: all .3s ease-in-out 0s;
		-moz-transition: all .3s ease-in-out 0s;
		-webkit-transition: all .3s ease-in-out 0s;
		text-shadow: 0px 0px 5px #000000;
		-o-text-shadow: 0px 0px 5px #000000;
		-moz-text-shadow: 0px 0px 5px #000000;
		-webkit-text-shadow: 0px 0px 5px #000000;
	}
	.nav-black-active {
		border-bottom:solid 1px #000000 !important;
		border-top:solid 1px #000000 !important;
	}
	.timetable-wrapper {
		overflow:hidden;
		padding:35px 0px;
	}
	.typewriter {
		width:350px;
		margin:auto;
		text-align:left;
	}
	.typewriter p {
		font-family: 'booster', Arial, Helvetica, sans-serif;
		font-size: 35px;
		white-space: nowrap;
		overflow: hidden;
		width: 350px;
		-webkit-animation: type 3s steps(40, end);
		animation: type 3s steps(40, end);
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		animation-timing-function:ease-out;
	}
}