/* DEBUT RESPONSIVE DESIGN */
.my-tabs .dxtc-strip {
	display: flex;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.my-tabs .dxtc-tab {
	flex: 0 0 auto;
	white-space: nowrap;
}

.dx-responsive-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
}


.rd_container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
}

.rd_item {
	/*background: lightcoral;*/
	padding: 1rem;
	text-align: center;
}


.rd_inscription {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 1px;
	border-collapse: collapse;
	border: solid 1px #C2D4DA;
	width: 100%;
}

.rd_inscriptionitem {
	/*background: lightcoral;*/
	padding: 0;
	text-align: center;
	border: solid 0px #C2D4DA;
}

	/* Cellule qui occupe 5 colonnes */
	.rd_inscriptionitem.large5 {
		grid-column: span 5;
	}

	/* Cellule qui occupe 6 colonnes */
	.rd_inscriptionitem.large6 {
		grid-column: span 6;
	}

@media (max-width: 800px) {
	.rd_container {
		grid-template-columns: 1fr; /* une seule colonne en mobile */
	}
	.rd_inscription {
		grid-template-columns: repeat(2, 1fr); /* 2 colonnes en mobile */
	}

	.rd_inscriptionitem:empty {
		display: none;
	}
	.rd_inscriptionitem.large5 {
		grid-column: span 1;
	}
	.rd_inscriptionitem.large6 {
		grid-column: span 2;
	}

	.responsive-panel {
		width: 100%;
		min-width: unset;
		max-width: unset;
	}


	.responsive-header {
		width: 90%;
		font-size: 11px;
		white-space: normal;
	}


}


responsive-panel {
	min-width: 300px;
	max-width: 500px;
	width: 100%;
}




.table-responsive {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 00px;
}

.cell {
	background-color: #eee;
	padding: 10px;
	border: 1px solid #ccc;
}


.wrap-header {
	white-space: normal;
	word-wrap: break-word;
	text-align: center;
}



@media screen and (max-width: 768px) {
	.table-responsive {
		grid-template-columns: repeat(2, 1fr);
	}

	.cell:empty {
		display: none;
	}


}




/* FIN RESPONSIVE DESIGN */

body
{
	background-color : White;
	
}

#main {
	width:950px; /* 950pxTaille de l'affichage de la page*/
	margin: 0px auto;
	border: solid 0px black; /* bordure de page */
}

