:root {
  --chartePetite: #D4FFDF;
  --charteMoyenne: #00AB37;
  --charteGrande: #DC3703;
  --chartePUber: #6B1B02;
  --charteGUber: #6B1B02;
  --charteSilverLight: #F2F3F4;
  --charteSilver: silver;
  --charteSilverDark: #676767;
  --charteBlueSky: #87CEFA;
  --charteBlue: #005c9f;
  --charteRed: #C12B44;
  --charteRedLight: #FF8B9F;
  --charteGreen: #8BFF94;
  --charteGreenLight: #D1FFD4;
  --charteGreenDark: #068200;
  
}

*{
	
box-sizing: border-box; font-family:sans-serif;
font-size:12px;
}
body{padding:0; margin:0;
background : #F2F3F4;
position:relative;
}

table
{
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
padding:0px;
margin:0px;
background : white;
border-radius:10px;
}


A { 

text-decoration:none; 
}

.corps{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :left;
	width:100%;
}
.flex1{
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :space-between;
	width:100%;
	/* border:1px solid red; */
}
.notif{
	display:none;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;	
	
	position:absolute;
	top:-8px;
	right:-8px;

width:20px;
height:20px;
background-color:red;
border-radius:50%;

color:white;
font-weight:bold;
font-size:12px;

/* box-shadow: 0px 0px 4px 4px #C4FFF7; */
border:1px solid white;
z-index:2;
}

.alert{
	border:1px solid #C12B44;
	border-radius:4px;
	color:#C12B44;
	background-color:#C12B4433;
	padding:5px;
	margin:5px;
	font-size:14px;
	font-weight:bold;
	width:100%;
	text-align:center;
	
	
}
.center{text-align:center; justify-content:center;}

.activeGratuit{
	Position:absolute;
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :left;
	
	right:70px;
	top:5px;
	width:180px;
	
	font-size:20px;
	
}

.activeGratuit i{
	font-size:70px;
}

.activeGratuit span{
		display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	font-size:15px;	
	height:30px;
}

.afficheData{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :left;
	border-bottom:1px solid var(--charteSilver);
	width:100%;
	font-size:14px;
}

.afficheData div{
font-size:14px;

}

.afficheData2{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :center;
	border:1px solid var(--charteBlue);
	background-color:var(--charteBlueSky);
	border-radius:5px;
	width:100%;
	font-size:20px;
	font-weight:bold;
	margin:5px;
	padding:5px;
	
	
}

.afficheData2 div{
font-size:14px;

}

.afficheData2 i:nth-child(1){
	font-size:20px;
	margin-right:10px;
}

.afficheData3{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :center;
	border:1px solid var(--charteRed);
	background-color:var(--charteRedLight);
	border-radius:5px;
	width:100%;
	font-size:20px;
	font-weight:bold;
	margin:5px;
	padding:20px;
	
	
}

.afficheData3 div{
font-size:14px;

}

.afficheData3 i:nth-child(1){
	font-size:20px;
	margin-right:10px;
}


.afficheData i:nth-child(1){
	font-size:20px;
	margin-right:10px;
}

.recherche1{
	/* border:1px solid red; */
	margin:5px;
	width:100%;
}

.recherche1 input{
	width:100%;
	height:30px;
	font-size:25px;
	border:1px solid var(--charteSilver);
	border-radius:5px;
}

/* main index--------------------------------------- */
.main{
	position:relative;
	
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	
	width:100vw;
	height:100vh;
	/* border:3px solid red; */
}


.screen1{
	position:absolute;
	top:0px;
	left:0px;
	
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	
	width:60%;
	height:50%;
	/* border:3px solid blue; */
	padding-right:5px;
	background-color:#F2F3F4;
}

.screen2{
	position:absolute;
	top:0px;
	right:0px;
	
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	
	width:calc(40% - 2px);
	height:calc(100% - 4px);
	border:1px solid black;
	border-radius:10px;
	margin-top:2px;
	margin-right:2px;
	
}

.screen3{
	position:absolute;
	bottom:0px;
	left:0px;
	
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	
	width:calc(60%);
	height:50%;
	/* border:3px solid purple; */
	/* padding:5px; */

}

.screen3Top{
display:flex;
FLEX-WRAP:wrap;
ALIGN-ITEMS:flex-start;
ALIGN-CONTENT:flex-start;

width:100%;
height:40px;
/* border:1px solid purple; */
padding-right:5px;
}

.screen3Top>input{
	width:calc(100% - 200px - 2px);
	height:100%;
	padding-left:3px;
	font-size:1.5em;
}

.newClientButton{
	width:200px;
	height:100%;
	margin-left:2px;
	font-size:16px;
	border:1px solid var(--charteGreenDark);
	border-radius:4px;
	background-color:var(--charteGreenLight);
	color:var(--charteGreenDark);
	font-weight:bold;
	
}

.screen3Left{
display:flex;
FLEX-WRAP:wrap;
ALIGN-ITEMS:flex-start;
ALIGN-CONTENT:flex-start;

width:55%;
height:calc(100% - 40px);
padding-right:5px;

}

.screen3Right{
display:flex;
FLEX-WRAP:wrap;
ALIGN-ITEMS:flex-start;
ALIGN-CONTENT:flex-start;

width:45%;
height:calc(100% - 40px);
/* border:1px solid purple; */
padding-right:5px;

}




