/* ------------------------------------ *
 CSS main
 * ------------------------------------ */
html{height:100%;}
body {
	font-family: arial, sans-serif;
	font-size: 80%;
	height:100%;
	margin:0;
}

/* couleur de texte */
.colorTextBlue{
	color:blue;
}
.colorTextRed{
	color:red;
}
.colorTextGreen{
	color:green;
}

/*
======================
= Info reparation-entretiens
======================
*/
#div_info_rep{
	background-color: silver;
}
#div_info_rep .label{
	background:silver;
	border: 1px solid grey;
	color: black;
	font-weight: bold;
	padding : 5px;
}
/*
======================
= CO-TITULARE
======================
*/
#div_titu{
	background-color: silver;
}

#dialog-form input{
	width:130px;

}
#dialog-form label{
	width:110px;
	display:inline-block;	
}
#div_titu table{
	width:100%;
}
#div_titu tr,.label{
	cursor: pointer;	
}
#div_titu tr:hover{
	color: white;
	background-color: black;
}

#div_titu>div{
	box-sizing: border-box;
	width: 100%;
}

#div_titu .label{
	background:silver;
	border: 1px solid grey;
	color: black;
	font-weight: bold;
	padding : 5px;
}
#div_titu .content{
	background:silver;
	border: 1px solid grey;
	padding : 5px;
}



/*
======================
= MENU PDF
======================
*/
#cession_menu{
	position:absolute;
	z-index: 2;
}
#cession_menu li{
	/*background-color: white;*/
}
#cession_menu li a{
	background-color: white;
	color: green;
	margin:0px;
	padding:0px;	
}
#cession_menu li a:hover{
	color: white;
	background-color: green;
}
.checkOk a{
	background-color: green;
}
.checkNok a{
	background-color: red;
}
.checkOk a:hover{
	color: green;
}
.checkNok a:hover{
	color: red;
}

.menu_h_02 ul{
	display:flex;
	padding:0;

}
.menu_h_02 li{
	list-style-type:none;

}
.menu_h_02 a{
	display:block;
	min-width:100px;
	margin:0px 1px;	
	padding:1px 0;  /* Marges internes (2 valeurs = haut/bas et gauche/droite)*/
	text-align:center;
	/* background-color: red; */
	color:white;
	text-decoration: none;
	border:1px solid grey;
	border-radius: 4px; 
}

.menu_h_02 a:hover{
   background-color: white;
   /* color: red; */
   border-color: black;	
}
/*
 Message des champs manquants du menu PDF
*/
.pdf_missing_fields{
	width:50%;
	border: 2px solid #777;
	box-shadow: 3px 3px 3px grey;
	margin-bottom: 20px;
	padding:5px;
	background-color: darkgrey;
	position:absolute;
	z-index:2; /* au dessus du div contener */
}
.pdf_missing_fields span{
	display:block;
	margin-bottom:5px;
	color:white;	
	background-color:red;
	font-weight:bold;
	padding:2px;
}


/* mise en forme texte span */
.liens{
	text-decoration-line:underline;
	cursor:pointer;

	color:black;	
}
.liens:hover{
	text-decoration-line:none;
	background-color:black;
	color:silver;
}
/* Tableaux Listes */
.tab_liste {
	table-layout: fixed;
	border-collapse: collapse;
	border: 1px solid black;
}

.tab_liste th {
	background-color: grey;
	color: black;
}

.tab_liste td {
	padding: 3px;
	border-right: 1px solid black;
}
.tab_cell_align_right{
	text-align: right;
}
.tab_result{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;	
}
.tab_result th{
	background-color: black;
	color: silver;
}
.tab_result tr{	
	border-bottom: groove grey thin;
}

.tab_result tr:hover{
	background-color: grey;
	color:white;	
}

/* TEXT */
.text_align_center{
	text-align:center;
}
.text_align_right{
	text-align:right;
}


/*Bouton */
#buttonAccGarage{
	margin-bottom:10px;
	width:auto;	
}



.button {
   transition-duration: 0.4s;
   cursor: pointer;
}

.button:hover {
  background-color: grey;
  color: white;
}
.buttonAlert {
   transition-duration: 0.4s;
   cursor: pointer;
}

.buttonAlert:hover {
  background-color: red;
  color: white;
}
.buttonGreen {
   transition-duration: 0.4s;
   cursor: pointer;
}
.buttonGreen:hover {
  background-color: green;
  color: white;
}
.buttonTab{
	width:100%;
}
.buttonColorRed{
	background-color: red;
	color: white;
}
.buttonColorGreen{
	background-color: green;
	color: white;
}
.buttonColorDarkGreen{
	background-color: darkgreen;
	color: white;
}

