@import url('https://fonts.googleapis.com/css?family=Varela+Round');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,800;1,400&display=swap');


/*A RANGER*/

.dt-left:nth-child(6){
	display: none;
}

#tab-lots + p{
	margin-top: -25px;
}

.visupasok .lot-datatable th:first-child,
.visupasok .lot-datatable th:last-child,
.visupasok .lot-datatable td:first-child,
.visupasok .lot-datatable td:last-child{
	display: none!important;
}

.uk-slideshow{
	max-height: 800px!important;
}

#btenvoiverif > #cck3r_envoyer_votre_demande,
#btenvoiverif > #cck1r_envoyer_votre_demande,
#btenvoiverif > *[id$='_envoyer_votre_demande'],
#btenvoiverif.nok.pok.mok.tok.eok > #fake{
	display: none!important;
}

#btenvoiverif.nok.pok.mok.tok.eok > #cck3r_envoyer_votre_demande,
#btenvoiverif.nok.pok.mok.tok.eok > *[id$='_envoyer_votre_demande'],
#btenvoiverif.nok.pok.mok.tok.eok > #cck1r_envoyer_votre_demande{
	display: block!important;
}

#fake .button{
	width: 100%;
    border: 1px solid;
    color: grey;
    border-radius: 25px;
    background: transparent;
}

#fake .button:hover{
	cursor: not-allowed;
}


i.fa{
	font-family: 'FontAwesome';
	font-style: inherit;
}
i.fa-play:before{
	content: "\f04b";
}

a, .uk-link{
	color: var(--mainblue);
}

.fno {
    display: inline-block;
    position: absolute;
    width: 150px;
    height: 150px;
    background-image: url(/images/fno.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    right: 35px;
    top: 35px;
    z-index: 1;
}

.apo {
    display: inline-block;
    position: absolute;
    width: 150px;
    height: 150px;
    background-image: url(/images/apo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    right: 35px;
    top: 35px;
    z-index: 1;
}

.ppo {
    display: inline-block;
    position: absolute;
    width: 150px;
    height: 150px;
    background-image: url(/images/ppo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    right: 35px;
    top: 35px;
    z-index: 1;
}


@media screen and (min-width: 400px)(max-width: 600px){

    .ppo{
        display: none !important;
    }
}
}




#cookiehintinfo a{
	color: white;
}

.curs:hover{
	cursor: default;
}

.uk-icon-search:before{
	font-family: FontAwesome;
	margin-right: 5px;
}

.page-programme + #tm-bottom-b{
	display: none;
}
#scrollToTop{
	margin:5px;
	padding:5px;
	background-color:var(--mainblue);
	width: 35px;
	height: 35px;
	line-height: 25px;
	text-align: center;
	color:white;
}
#scrollToTop:after{
	font-family: FontAwesome;
	display: inline-block;
	content: "\f077";
}
/*
#plg_system_topofthepage:hover{
	background-color:#000;color:#ff0;
}*/

.pagination{
	font-weight: bold;
	color: #de4560;
}

.pagination .pagination-prev,
.pagination.pagination-start,
.pagination .pagination-next,
.pagination .pagination-end,
.pagination li a{
	font-weight: 500;
	color: initial!important;
}

.pagination-start span{
	color: initial!important;
}

.btn{
	padding: 0 23px;
}

.txtcontainert{
	text-align: center;
  color: white;
}

.pl-bloctexte .button{
	margin-top: 15px;
}

.cookiecontent{
	color: white!important;
}

#redim-cookiehint-bottom{
	background: rgba(0, 0, 0, 0.9);
}
#redim-cookiehint{
	background: transparent;
}

#cookiecontent{
  color: white;
}

#cookiehintsubmit{
	background: var(--mainpink)!important;
  border-radius: 23px!important;
  padding: 5px 15px!important;
	border: 1px solid var(--mainpink)!important;

}

#cookiehintsubmit: hover{
	  background: white!important;
    color: var(--mainpink)!important;
    font-weight: bold;
}

#cookiehintsubmitno{
	border: 1px solid var(--mainpink)!important;
  border-radius: 23px!important;
  padding: 5px 15px!important;
}

.simu .ctahome,
.cookiehead{
	display: none!important;
}

li.maximenuck{
	z-index: 5!important;
}

.uk-modal-page .tm-header-container .uk-panel{
	z-index: 0;
}

.uk-modal-page #tm-header{
	z-index: 0;
}

.nomap #mapmenu{
	display: none!important;
}

.iconspec .specificite:not(:first-child):before{
	content: "";
	position: absolute;
	top: 7px;
	bottom: 7px;
	left: 0;
	width: 1px;
	background: var(--mainblue);
}

.maximenuck:hover > a{
	font-weight: bold;
}

#tm-main{
	z-index: auto;
	margin-bottom: 75px;
}

.infodroite .blocinfos{
	min-height: initial!important;
	height: initial!important;
	padding-top: 7px;
}

svg.svgchange{
	max-width: 100px;
}

.svgchange path{
	fill: var(--mainblue);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.uk-panel-box:hover .svgchange path{
	fill: var(--mainpink);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.cck_module_breadcrumbs{
	padding: 0;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
}

.cck_module_breadcrumbs .separator{
	padding: 0 19px;
	color: var(--mainpink);
}

a.pathway:hover{
	font-weight: bold;
}

.padding-27{
	padding: 27px;
}

#tm-bottom-b > div{
	padding-bottom: 80px;
}

.simu .tm-main-top,
.simu .uk-panel-title{
	display: none!important;
}

#tm-bottom-a{
	/*padding-top: 82px;*/
}


li:not(.current) a.maximenuck:hover{
	color: var(--mainblue);
}

#topmenu li:first-child a:after{
	display: inline-block;
	height: 15px;
	width: 1px;
	background: white;
	position: relative;
	content: "";
	left: 10px;
	top: 2px;
}

#tab-lots table.dataTable thead td, #tab-lots table.dataTable tbody td{
	height: initial;
}

.accroche{
	line-height: normal;
}

.refblocimg{
	background: url(/images/coeurberenice.jpg);
	padding-top: 100%;
	background-size: cover!important;
	background-position: center!important;
	position: relative;
}

