
.logo-ins img {
	width: 170px;
	height: auto;
}



:root {
	--primary: #00749c; /* couleur primaire interface */
	--primary-hover: #1996c1; /* couleur primaire interface */
	--secondary: #1892bc; /* couleur secondaire */
	--calendar-active: #63bddc;
	--icon-info: #c3c3c3;
	--icon-zoom: #777;
	--menu-icon: #555;
	--mainmenu-selected: #1d5691;
	--mainmenu-icon-bg: #f7f7f7;

	--button-primary: var(--primary);
	--button-primary-hover: var(--primary-hover);
	--button-primary-text: #fff;
	--button-grey: #eee;
	--button-grey-text: #777;

	--text: #555; /* base du texte */
	--title: #555; /* titre sur fond standard */
	--link: var(--primary);
	--link-hover: var(--secondary);
	--hr: #f7f7f7;

	--page-bg: #fff; /* fond de page */
	--page-dimmed-text: #ccc; /* texte gris sur page */

	--popup-bg: #fff; /* fond popup */
	--popup-border-radius: 8px;

	--form-alt-bgcolor: #f7f7f7; /* couleur d'alternance de liste */

	--date-bg: var(--secondary);

	--header-text: #fff;
	--header-text-hover: var(--primary-hover);

	--panel-bg: #eee; /* fond de panneau standard */
	--panel-text: #555; /* texte de panneau standard */

	--panel-caution-bg: orange;
	--panel-caution-text: #fff;

	--titlebar-bg: #1892bc;
	--titlebar-text: #fff;

	--filet: transparent; /* filet d'une grille */
	--grey: #eee; /* couleur neutre de remplissage */
	--overlay: rgba(0,0,0,0.40); /* fond overlay */


	--font: 'Lato', 'Helvetica','Tahoma', 'Arial';
	--font-normal: 400;
	--font-bold: 700;
}


/* ** FOOTER ******** */

.footer-infos {
	background: #f5f5f5;
	color: #555;
	display: inline-block;
	padding: 20px;
	margin-top: 15px;
	font-size: 13px;

	border-radius: 8px;
}

.button-subscribe {
	border: none;
	color: #fff;
	display: inline-block;
	cursor: pointer;
	opacity: 0.8;
	padding: 3px 16px;
	border-radius: 2px;
	margin-right: 10px;
}
.button-subscribe:hover {
	opacity: 1;
}

/* info obx */

#info-box .label {
	font-family: 'Sen', sans-serif;
}
#alert-box .label {
	font-family: 'Sen', sans-serif;
	font-weight: bold;
}
#alert-box .info {
	font-family: 'Sen', sans-serif;
}

/* SUBSCRIBE ---------------------------------- */

.pcl-homeblock.img-subscribe {
	background-image: url('http://my.pcl.loc/assets/clients/reservation-salles-sci-courlancy2000/bureau-courlancy.jpg');
	background-size: cover;
}

.title-subscribe {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #555;
	margin-bottom: 5px;

}
.intro-subscribe {
}

.title-footer-subscribe {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #555;
	margin-bottom: 5px;
}

.intro-footer-subscribe {
	font-family: 'Sen', sans-serif;
}

table.subscribe-form {
	width: 100%;
}

table.subscribe-form td {
	padding: 8px;
}

table.subscribe-form .textdata {
	padding: 3px 6px;
}
table.subscribe-form .select-container {
	position: relative;
	overflow: hidden;
	display: inline-block;
}
table.subscribe-form select {
	position: relative;
	padding: 4px 24px 4px 8px;
	border:1px solid #ccc;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
table.subscribe-form .select-container::after {
	position: absolute;
	right: 8px;
	content: '\25BC';
	font-size: 15px;
	margin-top: 6px;
	color: #69c;
}

.cpcity-block, .responsable-block {
	display: flex;
}
.cpcity-block > *,
.responsable-block > * {
	flex-grow: 1;
}

.subscribe-button-confirm-container {
	margin-top: 10px;
	text-align: center;
	margin-bottom: 30px;
}

.subscribe-button-confirm {
	border: none;
	background: #e65c66;
	color: #fff;
	display: inline-block;
	cursor: pointer;
	opacity: 0.8;
	padding: 6px 16px;
	border-radius: 2px;
	margin-right: 10px;
}
.textdata.field-error,
select.field-error {
	border: 1px solid red;
	background: rgba(255, 0, 0, 0.1); /* red */
}
.error-message.hidden {
	display: none;
}

.tbl-search .titl {
	background: #555;
	color: #fff;
}

.error-message {
	color: #CC0000;
	background: rgba(255, 0, 0, 0.05);
	padding: 7px;
	border-radius: 5px;
	margin: 7px 0;
}

.button-subscribe {
	background: var(--primary);
}