.buttonColorOrange{
	background-color: orange;
	color: black;
}

.buttonColorYellow{
	background-color: yellow;
	color: black;
}

.buttonAlignRight{
	text-align:right;
}
/* Formulaires*/
.formRequired{
	border-color:red;
}

/*
// FORMULAIRE
chaque input a un id du type form_+nom du champ de la bd
*/


/*
class Form particulier
*/
/*
.formLogin button{
	width:70px;
}

.formLogin input{
	margin-right:5px;
	width:100px;
}
*/

.fieldset_left{
	float:left;
}


/* Garage */
.form_garage label{
	display:inline-block;
	text-align:right;
	width:100px;
}
.form_garage input[type="text"]{
	box-sizing: border-box;
	width:200px;
	margin:0;
}

.form_garage input[type="radio"]{
	display:inline-block;
	margin:0;
}
.form_garage .fieldset_finance label{
	display:inline-block;
	text-align:left;
	width:160px;	
}
.form_garage .fieldset_finance input{
	display:inline-block;
	text-align:right;
	width:70px;	
}

#form_iban{
	width:260px;
}



/*
 ==== FORMULAIRE VOITURE ====
 */
.form_voiture label{
	display:inline-block;
	width:110px;
}

.form_voiture #form_remarque{
	resize: none;
}

/* dimension specifique des labels dans un fieldset */
.fieldsetPrix label{
	width:150px;	
}
.fieldsetBdc label{
	width:150px;	
}



/* style specifique dans un id */
#form_heure_livraison{
	width:45px;
	
}


/* Réparation */
.form_reparation fieldset{
	width:450px;
}
.form_reparation label{
	display:inline-block;
	width:100px;
}
.form_reparation input[type="text"]{
	display:inline-block;
	width:300px;
}
.form_reparation input[type="number"]{
	display:inline-block;
	width:80px;
}
.form_reparation select{
	display:inline-block;
	width:200px;
}
/* Ldp */
#btn_ldp{
	margin-left:10px;	
}

.form_ldp label{
	display:inline-block;
	text-align:left;
	width:110px;
}
.form_ldp input{
	box-sizing: border-box;
	width:50px;
	margin:0;
}

/* Garantie */
.form_garantie textarea{
	resize: none;
}

.form_garantie label{
	display:inline-block;
	text-align:left;
	width:110px;
}
.form_garantie input{
	box-sizing: border-box;
	width:200px;
	margin:0;
}
.form_garantie input[type="radio"]{
	width:100px;	
}

/* contact */
.form_contact label{
	display:inline-block;
	text-align:left;
	width:110px;
}
.form_contact input select{
	box-sizing: border-box;
	width:200px;
	margin:0;
}
#form_addr_voie_num{
	width:30px;
}
#form_addr_voie_ext{
	width:30px;
}



/* Contenu page */
#container{
	background-color: silver;
	padding:10px;

}

/* CLASS Bloc div */

.div_float_stop{
	clear: both;
}
.div_float_left {
	float: left;
}
.div_column{
	display: flex;
}

.div_empile{
	display: column;
}
.div_niv_entretien{
	margin-left:20px;
}

.div_niv_option{
	margin-left:20px;
}
.div_container{
	border-style:solid;
	border-width:thin;
	border-color:black;
	padding:5px;
	background-color: grey;
	overflow: hidden; /* pour éviter le dépassement des flottants */
	position:relative;
	z-index:1;
	width:auto;
	height:auto;
}
.div_garage_info{
	background-color: silver;
	overflow: hidden; /* pour éviter le dépassement des flottants */
}
.div_voiture_info{
	background-color: silver;
	overflow: hidden; /* pour éviter le dépassement des flottants */	
}
.div_contact_info{
	background-color: silver;
	overflow: hidden; /* pour éviter le dépassement des flottants */
}
.div_garantie_info{
	background-color: silver;
	overflow: hidden; /* pour éviter le dépassement des flottants */
}

.div_container > div{
	box-sizing:border-box;
	padding:5px;
}
.div_hide{
	display:none;
}
.div_display{
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;		
	background-color:silver;
}


/* Id bloc div */
#div_container_garage_config{
	margin-top:8px;
}
#div_aff_ent{
	padding-top:5px;
}
#div_aff_rep{
	padding-top:5px;
}

#div_deco{
	position:absolute;
	right:10px;
	top:5px;
}
#div_login{
	position:absolute;
	right:10px;
	top:5px;	
}
#dialog_login{

}

#div_login_garage{
	margin-left:10px;
	background-color: blue;	
	color: white;
}

#div_garage_info1 {
	width:34%;
}

#div_voiture_info1 {
	width:33%;
}

#div_contact_info1 {
	width:33%;	
}