.reftxt{
	position: absolute;
	top: 50%;
	/* transform: translate(-50%); */
	right: 50px;
	left: 50px;
	top: 190px;
	bottom: 50px;
	background: var(--mainblueop8);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.reftxtint{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	text-align: center;
	width:  80%;
}

.refblocimg .reftxtin {
	    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
}

.ligne{
	width: 15px;
  height: 1px;
  background: white;
  content: "";
  position: absolute;
  right: 0;
  top: 24px;
}

.ligne2{
    width: 15px;
    height: 1px;
    background: white;
    content: "";
    position: absolute;
    left: 0;
    top: 24px;
}

.txtcontainert{
	height: fit-content;
	height: -webkit-fill-available;
	padding: 9px;
}

.txt{
	font-weight: normal;
  font-size: 12px;
}
.txt-ville{
	font-size: 14px;
}
.txt-ville,
.refblocinfo strong{
	text-transform: uppercase;
}

.refblocimg .txt{
	margin-bottom: -5px;
}

.refblocimg:hover .reftxt{
	right: 5px;
	bottom: 5px;
	left: 5px;
	top: 5px;
	background: var(--mainblue);

	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.refblocimg .swal-button{
	display: none;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.refblocimg:hover .swal-button{
	display: inline-block;
	margin-top: 15px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.refblocimg .reftxt .art-title{
	font-size: 18px;
}

.refblocimg:hover .reftxt .art-title,
.refblocimg:hover .reftxt .txt,
.refblocimg:hover .reftxt .txt-ville{
	padding: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.refblocinfo{
	padding: 20px;
	background: var(--mainpink);
	color: white;
	text-align: center;
}

.ref img{
	border: 0!important;
}

.refblocimg:hover .reftxt .txt{
	font-size: 18px;
}

.refblocimg:hover .reftxt .txt-ville{
	font-size: 20px;
}
.refblocimg:hover .art-title{
	font-size: 24px;
}

h4{
	font-weight: bold;
	color: var(--mainblue);
}

.infodroite .blocinfos{
	width: 67%!important;
}

#tm-main{
	z-index: 3;
}

.uk-breadcrumb > li:nth-child(n+2):before{
	color: var(--mainpink);
}

.uk-breadcrumb > li > a:hover{
	font-weight: bold;
}

h2, .uk-h2{
	font-size: 21px!important;
}

.swal-title{
	color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-top: 0!important;
	background: var(--mainpink);
	padding: 21px 16px;
	font-weight: normal;
	text-transform: uppercase;
}

.swal-button{
	padding: 2px 24px;
}

.swal-text{
	text-align: center;
	font-size: 13px;
}

.swal-text:before{
	content: "";
	display: block;
	width: 76px;
	height: 69px;
	margin: 25px auto;
	background: url(/images/divers/popup.png);
	background-repeat: no-repeat;
	background-position: center;
}

.swal-footer{
	text-align: center;
}

.swal-button--cancel{
	background: white!important;
	color: var(--mainpink)!important;
}

a.title{
	font-weight: bold!important;
	text-align: left!important;
	font-size: 11px!important;
	padding: 0!important;
	margin: 0!important;
	color: var(--mainblue)!important;
	position: relative!important;
	text-transform: uppercase!important;
}

.presentation p{
	line-height: initial;
}

/*A RANGER*/


/*.infodroite{
	display: none!important;
	}*/

	#system-message-container{
		display: none;
	}

	#disclaimer{
		text-align: center;
	}

	#disclaimer li{
		display: inline-block;
	}

	#disclaimer a{
		color: white;
		text-transform: none;
		letter-spacing: initial;
	}

	.contart{
		max-width: 1200px;
		margin: 0 auto;
	}

	.uk-breadcrumb li:nth-child(3),
	.uk-breadcrumb li:nth-child(4){
		display: none;
	}

	.uk-breadcrumb .uk-active{
		display: inline-block!important;
	}


	*{
		--mainblue: #001f72;
		--mainblueop8: rgba(0, 31, 114, 0.8);
		--mainpink: #de4560;
		--mainpinkop8: rgba(222, 69, 96, 0.8);
		--maincolor: #333;
		--lightgrey: #e9e8e8;
		box-sizing: border-box;
		font-family: "Open sans", sans-serif;
	}

	.z9{
		z-index: 9;
	}

	.trait{fill:none;stroke:var(--mainblue);stroke-width:8;stroke-linecap:round;stroke-miterlimit:10;}
	.cercle{fill:#FFFFFF;stroke:var(--mainblue);stroke-width:8;stroke-linecap:round;stroke-miterlimit:10;}

	.mb50{
		margin-bottom: 50px!important;
	}

	.hidden,
	h1,
	#tm-bottom-d h3.uk-panel-title:after,
	.menurs .uk-icon-envelope,
	#tm-header .tm-header-container > div:last-child li:last-child,
	.rechercher .blocimage,
	.p404 #tm-main,
	#tm-footer{
		display: none;
	}

	body{
		font-family: "Open Sans";
		font-weight: 500;
		background-color: white;
		color: var(--maincolor);
		overflow-x: hidden;
	}

	p{
		margin: 0 0 20px 0;
	}

	h1, h2, h3, h4, h5, h6{
		font-family: "Montserrat", sans-serif;
	}

	h3.uk-panel-title{
		font-weight: 900;
		text-align: center;
		color: var(--mainblue)!important;
		position: relative;
		padding-bottom: 25px;
		margin-bottom: 35px!important;
	}

	h3.uk-panel-title:after{
		content: "";
		position: absolute;
		bottom: 0;
		height: 5px;
		background: var(--mainblue);
		left: 30%;
		right: 30%;
	}

	h3.h3-bv{
		font-weight: 900;
		color: var(--maincolor);
	}

	em{
		color: initial;
	}

	.ctahome{
		position: absolute;
		left: 50%;
		bottom: -35px;
		transform: translateX(-50%);
	}

	#tm-bottom-d h3.uk-panel-title{
		font-weight: bold;
		text-align: left;
		font-size: 11px;
		padding: 0;
		margin: 0!important;
	}

	h3{
		text-transform: uppercase!important;
		font-weight: bold;
		width: 100%;
		color: var(--mainblue);
	}

	.sim h5{
		margin-bottom: 0;
		font-weight: bold;
		color: var(--mainblue);
		border-bottom: 1px solid var(--mainblue);
	}

	#tm-main,
	#tm-footer,
	*[id^="tm-bottom"],
	#copyright{
		position: relative;
		border-top: 0!important;
		padding: 30px 100px;
	}

	#tm-bottom-c{
		padding-bottom: 0;
		margin-bottom: 80px;
	}

	#tm-bottom-d,
	#tm-footer{
		background: var(--lightgrey);
		color: var(--mainblue)!important;
	}

	#tm-bottom-d{
		padding-top: 25px;
	}

	#tm-footer{
		padding-top: 0!important;
	}

	#tm-bottom-d:before{
		content: "";
		position: absolute;
		top: -50px;
		left: 0;
		right: 0;
		height: 50px;
		width: 100%;
		background: linear-gradient(transparent, var(--lightgrey));
	}

	#copyright{
		background: var(--mainblue);
		padding: 25px;
		color: white;
	}

	#copyright .item-149{
		display: none;
	}

	#tm-bottom-b,
	#quartier .backgroundpatern{
		background-image: url(/images/divers/patern_horizon.jpg);
		background-size: 280px;
	}

	.callus{
		background: url(/images/divers/call.jpg);
		background-size: cover;
		min-height: 250px;
		background-position: center;
		padding: 125px 75px;
	}

	.callus .hwhite,
	.callus .pwhite{
		text-align: left!important;
		margin-bottom: 25px!important;
		color: white!important;
		padding: 0!important;
	}

	.callus .hwhite:after{
		display: none;
	}

	.page-programme .uk-container,
	.p404 #tm-bottom-a > .uk-container{
		max-width: 1400px;
	}

	form[name="seblod_form"],
	form[name="seblod_form"] + div,
	#pcontent{
		/*max-width: 1080px;*/
		margin: 0 auto;
	}

	.uk-tooltip{
		background: white;
		color: var(--mainblue);
	}

	textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
		border-color: grey;
	}

	/*404*/

	.content404{
		position: relative;
		width: 100%;
		text-align: center;
		padding-top: 40%;
	}

	.txt404{
		position: absolute;
		right: 0;
		left: 0;
		top: 0;
		bottom: 0;
		padding-top: 9%;
	}

	.pa404{
		position: relative;
	}

	.pa4content{
		padding: 10px 0;
		color: transparent;
		font-size: 2.5em;
		line-height: initial;
		font-weight: 700;
		font-family: "Montserrat", sans-serif;
		z-index: 99;
	}

	.pa4abso{
		position: absolute;
		top: 0;
		bottom: 0;
		left: -100%;
		right: 28%;
		background: var(--mainblue);
		/*mix-blend-mode: hard-light;*/
		z-index: 0;
	}

	.pa4txt{
		position: absolute;
		left: 0;
		right: 0;
		padding: 10px 0;
		color: white;
		font-size: 2.5em;
		line-height: initial;
		font-weight: 700;
		font-family: "Montserrat", sans-serif;
		z-index: 99;
	}

	.txt404 img,
	.txt404 .pa404{
		margin-bottom: 35px;
	}


	/*LIENS*/

	button,
	a.contactbtn,
	.btnfiltre{
		background: var(--mainpink)!important;
		color: white!important;
		text-transform: uppercase;
		border-radius: 20px!important;
		font-family: "Montserrat", sans-serif!important;
		font-weight: bold!important;
		border: 1px solid var(--mainpink)!important;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	button:hover,
	a.contactbtn:hover,
	.btn-negatif,
	.btncalcul:hover{
		background: white!important;
		color: var(--mainpink)!important;
		font-weight: bolder;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	a.voirplus{
		position: relative;
		display: inline-block;
		color: var(--maincolor);
		border: 1px solid var(--lightgrey);
		font-family: "Open sans", sans-serif;
		letter-spacing: 5px;
		float: right;
		padding: 5px 14px;
		background: var(--lightgrey);
		text-transform: uppercase;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	a.voirplus:after{
		content: "";
		position: absolute;
		border-left: 5px solid var(--mainpink);
		border-bottom: 5px solid var(--mainpink);
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		opacity: 0;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	a.voirplus:hover:after{
		opacity: 1;
		top: 8px;
		left: -5px;
		bottom: -6px;
		right: 4px;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.plusdoutils{
		position: absolute;
		bottom: -92px;
		right: 0;
		z-index: 9;
	}

	.btnfiltre{
		font-size: 0.6em!important;
		width: 100%;
		/*color: black!important;*/
		font-weight: 500!important;
	}


	/*MENUS > MENU RS TOP*/

	#tm-header{
		background: rgb(255,255,255);
		/*position: fixed;*/
		z-index: 4;
		width: 100%;
	}

	#tm-header + div{
		/*margin-top: 125px;*/
	}

	#tm-header .tm-header-container > div:last-child{
		position: absolute;
		top: 80px;
		right: 0;
		left: unset;
		z-index: 99;
	}

	#tm-header .tm-header-container > div:last-child li{
		display: inline-block;
		float: right;
		margin-left: 15px;
	}

	#tm-header .tm-header-container > div:last-child a{
		padding-top: 10px;
		background: var(--lightgrey);
		color: white;
		font-size: 1.2em;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	#tm-header .tm-header-container > div:last-child a:hover{
		/*padding-top: 90px;*/
		background: var(--lightgrey);
		color: var(--mainpink);
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	#tm-header .tm-header-container > div:last-child a:before{
		font-family: "FontAwesome";
	}

	/*MENUS > TOP MENU*/

	.uk-navbar-nav > li > a:active,
	.uk-navbar-nav > li > a:hover,
	.uk-navbar-nav > li > a:focus,
	.uk-navbar-nav > li > a:visited{
		background: transparent;
		color: white!important;
	}

	.uk-navbar-nav > li > .tel:active,
	.uk-navbar-nav > li > .tel:hover,
	.uk-navbar-nav > li > .tel:focus,
	.uk-navbar-nav > li > .tel:visited{
		background: var(--mainpink);
	}

	.uk-navbar{
		background-color: var(--mainblue);
	}

	.tm-navbar .tm-navbar-container,
	.uk-navbar-brand{
		height: 80px;
		min-height: 80px;
		line-height: 80px;
		padding-bottom: 6px;
	}

	.tm-navbar-wrapper .tm-navbar-container{
		/*max-width: 100%!important;*/
	}

	.tm-navbar-left{
		left: 0;
	}

	.uk-navbar-brand.uk-flex.uk-flex-middle{
		padding-left: 0!important;
	}

	.logo{
		height: 35px;
	}

	.uk-navbar-nav.uk-hidden-small.jmoddiv li:first-child a{
		padding-left: 0!important;
		font-family: "Montserrat", sans-serif;
	}

	.uk-navbar-nav.uk-hidden-small.jmoddiv a{
		padding: 0 50px;
		position: relative;
		font-size: 12px;
		line-height: 50px;
	}

	.uk-navbar-nav.uk-hidden-small.jmoddiv .b-gd:before,
	.uk-navbar-nav.uk-hidden-small.jmoddiv li:last-child a:before{
		position: absolute;
		content: "";
		top: 40%;
		bottom: 40%;
		left: 0;
		right: 0;
		border-left: 1px solid white;
	}

	.uk-navbar-nav.uk-hidden-small.jmoddiv .b-gd:before{
		position: absolute;
		content: "";
		top: 35%;
		bottom: 40%;
		left: 0;
		right: 0;
		border-right: 1px solid white;
	}

	.tel{
		background-color: var(--mainpink);
		line-height: 150px!important;
		font-weight: bold!important;
		padding: 0 20px!important;
		margin: 0 30px!important;
		position: relative;
	}

	.tel:after{
		position: absolute;
		content: "";
		bottom: -20px;
		background: var(--mainpink);
		left: 0;
		right: 0;
		height: 30px;
	}

	/*MENUS > MAIN MENU*/

	.maximenuckh{
		display: flex;
		width: 1400px;
		margin: 0 auto;
	}

	.maximenuck{
		margin:0 auto;
	}

	.maximenuck *{
		font-family: "Montserrat", sans-serif;
		font-size: 12px;
	}

	.maximenuck > li{
		display: inline-block;
		float: left;
		list-style: none;
	}

	.maximenuck .level1{
		color: var(--mainblue);
		padding: 10px 34px 8px;
		/*margin: 0 17px;*/
		position: relative;
		font-family: "Montserrat", sans-serif;
		text-transform: uppercase!important;
	}

	.active.parent,
	.active.level1{
		background: var(--mainpink);
		color: white!important;
	}

	.active > span > span > .titreck-text{
		color: white!important;
	}

	.maximenuck .level1:not(:last-child):after{
		content: "";
		position: absolute;
		width: 1px;
		background: var(--mainblue);
		top: 0;
		bottom: 0;
		right: 0;
	}

	.floatck{
		background: rgb(255, 255, 255);
		border-bottom: 2px solid var(--mainblue);
		width: 100%;
		top: 110%;
		left: 0;
		right: 0;
	}

	.floatck ul{
		padding: 5px 10px 15px;
	}

	.floatck li{
		list-style: none;
		line-height: initial;
	}

	.floatck li.maximenuck:not(:last-child){
		padding-bottom: 10px;
	}

	.level1:before{
		content: "";
		position: absolute;
		right: 50%;
		left: 50%;
		bottom: 0;
		height: 2px;
		opacity: 0;
		background: var(--mainpink);
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.level1:hover:before{
		right: 2%;
		left: 2%;
		opacity: 1;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.current.level1.active,
	.active.level1.parent{
		background: var(--mainpink);
		color: white!important;
	}

	.current.level1.active > a > span > span > span,
	.active.level1.parent > a > span > span > span{
		color: white!important;
	}

	.active.level1:after{
		display: none;
	}

	.active > span,
	.active > a,
	li.level1:hover > span,
	li.level1:hover > a{
		font-weight: bold;
	}

/*.p404 #mainmenu{
	margin-bottom: 50px;
}

#mainmenu{
	max-width: 1400px;
	margin: 75px auto 0;
	text-align: center;
}

#mainmenu li{
	display: inline-block;
}

#mainmenu a{
	color: var(--maincolor);
	padding: 0 17px;
	margin: 0 17px;
	position: relative;
	font-family: "Montserrat", sans-serif;
}

#mainmenu > li:not(:first-child) > a:before{
	position: absolute;
	content: "";
	left: -17px;
	bottom: 0;
	top: 0;
	border-left: 1px solid;
}

#mainmenu .uk-active a{
	background-color: var(--mainpink);
	color: white;
	font-weight: bold;
}

#mainmenu .uk-active a:after{
	position: absolute;
	content: "";
	background-color: var(--mainpink);
	top: -77px;
	left: 0;
	right: 0;
	bottom: 100%;
}

#mainmenu li:not(.uk-active) a:after{
	position: absolute;
	content: "";
	background-color: var(--mainpink);
	bottom: 0;
	top: 100%;
	left: 50%;
	right: 50%;
	height: 2px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#mainmenu li:not(.uk-active):hover a:after{
	right: 0;
	left: 0;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}*/

	/*MENUS > MENUS FOOTER*/

	#tm-bottom-d a{
		color: var(--mainblue);
		font-weight: 500;
		padding: 0;
		text-transform: none;
		letter-spacing: 0;
		background: transparent!important;
	}

	#tm-bottom-d a:hover{
		font-weight: 900;
	}

	#disclaimer li:not(:first-child){
		margin-left: 15px;
	}

	#disclaimer a:hover{
		background: none!important;
		font-weight: bold;
	}

	/*MENUS > MENU RS FOOTER*/

	.menurs a{
		display: inline-block;
		float: right;
		color: white!important;
	}

	.menurs a:before{
		font-family: "FontAwesome";
	}

	.menurs .rsocial{
		font-size: 22px;
		margin-left: 20px;
	}

	.menurs .rsocial:hover{
		background: initial;
		color: var(--mainpink)!important;
	}

	/*RECHERCHE*/

	h4.titrerec{
		font-size: 20px;
		letter-spacing: 6px;
	}

	div.cck_forms.cck_search div.cck_form{
		width: 100%!important
	}

	.cck_superieur_a{
		margin-top: 25px;
	}

	.blocrecherche{
		padding: 50px 25px;
		margin-bottom: 25px;
	}

	.blocrecherche h4{
		padding: 14px;
		display: inline-block;
		float: left;
		width: 100%;
		text-align: center;
		font-weight: bold;
		background-color: white;
	}

	.blocimage div[class*='bli-']{
		position: relative;
		height: 390px;
		background-repeat: no-repeat;
		overflow: hidden;
	}

	.blocimage div[class*='bli-']:hover:after{
		opacity: 0.6;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.blocimage div[class*='bli-']:after{
		opacity: 1;
		position: absolute;
		content: "";
		background-repeat: no-repeat;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.bbleu,
	.brose{
		display: none;
		position: absolute;
		mix-blend-mode: hard-light;
		z-index: 1;
	}

	.bbleu{
		background: #8ba8fb;
	}

	.brose{
		background: #fd94a7;
	}

	.bshape{
		position: absolute;
		top: 296px;
		bottom: 0px;
		z-index: 99;
		/*mix-blend-mode: hard-light;*/
		opacity: 0.5;
	}

	.bli-1:after{
		background-image: url(/images/divers/bli1.png);
		background-position-x: 28%;
		background-position-y: 100px;
	}
	.bli-1 .bshape{
		display: none;
	}

	.bli-1 .bbleu{
		top: 240px;
		height: 80px;
		left: 0;
		right: 50px;
	}

	.bli-2:after{
		background-image: url(/images/divers/bli2.png);
		background-position-x: -295px;
	}
	.bli-2 .bshape{
		left: 60px;
		right: -740px;
	}


	.bli-3:after{
		background-image: url(/images/divers/bli3.png);
		background-position-x: -160px;
		background-position-y: 145px;
	}
	.bli-3 .bshape{
		left: -100px;
		right: -580px;
	}

	.bli-4:after{
		background-image: url(/images/divers/bli4.png);
		background-position-x: center;
	}
	.bli-4 .bshape{
		left: -200px;
		right: -480px;
	}

	.bli-5:after{
		background-image: url(/images/divers/bli5.png);
		background-position-x: -170px;
		background-position-y: 100px;
	}
	.bli-5 .brose{
		top: 60px;
		height: 80px;
		left: 0;
		right: 45%;
	}
	.bli-5 .bshape{
		left: -430px;
		right: -250px;
	}

	.bli-6:after{
		background-image: url(/images/divers/bli6.png);
		background-position-x: -171px;
		background-position-y: 60px;
	}
	.bli-6 .bshape{
		left: -650px;
		right: 0px;
	}

	.titre-rec{
		width: 100%;
		height: 32px;
		line-height: 32px;
		padding: 0 8px;
		background: white;
		border-radius: 5px;
		position: relative;
	}

	.titre-rec:after{
		content: "\f0dd";
		position: absolute;
		right: 7px;
		font-family: 'FontAwesome';
	}

	.uk-button-dropdown:hover{
		cursor: pointer;
	}

	.dp-rec{
		background: white;
		color: initial;
		z-index: 99!important;
	}

	.dp-rec label{
		width: 100%;
		margin-bottom: 6px!important;
	}

	.dp-rec .cck_search{
		width: 100%;
		display: inline-block;
	}

	.cck_form_button_submit,
	#rechercher{
		width: 100%;
	}

	#plusfiltre{
		display: none;
	}

	#distance option:after{
		content: " km";
	}

	.cck_form_address_to_coordinates,
	.cck_form_select_numeric{
		width: 100%!important;
	}

	/*LISTES PROJETS RECHERCHE*/

	.liste-rech-img{
		display: flex;
	}

	.liste-rech{
		font-family: "Montserrat", sans-serif!important;
		/*letter-spacing: 2px;*/
	}

	.imageprojet{
		position: relative;
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}

	h2.nomprojet{
		font-weight: 900;
		text-transform: uppercase;
		color: var(--mainblue);
		margin-bottom: 10px;
		line-height: 15px;
    padding-top: 11px;
	}

	.accroche{
		margin-top: 0;
	}

	.specificite svg{
		width: 30px;
	}

	.specificite:not(:first-child){
		padding-left: 15px!important;
	}

	.specificite:not(:first-child):before{
		content: "";
    width: 1px;
    background: white;
    position: absolute;
    top: 10px;
    left: 3px;
    bottom: 10px;
	}

	.specsvg{
		fill: var(--mainblue)!important;
	}

	.specprog svg .specsvg{
		border-radius: 100%;
		fill: white!important;
	}

	.ligne-projet{
		position: relative;
	}

	.bloclignerech{
		z-index: 9;
	}

	.ligne-projet:nth-child(even) .fond{
		position: absolute;
		z-index: 0;
		left: -100%;
		bottom: 0;
		right: -100%;
		top: 0;
		background: var(--lightgrey);
	}

	.ligne-projet:nth-child(even){
		padding-top: 25px;
		padding-bottom: 25px;
	}

	/*LISTES PROJETS EN AVANT*/

	.pl{
		position: relative;
		margin-bottom: 25px;
	}

	.pl:after{
		content: "";
		position: absolute;
		bottom: 15%;
		background: var(--mainpink);
		left: 0;
		right: 0;
		z-index: 0;
	}

	.pl-bloc{
		box-shadow: 0 0 15px #d2d2d2;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		z-index: 99;
		background: white;
	}

	.pl-bloc:hover{
		box-shadow: 0 0 25px grey;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.pl-blocimage{
		position: relative;
		padding-top: 70%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		overflow: hidden;
	}

	.offre{
		position: absolute;
		top: 15px;
		left: 0;
		right: 0;
		height: 31px;
		line-height: 31px;
		background: var(--mainblue);
		color: white;
		text-transform: uppercase;
		letter-spacing: 3px;
		text-align: center;
		font-size: 17px;
		font-weight: 700;
		z-index: 1;
	}

	.pl-bloctexte{
		padding: 20px;
		font-family: "Montserrat", sans-serif;
	}

	.pl-bloctexte > div{
		line-height: initial;
	}

	.pl-typologie::first-letter,
	.pl-typologie:first-letter{
		text-transform: uppercase;
	}

	.feed-item-description{
		position: absolute;
		top: 0;
		z-index: 0;
	}

	.adr{
		text-transform: uppercase;
		font-weight: bold;
	}

	.pl-prixmin{
		font-weight: bold;
		color: var(--mainblue);
		/*margin-bottom: 20px;*/
	}

	/*CONTENU*/

	.bloccontact{
		position: fixed;
		position: fixed;
		z-index: 99;
		right: 0;
		background: white;
		text-align: center;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		box-shadow: 0 0 5px grey;
		top: 350px;
		width: 200px;
		-webkit-transition: all 0.3s ease-in;
		-moz-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
	}

	.icons{
		width: 40px;
		height: 40px;
		line-height: 40px;
		display: inline-block;
		background: var(--mainblue);
		border-radius: 100%;
		color: white;
	}

	.contactpicto{
		padding: 15px;
	}

	.contacttxt{
		padding: 15px;
		font-size: 19px;
		color: white;
		font-weight: bold;
		background: var(--mainblue);
		border-bottom-left-radius: 5px;
		text-transform: uppercase;
		line-height: 28px;
	}

	.deplie,
	.bloccontact:hover .replie{
		display: none;
	}

	.bloccontact:hover{
		width: 350px;
	}

	.bloccontact:hover .deplie{
		display: inline-block;
	}

	.contactcta a{
		display: block;
		width: 100%;
		padding: 15px;
		background: var(--mainblue);
		color: white;
		font-weight: bold;
		margin-bottom: 15px;
		font-size: 17px;
		box-sizing: border-box;
	}

	.mirettes .groupsvg:not([act=act]){
		opacity: 0.4;
	}

	.cc{
		font-weight: bold;
		font-size: 29px;
		color: var(--mainblue);
	}

	.chiffrecles{
		position: relative;
	}

	.iconecc{
		font-size: 2em;
		margin-bottom: 15px;
		color: var(--mainblue);
	}

	#candlibre {
		margin-bottom: 50px;
		padding: 20px;
		background-image: url(https://groupe-horizon.fr/images/fond.png);
	}

	.liencv {
		padding: 45px;
		border: 1px solid var(--mainblue);
	}

	.prog-header{
		font-family: "Montserrat", sans-serif;
		position: relative;
	}

	.prog-img{
		position: relative;
		padding-top: 45%;
		overflow: hidden;
	}


	.prog-img > img{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		border-left: 15px solid white;
		border-right: 15px solid white;
	}

	.prog-head{
		position: absolute;
		z-index: 8;
		text-align: left;
		color: white;
		text-transform: uppercase;
		padding: 26px 15px;
		padding-left: 102%;
		top: 15px;
		right: 350px;
		left: -100%;
		background: linear-gradient(90deg, var(--mainblueop8), var(--mainblueop8), var(--mainblueop8), var(--mainblueop8), var(--mainblueop8), transparent);
		letter-spacing: initial;
    font-size: 13px;
    line-height: 17px;
	}

	.prog-head *{
		margin: 0;
	}

	.prog-head h4{
		color: white;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 1px;
		font-size: 20px;
	}

	.prog-header .bbleu{
		width: 10%;
		height: 15%;
		right: 25%;
		top: 25%;
	}

	.prog-header .brose{
		width: 27%;
		height: 7%;
		top: 84%;
	}

	.infogauche,
	.infodroite{
		position: absolute;
		z-index: 8;
		top: 50%;
		transform: translateY(-50%);
	}

	.infogauche.infosmart{
		display: none;
	}

	.infogauche{
		left: 0;
		right: 80%;
	}

	.infodroite{
		right: 50px;
		top: initial;
		transform: none;
		bottom: 0;
	}

	.infodroite .blocinfos{
		margin: auto;
	}

	.infos .uk-panel-box{
		padding: 5px;
		margin-bottom: 15px;
	}

	.infodroite .uk-panel-box{
		border-radius: 100%;
		padding: 5px;
		margin-bottom: 15px;
		display: inline-block;
		float: right;
		width: 52px;
		height: 52px;
		margin-right: 15px;
		line-height: 52px;

	}

	.infogauche .uk-panel{
		/*background: rgba(245, 245, 245, 0.8)!important;*/
	}

	.infogauche svg path,
	.infogauche svg circle{
		fill: var(--mainblue);
	}

	.infos .blocinfos{
		width: 80%;
		min-height: 50px;
		display: table;
		height: 50px;
	}

	.infos .blocinfos > div{
		display: table-cell;
		vertical-align: middle;
		line-height: initial;
	}

	.infodroite .uk-panel-box{
		background: var(--mainpinkop8);
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.infodroite .uk-panel-box:hover{
		background: var(--mainblueop8);
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	iframe{
		width: 100%;
		height: 98%;
	}

	.uk-modal-dialog{
		width: 80%;
		height: 800px;
	}

	.blocinfos svg{
		max-width: 30px;
	}

	.infodroite svg{
		max-width: 30px!important;
	}

	.fletterl:first-letter{
		text-transform: lowercase!important;
	}

	.blocinfos.uk-float-right svg{
		position: absolute;
		transform: translate(-39px, -50%);
		top: 50%;
	}

	.presentation{
		position: relative;
		background: var(--mainblue);
		padding: 25px;
		padding-right: 60px;
		color: white;
	}

	.presentation:before{
		position: absolute;
		content: "";
		left: -100%;
		right: 100%;
		top: 0;
		bottom: 0;
		background: var(--mainblue);
	}

	.presentation h3{
		color: white;
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom:8px!important;
	}

	.specificite{
		position: relative;
		display: inline-block;
		float: left;
		padding-right: 15px;
		margin-bottom: 15px;
	}

	.specificite img{
		max-width: 35px;
		margin-right: 5px;
	}

	/*.specprog:after{
		content: "";
		position: absolute;
		bottom: -8px;
		height: 0;
		left: calc(50% + 40px);
		right: 50%;
		background: white;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.specprog:hover:after{
		left: 0;
		right: 0;
		height: 1px;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}*/

	.rcontact{
		position: absolute;
		content: "";
		right: -25px;
		top: 50%;
		transform: translateY(-50%);
		width: unset;
	}

	.rcontact.uk-active{
		width: unset!important;
		right: 0!important;
	}

	.btnr a{
		background: var(--mainpink);
		line-height: 50px;
		width: 50px;
		height: 50px;
		margin-bottom: 15px;
		display: block;
		text-align: center;
	}

	.btnr img{
		max-width: 80%;
	}

	.btnr:last-child a{
		margin-bottom: 0!important;
	}

	.bloc-pointfort{
		display: table;
		height: 25%;
		width: 100%;
		color: var(--mainblue);
		font-weight: bold;
		font-family: "Montserrat";
	}

	.bloc-pointfort:after{
		clear: both;
	}

	.bloc-pointfort span{
		display: table-cell;
		vertical-align: middle;
	}

	.svgpf{
		width: 40px;
		text-align: center;
	}

	.svgpf svg{
		width: 30px;
	}

	.progression{
		position: relative;
	}

	.cpfmask{
		z-index: -1;
		position: absolute;
	}

	.pbar{
		position: relative;
		width: 100%;
		padding-top: 2%;
		background: #e9e8e8;
		clip-path: url(#mask);
		-webkit-clip-path: url(#mask);
	}

	.pbar .bleu{
		position: absolute;
		content: "";
		top: 0;
		bottom: 0;
		width: 100%;
		background: var(--mainblue);
		transform: translateX(-101%);
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.progr{
		padding: 0 8%;
	}

	.titrepbar{
		text-align: center;
		letter-spacing: 2px;
		font-family: "Montserrat";
	}

	.etape{
		font-weight: bold;
		color: var(--mainpink);
	}

	#logements{
		margin-top: 100px;
	}

	.pbar1 .bleu{
		transform: translateX(-97.9%);
	}

	.pbar2 .bleu{
		transform: translateX(-73.4%);
	}

	.pbar3 .bleu{
		transform: translateX(-49%);
	}

	.pbar4 .bleu{
		transform: translateX(-24.5%);
	}

	.pbar5 .bleu{
		transform: translateX(0);
	}

	.animation.pbar1 .bleu{
		animation: animap 1s ease-in-out;
	}

	.animation.pbar2 .bleu{
		animation: animlc 1s ease-in-out;
	}

	.animation.pbar3 .bleu{
		animation: animtr 1s ease-in-out;
	}

	.animation.pbar4 .bleu{
		animation: animlivr 1s ease-in-out;
	}

	.animation.pbar5 .bleu{
		animation: animdi 1s ease-in-out;
	}

	@keyframes animap{
		from {transform: translate(-101%);}
		to   {transform: translateX(-97.9%);}
	}

	@keyframes animlc{
		from {transform: translate(-101%);}
		to   {transform: translateX(-73.4%);}
	}

	@keyframes animtr{
		from {transform: translate(-101%);}
		to   {transform: translateX(-49%);}
	}

	@keyframes animlivr{
		from {transform: translate(-101%);}
		to   {transform: translateX(-24.5%);}
	}

	@keyframes animdi{
		from {transform: translate(-101%);}
		to   {transform: translateX(0);}
	}

	.blocsimulator h5{
		color: var(--mainblue);
		font-weight: bold;
		margin-bottom: 2px;
		margin-top: 2px;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.blocsimulator p{
		margin-top: 0;
	}

	.blocsimulator .uk-panel-box{
		background: white;
		color: var(--mainblue);
		padding: 12px;
		box-shadow: 0 0 15px #d2d2d2;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.blocsimulator .uk-panel-box:hover,
	.blocsimulator.simactif .uk-panel-box{
		color: var(--mainpink);
		box-shadow: 0 0 25px grey;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}


	.blocsimulator .uk-panel-box:hover h5,
	.blocsimulator.simactif h5{
		color: var(--mainpink);
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.blocsimulator svg{
		width: 50px;
	}

	.blocsimulator svg path,
	.blocsimulator svg polygon{
		fill: var(--mainblue);
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.blocsimulator .uk-panel-box:hover svg path,
	.blocsimulator .uk-panel-box:hover svg polygon,
	.blocsimulator.simactif .uk-panel-box svg path,
	.blocsimulator.simactif .uk-panel-box svg polygon{
		fill: var(--mainpink);
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.vignette a{
		border: 5px solid white;
	}

	#quartier {
		position: relative;
		padding: 50px 0;
	}

	#quartier div:not(.backgroundpatern){
		z-index: 9;
	}

	#quartier .backgroundpatern{
		position: absolute;
		top: 0;
		bottom: 0;
		left: -100%;
		right: -100%;
		z-index: 0;
	}

	.tinfo{
		padding-right: 15px;
		vertical-align: baseline;
	}

	#map { position:absolute; top:0; bottom:0; width:100%; }
	#carte-container{
		position: relative;
		height: 650px;
		width: 100%;
	}

	.mapboxgl-popup-close-button{
		background: white!important;
		border: 0!important;
		color: grey!important;
		border-radius: 0!important;
		width: 30px;
		height: 30px;
	}

	canvas{
		width: 100%!important;
	}

	.marker {
		background-image: url('/images/divers/mapmarker.png');
		background-size: cover;
		width: 38px;
		height: 46px;
		border-radius: 50%;
		cursor: pointer;
	}

	.mapboxgl-popup {
		max-width: 200px;
	}

	.mapboxgl-popup-content {
		text-align: center;
		font-family: 'Open Sans', sans-serif;
	}

	#mapmenu{
		position: absolute;
		top: 25px;
		left: 25px;
		z-index: 999!important;
		width: 130px;
		margin: 0;
	}

	#mapmenu .tripoi{
		position: relative;
		list-style: none;
		background: white;
		width: 100%;
		margin-bottom: 10px;
		line-height: 50px;
		display: inline-block;
		float: left;
		cursor: pointer;
		text-align: right;
		color: var(--mainpink);
		font-size: 1.5em;
		padding-right: 10px;
	}

	#mapmenu .case{
		display: inline-block;
		float: left;
		height: 24px;
		width: 24px;
		border: 1px solid var(--mainpink);
		padding: 2px;
		margin: 12px;
	}

	#mapmenu .tricone{
		display: inline-block;
		float: left;
		font-size: 0.5em;
		color: var(--mainblue);
		font-weight: bold;
	}

	#mapmenu .st0{
		fill: var(--mainblue);
	}

	#mapmenu svg{
		width: 25px;
	}

	.map-actif .case span{
		display: inline-block;
		float: left;
		width: 100%;
		padding-top: 100%;
		background: var(--mainpink);
	}

	.map-end{
		display: none!important;
	}

	.maplegende{
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		font-size: 0.5em;
		display: inline-block;
		font-weight: 500;
		opacity: 0;
		line-height: initial;
		background: white;
		padding: 5px 5px 5px 15px;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.maplegende:before{
		display: inline-block;
		white-space: nowrap;
	}

	.maplegende.maplegende-admin:before{
		content: "Administration";
	}
	.maplegende.maplegende-parking:before{
		content: "Parking";
	}
	.maplegende.maplegende-transport:before{
		content: "Transport en commun";
	}
	.maplegende.maplegende-education:before{
		content: "Éducation";
	}
	.maplegende.maplegende-sante:before{
		content: "Santé";
	}
	.maplegende.maplegende-culture:before{
		content: "Culture";
	}
	.maplegende.maplegende-commerce:before{
		content: "Commerce";
	}
	.maplegende.maplegende-resto:before{
		content: "Restaurant";
	}
	.maplegende.maplegende-banque:before{
		content: "Banque";
	}
	.maplegende.maplegende-zsport:before{
		content: "Équipement sportif";
	}

	.tripoi:hover .maplegende{
		opacity: 1;
		left: 111%;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.map-poi{
		display: inline-block;
		width: 30px;
		height: 30px;
		border-radius: 100%;
		background: var(--mainblue);
		position: relative;
		padding: 5px;
		border: 2px solid white;
	}

	.map-poi:before{
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 25px;
		height: 25px;
		left: 50%;
	}

	.map-poi.map-admin{
		content: url(/images/svg/map-admin.svg);
	}
	.map-poi.map-parking{
		content: url(/images/svg/map-parking.svg);
	}
	.map-poi.map-transport{
		content: url(/images/svg/map-transport.svg);
	}
	.map-poi.map-education{
		content: url(/images/svg/map-education.svg);
	}
	.map-poi.map-sante{
		content: url(/images/svg/map-sante.svg);
	}
	.map-poi.map-culture{
		content: url(/images/svg/map-culture.svg);
	}
	.map-poi.map-commerce{
		content: url(/images/svg/map-commerce.svg);
	}
	.map-poi.map-resto{
		content: url(/images/svg/map-resto.svg);
	}

	.map-poi.map-banque{
		content: url(/images/svg/map-banque.svg);
	}

	.map-poi.map-zsport{
		content: url(/images/svg/map-zsport.svg);
	}

	.bdv{
		height: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		filter: grayscale(1);
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	#contact:hover .bdv{
		filter: grayscale(0);
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.contactsvg{
		width: 70px;
	}

	.contactsvg path{
		fill: var(--mainblue);
	}

	.contactsvg circle{
		fill: none;
	}

	#contact .uk-panel:hover .contactsvg circle{
		fill: var(--mainpink);
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	#contact .uk-panel:hover .contactsvg .mailnumber{
		fill: white;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.blocsimulator{
		z-index: 9;
	}

	.barrerose{
		background: var(--mainpink);
		position: absolute;
		height: 27px;
		bottom: 220px;
		left: -100%;
		right: -100%;
		z-index: 0;
		transform: translateY(50%);
	}

	.simulateur .barrerose{
		bottom: 0;
	}

	.barreprojet{
		bottom: 40px!important;
	}

	#simulateurs{
		position: relative;
		margin-bottom: 75px;
	}

	.btn:focus{
		outline: 1px dotted grey!important;
	}

	/*FORMULAIRES*/

	input[type="text"],
	input[type="mail"],
	select{
		width: 100%;
		height: 50px;
		border-radius: 5px!important;
		text-transform: none;
		font-family: "Open sans", sans-serif;
	}

	input[name="contact_nom"],
	input[name="contact_ville"]{
		text-transform: uppercase;
	}

	textarea{
		width: 100%;
		height: 275px!important;
		border-radius: 6px;
	}

	.case input{
		display: none;
	}

	.case label{
		padding: 0;
		padding-left: 35px!important;
		position: relative;
	}

	.case label:before{
		content: "";
		position: absolute;
		width: 25px;
		height: 25px;
		border: 1px solid grey;
		border-radius: 5px;
		background: white;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.case label:after{
		content: "";
		position: absolute;
		width: 20px;
		height: 20px;
		background-image: url("/images/svg/check.svg");
		left: 3px;
		top: 50%;
		transform: translateY(-50%);
		opacity: 0;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.case input:checked + label:after{
		opacity: 1;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.noUi-connect{
		background-color: var(--mainpink);
	}

	div[id$="r_budget"]{
		margin-top: 45px;
		padding: 0 27px;
	}

	.zonenvoi .btn,
	#envoyer_votre_demande{
		width: 100%!important;
	}

	.pagination{
		text-align: center;
	}

	.pagination ul{
		background-color: var(--lightgrey);
	}

	.pagination ul > li > a, .pagination ul > li > span{
		background-color: transparent!important;
		padding: 0 12px;
		line-height: 16px;
	}

	.pagination-end > *,
	.pagination-start > *{
		font-size: 0;
	}

	.pagination-end > *:after{
		content: "\f0da";
		font-size: 15px;
		font-family: "FontAwesome"!important;
	}

	.pagination-start > *:after{
		content: "\f0d9";
		font-size: 15px;
		font-family: "FontAwesome"!important;
	}

	.pagination-next,
	.pagination-prev{
		text-transform: uppercase;
		font-family: "Montserrat", sans-serif;
		letter-spacing: 4px;
	}

	.pagination ul > li > a, .pagination ul > li > span{
		border: none;
	}

	.pagination li:not([class^="pagination-"]) > *{
		border-left: 1px solid grey;
	}

	.pagination .pagination-prev + li > *{
		border-left: 0!important;
	}

	.pagination ul{
		padding: 10px 15px;
	}

	/*OUTILS HORIZON*/

	.himoutils .uk-panel-box{
		padding: 15px!important;
		box-shadow: 0 0 15px #d2d2d2;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.himoutils .uk-panel-box:hover{
		box-shadow: 0 0 25px grey;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.himoutils h6,
	.himoutils strong{
		color: var(--mainblue);
	}

	.himoutils h6{
		margin-bottom: 0;
	}

	.himoutils p{
		margin-top: 2px;
	}

	/*LES + HORIZON*/

	.plushorizon svg{
		max-width: 70px;
	}

	.icone{
		display: inline-block;
		padding: 0 25px;
	}

	.icone svg{
		height: 80px;
	}

	.svg-euro, .legalife{
		transform: translateY(-25px);
	}

	/*ACTUALITES*/

	.actusimmo button{
		position: absolute;
		bottom: 20px;
		transform: translateX(-50%);
	}

	/*SIMULATEURS*/

	h5.simtitle{
		font-size: 17px;
		font-weight: 700;
		color: var(--mainblue);
		margin-bottom: 10px;
		line-height: initial;
	}

	div.cck_forms.cck_site div.cck_label{
		width: 100%!important;
	}

	.padtop30 label{
		padding-top: 30px;
	}

	#simulateur input{
		/*display: none;*/
	}

	#simulateur label{
	/*width: 25%;
	text-align: center;*/
}

#simulateur label div{
	color: var(--mainblue);
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 2px;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background: white;
	padding: 12px;
	box-shadow: 0 0 15px #d2d2d2;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#simulateur input:checked + label div{
	color: var(--mainpink)!important;
	box-shadow: 0 0 25px grey;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#simulateur input + label div:after{
	display: inherit;
	text-align: center;
	width: 100%;
	font-weight: 500;
	text-transform: none;
}

input[value="ptz"] + label div:after{
	content: "Calculez le montant de votre PTZ";
}

input[value="pinel"] + label div:after{
	content: "Préparez votre investissement";
}

input[value="emprunt"] + label div:after{
	content: "Calculez votre capacité d'emprunt";
}

input[value="notaire"] + label div:after{
	content: "Calculez vos frais de notaires";
}

.simulat{
	position: relative;
}

.loyermax{
	position: absolute;
	top: 2px;
	left: 83px;
	font-weight: bold;
	color: var(--mainpink);
}

.champ{
	display: inline-block;
	padding-right: 25px;
}

.champ.euromois,
.champ.pourloy{
	padding-right: 65px;
}

.champ .cck_form_text{
	position: relative;
}

.champ .cck_form_text:after,
.champ.symbole .cck_form_text:after{
	position: absolute;
	right: -55px;
	top: 0;
	bottom: 0;
	line-height: 51px;
	width: 50px;
	text-align: left;
}

div[id$="-montant"] .cck_form_text:after,
div[id$="-mensualite"] .cck_form_text:after,
div[id$="revenu_fiscal_n2"] .cck_form_text:after,
div[id$="prix_du_logement"] .cck_form_text:after,
.champ.symbole.euro .cck_form_text:after{
	content: "€";
}

div[id$="-duree"] .cck_form_text:after{
	content: "ans";
}

div[id$="-taux"] .cck_form_text:after,
.champ.symbole.pour .cck_form_text:after{
	content: "%";
}

.champ.symbole.euromois .cck_form_text:after{
	content: "€/mois";
}

.champ.symbole.m2 .cck_form_text:after{
	content: "m²";
}

.champ.symbole.pourloy .cck_form_text:after{
	content: "% du loyer";
	width: 80px;
	right: -88px;
}

.champ.symbole.pouran .cck_form_text:after{
	content: "%/an";
}

.erreur{
	color: red;
	font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.err{
	border-color: red!important;
}

.bloc-switch{
	width: 100%;
}

.switch{
	display: inline-block;
	height: 43px;
	float: left;
	padding-top: 8px;
}

.switch-inter{
	width: 70px;
	background: var(--lightgrey);
	border-radius: 5px;
	padding: 4px;
	position: relative;
	cursor: pointer;
}

.switch-inter span{
	height: 35px;
	width: 35px;
	text-align: center;
	display: inline-block;
	background: var(--mainpink);
	border-radius: 5px;
	line-height: 30px;
	color: rgba(255, 255, 255, 0.5);
	text-shadow: -1px 0 0 rgba(82, 82, 82, 0.5);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.switch-inter span.fleft{
	float: left;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.switch-inter span.fright{
	float: right;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.sgauche{
	margin-right: 5px;
}

.sdroite{
	margin-left: 5px;
}

.uk-grid input[type="text"]:disabled{
	background: var(--lightgrey)!important;
}

.typecheck{
	display: inline-block;
	margin-bottom: 15px;
	padding-left: 30px;
	width: 100%;
	position: relative;
}

.typecheck:hover{
	cursor: pointer;
}

.typecheck:before{
	content: "";
	width: 23px;
	height: 23px;
	border: 1px solid var(--mainblue);
	background: white;
	border-radius: 5px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.checkactive:after{
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	background-image: url("/images/svg/check.svg");
	left: 3px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#infobaremes .panel-resultat{
	display: none!important;
}

/*BLOG*/

.headblog{
	position: relative;
	height: 450px;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.headblog img{
	position: absolute;
	right: 0;
	left: 0;
	top: 73%;
	transform: translateY(-54%);
}

.headblog .bbleu{
	top: 25%;
	height: 115px;
	width: 140px;
	left: 0;
}

.headblog .brose{
	height: 55px;
	width: 430px;
	right: 0;
	top: 60%;
}

.bgbleu{
	background: var(--mainblue);
	color: white;
	text-align: center;
	padding: 16px 150px;
}

.bgbleu h3{
	color: white!important;
}

.blogimmo .ligne-projet:nth-child(even){
	text-align: right!important;
}

.blogimmo .ligne-projet:nth-child(even){
	padding-top: 50px!important;
	padding-bottom: 50px!important;
}

.blogimmo .ligne-projet:nth-child(odd){
	margin-top: 25px!important;
	margin-bottom: 50px!important;
}

.blogimmo .ligne-projet:nth-child(even) .imggauche,
.blogimmo .ligne-projet:nth-child(odd) .fond{
	display: none!important;
}

.blogimmo .plusdoutils{
	position: inherit;
	float: left;
}

.blogimmo .ligne-projet:nth-child(even) .plusdoutils{
	float: right;
}

.blogimmo .ligne-projet:nth-child(even) .plusdoutils .voirplus{
	background: white!important;
}


.blogimmo .ligne-projet:nth-child(even):after{

}

.blogimmo .accroche{
	margin-top: 25px;
	min-height: 156px;
}

/*FOOTER*/

#tm-footer > div{
	padding: 0;
	max-width: inherit;
}

#tm-footer p{
	margin-top: 0;
}

.uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2){
	border: 0!important;
}

/*SVG*/

.f0{clip-path:url(#SVGID_2_);fill:#FFFFFF;}
.f1{clip-path:url(#SVGID_2_);fill:#FFFFFF;stroke:#1D1D1B;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.f2{fill:none;stroke:#1D1D1B;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

.p0{fill:#FFFFFF;stroke:#1D1D1B;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.p1{fill:none;stroke:#1D1D1B;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

.c0{fill:#FFFFFF;stroke:#1D1D1B;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.c1{fill:none;stroke:#1D1D1B;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;}
.c2{fill:none;stroke:#1D1D1B;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10.7542,10.7542;}
.c3{fill:none;stroke:#1D1D1B;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10.7431,10.7431;}
.c4{fill:none;stroke:#1D1D1B;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

.o0{fill:#FFFFFF;stroke:#1D1D1B;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

.svg-main,
.svg-euro,
.legalife{
	fill: #253063;
}

.formesvg{fill:none;stroke:#253063;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

#flechmess .st0{fill:none;stroke:var(--mainpink);stroke-width:3;stroke-linejoin:bevel;stroke-miterlimit:10;}

/*ANIMATIONS ICONE*/

.icone:hover #cercle1{
	animation: deplacementpc 3.4s ease-in-out infinite;
}

.icone:hover #cercle2{
	animation: deplacementdc 3.8s ease-in-out infinite;
}

.icone:hover #cercle3{
	animation: deplacementtc 4s ease-in-out infinite;
}

.icone:hover .svg-euro{
	animation: deplacementeuro 4s ease-in-out infinite;
}

.icone:hover .legalife{
	animation: deplacementeuro 4s ease-in-out infinite;
}

.blocinfos:hover .triangle{
	animation: film 2s ease-in-out infinite;
}

.blocinfos:hover .photorot{
	transform-origin: 50% 50%;
	animation: photo 2s ease-in-out infinite;
}

.blocinfos:hover .face{
	animation: face 2s ease-in-out infinite;
}

.blocinfos:hover .cercle{
	animation: cercle 2s ease-in-out infinite;
}

@keyframes deplacementpc{
	from {transform: translate(0);}
	50%  {transform: translate(90px);}
	to   {transform: translate(0);}
}

@keyframes deplacementdc{
	from {transform: translate(0);}
	50%  {transform: translate(-127px);}
	to   {transform: translate(0);}
}

@keyframes deplacementtc{
	from {transform: translate(0);}
	50%  {transform: translate(50px);}
	to   {transform: translate(0);}
}

@keyframes deplacementeuro{
	from {transform: translateY(-25px);}
	50%  {transform: translateY(0);}
	to   {transform: translateY(-25px);}
}

@keyframes film{
	from {transform: translateY(-152px);}
	to   {transform: translateY(152px);}
}

@keyframes photo{
	from {transform: rotate(-25deg);}
	50%  {transform: rotate(0);}
	to   {transform: rotate(-25deg);}
}

@keyframes face{
	from {transform: translate(0, 0);}
	50%   {transform: translate(-25px, 25px);}
	to {transform: translate(0, 0);}
}

@keyframes cercle{
	from {transform: translateY(0);}
	50%  {transform: translateY(75px);}
	to   {transform: translateY(0);}
}

/*FLECHES*/

.svganimate svg{
	z-index: 0;
}

.svganimate-dem{
	position: relative;
}

.svganimate-dem svg{
	position: absolute;
	left: -832px;
	top: -376px;
}

.flecherose404{
	position: absolute;
	right: -250px;
	width: 55%;
	top: 1px;
}

.flecherose404 path{
	fill: none;
	stroke: var(--mainpink);
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.flechebleufiltre{
	position: absolute;
	right: -390px;
	width: 520px;
	top: 170px;
}

.svganimate > div:hover + svg path{
	stroke-dasharray: 900;
	stroke-dashoffset: 900;
	animation-duration: 2.0s;
	animation-fill-mode: forwards;
	animation-name: draw;
}

@keyframes draw {
	to {
		stroke-dashoffset: 0;
	}
}

.h3lot{
	padding: 0;
	background: var(--mainblue)!important;
	color: white!important;
	font-weight: 500!important;
	text-transform: none!important;
}
.h3lot .type,
.h3lot .dispo,
.h3lot .prix,
.h3lot .voir{
	display: inline-block;
	width: 100%;
	padding-left: 25px;
	padding-right: 25px;
}
.h3lot .type{
	padding-top: 25px;
}

.firstone{
	background: var(--lightgrey);
}

.h3lot .voir{
	margin-top: 15px;
	padding-bottom: 15px;
	padding-top: 15px;
	background: var(--mainpink);
}

.h3lot:before,
.item267,
.item268{
	display: none!important;
}

.item107{
	border-right: 0!important;
}

/*OVERIDE CUSTOM*/

.uk-navbar-nav > li > a{
	height: auto!important;
}

@media (min-width: 1220px){
	.uk-container {
		max-width: 1400px;
		padding: 0;
	}
}

/*OVERIDE CUSTOM*/

@media (max-width: 960px){
	.references #system > div > div,
	.references #pheader + div + div{
		padding-right: 25px;
	}
	.references #pheader + div > div:nth-child(2){
		padding-left: 45px!important;
	}
	#tm-main{
		padding-top: 90px!important;
	}
	#maximenuck115-mobile{
		position: fixed!important;
	}
	.uk-grid#plusdoffre{
		margin: 0;
		padding-right: 25px;
	}
	.formulairecontact #system{
		padding: 25px;
	}
	#tm-bottom-d:before{
		display: none;
	}
	.blocsimulator {
		margin-bottom: 20px;
	}
	.item267,
	.item268{
		display: block!important;
	}
	.imageprojet{
		margin-bottom: 20px!important;
	}
	#tm-bottom-d .uk-grid-divider > *{
		padding: 0!important;
	}
	h4{
		padding: 0 20px;
	}
	h1 + form{
		/*display: none;*/
	}
	h3.uk-panel-title{
		font-size: 20px;
		line-height: normal;
	}
	a .nomprojet{
		line-height: normal;
	}
	.callus{
		background-position: center right;
	}
	.imgdroite{
		display: none!important;
	}
	.blogimmo .ligne-projet:nth-child(even) .imggauche, .blogimmo .ligne-projet:nth-child(odd) .fond{
		display: inherit!important;
	}
	.blogimmo .ligne-projet:nth-child(odd){
		margin-top: -50px;
	}
	.plusdoutils{
		width: 100%;
		text-align: center;
	}
	.bloclignerech{
		padding: 10px 20px 0 20px!important;
		text-align: left;
	}
	.prog-img img{
		/*max-width: fit-content;*/
	}
	#logements > div,
	#maquettes > div{
		padding: 0;
	}
	.uk-overlay-panel{
	padding: 10px;
    bottom: -51px;
	}
	canvas, #carte-container{
		max-height: 430px!important;
	}
	.h3lot div.uk-accordion-content{
		width: 100%!important;
	}
	.uk-container{
		padding: 0;
	}
	#tm-main, #tm-footer, *[id^="tm-bottom"], #copyright {
		padding:0;
	}
	#copyright{
		padding: 25px!important;
	}
	.callus {
		padding: 20px;
	}
	button,.btn{
		letter-spacing: initial;
		width: 100%;
	}
	.himoutils{
		width: 90%;
    	margin: 0 auto 15px;
	}
	#tm-bottom-b{
		    margin-top: 20px;
    padding-top: 20px;
	}
	#tm-bottom-b .ctahome{
		bottom: -19px;
	}
	.mobilemenuck-title{
		display: none!important;
	}
	#tm-bottom-d .tm-bottom-d > div:nth-child(2),
	#tm-bottom-d .tm-bottom-d > div:nth-child(3){
		width: 50%;
		margin: 0 0 20px 0 ;
	}
	.bgbleu {
		padding: 10px;
	}
	.prog-head{
		right: 25px;
		line-height: initial;
	}
	#tm-header,
	#maximenuck115-mobile-bar{
		position: fixed!important;
	}
	#tm-header{
		z-index: 10!important;
	}
	#maximenuck115-mobile-bar{
		z-index: 99!important;
	}
	.blocimage div[class*='bli-']{
		height: 212px;
	}
	.bli-1:after {
		background-size: 417%;
		background-position-x: 32%;
		background-position-y: 31px;
	}
	.bli-2:after {
		background-position-x: 70%;
		background-position-y: top;
		background-size: 505%;
	}
	.bli-3:after {
		background-position-x: center;
		background-position-y: 39px;
		background-size: 500%;
	}
	.bli-4:after {
		background-position-x: 56%;
		background-size: 700%;
	}
	.bli-5:after {
		background-position-x: 50%;
		background-position-y: 18px;
		background-size: 429%;
	}
	.bli-6:after {
		background-position-x: 33%;
		background-position-y: 41px;
		background-size: 531%;
	}
	.uk-grid-divider:not(:empty){
		margin-left: 0;
		margin-right: 0;
	}
	.rechercher .blocimage{
		display: inherit;
	}
	.bshape{
		top: inherit;
		bottom: 50px;
	}
	h4.titrerec{
		letter-spacing: initial;
		background: transparent;
	}
	.titre-rec{
		background: transparent;
		margin-bottom: 10px;
	}
	#cck3r_form_rechercher{
		margin-top: 15px;
	}
	.blocrecherche, .bloclignerech > a{
		padding: 0;
		margin-bottom: 0!important;
		/*padding-bottom: 0!important;*/
		display: inline-block;
		/*margin-top: -50px;*/
	}


	.zonenvoi{
		padding: 0 20px;
	}
	.zonenvoi > div{
		margin-bottom: 15px;
	}
	.pagination-prev,
	.pagination-next{
		display: none!important;
	}
	.pagination{
		padding: 8px 0 0;
    background: #e9e8e8;	}
	.pagination ul{
		/*width: 100%;*/
		text-align: center;
	}
	.pagination ul > li{
		/*display: inline-block;*/
		text-align: center;
	}
	.specificite{
		text-align: center;
		border:  0!important;
	}
	.iconspec .specificite:before{
		display: none;
	}
	.specificite svg{
		width: 30px;
    	display: block;
    	margin: 0 auto;
	}
	#tm-header + div {
		margin-top: 41px;
	}
	.uk-dropdown{
		max-width: 100%;
	}
	.scrollToTop{
		    bottom: -6px!important;
    right: -6px!important;
	}
	a.voirplus{
		letter-spacing: initial;
		float: initial;
		width: 100%;
	}
	.hgroupe .prog-img img{
		/*max-width: fit-content;*/
	}
	.svganimate svg{
		display: none!important;
	}
	.home .pl{
		margin-left: -40px!important;
	}
	.pl{
		margin-left: 0!important;
	}
	.contart{
		padding: 0!important;
	}
	.contart.uk-grid > *{
		padding: 0 25px!important;
	}
	/* #puke > div,
	.uk-grid > *{
		padding: 0;
	}
	.hgroupe .uk-grid{
		margin-right: 0;
	}
	.uk-grid{
		margin-left: -0.1px;
		margin-right: 30px;
	}
	.page-programme .uk-grid{
		margin-right: 15px!important;
	}
	.home .uk-grid,
	.rechercher .uk-grid{
		margin-right: inherit;
	}*/
	#puke, .contart{
		padding: 0 20px;
	}
	#tm-main-top.tm-main-top.tm-main-top.uk-grid, .cck_module_breadcrumbs{
		display: none!important;
	}
	#tm-content{
		margin-top: 0!important;
	}
	.chiffrecles{
		width: 50%;
	}
	.tm-middle{
		margin-left: 0;
	}
	.tm-middle .tm-main{
		padding-left: 0;
	}
	.ctahome {
		position: absolute;
		left: 25px;
		bottom: -46px;
		right: 25px;
		text-align: center;
		transform: translate(0);
	}
	#tm-bottom-a{
		margin-top: 83px;
	}
	.button{
		line-height: 15px;
		padding: 15px;
	}
	button, a.contactbtn, .btnfiltre {
		border-radius: 50px!important;
	}
	#tm-bottom-d, #tm-bottom-d .caption, #tm-bottom-d p, #tm-bottom-d h3, #tm-bottom-d a{
		/*text-align: center!important;*/
	}
	.style, #tm-bottom-d{
		padding: 25px;
	}
	.prog-localisation{
		margin-bottom: 4px!important;
		font-size: 0.6em;
	}
	.liste-rech-img{
		height: 252px;
	}
	.infogauche {
		left: 0;
		right: 0;
		top: 389px;
	}
	.prog-img{
		height: 270px!important;
	}
	.adresse{
		padding-top: 7px!important;
		padding-bottom: 7px!important;
	}
	.prog-img {
		padding-top: 0;
	}
	.prog-img > img {
		position: relative;
		transform: none;
		top: initial;
	    /*height: 330px;*/
	    text-align: center;
	    border-right: 15px solid white;
	}
	.infogauche > div{
		margin-bottom: 5px!important;
		padding: 7px 0!important;
	}
	.rechercher #pheader{
		/*height: 690px;*/
	}
	.prog-header .bbleu {
		height: 3%;
	}
	.prog-header .brose {
		height: 3%;
		top: 39%;
	}
	.specificite:not(:first-child) {
		padding-left: 15px!important;
		border-left: 1px solid white!important;
	}
	.specificite:before{
		display: none;
	}
	.titrepbar .uk-width-large-1-5:not(.etape), #photos .uk-overlay-panel{
		display: none;
	}
	.presentation, .pointsforts{
		padding: 20px;
	}
	#contact > .uk-width-1-1, #quartier > .uk-width-1-1, #simulateurs > .uk-width-1-1, .uk-width-1-1#plusdoffre, #photos > .uk-width-1-1{
		padding-left: 0;
	}
	.prog-img > img{
		border: 0;
	}
	.infos .blocinfos{
		width: 86%;
	}
	.cck-f100{
		display: block;
	}
	.bloccontact{
		position: relative;
		left: 0;
		right: 0;
		width: 100%;
	}
	.deplie,
	.bloccontact .replie{
		display: none;
	}

	.bloccontact{
		width: 350px;
	}

	.bloccontact .deplie{
		display: inline-block;
	}
}

