/* 
**********************************************************************
***    FORCE MODE PAYSAGE POUR TABLETTE
**********************************************************************
*/

@media screen and (min-width: 1470px) and (orientation: portrait) {
      html {

        transform: rotate(-90deg);
        transform-origin: left top;
        width: 100vh;
        height: 100vw;
        overflow-x: hidden;
        position: absolute;
        top: 100%;
        left: 0;
      }
}
	
/* 
**********************************************************************
***    VERSION MOBILE 
**********************************************************************
*/


/* 
*****************************************************************
***   PARAMETRES GENERAUX - POLICE - TAILLE - BACKGROUND ... 
*****************************************************************
*/

body {
  overflow-x: hidden; /* Hide horizontal scrollbar */
  font-family: "Trebuchet MS", Verdana, Arial, serif;	
}

html {
  scroll-behavior: smooth;
}

.col-md-12 {
   /* margin-bottom: 1px!important; */
}	

.titreh1mobile, .type8 {
font-family:GeosansLight, "Futura Lt", "Eras Light ITC", "Basic Sans Light SF";
}

p {
/*font-family:"futura lt", "eras light itc";*/
font-size:15px;
color:rgb(130, 130, 130);
}


@media only screen and (max-width: 930px) {
	.container {
	max-width:99%!important;
	}
}
	
@media only screen and (min-width: 930px) {
	.container {
	max-width:930px!important;
	}
	
}	


.mainbackground {
    background: url("../photos/fond.gif")  repeat-y;
    width: 99%;	
    text-align: left;
	margin: auto;		
	padding-top: 5px;
	padding-bottom:20px;
	margin-bottom:5px;
} 




	

.blackbackground-top {
font-family:Trebuchet MS, Verdana, Arial, serif!important;	
width:100%;
/* max-width: 890px!important; */
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: black;
margin-top: 20px;
padding-top: 20px;
}


.blackbackground {
font-family: "Trebuchet MS", Verdana, Arial, serif;
/* width:100%; */ 
margin-bottom: 1px;
background: black;
padding-bottom: 5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}



.blackbackground-bottom {
/* max-width: 860px!important; */
width:100%;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background: black;
margin-bottom: 20px;
}

