/*
 _______  ______   _______  _______  ______   _______    _______  ______   _______  _______  _______  _  _  _  _______  ______   _     _
(_______)(_____ \ (_______)(_______)(_____ \ (_______)  (_______)(_____ \ (_______)(_______)(_______)(_)(_)(_)(_______)(_____ \ (_)   | |
 _        _____) ) _____    _______   ____) ) _____      _____    _____) ) _______  _  _  _  _____    _  _  _  _     _  _____) ) _____| |
| |      |  __  / |  ___)  |  ___  | / ____/ |  ___)    |  ___)  |  __  / |  ___  || ||_|| ||  ___)  | || || || |   | ||  __  / |  _   _)
| |_____ | |  \ \ | |_____ | |   | || (_____ | |        | |      | |  \ \ | |   | || |   | || |_____ | || || || |___| || |  \ \ | |  \ \
 \______)|_|   |_||_______)|_|   |_||_______)|_|        |_|      |_|   |_||_|   |_||_|   |_||_______) \_____/  \_____/ |_|   |_||_|   \_)

Version 0.9.6.0
Date 02/01/2015
*/

/* ################################################################################################################																		     *
														IMPORTS
 *###############################################################################################################*/


@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,700,800);
/*@import url("http://fonts.googleapis.com/css?family=Lato:300,400,900");*/

/*font-family: 'Open Sans', Arial, sans-serif;*/



/* ################################################################################################################																		     *
														BASICS
 *###############################################################################################################*/


html,
body {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-size: 15px;
	background: #fff;
	color: #7c8081;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	letter-spacing: 0.025em;
	line-height: 1.75em;
}

body.is-loading * {
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}

input,
select,
textarea {
	color: #7c8081;
	font-family: 'Lato', sans-serif;
	font-size: 1.4em;
	font-weight: 300;
	letter-spacing: 0.025em;
	line-height: 1.75em;
}

a {
	-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	/* color: #3fb1a3; */
	text-decoration: none;
	/* border-bottom: dotted 1px; */
}

a:hover {
	border-bottom-color: transparent;
	text-decoration: none;
	/*color: #666; */
}

a:active,
a:focus {
	outline: 0;
}

a img {
	border: 0;
}


strong,
b {
	font-weight: 400;
}

p,
ul,
ol,
dl,
table,
blockquote {
	margin: 0 0 2em 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: inherit;
	font-weight: 300;
	line-height: 1.75em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
	text-decoration: none;
	border: 0;
}

h2 {
	font-size: 1.5em;
	letter-spacing: 0.1em;
}

h3 {
	font-size: 1.25em;
	letter-spacing: 0.025em;
}

sub {
	font-size: 0.8em;
	position: relative;
	top: 0.5em;
}

sup {
	font-size: 0.8em;
	position: relative;
	top: -0.5em;
}

hr {
	border-top: solid 1px rgba(124, 128, 129, 0.2);
	border: 0;
	margin-bottom: 1.5em;
}

blockquote {
	border-left: solid 0.5em rgba(124, 128, 129, 0.2);
	font-style: italic;
	padding: 1em 0 1em 2em;
}

pre {
	margin: 10px;
	padding: 5px;
	background: #fafafa;
	border: 1px dashed #ebebeb;
	font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
}

/**
	 * Lists
	 */
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

dl {
	margin: 0;
	padding: 0;
}

dt {}

dd {}



/* ################################################################################################################																		     *
														ELEMENTS
 *###############################################################################################################*/

/* Table */

table {
	width: 100%;
}

table.default {
	width: 100%;
}

table.default tbody tr {
	border-bottom: solid 1px rgba(124, 128, 129, 0.2);
}

table.default td {
	padding: 0.5em 1em 0.5em 1em;
}

table.default th {
	font-weight: 400;
	padding: 0.5em 1em 0.5em 1em;
	text-align: left;
}

table.default thead {
	background: #7c8081;
	color: #fff;
}




/* Form */

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
	-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: none;
	border: solid 1px rgba(124, 128, 129, 0.2);
	color: inherit;
	display: block;
	padding: 0.75em;
	text-decoration: none;
	width: 100%;
	outline: 0;
	/* border-right-width: 20px; */
	border-right-style: solid;
}

input[type="text"],
input[type="password"],
input[type="email"] {
	line-height: 1em;
}

.missingField label,
.invalidField label {
	color: #ec0001;
}

.missingField input,
.missingField textarea,
.missingField select,
.invalidField input,
.invalidField textarea,
.invalidField select {
	border-color: #ec0001;
}

.formErrors {
	margin: 0;
	padding: 10px 0 10px 0;
}

.formErrors li {
	list-style: none;
	margin: 0px 0 5px 0;
	line-height: 16px;
	color: #ec0001;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	border-color: #d8b87d;
}


#field-security {
	display: none !important;
}



/* Button */

input[type="button"],
input[type="submit"],
input[type="reset"],
.button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	background: none;
	border: solid 1px;
	color: inherit;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: 900;
	letter-spacing: 2px;
	min-width: 18em;
	padding: 0.5em 0.75em;
	line-height: 1.75em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover {
	background: rgba(188, 202, 206, 0.15);
	border-color: inherit;
}



/* Google Map / Vcard */


#jGMapW {
	width: 700px;
	height: 400px;
	margin: 10px auto;
	border: 1px solid #ccc;
	background: #fafafa;
}

#jGMapW .geo {
	display: none;
}

#jGMap {
	width: 700px;
	height: 400px;
}

#Content .vcard p {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

#Content .vcard .adr .street-address {
	display: block;
}

#Content .vcard .tel .type,
.vcard .uri {
	display: none;
}



/* LANGS */


#LangLinks {
	z-index: 1000;
	position: absolute;
	right: 10px;
	top: 3px;
}

