/*

css.css

---------

 

Pour la gestion de la pr�sentation de la gestion du syst�me de location de voiture

Fichier cr�� le --/01/2008

*/



@media screen and (max-width: 1920px) and (max-height: 1080px)

{

	body{

		background-image:url('../images/Fond-1080p.png');

	}

}



@media screen and (min-width: 1921px)

{

	body{

		background-image:url('../images/Fond-4K.png');

	}

}



@media screen and (min-height: 1081px)

{

	body{

		background-image:url('../images/Fond-4K.png');

	}

}



body{

	font-family: Arial,sans-serif;

	color: #333333;

	padding: 0px;

	background-color:#0C3A6D;

	background-position: top;

	background-attachment: fixed;

	background-repeat: no-repeat;

}



h1{

	font-size:20px;

}

/* sp�cifiquement pr la page d'accueil */

#accueil

{

	margin:15px 2%; /*d�calle la page pr k'il ne soit pas coler au bord de la page html*/

	margin-bottom:0px;

	border:5px solid #cccccc;

	background-color: white;

	background-position: center;

	width:95%;

	

}

.gestpage1{

	background-color: #FBC472;

	width:90%;

}

.rsltrecherche{ 

	overflow:auto; 

	height:150px; 

	width:94%;

	margin:0px;

}

.op{

	text-align: center;

	/*font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;*/

	color: black;

	font-size:0.75em;

}

.rech{

	text-align: left;

	/*font-family: "Arial","Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;*/

	color: black;

	font-size:0.95em;

}





/* r�alise le design des pages pop pr l'ajout et la modification/suppressio d'un client */

.corps_pag{

	margin:auto ;

	border:none;

	//background-color:#cccccc;

	width:1050px;

}

/* g�re la couleur des zone apr�s l'icone de la dite soci�t�*/

.gestpage{

	

	margin:auto ;

	border:none;

	/*background-color:#cccccc;*/

	width:900px;

	

}

.titre /* Titre du tableau ou des zones de saisie */

{

 /*  font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;*/

	font-weight: bold;

	font-size: 0.8em;

	color: black;

	text-align: left;

	margin-bottom: 5px; /* Pour �viter que le titre ne soit trop coll� au tableau en-dessous */

}

/*.rech{

	text-align: center;

	font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;

	color: black;

	font-size:0.75em;

}*/

/* g�re le format des ecritures des libell�: taille, format �riture, couleur,etc. */



.rubriq1{

	text-align: center;

	/*font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;*/

	background-color:rgb(242,242,242);

	color: black;

	text-align: right;

	font-size:0.75em;

	height:0.5px;

}

.field{

	margin: auto;

	width: 98%;

	text-align: center;

}



.table_acc{

	background-color: white;/* rgb(231 234 223);*/

	width:97% ;

	height: 100px;

	overflow: auto;

	font-size: 12px;

}



.capt1 /* Titre du tableau */

{

	/*font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;*/

	font-weight: bold;

	font-size: 1em;

	color: black;

}



.table_structure{

	border-collapse:collapse;

	width:1050px;

}



.table_structure td{

	border:none;

	padding:0px;

}

.table_structure_contenu{

	border-collapse:collapse; 

	width:900px;

}

.repeat_td_l{ 

	background-image:url('../images/mw_shadow_l.png');

	background-repeat:repeat-y;

}

.repeat_td_r{ 

	background-image:url('../images/mw_shadow_r.png');

	background-repeat:repeat-y;

	background-position:right;

}

.font_entete{

	background-image:url('../images/mw_header_t.png');

}



.font_pied{

	background-image:url('../images/mw_footer_b.png');

}

a img{ border: 0 none;

	padding: 5px;

	/*background-image:none;*/}



fieldset{

	border:2px solid #f8b230;

}



legend{

	font-size: 120%;

	font-weight: bold;

	color: #9B4E94;

}



.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: auto;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}
  
nav {
	margin: 1em;
	padding: 0.5em;
	display: flex;
	justify-content: center;
}
  
.pagination {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}
  
.pagination li {
	margin: 0 1px;
}
  
.pagination a {
	display: block;
	padding: 0.5em 1em;
	border: 1px solid #999;
	border-radius: 0.2em;
	text-decoration: none;
}
  
.pagination a[aria-current="page"] {
	background-color: #333;
	color: #fff;
}

.pagination li {
	margin: 0 3px;
}
  
.pagination li span.ellipsis {
	display: block;
	padding: 0.5em 1em;
	color: #666;
	font-weight: bold;
	border: 1px solid transparent;
	pointer-events: none;
}

.pagination-controls {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 0.9em;
    justify-content: flex-end;
}

.pagination-controls label {
    margin-right: 5px;
}

.pagination-controls select {
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #999;
}


.reset-form-search-client {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.reset-form-search-client > button {
	margin-top: 10px;
    padding: 8px 15px;
    font-size: 16px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.reset-form-search-client > button:hover {
    background-color: #e57373;
}