@charset "UTF-8";

/****************************/
/****************************/
/********** COLORS **********/
/****************************/
/****************************/

/*
brown : rgb(142,114,89);
dark blue : rgb(31,44,55);
*/

/***************************/
/***************************/
/********** ICONS **********/
/***************************/
/***************************/

@font-face {
	font-family:'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#fontello') format('svg');
	font-weight:normal;
	font-style:normal;
}
[class^="icon-"],
[class*=" icon-"] {
	font-family:"icomoon" !important;
	font-style:normal;
	font-weight:normal;
	speak:none;
	display:inline-block;
	text-decoration:inherit;
	font-variant:normal;
	text-transform:none;
	font-size:inherit;
	line-height:inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-search:before {
	content: "\e900";
}
.icon-calendar:before {
	content: "\e901";
}
.icon-location:before {
	content: "\e902";
}
.icon-time:before {
	content: "\e903";
}
.icon-user:before {
	content: "\e904";
}

/***************************/
/***************************/
/********** FONTS **********/
/***************************/
/***************************/

@import url('https://fonts.googleapis.com/css?family=Raleway');

/********************************/
/********************************/
/********** ANIMATIONS **********/
/********************************/
/********************************/

a,
button,
.select-container:after,
.select2-arrow,
.select2-result-label {
	-webkit-transition:all .15s cubic-bezier(.75,0,.25,1);
	-moz-transition:all .15s cubic-bezier(.75,0,.25,1);
	-o-transition:all .15s cubic-bezier(.75,0,.25,1);
	-ms-transition:all .15s cubic-bezier(.75,0,.25,1);
	transition:all .15s cubic-bezier(.75,0,.25,1);
}
/***************************/
/***************************/
/********** STYLE **********/
/***************************/
/***************************/

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
html {
	font-size:100%;
}
html, body {
	margin:0;
	padding:0;
	border:0;
	width:100%;
}
html,
input,
textarea,
select,
button {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
body {
	font-family:'Raleway', sans-serif;
	font-size:.875rem;
	-webkit-overflow-scrolling:touch;
	margin-top:50px!important;
}
h1, h2, h3, h4, h5, h6, ul, ol, p, a, span, b, strong, blockquote, label, div, table,
input, textarea, button, select {
	margin:0;
	padding:0;
	font-weight:normal;
}

/********** @MEDIA **********/

@media screen and (max-device-width:320px) {
	body {
		-webkit-text-size-adjust:none;
	}
}

/********** CONTENT SPACING **********/

form + * {
	padding:1rem 0 0 0;
}
label + *,
input + *,
select + *,
button + *,
* + textarea,
textarea + *,
* + .input-container,
.input-container + *,
* + .select-container,
.select-container + * {
	margin:1rem 0 0 0;
}

/*****************************/
/*****************************/
/********** ANCHORS **********/
/*****************************/
/*****************************/

.button {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-size:.875rem;
	line-height:1rem;
	text-align:center;
	text-decoration:none;
	border:none;
	color:rgb(255,255,255);
	text-shadow:0 0 0 rgb(255,255,255);
	background:rgb(31,44,55);
}
.button span {
	display:inline-block;
	vertical-align:middle;
	font-size:.875rem;
	line-height:.875rem;
}
.button:hover {
	color:rgb(31,44,55);
	text-shadow:0 0 0 rgb(31,44,55);
	background:rgb(255,255,255);
}

/********** @MEDIA **********/

@media (min-width:0px) {
	.button {
		padding:.75rem;
	}
}
@media (min-width:1000px) {
	.button {
		padding:1.25rem;
	}
}

/**************************/
/**************************/
/********** FORM **********/
/**************************/
/**************************/

fieldset {
	border:none;
	margin:0;
	padding:0;	
}
form {
	max-width:20rem;
	margin:0 auto;
}
form.full {
	max-width:none;
}
input,
textarea,
button,
select {
	display:inline-block;
	vertical-align:middle;
	width:100%;
	padding:1rem;
	font-size:.875rem;
	line-height:1rem;
	background:rgb(255,255,255); /* default */
	border:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	-ms-border-radius:0;
	border-radius:0;
}
input,
button,
select {
	height:3.25rem;
}
textarea {
	resize:none;
	min-height:6rem;
	padding:1rem !important;
}
select,
input[type=submit],
button {
	cursor:pointer;
}
label {
	display:inline-block;
}

/********** F_CALCUL **********/

#f_calcul {
	color:rgb(31,44,55);
	text-shadow:none;
}
.form-title,
.form-confirmed {
	display:block;
	text-align:center;
	font-size:1.25rem;
	line-height:1.25rem;
	margin-bottom:2rem;
	font-weight:300;
	color:rgb(255,255,255);
	text-shadow:0 0 0 rgb(255,255,255);
}
.form-total {
	display:block;
	font-size:3rem;
	line-height:3rem;
	padding:2rem 0;
	font-weight:300;
	color:rgb(255,255,255);
	text-shadow:0 0 0 rgb(255,255,255);
}
#err,
#errGeo,
#errGeo2 {
	/*color:red;*/
	color:rgb(31,44,55);
}

