:root {
	--rouge: #C70015;
	--noir: #000000;
	--blanc: #ffffff;
	--gris: #ecebeb;
	--orange: #e09506;
	--vert: #8ab61d;
	--bleu: #0ac5eb;
	--grisfonce: #7e7e7e;
	--violet: #bf65bc;
}

body {
	font-family: 'Poppins', sans-serif;
	background: var(--gris);
	color: var(--noir);
}

body[class*="listing"] .sticky_menu {
	width: 100%;
	background: var(--gris);
}

.search__form-item:nth-child(4) {
	background: var(--blanc);
	height: 50px !important;
	border-radius: 50px
}

.listing-vente .bootstrap-select.btn-group .dropdown-menu li a::before {
	padding-right: 5px;
	font-family: "Ionicons";
	font-size: 20px;
	color: var(--rouge);
}

a {
	color: var(--noir)
}

.search__form-item:nth-child(n+2) {
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
	width: calc(100% / 7 - 4px);
	height: 38px;
}


.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn,
.btn-group-vertical>.btn,
.btn-group-vertical>.btn:,
.btn-group>.btn.active,
.btn-group>.btn,
.btn-group>.btn,
.btn-group>.btn {
	z-index: 2;
	height: 50px;
	top: -10px;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
	padding: 0;
	border-style: none;
	margin-top: 10px
}

.listing-vente #numero,
.listing-location #numero,
.listing #numero {
	top: 0px !important;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	text-align: left;
	color: #7b7b7b;
	font-weight: 200;
	font-size: 14px;
}

::placeholder {
	color: #7b7b7b;
	opacity: 1 !important;
	font-weight: 200;
	font-size: 14px;

}

.avisGoogleBadge-p1 {
	padding-top: 0px !important;
}


.bulle-avis {
	background: var(--blanc);
	border-radius: 5px;
	text-align: center;
	padding: 15px 15px
}

.badge-google-content {
	left: 5px;
	top: 90px;

	position: absolute;
	background-color: var(--blanc);
	border-radius: 5px;
	padding: 0px 8px 8px 8px;
	text-align: left !important;
	width: 325px
}

/* BADGE GOOGLE */

.badge-google {
	width: 70px;
}

.badge-google-content a {
	color: #000;
	font-size: 14px;
}

.badge-google-content p {
	margin-bottom: 0;
}

img.badge-google {
	width: 30%;
}

.google-stars,
.google-stars span {
	background-size: 25px 22px;
	height: 22px;
	top: 1px;
	width: 123px;
}

.google-stars {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAAAxUlEQVR42rXUUQuEIAwH8GAQCIcQCIFPcUchCH3/b+f18D+MUdzmUhg9KPttag7K8fm3oJTCQwX4I3Z8uyERSOyJJCCpF+IA/ML1QAJDQg9kY8j2NEJIzIM0iD8iswSmQD5fkVrt+wkAeYh3wg84G6oP0jMZtV1h/dhy8EEIBMvtIiFCFmQSIpMFWYTIYkGyEMmtiL9ItmJr1os534JElmRm8zObjy1IqtXfPuvu1FXSIu5UHQkeT3St+Bmxv69BMbDe3SFf/+tYufyUsgoAAAAASUVORK5CYII=);
	background-repeat: repeat-x;
	display: inline-block;
	overflow: hidden;
	position: relative;
}

.google-stars span {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAAAqUlEQVR4AWLwySwkGv/YzgworgwwAIphGHqJXWgX6nl6q55o/GHxCX4bUx9hMK9JYwucFSmAubW2ZifED8Q7IXEgcmRqVNDsgBhBrAMSBJEiqwAGAaBRhiDvBk1A3mkRyb2CXSYLlmWFnbArffoMIrjS6qy3Sm/Z/068CPEbyKpKhfCDyA0yNE95MKtRGe9LiSz9O3hKclv6Y76ictQzqbmjyhIkyVi+8wCta5MKDP5AeAAAAABJRU5ErkJggg==);
	background-repeat: repeat-x;
	display: block;
}