.transparant {
width: 100%;
/* height:1px;*/
background-image:url(https://flat69.fr/photos/fond.gif);
background-position: 50% 10%;
margin:auto;
}

.transparant_modele {
margin-left:-12px!important;
width: 100%;
height:1px;
background-image:url(https://flat69.fr/photos/fond.gif);
background-position: 50% 10%;
margin:auto;
}

.transparant_ss {
width: 106%!important;
height:1px!important;
background-image:url(https://flat69.fr/photos/fond.gif)!important;
background-position: 50% 10%!important;
margin:auto!important;
margin-left:-27px!important;
}

.transparant_ss_modele {
height:1px!important;
background-image:url(https://flat69.fr/photos/fond.gif)!important;
background-position: 50% 10%!important;
margin:auto!important;
margin-left:-17px!important;
margin-bottom:7px!important;
}

.radius-bottom {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

.radius-top {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.radius-bottom-right {
border-bottom-right-radius: 5px;
}



/* 
***************************************
***   MENU DE NAVIGATION 
***************************************
*/
@media only screen and (min-width: 930px) {
	.navbar {
	margin-top: -15px;
	margin-bottom:-15px;	
	}
}

@media only screen and (max-width: 930px) {
	.navbar {
	margin-top: -15px;
	margin-left: 0px;
	margin-bottom:-15px;		
	}
}

.navbar-nav .nav-link {
    color: rgb(90,90,90) !important;
}
.navbar-nav .nav-link:hover {
    color: rgb(255,110,15) !important;
}

@media only screen and (max-width: 930px) {
.type7 {
font-size:18px;
}

/* ESPACE ENTRE LIGNE DU MENUU MOBILE */ 
.onglet, .onglet2 {
margin-bottom:10px;
border-right: none;
}
}


/* 
***************************************
***   PAGE INDEX 
***************************************
*/

#adresse_flat_index {
/*font-family:"futura lt, eras light itc"!important;	*/
font-size:14px!important;	
}

/* 
**********  VIDEO PAGE ACCUEIL ******
*/ 

@media only screen and (min-width: 930px) {
	.picto-sociaux-footer {
	margin-top: -15px;
	}
	
	.tel_mobile {
	display:none;
	}	
	
	.video_accueil {
    margin-left: 20px;	
    width:500px;
	height:330px;	
	}
		
}



@media only screen and (min-width: 930px) {
	.picto-sociaux-footer {
	margin-top: -15px;
	}
	
	.tel_mobile {
	display:none;
	}	
	
	.email_entete_mobile {
	font-size: 14px;
    font-weight: 900;
    }	
		
}

@media only screen and (max-width: 930px) {
	.picto-sociaux-footer {
	margin-top: 15px;
	margin-bottom: 15px;
	}

	.tel-pc {
	display:none;
	}

	.tel_mobile {
	z-index:1;
	margin-top: -20px;	
	text-align:center;
    width: 100%;	
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    letter-spacing: .2rem;
    color: rgb(255,110,15);	
	}	

	.email_entete_mobile {
	margin-left:-10px!important;
    }
	
	.video_accueil {
    width:100%;
	height:280px;	
	}		
}


h1.titreh1mobile {
	margin-top: 70px;
	font-size:30px;
}

@media only screen and (max-width: 930px) {
	h1.titreh1mobile {
		margin-top: 50px;
		font-size:16px;
		font-weight:700;
	}
}

.logo_flat {
margin-top:20px; 
}


@media only screen and (max-width: 930px) {
	#horaires {
    color: rgb(255,110,15);
    border-left: solid 1px;
    margin-left: 63%!important;
    margin-top: -580px!important;
    width: 148px!important;
	}
}




/* 
**************************
*** PAGE CONTACT 
**************************
*/ 
#contact {
    margin-top: 20px;
}	


/* 
**************************
*** PAGE OCCASION 
**************************
*/ 


.blackbackground_occasion {
    width: 890px;
    background: black;

}
.background_miniature_occasion {
    font-family: "Trebuchet MS", Verdana, Arial, serif!important;
    width: 900px;
    margin-left: -15px;
    background-color:black;
}

.container-listing {
max-width: 890px;
float:left;
}

#fiche {
    max-width: 100%;
    margin-left: 1px;
    float: left;
}


#fiche_modele {
    max-width: 100%;
    margin-left: -16px;
    float: left;
}

#pied_occasions {
    padding-bottom: 15px;
    width: 100%;
    text-align: center;	
    font-family:Trebuchet MS, Verdana, Arial, serif!important;	
}



/* 
**************************
*** PAGE ATELIER 
**************************
*/
.table-responsive {
padding-top: 0px !important; 
overflow-x: hidden; 
max-width: 920px;
margin-bottom: -25px;
}

/* taille police bouton */ 
@media only screen and (max-width: 930px) {
	a.type6:link, a.type6:active {
		color: rgb(130,130,130);
		font-size: 18px;
	}
	
}


#infos_modele {
    width: 887px;
    border-radius: 0px;
    background-color: black;
    margin-left: 7px;
}


 
.miniature_modele {
font-family:Trebuchet MS, Verdana, Arial, serif!important;
font-size:13px!important;
height: 60px;
}


#detail_modele {
    margin-bottom: 50px;
}
	*

#bloc2 {
font-family:Trebuchet MS, Verdana, Arial, serif!important;
font-size:13px!important;
}


/* 
**************************
*** PAGE MOTEUR  
**************************
*/
@media only screen and (min-width: 930px) {
	.L18 {
	width:90%;
	}
}
@media only screen and (max-width: 930px) {
	.L18 {
	font-size: 18px;	
	width:100%;
	}
}

#menu_modele {
    width:100%!important;
    height: 15px;
    margin: auto;
    margin-top: 3px;
	margin-bottom:1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;	
}



.menu_moteur {
width:80%;
}





/* 
**************************
*** PAGE BOITE   
**************************
*/

.menu_boite {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}


/* 
**************************
*** PAGE ATELIER   
**************************
*/

#bloc2 {
    width: 57%;
    margin: 5px 5px 0px 55px;
}



/* 
**************************
*** PAGE DOCUMENTATION   
**************************
*/




@media only screen and (min-width: 930px) {
.sous_menu_documentation {
margin-top:15px;
}
}

@media only screen and (max-width: 930px) {
.sous_menu_documentation {
margin-top:0px;
margin-bottom:0px;
}

.documentation_image_couleur {
display:none;
}
}

.listing_documentation {
    margin: auto;
    width: 890px!important;
    margin-top: 25px;
    margin-left: 12px;	
    background-color: black;
	padding-bottom:80px;
}