/********** DATEPICKER **********/

.ui-datepicker select {
	padding:0;
	background:none;
}

/********** BROWSERS **********/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
::-webkit-input-placeholder {
	color:inherit;
	opacity:.5;
}
:-moz-placeholder {
	color:inherit;
	opacity:.5;
}
::-moz-placeholder {
	color:inherit;
	opacity:.5;
}
:-ms-input-placeholder {
	color:inherit;
	opacity:.5;
}
input,
textarea,
button,
select {
	-webkit-appearance:none;
	-moz-appearance:none;
}
/* chrome change yellow autofill */
input:-webkit-autofill {
	-webkit-box-shadow:0 0 0px 1000px rgb(255,255,255) inset;
}

/********** MIN **********/

.min {
	float:left;
	width:calc(50% - .5rem) !important;
}
.min + .min {
	margin:0 0 0 1rem;
}
.min + .min:after {
	content:"";
	display:block;
	clear:both;
}

/********** @MEDIA **********/

/*
@media (min-width:0px) {
	button.min {
		width:100% !important;
	}
	button.min + button.min {
		margin:1rem 0 0 0;
	}
}
@media (min-width:760px) {
	button.min {
		width:calc(50% - .5rem) !important;
	}
	button.min + button.min {
		margin:0 0 0 1rem;
	}
}
*/

/****************************/
/****************************/
/********** SUBMIT **********/
/****************************/
/****************************/

input[type=submit],
button {
	text-align:center !important;
	color:rgb(255,255,255);
	text-shadow:0 0 0 rgb(255,255,255);
	background:rgb(31,44,55);
}
input[type=submit]:hover,
button:hover {
	color:rgb(31,44,55);
	text-shadow:0 0 0 rgb(31,44,55);
	background:rgb(255,255,255);
}
button.alt {
	background:#6d6d6d;
}
button.alt:hover:hover {
	background:rgb(255,255,255);
}

/*************************************/
/*************************************/
/********** INPUT CONTAINER **********/
/*************************************/
/*************************************/

.input-container {
	position:relative;
	width:100%;
	overflow:hidden;
}
.input-container input {
	margin:0;
	max-width:100%;
	width:100%;
	padding:.5rem 2.5rem .5rem 1rem;
}
.input-container.location-type input {
	padding-left:3rem !important;
}
.input-container.location-type:before {
	font-family:'icomoon';
	position:absolute;
	top:1.25rem;
	left:1rem;
	opacity:.5;
	content: "\e902"; /* icon-location */
}

/**************************************/
/**************************************/
/********** SELECT CONTAINER **********/
/**************************************/
/**************************************/