/**************************/
/*    HEADER              */
/**************************/
.administrable h1 {
	color: red;
	display: none
}

.administrable h1 {
	text-align: left;
	font-size: 6em;
	font-weight: 800;
}

.administrable h4 {
	color: red
}

.administrable h4 {
	text-align: left;
	font-size: 6em;
	font-weight: 800;
}

.intranet a {
	background: var(--rouge);
	padding: 10px 10px;
	color: var(--blanc)
}

.bandeautop {
	width: 100%;
	height: 50px;
	background: var(--blanc);
	border-bottom: 1px solid var(--rouge);
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 20px
}

.intro {
	color: var(--blanc)
}

.moteur {
	padding: 20px;
	position: absolute;
	top: 120px;
	left: 0;
	opacity: 0;
	z-index: 20;
	background-color: transparent;
	animation: entrance 1s ease 1s 1 normal forwards;
}

.index .search_form {
	background-color: rgba(255, 255, 255, 0.6);
	animation: wobble 2s ease 1.2s 1 normal forwards;
	padding: 10px 20px 40px 20px;
	overflow: visible;
	border: 3px solid var(--vert);
}

.search__form-item:nth-child(2),
.search__form-item:nth-child(3),
{
background: #ffffff;
border-radius: 50px !important;
padding: 0px 10px !important;
height: 52px !important;

}

.search__form-item.c_valid {
	background: transparent;
	border-radius: 50px !important;
	padding: 0px 10px !important;
	height: 52px !important;

}

.intro p.text2 {
	opacity: 0;
	animation: fadeInLeft 1.5s ease 1.2s normal forwards;
	text-shadow: 1px 1px 3px var(--grisfonce);

}

.infobandeau {
	color: var(--noir);
	font-size: 14px;
	padding-top: 3px;
	margin-left: -15px;
}

.infobandeau span.tel {
	.bandeautop a {
		font-weight: 300
	}

	top: 10px
}

.intro h1 {
	opacity: 0;
	margin-top: 100px;
	font-weight: 800;
	font-size: 3em;
	animation: fadeInLeft 1.5s ease 0.3s normal forwards;
	text-shadow: 1px 1px 3px var(--grisfonce);

}

.intro h2 {
	opacity: 0;
	margin-top: 50px;
	font-weight: 800;
	font-size: 2.5em;
	animation: fadeInLeft 1.5s ease 0.6s normal forwards;
	text-shadow: 1px 1px 3px var(--grisfonce);

}

.intro p.text1 {
	opacity: 0 !important;
}

.form-style {
	font-size: 1rem;
	border: 0px solid #ccc;
	background: #fff;
	padding: 25px 20px !important;
	border-radius: 50px;
}

.intro label {
	font-weight: 200;
	font-size: 17px;
	line-height: 1.6;
	color: var(--noir) !important;
}

.intro .btn-search {
	opacity: 0;
	animation: jello 2s ease 1.5s 1 normal forwards;
	background-color: var(--vert);
	color: #ffffff;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 20px;
}

.intro .btn-estime:hover,
.intro .btn-search:hover {

	background-color: var(--orange);
	color: #ffffff;
	text-transform: uppercase;
}

.fleche {
	padding-top: 170px;
	left: -220px;
	animation: fadeToLeft 1s ease 1.2s 1 normal backwards;
	opacity: 1;
}

.fleche2 {
	padding-top: 15px;
	left: -490px;
	animation: fadeToLeft 1s ease 1.6s 1 normal backwards;
	opacity: 1;
}

.intro .btn-estime {
	opacity: 0;
	margin-top: 70px;
	animation: jello 2s ease 1s normal forwards;
	background-color: var(--vert);
	color: #ffffff;
	text-transform: uppercase;
}

.intro .radio_trans input.css-checkbox[type="radio"]:checked+label.css-label {
	border-bottom: 4px solid var(--vert);
	color: var(--rouge);
	font-size: 17px;
}

.btn-presentation {
	opacity: 1;
	margin-top: 70px;
	background-color: var(--vert);
	color: #ffffff;
	text-transform: uppercase;
}