#LangLinks li {
	width: 24px;
	height: 18px;
	float: left;
	margin-right: 8px;
}

#LangLinks li.last {
	margin: 0;
}

#LangLinks li a {
	display: block;
	height: 100%;
	background-image: url(zims/buttons/flags.png);
	border: none;
}

#LangLinks li a.disabled {
	background-image: url(zims/buttons/flags-disabled.png);
}

#LangLinks li a:hover {
	background-image: url(zims/buttons/flags.png);
	box-shadow: 0px 0px 3px #ffffff;
}

.hiddenData,
#ConceptionCredit span,
#LangLinks li a span {
	display: none;
}

#FrLink {
	background-position: -24px top;
}

#EnLink {
	background-position: 0 top;
}

#EsLink {
	background-position: -48px top;
}

#CaLink {
	background-position: -192px top;
}

#DeLink {
	background-position: -72px top;
}




/* Specials */


/**
	 * Floating elems
	 */
.float {
	display: inline;
	float: left;
}

/**
	 * Away elems
	 */
.away {
	position: absolute;
	top: -99999px;
}

.awayText {
	text-indent: -9999px;
	overflow: hidden;
}

.hidden {
	display: none;
}

/**
	 * WRAPPERS 980
	 */
.focusW {
	margin: 0 auto;
	width: 980px;
}

/**
	 * Overlays
	 */
/* WHITE*/
.overlay-w {
	background: rgba(255, 255, 255, 0.7);
}

.lt-ie9 .overlay-w {
	background: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff, endColorstr=#b2ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff)";
	zoom: 1;
}

/* BLACK*/
.overlay-b {
	background: rgba(0, 0, 0, 0.7);
}

.lt-ie9 .overlay-b {
	background: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000)";
	zoom: 1;
}

/* ################################################################################################################																		     *
														PAGES
 *###############################################################################################################*/




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* HEADER */


#Header {
	z-index: 10000;
	width: 100%;
	text-align: center;
	position: fixed;
	background: #000;
}

#Header h1 {
	font-weight: 900;
	margin: 0;
}

#Header h1 {
	margin: 0;
	padding: 0;
}



/* Footer */

#Footer {
	background: #000000;
	color: #efefef;
	padding: 2em 2em;
	text-align: center;
	position: fixed;
	background: #000;
	bottom: 0;
	width: 100vw;
}



#Socials {
	display: table;
	width: 100%;
	text-align: center;
}

#Socials li {
	display: inline-block;
}

#FacebookLink,
#TwitterLink {
	border: none;
	margin-right: 7px;
}



/* Content */

#Content {
	padding: 11em 0;
	/* margin-top: 150px; */
}


.ui-widget-header {
	border: 1px solid #393939 !important;
	background: #000000 !important;
	color: #fff !important;
	font-weight: bold !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #a3a3a3 !important;
	background: #e7e7e7 !important;
	font-weight: bold !important;
	color: #000000 !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * HOME * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#page-home {}



#LoginForm {
	width:400px;  margin:0 auto;
	background: #f7f7f7;
	padding: 25px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CONTACT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#page-contact {}

p#Confirmation {
	font-size: 22px;
	font-style: italic;
	font-weight: 300;
	line-height: 40px;
	margin: 80px 0 0 25px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * form resa * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


#Page-Reservation {

	#EventW {
		width: 80%;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 115px;
	}

	#ContentW {
		background: #ffffff;
	}

	#ReservationForm {
		background: #f7f7f7;
		padding: 25px;
	}

	.textField {
		text-align: left;
	}
}

#reservationConfirm {
	#EventW {
		width: 80%;
		text-align: center;
		margin: 0 auto;
	}

	#ContentW {
		background: #ffffff;
	}
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * form membre equipe * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#Page-Auth {


	#Content {
		text-align: center;
		background-color: #ffffff;
		min-height: 80vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}


}

div#BoxMembres {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	/* 4 colonnes �gales */
	gap: 20px;
	/* espace entre les �l�ments */
	max-width: 730px;
	margin: 0 auto;

}

#BoxMembres a {
	border: 1px solid #111;
	padding: 27px 120px;
	font-size: 1.8em;
	position: relative;
	background: #202020;
	color: #ffffff;
	text-transform: capitalize;
	border-radius: 6px;
	transition: 0.3s;

}

#BoxMembres a:hover {
	border: 1px solid #111;
	background: #ffffff;
	color: #000000;
	transition: 0.3s;
}


#BoxMembres svg {
	margin-right: 10px;
}

#ReservationFormMainFieldset {
	display: flex;
	flex-direction: column;
}

.inlinebox {
	display: flex;
	gap: 2%;
}

.inlinebox p {
	width: 49%;
}

.textField label {
	color: #000;
	display: none;
}


#ConceptionCreditLink img {
	filter: brightness(7);
}

#reservationConfirm p {
	font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
	#Header {

		position: relative;

	}

	#Footer {
		position: relative;

		bottom: 0;
		width: 100vw;
	}

	h2 {
		font-size: 1.2em;
		letter-spacing: 0.1em;
	}

	#BoxMembres a {

		padding: 5px 20px;
		font-size: 1.4em;
		width: 100%;

	}

	#reservationConfirm {
		#EventW {
			width: 80%;
		}

	}

	div#BoxMembres {

		grid-template-columns: repeat(1, 1fr);

	}

	#Page-Reservation {
		#EventW {
			width: 90%;
		}
	}

	#Page-Reservation {
		#Content {
			padding: 2em 0;
			/* margin-top: 150px; */
		}

		#ReservationForm {
			background: #f7f7f7;
			padding: 10px;
		}

		.textField {
			text-align: left;
			font-size: 13px;
		}
	}


}