@charset "UTF-8";@import "https://urbanteklaboratoire.com/templates/yootheme_netenvie/css/editorstyles.css";/* CSS Document */
/* Couleurs et valeurs à copier
******************************************************
Primary : 	#355749
Secondary : #f08c0f
******************************************************
*/

/* Import des styles spécifiques à l'éditeur JCE */


/* Général ******************************************/
/****************************************************/

.line-imgbg400 .uk-background-cover {
	min-height: 400px;
}
.line-imgbg600 .uk-background-cover {
	min-height: 600px;
}
@media (max-width:959px) {
	.line-imgbg600 .uk-background-cover {
		min-height: 400px;
	}
}
	
	/* Toolbar ******************************************/
/****************************************************/
.tm-toolbar {
	padding: 0;
}
.tm-toolbar > div > div > div {
	height: 32px;
}
.tm-toolbar > div > div > div > div {
	width: 35%;
	box-sizing: border-box;
}
.tm-toolbar > div > div > div > div.uk-first-column {
	width: 65%;
}
@media (min-width:980px) {
	.tm-toolbar > div > div > div {
		width: 980px;
	}
}
@media (min-width:1270px) {
	.tm-toolbar > div > div > div {
		width: 1170px;
	}
}


/* Toolbar content ***************/
.tm-toolbar p {
	margin: 0;
	padding: 5px 0;
}
.tm-toolbar .accroche {
	font-size: 0.875rem;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;
}
.tm-toolbar .phone {
	margin-right: 25px;
}
.tm-toolbar .phone,
.tm-toolbar .map {
	background-color: #999a98;
	color: #fff;
	font-weight: 600;
	font-size: 0.925rem;
	padding: 5px 10px;
}
.tm-toolbar .uk-icon > * {
    transform: translate(0,-3px);
}

.toolbleft .custom {
	display: flex;
	justify-content: flex-start;
}



/* Navbar *******************************************/
/****************************************************/


/* Pages ********************************************/
/****************************************************/


/* Accueil ******************************************/
/****************************************************/


/* Autres pages *************************************/
/****************************************************/

/* Convert forms  ************************************/
.convertforms .contactformh {
	text-transform: uppercase;
	color: #00384c;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 600;
}
.convertforms .cf-checkbox-group {
	padding: 6px 0;
    background-color: rgba(244,241,241,0.35);
    border-radius: 2px;
    justify-content: center;
}
.convertforms .cf-checkbox-group input {
	margin: 15px 15px 20px;
}
.convertforms .cf-checkbox-group label {
	color: #7E8A8E !important;
	font-weight: 400 !important;
	font-size: 0.9rem !important;
}
.convertforms button {
	max-width: 100%;
	width: 50%;
}
.convertforms .txtconfid {
	color: #99A2A5;
	font-size: 0.8rem;
	text-align: center;
}
.convertforms .txtconfid a {
	color: #869195;
	text-decoration: underline;
}
.convertforms .txtconfid a:hover {
	color: #445961;
	text-decoration: underline;
}

@media (max-width:767.9px) {
    .cf-form-wrap {
        padding: 20px 0 !important;
    }
    button.cf-btn[type="submit"] {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* Recherche ****************************************/
/****************************************************/
.uk-search-navbar .uk-search-input {
	color: #fff;
	background-color: #ffffff14;
}
#advancedSearch > div:nth-child(1) {
	margin-bottom: 15px;
	font-size: 0.975rem;
	line-height: 1.35;
}
#advancedSearch > div:nth-child(1) > p {
	margin: 0;
}
#advancedSearch .filter-branch {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}
#advancedSearch .filter-branch > div {
	margin: 0;
}
#advancedSearch .filter-branch > div:nth-child(-n+4) {
	display:none;
}

#advancedSearch .filter-branch .control-label {
	margin: 0;
}
#advancedSearch .filter-branch .control-label label {
	font-size: 0.825rem;
	text-transform: uppercase;
}
.advsearch .js-highlight > .uk-article + .uk-article {
	margin-top: 35px;
}
.advsearch .js-highlight > .uk-article mark {
	background: #d8e8de;
	color: #000;
	padding: 0 5px;
	font-weight: 600;
}

/* NO BOOTSTRAP   ********************************************************/
/* A décommenter si Boostrap est désactivé dans Yootheme                 */
/* Et que certaines extensions ont des formulaires ou boutons Bootstrap  */
/*************************************************************************/
form .form-input, form .form-select {
	font-size: 1em;
	color: rgb(102, 102, 102);
	background-color: rgba(0, 0, 0, 0);
	padding: 10px 35px;
	border: solid 1px rgb(204, 204, 204);
	border-radius: 4px;
	width: auto;
	min-width: 180px;
	max-width: 99%;
}
button.btn {
	border: none;
	box-sizing: border-box;
	vertical-align: middle;
	font-size: .875rem;
	text-align: center;
	text-decoration: none;
	transition: .1s ease-in-out;
	transition-property: color,background-color,background-position,background-size,border-color,box-shadow;
	text-transform: uppercase;
	border-radius: 4px;
	background-origin: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1.4;
    padding: 6px 30px;
    min-height: 50px;
}
button.btn.btn-primary {
	background-color: #f08c0f;
	color: #fff;
	border: 1px solid transparent;
}
button.btn.btn-secondary {
	background-color: #333;
	color: #fff;
	border: 1px solid transparent;
}



/* Contact ******************************************/
/****************************************************/

/* Footer *******************************************/
/****************************************************/

/* Responsive ***************************************/
/****************************************************/