.btn-presentation:hover {

	background-color: var(--orange);
	color: #ffffff;
	text-transform: uppercase;
}

.bg_1 {
	background: var(--bleu);
	height: 10px;
}

.bg_2 {
	background: var(--violet);
	height: 10px;
}

.bg_3 {
	background: var(--vert);
	height: 10px;
}

.bg_4 {
	background: var(--orange);
	height: 10px;
}

@media (min-width: 992px) {

	.index .not-sticking .site-pusher,
	[class*="listing"] .not-sticking .site-pusher,
	[class*="listing-"] .not-sticking .site-pusher {
		padding: 0px 20px;
		background: var(--blanc);
		box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;
	}
}

@media (min-width: 992px) {



	.sticking .site-pusher {
		padding: 0;
		background: var(--blanc);
		padding: 10px 20px;
	}

	.not-sticking .site-pusher {
		padding: 0;
		background: var(--blanc);
		padding: 0px 20px;
	}

	.index .not-sticking .header__logo img,
	.not-sticking .header__logo img,
	.index .sticking .header__logo img,
	.sticking .header__logo img {
		width: 120px;
	}



}

/**************************/
/*  SLIDER BIEN ACCUEIL   */
/**************************/
.swiper-slide .info_ville {
	font-size: 26px;
	padding-top: 6px;
	text-align: left;
	font-weight: 700;
	color: var(--rouge);
}

.swiper-slide .bulle {
	background: var(--grisfonce);
	border-radius: 50px;
	padding: 4px 10px 4px 10px;
	font-weight: 200;
	font-size: 12px;
	color: var(--blanc);
}

.swiper-slide .bulle i {}

.swiper-slide .block_info {
	z-index: 0;
	padding: 5px 20px;
	min-height: auto;
	background: var(--blanc);
}

.swiper-slide .info_prix {
	margin: 0 0 15px 0;
	padding: 0;
	text-align: left;
	top: 15px;
}

.home_heading {
	color: var(--noir);
	padding-top: 60px;
	margin-bottom: 40px;
	font-weight: 800;
	letter-spacing: 2px;
	font-size: 3em;
}


.home_heading::before {
	content: "";
	display: none;
	width: 20px;
	height: 1px;
	background: #ffffff;
	vertical-align: middle;
	margin: 0 10px;
	padding-bottom: 10px;
}

.home_cont_prestation .imgpres {
	background: url("/assets/images/quisommes.jpg");
	background-size: auto;
	background-size: cover;
	border: 5px solid var(--rouge);
}



/**************************/
/*  CATEGORIES ACCUEIL   */
/**************************/

.services .container-fluid .card .face.face1.color1 {
	background: var(--bleu);
	width: 100%;
}

.services .container-fluid .card .face.face1.color2 {
	background: var(--violet);
	width: 100%;
}

.services .container-fluid .card .face.face1.color3 {
	background: var(--vert);
	width: 100%;
}

.services .container-fluid .card .face.face1.color4 {
	background: var(--orange);
	width: 100%;
}

.services .icon {
	color: var(--blanc)
}

.services .container-fluid .card {
	opacity: 1;
}

/**************************/
/*  MOTEUR   */
/**************************/

/**************************/
/*  FOOTER   */
/**************************/
footer {
	background-color: var(--blanc);
	padding: 50px 10px 20px 10px;
	color: var(--noir)
}

footer .bg_blanc {
	background: var(--rouge);
}

.infofooter {
	border-bottom: 1px solid var(--rouge);
	text-transform: capitalize !important;
}

footer a {
	color: var(--noir)
}

.infofooter p {
	text-transform: none;
	font-size: 12px;
	color: var(--noir)
}

footer a:hover {
	padding-left: 10px;
}

footer,
footer a {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	margin-top: 00px;
	font-weight: 300;
	padding-left: 10px;

}

/**************************/
/*  LISTING   */
/**************************/