#infos_modele_documentation {
    margin-bottom: 0px;
    padding-top: 15px;
    margin-top: 25px;
    width: 890px;
    overflow: hidden;	
}
@media only screen and (min-width: 930px) {
	#infos_modele_documentation {
	height: 70px;
	}
}
@media only screen and (max-width: 930px) {
	#infos_modele_documentation {
	height: 100px;
	}
}


.marge_top_documentation {
margin-top:25px;
}


.widthall {width: 100% !important;}



/* 
background: url(https://flat69.fr/flat69/photos/fond.gif) black repeat-y;
    width: 930px;
    float: left;
    text-align: left;  */
 .paddingbottoweeb {
       padding-bottom: 4%;
  }
.paddingtopweeb {
       padding-top: 1%;
  }

.paddingrightweeb {
       padding-right: 4%;
  }
  
 .zeromargin {
margin-left: 0px !important;
margin-right: 0px !important;

 }	 



.textaligncenter {   text-align: center;}


.table-responsive-contact {padding-top: 0px !important; overflow-x: hidden; max-width: 950px; margin-bottom:25px}


.bg-light1 {
    background-color: #000000!important;
}




.picto_sociaux_mobile {
display:none;
}


/* MOBILE CUSOMIZED CSS */

/*   SUPPRESSION DES MARGES SUR MOBILE */ 
@media only screen and (max-width: 768px) {

.picto_sociaux_mobile {
    width:97%!important;
    text-align: right;
    display: block;
    margin-top: -70px;
}

.pied_page_mobile {
display:none;
}

.col-12{
    overflow-x: hidden;
    position: relative;
    width: 100%;
    padding-right: 5px;
	padding-left: 5px;
	}
	
	#contact	{	
	padding:20px 0px 20px 0px!important;
	}	
}

