@charset "UTF-8";
/* CSS Document */
@media only screen and (orientation:portrait) {
}
@media only screen and (orientation:landscape) {
}
@media (max-width: 1200px) AND (min-width: 600px) {
	/* CSS tablette */
	.AccordionPanelTab {
		font-size:20px;
	}
	.active {
		background: rgba(0,77,95,0.5);
		text-decoration: underline;
		border-top:none;
		border-bottom:none;
	}
	.allweneedwello {
		position:absolute;
		left:50%;
		margin-left:0px;
		top:210px;
		width:160px;
		height:36px;
		z-index:9;
		background:url(img/allweneedwello.png) no-repeat;
		background-size:contain;
		background-position:right;
	}
	.allweneedwello2 {
		width:270px;
		margin: auto;
		margin-top: -60px;
		margin-bottom: 60px;
		height:36px;
		background:url(img/allweneedwello.png) no-repeat;
		background-size:contain;
		background-position:right;
	}
	.contenu-page {
		font-family:'Poppins', sans-serif;
		font-size:17px;
		text-align: center !important;
		padding: 0px 20px;
	}
	.contenu-page span {
		font-size:14px;
	}
	.desktop_only {
		display:none;
	}
	.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:74px;
		width:100%;
		margin-bottom:-114px;
	}
	.footer input[type=text] {
		font-family:'Poppins', sans-serif;
		font-size:12px;
		border:solid 1px rgba(255,255,255,0.5);
		background:none;
		color:#FFFFFF;
		width:200px;
		padding:2px;
		margin-left:20px;
		margin-top:8px;
		margin-bottom: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:74px;
		width:100%;
		margin-bottom:-205px;
	}
	.footer2 input[type=text] {
		font-family:'Poppins', sans-serif;
		font-size:12px;
		border:solid 1px rgba(255,255,255,0.5);
		background:none;
		color:#FFFFFF;
		width:200px;
		padding:2px;
		margin-left:20px;
		margin-top:8px;
		margin-bottom: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;
		width:100%;
	}
	.footer-page input[type=text] {
		font-family:'Poppins', sans-serif;
		font-size:12px;
		border:solid 1px rgba(255,255,255,0.5);
		background:none;
		color:#FFFFFF;
		width:200px;
		padding:2px;
		margin-left:20px;
		margin-top:8px;
		margin-bottom:8px;
	}
	.footer-links a{
		color: #FFFFFF;
		margin-right: 20px;
	}
	h1 {
		font-family: 'Poppins', sans-serif !important;
		font-weight:normal !important;
		text-align:center !important;
		font-size:17px !important;
		color:#FFFFFF !important;
		margin:0;
		padding:0;
		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;
	}
	h2 {
		font-family: 'Quicksand',Arial,sans-serif !important;
		font-size: 26px !important;
		text-align: center !important;
	}
	.head-banner{
		margin-top: -120px;
		margin-bottom: 30px;
		width:100%;
		height:400px;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}
	.head-tagline{
		padding-top:210px;
		width:100%;
		text-align: center;
		font-family: 'Poppins', Arial, sans-serif;
		font-size: 50px;
		color:#FFFFFF;
		font-weight: 900;
		text-shadow: 0px 0px 30px #333333;
	}
	li br {
		display:none;
	}
	li img {
		height:20px;
		width:auto;
	}
	.logo_wello img {
		width:356px;
	}
	.logo_wello {
		font-family:'booster', sans-serif;
		font-weight:bold;
		text-align:center;
		font-size:17px;
		color:#FFFFFF;
		margin-top:40px;
		width:100%;
	}
	.logo_wello_def {
		font-family:'booster', sans-serif;
		font-weight:bold;
		text-align:center;
		font-size:17px;
		color:#FFFFFF;
		margin-top:40px;
		width:100%;
	}
	.logo_wello_def img {
		width:356px;
	}
	.logo_wello_def h1 {
		margin-top: -20px;
	}
	.wello-logo-small img {
		margin-top:-10px;
	}
	.mailto {
		float:none;
		margin-left:0px;
		font-size:12px;
		color:#FFFFFF;
	}
	.mentions {
		float:none;
		margin-left:0px;
		font-size:12px;
		color:#FFFFFF;
	}
	.nav {
		position:absolute;
		bottom:95px;
		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-left:35px;
		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 span, .nav2 span, .nav3 span, .nav4 span, .nav5 span {
		display:none;
	}
	.nav1 {
		background:url(img/powered-by-nature-mobile.png) no-repeat left center;
		background-size:28px;
	}
	.nav2 {
		background:url(img/25-40kmh.png) no-repeat left center;
		background-size:22px;
	}
	.nav3 {
		background:url(img/emport-modulable-mobile.png) no-repeat left center;
		background-size:23px;
	}
	.nav4 {
		background:url(img/confort-et-securite.png) no-repeat left center;
		background-size:23px;
	}
	.nav5 {
		background:url(img/ultra-connecte-mobile.png) no-repeat left center;
		background-size:25px;
	}
	.nav ul {
		width:200px;
		margin:auto;
	}
	.nav li {
		font-family:'Poppins', sans-serif;
		font-size:14px;
		text-align:left;
		padding:5px 0px;
		display:block;
		width:100%;
		box-sizing:border-box;
		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;
	}
	.timetable{
		width:100%;
		text-align: left;
		float: none;
		display: block;
		padding-bottom: 15px;
		padding-top:0;
		padding-left:30px;
		margin-top:-40px;
		margin-bottom: 40px;
		border-left: solid 3px #00A1A4;
		border-top: none;
	}
	.event-future{
		border-top: none !important;
		border-left: solid 3px #B3CFE3 !important;
	}
	.timetable-annee{
		font-family: 'Poppins', sans-serif;
		font-size: 20px;
		color:#000000;
	}
	.timetable-event{
		border-radius: 22px;
		width:22px;
		height:22px;
		margin-left: -42px;
		float:left;
		background: #FFFFFF;
		margin-bottom: 1px;
		margin-top: -1px;
	}
	.timetable-pic{
		display:none;
	}
	.timetable-wrapper {
		overflow:hidden;
		padding:30px 20px;
	}
	.typewriter {
		width:260px;
		margin:auto;
		text-align:left;
	}
	.typewriter p {
		width:260px;
		font-family: 'booster', Arial, Helvetica, sans-serif;
		font-size: 24px;
		white-space: nowrap;
		overflow: hidden;
		-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;
	}
}
@media (max-width: 600px) {
	/* CSS mobile */
	.AccordionPanelTab {
		font-size:16px;
	}
	.active {
		background: #00A2A4;
		text-decoration: underline !important;
		border-top:none;
		border-bottom:none;
	}
	.allweneedwello {
		position: absolute;
		left: 50%;
		margin-left: -20px;
		top: 140px;
		width: 160px;
		height: 36px;
		z-index: 9;
		background: url(img/allweneedwello.png) no-repeat;
		background-size: contain;
		background-position: right;
	}
	.allweneedwello2 {
		width:270px;
		margin: auto;
		margin-top: -60px;
		margin-bottom: 60px;
		height:36px;
		background:url(img/allweneedwello.png) no-repeat;
		background-size:contain;
		background-position:right;
	}
	.contenu-page {
		font-family:'Poppins', sans-serif;
		font-size:15px;
		text-align: left !important;
		padding: 0px 20px;
	}
	.desktop_only {
		display:none;
	}
	.div-full {
		width:100%;
		float: none;
		background: #FFFFFF;
		line-height: 100%;
		overflow: hidden;
	}
	.div-half {
		width:100%;
		float: none;
		background: #FFFFFF;
		line-height: 100%;
		overflow: hidden;
	}
	.div-third {
		width:100%;
		float: none;
		background: #FFFFFF;
		line-height: 100%;
		overflow: hidden;
	}
	.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:74px;
		width:100%;
		margin-bottom:-114px;
	}
	.footer input[type=text] {
		font-family:'Poppins', sans-serif;
		font-size:12px;
		border:solid 1px rgba(255,255,255,0.5);
		background:none;
		color:#FFFFFF;
		width:200px;
		padding:2px;
		margin-left:20px;
		margin-top:8px;
		margin-bottom: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:95px;
		width:100%;
		margin-bottom:-270px;
	}
	.footer2 input[type=text] {
		font-family:'Poppins', sans-serif;
		font-size:12px;
		border:solid 1px rgba(255,255,255,0.5);
		background:none;
		color:#FFFFFF;
		width:200px;
		padding:2px;
		margin-left:20px;
		margin-top:8px;
		margin-bottom:8px;
	}
	/*.footer-citation{
		margin-left: -20px;
		margin-right: -20px;
	}*/
	.footer-links a{
		color: #FFFFFF;
		margin-right: 0px;
		display: block;
		text-align: center;
	}
	h1 {
		font-family: 'Poppins', sans-serif;
		font-weight:normal;
		text-align:center;
		font-size:17px;
		color:#FFFFFF;
		margin:0;
		padding:0;
		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;
	}
	h2 {
		font-family: 'Quicksand',Arial,sans-serif !important;
		font-size: 26px !important;
		text-align: left !important;
	}
	.head-banner{
		margin-top: -60px;
		margin-bottom: 30px;
		width:100%;
		height:250px;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-position: 50% 50% !important;
	}
	.head-tagline{
		padding-top:130px;
		width:100%;
		text-align: center;
		font-family: 'Poppins', Arial, sans-serif;
		font-size: 24px;
		color:#FFFFFF;
		font-weight: 900;
		text-shadow: 0px 0px 30px #333333;
	}
	.headnav a:not(:first-child) {display: none;}
	.headnav .icon {
		float: left;
		display: block !important;
	}
	.headnav{
		text-align: center;
		background: #00A2A4;
		padding: 5px;
		margin-top: 0;
		line-height: 30px;
	}
	.headnav.responsive {position: relative;}
	.headnav.responsive a.icon {
		position: absolute;
		left: 0;
		top: 0;
		margin-left: 5px;
		margin-top: 5px;
	}
	.headnav.responsive img {
		margin-left : 26px;
		margin-top:2px !important;
	}
	.headnav a {
		font-size: 16px;
		margin-right: 0;
	}
	.headnav a:hover {
		border-top:none;
		border-bottom:none;
	}
	.headnav img {
		margin-top:5px;
		margin-bottom: -5px;
	}
	.logonav {
		margin-top:0px !important;
		margin-bottom: 0px !important;
	}
	.headnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
	.headnav.responsive a:first-child {
		float: none;
		display: block;
		text-align: center;
	}
	.headnav-gradient{
		background: none;
		padding:0px;
	}
	i {
		font-size: 20px !important;
	}
	li br {
		display:none;
	}
	li img {
		height:20px;
		width:auto;
	}
	.logo_wello img {
		width:180px;
	}
	.logo_wello {
		font-family:'Raleway', sans-serif;
		font-weight:bold;
		text-align:center;
		font-size:17px;
		color:#FFFFFF;
		margin-top:40px;
		width:100%;
	}
	.innernav .responsive img {
		margin-top:-5px !important;
	}
	.logo_wello_def img {
		width:180px;
	}
	.logo_wello_def {
		font-family:'Raleway', sans-serif;
		font-weight:bold;
		text-align:center;
		font-size:17px;
		color:#FFFFFF;
		margin-top:40px;
		width:100%;
	}
	.logo_wello_def h1 {
		margin-top: -20px;
	}
	.mailto {
		float:none;
		margin-left:0px;
		font-size:12px;
		color:#FFFFFF;
	}
	.mentions {
		float:none;
		margin-left:0px;
		font-size:12px;
		color:#FFFFFF;
	}
	.nav {
		position:absolute;
		bottom:95px;
		width:100%;
		color:#FFFFFF;
		box-sizing:border-box;
		text-align:center;
	}
	.nav-black {
		color:#FFFFFF !important;
	}
	.nav1div, .nav2div, .nav3div, .nav4div, .nav5div {
		padding-left:35px;
		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;
		width:220px;
	}
	.nav1 span, .nav2 span, .nav3 span, .nav4 span, .nav5 span {
		display:none;
	}
	.nav1 {
		background:url(img/powered-by-nature-mobile.png) no-repeat left center;
		background-size:28px;
	}
	.nav2 {
		background:url(img/25-40kmh.png) no-repeat left center;
		background-size:22px;
	}
	.nav3 {
		background:url(img/emport-modulable-mobile.png) no-repeat left center;
		background-size:23px;
	}
	.nav4 {
		background:url(img/confort-et-securite.png) no-repeat left center;
		background-size:23px;
	}
	.nav5 {
		background:url(img/ultra-connecte-mobile.png) no-repeat left center;
		background-size:25px;
	}
	.nav ul {
		width:230px;
		margin:auto;
	}
	.nav li {
		font-family:'Poppins', sans-serif;
		font-size:14px;
		text-align:left;
		padding:5px 0px;
		display:block;
		width:100%;
		box-sizing:border-box;
		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;
	}
	.navmasque {
		display: none;
	}
	.timetable{
		width:100%;
		text-align: left;
		float: none;
		display: block;
		padding-bottom: 15px;
		padding-top:0;
		padding-left:30px;
		margin-top:-40px;
		margin-bottom: 40px;
		border-left: solid 3px #00A1A4;
		border-top: none;
	}
	.event-future{
		border-top: none !important;
		border-left: solid 3px #0663A4 !important;
	}
	.timetable-event{
		border-radius: 22px;
		width:22px;
		height:22px;
		margin-left: -42px;
		float:left;
		background: #FFFFFF;
		margin-bottom: -1px;
		margin-top: 1px;
	}
	.timetable-pic{
		display:none;
	}
	.timetable-wrapper {
		overflow:hidden;
		padding:30px 20px;
	}
	.typewriter {
		width:260px;
		margin:auto;
		text-align:left;
	}
	.typewriter p {
		width:260px;
		font-family: 'booster', Arial, Helvetica, sans-serif;
		font-size: 24px;
		white-space: nowrap;
		overflow: hidden;
		-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;
	}
	.wello-logo-small{
		margin-left: -30px !important;
		float: none;
		margin: auto;
	}
}