h2, h3, h4, h5{font-weight: normal!important;}


/* UI addons carte */

/* Checkbox */
@-moz-keyframes buttomcheck {
	0% {height: 0;}
	100% {height: 10px;}
}
@-webkit-keyframes buttomcheck {
	0% {height: 0;}
	100% {height: 10px;}
}
@keyframes buttomcheck {
	0% {height: 0;}
	100% {height: 10px;}
}
@keyframes topcheck {
	0% {height: 0;}
	50% {height: 0;}
	100% {height: 20px;}
}
@-webkit-keyframes topcheck {
	0% {height: 0;}
	50% {height: 0;}
	100% {height: 20px;}
}
@-moz-keyframes topcheck {
	0% {height: 0;}
	50% {height: 0;}
	100% {height: 20px;}
}
.reservationTools input[type=checkbox], .reservationTools input[type=radio] {
	display: none;
	opacity:0;
}
.check-box-custom, .radio-box-custom {
	background-color: transparent;
	background-color: white;
	border-radius: 3px;
	border: 2px solid #ccc;
	-moz-box-sizing: border-box;
	-moz-transition: border-color ease 0.2s;
	-o-transition: border-color ease 0.2s;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	margin-right: 5px;
	position: relative;
	-webkit-box-sizing: border-box;
	-webkit-transition: border-color ease 0.2s;
	transition: border-color ease 0.2s;
	width: 20px;
	z-index: 5;
}
.check-box-custom::before, .check-box-custom::after,
.radio-box-custom::before, .radio-box-custom::after {
	background-color: #81ba3f;
	border-radius: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	content: ' ';
	display: inline-block;
	height: 0;
	position: absolute;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-webkit-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	-moz-transition: opacity ease .5;
	-webkit-transition: opacity ease .5;
	transition: opacity ease .5;
	width: 4px;
}
.check-box-custom::before, .radio-box-custom::before {
	top: 14px;
	left: 10px;
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.check-box-custom::after, .radio-box-custom::after {
	top: 9px;
	left: 1px;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
input[type=checkbox]:checked + .check-box-custom, .check-box-custom.checked,
input[type=radio]:checked + .radio-box-custom, .radio-box-custom.checked, {
	background-color: white;
	border-color: #8CC63E;
}
input[type=checkbox]:checked + .check-box-custom::after, .check-box-custom.checked::after,
input[type=radio]:checked + .radio-box-custom::after, .radio-box-custom.checked::after {
	height: 50px;
	-moz-animation: buttomcheck 0.2s ease 0s forwards;
	-o-animation: buttomcheck 0.2s ease 0s forwards;
	-webkit-animation: buttomcheck 0.2s ease 0s forwards;
	animation: buttomcheck 0.2s ease 0s forwards;
}
input[type=checkbox]:checked + .check-box-custom::before, .check-box-custom.checked::before,
input[type=radio]:checked + .radio-box-custom::before, .radio-box-custom.checked::before {
	height: 120px;
	-moz-animation: topcheck 0.3s ease 0s forwards;
	-o-animation: topcheck 0.3s ease 0s forwards;
	-webkit-animation: topcheck 0.3s ease 0s forwards;
	animation: topcheck 0.3s ease 0s forwards;
}
.checkbox {
	margin: 0 0 25px 0;
}
.checkbox label, .radio label {
	color: #78909c;
	font-size: 16px;
	padding: 0;
	vertical-align: middle;
}
.radio label {
	clear: both;
	margin-bottom: 1em;
}
.radio label:last-child {
	clear: both;
	margin-bottom: 0!important;
}
.checkboxRelativeContainer, .radioBoxRelativeContainer{
	display:block;
	min-height: 2em;
	overflow:hidden;
	position:relative;
	width:100%;
}
.checkboxRelativeContainer .txtElm{
	display: inline;
    line-height: 150%;
    margin-left: 5px;
    text-align: left;
    vertical-align: middle;
}
.radioBoxRelativeContainer .txtElm{
	display: inline;
    line-height: 100%;
    margin-left: 5px;
    text-align: left;
    vertical-align: top;
}
/* end Checkbox */
/* DateTimePicker */
.dtpicker-overlay {
	z-index: 2000;
	display: none;
	min-width: 300px;
	background: rgba(255, 255, 255, .75);
	font-size: 12px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.dtpicker-mobile {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dtpicker-overlay * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dtpicker-bg {
	font-family: 'Open Sans', sans-serif;
	height: 100%;
	width: 100%;
}

.dtpicker-mobile .dtpicker-cont {
	border: 0;
	position: relative;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.dtpicker-content {
	background: #fff;
	border-radius: 3px;
	border: 1px solid #78909c;
	line-height: 19px;
	margin: 0 auto;
	max-width: 500px;
	padding: 0;
}

.dtpicker-mobile .dtpicker-content {
	width: 97%
}

.dtpicker-subcontent {
	position: relative;
}

.dtpicker-header {
	background: #fff;
	border-bottom: 1px solid #78909c;
	color: #8cc63e;
	margin: 0 0 40px 0;
	padding: 22px 0 20px 0;
	border-radius: 3px 3px 0 0;
}

.dtpicker-header .dtpicker-close {
	position: absolute;
	top: 7px;
	right: 7px;
	padding: 0;
	color: #ffffff;
	font-size: 30px;
	cursor: pointer;
	transition: 0.3s all;
}

.dtpicker-header .dtpicker-close:hover {
	color: #2f2f2f;
	text-decoration: none;
}

.dtpicker-header .dtpicker-title,
.dtpicker-header .dtpicker-value {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	text-align: center;
}

.dtpicker-components {
	overflow: hidden;
	margin: 0;
	font-size: 18px;
}

.dtpicker-components * {
	margin: 0;
	padding: 0;
}

.dtpicker-components .dtpicker-compOutline {
	display: inline-block;
	float: left;
}

.dtpicker-comp2 {
	width: 50%;
}

.dtpicker-comp3 {
	width: 33.3%;
}

.dtpicker-comp4 {
	width: 25%;
}

.dtpicker-comp5 {
	width: 20%;
}

.dtpicker-comp6 {
	width: 16.66%;
}

.dtpicker-comp7 {
	width: 14.285%;
}

.dtpicker-components .dtpicker-comp {
	margin: 2%;
	text-align: center;
}

.dtpicker-components .dtpicker-comp>* {
	color: #8cc63e;
	display: block;
	line-height: 24px;
	padding:.3em 0;
	text-align: center;
	transition: 0.3s all;
}

.dtpicker-components .dtpicker-comp>:hover {
	color: #2f2f2f;
	text-decoration: none;
}

.dtpicker-components .dtpicker-compButtonEnable {
	opacity: 1;
}

.dtpicker-components .dtpicker-compButtonDisable {
	opacity: 0.5;
}

.dtpicker-components .dtpicker-compButton {
	background: #fff;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 2em;
	display:table;
	margin:0 auto;
}

.dtpicker-components .dtpicker-compValue,
.dtpicker-overlay .dtpicker-compValue:hover,
.dtpicker-overlay .dtpicker-compValue:focus {
	-moz-appearance: none;
	-webkit-appearance: none;
	aparence:none;
	background: #ffffff;
	border: 0;
	color: #8ea1ab;
	cursor: default;
	font-size: 1.5em;
	margin: 0;
	outline: 0;
	width: 100%;
}

.dtpicker-buttonCont {
	margin: 0;
	overflow: hidden;
	padding-bottom: 10px;
}

.dtpicker-buttonCont .dtpicker-button {
	background: #39B2DE;
	border:1px solid #ccc;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 16px;
	padding: .5em;
	text-align: center;
	transition: 0.3s all;
	width: 45%;
}

.dtpicker-buttonCont .dtpicker-button:hover {
	color: #fff;
	background: #8cc63e;
	text-decoration: none;
}

.dtpicker-singleButton .dtpicker-button {
	margin: 32px auto;
}

.dtpicker-twoButtons .dtpicker-buttonSet {
	float: left;
}

.dtpicker-twoButtons .dtpicker-buttonClear {
	float: right;
}

.calendar-icon {
	color: #8cc740;
	float: right;
	font-size: 30px;
	margin-right: 22px;
	margin-top: -42px;
	position: relative;
}

.calendar-icon:hover {
	cursor: pointer;
}

.form-control.calendar:hover {
	cursor: pointer;
}

/* en UI addons carte */



/* forfaits */
.formulesAb{
	position:relative;
	width:100%;
}
.forBox{
	width:100%;
}
.forBox h5{
	font-size: 1em;
	font-weight: normal;
	margin:1em auto ;
	text-align: center;
	width:280px;
}
.forExtended h5{width:100%;}
.forComplete .legendeANom{display: none;}
.forBox .open{display: none;}
.open li{list-style: circle;}
.forBox h4{
	font-size: 1.5em;
	display: inline-block;
	text-align: center;
	width:90%;
	margin-bottom: .5em
}
.forBox h4 span{
	font-size: .9em;
}
.forExtended .open{
	display: block!important;
}
.forExtended .legendeANom{
	display: inline-block;
	margin-top: -1.3em;
	text-align: left;
	width:100%;
}
.gradientVert{	
	background: rgba(91,143,23,1);
	background: -moz-linear-gradient(top, rgba(91,143,23,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(91,143,23,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(91,143,23,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(91,143,23,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(91,143,23,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(91,143,23,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b8f17', endColorstr='#ffffff', GradientType=0 );
}
.forSelected.gradientVert{	
	background: rgba(91,143,23,1);
	background: -moz-linear-gradient(top, rgba(91,143,23,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(91,143,23,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(91,143,23,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(91,143,23,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(91,143,23,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(91,143,23,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b8f17', endColorstr='#ffffff', GradientType=0 );
}
	.forAbonnement{
		border-radius: 5px;
		border: 1px solid #8cc63e;
		min-height:550px;
		margin:2em auto 1em;
		padding: 10px 10px 90px;
		position:relative;
		text-align: center;
		-webkit-transition:.5s ease;
		transition: .5s ease;
		width:280px;
	}
	.forSelected .forOpen{display:inline-block!important;}
	.forSelected .forClose{display:none!important;}
	.forOpen{display:none;}
	.forAbonnement .auto{
		margin: 0 auto 0px;
		width: 220px;
	}
	.forAbonnement .deuxAutos{
		margin: .5em auto 0;
		width: 103%;
	}
	.forAbonnement ul{
		list-style: none;
		margin:0 auto;
		padding:0;
		width:250px;
	}
	.forAbonnement li{
		margin:.5em 0;
		text-align: left;
	}
	.forAbonnement .icon-nike{
		font-size: 1em;
		float:left;
		margin-top: .1em;
	}
	.forAbonnement li p{
		margin-left: 2em;
		vertical-align: top;
		line-height: 1.2em;
	}
	/* forfait liberté */
	.kmin{ font-size: 1.4em; }
	.separateur{
		border-bottom: 1px solid #333;
		display: block;
		height: 1px;
		line-height: 0;
		margin: 5px auto;
		width: 30%;
		height: 1px;
	}
	.kmInclus .txtMini{ margin:0!important; }
	/* end forfait liberté */
	/* abonnements complets */
	.tarifBox{
		overflow:auto;
		width:100%;
	}
	.row.forfaits{
		margin:0 auto;
		min-width: 660px;
		width:100%;
		overflow:auto; 
	}
	.forfaits .collumn{	
		float: left;
		padding: 3% 1%;
		position: relative;
		width: 31%; 
	}
	.forfaits .collumn{	
		float: left;
		padding: 0;
		position: relative;
		width: 31%;
		min-width: 200px;
	}
	.forfaits .collumn:nth-child(2){ padding: 0 1% 0; }
	.colLiber{width: 100%;}
		.forfait.liberte{
			max-width: 200px;
		}
		.forfait{
			background-color: #fff;
			border: 1px solid #8f8f8f;
			border-radius: 3px;
			height: 360px;
			margin: 0 auto;
			overflow: hidden;
			position: relative;
			min-width: 200px;
		}
		.demos .forfait{min-height: 560px;}
		
		.forfait h3{
			background-color: #fff;
			color: #333;
			font-size: 1.2em;
			line-height: 1.2em;
			text-align: center;
			padding: .7em 0; 
		}
		.forfait h3 .txtMini{font-size: .6em}
		.forfait p{line-height: 1.2em; margin: 0;}
			.forfait .prixHeure{
				border-top: 1px solid #8cc63e;  
			}
			.forfait .prixHeure, .forfait .prixKm{
				border-bottom: 1px solid #8cc63e; 
				font-size:16px; 
				padding: 1em 0;  
			}
			.forfait .prixHeure{background-color:#8cc63e; color: #fff;}
			.colLiber .prixHeure{	
				background-color: #ecf5d7!important;
				color:#333!important; 
			}
				.prixHeure .txtMini{
					margin-top:.5em;
				}
			.forfait .prixKm{
				height: 50px;
				margin-top: -1.7em;
			}
				.prixKm .lol{margin-top: .2em;}
				.forfait .txtMini{font-size: .7em;}
				.prixHeure .argent{font-size: 2em}
				.prixHeure .dollars{font-size: 1.9em}
				.prixKm .argent, .prixKm .dollars{font-weight: 600;}
				.prixKm .icon-plus{
					background-color: #fff;
					border-radius: 50%;
					border: 1px solid #8cc63e;
					color: #8cc63e;
					display: inline-block;
					font-size: .8em; 
					padding: .3em .3em;
				}
			.collumn .forfait ul{
				list-style: none; 
				margin: 10px 0 0;
				padding: 0;
				width:100%; 
			}
			.forfait li{
				margin:0;
				padding: .3em 0 0; 
				text-align: center;
			}
			.forfait li .txtMini{font-size: .8em;}
			.collumn .forfait li a{color:#8cc63e;display: inline-block;}
			.btnPlusForfait{
				position: absolute;
				bottom: .8em;
				left: 50%;
				margin: 0 0 0 -75px;
				width: 150px;
			}
			.forfaits .populaire{padding: 2.8% 1%;}
			.populaire .forfait{
				border: 3px solid #39B2DE;
				margin-top:-2px; 
			}
			.populaire .prixHeure{
				background-color: #8cc63e;
				border-bottom: 1px solid #648E3D; 
			}
		.tarifExtra{
			font-size: 1.2em;
			text-align: left;
			padding:1em 0 0;
		}
	.txtDepot{
		bottom:4em;
		font-size: .7em;
		position:absolute;
		text-align: center;
		width:100%;
	}
.depots{margin: 0 0 1em}
	/* abonnements complets */
/* fin forfaits */
#txtForDescription{
	border:1px solid #39B2DE;
	display:none;
	margin-bottom: 2em;
	overflow: visible; 
	padding:2em 1em;
	position:relative;
}
.btClose {
    background-color: white;
    border-radius: 50%;
    border: 2px solid #39B2DE;
    cursor: pointer;
    display: block;
    font-weight: 600;
    height: 19px;
    margin: 0 .5em;
    padding: .3em .55em;
    position: absolute;
    right: 1em;
    top: -17px;
    width: 10px;
}
/** fix bug in contact form **/
#commContacForm .cols2{margin-bottom: 0;}
.boxConnexion {height: 360px;}

/** logos download **/
.linkLogosMedias{}
	.itemLogo{
		height:75px;
		margin:0 2em 2em 0;
		overflow:hidden;
		position:relative;
		width:150px;
	}
	.itemObj{
		display:table;
		height:100%;
		width:100%;
	}
	.itemObj .imgLogo{
		display: table-cell;
    	height:50px;
    	opacity: 1;
    	text-align: center;
    	vertical-align: middle;
	}
	.itemObj img{opacity: .5}
	.itemObj a:hover img{opacity: 1}
	.itemObj .al{
		bottom:0;
		left:5px;
		position:absolute;
	}
	.itemObj .ar{
		bottom:0;
		left:80px;
		position:absolute;
	}
/** end logos download **/

/** new page Tarifs **/

#bienvenue .sousTitre, .intro-bienvenue .sousTitre{display:none;}
.offreDescrition{overflow: hidden;}
.offreDescrition figure{
	display: inline-block;
	text-align: left;
	width: 100%;
}
.offreDescrition img{
	display: block;
	max-width: 225px;
	margin: 0 auto;
}
.offreIntroB{
	margin-bottom: 1.5em;
	vertical-align: top;
}
.offreIntroB h3{
	color:#069;
	font-size: 2em;
	margin-top: 0;
	text-align: center;
}
.offreIntroB p{font-size: 1.1em;}
.mobilitySolution img{
	max-width: 200px;
	display: block;
	margin: 0 auto;
}
.mobilitySolution h2{
	font-size: 2.2em;
	font-weight: normal;
}
.mobilitySolution h3, .introElmts h3{
	font-size: 1.7em;
	margin: 1.5em 0 .8em;
}
.introElmts p{
	font-weight:600;
	min-height:100px;
}
.bottonTxt{
	display: inline-block;
	padding-top: 1.2em;
}
.ctaInscription{
	font-size: 1.2em;
    background-color: #39b2de;
    border-radius: 5px;
    color: white;
    display:inherit;
    margin-top: 1em;
    padding: .5em 2.5em;
    position: relative;
    text-align: center;
}
.ctaInscription:hover{
	color:white;
	background-color: #2980B9;
}
.voitureLiber{
	display:block;
	margin:10px auto 0;
	width:270px;
}
.voitureEcono{
	display:block;
	margin:0 auto;
	width:290px;
}
.colLiberte, .colEconomique{
	text-align: left;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin:1em 0;
}
.exTrajets{
	color:#333;
	font-size: 3.5em;
}	    
.intr{
	font-size: 1.8em;
	padding: 0 3em 1em;
}
.carb{
	font-size: 1.6em;
	padding-bottom: .5em;
}
/** end new page Tarifs **/
@media only screen and (min-width : 768px) {
	.offreIntroB h3{
		font-size: 2.7em;
		text-align: left;
	}
	.offreDescrition figure{
		width: 23%;
		margin-right: 2.5%
	}
	.offreDescrition .offreIntroB{
		display:inline-block;
		width: 74%;
	}
	.mobilitySolution .elms3{
		border-right: 1px solid #ddd;
		width:33.1%;
		margin-right: 0;
	}
	.mobilitySolution .elms3:last-child{border-right: none;}
	.colLiberte{ width: 25%; }
	.colEconomique{
		margin-left:2%;
		width: 72%; 
	}
	.ctaInscription{
	    float: right;
	    display:inline-block;
		margin-right: 1em;
	}
	.row.forfaits{ min-width: 500px; }
	.voitureLiber{width:200px;} 
	.voitureEcono{width:220px;}
	.introElmts p{ min-height:130px; }
	.forfait{ min-width: 170px; max-width: 170px; }
	.forfaits .collumn{min-width: 175px; }
	.txtAlterna{display:none;}
}
@media only screen and (min-width : 900px) {
	.colLiberte{ width: 25.5%; }
	.colEconomique{
		margin-left:4%;
		width: 70%; 
	}
	.voitureLiber{ width:270px; }
	.voitureEcono{ width:290px; }
	.row.forfaits{ min-width: 640px; }
	.txtAlterna{display:inline;}
	.forfait{ min-width: 200px; max-width: 180px; }
	.forfaits .collumn{min-width: 200px; }
	.forfaits .collumn:nth-child(2){ padding: 0 3% 0; }
}