/*
Theme Name: twentytwenty-child
Template: twentytwenty 
Version: 1.9.477
Requires at least: 4.7
Requires PHP: 5.2.4
*/

/* style twentytwenty*/

.nav-colored {background:rgba(0,0,0,0.6) !important;transition: all 0.40s ease-in-out; }
.nav-transparent {background:transparent;transition: all 0.40s ease-in-out;}

@font-face {
    font-family: 'Francois One';
    src: url('fonts/Francois_One/FrancoisOne-Regular.ttf') format('truetype');
    }

@font-face {
    font-family: 'Rajdhani';
    src: url('fonts/Rajdhani/Rajdhani-Regular.ttf') format('truetype');
    }

@font-face {
    font-family: 'Khand';
    src: url('fonts/Khand/Khand-Regular.ttf') format('truetype');
    }

@font-face {
    font-family: 'Khand-SB';
    src: url('fonts/Khand/Khand-SemiBold.ttf') format('truetype');
    }

@font-face {
    font-family: 'Saira Condensed';
    src: url('fonts/Saira_Condensed/SairaCondensed-Medium.ttf') format('truetype');
    }

@font-face {
    font-family: 'Asap Condensed';
    src: url('fonts/Asap_Condensed/AsapCondensed-Regular.ttf') format('truetype');
    }

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito/Nunito-Regular.ttf') format('truetype');
    }

@font-face {
    font-family: 'Kanit-SB';
    src: url('fonts/Kanit/Kanit-SemiBold.ttf') format('truetype');
    }

@font-face {
    font-family: 'Orbitron-M';
    src: url('fonts/Orbitron/Orbitron-Medium.ttf') format('truetype');
    }

@font-face {
    font-family: 'Exo 2';
    src: url('fonts/Exo_2/Exo2-Regular.ttf') format('truetype');
    }

@font-face {
    font-family: 'Barlow Condensed';
    src: url('fonts/Barlow_Condensed/BarlowCondensed-Italic.ttf') format('truetype');
    }

@font-face {
    font-family: 'Concert One';
    src: url('fonts/Concert_One/ConcertOne-Regular.ttf') format('truetype');
    }

#bouton-carte {
  float: left;
  background: linear-gradient(to right,rgba(130,0,0,1), rgba(100,0,0,1),rgba(130,0,0,1));
  width: 240px;
  height: 35px;
  text-align: center;
  font-size: 18px;
  text-shadow: none;
  padding-top: 3px;
  margin: 2px;
  border-radius: 5px;
  color: white;
  text-shadow: 1px 1px 1px black;
  border: 2px solid #bb1200;
}

.boutons_selection_ocasions {
  color: white;
  font-size: 10.5px;
  text-align: center;
  padding: 2px 5px;
  border: 1px solid #bf2100;
  background-color: rgba(255,0,0,0.3);
  border-radius: 3px;
  width: 30px;
  margin: 5px 5px;
  float: left;
}

