#kameleon, h1.h1gen{display: none}

.summary .prix-article {
    margin-bottom: 15px;
    background: transparent;
    text-align: center;
    padding: 25px 10px;
    border: 2px solid #e83444;
    font-size: 35px;
    font-weight: 700;
    color: #000;
}

.block_top:hover .summary .prix-article {
	background: #e83444;
	color: #fff;
}

/* SMARTPHONES */
@media only screen and (min-width: 320px) {
	div.head_annonce{
		float: none;
		height: 24px;
		width: 80%;
		margin: 2% 20% 0 0;	
	}
	div.head_annonce a {
		color: #333;
		text-decoration: none;
		line-height: 16px;
		background-color:#ddd;
		padding: 2% 5%;
		text-shadow: 0 1px 0 white;
		float: left;
		width: 70%;
		border-radius: 10px 0 0 10px;
	}
	div.head_annonce a:hover {
		background-color:#eee;
	}
	#annonce h1 { float: left; margin: 2% 0; }
	#annonce div.price {
		float: right;
		font-size: 1.2em;
		font-weight: bold;
		color: #fff;
	}
	#annonce div.price sup { vertical-align: top; font-size: 12px; }
	#annonce div.block_top { clear: both; margin-bottom: 20px; }
	#annonce div.block_top div#images {
		float: left;
		max-width: 100%;
		margin-right: 0px;
		padding: 0;
	}
	#annonce div.block_top div#images ul#thumbnail li {
		float: left;
		width: 31%;
		margin-left: 3%;
	}
	#annonce div.block_top div#images ul#thumbnail li a img{
		width: 100%;
	}
	#annonce div.block_top div#images ul#thumbnail li.first { margin-left: 0px; }
	#annonce div.block_top div#images #bigpic {
		display: block;
		min-width: 280px;
		width: 100%;
		margin: 0px auto 5px;
		cursor: pointer;
	}
	#annonce div.summary ul li.last, #annonce div.block_details ul li.last { /*margin-right: 0px;*/ }
	#annonce div.block_top div.summary {
		float: left;
		width: 100%;
		margin: 3% 0;
	}
	#annonce ul {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
	}
	#annonce div.summary ul li, #annonce div.block_details ul li {
		color: #000;
		float: left;
		background: none repeat scroll 0 0 #eee;
		height: 28px;
		line-height: 28px;
		margin-right: 10px;
		margin-bottom: 5px;
		padding: 0px 0 0 2%;
		width: 98%;
	}
	#annonce ul li span.value {
		float: right;
		font-weight: bold;
		padding-left: 5px;
		border-left: 1px solid #ccc;
		margin-left: 5px;
		width: 35%;
	}	
	#annonce div.block_top div.dpeges_light { margin-top: 10px; font-weight: bold; }
	#annonce div.block_top div.dpe_light { width: 50%; float: left; }
	#annonce div.block_top div.ges_light { width: 50%; float: right; }
	#annonce div.block_top div.dpe_light div.box_indice span.letter:after, #annonce div.block_top div.ges_light div.box_indice span.letter:after{ display:none; }
	#annonce div.block_top div.dpe_light div.box_indice span.letter, #annonce div.block_top div.ges_light div.box_indice span.letter{ padding: 0 8px }
	#annonce div.box_indice {
		color:#000;
		background-color: #D7D9DE;
		height: 20px;
		line-height: 20px;
		text-align: center;
		font-weight: bold;
		width: 80px;
	}
	#annonce div.box_indice span.letter {
		display: block;
		float: right;
		height: 20px;
		line-height: 20px;
		padding: 0px 5px 0px 8px;
		background-color: black;
		color: white;
	}
	#annonce div.box_indice span.letter:after {
		content: "";
		float: right;
		position: relative;
		left: 5px;
		display: block;
		height: 0px;
		width: 0px;
		border-width: 10px;
		border-style: solid;
		border-color: white white white black;
		}
	#annonce div.dpe { float: left; width: 261px; }
	#annonce div.ges { float: right; width: 261px; }
	#annonce div.graph {
		background: url("dpeges_graph.png") repeat scroll 0% 0% transparent;
		position: relative;
		height: 198px;
	}
	#annonce div.graph_ges { background-position: left -202px; }
	#annonce div.graph div.box_indice { position: absolute; right: 0px; }
	#annonce div.graph div.box_indice span.letter { float: left; padding: 0px 8px 0px 5px; }
	#annonce div.graph div.box_indice span.letter:after { float: left; left: -8px; border-color: white black white white; }
	#annonce div.graph div.box_indice.indice_A { top: 20px; }
	#annonce div.graph div.box_indice.indice_B { top: 42px; }
	#annonce div.graph div.box_indice.indice_C { top: 64px; }
	#annonce div.graph div.box_indice.indice_D { top: 87px; }
	#annonce div.graph div.box_indice.indice_E { top: 111px; }
	#annonce div.graph div.box_indice.indice_F { top: 135px; }
	#annonce div.graph div.box_indice.indice_G { top: 157px; }
	#annonce .block_details.dpe_ges{ display: none }

	#annonce div.summary {
		line-height: 18px;
	}
	#annonce .block_details{
		margin-bottom: 20px;
	}
	#annonce .content_details {
		line-height: 18px;
		padding: 0px;
		margin: 0px;
	}
	#annonce .content_details p { margin: 5px 0px; }
	#annonce div.summary ul li { width: 100%; }
	#annonce div.block_contact { clear: both; }
	#annonce div.block_details h3 { padding: 0px; height: auto; line-height: 1.1em; }

	#annonce span.indice { font-weight: bold; }
	div.annonces_right_asterix{ clear:both}
	#annonce .content_details .dpe p, #annonce .content_details .ges p{
		font-size: 10px;
		line-height: 12px;	
	}

	a.dmd-ctc {
		color: #E93445;
		text-decoration: none;
		background: #fff;
		padding: 11px 15px;
		border-radius: 32px;
		margin-top: 28px;
		display: block;
		width: 215px;
		text-align: center;
		text-transform: uppercase;
		font-weight: 700;
		transition: all 0.3s ease-out 0s;
	}
	a.dmd-ctc:hover {
		color: #fff;
		background: #bc0b1c;
	}
	
}
/* TABLETTES */
@media only screen and (min-width: 768px) {
	div.head_annonce{
		float: left;
		width:100%;
		margin:0;
	}
	div.head_annonce a {
		padding: 1% 2%;
		width: 33%;
	}
	#annonce h1, #annonce div.price{ margin-top: 5% }
	#annonce div.block_top div#images {
		width: 50%;
	}
	#annonce div.block_top div.summary {
		float: left;
		width: 45%;
		margin: 0% 0 3% 5%;
	}
	#annonce .block_details.dpe_ges{ display: block }
	#annonce div.block_details ul li { width: 45%; }
	
}
/* ORDINATEURS */
@media only screen and (min-width: 1024px) {
	#annonce {
		float: left;
	}
	div.head_annonce{
		height: 24px;
		margin: 15px 0;	
	}
	div.head_annonce a {
		padding: 4px 8px;
	}
	#annonce h1, #annonce div.price{ margin-top: 20px }
	
	


}