.screen4{
	position:absolute;
	bottom:0px;
	right:0px;
	
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	
	width:calc(40% - 2px);
	height:calc(35% - 7px);
	border:1px solid black;
	border-radius:10px;
	margin-bottom:2px;
	margin-right:2px;
	
}
/* main index--------------------------------------- */
/* popups--------------------------------------- */
.popup3
{
position:absolute;
background:white;
top:40px;
left:0px;
bottom:5px;
right:5px;

display:none;
FLEX-WRAP:wrap;
ALIGN-ITEMS:flex-start;
ALIGN-CONTENT:flex-start;	
overflow:auto;
}

.popup2
{
position:absolute;
background:white;
top:2px;
left:60%;
right:2px;
bottom:2px;

border:1px solid var(--charteSilverDark);
border-radius:10px;
padding:5px;

display:none;
FLEX-WRAP:wrap;
ALIGN-ITEMS:flex-start;
ALIGN-CONTENT:flex-start;	
overflow:auto;
z-index:3;
}

.popup6
{
position:absolute;
background:white;
top:2px;
left:20%;
right:calc(40% + 3px);
bottom:2px;

border:1px solid var(--charteSilverDark);
border-radius:10px;
padding:5px;

display:none;
FLEX-WRAP:wrap;
ALIGN-ITEMS:flex-start;
ALIGN-CONTENT:flex-start;	
overflow:auto;
z-index:4;
}

.popup5
{
position:absolute;
background:white;
top:0px;
left:0px;
right:calc(40%);
bottom:0px;

border:1px solid var(--charteSilverDark);
border-radius:10px;
padding:5px;

display:none;
FLEX-WRAP:wrap;
ALIGN-ITEMS:flex-start;
ALIGN-CONTENT:flex-start;	
overflow:auto;
z-index:3;
}
/* popups--------------------------------------- */

/* boutons --------------------------------------- */

.boutonList1{
	position:relative;
	
	display:flex;
	flex-wrap:wrap;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content : space-between;
	
	width:100%;
	border:1px solid var(--charteSilver);
	min-height:40px;
	margin-bottom:5px;
	font-size:14px;
	text-align:left;
	padding-left:10px;
	border-radius:5px;
	padding-bottom:3px;
	background-color:var(--charteSilverLight);
}

.boutonList2 i:nth-child(1){
	position:absolute;
	top:2px;
	left:2px;
	color:black;
	font-size:20px;
	padding-top:3px;
}

.boutonList2{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:left;
	justify-content : space-between;
	/* border:1px solid red; */
	flex:1;
}

.boutonList2>div:nth-child(1){
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content : space-between;
	/* border:1px solid pink; */
	width:100%;

}

.boutonList2>div:nth-child(2){
		display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content : space-between;
	/* border:1px solid Green; */
	width:100%;

}

.boutonList2>div:nth-child(3){
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :center;
	color:var(--charteBlue);
	width:100%;

}

.boutonList3 i:nth-child(1){
	color:var(--charteBlue);
	font-size:25px;
}

.boutonList3{
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content : center;
	/* border:1px solid red; */
	width:70px;
	min-height:40px;
	cursor:pointer;
	border-left:1px solid var(--charteSilverDark);
	margin-left:4px;
}

.historiqueFact1Prix{
	position:absolute;
	top:0px;
	right:-0px;
	/* border:1px solid red; */
	font-weight:bold;
	background-color:var(--charteBlue);
	color:white;
	border-radius:5px;
	padding:3px;
	width:200px;
	text-align:right;

}
.historiqueFact1Id{
	position:absolute;
	top:0px;
	left:0px;
	/* border:1px solid red; */
	font-weight:bold;
	background-color:var(--charteSilverDark);
	color:white;
	border-radius:5px;
	padding:3px;
	width:100px;
	text-align:center;

}

.historiqueFact1Content{
	position:relative;
	width:calc(100%);
	height:50px;
		padding-top:10px;
		margin-bottom:5px;

	
	/* display:flex; */
	/* white-space: nowrap; */
	/* text-overflow: ellipsis; */
	/* overflow: hidden; */
	/* border:1px solid red; */

}
.historiqueFact2{

	width:80px;
	height:60px;
	font-size:1.5em;
	/* margin:1px; */

	border:1px solid var(-charteSilverDark);	
}

.historiqueFact2>i{
		font-size:1.5em;
		color:var(--charteBlue);
}

.historiqueFact1{
	position:relative;
	width:calc(100% - 80px);
	height:60px;
	font-size:1em;
	/* margin:1px; */
	border:1px solid var(-charteSilverDark);	
	text-align:left;
	padding-left:10px;
	padding-top:25px;
	
}

.navigation{
	width:calc(50% - 2px);
	height:40px;
	font-size:1.5em;
	margin:1px;

	border:1px solid var(-charteSilverDark);
	margin-top:10px;
	margin-bottom:10px;
}
.navigation i{
font-size:1.5em;
color:var(--charteBlueSky);
}



.buttonTimer,.buttonTimerSelect{
	width:calc(20% - 2px);
	height:60px;
	font-size:15px;
	margin:1px;

	border:1px solid var(--charteSilverDark);
	border-radius:4px;
	padding:0px;
	}
	
.buttonTimerSelect{
	border:2px solid var(--charteBlue);
	background-color:var(--charteBlueSky);
	}
	

.demandeClient{
	border:1px solid blue;
	background-color:white;
	color:blue;
	/* font-weight:bold; */
}

.demandeClientSelect{
border:1px solid blue;
	background-color:blue;
	color:white;	
	font-weight:bold;
}

	
.buttonDel{
position:flex; 
width:calc(100% - 10px);
height:40px;
border-radius:5px;
border:2px solid var(--charteRed);
background-color:var(--charteRedLight);
font-size:1.5em;
margin:5px;
}