@media (max-width:767px){
	#tab-lots .accordion-heading .accordion-toggle {
		display:-ms-grid;display:grid;
		padding: 12px 0 0 0;
	}
	#tab-lots .accordion-heading .accordion-toggle::before{
		background: none;
	}
	#tab-lots a.accordion-toggle > span {
		display: block!important;
		min-height: 48px!important;
		width: 100%!important;
		padding: 0!important;
		margin: 0!important;
	}
	#tab-lots a.accordion-toggle > span > span {
		padding: 0 12px;
	}
	#tab-lots a.accordion-toggle > span.h-lot-type{padding-top: 12px!important;}
	#tab-lots a.accordion-toggle > span.h-lot-surfaces br{display: none; margin-right: 4px;}

	#tab-lots .dataTables_wrapper {

	}
	#tab-lots table.dataTable {

	}
	#logements{
		max-width: 393 nb²b,;px!important;
	}
	#plusdoffre{
		margin-bottom: 50px;
	}
	#plusdoffre .ctahome{
		bottom: 25px;
	}
	.infodroite{
		right: -5px;
		top: 210px;
	}
	#pcontent{
		/*margin-top: -150px;*/
	}
	.infogauche{
		display: none;
	}
	.infogauche.infosmart{
		display: block;
		position: relative;
		top: initial;
		transform: none;
		left: initial;
	}
}