@media (max-width: 950px) {
	#main {
		width: 100%;
	}
}

	/******************  Section (DIV) Entete ********************/
	#logo {
		background-image: url('Images/VRB_Bandeau_Paiementenligne-01_900_124.png'); /* Logo de l'entete des pages logo_ruban_bleu.png*/
		background-repeat: no-repeat;
		width: 900px; /* Largeur du logo */
		height: 124px; /* Hauteur de logo */
                background-position: center; /* centre l'image */
                margin: 0 auto; /* centre le bloc */
	}

	@media (max-width: 946px) {
		#logo {
			background-image : url('Images/VRB_Bandeau_Paiementenligne-01_400_124.png');   /*logo_oasis.svg Logo de l'entete des pages BanniereOasis*/
			background-repeat : no-repeat;
			background-position: center;      /* Centre l image de fond */
    		background-size: contain;          /* Ajuste l image sans la d former (ou 'cover' si tu veux remplir) */
			width : 400px;  /*946 Largeur du logo 88px */
			height : 124px; /* Hauteur de logo */
    		/* Centrer le bloc dans son parent */
    		display: block;                    
    		margin: 0 auto;                    /* Centre horizontalement */			
			text-align : center;
		}
	}


	#header {
		/*background-color : #1E90FF;  Couleur de fond de l'entete*/
		height: 40px; /*  Hauteur de l'entete */
		width: 861px; /* = taille main - taille logo - 1*/
		/* Parametre de police de l'entete */
		color: Black; /* Couleur */
		font-size: 0.7em; /* Taille */
		font-style: normal;
		font-weight: bold;
		font-family: "Verdana";
		vertical-align: middle;
		float: right;
	}

		#header a {
			color: White; /* Couleur du des liens */
		}

			#header a:hover {
				color: #93DB04; /* Couleur des liens survolés */
			}

			#header a:visited {
				color: White; /* Couleur des liens visités */
			}

	#user {
		width: auto;
		height: 31px;
		margin: 2px;
		padding: 5px 0 0 0;
		float: right;
		text-align: right;
		vertical-align: middle;
		background-color: White; /* Couleur de fond du nom utilisateur*/
	}

	#dateheure {
		background-color: white; /* Couleur de fond de la date*/
		height: 20px; /*  Hauteur de la date */
		width: 858px; /* = taille du main - taille logo - padding - 1 */
		margin-top: 2px;
		padding-right: 3px;
		/* Parametre de police de la date */
		color: Black; /* Couleur */
		font-size: 0.8em; /* Taille */
		font-style: normal;
		font-weight: normal;
		font-family: "Verdana";
		vertical-align: middle;
		text-align: right;
		float: right;
	}
	/******************  Section Pied de page ********************/
	#footer {
		background-image: url('Images/VRB_Bandeau_Paiementenligne-02_900_124.png'); /* Logo de l'entete des pages logo_ruban_bleu.png*/
		background-repeat: no-repeat;
		width: 900px; /* Largeur du logo */
		height: 124px; /* Hauteur de logo */
                background-position: center; /* centre l'image */
                margin: 0 auto; /* centre le bloc */
	}


	@media (max-width: 946px) {
		#footer {
			background-image : url('Images/VRB_Bandeau_Paiementenligne-02_400_124.png');   /*logo_oasis.svg Logo de l'entete des pages BanniereOasis*/
			background-repeat : no-repeat;
			background-position: center;      /* Centre l image de fond */
    		background-size: contain;          /* Ajuste l image sans la d former (ou 'cover' si tu veux remplir) */
			width : 400px;  /*946 Largeur du logo 88px */
			height : 124px; /* Hauteur de logo */
    		/* Centrer le bloc dans son parent */
    		display: block;                    
    		margin: 0 auto;                    /* Centre horizontalement */			
			text-align : center;
		}
	}

	/******************  Page Default et ChangePassword ********************/
	#loginUser {
		width: 420px;
		padding: 0 0 0 0;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	@media (max-width: 420px) {
		#loginUser {
			width: 100%;
			min-width: unset;
			max-width: unset;
		}
	}

	#loginTxt {
		width: 100%;
		text-align: center;
		font-style: normal;
		font-weight: bold;
		font-size: 0.8em;
		font-family: "Verdana";
	}

	#enteteDossier {
		width: 800px;
		padding: 0 0 0 0;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	@media (max-width: 800px) {
		#enteteDossier {
			width: 90%;
			min-width: unset;
			max-width: unset;
		}
	}

	#navigationInscription {
		width: 900px;
		padding: 0 0 0 0;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}


	@media (max-width: 900px) {
		#navigationInscription {
			width: 100%;
			min-width: unset;
			max-width: unset;
		}
	}


	/******************  Section navigation ********************/
	#navigation {
		/*background-color : #DCDCDC; /* Couleur de fond de la barre de navigation */
		width: 100%;
		height: 30px;
		border-bottom: solid 1px black;
		float: left;
	}

	.styleButtonRetour {
		color: #284775;
		background-image: url('/images/back_24.png');
		background-repeat: no-repeat;
		background-position: left;
		height: 24px;
		background-color: #FFFBFF;
		border-color: #CCCCCC;
		border-width: 1px;
		border-style: solid;
		font-family: "Verdana";
		font-size: 0.7em;
		text-align: right;
	}

	#nav_retour {
		width: 120px;
		float: left;
		margin: 2px 0 0 2px;
	}

	#nav_page {
		width: 300px;
		height: 20px;
		float: left;
		margin: 8px 0px 00px 40px;
		font-family: "Verdana";
		font-size: 0.8em;
		font-weight: bold;
		text-align: left;
		vertical-align: middle;
	}

	#nav_logo {
		width: 300px;
		height: 20px;
		float: right;
		margin: 8px 0 0 0;
		font-family: "Verdana";
		font-size: 0.8em;
		font-weight: bold;
		font-style: italic;
		text-align: left;
		vertical-align: middle;
	}



	@media (max-width: 600px) {
		#nav_logo {
			width: 20%;
			min-width: unset;
			max-width: unset;
		}

		#nav_page {
			width: 60%;
			min-width: unset;
			max-width: unset;
			margin: 8px 0 0 60px;
		}

		#nav_retour {
			width: 20%;
			min-width: unset;
			max-width: unset;
		}
	}
	/******************  Section (DIV) de titre ********************/
	#titrepage {
		/*background-color : #F7F6F3;*/
		width: 100%;
		height: 130px;
		text-align: left;
		border-bottom: solid 2px black;
		float: left;
	}

	#title180 {
		/*background-color : #F7F6F3;*/
		width: 100%;
		height: 40px;
		padding: 15px 0 0 0;
		font-size: 1.3em;
		text-align: center;
		font-style: normal;
		font-weight: bold;
		font-family: "Verdana";
	}

	#title120 {
		/*background-color : #F7F6F3;*/
		width: 79%;
		height: 80px;
		padding: 30px 0 0 0;
		font-size: 1.0em;
		text-align: center;
		font-style: normal;
		font-weight: bold;
		font-family: "Verdana";
	}

	#icone_titre {
		width: 12%;
		text-align: left;
		clear: both;
		float: left;
	}

	/********************* Section (DIV) Message Erreur ****************/
	#Message_titre {
		/*background-color : #F7F6F3;*/
		width: 100%;
		padding: 10px;
		text-align: left;
		font-style: normal;
		font-weight: bold;
		font-size: 1.0em;
		font-family: "Verdana";
		text-align: center;
		float: right;
	}

	#MessageErreur {
		width: 100%;
		padding: 10px 0 10px 0;
		vertical-align: middle;
		color: #FF0000;
		text-align: center;
		font-family: Verdana;
		font-weight: bold;
		font-size: 1.0em;
		float: right;
	}
	/********************* Page Menu ****************/
	#menu {
		width: 50%; /*800px;*/ /* pour le centrage autre que IE */
		margin-left: auto; /* pour le centrage autre que IE */
		margin-right: auto; /* pour le centrage autre que IE */
		padding: 10px 0px 10px 0px;
		font-style: normal;
		font-weight: bold;
		font-size: 0.8em;
		font-family: "Verdana";
		clear: both;
	}

	table#menu {
		text-align: center;
		width: 800px;
		border-width: 0;
	}

	table#tmenu td {
		text-align: center;
		width: 266px;
	}

	/********************* Section (DIV) DossierListe ****************/
	#page_dossliste_titre {
		/*background-color : #F7F6F3;*/
		width: 85%;
		padding: 10px;
		text-align: left;
		font-style: normal;
		font-weight: bold;
		font-size: 1.0em;
		font-family: "Verdana";
		text-align: center;
		float: right;
	}

	#page_dossliste {
		width: 850px;
		padding: 10px;
		margin: 0 auto; /* centre horizontalement */
		text-align: center;
		font-style: normal;
		font-weight: normal;
		font-size: 0.8em;
		font-family: "Verdana";
	}

	@media (max-width: 850px) {
		#page_dossliste {
			width: 100%;
			min-width: unset;
			max-width: unset;
		}
	}

	/********************* Section (DIV) DossierDetail ****************/
	#page_dossdetail_titre {
		/*background-color : #F7F6F3;*/
		width: 85%;
		padding: 10px;
		margin: 0 auto; /* centre horizontalement */
		font-style: normal;
		font-weight: bold;
		font-size: 1.0em;
		font-family: "Verdana";
		text-align: center;
		/*float: right;*/
	}

	#page_dossdetail {
		width: 800px;
		padding: 10px;
		text-align: center;
		font-style: normal;
		font-weight: normal;
		font-size: 0.8em;
		font-family: "Verdana";
		margin: 0px auto;
		/*position: absolute;
	vertical-align: middle;	*/
	}


	@media (max-width: 800px) {
		#page_dossdetail {
			width: 100%;
			min-width: unset;
			max-width: unset;
		}
	}

	/********************* Page ClientFiche ou ClientSaisie ****************/
	#page_ficheclient {
		width: 620px;
		padding: 10px;
		margin: 0 auto; /* centre horizontalement */
		text-align: center;
		align-items: center;
		font-style: normal;
		font-weight: normal;
		font-size: 0.8em;
		font-family: "Verdana";
		/*float : unset;*/
	}

	@media (max-width: 620px) {
		#page_ficheclient {
			width: 100%;
			min-width: unset;
			max-width: unset;
		}
	}

	.titre_client {
		background-color: #99ccff;
		width: 99%;
		height: 30px;
		padding: 2px;
		vertical-align: middle;
		font-weight: bold;
		clear: both;
	}

	table#tclient {
		border-width: 0;
	}





		table#tclient td {
			text-align: left;
			font-weight: bold;
		}

	#boutons_client {
		text-align: center;
		height: 80px;
		padding-top: 15px;
	}

	/********************* Section (DIV) DevisDemande ****************/
	#page_dd {
		width: 85%;
		padding: 10px;
		text-align: left;
		color: black;
		font-style: normal;
		font-weight: normal;
		font-size: 0.8em;
		font-family: "Verdana";
		float: right;
	}

	table#t1 {
		width: 100%;
		border-width: 0;
	}

	.td200 {
		width: 200px;
	}

	.td100 {
		width: 100px;
	}

	.td30 {
		width: 30px;
	}

	table#t2 {
		width: 100%;
		border-width: 0;
	}

	#ddboutons {
		text-align: center;
		height: 80px;
		padding-top: 15px;
	}

	/********************* Section (DIV) Edition ****************/
	#edition {
		width: 85%;
		/*background-color : #DCDCDC;*/
		padding: 10px;
		text-align: left;
		color: black;
		font-style: normal;
		font-weight: normal;
		font-size: 0.8em;
		font-family: "Verdana";
		float: right;
	}
	/********************* Section (DIV) Edition ****************/
	#barre_outils {
		width: 85%;
		/*background-color : #DCDCDC;*/
		padding: 3px;
		margin: 5px 5px 0 0;
		text-align: right;
		font-style: normal;
		font-weight: normal;
		font-size: 0.8em;
		font-family: "Verdana";
		float: right;
	}

	/*************************** Polices et styles des textes généraux*****************************/

	.txtNoirGras {
		color: Black;
		font-style: normal;
		font-weight: bold;
	}

	.MessageInfo {
		color: #000000;
		text-align: center;
		font-family: Verdana;
		font-weight: bold;
		font-size: 0.8em;
	}

	.MessageErreur {
		color: #FF0000;
		text-align: center;
		font-family: Verdana;
		font-weight: bold;
		font-size: 1.0em;
	}

	.styleBtValide {
		color: #284775;
		background-image: url('/images/ok_32.png');
		background-repeat: no-repeat;
		background-position: left;
		height: 32px;
		background-color: #FFFBFF;
		border-color: #CCCCCC;
		border-width: 2px;
		border-style: outset;
		text-align: right;
		font-family: Verdana;
		font-size: 1.0em;
	}

	.styleBtEfface {
		color: #284775;
		background-image: url('/images/cancel_32.png');
		background-repeat: no-repeat;
		background-position: left;
		height: 32px;
		background-color: #FFFBFF;
		border-color: #CCCCCC;
		border-width: 2px;
		border-style: outset;
		text-align: right;
		font-family: Verdana;
		font-size: 1.0em;
	}

	.styleBtImprime {
		width: 170px;
		height: 32px;
		color: #284775;
		background-image: url('/images/printer_32.png');
		background-repeat: no-repeat;
		background-position: left;
		background-color: #FFFBFF;
		border-color: #CCCCCC;
		border-width: 2px;
		border-style: outset;
		text-align: right;
		font-family: Verdana;
		font-size: 1.0em;
	}

	.styleBtNouveauDevis {
		width: 150px;
		height: 32px;
		color: #284775;
		background-image: url('/images/write_32.png');
		background-repeat: no-repeat;
		background-position: left;
		background-color: #FFFBFF;
		border-color: #CCCCCC;
		border-width: 2px;
		border-style: outset;
		text-align: right;
		font-family: Verdana;
		font-size: 1.0em;
	}