.listing-vente .menuvente a,
.listing-neuf .menuneuf a,
.listing-location .menulocation a .listing-soleil .menusoleil a {
	color: var(--rouge) !important;
	font-weight: 600 !important;
}

.listing-location .menulocation a {
	color: var(--rouge) !important;
	font-weight: 600 !important;
}

.listing-soleil {}

.listing-soleil .menulocation a {
	color: var(--rouge) !important;
	font-weight: 600 !important;
}

body[class*="listing"] .prod_listing.damier .info_ville {
	font-size: 18px;
	font-weight: 800;
	color: var(--rouge);
}


body[class*="listing"] .prod_listing.damier .info_prix {
	width: 100%;
	font-size: 20px;
	padding-top: 0;
	font-weight: 800;
	color: var(--rouge);
	text-transform: uppercase;
}

.listing-vente .dropdown-toggle::after {
	color: var(--rouge);
}

.listing-vente .btn-search {
	color: #ffffff;
	background-color: var(--rouge);
	border-color: var(--rouge);
	border-color: #ffffff;
}

.listing-vente .btn-search:hover {
	color: #ffffff;
	background-color: var(--orange);
	border-color: var(--orange);
	border-color: #ffffff;
}

/**************************/
/*  details bien   */
/**************************/
.detail .interlocuteur {
	border: 0px solid #dcdcdc;
	padding: 0px;
	border-radius: 0px;
	background: transparent;
	color: #000;
	text-align: left;
	font-size: 1.2em;
	font-weight: 200
}

.detail .interlocuteur-coord p {
	text-align: left;
	font-size: 1.2em
}

.detail .interlocuteur i {
	color: var(--rouge)
}

.detail_header .titre {
	font-size: 2em !important;
	text-shadow: 1px 1px 3px var(--noir);
}

.carousel_header .titre,
.detail_header .titre,
.detail_header_sticky h1 {
	text-transform: uppercase;
	font-weight: 200;
	color: var(--blanc)
}

.detail .h3 {
	text-align: left;
	text-transform: uppercase;
	color: var(--noir);
	font-size: 28px;
	letter-spacing: 5px;
	margin: 0 0 0.2em 0;
	line-height: 1.5;
}

.detail .groupe-btn .list-inline-item i {
	color: var(--rouge);
}

.detail_calculette .d-sm-flex>div,
.detail_calculette-notaire .d-sm-flex>div {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 1000%;
	flex: 0 0 100%;
	max-width: 100%;
}

#notarial_fees {
	display: none !important
}

.retour_pret {
	font-size: 25px;
	font-weight: 700;
	color: var(--rouge);
}

.retour_pret span {
	color: var(--rouge);
}

.table-warning,
.table-warning>td,
.table-warning>th {
	background-color: var(--rouge) !important;
	color: var(--blanc)
}

/**************************/
/*  ESTIMATION   */
/**************************/
.estimation .bgAccueil-page {
	height: 50vh;
	position: relative;
	background: url(/assets/images/bgimg-estimation.jpg) no-repeat center center;
	background-size: auto;
	background-size: auto, auto;
	background-size: cover;
	overflow: hidden;
}

.estimation .menuestimation a {
	color: var(--rouge) !important;
	font-weight: 600 !important;
}

.estimation .listing-header-titre {
	position: absolute;
	bottom: -29px;
	color: var(--rouge);
	margin-bottom: 0;
	text-transform: uppercase;
	animation: slidetitle 2s ease;
}

.estimation .page-heading {
	color: var(--noir);
}

.bg_estimation {
	background: var(--rouge);
}

.estimation label {
	font-weight: 200;
	text-transform: none;
	margin-top: 5px;
	margin-bottom: 0px;
	color: var(--noir);
	font-size: 14px;
}

.estimation .dropdown-toggle::after {
	font-family: "Ionicons";
	position: absolute;
	right: 30px;
	border: 0;
	color: var(--rouge);
}

.estimation .btn-info {
	color: #ffffff;
	background-color: var(--rouge);
	border-color: var(--rouge);

	transition: all 0.5s ease
}