/*RETOUCHES MAGALI*/

.uk-navbar-nav > li > a{
	line-height: 80px;
}

.tm-header-container {
    max-width: 1400px;
    margin: 0 auto;
}

.tm-header-container .uk-panel {
    display: inline-block;
    position: relative;
    width: calc(100% - 190px);
}

div#maximenuck115 {
    width: auto;
}
ul.maximenuck {
    padding: 0;
    margin: 0;
    width: 100%;
   	display: flex;
	
}

.maximenuck .level1 {
    padding: 10px 0px 8px;
	display: block;
	flex: auto;
	text-align: center;
}

ul.maximenuck li:first-child {
    padding-left: 0;
    /*text-align: left;*/
}

#tm-header .tm-header-container > div:last-child {
	position: static;
    /* top: 80px; */
    /* right: 0; */
    left: unset;
    z-index: 99;
    float: right;
    width:  auto;
}

#tm-header .tm-header-container > div:last-child a {
    padding-top: 10px;
    background: var(--lightgrey);
    color: white;
    font-size: 1.2em;
    width: 44px;
    height: 44px;
    padding: 0;
    text-align: center;
    line-height: 44px;
    transition: all 0.2s ease-in-out;
}
#tm-header .tm-navbar .tm-navbar-container{
    height: 80px;
    min-height: 80px;
    line-height: 80px;
}