.buttonBack{
position:absolute; 
bottom:10px; 
left:10px;
height:40px;

background-color:var(--charteBlueSky);
width:calc(100% - 20px);
border-radius:5px;
border:1px solid var(--charteSilverDark);
font-size:1.5em;
}

.buttonClose{
position:absolute; 
bottom:10px; 
left:10px;
height:40px;

width:calc(100% - 20px);
border-radius:5px;
border:1px solid var(--charteSilver);
font-size:1.5em;
}


.buttonClose2{

height:40px;

width:calc(100% - 20px);
border-radius:5px;
border:1px solid var(--charteSilver);
font-size:1.5em;
margin-left:10px;
margin-top:20px;
}

.buttonCate{
	width:calc(33.33% - 2px);
	height:calc(20% - 2px);
	
	font-size:1.2em;
	
	border:1px solid #138D75;
	border-radius:5px;
	background-color:#82E0AA;
	margin:1px;
}

.buttonProduit{
	position:relative;
	width:calc(20% - 2px);
	height:calc(20% - 2px);
	border:1px solid silver;
	border-radius:5px;
	margin:1px;
		font-size:1.2em;
			font-weight:bold;


}

.buttonProduit div:nth-child(1){
	/* position:absolute; */
	/* top:2px; */
	/* left:2px; */
	/* font-weight:bold; */
	font-size:0.8em;
}
.buttonProduit div:nth-child(2){
	position:absolute;
	bottom:2px;
	right:2px;
	font-weight:bold;
	font-size:0.8em;
	
}
/* boutons --------------------------------------- */
/* screen 1 content --------------------------------------- */
.contentPagination{
	display:flex;
	position:absolute;
	border-top:2px solid silver;
	width:calc(100% - 5px);
	bottom:0px;
	left:0px;
	height:20%;
	
}

.contentPagination button:nth-child(n + 3){
	border:1px solid silver;
	/* color:white; */
	font-weight:bold;
}





.buttonNextPage{
	width:calc(14.28% - 2px);
	height:calc(100% - 2px);
	margin:1px;
	border-radius:5px;
	border:1px solid silver;
}

.buttonAdmin{
	position:relative;
	width:calc(33% - 2px);
	height:calc(20% - 2px);
	font-size:1em; 
	margin:1px;
	border-radius:5px;
	border:1px solid #2980B9;
	background-color:#85C1E9;
	
}
/* screen 1 content --------------------------------------- */
/* Caisse --------------------------------------- */

.modifCaisseOn{
position:absolute;

display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
top:0px;
bottom:0px;
right:0px;
left:0px;

/* border:1px solid red; */
}

.modifCaisseOn div{
	
color:white;
font-weight:bold;
transform: rotate(-45deg);

font-size:65px;
}


.encaissementL{
display:flex;
	FLEX-WRAP:wrap;	
	ALIGN-ITEMS:start-left;
	ALIGN-CONTENT:start-left;
	/* border:1px solid red; */
	width:60%;
}

.encaissementR{
display:flex;
	FLEX-WRAP:wrap;	
	ALIGN-ITEMS:start-left;
	ALIGN-CONTENT:start-left;
	/* border:1px solid red; */
	width:40%;
	margin-top:50px;
}
.boutonChoixCaissier{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content:center;
	
	font-size:1.5em;
	margin:5px;
	
	width:calc(33.33% - 10px);
	height:100px;
	border-radius:5px;
	border:1px solid var(--charteSilver);
}

.blockButtonEncaissement{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	
	width:100%;
	height:123px;
	
	
}

.blockButtonEncaissement>button{
	width:calc(33.33% - 2px);
	height:calc(50% - 2px);
	font-size:1.5em;
	border:1px solid var(--charteSilverDark);
	margin:1px;
	/* border-radius:10px; */

	
}

.blockButtonEncaissement>button:nth-child(1){
background:blue;
color:white;
font-size:2em;
	
}

.blockButtonEncaissement>button:nth-child(3){
/* background:blue; */
/* color:white; */
font-size:1.5em;
	
}

.blockButtonEncaissement>button:nth-child(2){
background:green;
color:white;
font-size:2em;
	
}
 
.blockButtonEncaissement>button:nth-child(5){
font-size:1.2em;	
}

.blockButtonEncaissement>button:nth-child(6){
border-radius:0px 0px 10px 0px;
}

.blockButtonEncaissement>button:nth-child(4){
border-radius:0px 0px 0px 10px;
	
}

.caisseClientBlock{
	width:100%;
	height:126px;
	/* border:1px solid red; */
}

.listAdds{
	width:100%;
	color:green;
	/* border:1px solid red; */
}

.listDels{
	width:100%;
	color:var(--charteRed);
	/* border:1px solid red; */
	font-weight:bold;
}
.caisseArticles{
	position:relative;
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;	
	overflow:auto;

	width:100%;
	height:calc(100% - 119px - 158px);
	/* border:1px solid red; */
	/* background-color:white; */
	border-radius:0px 0px 10px 10px;
	background:white;
}

.ligneCaisse{
position:relative;
display:flex;
flex-wrap:wrap;
ALIGN-ITEMS:Center;
ALIGN-CONTENT:flex-start;

width:100%;
min-height:35px;

padding-left:3px;
padding-right:3px;
margin:2px;

border-bottom:1px solid var(--charteSilverDark);
border-radius:3px;
/* background-color:var(--charteSilverLight); */
}