.estimation .btn-info:hover {
	border-color: var(--noir);
	background-color: var(--noir);
	transition: all 0.5s ease
}

/**************************/
/*  ALERTE EMAIL   */
/**************************/
.alerte-email .menualertemail a {
	color: var(--rouge) !important;
	font-weight: 600 !important;
}

.alerte-email .listing-header-titre {
	position: absolute;
	bottom: -29px;
	color: var(--rouge);
	margin-bottom: 0;
	text-transform: uppercase;
	animation: slidetitle 2s ease;
}

.alerte-email .page-heading {
	color: var(--noir);
}

.bg_alertemail {
	background: var(--rouge);
}

.alerte-email label {
	font-weight: 200;
	text-transform: none;
	margin-top: 5px;
	margin-bottom: 0px;
	color: var(--noir);
	font-size: 14px;
}

.alerte-email .dropdown-toggle::after {
	content: "\f123";
	color: var(--rouge)
}

.alerte-email .btn-primary {
	color: #ffffff;
	background-color: var(--rouge);
	border-color: var(--rouge);

	transition: all 0.5s ease
}

.alerte-email .btn-primary:hover {
	border-color: var(--noir);
	background-color: var(--noir);
	transition: all 0.5s ease
}


/**************************/
/*  CONTACT   */
/**************************/
.contact .menucontact a {
	color: var(--rouge) !important;
	font-weight: 600 !important;
}

.contact .listing-header-titre {
	position: absolute;
	bottom: -29px;
	color: var(--rouge);
	margin-bottom: 0;
	text-transform: uppercase;
	animation: slidetitle 2s ease;
}

.contact .page-heading {
	color: var(--noir);
}

.bg_contact {
	background: var(--rouge);
}

.contact label {
	font-weight: 200;
	text-transform: none;
	margin-top: 5px;
	margin-bottom: 0px;
	color: var(--noir);
	font-size: 14px;
}

.contact .dropdown-toggle::after {
	content: "\f123";
	color: var(--rouge)
}

.contact .btn-primary,.recrutement .btn-primary {
	color: #ffffff;
	background-color: var(--rouge);
	border-color: var(--rouge);

	transition: all 0.5s ease
}

.contact .btn-primary:hover, .recrutement .btn-primary:hover {
	border-color: var(--noir);
	background-color: var(--noir);
	transition: all 0.5s ease
}

.contact p {
	color: var(--noir);
}

/**************************/
/*       PAGE AGENCE      */
/**************************/


.agence .listing-header-titre {
	color: var(--rouge);
	margin-bottom: 0;
	text-align: left;
	text-transform: uppercase;
}

.agence .page-heading {
	color: var(--noir)
}

.agence .bg_agence {
	background: var(--rouge);
}

.agence p {
	text-align: justify;
	font-weight: 200;
	font-size: 18px;
	line-height: 1.6;
	color: var(--noir);
}

.agence .menueagence a {
	color: var(--rouge) !important;
	font-weight: 600 !important;
}

.borderteam a {
	font-weight: 800;
	font-style: 1, 5em;
	color: var(--blanc);
}

.administrable .listing-header-titre {
	position: absolute;
	bottom: -29px;
	color: var(--rouge);
	margin-bottom: 0;
	text-transform: uppercase;
	animation: slidetitle 2s ease;
}


/**************************/
/*       PAGE recrutement      */
/**************************/
.recrutement .menurecrutement a {
	color: var(--rouge) !important;
	font-weight: 600 !important;
}


.recrutement .bgAccueil-page {
	height: 50vh;
	position: relative;
	background: url(/assets/images/bgimg-recrute.jpg) no-repeat center center;
	background-size: auto;
	background-size: auto, auto;
	background-size: cover;
	overflow: hidden;
}

.recrutement .listing-header-titre {
	color: var(--rouge);
	margin-bottom: 0;
	text-align: left;
	text-transform: uppercase;
}

.recrutement .page-heading {
	color: var(--noir)
}

.bg_agence {
	background: var(--rouge);
}

.recrutement p {
	text-align: justify;
	font-weight: 200;
	font-size: 18px;
	line-height: 1.6;
	color: var(--noir);
}

