/* ==========================================================================
   Styles accueil
   ========================================================================== */
   
   /* =======
   Structure
   ========== */
	
	body.home {
		height: 100%;
		width: 100%;
	}
	
	body.home h1, body.home h2 {
		margin:0;
		color:#fff;
		display:inline-block;
		width:100%;
		font-size:2.188rem;
		letter-spacing:1px;
	}
	
	body.home h1 {
		text-transform:uppercase;
	}
	
	body.home h2 {
		font-weight:300;
	}

	body.home h3 {
		text-align: center;
		background: rgba(34,108,191,0.8);
		display: inline-block;
		padding: 5px 10px;
		color:#ffffff;
	}
	
	body.home #content {
		height:100%;
		text-align:center;
	}
	
	/* =======
   Titre + Moteur
   ========== */
	
	body.home #content .wrapper {
		top: 50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	body.home #content .wrapperWidget {
		top: 100%;
		-moz-transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	
	/* =======
   Moteur de Recherche
   ========== */
	
	body.home #content form {
		display:table;
		table-layout: fixed;
		
		line-height:3.125rem;
		font-size:0;
		
		background:#fff;
		
		width:100%;
		height: 50px;
		max-width:870px;
		
		text-align:left;
		margin:2.5rem auto auto auto;
	}
	
	body.home #content div.message_erreur {
		display:none;
		line-height:0.5rem;
		
		background:rgba(196,0,0,0.8);
		color:#fff;
		
		width:100%;
		max-width:810px;
		
		text-align:left;
		margin:0 auto auto auto;
	}
	
	body.home #content div.message_erreur div {
		padding:10px;
	}
	
	body.home #content div.message_erreur p {
		margin:0;
		display:inline-block;
		opacity:0;
		font-size:0.875rem;
	}
	
	body.home #content div.message_erreur p span {
		width:100%;
		display:inline-block;
		line-height:1.6rem;
	}
	
	body.home #content div.message_erreur.open p {
		-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
		opacity:1;
	}
	
	/* body.home #content form h3, body.home #content form > input, body.home #content form > div { */
		/* margin:0; */
		/* display:table-cell; */
		/* vertical-align:middle; */
		/* position:relative; */
		/* line-height: 1rem; */
		/* font-size:1rem; */
		/* width:20%; */
	/* } */
	
	body.home #content form > * {
		margin:0;
		display:table-cell;
		vertical-align:middle;
		position:relative;
		line-height: 1rem;
		font-size:1rem;
		width:20%;
	}
	body.home #content form > div.destination {
		width:25%;
	}
	body.home #content form > div.destination .sod_select {
		width:100%;
		border:0 none;
	}
	body.home #content form > div.date {
		width:17%;
	}
	
	body.home #content .summer h3 {
		font-weight:400;
		padding:0 0.875rem;
		width:25%;
	}
	
	body.home #content form h3 span {
		text-transform:uppercase;
		color:#a4d302;
		font-size:1rem;
		letter-spacing:2px;
		font-weight:600;
	}
	
	body.home #content .accroche p {
		background:rgba(0,97,152,0.7);
		padding:0.5rem 1rem;
		display:inline-block;
		text-transform:uppercase;
		color:#fff;
		letter-spacing:2px;
		font-size:0.875rem;
	}
	
	body.home #content form input[type="submit"] {
		color:#fff;
		border:0;
		background:#FF0000;
		display: block;
		font-size: 0.9375rem;
		font-weight: 600;
		height: 51px;
		letter-spacing: 2px;
		padding: 0 1.5rem;
		text-transform: uppercase;
		width: 100%;
		z-index:1;
		position:relative;
		-webkit-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
	}
	
	body.home #content form div.submit {
		background:#FF0000;
		-webkit-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
	}
	
	body.home #content form div.submit::after {
		position:absolute;
		right:0;
		width:0;
		top:0;
		height:50px;
		content:" ";
		background:rgba(255,255,255,0.3);
		
		-webkit-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
		
		-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */

		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
	}
	
	body.home #content form div.submit:hover::after {
		width:100%;
	}
	
	body.home #content form > div > button, body.home #content form > div > button::before {
		display:inline-block;
		vertical-align:middle;
	}
	
	body.home #content form > div > button {
		width:100%;
		height:50px;
		border:0;
		background:transparent;
		font-weight:500;
		font-size:0.9375rem;
		outline:0 none;
		padding:0 1.25rem;
		color:#656565;
		font-family:"Dosis",sans-serif;
		text-align: left;
	}
	
	body.home #content form > div > button::before {
		font-family:'icomoon';
		font-size:1rem;
		padding:0 0.625rem 0 0;
		color:#00cccb;
		vertical-align: top;
	}
	
	body.home #content form > div.deuxlignes > button::before {
		vertical-align: super;
	}
	
	body.home #content form > div.deuxlignes button > span span {
		vertical-align: middle;
	}
	
	body.home #content form > div > div {
		position:absolute;
		z-index:1;
		visibility:hidden;
		bottom: 50px;
		left:50%;
		background:#fff;
		padding:10px;
		opacity:0;
		
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		
		-webkit-transition:opacity 0.5s,bottom 0.5s, visibility 0s 0.5s;
		-moz-transition:opacity 0.5s,bottom 0.5s, visibility 0s 0.5s;
		-ms-transition:opacity 0.5s,bottom 0.5s, visibility 0s 0.5s;
		-o-transition:opacity 0.5s,bottom 0.5s, visibility 0s 0.5s;
		transition:opacity 0.5s,bottom 0.5s, visibility 0s 0.5s;
	}
	
	body.home #content form > div > div:after {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #fff;
		border-width: 10px;
		margin-left: -10px;
		
		opacity:0;
		
		-webkit-transition:opacity 0.5s, visibility 0s 0.5s;
		-moz-transition:opacity 0.5s, visibility 0s 0.5s;
		-ms-transition:opacity 0.5s, visibility 0s 0.5s;
		-o-transition:opacity 0.5s, visibility 0s 0.5s;
		transition:opacity 0.5s, visibility 0s 0.5s;
	}
	
	body.home #content form > div.show > div {
		opacity: 1;
		visibility: visible;
		bottom: 60px;
		-webkit-transition: opacity 0.5s,bottom 0.5s;
		-moz-transition: opacity 0.5s,bottom 0.5s;
		-ms-transition: opacity 0.5s,bottom 0.5s;
		-o-transition: opacity 0.5s,bottom 0.5s;
		transition: opacity 0.5s,bottom 0.5s;
	}
	
	body.home #content form > div.show > div:after {
		opacity:1;
		-webkit-transition: opacity 0.5s;
		-moz-transition: opacity 0.5s;
		-ms-transition: opacity 0.5s;
		-o-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}
	
	/* DESTINATION */
	
	
	body.home #content form > div.destination > div {
		width:390px;
		text-align:center;
	}
	
	body.home #content form > div.destination > div input[type="radio"] {
		display:none;
	}
	
	body.home #content form > div.destination > div input[type="radio"] + label {
		-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */

		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
		font-size:0.875rem;
		margin:0 1rem 0 0;
	}
	
	body.home #content form > div.destination > div input[type="radio"] + label:hover {
		opacity:0.9;
	}

	body.home #content form > div.destination > div input[type="radio"] + label::before {
		content:" ";
		width:12px;
		height:12px;
		margin-right:5px;
		position:relative;
		display:inline-block;
		background:#fff;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		border:2px solid rgba(238,81,138,1);
		
		-webkit-box-shadow:inset 0 0 0 2px rgba(255,255,255,1);
		box-shadow:inset 0 0 0 2px rgba(255,255,255,1);
		
		-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */

		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
	
	}
	
	body.home #content form > div.destination > div input[type="radio"]:checked + label::before {
		background:rgba(238,81,138,1);
	}
	
	body.home #content form > div.destination > div > div {
		padding:0 0 1rem 0;
	}
	
	body.home #content form > div.destination > div > div:last-child {
		padding:0;
	}
	
	/* DATE */
	
	body.home #content form > div.date > div {
		width:560px;
		text-align:left;
		font-size:0;
	}

	body.home #content form > div button > span {
		display: inline-block;
		max-width: 70%;
		position: relative;
	}
	
	body.home #content form > div button > span span {
		display:inline-block;
	}
	
	body.home #content form > div.date .radius {
		padding:0;
		width:280px;
		
		-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */

		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
	}
	
	body.home #content form > div.date .radius.double {
		width:560px;
	}
	
	body.home #content form > div.date div.datepicker {
		display:inline-block;
		position:relative;
		font-size:1rem;
		width:280px;
		min-height:256px;
		vertical-align:top;
		background:#fff;
		text-align:center;
		overflow: hidden;
		
		padding:0 0 0.5rem 0;
		
		-webkit-border-radius: 4px;
		border-radius: 4px;
		
		-webkit-transition: opacity 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000), left 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition: opacity 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000), left 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition: opacity 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000), left 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition: opacity 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000), left 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
	}
	
	body.home #content form > div.date .double div.datepicker {
		-webkit-border-radius: 4px 0 0 4px;
		border-radius: 4px 0 0 4px;
	}

	body.home #content form > div.date .double div.datepicker + div.datepicker {
		-webkit-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
		
		-webkit-box-shadow:inset 0 0 0 0 rgba(51,51,51,0);
		box-shadow:inset 0 0 0 0 rgba(51,51,51,0);
	}
	
	body.home #content form > div.date div.datepicker button, body.home #content form > div.date div.mobiles-button {
		display:none;
		font-size:0;
	}
	body.home #content form > div.date div.mobiles-button button { 
		background: #fff;
	}
	
	body.home #content form > div.date div.mobiles-button button::before {
		color: #00cccb;
	}	
	
	body.home #content form > div.date div.datepicker span.title {
		background:#656565;
		color:#fff;
		text-transform:uppercase;
		letter-spacing:3px;
		display:block;
		width:100%;
		font-size:0.875rem;
		padding:0.3rem 0;
		-webkit-border-radius: 4px 0 0 0;
		border-radius: 4px 0 0 0;
	}
	
	body.home #content form > div.date .double div.datepicker span.title, body.home #content form > div.date .double div.datepicker .ui-datepicker-header, body.home #content form > div.date .double div.datepicker table {
		-webkit-box-shadow:inset -1px 0 0 0 rgba(51,51,51,0.1);
		box-shadow:inset -1px 0 0 0 rgba(51,51,51,0.1);
	}
	
	body.home #content form > div.date .double div.datepicker + div.datepicker span.title, body.home #content form > div.date .double div.datepicker + div.datepicker .ui-datepicker-header,body.home #content form > div.date .double div.datepicker + div.datepicker table {
		-webkit-box-shadow:inset 0px 0 0 0 rgba(51,51,51,0);
		box-shadow:inset 0px 0 0 0 rgba(51,51,51,0);
	}
	
	body.home #content form > div.date div.datepicker .ui-datepicker-header {
		padding:0;
		position:relative;
	}
	
	body.home #content form > div.date div.datepicker .ui-datepicker-title {
		font-size:0.875rem;
		line-height:1.4rem;
		text-transform: capitalize;
	}
	
	body.home #content form > div.date div.datepicker .ui-datepicker-prev, body.home #content form > div.date div.datepicker .ui-datepicker-next {
		font-size:0;
		width:1rem;
		height: 1.25rem;
		cursor:pointer;
		top:10px
	}
	
	body.home #content form > div.date div.datepicker .ui-datepicker-prev {
		left:3px;
	}
	
	body.home #content form > div.date div.datepicker .ui-datepicker-next {
		right:3px;
	}
	
	body.home #content form > div.date div.datepicker .ui-datepicker-prev::before, body.home #content form > div.date div.datepicker .ui-datepicker-next::before {
		font-size:1rem;
		color:#fff;
	}
	
	body.home #content form > div.date div.datepicker#to span.title {
		-webkit-border-radius: 0 4px 0 0;
		border-radius: 0 4px 0 0;
	}
	
	#content form > div.date div#from {
		position:relative;
		z-index:1;
	}
	
	#content form > div.date div#to {
		z-index:0;
		position:absolute;
		left:0;
		opacity:0;
		top:0;
	}
	
	#content form > div.date .double div#to {
		left:50%;
		opacity:1;
	}
	
	body.home #content form > div.date div.datepicker table, body.home #content form > div.date div.datepicker .ui-datepicker-inline {
		padding:0;
		margin:auto;
		width:100%;
	}
	
	body.home #content form > div.date div.datepicker .ui-datepicker-header {
		-webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.4);
		box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.4);
	}
	
	body.home #content form > div.date div.datepicker .ui-datepicker-header, body.home #content form > div.date div.datepicker thead {
		color:#fff;
		background:#00cccb;
	}
	
	body.home #content form > div.date div.datepicker th, body.home #content form > div.date div.datepicker td {
		text-align:center;
		height:30px;
		vertical-align:middle;
		width:30px;
		padding:0;
	}
	
	body.home #content form > div.date div.datepicker th {
		height:20px;
	}
	
	body.home #content form > div.date div.datepicker thead th {
		font-size:0.625rem;
		font-weight: 500;
	}
	
	body.home #content form > div.date div.datepicker thead, body.home #content form > div.date div.datepicker tbody {
		margin:auto;
		text-align:center;
	}
	
	body.home #content form > div.date div.datepicker tr {
		display: table;
		width: 95%;
		margin: auto;
	}
	
	body.home #content form > div.date div.datepicker thead td, body.home #content form > div.date div.datepicker .ui-datepicker td span, body.home #content form > div.date div.datepicker .ui-datepicker td a {
		font-size:0.875rem;
		line-height:1.5rem;
	}
	
	body.home #content form > div.date div.datepicker .ui-datepicker td span, body.home #content form > div.date div.datepicker .ui-datepicker td a {
		text-align:center;
		display:inline-block;
		width: 100%;
		padding:0;
	}
	
	div.date div.datepicker .ui-state-disabled {
		opacity:0.4;
	}
	
	body.home #content form > div.date div.datepicker .ui-datepicker td a:hover {
		color:#00cccb;
		opacity:1;
	}
	
	
	body.home #content form > div.date div.datepicker .ui-datepicker td.ui-datepicker-current-day a { 
		width:30px;
		height:30px;
		line-height:1.875rem;
		-webkit-border-radius: 30px;
		border-radius: 30px;
		
		background:#00cccb;
		color:#fff;
	}
	
	/* PASSAGERS */
	
	body.home #content form > div.passagers > div {
		width:430px;
		text-align:center;
	}
	
	body.home #content form > div.passagers > div.radius div {
		display:inline-block;
		margin:0 0.9rem;
		text-align:center;
	}
	
	body.home #content form > div.passagers > div.radius div > span, body.home #content form > div.passagers > div.radius div > label {
		display:block;
	}
	
	body.home #content form > div.passagers > div.radius div > label {
		font-size:0.875rem;
		color:#656565;
		line-height:0.8rem;
	}
	
	body.home #content form > div.passagers > div.radius div > label span {
		color:#00cccb;
		text-transform:uppercase;
		font-size:0.6875rem;
		display:block;
		line-height:0.7rem;
	}
	
	body.home #content form > div.passagers > div.radius div > span {
		margin:0.2rem 0;
		padding:0 1.875rem;
		border:1px solid rgba(101,101,101,0.7);
		text-align:center;
		position:relative;
	}

	body.home #content form > div.passagers > div.radius div > span > span {
		cursor: pointer;
		display: inline-block;
		font-size: 1.75rem;
		height: 100%;
		line-height: 1.25rem;
		position: absolute;
		width: 1.875rem;
		opacity:1;
		z-index:1;
		-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
		
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	body.home #content form > div.passagers > div.radius div > span > span:hover {
		color:#00cccb;
	}
	
	body.home #content form > div.passagers > div.radius div > span > span:first-child {
		left:0rem;	
	}
	
	body.home #content form > div.passagers > div.radius div > span > input + span {
		right:0rem;
		top:0;
	}
	
	body.home #content form > div.passagers > div.radius div > span input {
		border:0;
		width:40px;
		display:inline-block;
		border-left:1px solid rgba(101,101,101,0.7);
		border-right:1px solid rgba(101,101,101,0.7);
		color:#00cccb;
		text-align:center;
		padding:0.2rem 0;
		background:#fff;
	}
	
	body.home #content > .wrapper:first-child {
		z-index:1;
	}
	
	
	
	/* =======
   Pre Footer
   ========== */
	
	body.home #content .wrapper + .wrapper {
		bottom: 160px;
		font-size: 0;
		position: absolute;
		top: auto;
		left: 50%;
		-moz-transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
	}
	
	body.home #content .wrapper .col_1_3 {
		text-align:left;
		vertical-align:bottom;
	}	
	
	body.home #content .wrapper + .wrapper h3 {
		margin:0;
		text-transform:uppercase;
		line-height:1rem;
		font-size:1rem;
		font-weight:600;
		display:inline-block;
	}
	
	/* WIDGET ACTUALITES */
	
	body.home #content .wrapper div.actualites {
		height:62px;
	}
	
	body.home #content .wrapper div.actualites > div {
		width:100%;
		background:#226cbf;
		color:#fff;
		display:table;
		height:100%;
	}
	
	body.home #content .wrapper div.actualites div h3, body.home #content .wrapper div.actualites > div > div {
		display:table-cell;
		padding:10px;
		vertical-align: middle;
	}
	
	body.home #content .wrapper div.actualites.col_1_5 div h3 {
		border-right:none;
	}
	body.home #content .wrapper div.actualites div h3
	
	body.home #content .wrapper div.actualites h4, body.home #content .wrapper div.actualites h4 a {
		color:#fff;
		font-weight:500;
		font-size:0.9375rem;
		line-height:1rem;
	}
	
	body.home #content .wrapper div.actualites h4,body.home #content .wrapper div.actualites span.h4, body.home #content .wrapper div.actualites h4 a, body.home #content .wrapper div.actualites h4, body.home #content .wrapper div.actualites p {
		margin:0;
	}
	body.home #content .wrapper div.actualites span.h4{
		font-size: 
	 	font-weight: bold;
		font-size: 0.875rem;
}
	}
	body.home #content .wrapper div.actualites #actus {
		position:relative;
		max-width:80%;
		width:auto;
	}
	
	body.home #content .wrapper div.actualites  .flex-viewport {
		overflow:hidden;
	}
	
	body.home #content .wrapper div.actualites  ul.slides li {
		max-width:100%;
		position:relative;
		opacity:0;
		-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
	}
	
	body.home #content .wrapper div.actualites  ul.slides li.flex-active-slide {
		opacity:1;
	}
	
	body.home #content .wrapper div.actualites  ul.slides li a {
		color:#fff;
		font-size:0.875rem;
	}
	
	body.home #content .wrapper div.actualites .controls {
		width:15%;
		padding:0;
	}
	
	body.home #content .wrapper div.actualites .controls ul {
		width:100%;
	}
	
	body.home #content .wrapper div.actualites .controls li {
		display:inline-block;
	}
	
	body.home #content .wrapper div.actualites .controls li a {
		font-size:0;
		color:#fff;
		padding:0 5px;
		display:block;
	}
	
	body.home #content .wrapper div.actualites .controls li a::before {
		font-size:1rem;
	}
	
	/* CARTE + HEBERGEMENT */
	
	body.home #content .wrapper div.carte {
		padding:10px;
	}
	
	body.home #content .wrapper div.hebergement {
		padding:0;
		font-size:0;
	}	
	
	body.home #content .wrapper div.hebergement h3 + div, body.home #content .wrapper div.hebergement h3 {
		display:inline-block;
		font-size:1rem;
		vertical-align:middle;
	}
	
	body.home #content .wrapper div.hebergement h3 + div p {
		font-size:0.9375rem;
		line-height:1rem;
	}
	
	body.home #content .wrapper div.hebergement h3 {
		text-indent:-9999px;
		background:url('../img/logo-manche.png') no-repeat center center;
		background-size: contain;
		width:23%;
		height:59px;
	}
	
	body.home #content .wrapper div.hebergement h3 + div {
		width:77%;
		padding: 0 60px 0 0;
	}
	
		/* CARTE */
	
	body.home #content .wrapper div.carte {
		background:#00cccb url('../img/carte-traversees-open.png') no-repeat top right;
		color:#fff;
		height:auto;
		min-height:62px;
		padding:0;
		overflow:hidden;
	}
	
	/* MAP POP UP */
	
	.carte #mappop {
		display:none;
	}
	
	#mappop div.map {
		height:100%;
		max-width:100%;
		background:url('../img/carte_traversee_marine.png') no-repeat center center;
		background-size: contain;
	}
	
	#mappop h3 {
		color:#fff;
		margin:0 auto;
		text-transform:uppercase;
		padding:0.5rem 0;
		display:block;
		text-align:center;
	}
	#mappop span.h3 {
		color: #fff;
		margin: 0 auto;
		text-transform: uppercase;
		padding: 0.5rem 0;
		display: block;
		text-align: center;
		font-weight: bold;
	    font-size: 1.17em;
	}

	#mappop div.map .port {
		position:absolute;
		text-align:center;
		max-width:360px;
	}

	#mappop div.map .port > div {
		position:relative;
	}

	#mappop div.map .port > div .tooltip {
		display:none;
	}

	#mappop div.map .port > div span {
		text-transform:uppercase;
		color:rgba(255,255,255,1);
		padding:0 0.5rem;
		font-size:0.875rem;
		display:inline-block;
		
		-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
	}

	#mappop div.map .port > div span.active {
		color:rgba(255,255,255,1);
		background:#6cac17;
		font-weight:700;
	}

	#mappop div.map .port > div span:hover {
		color:rgba(255,255,255,1);
	}

	#mappop div.map .port > div > a {
		color:#fff;
		text-transform:uppercase;
		position:relative;
		padding:0.4rem 0.5rem;
	}
	
	#mappop div.map .port > div > a::after {
		content:"+";
		width:16px;
		height:16px;
		-webkit-border-radius:16px;
		border-radius:16px;
		background:#6cac17;
		color:#fff;
		line-height:11px;
		display:inline-block;
		vertical-align:middle;
		-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
	}
	
	#mappop div.map .port > div > a:hover::after {
		background:#fff;
		color:#6cac17;
	}
	
	#mappop div.map .port > div > a:hover {
		opacity:1;
	}

	#mappop div.map .port .tooltip {
		position:absolute;
		left:50%;
		top:0;
		opacity:0;
		-moz-transform:translateX(-50%) translateY(-50%);
		-webkit-transform:translateX(-50%) translateY(-50%);
		-o-transform:translateX(-50%) translateY(-50%);
		-ms-transform:translateX(-50%) translateY(-50%);
		transform:translateX(-50%) translateY(-50%);
		background: #6cac17;
		min-width:180px;
		font-size:0.75rem;
		z-index:10;
		-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
	}

	#mappop div.map .port .tooltip::after {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(108, 172, 23, 0);
		border-top-color: #6cac17;
		border-width: 8px;
		margin-left: -8px;
	}

	#mappop div.map .port.arz {
		left: 370px;
		top: 320px;
	}


	#mappop div.map .port:hover .tooltip {
		top:-50%;
		display:block;
		opacity:1;
	}

	#mappop div.map .port .tooltip p, #mappop div.map .port .tooltip span {
		display:block;
		margin:auto;
		font-size:0.75rem;
	}

	#mappop div.map .port .tooltip p {
		color:#fff;
		margin:auto;
		padding:0.5rem 0 0 0;
	}

	#mappop div.map .port .tooltip span {
		padding:0 0 0.5rem 0;
		color:#2a2a2a;
		vertical-align:middle;
	}

	#mappop div.map .port .tooltip span::before {
		display:inline-block;
		font-size:0.625rem;
		vertical-align:middle;
		margin:0 0.5rem 0 0;
	}
	
	#mappop div.map .legend {
		position:absolute;
		bottom:0;
		left:0;
	}
	
	#mappop div.map .legend p {
		text-transform:uppercase;
		color:#fff;
		text-align:center;
		font-size:0.875rem;
	}
	
	#mappop div.map .legend span:first-child {
		color:#fff;
		font-size:0.875rem;
		display:inline-block;
		width:50px;
	}
	
	#mappop div.map .legend span:last-child {
		display:inline-block;
		width:30px;
		height:2px;
	}
	
	#mappop div.map .legend .green span:last-child {
		background:#6cac2d;
	}
	
	#mappop div.map .legend .yellow span:last-child {
		background:#f9c434;
	}
	
	#mappop div.map .legend .blue span:last-child {
		background:#1da0d1;
	}
	
	#mappop div.map .legend .violet span:last-child {
		background:#7d2082;
	}
	
	#mappop div.map .legend .red span:last-child {
		background:#e3032d;
	}
	
	#mappop button.mfp-close {
		color:#fff;
	}
	
	
	body.home #content .wrapper div.carte h3 {
		width:auto;
		margin:0.3rem 0 0 0;
		padding: 0;
		background: transparent;
	}
	
	body.home #content .wrapper div.carte .container-absolute {
		display: inline-block;
		width:100%;
	}
	
	body.home #content .wrapper div.carte.open {
		line-height:100px;
	}
	
	body.home #content .wrapper div.carte.open .container-absolute {
		line-height:1rem;
		vertical-align:bottom;
	}
	
	body.home #content .wrapper div.carte a.btn {
		display:inline-block;
		padding:0.75rem 1.5rem;
		text-transform:uppercase;
		color:#fff;
		background:#2f2a26;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		opacity:1;
		margin:0;
		float:right;
	}
	
	body.home #content .wrapper div.carte a.btn:hover {
		background:#fff;
		color:#2f2a26;
	}
	
	body.home .mfp-content #mappop {
		position: relative;
		padding: 20px;
		width: auto;
		max-width: 800px;
		margin: 20px auto;
		width:100%;
	}
	
	body.home .mfp-content #mappop .map {
		height:300px;
		width:725px;
	}
	
	body.home #content .wrapper div.carte h3, body.home #content .wrapper div.carte a.btn {
		vertical-align: middle;
	}hom
	
	body.home #content .wrapper div.carte.open a.btn {
		opacity:1;
		visibility:visible;
	}
	
	body.home #content .wrapper div.carte .carte-container {
		padding:10px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		width:100%;
		line-height:1rem;
		position:relative;
		-webkit-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
	}
	
	body.home #content .wrapper div.carte.open .carte-container {
		background-position:right bottom;
		background-color:rgba(108,172,23,1);
		height:100%;
		line-height: 180px;
		height:200px;
	}
	
	
	/* =======
   infos trafic
   ========== */
   #infosTrafic {
	   display: inline-block;
	   vertical-align: middle;
   }
   #infosTrafic a{
	   background: #226cbf;
		border-radius: 4px;
	   display: block;
	   color: white;
	   padding: 0;
   }
    #infosTrafic a h3{
		 text-transform: uppercase;
		line-height: 1rem;
		font-size: 1rem;
		font-weight: 600;
		width: 25%;
	}
	#infosTrafic a h3, #infosTrafic a p {
		display: inline-block;
	}
	 #infosTrafic a p {
		 width: 72%;
		 margin: 0.7rem 0;
	 }
	 #infosTrafic a:hover {
		 opacity: 1;
	 }
	  #infosTrafic a:hover h3,  #infosTrafic a:hover p {
		  opacity: 0.7;
	  }
   body.home .remodal h1 {
	   color: #008198;
   }
   	body.home .remodal span.h1{
   		color: #008198;
		margin: 0;
		display: inline-block;
		width: 100%;
		font-size: 2.188rem;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight:bold;
   	}
   .remodal ul {
	   text-align: left;
   }
   .remodal ul li {
	   border-bottom: 1px solid rgba(0,0,0,0.1);
   }
  /* .remodal ul li > * {
	   display: inline-block;
   }*/
   
	
		/* HEBERGEMENT */
	
	body.home #content .wrapper div.hebergement {
		color:#656565;
		background:#fff;
	}
	
	body.home #content .wrapper div.hebergement .iframe {
		display:none;
		border:0;
		-webkit-border-radius:4px;
		border-radius:4px;
		opacity:1;
	}
	
	
	body.home #content .wrapper div.hebergement > a {
		display:block;
		width:100%;
		height:100%;
		position:relative;
		background:url('../img/hebergement-widget.png') no-repeat right center #fff;
	}

	.resa_summer{
		border-radius: 4px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		width:500px;
		height: 75px;
		margin:40px auto;
		background:#ffffff;
	}
	.resa_summer h3.titre{
		display: block;
		width: 300px;
		height: 75px;
		font-weight: 600;
		text-align: center;
		background: rgba(34,108,191,0.8);
		color: #ffffff;
		border-radius: 4px 0 0 4px;
		font-size: 20px;
		line-height: 1;
		padding: 20px;
	}
	.resa_summer h3 span{
		text-transform: uppercase;
		color: #a4d302;
		letter-spacing: 2px;
		font-weight: 600;
		display:block;
		font-size: 18px;
	}
	body.home .resa_summer a{
		display:block;
		width:200px;
		color: #fff;
		background:#00CCCB;
		font-weight: 600;
		height: 75px;
		letter-spacing: 2px;
		padding: 0;
		text-transform: uppercase;
		z-index: 1;
		position: relative;
		border-radius: 0 4px 4px 0;
		line-height:75px;
	}