@media print {
	body{
		font-family: serif;
		font-size: 13pt;
		position: relative;
		background: white!important;
		color:black;
	}
	#header, #left_column, #right_column, #footer, #breadcrumb, #kameleon, .head_annonce, #thumbnail{ display: none!important; }
	#columns{ background: white; }
	#center_column, #page, #columns, #annonce{
		float: none!important;
		width: 100%;
		padding:0;
	}

	#annonce{
		width: 100%;
		padding: 0;
		/*float:right;*/
	}

	#lelogo{
		display: block;
		border-bottom: 3px solid #8b3800;
		margin-bottom: 5px;
		width: 100%;
		height: 100px;
		display: none;
	}
	#lelogo img{ float: left; }
	#lelogo #adresseright{
		float: left;
		margin: 1em 0 0 1em;	
	}
	#lelogo #adresseright p{
		line-height: 0.2em;
		font-size: 0.7em;
	}
	#lelogo #adresseright p b{
		font-size: 1.3em;	
	}

	#annonce ul{
		padding:0;
		margin:0;
		list-style-type:none;
		/*border-top: 1px solid grey;*/
	}

	#annonce div.summary ul li, #annonce div.block_details ul li{
		/*float:left;*/
		/*background:#F9EDE1;*/
		/*height:28px;*/
		font-size: 12pt;
		line-height: 16px;
		margin:5px;
		/*margin-bottom:5px;*/
		padding:0 5px;
		display: inline-block;
	}

	#annonce div.summary ul li.last, #annonce div.block_details ul li.last{

	}

	#annonce ul li span.value{
		float:right;
		font-weight:bold;
	}

	#annonce h1{
		float:left;
		font-size: 20px;
	}

	#annonce div.price{
		float:right;
		font-size:25pt;
		font-weight:bold;
		color:red;
		margin-right:2%;
	}

	#annonce div.price sup{
		vertical-align:top;
		font-size:12px;
	}

	#annonce div.block_top{
		clear:both;
	}

	#annonce div.block_top div#images{
		float:left;
		width: 430px;
		/*border-bottom:2px solid #E2D0C4;*/
		margin: 0 6% 1% 0%;
		padding:0px;
		position: relative;
	}

	#annonce div.block_top div#images ul#thumbnail li{
		float:left;
		width:97px;
		margin-left:11px;
	}

	#annonce div.block_top div#images ul#thumbnail li.first{
		margin-left:0;
	}

	#annonce div.block_top div#images #bigpic{
		display: block;
		width: 430px;
		margin: 0 auto;
	}

	#annonce div.block_top  div.summary{
		/*float:right;
		width: 60%;*/
	}

	#annonce div.block_top  div.dpeges_light{
		display:none
	}

	#annonce div.block_top  div.dpe_light{
		width:50%;
		float:left;
	}

	#annonce div.block_top  div.ges_light{
		width:50%;
		float:right;
	}

	#annonce div.box_indice{
		background-color:#D7D9DE;
		height: 20px;
		line-height: 20px;
		text-align: center;
		font-weight:bold;
		width: 80px;
	}

	#annonce div.box_indice span.letter{
		display: block;
		float: right;
		height: 20px;
		line-height: 20px;
		padding: 0 5px 0 8px;
		background-color: black;
		color: white;
	}

	#annonce div.box_indice span.letter::after {
		content: '';
		float: right;
		position: relative;
		left: 5px;
		display: block;
		height: 0;
		width: 0;
		border: 10px solid black;
		border-color: white white white black;
	}
	#annonce div.summary{
		line-height: 18px;
	}
	#annonce div.summary ul li{
		width: 130px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}

	#annonce div.block_contact{
		clear:both;
	}

	#annonce div.block_details h3{
		/*padding:0 5px;
		height:28px;
		line-height:28px;*/
		color:#993B20;
		font-size: 14pt;
		margin: 1% 0 5px 0;
		padding:0;
		font-family: serif;
	}
	#annonce h3#h3desc{
		color:#993B20;
		font-size: 12pt;
		font-family: serif;
		/*border-top: 2px solid #E2D0C4;*/
		padding-top:1%;
	}
	#annonce div.block_details h3.diagnostic{
		font-size: 12pt;
		display: none;
	}

	#annonce div.block_details ul li{
		width: 190px;
	}

	#annonce .content_details{
		line-height: 18px;
		padding:0 5px;
		margin:0;
	}
	#annonce .content_details.detail1{
		margin: 10px 0 20px 0;
	}

	#annonce .content_details.avecclear{
		line-height: 18px;
		padding:0 5px;
		margin:0;
		clear: left;
		border-top: 1px solid #8b3800;
		border-bottom: 1px solid #8b3800;
		/*display: none;*/
	}

	#h3detail{
		display:none	
	}

	#annonce .content_details p{
		margin:5px 0;
		font-size: 12pt;
	}

	#annonce div.dpe p, #annonce div.ges p{
		font-size: 8pt;
		line-height: 9pt;
		margin: 1%;
		display: none;
	}
	#annonce div.dpe strong, #annonce div.ges strong{
		font-size: 10pt;	
	}

	#annonce div.dpe{
		float:left;
		width:45%;
		margin: 1% 2% 0 2%;

	}

	#annonce div.ges{
		float:left;
		width:45%;
		margin: 1% 2% 0 2%;

	}

	#annonce div.graph{
		background:url(dpeges_graph.png);
		position: relative;
		height: 198px;
		width:261px;
		float: left;
		margin: 0 3% 0 0;
	}

	#annonce div.graph_ges{
		background-position:left -202px;
	}

	#annonce div.graph div.box_indice{
		position:absolute;
		right:0;
	}

	#annonce div.graph div.box_indice span.letter{
		float: left;
		padding: 0 8px 0 5px;
	}
	#annonce div.graph div.box_indice span.letter::after {
		float: left;
		left: -8px;
		border-color: white black white white;
	}

	#annonce div.graph div.box_indice.indice_A{
		top:20px;
	}
	#annonce div.graph div.box_indice.indice_B{
		top:42px;
	}
	#annonce div.graph div.box_indice.indice_C{
		top:64px;
	}
	#annonce div.graph div.box_indice.indice_D{
		top:87px;
	}
	#annonce div.graph div.box_indice.indice_E{
		top:111px;
	}
	#annonce div.graph div.box_indice.indice_F{
		top:135px;
	}
	#annonce div.graph div.box_indice.indice_G{
		top:157px;
	}

	#annonce  span.indice{
		font-weight:bold;
	}

	#annonce .block_details{


	}
	#annonce .clear{
		display: none!important;	
	}
	#annonce .block_details .clear{
	display:block!important

	}
	.head_annonce a{
		background:#b1aaa7;
		border-radius: 8px 0 0 8px;
		padding: 3px 6px;	
		color: white;
		text-decoration: none;
	}
	.head_annonce a:hover{
		background:#9f9591;
	}

}

.etat_bien .form-check{
	background: #eeeeee;
	font: 300 17.42px Montserrat;
	color: #000;
	text-transform: uppercase;
	margin: 5px 0;
	padding: 10px 5px;
}

.etat_bien .form-check.selected {
	background: #e83444;
	color: #fff;
}
input[type="radio"]:checked + label{}