.ligneCaisseNom{
	
	/* white-space: nowrap; */
	/* text-overflow: ellipsis; */
	/* overflow: hidden; */
	/* border:1px solid red; */
	width:calc(100% - 180px);
	font-size:1.2em;

}

.ligneCaissePrix{
	/* border:1px solid red; */
	text-align:right;
	width:50px;
	font-size:1.2em;
}

.ligneCaissePrix:after{
	content:"€";
}

.ligneCaisseButton{
	width:40px;
	height:35px;
	margin-left:1px;
	/* border:1px solid red; */
	
}
.ligneCaisseButton i{
	font-size:15px;
}
.ligneCaisseButton>button{
	width:100%;
	height:100%;
	font-size:2em;
	border:1px solid var(--charteSilverDark);
	border-radius:4px;
}

.caisseTtc{
	display:flex;
	flex-wrap:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	border:1px solid var(--charteSilverDark);
	width:100%;
	margin-top:0px;
	border-radius:10px 10px 0px 0px;
	background-color:var(--charteSilverDark);
	color:white;
	height:28px;
}

.caisseTtc div:nth-child(2){
	/* border:1px solid var(--charteSilverDark); */
	width:50%;
	font-size:1.8em;
	padding-right:3px;
	text-align:right;
	font-weight:bold;
}

.caisseTtc div:nth-child(1){
	/* border:1px solid var(--charteSilverDark); */
	width:calc(50%);
	font-size:1.8em;
	padding-left:3px;
	text-align:right;
}

.caisseTtc div:nth-child(2):after{
	content:" €";
}




/* Caisse --------------------------------------- */
/* recherche client --------------------------------------- */
.findClientDiv{
/* display:flex; */
justify-content:center;
align-items:center;
border:1px solid var(--charteSilverDark);
width:100%;
min-height:40px;
margin:1px;
border-radius:5px;
font-size:1.5em;
padding:3px;
background-color:var(--charteSilverLight);
}

.findClientDiv span{
	color:var(--charteSilverDark);
	font-size:1.2em;

}
/* recherche client --------------------------------------- */
/* caisse client --------------------------------------- */

.titreDate{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :center;
	
	/* border:1px solid red; */
	width:100%;
	padding:5px;
}

.titreDate>input{
	width:80%;
	font-size:40px;
	text-align:center;
}

.caisseButtonAddIngredients{
position:absolute;
top:0px;
left:0px;
bottom:0px;
right:40%;
/* border:1px solid red; */
}

.caisseButtonDelIngredients{
position:absolute;
top:0px;
left:60%;
bottom:0px;
right:42px;
/* border:1px solid blue; */
}

.caisseClientInfo1{
	display:flex;
	JUSTIFY-CONTENT:space-between;
	width:100%;
	
	
	font-weight:bold;
	
	border-bottom:1px solid var(--charteSilverDark);
	border-radius:10px 10px 0px 0px;
	padding:5px;
	/* padding-right:5px; */
	background-color:var(--charteBlueSky);
	color:white;
}

.caisseClientInputTel{
	width:100px;
	text-align:center;
}

.caisseClientInfo2{
	display:flex;
	width:calc(100%);
	background-color:var(--charteBlueSky);

}

.caisseClientInfo2 div:nth-child(1){
	
	width:calc(100% - 200px);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size:1.2em;
	font-weight:bold;
	/* border:1px solid red; */
}
.caisseClientInfo3,.caisseClientInfo4{
	width:calc(100%);
	/* border:1px solid black; */
	
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
		background-color:var(--charteBlueSky);

}

.caisseClientInfo5{
width:calc(100%);	
	background-color:var(--charteBlueSky);
	border-bottom:1px solid var(--charteSilverDark);

}
.caisseClientInfo5>button{
	width:calc(20% - 2px);
	height:40px;
	margin:1px;
	background-color:var(--charteSilverLight);
	border-radius:4px;
	border:1px solid var(--charteSilverDark);
	text-align:center;
	vertical-align:top;
}

.caisseClientInfo5>button>i{
	font-size:20px;
	color:var(--charteBlue);
}


/* caisse client --------------------------------------- */

/* titres--------------------------------------- */
.classFacReglement{
width:calc(100%);
}

.inputCentral1{
	display:flex;
	JUSTIFY-CONTENT:center;
width:calc(100% - 10px);
margin:5px;	
}
.inputCentral1 input{
	width:calc(50%);
	height:40px;
	font-size:2em;
	text-align:center;
}

.info1{
	width:calc(100% - 10px);
	margin:5px;
	/* border-bottom:2px solid var(--charteSilverDark); */
	text-align:center;
	font-size:1.5em;
}

.info2{
	width:calc(100% - 10px);
	margin:5px;
	/* border-bottom:2px solid var(--charteSilverDark); */
	text-align:center;
	font-size:1.2em;
}

.titre1{
	position:sticky;
	top:0px;
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :left;
	width:calc(100%);
	margin:5px;
	border-bottom:2px solid var(--charteSilverDark);
	text-align:center;
	font-size:20px;
	height:40px;
	background-color:white;
	z-index:3;
	padding-left:10px;
	border-radius:5px 5px 0px 0px;
}

.titre1 div:nth-child(1){
	
	font-size:20px;
	
}

.titre1 i{
position:absolute;
right:10px;
font-size:30px;
cursor:pointer;
z-index:3;
}