.recrutement .menurecrutement a {
	color: var(--rouge) !important;
	font-weight: 600 !important;
}

/**************************/
/*       PAGE vendre      */
/**************************/
.vendre .menuvendre a {
	color: var(--rouge) !important;
	font-weight: 600 !important;
}


.vendre .bgAccueil-page {
	height: 50vh;
	position: relative;
	background: url(/assets/images/bgimg-vendre.jpg) no-repeat center center;
	background-size: auto;
	background-size: auto, auto;
	background-size: cover;
	overflow: hidden;
}

.vendre .listing-header-titre {
	color: var(--rouge);
	margin-bottom: 0;
	text-align: left;
	text-transform: uppercase;
}

.vendre .page-heading {
	color: var(--noir)
}

.bg_agence {
	background: var(--rouge);
}

.vendre p {
	text-align: justify;
	font-weight: 200;
	font-size: 18px;
	line-height: 1.6;
	color: var(--noir);
}

.vendre .menuvendre a {
	color: var(--rouge) !important;
	font-weight: 600 !important;
}

/**************************/
/*       PAGE gerer      */
/**************************/
.gestion .menugerer a {
	color: var(--rouge) !important;
	font-weight: 600 !important;
}


.gestion .bgAccueil-page {
	height: 50vh;
	position: relative;
	background: url(/assets/images/bgimg-gestion.jpg) no-repeat center center;
	background-size: auto;
	background-size: auto, auto;
	background-size: cover;
	overflow: hidden;
}

.gestion .listing-header-titre {
	color: var(--rouge);
	margin-bottom: 0;
	text-align: left;
	text-transform: uppercase;
}

.gestion .page-heading {
	color: var(--noir)
}

.bg_agence {
	background: var(--rouge);
}

.gestion p {
	text-align: justify;
	font-weight: 200;
	font-size: 18px;
	line-height: 1.6;
	color: var(--noir);
}

.gestion .menugerer a {
	color: var(--rouge) !important;
	font-weight: 600 !important;
}

.infobandeau .reseaux-sociaux i {
	color: var(--rouge);
	font-size: 20px;
}

.reseaux-sociaux i {
	color: var(--rouge);
	font-size: 40px;
}

.infobandeau .reseaux-sociaux i.fa-heart {
	font-size: 23px;
	left: 10px;
	bottom: -1px;
}

.mentions-legales p,
.list_mentions,
.content_page {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.6;
	color: var(--noir);
	font-weight: 200;
}

.home_cont_prestation h2 {
	font-weight: 800;
	font-size: 2em;
}

.cardteam h2 {
	font-weight: 800;
	padding-top: 150px !important;
	text-shadow: 1px 1px 3px var(--noir)
}

.cardteam p {
	text-shadow: 1px 1px 3px var(--noir);
	opacity: 0;
}

.card0 p,
.card1 p,
.card2 p {}


.card0:hover p,
.card1:hover p,
.card2:hover p,
.card3:hover p,
.card4:hover p,
.card5:hover p,
.card6:hover p,
.card7:hover p,
.card8:hover p,
.card9:hover p,
.card10:hover p,
.card11:hover p,
.card12:hover p,
.card13:hover p,
.card14:hover p {
	opacity: 1;
	text-align: center;
	color: #fff;
	transition: all 0.8s ease;
}


.card0 {
	background: url("/assets/images/team/img_aboutus01.jpg") center top no-repeat;
	background-size: auto;
	background-size: 400px;
}

.card0:hover {
	background: url("/assets/images/team/img_aboutus01.jpg") left center no-repeat;
	background-size: auto;
	background-size: 320px;
}

.card1 {
	background: url("/assets/images/team/img_aboutus02.jpg") center top no-repeat;
	background-size: auto;
	background-size: 400px;
}

.card1:hover {
	background: url("/assets/images/team/img_aboutus02.jpg") left center no-repeat;
	background-size: auto;
	background-size: 320px;
}