.select-container {
	position:relative;
	width:100%;
	padding:0;
}
.select-container select {
	padding:.5rem 3.5rem .5rem 1rem;
}
.select-container:after {
	content:'';
	position:absolute;
	z-index:10;
	top:0;
	right:0;
	height:0;
	width:0;
	pointer-events:none;
	border-top:.25rem solid rgb(31,44,55);
	border-right:.25rem solid transparent;
	border-left:.25rem solid transparent;
	border-bottom:0 dotted;
	margin:1.625rem 1.5rem;
}
.select-container:hover:after {
	-webkit-transform:rotate(-180deg);
	-moz-transform:rotate(-180deg);
	-o-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	transform:rotate(-180deg);
}
.select-container.select2:after {
	display:none;
}

/*****************************/
/*****************************/
/********** SELECT2 **********/
/*****************************/
/*****************************/

.select2-container {
	min-height:3.25rem;
}
.select2-container .select2-choice {
	padding:.813rem 2.375rem .813rem .813rem;
}
.select2-container {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:100%;
	font-size:.875rem;
	line-height:1rem;
	color:rgb(31,44,55);
	text-shadow:0 0 0 rgb(31,44,55);
	background:rgb(255,255,255);
}
.select2-container .select2-choice {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-decoration:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	color:rgb(31,44,55) !important; /* default */
	text-shadow:none;
}
.select2-container .select2-choice > .select2-chosen {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:auto;
	padding:.313rem 0;
}
.select2-container .select2-choice abbr {
	display:none;
}
.select2-drop-mask {
	border:0;
	margin:0;
	padding:0;
	position:fixed;
	left:0;
	top:0;
	min-height:100%;
	min-width:100%;
	height:auto;
	width:auto;
	z-index:9998;
	opacity:0;
	filter:alpha(opacity=0);
}
.select2-drop {
	width:100%;
	position:absolute;
	z-index:9999;
	top:100%;
}
.select2-drop-auto-width {
	width:auto;
}
.select2-container .select2-choice .select2-arrow {
	position:absolute;
	z-index:10;
	top: 50%;
	right:1rem;
	height:0;
	width:0;
	pointer-events:none;
	border-top:.25rem solid rgb(31,44,55);
	border-right:.25rem solid transparent;
	border-left:.25rem solid transparent;
	border-bottom:0 dotted;
	-webkit-transform:translate3d(0,-50%,0);
	-moz-transform:translate3d(0,-50%,0);
	-o-transform:translate3d(0,-50%,0);
	-ms-transform:translate3d(0,-50%,0);
	transform:translate3d(0,-50%,0);
}
.select2-container .select2-choice:hover .select2-arrow,
.select2-container.select2-dropdown-open .select2-choice .select2-arrow {
	-webkit-transform:translate3d(0,-50%,0) rotate(-180deg);
	-moz-transform:translate3d(0,-50%,0) rotate(-180deg);
	-o-transform:translate3d(0,-50%,0) rotate(-180deg);
	-ms-transform:translate3d(0,-50%,0) rotate(-180deg);
	transform:translate3d(0,-50%,0) rotate(-180deg);
}
/* results */
.select2-results {
	max-height:16rem;
	position:relative;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	border-top:0;
}
.select2-results li {
	list-style:none;
	display:list-item;
	background-image:none;
}
.select2-results .select2-result-label {
	padding:.5rem 1rem;
	margin:0;
	cursor:pointer;
	min-height:1rem;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	color:rgb(31,44,55);
	text-shadow:none;
	background:rgb(255,255,255);
}
.select2-results .select2-highlighted .select2-result-label {
	color:rgb(255,255,255); /* default */
	text-shadow:0 0 0 rgb(255,255,255); /* default */
	background:rgb(31,44,55); /* default */
}
/* disabled look for disabled choices in the results dropdown */
.select2-results .select2-selected {
    display: none;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
	display: none;
    background: none;
}
/* end multiselect */
.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}
.select2-hidden-accessible,
.select2-display-none {
    display: none;
}