.titre2,.titre2L{
	width:calc(100% - 10px);
	margin:5px;
	/* border-bottom:2px solid var(--charteSilverDark); */
	font-size:1.5em;
}

.titre2{
text-align:center;

}

.titre2L{
text-align:left;

}

.boxYesNo{
	width:calc(100% - 10px);
	margin:5px;
	padding:20px;
	border:1px solid var(--charteSilverDark);
	border-radius:10px;
	text-align:center;
}
.boxYesNo>button{
	width:calc(50% - 40px);
	margin:10px;
	height:60px;
	border-radius:5px;
	border:1px solid var(--charteSilverDark);
	font-size:1.5em;
}
	
}
/* titres--------------------------------------- */
/* fonction form kd--------------------------------------- */

/* ----------------------------fonction add up ------------------------ */

.RC_block>span:first-child{
	display:block;
	border:0px solid black;
	font-size:20px;
	padding-left:20px;
	padding-right:100px;
	position:absolute;
	top:-25px;
	left:-1px;
	border-top:1px solid silver;
	border-left:1px solid silver;
	border-right:1px solid silver;
	border-radius:10px 10px 0px 0px;
	background-color:#f8f9fa;	
	max-width:calc(100% + 2px);
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
/* color:red; */
	
}

.RC_block{
	position:relative;
	/* display:flex; */
	/* FLEX-WRAP:wrap; */
	/* ALIGN-ITEMS:flex-start; */
	/* ALIGN-CONTENT:flex-start; */
	/* margin-top:100px; */
	padding:10px;
	padding-top:5px;
	border:1px solid silver;
	border-radius:10px 10px 10px 10px;
	position:relative;
	margin-top:30px;	
	margin-bottom:10px;	
	background-color:var(--charteSilverLight);
}

.RC_block>i{
position:absolute;
top:10px;
right:10px;
color:var(--marronCharte);
font-size:30px;
cursor:pointer;
	transition:0.5s;

}

.RC_block span:nth-child(1){
	width:100%;
	text-align:center;
	font-size:20px;
}

.blockYesNo{
	display:flex;
	flex-wrap:wrap;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	position:relative;
	justify-content:space-around;
	/* border:1px solid red; */
}

.blockYesNo div:nth-child(1){
width:100%;
font-size:20px;
text-align:center;
margin:10px;

}

.blockYesNo button{ 
width:40%;
height:50px;
font-size:20px;
}

.buttonYes{
	background-color:var(--charteRedLight);
	border:1px solid var(--charteRed);
	border-radius:5px;
}

.buttonNo{
	background-color:white;
	border:1px solid var(--charteSilverDark);
	border-radius:5px;
}


.RC_block>i:hover{
	color:var(--charte-orange);
	transition:0.5s;
}

.popup
{
background-color:white;border-radius:0px 0px 10px 10px;
}

.popup>span:first-child{

background-color:white;		
width:calc(100% + 2px);
text-align:left;
height:60px;
border-bottom:1px solid silver;
line-height:55px;
}

.menuForm{
display:flex;
position:absolute;
top:-20px;
right:10px;
}

.popupMenuForm
{
top:-50px;
}

	
.popupMenuForm>.menuFormButton
{
	border:3px solid white;
}
.popupMenuForm>.menuFormButton:hover{
	border:3px solid var(--marronCharte);
}




.menuFormButton
{
border:1px solid var(--charteSilverDark);
background-color:var(--charteSilverDark);
margin-left:5px;
/* padding:5px; */
border-radius:5px;
width:40px;
height:40px;
display:flex;
ALIGN-ITEMS:Center;
/* ALIGN-content:flex-start; */
JUSTIFY-CONTENT:left;
cursor:pointer;
color:white;
transition:0.5s;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left:5px;
  padding-right:5px;
}


.menuFormButton>span
{
	padding-left:10px;
}


.menuFormButton:hover
{
background-color:white;
color:var(--marronCharte);
transition:0.5s;
width:160px;
}

.menuFormButton:active
{

background-color:green;
color:white;
}

.menuFormButton>i
{
font-size:25px;
}








.RC_formInput{
position:relative;
border:1px solid silver;
border-radius:10px;
background-color:white;
min-height:30px;
margin-top:20px;


}

.RC_formInput input, .RC_formInput select, .RC_formInput textarea{
	border:0px;
	width:calc(100% - 40px);
	margin-left:10px;
	margin-right:10px;
	/* height:calc(100% - 10px); */
	outline: none;
	margin-top:10px;
}

.RC_formInput input:required+span:after,
.RC_formInput textarea:required+span:after,
.RC_formInput select:required+span:after
 {
  content: "\272f";
   position:absolute;
  right:5px;
  top:-2px;
  font-size:20px;
  color:orange;
}

.RC_formInput select{
margin-top:5px;
}

.RC_formInput textarea{
/* resize:none; */
}
.RC_formInput>.divTxt{

padding:6px;
padding-top:7px;
padding-left:20px;
/* border:1px solid red; */
height:100%;
}

.RC_formInput>.divTxt:before{
	content:"• ";
   position:absolute;
	left:5px;
	top:-7px;
  font-size:30px;
  color:var(--marronCharte);
}

.RC_formName{
display:block;
position:absolute;
background-color:var(--charteSilverDark);
border-radius:10px;
border:1px solid var(--charteSilverDark);
padding-left:10px;
padding-right:10px;
font-size:10px;
top:-10px;
left:10px;
/* color:var(--marronCharte); */
color:White;
font-weight:bold;
min-width:100px;
text-align:center;

}
.RC_formInput>input:focus ~ .RC_formName{
color:red;
}