.maximenuck .level1:not(:last-child):after {
    content: none;
}
.maximenuck .level1:not(:last-child) { 
 	border-right:  1px solid var(--mainblue);
}


@media (max-width:1430px){
	.uk-navbar, .tm-header-container{
		padding:  0 30px;
	}
	#tm-header .uk-container{
		max-width: 100%;
		padding-right: 0;
	}
	
	#tm-header .tm-header-container > div:last-child li {
	    margin-left: 10px;
	}
}

@media (max-width:1130px){
	#tm-header .uk-container {
	    max-width: calc(100% - 150px);
	    padding-right: 0;
	    margin: 0;
	}
	#tm-header .tm-header-container > div:last-child {
	    position: absolute;
	    top: 18px;
	    right: 30px;
	}
	#tm-header .tm-header-container > div:last-child a {
	    background: transparent;
	    width: 30px;
	}
	.tm-header-container .uk-panel {
	    width: 100%;
	}	
}

@media (max-width:992px){
	#maximenuck115-mobile-bar {
    	display: block;
	    height: 80px;
	    width: 60px;
	    right: 0;
	    left: auto;
	}
	.tm-navbar-center.uk-flex.uk-flex-right.menuv2,
	#tm-header .tm-header-container > div:first-child,
	[data-id="maximenuck115"] .mobilemenuck-bar-title {
	    display: none;
	}
	#tm-header .tm-header-container > div:last-child {
	    right: 90px;
	}

	
}