@media only screen and (max-width: 768px) {
.whitetext {color: white !important;}
.retour_doc {    height: auto;    margin-bottom: 15px !important;}
  .width65mobile {
       width: 65%  !important;
  }
  .width100mobile {
       width: 100% !important;
  }
  .mainbackground {
  background:none; }
  
  .titreh1mobile {
	  font-size: 1.5em;
    letter-spacing: 0.5rem;}
	
   .paddingbottommobile {
       padding-bottom: 10%;
  }
  .margebottommobile {
      margin-bottom: 8%;
  } 
  .paddingmobilelr {padding-left: 0px !important; padding-right: 0px !important;}
  .avis_livre		{width:100%;					float:left;		margin-left:0px;	line-height:1;}
.pseudo_livre	{width:100%;					float:left;		margin:7px 0 10px 0;			padding-left:0px;}
.msg_livre		{width:100%;					float:left;		margin:7px 0px 10px 30px;	padding-left:0px;	border-left:rgb(130,130,130) solid 1px;	}	
	.miniature_modele {margin: 0px 0px 0px 0px;padding-right: 0px;    padding-left: 0px;width: 100%;}
	.photo_min {       margin-left: 0px !important;    height: auto;text-align: center;    width: 100%;    margin-top: 5px;}
	.imagemobilevoiture {    width: 100%;    /*background-size: contain !important;*/}
	.photo_min .dispo .type_mod .modele_mod .cylindree_ate .puissance_ate .annee_mod{	    width: auto !important;    height: auto !important;  }
	#menu_modele {font-size: 8px; width: 100% !important;   padding: 2px;}
	#technique_d {    margin-left: 0px;}
	#technique {    margin: 0px;}
	.marginleftzero {    margin-left: 0px !important;}
	.padongleftrigfhttzero {    padding-right: 0px !important;padding-left: 0px !important;}
	.marginleftfive {    margin-left: 5px !important;}
	.marginleftfivepercent {    margin-left:5% !important;}
.marginlefttwopercent {    margin-left:2% !important;}
        .marginleftfifteenpercent {    margin-left:15% !important;}
        .marginlefttrante {    margin-left:30% !important;}
	.miniature_occasions {height: auto !important; width: 100%;margin: 0px !important}
	.statut_min {width: 100% !important;margin-left: 0px;text-align: center;margin-top: 2px;}
	.produit_bout {width: 100% !important;margin-left: 0px;}
	.type_bout {width: 100% !important;margin-left: 0px;}
	.periode_bout {width: 50% !important;}
	.photo_man {width: 50% !important;}
	.modele_man {width: 45% !important;height: auto;}
	.annee_man {width: 45% !important;}
	.prix_pieces {width: 30% !important;}
	.bouton_vertical {width: 10% !important;}
	.modele_min {width: 70% !important;height: auto;}
	.km_min {width: 65% !important;}

	.annee_min {width: 20% !important;}
	.modele_mins {width: 20% !important;height: auto;}
	.type_mins {width: 30% !important;height: auto;}
	.annee_mins {width: 20% !important;height: auto;}
	.type_min {width: 12% !important;}
	.dim_mins {width: 8% !important;}
	.dispo {width: 15% !important;}
	.modele_mod{width: 45% !important;height: auto;}
	.annee_mod{width: 30% !important;}
	.video_mod{padding-bottom: 40px;}
	.type_man {width: 100% !important;text-align: center;}
	.miniature_jantes {width: 98% !important;text-align: center;margin-left: 0px !important;}
	.photo_mins {width: 100% !important;text-align: center;height: auto !important;}
	#detail_boutique {width: 100% !important;margin-left: 0px;height: auto !important;}
	#photo_article {width: 100% !important;margin-left: 0px;height: auto !important;}
	#descriptif {width: 100% !important;margin-left: 0px;height: auto !important;}
	#cadre_detail {width: 100% !important;margin-left: 0px;height: auto !important;}
	#detail_occasions {width: 100% !important;margin-left: 0px;height: auto !important;}
	#photo_avant {width: 100% !important;margin-left: 0px;height: auto !important;}
	#photo_int {width: 100% !important;margin-left: 0px;height: auto !important;}
	#photo_arr {width: 100% !important;margin-left: 0px;height: auto !important;}
	#contenu_equip_int {width: 100% !important;margin-left: 0px;height: auto !important;}
	#contenu_equip_ext {width: 100% !important;margin-left: 0px;height: auto !important;}
	#contenu_piwis {width: 100% !important;margin-left: 0px;height: auto !important;}
	#lien_doc {width: 100% !important;margin-left: 0px !important;height: auto !important;}
	#menu_occasions {width: 100% !important;margin-left: 0px !important;height: auto !important;}
	#usine1 {width: 100% !important;margin-left: 0px !important;height: auto !important;}
	#detail_modele {width: 100% !important;margin-left: -2px !important;height: auto !important;}
	#bloc2 {width: 100% !important;margin-left: 5px !important;height: auto !important;}
	#officiel {width: 100% !important;margin-left: 0px !important;height: auto !important;}
	.telec {width: 100% !important;height: auto !important;margin-bottom: 10px;}
	.imgwidth100 {width: 100% !important;margin-left: 0px !important;    margin-bottom: 10px !important;}
	.table-responsive {width: 100% !important;overflow: auto !important;height: auto; }
       .cylindree_mod {    width: 15% !important;}
	.heightauto {height: auto !important;}
	.bg-light1 {
    background-color: #585858!important;
}
a.type7 {
    color: rgb(203 198 198);
}
#pied_occasions {height: auto !important;margin-left: 0px !important;}
#pied_modele {
    width: 96%;}
.backgroundcenter {background-position-x: center;}
#manuel{width: 100% !important;}

}

/* page plan acces */ 

@media only screen and (min-width: 768px) {
	.texte-plan-acces {
	margin-left:100px;
	margin-right:100px;
	margin-bottom:60px;
	}
	
.pied_page_mobile {
    color:#828282;
	font-family:"Trebuchet MS", Verdana, Arial, serif!important;
	font-size:11px!important;
	}	
	
.version_bas_page {
    margin-left: -145px;
	}	

.referenecement_bas_page {	
    margin-left: 60px;
	}	
}

.separateur_header{
	color: #FF6E0F !important; 
}

.navbar-nav .nav-link{

	color: #cecece !important;
	font-size: 16px;
}

.navbar-nav .nav-link p{

	color: white !important;
	font-size: 16px;
}

.active {
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
.img-occasion-mobile {
width:100%;
}	
}	

@media only screen and (max-width: 768px) {
	
	.menu_footer_v2 {
		align-items: center !important;
	}	

	.horaires_footer_v2 {
		align-items: center !important;
		margin-bottom: 10%;
	}	

	.logo_footer_v2{
		align-items: center !important;
		justify-content: space-evenly;
		margin-top: 5%;
	}

	.left_menu_v2{
		padding-left: 15px !important;
	}

	.btn_contact_footer {

		text-align: center;
		padding-left: 0px !important;
	}

	.separateur_header{
		display: none;
	}
}