.RC_blockDcfOff{
	border:1px solid silver;
	margin-left:5px; 
	margin-top:-10px; 
	width:calc(100% - 10px);
	height:0px;
	overflow:hidden;
	transition:0.3s;
}

.RC_blockDcfOn{
	border:1px solid silver;
	margin-left:5px; 
	margin-top:-10px; 
	width:calc(100% - 10px);
	height:200px;
	overflow:hidden;
	transition:0.3s;
}

.RC_tableList {
width:100%;
table-layout: fixed;
}



.champObligatoire{
	border:1px solid orange !important;
	/* background:orange !important; */
	/* color:white!important; */
}

.textChampObligatoireOff{
	/* display:none; */
	white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
	color:red;
	font-size:8px;
	width:0px;
	height:0px;
	transition:1s;
}

.textChampObligatoireOn{
	/* display:block; */
	white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
	color:red;
	font-size:8px;
	width:200px;
	padding-left:20px;
	transition:1s;
}
/* fonction form kd--------------------------------------- */
/* Historique--------------------------------------- */
.historiqueGlobal{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :flex-start;
	
	width:100%;
	/* height:100px; */
	/* border:1px solid red; */
}

.historiqueGlobalL{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :flex-start;
	/* border:1px solid blue; */
	width:calc(100% - 60px);
}

.historiqueGlobalR{
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	/* border:1px solid grey; */
	width:calc(60px);
	padding:2px;
}

.historique1{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :space-between;
	
	width:calc(100%);
	border:1px solid var(--charteSilverDark);
	border-radius:10px 10px 0px 0px;
	text-align:left;
	font-size:1.3em;
	font-weight:bold;
	background-color:var(--charteSilverLight);
	padding:3px;
	padding-left:10px;
	padding-right:10px;
}

.historique1>button{
	/* border:1px solid red; */
	border:1px solid var(--charteSilverDark);
	background-color:var(--charteSilverLight);
	border-radius:4px;
	height:40px;
	width:60px;
}

.historique1>button>i{
	color:var(--charteBlue);
	font-size:20px;
}

.historique2{
	width:calc(100%);
	/* margin-left:5px; */
	/* margin-right:5px; */

	
	border-left:1px solid var(--charteSilverDark);
	border-right:1px solid var(--charteSilverDark);
}

.historique3{
	width:calc(100%);
	/* margin-left:5px; */
	/* margin-right:5px; */
	/* padding-left:10px; */

	
	border-left:1px solid var(--charteSilverDark);
	border-right:1px solid var(--charteSilverDark);
	font-weight:bold;
	font-style:italic;
	color:var(--charteRed);
}



.historiqueClose{
	width:calc(100% - 10px);
	margin-left:5px;
	margin-right:5px;
	
	border-left:1px solid var(--charteSilverDark);
	border-right:1px solid var(--charteSilverDark);
	border-bottom:1px solid var(--charteSilverDark);
}

/* Historique---------------------------------------

/* paveNumericMain--------------------------------------- */
.paveNumericMain{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	
	width:calc(100% - 10px);
	margin-left:5px;
	margin-right:5px;
	
	/* border:1px solid red; */
}

.divPaveNumeric{
	border:1px solid red;
	width:300px;
}

.touchePaveNumerique1,.touchePaveNumeriquec,.touchePaveNumeriqueV{
		height:80px;
		font-size:2em;
		margin:1px;
		
		border:1px solid var(-charteSilverDark);
	}
	
.touchePaveNumerique1{width:calc(33.33% - 2px);}

.touchePaveNumeriqueC{width:calc(66.66% - 2px);}

.touchePaveNumeriqueV{width:calc(100% - 2px);}
/* paveNumericMain--------------------------------------- */
/* Ingrediants--------------------------------------- */
.titreCateIngrediants{
	width:100%;
	text-align:center;
	background-color:var(--charteSilverDark);
	color:white;
	font-size:1.2em;
	margin-top:10px;
	margin-bottom:2px;
	border-radius:10px 10px 0px 0px;
	
}

.buttonIngrediantMoins{
width:40px;
height:40px;
display:block;
border:1px solid var(--charteSilverDark);
border-right:0px solid var(--charteSilverDark);

border-radius:3px 0px 0px 3px;

text-overflow: ellipsis;
	overflow: hidden;
	margin-top:1px;
	background-color:var(--charteGreenLight);
}

.buttonIngrediantMoins i{
	font-size:20px;
	color:black;
}

.buttonIngrediantAdd{
	position:relative;
	display:block;
	/* white-space: nowrap; */
	text-overflow: ellipsis;
	overflow: hidden;
	height:40px;
	width:calc(25% - 2px - 40px);
	/* background-color:var(--charteGreenLight); */
	border:1px solid var(--charteSilverDark);
	border-left:0px solid var(--charteSilverDark);
	border-radius:0px 3px 3px 0px;
	margin:1px 1px 1px 0px;
}

.buttonIngrediantDel{
	position:relative;
	display:block;
	/* white-space: nowrap; */
	text-overflow: ellipsis;
	overflow: hidden;
	height:40px;
	width:calc(25% - 2px);
	/* background-color:var(--charteGreenLight); */
	border:1px solid var(--charteSilverDark);
	border-left:0px solid var(--charteSilverDark);
	border-radius:3px 3px;
	margin:1px;
}

.buttonIngrediantAdd{
	background-color:var(--charteGreenLight);
}

.buttonIngrediantAdd>span{
	position:absolute;
	right:2px;
	top:2px;
}