@media only screen and (max-width: 640px){
	body {
	    padding-top: 0px !important;
	}
}

@media only screen and (max-width: 480px){
	body {
	    padding-top: 0px !important;
	}
	#tm-header .tm-header-container > div:last-child {
	   display: none;
	}
}

/*CSS NAV Mobile*/

[data-id="maximenuck115"].mobilemenuck{
		background: transparent;
}
[data-id="maximenuck115"] .mobilemenuck-bar-button {
    background: transparent;
    font-size: 3em;
    top: 0;
    right: 10px;
    margin: 0;
    height: 80px;
		line-height: 73px;
    padding: 0;
}
.mobilemenuck-topbar {
    position: relative;
    width: 40%;
    height: 80px;
    margin-left: 60%;
    background-color: #001f72;
}
[data-id="maximenuck115"] .mobilemenuck-title{
	display:  none;
}
[data-id="maximenuck115"] .mobilemenuck-button {
    height: 80px;
    width: 45px;
    line-height: 71px;
    font-size: 1.8em;
    right: 5px;
}
.mobilemenuck-item {
    display: block;
    background: #FFF;
    padding: 5px 30px;
}
#maximenuck115-mobile .mobilemenuck-item:last-child{
	padding-bottom: 30px;
	position: relative;
}
#maximenuck115-mobile .mobilemenuck-item:last-child:after{
	content: " ";
    position: absolute;
    width:100%;
    height: 15px;
    bottom: -15px;
    left: 0px;
    box-shadow: 0px 10px 10px -10px #666 inset;
}