/*recherche occasion*/
fieldset {border-color: #ac7c00 !important;}
legend {font-size: 1em !important;color: #f7cb1f !important;line-height:21px;}
.selection-G{width: 290px;float: left;}
select.selection-G {padding: 2px 5px !important;}
input#button.bouton-selection-recherche-porsche{padding: 2px 10px;background-color: #976300  !important;border-radius:3px;}
input#button.bouton-selection-recherche-porsche:hover{background-color: red !important;}



button.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show{font-size:12px;text-decoration:none;}

/*vignette video detail annonce*/
@media handheld, only screen and (min-width: 992px), only screen and (min-device-width: 992px){.vignette-video{height:320px;}}
@media screen and (min-width: 768px) and (max-width: 991px){.vignette-video{height:190px;}}
@media screen and (min-width: 601px) and (max-width: 767px){.vignette-video{height:300px;}}
@media screen and (min-width: 411px) and (max-width: 600px){.vignette-video{height:230px;}}
@media screen and (min-width: 351px) and (max-width: 410px){.vignette-video{height:190px;}}
@media screen and (max-width: 350px){.vignette-video{height:180px;}}

html{font-size: 100%;}
body{letter-spacing:normal;line-height: 1.5rem !important;background-color:black !important;} /* couleur de fond de base noire */
#site-content {width:100%;} /*TWT important pour le menu*/
.widget {margin-top: 0;font-size:0.85rem;}
p{margin:0 !important;}
address {line-height: 25px !important;}
h1{font-family: 'Righteous', cursive; !important;font-size:1.6rem;letter-spacing: normal;color:#ffe29e;;text-align:center;font-weight:500;padding-top:50px;}
.entry-content h1 {font-family: 'Concert One', cursive;margin:0;}
.entry-content h2 {margin:0 !important;color: white;font-family:'Orbitron-M', sans-serif;font-size: 1.3rem;}
.entry-content h3, .entry-content h4 {margin-bottom: .5rem;}
.entry-content h3 {margin-top:0.5rem; !important;font-family: 'Rajdhani', sans-serif;font-size: 1.2rem;color: white;text-shadow: 1px 1px 1px black;font-weight: 600;font-style: italic;}
.entry-content h4 {margin-top:0 !important;font-family: 'Rajdhani', sans-serif !important; font-weight: 500 !important;line-height: 1.5rem !important;letter-spacing: normal;}
.entry-content li, .entry-content p {padding-top:5px;font-family: 'Exo 2', sans-serif;font-size: 1.5rem;line-height: 140% !important;text-align: justify;color: white;text-shadow: 1px 1px 1px black;}
h2{
    font-family: 'Lobster', cursive;
    font-weight: 500;
    line-height: 1.2em;
	font-size:2em;
	letter-spacing: normal;
}
h3{
    font-family: 'Rajdhani', sans-serif !important;
    font-weight: 600;
	font-style: italic;
    line-height: 1.2em;
	font-size:1.2em;
	letter-spacing: normal;
}
h4{font-family: 'Khand-SB';font-weight: 500 !important;margin: 0 0 .5rem 0 !important;}
h5{font-family: 'Cabin', sans-serif;margin-bottom: .5rem;font-weight: 500;line-height: 1.2;}
.entry-content h5{margin: 1rem auto 1.5rem;}
.ulli {margin:0 0 0 2.4rem !important;}
ul{margin:0 0 1rem 0 !important;}
li{margin:0 !important;}
.alignnone, .aligncenter, .alignleft, .alignright, .alignwide {margin-top:0;margin-bottom:0;}
.hauteur-video-menu{margin-top:0;}
.pagination-single {font-size: 1.8rem;text-shadow: 1px 1px 1px black;}
.pagination-single hr:first-child {margin: 0 0 2rem 0;display:none;}
.pagination-single hr:last-child {margin: 2rem 0 0.8rem 0; display:none;}
/*a{color:white !important;text-decoration:none;}*/
/*a:hover{color:#f25620 !important;text-decoration:none;}*/
.entry-content h2{margin: 3rem 0 2rem 0;}
.entry-content {font-family:"Cabin",sans-serif;line-height: 25px !important;font-size: 2rem;margin-top:100px;margin-left:auto !important;margin-right:auto !important;} /* hauteur slider - police principale sur les pages */
.site-description{display:none;}
.singular .entry-header {display: none;}
#site-header {background: rgba(0,0,0,0.7);position: fixed;width: 100%;z-index:10;height:100px;border-bottom:1px solid red;} /*couleur fond menu + position fixe >= 1000px */
.site-logo {margin: 1rem 0 0 2.4rem !important;} /*reglage position logo TWT*/
.header-inner{padding:0;justify-content: space-between;} /* position du menu plein écran */
.header-navigation-wrapper {display: block !important;}
.primary-menu-wrapper {display: block !important;}
.post-inner {padding-top: 0 !important;}

.nav-toggle .toggle-inner {display: none;} /*supprime ancien menu */ 
.primary-menu-wrapper + .header-toggles {display: none;} /*supprime ancien menu */ 
button.toggle.nav-toggle.mobile-nav-toggle {display:none;} /*supprime ancien menu */

/*taille de police en fonction de la taille des ecrans*/

@media only screen and (max-width: 1280px) {html {font-size: 95%;}}
@media only screen and (max-width: 1024px) {html {font-size: 90%;}}
@media only screen and (max-width: 960px) {html {font-size: 85%;}}
@media only screen and (max-width: 768px) {html {font-size: 80%;}}
@media only screen and (max-width: 480px) {html {font-size: 75%;}}

/*formulaire*/
.cadre{width:309px !important;}
.cadre-message {width:99% !important;}
label{font-size:16px;margin:0;}
.entry-content h6 {margin: .5rem auto 1rem;}
h6{margin-bottom: .5rem;font-weight: 500;line-height: 1.2;font-family: 'Cabin', sans-serif !important;text-transform: none;}
input[type="checkbox"]{
border:1px groove rgba(255,60,0,0.7) !important;background-color: rgba(255,172,172,0.4) !important;
border-width: 0.1rem;
box-shadow: none;
display: block;
font-size: 16px;
letter-spacing: -0.015em;
margin: 0 30px 0 0;
width: 20px;
border-radius: 4px;
}
input {color:white;}
input[type="text"], input[type="password"], input[type="email"], input[type="reset"], input[type="tel"], select, textarea {
color: white;
border:1px groove rgba(255,60,0,0.7) !important;background-color: rgba(0,0,0,0.4) !important;
border-width: 0.1rem;
box-shadow: none;
display: block;
font-size: 16px;
letter-spacing: -0.015em;
margin: 0;
max-width: 100%;
padding: .375rem .75rem;
width: 100%;
border-radius: 4px;
}
.wpcf7-form-control.wpcf7-submit {
    background: #007bff;
    width: 210px !important;
    color: white;
    text-align: center;
    border-radius: 3px;
	margin:20px 0;
}
input[type="submit"] {font-size: 1rem;font-family: 'Cabin', sans-serif;padding: .375rem .75rem;text-transform: none;font-weight: 400;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {background: rgba(0,0,0,0);}


/*menu*/

.header-navigation-wrapper {width: 80%;padding-top:27px;} /*taille pour que le menu soit centré pleine page*/
#mega-menu-wrap-primary {margin: auto;z-index:10;} /*center le menu pleine page*/

#mega-menu-wrap-primary #mega-menu-primary{font-family:'Orbitron-M', sans-serif;letter-spacing: normal;}   
#mega-menu-wrap-default #mega-menu-default > li.mega-menu-item > a.mega-menu-link {color:red;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover{color:red;} 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover{color:red;}  

#mega-menu-wrap-primary #mega-menu-primary img {display:inline;} /* aligne le drapeau verticalement*/

.videoR {
position: relative;
padding-bottom: 56.25%; /* 16:9  56.25%*/
padding-top: 25px;
height: 0;
}
.videoR iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

ul.primary-menu {display: block;margin:0;}

@media handheld, only screen and (max-width:1400px) , only screen and (max-device-width: 1400px){
	#site-header{position:static;}.hauteur-video-menu{margin-top:-22px;}.entry-content{margin:30px 0 0 !important;} 
    .header-navigation-wrapper {width: auto;padding-top:0;}} /* supprime la position fixe du menu < 1050 px et menu sous le logo*/

@media handheld, only screen and (max-width:1400px) , only screen and (max-device-width: 1400px){.section-inner{width:100% !important}.header-inner {display: block;}#site-header {height:160px;}.entry-content h1 {margin: 3rem auto .5rem;}} /*laugeur du header 100% pour menu qui passe sous le logo + Hauteur barre de menu - hauteur h1*/

@media handheld, only screen and (max-width:699px) , only screen and (max-device-width: 699px){#site-header {height:137px;}.entry-content h1 {margin: 5rem auto .5rem;}.entry-content{margin-top:0px !important;} .hauteur-video-menu {margin-top: -3px;}} /*Remonter la vidéo vers le haut et hauteur h1*/

@media only screen and (min-width:700px) and (min-height:700px){header#masthead {position:fixed !important;}}   /*affichage menu mobile*/
@media handheld, only screen and (max-width:600px) , only screen and (max-device-width: 600px){#mega-menu-wrap-primary {width: 100%;}.texte{font-size:1.4rem;}}   /*menu mobile en pleine largeur et taille texte plus grand*/

.sl-overlay{background:gray !important;} /*fond visionneuse*/
.sl-wrapper .sl-counter{color:white !important;}

.marge1{text-align:justify;}
@media only screen and (max-width: 780px) {.marge1{padding: 0 5%;} .margeTitre{margin:0 5%;}}

input[type="submit"]:focus, input[type="submit"]:hover {text-decoration: none;}
 
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {max-width: none;width:100%;}
.footer-top-visible .footer-nav-widgets-wrapper{margin-top:0;}
#site-footer{background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.6)),url(https://dev2.typesport.com/garage-pitot-2025/wp-content/uploads/2025/08/fond-footer.jpg)repeat center fixed !important;background-size: auto, auto;-webkit-background-size: cover;background-size: cover;font-size: 1.8rem;padding: .5rem 0;}/*coleur footer*/
.footer-top-hidden #site-footer {margin-top:0}
.widget .widget-title {margin: 3rem 0 .5rem 0;color:white;padding-left:0;}
.footer-widgets{margin-left:0 !important;width:100% !important;padding: 50px 1% 30px 1%;} /*footer*/
.header-footer-group{color:gray !important;}/*couleur texte copyright*/
.footer-copyright {font-weight: 500;font-size: 1rem;}
section{padding:3rem 0;}


/*responsive footer*/
.col-md-4{float:left;}

@media only screen and (min-width: 1301px) {
.col-md-4 {-ms-flex: 0 0 25% !important;flex: 0 0 25% !important;max-width: 25% !important;} /*footer*/
}
@media screen and (min-width: 721px) and (max-width: 1300px){
.col-md-4 {-ms-flex: 0 0 50% !important;flex: 0 0 50% !important;max-width: 50% !important;} /*footer*/
}
@media screen and (min-width: 100px) and (max-width: 720px){
.col-md-4 {-ms-flex: 0 0 100% !important;flex: 0 0 100% !important;max-width: 100% !important;min-height: 130px;} 
.footer-widgets {padding: 0 4%;}/*footer*/
section{padding:0;}
.footer-widgets .widget:first-child {margin-top: 1rem;}
}
#site-footer .section-inner {clear:both;}
.footer-credits{margin:auto;font-size:1.5rem;font-family:calibri;}

/*listing pg prin*/
#pg-6-6 {background: #2c2d2e;border-top: 3px solid #000;margin-bottom: 0 !important;}
#pg-6-7 {background: #2c2d2e;border-bottom: 3px solid #000;margin-bottom: 0 !important;}
#selection-pg-prin{color:white;float:left;padding-left:10%;}
#bouton-selection-pg-prin{color:aqua;float:right;padding-right:10%;}
#bouton-selection-pg-prin a{color: #007bff !important;}

#affichage-annonces-pg-prin {max-width: 2480px;height:262px;margin-left: auto;margin-right:auto;position:relative;padding-top:10px;overflow: hidden;}
#cadre-affichage-annonces-pg-prin{float: none;position: absolute;inset: 0px auto auto 8px;margin: 0px;width: 2480px;height: 270px;padding-top:20px;}
.cadre-photo-listing_pg_prin {position: relative;overflow: hidden;width: 308px;height: 202px;}
.offer_image_pg_prin a img {width: 308px;position: absolute;top: 50%;transform: translateY(-50%);}
.offer_item_pg_prin {width:308px; height:202px; float:left;margin: 0 3px 40px 3px;background-color: rgba(0,0,0,0.7);border-radius: 0 0 3px 3px;}
.offer_aside_pg_prin {width: 308px;padding: 5px 10px 5px 10px;text-align:center;}
.offer_aside_pg_prin h2 {line-height: 0.5em;margin-top:0; margin-bottom:0;}
.offer_aside_pg_prin h2 a {text-decoration:none;color: white;font-size: 13px;text-shadow: 1px 1px 1px black;font-family: 'Julius Sans One', sans-serif;font-weight: 500;text-transform: uppercase;font-style:normal;}


/* listing */

body{background:black;font-family: 'Cabin', sans-serif;}
#affichage-annonces {width: 1400px;margin-left: auto;margin-right:auto; position:relative;padding-top:0;}
#affichage-annonces-listing {width: 1430px;margin-left: auto;margin-right:auto; position:relative;padding-top:10px;}

/*cadre texte fiche vehicule*/
#pg-34-0,#pg-441-0 {margin-bottom: 0 !important;}/* a mdf */
#pgc-34-1-0,#pgc-441-1-0 {
	background-color: rgba(0, 0, 0, 0.8);
    margin: auto;
    border: 1px solid #bf0000;
	border-bottom: 2px solid #846927;
    padding: 40px;
}/* a mdf */

.offer_item {
  width: 422px;
  height: 347px;
  float: left;
  margin: 0 25px 35px 25px;
  border: 1px solid #444;
  background: linear-gradient(70deg,rgba(0, 1, 30, 0.9), rgba(1, 36, 81, 0.9),rgba(0, 0, 0, 0.9));
  border-radius: 0 0 3px 3px;
}
.cadre-photo-listing{position: relative;overflow: hidden;width: 420px;height: 276px;}
.offer_image img {width:420px;position: absolute;top: 50%;transform: translateY(-50%);}
.offer_aside {width: 420px;padding: 9px 20px 5px 20px;}
.offer_aside h2 {line-height: 18px;margin-top:0; margin-bottom:0;}
.offer_aside h2 a {text-decoration:none;color: white;font-size: 18px;text-shadow: 1px 1px 1px black;font-family:'Barlow Condensed', sans-serif;text-transform: uppercase;font-style:normal;}
.marque-vignette{font-size:18px;color:#fddea4;}
.marque-detail-vignette{padding-top:10px;}
.separation{width:100%;height:1px;background:#9d0e0e;margin:3px auto;}
.offer_data {color: white;font-family: 'Rajdhani', sans-serif;text-align: center;font-size: 15px;font-style:normal;line-height: 12px;text-shadow: 1px 1px 1px black;}
.offer_price {
    float: right;
    font-size: 16px;
    color: #ffb300;
    font-weight: 400;
	font-family:'Orbitron-M', sans-serif;
    padding: 5px;
	font-style: italic;
}
.offer_miliage {
    float: left;
	color:white;
	font-weight: 600;
    padding: 5px;
	font-style: italic;
}
.offer_regist {
    color:white;
    font-weight: 600;
	 padding: 5px;
	font-style: italic;
}
.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: 10px;position: relative;line-height: 32px;}

.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; width: 22px;height: 30px;}

.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; width: 22px;height: 30px;}

.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;}


/* affichage annonce */

.header_title h1 {
    text-shadow: none;
    text-align: center;
    font-size: 30px;
    color: #e4e4e4;
    font-family: 'Rajdhani', sans-serif !important;
    font-weight: 600;
	margin: 0;
    line-height: 1em;
}

.title_before_vehicle {
    background: linear-gradient(to right,rgba(68, 1, 1, 0.8), rgba(64, 18, 18, 0.7),rgba(51, 0, 0, 0.8));
    border-radius: 5px 5px 0 0;
	height: auto;
}
.title_before_vehicle h1 {
    padding: 10px 0 !important;
	text-shadow: 1px 1px 1px #000;
}
.offer_details {
    background: linear-gradient(to right,rgba(68, 1, 1, 0.8), rgba(64, 18, 18, 0.7),rgba(51, 0, 0, 0.8));
    border-radius: 0 0 5px 5px !important;
    padding-bottom: 30px;
	height: 635px;
}
.cadre-photo-visio-2{float:left;margin: 0 25px 0 25px;position: relative;overflow: hidden;width: 900px;height: 589px;box-shadow: 3px 3px 3px rgba(30, 30, 30, 0.9), 0 -1px 0 rgba( 255, 255, 255, 0.4);}
.offer_details .offer_gallery {
    width: 900px;position: absolute;top: 50%;transform: translateY(-50%);
    float: left;
	overflow: hidden;
	cursor: pointer;
}

.offer_details .offer_aside_a {
    width: 440px;
    float: left;
	height: 415px;
	font-family: 'Nunito', sans-serif;
}

.offer_block1{float:left;
	width:620px;}

.offer_aside_a {
    padding-top: 30px;
}
.offer_details .offer_price_a {
    margin-bottom: 10px;
    width: 430px;
    height: 40px;
}
.offer_details .offer_price_a strong {
    font-size: 33px;
    color: #ffa700;
    font-weight: bold;
    font-family: 'Kanit-SB', sans-serif;
	text-shadow: 2px 2px 2px #353535;
}

.offer_details .offer_data_a {
    border-top: 1px solid #dbdee0;
    border-bottom: 1px solid #dbdee0;
    line-height: 1em;
    padding: 15px 0 0 5px;
    font-size: 14px;
    color: white;
    font-weight: bold;
	width: 430px;
    height: 56px;
}
.offer_price_a {
    font-size: 16px;
    color: #ff9103;
    font-weight: 500;
	
}

.offer_details .offer_data_a li:first-child {
    padding-left: 0;
    border: none;
}
.offer_details .offer_data_a li {
    color: white;
    /*font-family: 'Julius Sans One', sans-serif;*/
	font-family: 'Barlow Condensed', sans-serif;
	

}
.offer_details .offer_data_a li {
    display: inline-block;
	border-left: 1px solid #dbdee0;
    padding: 0 15px;
    text-transform: uppercase;
	font-size: 17px;
}

.offer_data_a ul {
    list-style: none outside;
	margin:0;
	padding:0;
}

.offer_data_a ul li {
    margin-bottom: 20px;
}

.offer_specification {
    padding: 5px 0 0 0;
	width: 430px;
    height: 210px;
	float:left;
}
.offer_specification ul{
    padding: 0;
}

.offer_specification li.even {
    background-color: rgba(0,0,0,0);
}

.offer_specification ul li {
   padding: 5px 4% 5px 1%;
   text-align: right;
   position: relative;
   line-height: 1.2em !important;
   color: #202020;
   font-size: 13px;
   list-style: none;
   border-bottom:1px solid #bf0000;
}

.offer_specification li .spec_name {
    color: white;
    font-family: 'Asap Condensed', sans-serif;
    font-size: medium;
	float: left;
    font-weight: normal;
	font-size: 14px;
	text-shadow: 1px 1px 1px #000;
}

.spec_value {
    color: #e4e4e4;
	font-weight:600;
	letter-spacing: 0.5px;
	text-shadow: 1px 1px 1px #000;
}

.texte_annonce {color: white;
float: left;
padding-right: 3%;
font-size: 13px;
text-shadow: 1px 1px 1px black;
}
#affichage-annonces h3 {
    color: #ffb79e;
    font-size: 1.2rem;
    font-weight: normal;
}

/* style visionneuse */

.pp_social {display: none;} /*prettyphoto*/

* {
  box-sizing: border-box;
}

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}
.centrage-visio{margin:auto;width:1505px;}
.diapo-photos{float:left;width:400px;height:722px;}
.cadre-colonne{overflow-y: scroll; height:722px; scrollbar-color:red #0009;scrollbar-width: thin;}
.colonne {
  float: left;
  width: 25%;
  border-left:1px solid black;
  border-right:1px solid blck;
  cursor:zoom-in;
  position:relative;
  overflow:hidden;
  height:71px;
  margin-bottom:2px;
}

.colonne img {position: absolute;top: 50%;transform: translateY(-50%);}

/* Fond visionneuse  */
.modal {
  display: none;
  position: fixed;
  z-index: 20;
  padding-top: 80px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.8);
}

/* Modal Content */
.modal-content-v {
  float:left;
  position: relative;
  margin: auto;
  padding: 0;
  width: 90%;
  background-color:none !important;
  max-width: 1100px; /*largeur max = largeur de l'image */
}

/* The Close Button */
.fermer {
  color: white;
  position: absolute;
  top: 40px;
  right: 25px;
  font-size: 60px;
  font-weight: bold;
}

.fermer:hover,
.fermer:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {display: none;position:relative;overflow:hidden;height:722px;}
.mySlides img {position: absolute;top: 50%;transform: translateY(-50%);}

.curseur {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 55%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 26px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
  text-decoration: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 18px;
  padding: 6px 12px;
  position: absolute;
  top: 0;
  z-index:1;
  text-shadow: 1px 1px 1px black;
  font-weight: bold;
}

.caption-container {
  text-align: center;
  padding: 1px 16px;
  color: white;
  height:3px;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* responsive visionneuse */
@media screen and (min-width: 1206px) and (max-width: 1529px){
.centrage-visio{width:1205px;}  
.modal-content-v{width:900px !important;}
.mySlides {height:591px;}
.diapo-photos{width:300px;height:591px;}
.cadre-colonne{height:591px;}
.colonne{width:33%;height:71px;margin-bottom:2px;}
}

@media screen and (min-width: 1024px) and (max-width: 1205px){
.centrage-visio{width:1015px;} 
.modal-content-v{width:700px !important;}
.mySlides {height:460px;}
.diapo-photos{width:300px;height:460px;}
.cadre-colonne{height:460px;}
.colonne{width:33%;height:71px;margin-bottom:2px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
.centrage-visio{width:650px !important;}
.modal{padding-top:100px;}
.modal-content-v{width:650px !important;float: none;}
.mySlides {height:430px;}
.diapo-photos {float: none;width: 650px !important;height: 330px;}
.cadre-colonne{height:330px;}
.colonne{width:25% !important;height:105px;margin-bottom:2px;}
}

@media screen and (min-width: 600px) and (max-width: 767px){
.centrage-visio{width:590px !important;}
.modal{padding-top:100px;}
.modal-content-v{width:590px !important;float: none;}
.mySlides {height:388px;}
.diapo-photos {float: none;width: 590px !important;height: 330px;}
.cadre-colonne{height:330px;}
.colonne{width:25% !important;height:100px;margin-bottom:2px;}
}

@media screen and (min-width: 410px) and (max-width: 599px){
.centrage-visio{width:410px !important;}
.modal{padding-top:100px;}
.modal-content-v{width:410px !important;float: none;}
.mySlides {height:264px;}
.diapo-photos {float: none;width: 410px !important;height: 330px;}
.cadre-colonne{height:330px;}
.colonne{width:33.33% !important; height:90px;margin-bottom:2px;}
}

@media screen and (min-width: 351px) and (max-width: 409px){
.centrage-visio{width:346px !important;}
.modal{padding-top:100px;}
.modal-content-v{width:346px !important;float: none;}
.mySlides {height:226px;}
.diapo-photos {float: none;width: 346px !important;height: 300px;}
.cadre-colonne{height:300px;}
.colonne{width:33,33% !important; height:76px;margin-bottom:2px;}
}
@media screen and (max-width: 350px){
.centrage-visio{width:298px !important;}
.modal{padding-top:100px;}
.modal-content-v{width:298px !important;float:none;}
.mySlides {height:194px;}
.diapo-photos {float: none;width: 298px !important;height: 300px;}
.cadre-colonne{height:300px;}
.colonne{width:33.33% !important; height:60px;margin-bottom:2px;}
}

/* responsive visionneuse prettyphoto*/

@media handheld, only screen and (max-width: 600px), only screen and (max-device-width: 600px){
	div.pp_pic_holder{left:0 !important;width:100% !important;}
	div.ppt {width:100% !important;}
	.pp_content {width:100% !important; height:100% !important;}
	.pp_hoverContainer {width:94% !important; height:100% !important;}
	.pp_details {width:100% !important;}
	#fullResImage{width:98% !important; height:98% !important;}
	div.pp_default .pp_expand {display:none !important;}
	div.pp_default .pp_content_container .pp_details {margin-top: 20px !important;}
	.pp_gallery {display:none !important;}
}

/*responsive listing pg prin*/
@media screen and (min-width: 2375px){
	#affichage-annonces-pg-prin {max-width: 2374px;}
}

@media screen and (min-width: 2148px) and (max-width: 2374px){
	#affichage-annonces-pg-prin {max-width: 2134px;}
}

@media screen and (min-width: 1901px) and (max-width: 2147px){
	#affichage-annonces-pg-prin {max-width: 1895px;}
}

@media screen and (min-width: 1600px) and (max-width: 1900px){
	#affichage-annonces-pg-prin {max-width: 1580px;}
}

@media screen and (min-width: 1340px) and (max-width: 1599px){
	#affichage-annonces-pg-prin {max-width: 1264px;}
}

@media screen and (min-width: 1000px) and (max-width: 1339px){
	#affichage-annonces-pg-prin {max-width: 950px;}
}

@media screen and (min-width: 700px) and (max-width: 1001px){
	#affichage-annonces-pg-prin {max-width: 636px;}
}

@media screen and (min-width: 700px) and (max-width: 701px){
	#affichage-annonces-pg-prin {max-width: 636px;}
}

@media screen and (min-width: 496px) and (max-width: 701px){
	#affichage-annonces-pg-prin {max-width: 320px;}
}

@media screen and (min-width: 50px) and (max-width: 495px){
	#affichage-annonces-pg-prin {max-width: 320px;}
	#selection-pg-prin {display:none;}
}

/*responsive recherche listing*/

@media handheld, only screen and (min-width: 1430px), only screen and (min-device-width: 1430px){
	.selection-G{font-size: 14px !;}
	fieldset {padding: 0 10px 10px 10px !important;float:left;width:32%;height:55px;margin: 0px .3% 20px .3%;background:rgba(0,0,0,0.6);}
}

@media screen and (min-width: 992px) and (max-width: 1429px){
.selection-G{width: 280px;font-size: 14px !;}
fieldset {padding: 0 10px 10px 10px !important;float:left;width:32%;height:90px;margin: 0px .3% 20px .3%;background:rgba(0,0,0,0.6);}
input#button.bouton-selection-recherche-porsche{margin-top:10px;}
}

@media screen and (min-width: 601px) and (max-width: 991px){
.selection-G{width: 280px;font-size: 14px !important;}
fieldset {padding: 0 10px 10px 10px !important;float:left;width:100%;height:55px;margin: 0px .3% 10px .3%;background:rgba(0,0,0,0.6);}
input#button.bouton-selection-recherche-porsche{margin-top:0;}
}

@media screen and (min-width: 411px) and (max-width: 600px){
.selection-G{width: 270px;font-size: 13px !important;}
fieldset {padding: 0 10px 10px 10px !important;float:left;width:100%;height:55px;margin: 0px .3% 10px .3%;background:rgba(0,0,0,0.6);}
	input#button.bouton-selection-recherche-porsche{margin-top:0;}
}

@media screen and (min-width: 351px) and (max-width: 410px){
.selection-G{width: 222px;font-size: 12px !important;}
select.selection-G {padding: 3px 5px !important;}
fieldset {padding: 0 5px 10px 5px !important;float:left;width:100%;height:55px;margin: 0px .3% 10px .3%;background:rgba(0,0,0,0.6);}
input#button.bouton-selection-recherche-porsche{margin-top:0;padding: 4px 4px 3px 4px !important;background-color: #976300 !important;border-radius: 3px;font-size: 12px;}
}


@media screen and (min-width: 300px) and (max-width: 350px){
.selection-G{width: 212px;font-size: 12px !important;}
select.selection-G {padding: 3px 3px !important;}
fieldset {padding: 0 5px 10px 5px !important;float:left;width:100%;height:55px;margin: 0px .3% 10px .3%;background:rgba(0,0,0,0.6);}
input#button.bouton-selection-recherche-porsche{margin-top:0;padding: 4px 4px 3px 4px !important;background-color: #976300 !important;border-radius: 3px;font-size: 12px;}
}


/*responsive listing*/

@media handheld, only screen and (min-width: 1430px){
#affichage-annonces-listing {width: 1430px;}

}

@media screen and (min-width: 992px) and (max-width: 1429px){
#affichage-annonces-listing {width: 966px;}
.tf_pagination {width: 93%;}
}

@media handheld, only screen and (max-width: 991px), only screen and (max-device-width: 991px){

#affichage-annonces-listing {width: 700px;}
.offer_item {width:642px; height:505px;}
.cadre-photo-listing{position: relative;overflow: hidden;width: 640px;height: 421px;}
.offer_image img {width:640px;position: absolute;top: 50%;transform: translateY(-50%);}
.offer_aside {width: 640px;padding: 10px 22px 5px 22px;}
.tf_pagination {width: 91.5%;margin: 10px 25px 20px 25px;}
}

@media handheld, only screen and (max-width: 767px), only screen and (max-device-width: 767px){
	
#affichage-annonces-listing {width: 520px;}
.offer_item {width:468px; height:390px;}
.cadre-photo-listing{position: relative;overflow: hidden;width: 466px;height: 306px;}
.offer_image img {width:466px;position: absolute;top: 50%;transform: translateY(-50%);}
.offer_aside {width: 467px;padding: 10px 22px 5px 22px;}
.tf_pagination {width: 90%;margin: 10px 25px 20px 25px;}
#affichage-annonces-listing h3{padding-left:5%;padding-top:5%;}
.texte_annonce{padding-left:5%;}
}

@media handheld, only screen and (max-width: 600px), only screen and (max-device-width: 600px){
#affichage-annonces-listing {width: 404px;}
.offer_item {width:402px; height:345px;margin:0 0 60px 0;}
.cadre-photo-listing{position: relative;overflow: hidden;width: 400px;height: 263px;}
.offer_image img {width:400px;position: absolute;top: 50%;transform: translateY(-50%);}
.offer_aside {width: 405px;padding: 10px 15px 5px 15px;}
.offer_aside h2 a {font-size: 15px;}
.tf_pagination {width: 100%;margin: 0;}
}

@media handheld, only screen and (max-width: 410px), only screen and (max-device-width: 410px){
#affichage-annonces-listing {width: 332px;}
.offer_item {width:330px; height:295px;}
.cadre-photo-listing{position: relative;overflow: hidden;width: 328px;height: 216px;}
.offer_image img {width:328px;position: absolute;top: 50%;transform: translateY(-50%);}
.offer_aside h2 a {font-size: 15px;}
.offer_data {font-size:14px;}
.offer_aside {width: 332px;padding: 10px 8px 5px 5px;}
}

@media handheld, only screen and (max-width: 409px), only screen and (max-device-width: 409px){
#affichage-annonces-listing {width: 346px;}
.offer_item {width:344px; height:295px;}
.cadre-photo-listing{position: relative;overflow: hidden;width: 344px;height: 227px;}
.offer_image img {width:342px;position: absolute;top: 50%;transform: translateY(-50%);}
.offer_aside h2 a {font-size: 15px;}
.offer_data {font-size:14px;}
.offer_aside {width: 346px;padding: 10px 8px 5px 5px;}
}

@media handheld, only screen and (max-width: 350px), only screen and (max-device-width: 350px){
#affichage-annonces-listing {width: 316px;}
.offer_item {width:314px; height:285px;}
.cadre-photo-listing{position: relative;overflow: hidden;width: 312px;height: 205px;}
.offer_image img {width:312px;position: absolute;top: 50%;transform: translateY(-50%);}
.offer_aside h2 a {font-size: 14px;}
.offer_aside {width: 300px;padding: 10px 8px 5px 5px;}
}

/*responsive images detail annonce*/
@media handheld, only screen and (max-width: 1201px), only screen and (max-device-width: 1449px){
#affichage-annonces {width: 1100px;}
}

@media handheld, only screen and (max-width: 992px), only screen and (max-device-width: 1200px){
#affichage-annonces {width: 950px;}
}

@media handheld, only screen and (max-width: 991px), only screen and (max-device-width: 991px){
#affichage-annonces {width: 700px;}
}

@media handheld, only screen and (max-width: 767px), only screen and (max-device-width: 767px){
#affichage-annonces {width: 520px;}
}

@media handheld, only screen and (max-width: 600px), only screen and (max-device-width: 600px){
#affichage-annonces {width: 404px;}
}

@media handheld, only screen and (max-width: 410px), only screen and (max-device-width: 410px){
#affichage-annonces {width: 332px;}
}

@media handheld, only screen and (max-width: 350px), only screen and (max-device-width: 350px){
#affichage-annonces {width: 316px;}
}




/* responsive detail annonce */

@media handheld, only screen and (min-width: 1450px), only screen and (min-device-width: 1450px){
#pgc-34-1-0,#pgc-441-1-0{width: 1400px !important;} /* a mdf */
.texte_annonce{width:900px;}
}

@media screen and (min-width: 1200px) and (max-width: 1449px){
 /* a mdf */
#pgc-34-1-0,#pgc-441-1-0{width: 1100px !important;margin:auto !important;padding:40px !important;}/* a mdf */
.texte_annonce{width:700px;}
.offer_details {height:520px;}
.offer_aside_a {padding-top:0;}
.cadre-photo-visio-2{float:left;margin:0 17px 0 3px;position: relative;overflow: hidden;width: 690px;height: 452px;margin: 0 25px 0 25px;}
.offer_details .offer_gallery {
    width: 690px;position: absolute;top: 50%;transform: translateY(-50%);
    float: left;
	overflow: hidden;
	cursor: pointer;
}
.offer_block1 {float: left;width: 510px;}
.offer_details .offer_aside_a {width: 350px;height:415px;float:left;padding-top:30px;}
.offer_details .offer_price_a {margin-bottom:10px;width:340px;}
.offer_details .offer_data_a {width:340px;font-size:12.5px;}
.offer_specification {width: 340px;float:left;}
}

@media screen and (min-width: 992px) and (max-width: 1199px){
 /* a mdf */
#pgc-34-1-0,#pgc-441-1-0{width: 950px !important;margin:auto !important;padding:40px !important;}/* a mdf */
.texte_annonce{width:550px;}
.offer_details {height:900px;}
.offer_aside_a {padding-top:0;}
.cadre-photo-visio-2{float:left;margin:0 17px 0 3px;position: relative;overflow: hidden;width: 900px;height: 591px;margin: 0 25px 0 25px;}
.offer_details .offer_gallery {
    width: 900px;position: absolute;top: 50%;transform: translateY(-50%);
    float: left;
	overflow: hidden;
	cursor: pointer;
}
.offer_block1 {float: left;width: 510px;}
.offer_details .offer_aside_a {width: 900px;height:300px;float:left;padding-top:30px;padding-left: 30px;margin-left: 30px;}
.offer_details .offer_price_a {margin-bottom:10px;width:340px;}
.offer_details .offer_data_a {width:340px;font-size:12.5px;}
.offer_specification {width: 340px;float:left;}
}

@media screen and (min-width: 768px) and (max-width: 991px){
 /* a mdf */
#pgc-34-1-0,#pgc-441-1-0{width: 700px !important;margin:auto !important;padding:40px !important;}/* a mdf */
.texte_annonce{width:320px;}
.offer_details {height:750px;}
.offer_aside_a {padding-top:0;}
.cadre-photo-visio-2{float:left;margin:0 17px 0 3px;position: relative;overflow: hidden;width: 680px;height: 446px;margin: 0 10px 0 10px;}
.offer_details .offer_gallery {
    width: 680px;position: absolute;top: 50%;transform: translateY(-50%);
    float: left;
	overflow: hidden;
	cursor: pointer;
}
.offer_block1 {float: left;width: 290px;}
.offer_details .offer_aside_a {width: 680px;height:300px;float:left;padding-top:30px;padding-left: 25px;margin-left: 10px}
.offer_details .offer_price_a {margin-bottom:10px;width:340px;}
.offer_details .offer_data_a {width:340px;font-size:12.5px;display:none;}
.offer_specification {width: 340px;}
}

@media screen and (min-width: 601px) and (max-width: 767px){
#pgc-34-1-0,#pgc-441-1-0{width: 520px !important;margin:auto !important;}/* a mdf */
.texte_annonce{width:520px;padding-top:30px;}
.offer_details {height:700px;}
.offer_aside_a {padding-top:30px;}
.cadre-photo-visio-2{margin:auto;float:none;position: relative;overflow: hidden;width: 500px;height: 328px;margin: 0 10px 0 10px;}
.offer_details .offer_gallery {
    width: 500px;position: absolute;top: 50%;transform: translateY(-50%);
    float: left;
	overflow: hidden;
	cursor: pointer;
}
.offer_block1 {float: left;width: 500px;}
.offer_details .offer_aside_a {width: 500px;margin:auto;float:none;padding-left: 27px}
.offer_details .offer_price_a {margin-bottom:10px;width:430px;text-align:center;}
.offer_details .offer_data_a {width:450px;font-size:15px;text-align:center;display:none;}
.offer_specification {width: 450px;}
}

@media screen and (min-width: 411px) and (max-width: 600px){
#pgc-34-1-0,#pgc-441-1-0{width: 404px !important;margin:auto !important;} /* a mdf */	
.texte_annonce{width:400px;padding-top:30px;}
.colonne {width: 33.33%;}
.offer_details {height:620px;}
.offer_aside_a {padding-top:30px;}
.cadre-photo-visio-2{margin:auto;float:none;position: relative;overflow: hidden;width: 390px;height: 256px;}
.offer_details .offer_gallery {
    width: 390px;position: absolute;top: 50%;transform: translateY(-50%);
    float: left;
	overflow: hidden;
	cursor: pointer;
}
.offer_block1 {float: left;width: 390px;}
.offer_details .offer_aside_a {width: 390px;margin:auto;float:none;padding-left: 25px}
.offer_details .offer_price_a {margin-bottom:10px;width:340px;text-align:center;}
.offer_details .offer_data_a {width:340px;font-size:13.5px;text-align:center;display:none;}
.offer_specification {width: 340px;}
}

@media screen and (min-width: 351px) and (max-width: 410px){
#pgc-34-1-0,#pgc-441-1-0{width: 332px !important;margin:auto !important;} /* a mdf */
.texte_annonce{width:325px;padding-top:30px;}
.colonne {width: 33.33% !important;}
.offer_details {height:571px;}
.offer_aside_a {padding-top:30px;}
.cadre-photo-visio-2{margin:auto;float:none;position: relative;overflow: hidden;width: 326px;height: 214px;}
.offer_details .offer_gallery {
    width: 326px;position: absolute;top: 50%;transform: translateY(-50%);
    float: left;
	overflow: hidden;
	cursor: pointer;
}
.offer_details .offer_aside_a {width: 326px;margin:auto;float:none;padding-left:0;}
.offer_details .offer_price_a {margin-bottom:10px;width:326px;text-align:center;}
.offer_details .offer_data_a {width:326px;font-size:12px;text-align:center;display:none;}
.offer_specification {width: 326px;}
}
@media screen and (max-width: 350px){
#pgc-34-1-0,#pgc-441-1-0{width: 316px !important;margin:auto !important;} /* a mdf */
.texte_annonce{width:315px;padding-top:30px;}
.colonne {width: 33.33%;}
.offer_details {height:571px;}
.offer_aside_a {padding-top:30px;}
.cadre-photo-visio-2{margin:auto;float:none;position: relative;overflow: hidden;width: 312px;height: 205px;}
.offer_details .offer_gallery {
    width: 312px;position: absolute;top: 50%;transform: translateY(-50%);
    float: left;
	overflow: hidden;
	cursor: pointer;
}
.offer_details .offer_gallery {width: 312px;margin:auto;float:none;}
.offer_details .offer_aside_a {width: 312px;margin:auto;float:none;padding-left:0;}
.offer_details .offer_price_a {margin-bottom:10px;width:312px;text-align:center;}
.offer_details .offer_data_a {width:312px;font-size:11px;text-align:center;display:none;}
.offer_specification {width: 312px;}
}