.buttonIngrediantDel>span{
	position:absolute;
	right:2px;
	top:2px;
}

.buttonIngrediantDel{
	background-color:var(--charteRedLight);
	}
/* Ingrediants--------------------------------------- */
/* encaissement--------------------------------------- */
.gratuiteeLigneCaisse{
	color:var(--charteRed);
	font-size:10px;
}

.gratuiteeRemise{
	color:Green;
	font-size:14px;
	font-weight:bold;
}
.validerEncaissement{
	width:100%;
	height:50px;
	
	border:1px solid var(--charteSilverDark);
	border-radius:5px 5px 5px 5px;
	color:var(--charteSilverDark);
	background-color:var(--charteGreenLight);
	font-size:2em;
	margin-top:30px;
}


.buttonListRegRealise1,.buttonListRegRealise2,.buttonListRegRealise3,.buttonListRegRealise4{
	height:50px;
	font-size:1.5em;
	margin-bottom:2px;
	border:1px solid var(--charteSilverDark);
}
.buttonListRegRealise1{
	width:calc(60% - 50px);
	text-align:left;
	border-right:0px;
	border-radius:5px 0px 0px 5px;
	
}

.buttonListRegRealise2{
	width:20%;
	text-align:right;
	border-left:0px;
}

.buttonListRegRealise3{
	width:20%;
	/* text-align:right; */
	border-radius:0px 5px 5px 0px;
	color:var(--charteSilverDark);
	background-color:var(--charteRedLight);
	
}

.buttonListRegRealise4{
	width:50px;
	text-align:right;
	border-left:0px;
	text-align:center;
	font-size:30px;
}

.listeEncaissementRealises{
	display:flex;
	flex-wrap:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;

	width:100%;
	max-height:40%;
	/* border:1px solid red; */
	overflow:auto;
	
}

.encaissement{
	display:flex;
	flex-wrap:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;

	width:100%;
	/* calcul avec hauter .caisseTtc */
	height:calc(100% - 28px);
	padding:5px;
	
}

.encaissement button
{
	margin:1px;
	border:1px solid var(--charteSilverDark);
	border-radius:5px;
	width:calc(50% - 2px);
	height:calc(33.33% - 2px);
}

.blockListTypeReg{
	display:flex;
	flex-wrap:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	width:calc(100% - 10px);
	height:40%;
	/* border:1px solid var(--charteSilverDark); */
	margin-left:10px;
	margin-right:10px;
}
.typeReg{
	width:calc(100% - 10px);
	height:50px;
	margin:5px;
	font-size:2em;
	
}
/* encaissement--------------------------------------- */
 .tableCarre {
	 display: flex;
	 justify-content: center;
	 flex-direction: column;
	 align-content: center;
	 align-items: center;
	 position: relative;
	 margin: 20px;
	 width: 100px;
	 height: 100px;
	 border-radius: 50%;
	 background-color: white;
 }
 .table {
	 display: flex;
	 position: relative;
	 justify-content: center;
	 align-content: center;
	 align-items: center;
	 width: 50px;
	 height: 60px;
	 z-index: 1;
	 font-size: 16px;
	 font-weight: bold;
	 background-color: white;
	 border-radius: 10px;
	 border: 1px solid black;
 }
 .point {
	 display: flex;
	 justify-content: center;
	 align-content: center;
	 align-items: center;
	 color: white;
	 font-size: 18px;
	 position: absolute;
	 top: -10px;
	 right: -10px;
	 border-radius: 50%;
	 width: 25px;
	 height: 25px;
	 background: orangered;
 }
 
 .pointResa {
	 display: flex;
	 justify-content: center;
	 align-content: center;
	 align-items: center;
	 color: white;
	 font-size: 18px;
	 position: absolute;
	 top: -10px;
	 right: -10px;
	 border-radius: 50%;
	 width: 25px;
	 height: 25px;
	 background: blue;
 }
 
 
 .chaise-haut {
	 width: 25px;
	 height: 20px;
	 border: 1px solid black;
	 border-radius: 100px 100px 0 0; /* Les deux premières valeurs définissent les rayons horizontaux, les deux dernières valeurs définissent les rayons verticaux */
	 overflow: hidden; /* Masque tout contenu dépassant de la zone du demi-cercle */
	 margin-bottom: -10px;
 }

 .chaise-bas {
	 width: 25px;
	 height: 20px;
	 border: 1px solid black;
	 border-radius: 0 0 100px 100px ; /* Les deux premières valeurs définissent les rayons horizontaux, les deux dernières valeurs définissent les rayons verticaux */
	 overflow: hidden; /* Masque tout contenu dépassant de la zone du demi-cercle */
	 margin-top: -10px;
 }
 
/* caisse client */
.caisseContente{
		display:flex;
	/* FLEX-WRAP:wrap; */
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :left;
	
	width:100%;
	height:100%;
	
	/* border:1px solid red; */
}

.caisseContenteL{
		display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :left;
	
	width:100%;
	height:100%;
	
	/* border:1px solid red; */
}

.caisseContenteL img:nth-child(1){
	border-radius:50px;
}

.caisseContenteR{
		display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :left;
	
	width:100%;
	height:100%;
	
	/* border:1px solid blue; */
}

.caisseTdNom,.caisseTdPrix{
	font-size:20px;
	border-bottom:1px solid grey;
}

.caisseTdPrix{
	
}

.caisseTdPrix{

}

.caisseTotal{
	background-color:grey;
	width:100%;
	text-align:center;
	
	font-size:20px;
}

