@charset "utf-8";
/* CSS Document */
.conteneur_annonce {
	position:relative ;
	left:-1px ;
	width:994px ;
	height:280px ;
    background-color:#F9F9F9 ;
	border:solid #E0E0E0  1px ;
	margin-bottom: 10px ;
}

.conteneur_annonce a {
	text-decoration:none ;
	color: black ;
}

.annonce {
	display:flex ;
	width:990px ;
	height:260px ;
	margin:auto ;
	margin-top:10px ;
	background-color:white ;
	border:solid #999 0px ;
	overflow:hidden ;
}

.annonce > a {
    display: flex;
    height: 100%;          
    text-decoration: none;
    color: inherit;
}
.type_annonce {
	width:160px ;
	height:300px ;
	background-color:rgb(255, 255, 255) ;
	border:none ;
	border-left:solid #dbdada 1px ;
	padding-left:5px ;
}
.photo_annonce {
	height:260px ;
	width:250px ;
}
.corps_annonce {
    display: block;
	width:520px ;
	height:200px ;
	padding:20px ;
	padding-top:30px ;
}
.description {
	max-height: 100px ;
	overflow:hidden ;
}
.options_annonce {
	position:absolute ;
	top:225px ;
	font-weight:600 ;
	font-style:italic ;
	color:#CCC ;
}
.medaille {
	display:block ;
	margin: auto;
	width:50px ;
	position: relative;
	top:8px ;
}
.premium {
	text-align:center ;
	letter-spacing:2px ;
	font-weight:bold ;
	color:#CA0000 ;
	font-size:13px ;
	padding:3px ;
	border:solid red 1px ;
}
.principale {
  position:relative ;
  height:230px;
  line-height:230px;
  text-align:center;
}
.principale2 {
  height:260px;
  line-height:230px;
  margin-left: -60px ;
  max-width: 310px ;
}
.principale img { 
  vertical-align:middle;
  height:260px ;
  pointer-events: none; /* Empêche les interactions directes */
  user-select: none; /* Désactive la sélection */

}
.urgent {
	position:absolute ;
	left:-30px ;
	top:-96px ;
	width:120px ;
	height:22px ;
	z-index:100 ;
	background-color:#F00 ;
	border: solid grey 1px ;
	 -moz-transform: rotate(-45deg);
	 -webkit-transform: rotate(-45deg);
	 -ms-transform: rotate(-45deg);
	 -o-transform: rotate(-45deg);
}
.urgent_text {
	position:relative ;
	top:-105px ;
	left:5px ;
	letter-spacing:6px ;
	font-size:14px ;
	font-weight:bold ;
	color:white ;

}
.titre {
	font-weight:bold ;
	font-size:16px ;
	margin-bottom:10px ;
}
.prix {
	font-weight:bold ;
	font-size:19px ;
	margin-bottom:10px ;
	color:#006291 ;
}
.ecart {
	padding-left:10px ;
	padding-top:2px ;
	padding-bottom:2px ;
}
.cara {
	display:inline-flex ;
	height:25px ;
	align-items: center;
	padding-left:10px ;
	padding-right:10px ;
	margin-right:5px ;
	background-color:#4B4B4B ;
}
.signalement {
	display:inline-block ;
	width:80px ;
	height:18px ;
	line-height:18px ;
	text-align:center ;
	margin-top:1px ;
	margin-left: 0px ;
	background-color:rgb(58, 57, 57) ;
	border:solid black 1px ;
	color:white ;
}
.signalement:hover {
	cursor:pointer ;
	background-color:red ;
}
.raison {
	font-size:13px ;
	font-family:"Times New Roman", Times, serif ;
	font-weight:600 ;
	color:black ;
	text-align:center ;
	letter-spacing:2px ;
	margin-bottom:10px ;
	margin-top:10px ;
}
.logo {
	text-align:center ;
}
.non_logo {
	width:75px ;
	height:65px ;
	margin:auto ;
	line-height:45px ;
	text-align:center ;
	border:solid black 1px ;
	background-color:white ;
	font-weight:bold ;
	font-size:12px ;
	overflow:hidden ;
}
.non_logo2 {
	width:75px ;
	height:65px ;
	margin:auto ;
	line-height:45px ;
	text-align:center ;
	border:solid black 1px ;
	background-color:white ;
	font-weight:bold ;
	font-size:11px ;
	overflow:hidden ;
}

.circle1 {
	position:relative ;
	left:40px ;
	top:-10px ;
 width: 60px;
 height: 60px;
 background:#0080C0 ;
 -moz-border-radius: 50px;
 -webkit-border-radius: 50px;
 border-radius: 50px;
 }
.circle2 {
	position:relative ;
	left:40px ;
	top:-10px ;
 width: 60px;
 height: 60px;
 background:#575757 ;
 -moz-border-radius: 50px;
 -webkit-border-radius: 50px;
 border-radius: 50px;
 }

.siteweb {
	margin-top:10px ;
	margin-bottom:10px ;
	text-align:center ;
}
.siteweb a {
	text-decoration:underline ;
	font-family:"Courier New", Courier, monospace ;
}
.siteweb a:hover {
	text-decoration:none ;
}

.cercle_contact {
	display:inline-block ;
	width:100px ;
	height:30px ;
	line-height:30px ;
	position:absolute ; 
	top:200px ;
	margin-left:25px ;
	text-align:center ;
	border-bottom:solid #333 1px ;
	box-shadow:3px 3px 5px #333 ;
	background-color:white ;
	color:black ;
	font-weight:bold ;
	font-size:12px ;
	letter-spacing:2px ;

}
.cercle_contact:hover {
	border-bottom:solid #006FA4 1px ;
	box-shadow:5px 5px 5px #004e72 ;
	cursor:pointer ;
}
.terre_email {
	display:inline-block ;
	width:32px ;
	height:32px ;
	background-image:url(../images/terre_email.png) ;
	position:relative ;
	top:10px ;
	left:5px ;
}
.contact {
	display:none ;
	position:absolute ;
	top:160px ;
	margin-left:17px ;
	margin-top:20px ;
	background-color:white ;
	
}
	
.tel_general {
	display:none ;
	position:absolute ;
	top:200px ;
	margin-left:17px ;
	margin-top:20px ;
}
.mail {
	position:absolute ;
	left:22px ;
	display:inline-block ;
	vertical-align:middle ;
	width:70px ;
	height:20px ;
	line-height:20px ;
	border:dashed grey 1px ;
	border-radius:0px ;
	text-align:center ;

	font-size:12px ;
}
.mail:hover {
	cursor:pointer ;
}
.icone_mail {
	position:absolute ;
	left:-10px ;
	top:-5px ;
	display:none ;
	vertical-align:middle ;
}


.tel {
	
	position:absolute ;
	left:18px ;
	display:inline-block ;
	vertical-align:middle ;
	width:80px ;
	height:20px ;
	line-height:20px ;
	border:dashed grey 1px ;
	border-radius:0px ;
	text-align:center ;
	background-color:white ;
	font-size:12px ;
}
.tel:hover {
	cursor:pointer ;
}
.icone_tel {
	position:absolute ;
	left:-5px ;
	top:-5px ;
	display:none ;
	vertical-align:middle ;
}
.numero_tel {  /* existe uniquement dans la fonction jquery */
	position:relative ;
	left:18px ;
}
 .affiche_numero {
	 position:absolute ;
	 top:250px ;
	 margin-left:40px ;
	 font-size:11px ;
 }