@charset "utf-8";
/* CSS Document */

div#ttype {width:100px !important;}

.recherche-porsche-occasion-2026{
	width: 85%;
	font-family:'Saira Condensed';
	color: white;
	font-size: 24px;
	background-color: #333;
	margin:auto;
}

.selection-G1-2026 {
	/*display:inline;*/
	margin-right:4px;
	margin-top:10px;
	border:2px solid;
    border-color:gray;
	width:110px;
	font-family:'Saira Condensed';
	font-size: 20px;
	color:black;
	border-radius: 5px;/*arondi bouton*/
	text-shadow: 1px 1px 1px #999999;/*ombre texte*/
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);/*ombre bouton*/
}

.selection-G2-2026 {
	/*display:inline;*/
	margin-right:4px;
	margin-top:10px;
	border:2px solid;
    border-color:gray;
	width:180px;
	font-family:'Saira Condensed';
	font-size: 20px;
	color:black;
	border-radius: 5px;/*arondi bouton*/
	text-shadow: 1px 1px 1px #999999;/*ombre texte*/
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);/*ombre bouton*/
}

.selection-tri-2026 {
	/*display:inline;*/
	margin-right:4px;
	margin-top:10px;
	padding-top:2px;
	border:2px solid;
    border-color:gray;
	width:50px;
	font-family:'Saira Condensed';
	font-size: 20px;
	color:black;
	border-radius: 5px;/*arondi bouton*/
	text-shadow: 1px 1px 1px #999999;/*ombre texte*/
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);/*ombre bouton*/
}

.selection-P-2026 {
	/*display:inline;*/
	margin-right:4px;
	margin-top:10px;
	border:2px solid;
    border-color:gray;
	width:130px;
	font-family:'Saira Condensed';
	font-size: 20px;
	color:black;
	border-radius: 5px;/*arondi bouton*/
	text-shadow: 1px 1px 1px #999999;/*ombre texte*/
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);/*ombre bouton*/
}

.bouton-selection-recherche-porsche-2026 {
	/*display:inline;*/
	margin-right:4px;
	margin-top:10px;
	border:2px solid;
    border-color:gray;
	width:96px;
	font-family:'Saira Condensed';
	font-size: 20px;
	color:white;
	background:#9B0000;
	border-radius: 5px;/*arondi bouton*/
	background: linear-gradient( #9B0000, #FF7575);
	text-shadow: 1px 1px 1px #999999;/*ombre texte*/
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);/*ombre bouton*/
}

.nombre_de_vehicules {
  margin-right:4px;
  margin-top:10px;
  border:2px solid;
  border-color:gray;
  width:130px;
  font-family: 'Saira Condensed';
  color: white;
  font-size: 20px;
  display: inline-block;
  border-radius:5px;
  text-align:center;
  height: 33px;
  padding-top: 2px
}

.classement-prix{
  margin-right: 4px;
  margin-top: 10px;
  width: 40px;
  padding: 0 4px;
  display: inline-block;
  border: 2px solid gray;
  border-radius: 5px;
  font-size : 20px;
}

	.tf_pagination {border: 1px solid #444;width: 95.5%;clear: both;margin: 10px 25px 20px 25px;text-align: center;font-size: 14px;font-weight: 500;}
.tf_pagination .inner {background: rgba(19,45,68,0.5);border: none;padding: 16px;position: relative;line-height: 32px;font-family: 'Cabin', sans-serif !important;}

.tf_pagination .page_prev, .tf_pagination .page_next {top: 10px;right: auto;left: 20px;position: absolute;display: block;width: 88px;height: 30px;line-height: 30px;overflow: hidden;font-size: 12px;font-weight: 500;text-transform: uppercase;color: #f25620;background: #fff;border-radius: 3px;-webkit-border-radius: 3pxborder: 1px solid #dae1e6;border-left: 1px solid #cfd8de;border-bottom: 1px solid #cbd5db;box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.5), 0px 1px 1px 0px rgba(0,0,0,0.15);text-decoration:none;}

.tf_pagination .page_prev span {float: left;border-right: 1px solid #e9edf0;display: block;background: url(../../images/selects-1.png) 0 -80px no-repeat !important; width: 22px;height: 28px;}

.tf_pagination .page_next span {float: right;border-left: 1px solid #e9edf0;background-position: -20px -80px;display: block;background: url(../../images/selects-1.png) -20px -80px no-repeat !important; width: 22px;height: 28px;}

.tf_pagination .page_next {left:auto; right: 20px !important;}

.tf_pagination .page_prev:hover,
.tf_pagination .page_next:hover{
	color:#fff;
	background:#f25821;
	border:1px solid #b44d2b;
	border-left:1px solid #df5325;
	border-bottom:1px solid #d75127;}
	
.tf_pagination .page_prev:hover span {
	background-position:0 -110px;
	border-color:#bf451a}
	
.tf_pagination .page_next:hover span{
	background-position:-20px -110px;
	border-color:#bf451a}

.buton-page{background: none !important;border: initial;padding:0 4px !important;font-size: 14px !important; font-family: 'Cabin', sans-serif !important;}

@media handheld, only screen and (max-width: 800px), only screen and (max-device-width: 800px){
	.tf_pagination {width: 94.5% !important;}
}

@media handheld, only screen and (max-width: 600px), only screen and (max-device-width: 600px){
	.tf_pagination {width: 92.5% !important;}
}

@media handheld, only screen and (max-width: 500px), only screen and (max-device-width: 500px){
	.tf_pagination {width: 90.5% !important;}
	.tf_pagination .page_prev, .tf_pagination .page_next {width:24px !important;}
}

@media handheld, only screen and (max-width: 400px), only screen and (max-device-width: 400px){
	.tf_pagination {width: 88.5% !important;}
}