.caisseDivImg{
	width:100%;
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	padding-top:10px;
}
/* caisse client */
/* commande Client client */
.cmdTitre1{
	width:100%;
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
}

.cmdTitre1 img:nth-child(1){
	width:50%;
	border-radius:10px;
}

.cmdTitre1 div:nth-child(2){
	width:80%;
	/* border:1px solid red; */
	text-align:center;
	font-size:20px;
}

.cmdTitre1 div:nth-child(3) i{
	/* border:1px solid red; */
	display:block;
	font-size:30px;
	color:var(--charteBlue);
	margin-top:10px;
}

.cmdTitre1 div:nth-child(3){
	width:100%;
	border-bottom:2px solid Green;
	text-align:center;
	font-size:20px;
	color:var(--charteBlue);
}

.cmdTitre1 a {
	margin-top:10px;
}

.cmdTitre1 a i{
	/* border:1px solid red; */
	display:block;
	font-size:30px;
	color:var(--charteBlue);
	margin-top:10px;
}
.cmdTitre1 a * {
	text-align:center;
	color:var(--charteBlue);
	/* border:1px solid red; */
	font-size:20px;
}

.cmdListCate{
	display:flex;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :left;
	
	width: 100%; /* par exemple, 300px */
    white-space: nowrap; /* empêche le contenu de passer à la ligne */
    overflow-x: auto; 
	padding-bottom:8px;
	position: fixed;
	bottom:0px;
	z-index:2;
	background-color: var(--charteSilverLight);
}

.cmdButtonCate{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:center;
	justify-content :center;
	
	/* min-width:120px; */
	width:auto;
	border-bottom:2px solid grey;
	height:40px;
	margin-top:5px;
	/* border-radius:5px; */
	padding-left:20px;
	padding-right:20px;
	
	font-size:15px;
	margin-right:5px;
}

.cmdButtonCateSelect{
	border-bottom:2px solid black;
	border-radius:5px 5px 0px 0px;
	background-color:var(--charteSilver);
	transition:0.3s;
}

.cmdButtonProduit{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :left;
	
	width:70%;
	border-bottom:1px solid grey;
	height:100px;
	margin-top:5px;
	/* border-radius:20px; */
	padding-left:20px;
	padding-right:20px;
	
}


.cmdButtonImg{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :left;
	
	width:30%;
	border-bottom:1px solid grey;
	height:100px;
	margin-top:5px;
	
}

.cmdButtonImg div:nth-child(1){
	/* border:1px solid red; */
	margin:5px;
	width:calc(100% - 10px);
	height:calc(100% - 10px);
	border-radius:10px;
	background-color:white;
	
		display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	
}

.cmdButtonImg div:nth-child(1) i{font-size:50px; color:var(--charteBlue);}
.cmdButtonImg img{
	width:100%;
	height:100%;
	border-radius:10px;
}

.cmdTitre2{
width:100%;
display:flex;
ALIGN-ITEMS:center;
ALIGN-CONTENT:center;
justify-content :center;

	/* border-bottom:2px solid Green; */
	font-size:20px;	

}

.cmdProduitPrix{
	/* border:1px solid red; */
	width:100%;
	text-align:left;
	font-size:12px;
	height:20px;
	margin-top:5px;
}

.cmdProduitDetail{
	/* border:1px solid red; */
	width:100%;
	text-align:left;
	font-size:12px;
	height:20px;
}
.cmdProduitNom{
	/* border:1px solid red; */
	display: block;
	width:100%;
	height:auto;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}

.cmdProduitNom h2{
	font-size:100%;
}

.cmdGlobal{
		display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :left;
	width:100%;
}
/* commande Client client */
.TitreCate{
	width:100%;
	border-bottom:2px solid black;
	font-size:20px;
	text-align:center;
}

.divTxt{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :left;
	border:1px solid var(--charteSilver);
	width:100%;
	margin:3px;
	padding:3px;
	
	border-radius:10px;
	background-color:white;
}

.txtTitre{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :center;
	font-size:20px;
	width:100%;
	padding:5px;
	border-bottom:1px solid var(--charteSilver);

}

.txtTxt{
	font-size:16px;
	width:100%;
	padding:5px;
}

.txtTxt p{
	width:100%;
}

.txtTimecode{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content:right;
	font-size:10px;
	width:100%;

}

.buttonAppel{
	
	display:block;
	border:1px solid var(--charteSilverDark);
	border-radius:20px;
	background-color:white;
	width:auto;
	text-align:center;
	padding:12px;
	font-size:30px;
	color:black;
	box-shadow: 2px 2px 4px 3px var(--charteSilverDark);
}

.buttonAppel i{
	font-size:30px;
	
}

.divAppel{

	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	/* border:1px solid red; */
	
	width:100%;
	margin:5px;
}


@media screen and (min-width: 800px) and (max-width: 1900px) {
  /* Vos styles CSS ici */
  .cmdTitre1{
	/* background-color:pink; */
	display:flex;
	margin-bottom:20px;

  }
  
.cmdTitre1 img:nth-child(1) {
	  width:200px;
	  /* border:1px solid red; */
	  
  }
  
  .cmdTitre1 div:nth-child(2) {
	  /* border:1px solid red; */
	  text-align:left;
	  padding-left:30px;
	  
  }
  
    .cmdTitre1 a {
	  /* border:1px solid red; */
	  
  }
 .divAppel{display:none;}
 
 .divTxt{
	 width:45%;
 }
 
}