.content_page 						{ padding: 0 0 70px 0;}

.back								{ position: relative; background-color: #eee; padding-top: 170px;}
.link_small							{ margin-left: 20px; line-height: 58px;}
.link_small:before					{ content:""; width: 10px; height:10px; position: absolute; left: -20px; top: 7px; background: url("../images/arrow_back.svg") left 50% no-repeat;}
@media (min-width:1201px) {
a.link_small:hover					{ color: #52904B; }
}
@media (max-width:1200px) {
.back								{ padding-top: 0;}
}
/***** top fiche *****/
.top_fiche  			  	 		{ margin-top:25px;}
.top_fiche .sous_titre  	 		{ margin:50px 0 40px 0; font-size: 25px; font-weight: 500; line-height: 35px; color: #000;}
.top_fiche .sous_titre .price 		{ color:#52904B; display: block; font-size: 30px;}
.top_fiche .sous_titre i	 		{ font-style:normal; font-size:16px; font-weight:400;}
.top_fiche .view 					{ background: #52904B ; border-radius:0; position:absolute; right:0; top:60px;}
.top_fiche .view:after				{ width:10px; height:10px; position:absolute; left:50%; bottom:-5px; margin-left:-5px; transform:rotate(45deg); background:#52904b; content:"";}
.top_fiche .photos 					{ display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:30px;}
.top_fiche .photos img				{ width:100%; height:100%; display:block; position:relative; object-fit:cover;}
.top_fiche .photos a				{ display:block; height:100%; z-index:5;}
.top_fiche .photos a:after			{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(images/loupe.svg) 50% 60% no-repeat rgba(0,0,0,0.5); opacity:0; content:"";}
.top_fiche .photos .item			{ position:relative;}
.top_fiche .photos .main			{ grid-column:span 3; grid-row:span 3;}
/*.top_fiche .video_visit				{ width:100%; font-size:0; letter-spacing:0; text-align:center; position:absolute; left:0; bottom:40px; z-index:10;}
.top_fiche .video_visit	a			{ width:260px; height:66px; line-height:64px; margin:0 5px; display:inline-block; background-image:linear-gradient(to top, #fff 0%, #fff 50%, #eee 50%, #eee 100%); color:#444;}
.top_fiche .video_visit	a:after		{ display:none;}
.top_fiche .video_visit	img			{ width:36px; height:auto; display:inline-block; vertical-align:middle; margin-right:15px;}
.top_fiche .video_visit	span		{ display:inline-block; vertical-align:top;}*/
.top_fiche .more a:after			{ opacity:1; background:rgba(0,0,0,0.65);}
.top_fiche .more .number			{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:35px; line-height:40px; color:#fff; padding:0 10px 5px 0; z-index:10;}
.top_fiche .more .hide				{ display:none;}
.top_fiche .top 					{ position: relative;}
.top_fiche .statut					{ display: inline-block; padding:0 20px; color:#fff; background:#52904b; text-transform:uppercase; font:600 11px/35px "Barlow"; letter-spacing:1.2px; border-radius:5px; margin-left: 30px; position: absolute; top: 0; right: 0}
.top_fiche .statut.nouveau			{ background:#52904b;}
.top_fiche .statut.option			{ background:#000;}

@media (min-width:1201px) {
.top_fiche .photos a:hover:after	{ opacity:1; background-position:50%;}
.top_fiche .more a:hover:after 		{ background:rgba(0,0,0,0.35);}
}
@media (max-width:1200px) {
.top_fiche .titre_main span 		{ padding-left:0;}
.top_fiche .photos 					{ grid-template-columns:1fr 1fr 1fr; grid-gap:30px;}
.top_fiche .view 					{ top:0;}
}
@media (max-width:1000px) {
.top_fiche .statut					{ display: block; position: relative; margin-left: 0; margin-top: 25px; width: fit-content;}
.top_fiche .sous_titre				{ line-height: 40px; margin:60px 0 40px 0;}
}
@media (max-width:900px) {
.top_fiche .photos 					{ grid-template-columns:1fr 1fr 1fr; grid-gap:30px;}
.top_fiche .view 					{ top:0;}
/*.top_fiche .video_visit				{ width:100%; font-size:0; letter-spacing:0; text-align:center; position:absolute; left:0; bottom:40px; z-index:10;}
.top_fiche .video_visit	a			{ width:60px; height:60px; margin:0 5px; padding:0; border-radius:50%;}
.top_fiche .video_visit	img			{ width:36px; display:block; margin:12px auto;}
.top_fiche .video_visit	span		{ display:none;}*/
}
@media (max-width:600px) {
.top_fiche .sous_titre				{ line-height: 40px; margin:40px 0 30px 0;}
.top_fiche .titre_main  	 		{ margin:30px 0;}
.top_fiche .view 					{ width:100%; position:relative; top:auto; right:auto; margin-bottom:25px; font-size:14px; text-transform:lowercase; font-weight:400; height:44px; line-height:42px;}
.top_fiche .photos 					{ grid-gap:10px;}
.top_fiche .photos a				{ height:auto;}
/*.top_fiche .video_visit				{ bottom:20px;}
.top_fiche .video_visit	a			{ width:50px; height:50px;}
.top_fiche .video_visit	img			{ margin:7px auto;}
.top_fiche .video_visit				{ position:relative; left:auto; bottom:auto; margin:20px 0 10px 0;}
.top_fiche .video_visit	a			{ width:50px; height:50px; background:#26a1a6;}
.top_fiche .video_visit	img			{ width:26px; margin:12px auto; filter:brightness(100);}*/
.top_fiche .more .number			{ font-size:25px;}
}

/***** icones *****/
.icones								{ margin: 60px auto 80px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,110px)); grid-gap: 40px; justify-content: center; text-align: center;}
.icones .item p 					{ margin-bottom: 0; margin-top: 5px;}
@media (max-width:1200px) {
.icones								{ width: 100%; grid-template-columns: repeat(auto-fit, minmax(150px,110px)); grid-gap: 30px;}
}
@media (max-width:1000px) {
.icones								{ grid-template-columns: repeat(auto-fit, minmax(140px,140px)); }
}
@media (max-width:400px) {
.icones								{ grid-template-columns: repeat(auto-fit, minmax(110px,110px)); }
}
/***** resume *****/
.resume 							{ display:grid; grid-template-columns:1fr 360px; grid-gap:80px; align-items:center;}
.resume .sous_titre					{ color:#444;}
.resume .content p					{ margin:30px 0 0 0; padding-bottom: 30px;}
.resume p.underline 				{ border-bottom: 1px solid #ccc; }
.resume .rc 						{ display:inline-block; line-height:38px; margin-top:40px;}
.resume .share 						{ font-size:0; margin-top:40px;}
.resume .share a 					{ width:40px; height:40px; display:inline-block; vertical-align:top; margin:0 10px 0 0; border-radius:50%; cursor:pointer;}
.resume .share .facebook			{ background:url(../images/facebook.svg) 50% no-repeat #000;}
.resume .share .twitter				{ background:url(../images/twitter.svg) 50% no-repeat #000;}

@media (max-width:1200px) {
.resume 							{ display:block;}
.resume .rdv						{ display:none;}
}
@media (max-width:600px) {
.resume .rc 						{ line-height:30px; margin-top:30px;}
.resume .share 						{ font-size:0; margin-top:40px; float:none; text-align:left;}
.resume .share a 					{ margin:0 5px;}
}

/***** personne de contact *****/
.rdv 								{ width:100%; max-width:360px; margin:0 auto; text-align:center; background:#000; color: #fff; padding:50px 40px 40px 40px;}
.rdv img							{ width:150px; height:auto; border-radius:50%;}
.rdv .sous_titre					{ font-size:20px; line-height:30px; color:#fff; margin: 0;}
.rdv p 								{ margin:15px 0 25px 0;}
.rdv p a							{ border:none; padding:0;}
.rdv p a.tel						{ color:#444;}
.rdv .link							{ background-color: #66AE64; width:100%; padding:0; cursor:pointer;}

@media (max-width:600px) {
.rdv 								{ padding:8.5vw 7.5vw 7.5vw 7.5vw;}
.rdv img							{ width:120px;}
.rdv .sous_titre					{ font-size:18px; line-height:28px; margin:10px 0 0 0;}
.rdv p 								{ margin:10px 0 20px 0;}
}

/***** onglets *****/
.onglets  							{ position:relative; z-index:10; display: grid; grid-template-columns: 200px 1fr; grid-gap: 80px;}
.onglets .nav_onglets 				{ margin-bottom:40px;}
.onglets .nav_onglets .link			{ min-width: 200px; text-align: center; font: 500 13px/58px "barlow"; text-transform: inherit; background-color: #eee; color: #000; margin-bottom: 10px;}
.onglets .nav_onglets .link.active	{ background-color: #52904B; color: #fff; margin-bottom: 10px;}


@media (min-width:1201px) {
.onglets .nav_onglets .link:hover	{ background-color: #52904B; color: #fff; margin-bottom: 10px;}
}
@media (max-width:1000px) {
.onglets  							{ grid-gap: 50px;}
}
@media (max-width:600px) {
.onglets  							{ grid-template-columns: 1fr; grid-gap: 0;}
.onglets .nav_onglets 				{ display:grid; grid-template-columns:1fr; grid-gap:0;}
.onglets .nav_onglets .link			{ width:100%; padding:0;}
.nav_onglets .link:after 			{ display:none;}
}

/***** description *****/
ul.list_details li					{ display: grid; grid-template-columns: 1fr 1fr; border-bottom:1px solid #ccc; padding:10px 0 12px 0;  }
@media (max-width:1000px) {
ul.list_details li					{ grid-template-columns: 1fr auto; }
}

/***** bottom 
.bottom 							{ display: flex; justify-content: space-between; margin: 100px auto 30px auto;}
.bottom .link_small:before			{ top: 26px;}
@media (max-width:1200px) {
.bottom 							{ margin: 70px auto 60px auto; }
}
@media (max-width:600px) {
.bottom 							{ flex-direction: column-reverse; margin: 30px auto 60px auto; }

}*****/

/***** PEB *****/
.peb .peb_item						{ font-size:14px; line-height:30px; color:#222; margin-top:10px; text-align:right; font-weight:400; overflow:hidden; position:relative;}
.peb .peb_item b					{ height:30px; display:block; padding:0 12px; font-weight:400; border-radius:10px; position:relative; z-index:10;}
.peb .peb_item span					{ height:30px; display:block; padding:0 12px; position:absolute; right:0; top:0; border-radius:10px; z-index:5;}
.peb .peb_item span:before			{ width:500px; height:2px; background:#ccc; position:absolute; right:100%; top:50%; margin-top:-1px; z-index:0; content:"";}
.peb .peb_a b						{ width:16%; background:#33a357;}
.peb .peb_a span, 
.peb .peb_a span:before				{ background:#33a357;}
.peb .peb_b b						{ width:24%; background:#79b752;}
.peb .peb_b span, 
.peb .peb_b span:before				{ background:#79b752;}
.peb .peb_c b						{ width:32%; background:#c3d545;}
.peb .peb_c span,					 
.peb .peb_c span:before				{ background:#c3d545;}
.peb .peb_d b						{ width:40%; background:#fff12c;}
.peb .peb_d span, 
.peb .peb_d span:before				{ background:#fff12c;}
.peb .peb_e b						{ width:48%; background:#edb731;}
.peb .peb_e span, 
.peb .peb_e span:before				{ background:#edb731;}
.peb .peb_f b						{ width:56%; background:#d66f2c;}
.peb .peb_f span, 
.peb .peb_f span:before				{ background:#d66f2c;}
.peb .peb_g b						{ width:64%; background:#cc232a;}
.peb .peb_g span, 
.peb .peb_g span:before				{ background:#cc232a;}

@media (max-width:1000px) {
.peb .peb_a b						{ width:25%;}
.peb .peb_b b						{ width:30%;}
.peb .peb_c b						{ width:35%;}
.peb .peb_d b						{ width:40%;}
.peb .peb_e b						{ width:45%;}
.peb .peb_f b						{ width:50%;}
.peb .peb_g b						{ width:55%;}
}

/***** formulaire *****/

.contact_form  						{ width:100%; margin:0 auto; position:relative;}
.contact_form .anchor				{ position:absolute; left:0; top: -140px;}
.contact_form #formulaire.anchor	{ top: -90px;}
.contact_form .sous_titre			{ margin-bottom:25px;}
.contact_form label					{ display:block; margin-bottom:5px;}
.contact_form input[type="text"], 	
.contact_form input[type="email"],
.contact_form textarea,
.contact_form select 				{ width:100%; border:1px solid #ccc; padding:0 20px; height:54px; font:400 14px/24px "Barlow"; letter-spacing:0.4px; margin-bottom:15px; border-radius:5px;}
.contact_form select				{ background:url(images/arrow_select.svg) 100% 50% no-repeat #fff; appearance:none;}
.contact_form textarea				{ height:auto; min-height:160px; padding:15px 20px;}
.contact_form .link					{ cursor:pointer; border: none; margin-top:10px; padding-bottom:2px; background-color: #52904b; }
.link.more_infos					{ position: relative; top: -55px; float: right; background-color: #52904b; }
.requis_txt							{ font-size:14px; line-height:35px; color:#52904b;}

@media (max-width:600px) {
.link.more_infos					{ top: -150px; float: left; width: 100%; text-align: center; margin-bottom: 0;}
.contact_form input[type="text"], 	
.contact_form input[type="email"],
.contact_form textarea,
.contact_form select { height:50px;}
.bottom 							{ margin-top: 140px;}
}



/***** confirmation formulaire *****/
.confirmation_form			 		{ padding:40px; background:#fff; border:1px solid #ccc; text-align:center; border-radius:5px; margin:0 auto;}
.confirmation_form p			 	{ margin:5px 0 20px 0;}

@media (max-width:600px) {
.confirmation_form			 		{ padding:30px;}
}


/***** RGPD *****/
#rgpdForm 							{ padding:20px; border:1px solid #ccc; font:400 13px/24px "Barlow"; margin:20px 0; border-radius:5px;}
#rgpdForm input[type=checkbox]		{ width:18px; height:18px; display:block; float:left; padding:0; margin:0; -webkit-appearance:checkbox; -ms-appearance:checkbox; appearance:checkbox; -moz-appearance:checkbox; -o-appearance:checkbox;}
#rgpdForm label						{ display:block; margin:0; padding: 0 0 0 30px; float:none; font:400 13px/24px "Barlow"; letter-spacing:0.4px;}
#rgpdForm a							{ position:relative; color:#52904b; border-bottom:1px solid #52904b; padding-bottom:2px;}
#rgpdFormAcceptError				{ padding:5px 0 0 30px; color:#52904b;}

@media (min-width:1201px) {
#rgpdForm a:hover 					{ color:#111; border-bottom:1px solid #111;}
}