.mobilemenuck-topbar+.mobilemenuck-item {
    padding-top: 15px;
}

.mobilemenuck-item .uk-icon-search:before {
    font-family: FontAwesome;
    margin-right: 15px;
    font-size: 20px;
}
[data-id="maximenuck115"] .mobilemenuck-item > .level1 {
    background: transparent;
    border-radius: 0;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
}
[data-id="maximenuck115"] .mobilemenuck-item > .level1 a{
    background: #001f72;
    display: inline-block;
    width: 100%;
    border-radius: 0;
    color: #FFFFFF;
    margin: 0;
    padding: 3px 20px 5px;
    font-weight: normal;
	font-size: 1.8em;
}
[data-id="maximenuck115"] a.maximenuck.uk-icon-search {
    background: var(--mainpink);
}
[data-id="maximenuck115"] .mobilemenuck-togglericon:after {
    text-align: right;
    background: transparent;
    line-height: 51px;
    height: 51px;
    width: 50%;
    padding-right: 20px;
}

.mobilemenuck-submenu .mobilemenuck-item {
	display: block;
	background: #FFF;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
#maximenuck115-mobile .mobilemenuck-submenu .mobilemenuck-item:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
#maximenuck115-mobile .mobilemenuck-submenu .mobilemenuck-item:last-child:after{
	content: none;
}


[data-id="maximenuck115"] .mobilemenuck-item > .level2 {
    background: #FFFFFF;
    -moz-border-radius: 0;
    -o-border-radius:0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #000000;
    margin: 0px;
    padding-left: 0px;
    line-height: 35px;
}
[data-id="maximenuck115"] .mobilemenuck-item > .level2 a {
    color: #000000;
    line-height: 35px;
    font-weight: normal;
    padding: 5px 5px 5px 20px;
}