.card2 {
	background: url("/assets/images/team/img_aboutus03.jpg") center top no-repeat;
	background-size: auto;
	background-size: 400px;
}

.card2:hover {
	background: url("/assets/images/team/img_aboutus03.jpg") left center no-repeat;
	background-size: auto;
	background-size: 320px;
}

.card3 {
	background: url("/assets/images/team/img_aboutus04.jpg") center top no-repeat;
	background-size: auto;
	background-size: 400px;
}

.card3:hover {
	background: url("/assets/images/team/img_aboutus04.jpg") left center no-repeat;
	background-size: auto;
	background-size: 320px;
}

.card4 {
	background: url("/assets/images/team/img_aboutus05.jpg") center top no-repeat;
	background-size: auto;
	background-size: 400px;
}

.card4:hover {
	background: url("/assets/images/team/img_aboutus05.jpg") left center no-repeat;
	background-size: auto;
	background-size: 320px;
}

.card5 {
	background: url("/assets/images/team/img_aboutus06.jpg") center top no-repeat;
	background-size: auto;
	background-size: 400px;
}

.card5:hover {
	background: url("/assets/images/team/img_aboutus06.jpg") left center no-repeat;
	background-size: auto;
	background-size: 320px;
}

.card6 {
	background: url("/assets/images/team/img_aboutus07.jpg") center top no-repeat;
	background-size: auto;
	background-size: 400px;
}

.card6:hover {
	background: url("/assets/images/team/img_aboutus07.jpg") left center no-repeat;
	background-size: auto;
	background-size: 320px;
}

.card7 {
	background: url("/assets/images/team/img_aboutus08.jpg") center top no-repeat;
	background-size: auto;
	background-size: 400px;
}

.card7:hover {
	background: url("/assets/images/team/img_aboutus08.jpg") left center no-repeat;
	background-size: auto;
	background-size: 320px;
}

.card8 {
	background: url("/assets/images/team/img_aboutus09.jpg") center top no-repeat;
	background-size: auto;
	background-size: 400px;
}

.card8:hover {
	background: url("/assets/images/team/img_aboutus09.jpg") left center no-repeat;
	background-size: auto;
	background-size: 320px;
}

.card9 {
	background: url("/assets/images/team/img_aboutus10.jpg") center top no-repeat;
	background-size: auto;
	background-size: 400px;
}

.card9:hover {
	background: url("/assets/images/team/img_aboutus10.jpg") left center no-repeat;
	background-size: auto;
	background-size: 320px;
}

.card10 {
	background: url("/assets/images/team/img_aboutus11.jpg") center top no-repeat;
	background-size: auto;
	background-size: 400px;
}

.card10:hover {
	background: url("/assets/images/team/img_aboutus11.jpg") left center no-repeat;
	background-size: auto;
	background-size: 320px;
}

.card11 {
	background: url("/assets/images/team/img_aboutus12.jpg") center top no-repeat;
	background-size: auto;
	background-size: 400px;
}

.card11:hover {
	background: url("/assets/images/team/img_aboutus12.jpg") left center no-repeat;
	background-size: auto;
	background-size: 320px;
}

.card12 {
	background: url("/assets/images/team/img_aboutus13.jpg") center top no-repeat;
	background-size: auto;
	background-size: 400px;
}

.card12:hover {
	background: url("/assets/images/team/img_aboutus13.jpg") left center no-repeat;
	background-size: auto;
	background-size: 320px;
}

.card13 {
	background: url("/assets/images/team/img_aboutus14.jpg") center top no-repeat;
	background-size: auto;
	background-size: 400px;
}

.card13:hover {
	background: url("/assets/images/team/img_aboutus14.jpg") left center no-repeat;
	background-size: auto;
	background-size: 320px;
}

.card14 {
	background: url("/assets/images/team/img_aboutus15.jpg") center top no-repeat;
	background-size: auto;
	background-size: 400px;
}

.card14:hover {
	background: url("/assets/images/team/img_aboutus15.jpg") left center no-repeat;
	background-size: auto;
	background-size: 320px;
}



@media (min-width: 992px) {

	.hidedesk {
		display: none !important
	}


	.cl-effect-13 a:hover::before,
	.cl-effect-13 a:focus::before {
		color: var(--noir);
		text-shadow: 10px 0 var(--noir), -10px 0 var(--noir);
	}

	.not-sticking .menu ul>li>a {
		color: var(--noir);
		font-size: 14px;
		font-weight: 300;
		letter-spacing: 2px;
	}

	.menu ul>li>a {
		padding: 12px 10px;
		line-height: 1.2;
		color: var(--noir);
	}
}

@media(max-width:1199px) {
.fleche, .fleche2{
display: none}


@media(max-width:991px) {

.intro h1 {
	opacity: 0;
	margin-top: 0000px;
	font-weight: 800;
	font-size: 3em;
	animation: fadeInLeft 1.5s ease 0.3s normal forwards;
	text-shadow: 1px 1px 3px var(--grisfonce);
}
.moteur {
	padding: 20px;
	position: absolute;
	top: 00px;
	left: 0;
	opacity: 0;
	z-index: 20;
	background-color: transparent;
	animation: entrance 1s ease 1s 1 normal forwards;
}
	.index .not-sticking .header__logo img,
	.not-sticking .header__logo img {
		width: 100px;
		margin-left: -50px
	}

	.header .sticking {
		background: var(--blanc);
	}

	.header__logo img {
		width: 100px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: -50px
	}

	.sticky_menu {
		width: 100%;
		background: var(--blanc);
	}

	.index .not-sticking .burger-item,
	.index .not-sticking .burger-item::before,
	.index .not-sticking .burger-item::after {
		color: var(--rouge) !important;
		background: var(--rouge) !important;
	}

	.not-sticking .burger-item,
	.not-sticking .burger-item::before,
	.not-sticking .burger-item::after,
	.sticking .burger-item,
	.sticking .burger-item::before,
	.sticking .burger-item::after {
		color: var(--rouge) !important;
		background: var(--rouge) !important;
	}

	.burger-item::after {
		content: "";
		position: absolute;
		background: var(--rouge) !important;
		color: var(--rouge) !important;
		display: block;
		height: 3px;
		width: 24px;
		margin-top: 8px;
		-webkit-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

	.burger-item::before {
		content: "";
		position: absolute;
		background: var(--rouge) !important;
		color: var(--rouge) !important;
		display: block;
		height: 3px;
		width: 24px;
		margin-top: -8px;
		-webkit-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

	.detail .detail_slide_thumbs>li>img {
		transition: opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
		transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
		transition: opacity 0.35s ease 0s, transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
		border-radius: 50%;
		height: 50px !important;
		width: 50px !important;
		border: 3px solid #ffffff;
	}
}

.detail .btn-primary {
	color: #ffffff;
	background-color: var(--rouge);
	border-color: var(--rouge);
	border-color: #ffffff;
}

@media(max-width: 441px) {
	.detail .detail_slide_thumbs>li>img {
		transition: opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
		transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
		transition: opacity 0.35s ease 0s, transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
		border-radius: 50%;
		height: 40px !important;
		width: 40px !important;
		border: 3px solid #ffffff;
	}

.intro h1 {
	opacity: 0;
	margin-top: 0000px;
	font-weight: 800;
	font-size: 2em;
	animation: fadeInLeft 1.5s ease 0.3s normal forwards;
	text-shadow: 1px 1px 3px var(--grisfonce);
}
.home_heading {
	color: var(--noir);
	padding-top: 60px;
	margin-bottom: 40px;
	font-weight: 800;
	letter-spacing: 2px;
	font-size: 2em;
}
.btn-presentation {
	opacity: 1;
	margin-top: 30px;
	background-color: var(--vert);
	color: #ffffff;
	text-transform: uppercase;
margin-bottom: 30px
}
}

.team {
	display: none
}

.agence .team {
	display: block;
}

.on-vous-rappelle .sidebar {
	display: none
}

.on-vous-rappelle .content_page {
	width: 100%;
}