.popup,.popup_fond{

	opacity:0;
	position:fixed;
	top:0;
	left:0;
	right:0;
	pointer-events:none;
	bottom:0

}

.popup{

	/* z-index:4; */
	z-index:6;
	visibility:hidden;
	display:flex;
	align-content:center;
	justify-content:center;
	align-items:center;
	flex-direction:row;
	flex-wrap:nowrap

}

.popup_fond{

	/* height:100vh; */
	z-index:3;
	-webkit-backdrop-filter:blur(5px);
	-moz-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px);
	background:rgba(255,255,255,.9);
	transition:.5s

}

.popup_contenu{

	/* transform:scale(0); */
	font-family:arial,sans-serif;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	transition:.5s;
	background:rgba(80,80,80,1);
	min-width:0;
	min-height:0;
	margin-right:10px;
	margin-left:10px;
	pointer-events:auto;
	border-left:1px solid rgba(255,255,255,.6);
	border-top:1px solid rgba(255,255,255,.6);
	box-shadow:20px 20px 40px -6px rgba(0,0,0,.2);
	flex-wrap:wrap;
	border-radius:20px;
	text-align:center

}

.popup_contenu .table .recherche_formulaire{

	display:inline-flex;
	background-color:var(--couleur12);
	/* width:max-content; */
	width:100%;
	/* box-shadow:5px 5px 5px -2px rgba(0,0,0,.5); */
	border:1px solid var(--couleur13);
	border-radius:10px;
	margin-left:auto;
	margin-right:auto

}

.popup_contenu .table .search_input{

	display:inline-flex;
	justify-content:center;
	height:30px;
	/* width:200px; */
	width:100%;
	padding:10px;
	margin:0;
	vertical-align:top;
	font:var(--texte14);
	color:var(--couleur17);
	text-decoration:none;
	border:0;
	border-radius:10px 0 0 10px;
	transition:.5s

}

.popup_contenu .table .search_input::placeholder{

	font:var(--texte13);
	color:var(--couleur16);
	opacity:.5

}

.popup_contenu .configurateur_panier h2 {

	width: 100%;
    margin-top: 0px;
    font: var(--texte23);
    color: var(--couleur13);
    background-color: var(--couleur17);
    border-radius: 10px 10px 0 0;
    padding: 10px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
	margin-bottom:0px;
	
}

.popup_contenu .configurateur_panier .deroulable {

	border-radius: 10px;
	
}

.popup_contenu .configurateur_panier .deroulable, .popup_contenu .configurateur_panier .deroule {

	cursor:pointer;
	
}

.popup_contenu .configurateur_panier .deroulable:hover,.popup_contenu .configurateur_panier .deroule:hover{
	
    background-color: var(--couleur15);
	/* transition:all 0.5s ease-out; */
	
}

.popup_contenu .configurateur_panier .deroulable svg,.popup_contenu .configurateur_panier .deroule svg {
	
	margin-left:20px;
	
}

.popup_contenu .configurateur_panier .derouleur_visible, .popup_contenu .configurateur_panier .derouleur_fixe{

	width: 100%;
	display:block;
    border-radius: 0 0 10px 10px;
	background-color:var(--couleur11);
	border:1px solid var(--couleur14);
	padding:10px;
	
}

.popup_contenu .configurateur_panier .derouleur_invisible {

	display:none;
	
}

.popup_contenu .configurateur_panier .deroulable .derouleur_svg_visible {
	
	transform:rotate(0deg);
	
}

.popup_contenu .configurateur_panier .deroulable:hover .derouleur_svg_visible {
	
	transform:rotate(90deg);
	
}

.popup_contenu .configurateur_panier .deroulable .derouleur_svg_invisible {
	
	transform:rotate(90deg);
	
}

.popup_contenu .configurateur_panier .deroulable:hover .derouleur_svg_invisible {
	
	transform:rotate(0deg);
	
}

.popup_contenu .configurateur_panier .deroule .derouleur_svg_visible {
	
	transform:rotate(90deg);
	
}

.popup_contenu .configurateur_panier .deroule:hover .derouleur_svg_visible {
	
	transform:rotate(0deg);
	
}

.popup_contenu .configurateur_panier .deroule .derouleur_svg_invisible {
	
	transform:rotate(0deg);
	
}

.popup_contenu .configurateur_panier .deroule:hover .derouleur_svg_invisible {
	
	transform:rotate(90deg);
	
}

.popup_contenu h2{

	font:var(--texte23);

}

.popup_contenu h3{

	font:var(--texte23);

}

.popup_contenu h4{

	font:var(--texte22);

}


.popup_contenu .popup_retour{

	position:fixed;
	color:var(--couleur01);
	font:var(--texte17);
	top:5px;
	left:10px;
	color:var(--couleur13)

}

.popup_contenu .popup_fermer{

	position:fixed;
	color:var(--couleur01);
	font:var(--texte17);
	top:5px;
	right:10px;
	color:var(--couleur13);
	z-index:6;

}

.popup_contenu .bouton_secondaire:hover,.popup_contenu .popup_fermer:hover,.popup_contenu .popup_retour:hover,.table .tr .titre_mis_en_valeur{

	color:var(--couleur66)

}

.popup_contenu .separation_legere{

	width:100%;
	margin-bottom:40px;
	height:1px;
	opacity:.2

}

.categories h1,.retour_a_la_ligne{

	width:100%

}

.popup_contenu .logo{

	width:140px;
	border:10px;
	margin-bottom:30px

}

.popup_contenu h1{

	font:var(--texte25);
	color:var(--couleur01);
	opacity:1;
	margin-bottom:20px;
	text-shadow:2px 2px 4px rgba(0,0,0,.2);
	width:100%

}

.popup_contenu .observation_importante,.popup_contenu .observation_importante2,.popup_contenu h2{

	color:var(--couleur12);
	opacity:1;
	margin-bottom:20px;
	text-shadow:2px 2px 4px rgba(0,0,0,.2);
	width:100%

}

.popup_contenu .observation_importante{

	font:var(--texte25);
	background-color:var(--couleur36);
	padding:20px;
	margin-left:auto;
	margin-right:auto

}

.popup_contenu .observation_importante2{

	font:var(--texte25);
	background-color:var(--couleur46);
	padding:20px;
	margin-left:auto;
	margin-right:auto

}

.popup_contenu .bouton_secondaire{

	text-decoration:none;
	color:var(--couleur13);
	text-shadow:0 0 4px #000;
	transition:.2s

}

.popup_contenu .bouton_secondaire_mis_en_valeur{

	color:var(--couleur66);
	text-shadow:0 0 4px #000

}

.popup_contenu .bouton_secondaire_mis_en_valeur:hover{

	color:var(--couleur01)

}

.popup_contenu .bouton_tertiaire{

    display: inline-flex;
    text-decoration: none;
    color: var(--couleur15);
    box-shadow: 0 0 4px #fff;
    font: var(--texte22);
    border-radius: 10px;
    background-color: var(--couleur14);
    min-width: 25px;
    padding: 5px;
    margin: 2px;
    max-width: 300px;
    transition: .2s;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    align-items: center;
    justify-content: space-between;

}

.popup_contenu .bouton_tertiaire .titre{

	vertical-align:super;
	margin-left:5px

}

.popup_contenu .bouton_tertiaire svg{

	width:20px;
	height:20px

}

.popup_contenu .bouton_tertiaire_inselectionnable {
	
	display: inline-flex;
    text-decoration: none;
    color: var(--couleur15);
    box-shadow: 0px 0px 4px rgba(255, 255, 255, 1);
    margin-right: 5px;
    font: var(--texte22);
    border-radius: 0px;
    background-color: var(--couleur14);
    min-width: 25px;
    padding: 5px;
    margin: 2px;
    max-width: 300px;
    transition: all 0.2s;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    align-items: center;
    justify-content: space-between;
	user-select: none;
	
}

.popup_contenu .bouton_tertiaire_inselectionnable .titre {
	
	vertical-align:super;
	margin-left:5px;
	
}

.popup_contenu .bouton_tertiaire_inselectionnable svg {
	
	width:20px;
	height:20px;
	
}

.popup_contenu .bouton_tertiaire_mis_en_valeur{

	color:var(--couleur01);
	background-color:var(--couleur66);
	box-shadow:0 0 4px #969696

}

.popup_contenu .bouton_tertiaire_mis_en_valeur2{

	color:var(--couleur01);
	background-color:var(--couleur27);
	box-shadow:0 0 4px #969696

}

.popup_contenu .bouton_tertiaire_mis_en_valeur3{

	color:var(--couleur01);
	background-color:var(--couleur36);
	box-shadow:0 0 4px #969696

}

.popup_contenu .bouton_tertiaire_mis_en_valeur4{

	color:var(--couleur01);
	background-color:var(--couleur46);
	box-shadow:0 0 4px #969696

}

.popup_contenu .bouton_tertiaire_mis_en_valeur5{

	color:var(--couleur02);
	background-color:var(--couleur56);
	box-shadow:0 0 4px #969696

}

.popup_contenu .bouton_tertiaire_mis_en_valeur6{

	color:var(--couleur01);
	background-color:var(--couleur76);
	box-shadow:0 0 4px #969696

}

.popup_contenu .bouton_tertiaire_mis_en_valeur7{

	color:var(--couleur01);
	background-color:var(--couleur86);
	box-shadow:0 0 4px #969696

}

.popup_contenu .bouton_tertiaire_mis_en_valeur8{

	color:var(--couleur01);
	background-color:var(--couleur96);
	box-shadow:0 0 4px #969696

}

.popup_contenu .bouton_tertiaire_mis_en_valeur9{

	color:var(--couleur01);
	background-color:var(--couleur106);
	box-shadow:0 0 4px #969696

}

.popup_contenu .bouton_tertiaire_mis_en_valeur10{

	color:var(--couleur01);
	background-color:var(--couleur16);
	box-shadow:0 0 4px #969696

}

.popup_contenu .bouton_tertiaire_mis_en_valeur11{

	color:var(--couleur02);
	background-color:var(--couleur14);
	box-shadow:0 0 4px #fff

}

.popup_contenu .bouton_tertiaire_mis_en_valeur12{

	color:var(--couleur02);
	background-color:var(--couleur11);
	box-shadow:0 0 4px #969696

}

.popup_contenu .postit{

	border-radius:0;
	padding:5px;

}

.popup_contenu .bouton_tertiaire:hover,.popup_contenu .bouton_tertiaire_mis_en_valeur2:hover,.popup_contenu .bouton_tertiaire_mis_en_valeur3:hover,.popup_contenu .bouton_tertiaire_mis_en_valeur:hover{

	color:var(--couleur01);
	background-color:var(--couleur17)

}

.popup_contenu .ligne_champ{

	display:flex;
	flex-direction:row;
	align-content:center;
	justify-content:flex-end;
	flex-wrap:nowrap;
	align-items:center;
	cursor:pointer;
	border-radius:10px

}

.popup_contenu .champ,.popup_contenu .champ_invisible{

	display:inline-flex;
	cursor:pointer;
	align-content:center

}

.popup_contenu .champ{

	color:var(--couleur01);
	font:var(--texte22);
	flex-wrap:nowrap;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	margin-bottom:5px

}

.popup_contenu .champ_obligatoire{

	font:var(--texte24);
	color:var(--couleur24);
	margin-left:5px

}

.popup_contenu .ligne_champ .checkbox{

	width:40px;
	height:40px

}

.popup_contenu .ligne_champ .champ{

	margin-bottom:0;
	margin-left:5px;
	height:20px

}

.popup_contenu .champ_invisible{

	color:var(--couleur01);
	font:var(--texte22);
	width:210px;
	flex-wrap:nowrap;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	margin-bottom:0

}

.popup_contenu .bouton:focus,.popup_contenu .bouton:hover{

	color:var(--couleur01);
	background:rgba(255,255,255,.4)

}

.popup_contenu .bouton_tableau:focus,.popup_contenu .bouton_tableau:hover,.popup_contenu .bouton_tableau_petit:focus,.popup_contenu .bouton_tableau_petit:hover,.popup_contenu .bouton_tableau_tres_petit:focus,.popup_contenu .bouton_tableau_tres_petit:hover{

	background-color:var(--couleur17)

}

.popup_contenu .bouton,.popup_contenu .bouton_validation_saisie,.popup_contenu .bouton_validation_saisie_petit{

	display:inline-flex;
	font:var(--texte22);
	background:rgba(255,255,255,.1);
	color:var(--couleur01);
	transition:all .2s;
	text-shadow:2px 2px 4px rgba(0,0,0,.2)

}

.popup_contenu .puce{

	/* margin:0; */
	/* padding:2px; */
	/* width:20px; */
	/* height:20px; */
	/* min-width:20px; */
	/* border-radius:10px */
	margin: 0;
    padding: 2px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 10px;
    display: flex;
    justify-content: center;

}

.popup_contenu .bouton{

	align-items:center;
	justify-content:center;
	width:220px;
	height:50px;
	padding:15px;
	margin:0 5px 5px;
	border:none;
	border-left:1px solid rgba(255,255,255,.3);
	border-top:1px solid rgba(255,255,255,.3);
	border-radius:60px;
	box-shadow:none

}

.popup_contenu .pastille{

	position:absolute;
	border-radius:20px;
	box-shadow:0 0 4px #fff;
	width:24px;
	height:24px;
	padding:2px;
	right:-5px;
	bottom:-5px

}

.popup_contenu .textarea{

	height:100px;
	border-radius:10px;
	width:100%;

}

.popup_contenu .textarea_grande_hauteur{

	height:400px

}

.popup_contenu .textarea_tres_grande_hauteur{

	height:800px

}

.popup_contenu .textarea_grande_largeur{

	width:600px

}

.popup_contenu .bouton_tableau{

	width:100px;
	background-color:var(--couleur15);
	margin:0

}

.popup_contenu .bouton_tableau_tres_petit_titre{

	width:50px;
	background:rgba(255,255,255,.1);
	margin:0;
	padding:2px;
	border-radius:5px;
	height:20px

}

.popup_contenu .bouton_tableau_petit_titre{

	width:80px;
	background:rgba(255,255,255,.1);
	margin:0

}

.popup_contenu .bouton_tableau_tres_petit{

	width:50px;
	background-color:var(--couleur15);
	margin:0;
	padding:2px;
	border-radius:5px;
	height:20px

}

.popup_contenu .petit_bouton{

	width:120px;
	height:120px;
	flex-direction:column

}

.popup_contenu .petit_bouton_alerte{

	color:var(--couleur01);
	background:rgba(200,50,50,.2);
	border:1px solid var(--couleur23)

}

.popup_contenu .petit_bouton_alerte:hover{

	background:rgba(255,255,255,.4);
}

.popup_contenu .petit_bouton_alerte2{

	color:var(--couleur02);
	background:rgba(200,50,50,.2);
	border:1px solid var(--couleur23)

}

.popup_contenu .petit_bouton_alerte2:hover{

	color:var(--couleur02);
	background:rgba(255,255,255,.4);

}

.popup_contenu .petit_bouton_alerte3{

	color:var(--couleur01);
	background:rgba(50,200,50,.2);
	border:1px solid var(--couleur33)

}

.popup_contenu .petit_bouton_alerte3:hover{

	color:var(--couleur01);
	background:rgba(255,255,255,.4);

}

.popup_contenu .petit_bouton_alerte4,.popup_contenu .petit_bouton_alerte4:hover,.popup_contenu .petit_bouton_alerte4:focus{

	color:var(--couleur02);
	background:rgba(50,200,50,.2);
	border:1px solid var(--couleur33);
	user-select: none;
	cursor:initial

}

.popup_contenu .bouton_validation_saisie,.popup_contenu .bouton_validation_saisie_petit{

	align-items:center;
	height:30px;
	margin:0 0 10px;
	padding:5px

}

.popup_contenu .bouton_validation_saisie{

	justify-content:center;
	width:100px;
	border:none;
	border-left:1px solid rgba(255,255,255,.3);
	border-top:1px solid rgba(255,255,255,.3);
	border-radius:50px;
	box-shadow:4px 4px 60px 8px rgba(0,0,0,.2)

}

.popup_contenu .bouton_validation_saisie_petit{

	justify-content:center;
	width:80px;
	border:none;
	border-left:1px solid rgba(255,255,255,.3);
	border-top:1px solid rgba(255,255,255,.3);
	border-radius:40px;
	box-shadow:4px 4px 60px 8px rgba(0,0,0,.2)

}

.popup_contenu .p,.popup_contenu .select .option{

	display:flex;
	background:var(--couleur15);
	text-shadow:2px 2px 4px rgba(0,0,0,.2)

}

.popup_contenu .select{

	border-radius:10px

}

.popup_contenu .select .option{

	align-items:center;
	justify-content:center;
	padding:15px;
	border-radius:10px;
	color:var(--couleur01);
	font:var(--texte13);
	transition:.2s

}

.popup_contenu .select .option:hover{

	background:var(--couleur17)

}

.popup_contenu .petit_bouton .titre{

	width: 80px;
    height: 40px;
    margin-left: 0;
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}

.popup_contenu .petit_bouton .petit_titre{
	
	font:var(--texte20);
    margin-left: 0;
    margin-bottom: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}

.popup_contenu .petit_bouton .moyen_titre{
	
	font:var(--texte21);
    margin-left: 0;
    margin-bottom: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}

.popup_contenu .petit_bouton_carre{
	
	border-radius:0px;

}

.popup_contenu .lien{

	cursor:pointer;
	text-align:center;
	align-items:center;
	border-radius:10px

}

.popup_contenu .formulaire{

	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;

}

.popup_contenu .p{

	font:var(--texte12);
	color:var(--couleur12);
	opacity:1;
	padding:5px;
	text-align:center;
	margin-bottom:0;
	justify-content:center;
	box-shadow:4px 4px 60px 8px rgba(0,0,0,.2);
	border-radius:5px

}

.popup_contenu .formulaire_cadre,.popup_contenu .formulaire_cadre_multiple{

	flex-wrap:wrap;
	margin-right:5px;
	margin-left:5px;
	border:1px solid var(--couleur14);
	margin-top:20px;
	padding-top:20px;
	padding-bottom:20px;
	box-shadow:4px 4px 60px 8px rgba(0,0,0,.2);
	display:flex

}

.popup_contenu .formulaire_cadre{

	flex-direction:row;
	justify-content:center;
	align-content:flex-start;
	align-items:stretch;
	max-width:280px;
	border-radius:20px;

}

.popup_contenu .formulaire_cadre_multiple{

	flex-direction:row;
	justify-content:center;
	align-content:space-between;
	align-items:flex-start;
	max-width:580px;
	width:600px;
	border-radius:20px

}

.popup_contenu .formulaire_cadre_pleine_largeur{

	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:center;
	align-content:space-between;
	align-items:stretch;
	margin-top:20px;
	border:1px solid var(--couleur14);
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
	border-radius:20px;
	box-shadow:4px 4px 60px 8px rgba(0,0,0,.2)

}

.popup_contenu .formulaire_cadre_multiple .formulaire_cadre,.popup_contenu .formulaire_cadre_pleine_largeur .formulaire_cadre{

	border:0;
	margin:0 0 20px;
	padding:0;
	background:0 0;
	box-shadow:none;
	display:flex;
	align-items:stretch;
	align-content:stretch

}

.popup_contenu .dernier_bouton,.popup_contenu .formulaire_cadre_pleine_largeur .dernier_bouton{

	margin-bottom:0

}

.popup_contenu .cadre_champ{

	display:flex;
	flex-direction:column;
	align-content:center;
	justify-content:flex-end;
	flex-wrap:nowrap;
	align-items:center;
	width:-webkit-fill-available;
	padding:5px

}

.popup_contenu .formulaire_cadre .p{

	position:relative;
	font:var(--texte13);
	color:var(--couleur12);
	opacity:1;
	margin:5px 5px 0;
	text-shadow:2px 2px 4px rgba(0,0,0,.2);
	box-shadow:4px 4px 60px 8px rgba(0,0,0,.2);
	border:1px solid rgba(255,255,255,.2);
	border-radius:5px;
	width:220px;
	padding:5px;
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:stretch

}

.popup_contenu .bouton_tableau_petit{

	width:80px;
	background-color:var(--couleur15);
	margin:0

}

.popup_contenu .disabled,.popup_contenu .disabled:hover{

	background:rgba(0,0,0,.5);
	cursor:not-allowed

}

.popup_contenu .formulaire_cadre_admin,.popup_contenu .formulaire_cadre_admin:hover{

	background:rgba(200,50,50,.2);
	border:1px solid var(--couleur23)

}

.popup_contenu .cadre_grand,.popup_contenu .cadre_pleine_ecran{

	display:block;
	overflow-y:auto;
	max-width:100%;
	margin-top:0;
	border-radius:20px;
	padding:30px

}

.popup_contenu .cadre_pleine_ecran{

	width:9000px

}

.popup_contenu .cadre_pleine_ecran::-webkit-scrollbar{

	width:10px;
	height:10px;
	background-color:transparent

}

.popup_contenu .cadre_pleine_ecran::-webkit-scrollbar-thumb{

	background-color:var(--couleur66);
	border-radius:10px

}

.popup_contenu .cadre_pleine_ecran::-webkit-scrollbar-track{

	background-color:transparent;
	margin:20px

}

.popup_contenu .cadre_grand{

	width:1380px

}

.popup_contenu .cadre_moyen,.popup_contenu .cadre_petit{

	display:block;
	overflow-y:auto;
	max-width:100%;
	margin-top:0;
	border-radius:20px;
	padding:30px

}

.popup_contenu .cadre_grand::-webkit-scrollbar{

	width:10px;
	height:10px;
	background-color:transparent

}

.popup_contenu .cadre_grand::-webkit-scrollbar-thumb{

	background-color:var(--couleur66);
	border-radius:10px

}

.popup_contenu .cadre_grand::-webkit-scrollbar-track{

	background-color:transparent;
	margin:20px

}

.popup_contenu .cadre_pleine_ecran::-webkit-scrollbar-corner{

	background-color:transparent

}

.popup_contenu .cadre_petit{

	width:340px

}

.popup_contenu .cadre_petit::-webkit-scrollbar{

	width:10px;
	height:10px;
	background-color:transparent

}

.popup_contenu .cadre_petit::-webkit-scrollbar-thumb{

	background-color:var(--couleur66);
	border-radius:10px

}

.popup_contenu .cadre_petit::-webkit-scrollbar-track{

	background-color:transparent;
	/* margin:20px */

}

.popup_contenu .cadre_moyen{

	width:600px

}

.popup_contenu .cadre_moyen::-webkit-scrollbar{

	width:10px;
	height:10px;
	background-color:transparent

}

.popup_contenu .cadre_moyen::-webkit-scrollbar-thumb{

	background-color:var(--couleur66);
	border-radius:10px

}

.popup_contenu .cadre_moyen::-webkit-scrollbar-track{

	background-color:transparent;
	margin:20px

}

.popup_contenu .cadre_historique{

	width:100%;
	max-width:none;
	padding:10px

}

.popup_contenu .cadre_configurateur{

	width:900px;
	padding:0px;

}

.popup_contenu .statut_commande_global {

	display: inline-flex;
    font: var(--texte21);
    color: var(--couleur01);
    background-color: var(--couleur13);
    border: 1px solid var(--couleur12);
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    padding: 5px;
    flex-wrap: wrap;
    width: 100%;
	margin-top:20px;
	margin-bottom:20px;
	
}

.popup_contenu .statut_commande_global .separation {

	margin-top:5px;
	margin-bottom:5px;
	
}

.popup_contenu .statut_commande {

	display: inline-flex;
    font: var(--texte21);
    color: var(--couleur01);
    background-color: var(--couleur13);
    border: 1px solid var(--couleur12);
    text-align: center;
    align-items: center;
    justify-content: flex-start;
    border-radius: 0px;
    padding: 5px;
    flex-wrap: wrap;
    width: 100%;
	
}

.popup_contenu .cadre_statut {

    display: flex;
	padding-top:20px;
    padding-bottom: 20px;
    justify-content: flex-start;
    align-items: center;
	
}

.popup_contenu .cadre_statut .titre_substitution {

	font: var(--texte11);
	color: var(--couleur15);
	text-align: left;
	
	padding: 5px;
	
}

.popup_contenu .cadre_statut .cadre_substitution {

	border:1px solid var(--couleur13);
	background-color:var(--couleur12);
	border-radius:5px;
	
	padding: 5px;
	margin-bottom: 20px;
	
}

.popup_contenu .cadre_statut .reference_substitution {

	font: var(--texte11);
	color: var(--couleur15);
	text-align: left;
	
	padding-bottom: 5px;
	
}

.popup_contenu .cadre_statut .nom_substitution {

	font: var(--texte12);
	color: var(--couleur15);
	text-align: left;
	
}

.popup_contenu .cadre_statut .en_stock {

	display:inline-flex;

	font: var(--texte21);
	color: var(--couleur01);
	background-color: var(--couleur35);
	text-align: center;
	align-items: center;
	justify-content: center;
	
	border-radius:5px;
	
	padding: 5px;
	margin-top:10px;
	
}

.popup_contenu .cadre_statut .rupture {

	display:inline-flex;

	font: var(--texte21);
	color: var(--couleur01);
	background-color: var(--couleur45);
	text-align: center;
	align-items: center;
	justify-content: center;
	
	border-radius:5px;
	
	padding: 5px;
	margin-top:10px;
	
}

.popup_contenu .historique{

	width:100%;
	max-width:none;
	height:100px;
	border-radius:10px;
	margin-bottom:20px;

}

.popup_contenu .paiement {
	
	display: flex;
    padding: 5px;
    padding-top:15px;
    padding-bottom:15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    justify-content: center;
    background-color: var(--couleur17);
    margin-bottom: 20px;
    border-radius: 10px;
    flex-wrap: wrap;
	
}

.popup_contenu .paiement .mode_de_paiement {
	
	width:120px;
	
}

.alerte_contenu .paiement .mode_de_paiement {
	
	width:auto;
	
}

.popup_contenu .bouton_mis_en_valeur{

	background:var(--couleur66)

}

.popup_contenu .bouton_mis_en_valeur2{

	background:var(--couleur36)

}

.popup_contenu .bouton_mis_en_valeur3{

	background:var(--couleur26)

}

.popup_contenu .bouton_mis_en_valeur4{

	background:var(--couleur46)

}

.popup_contenu .pointage_barre{

	display:none;
	position:fixed;
	bottom:20px;
	width: 220px;
    left: 50%;
    transform: translateX(-50%);
	
	padding:10px;
	border-radius:10px;

	font: var(--texte22);
	color:var(--couleur01);
	
	box-shadow:4px 4px 60px 8px rgba(0,0,0,.8);
	
	cursor:pointer;
	transition:all 0.2s;

}

.popup_contenu .pointage_barre_positive {
	
	
	background:var(--couleur36);
	
}

.popup_contenu .pointage_barre_neutre {
	
	
	background:var(--couleur46);
	
}

.popup_contenu .pointage_barre_negative {
	
	background:var(--couleur27);
	
}

.popup_contenu .pointage_barre:hover{
	
	background:var(--couleur17);
	
}

.popup_contenu .pointage_texte{
	
	display:inline-block;

}

.popup_contenu .pointage_montant{
	
	display:inline-block;

}

.popup_contenu .croquis_cadre{
	
	padding:0px;
	border:1px solid var(--couleur17);
	border-radius:5px;
	font:var(--texte22);
	color:var(--couleur17);
	margin-top:15px;
	
}

.popup_contenu .options_tarif_cadre{
	
	padding:5px;
	border:1px solid var(--couleur17);
	border-radius:5px;
	font:var(--texte22);
	color:var(--couleur17);
	
}

.popup_contenu .options_tarif{

	margin-top:5px;

}

.popup_contenu .croquis{

	margin-top:0px;
	filter: drop-shadow(0px 0px 0px var(--couleur15))

}

.popup_contenu .options_tarif_descriptif{
	
	font:var(--texte11);
	text-align:left;
	padding-right:10px;
	color:var(--couleur17);
	vertical-align:middle;
	
}

.popup_contenu .options_tarif_montant{
	
	text-align:right;
	font:var(--texte22);
	padding-right:10px;
	color:var(--couleur17);
	vertical-align:middle;
	
}

.popup_contenu .options_tarif_case{
	
	width:20px;
	height:20px;
	border:1px solid var(--couleur02);
	vertical-align:middle;
	text-align:center;
	
}

.popup_contenu .cadre_legende_tarif_image{
	
	margin-right:5px;
	margin-top:5px;
	display:inline-block;
	border:1px solid var(--couleur17);
	width:102px;
	height:102px;
	
}

.popup_contenu .legende_tarif_image{
	
	width:100px;
	height:100px;
	vertical-align:middle;
	/* margin-right:5px; */
	/* border:1px solid var(--couleur17); */
	
}

.popup_contenu .cadre_legende_tarif_image_reduite{
	
	margin-right:5px;
	margin-top:5px;
	display:inline-block;
	border:1px solid var(--couleur17);
	width:62px;
	height:62px;
	
}

.popup_contenu .legende_tarif_image_reduite{
	
	width:60px;
	height:60px;
	vertical-align:middle;
	/* border:1px solid var(--couleur17); */
	
}

.popup_contenu .formulaire_bon_fab{
	
	width:100%;
	padding:10px;
	font:var(--texte11);
	color:var(--couleur15);
	border:1px solid var(--couleur13);
	background-color:var(--couleur12);
	border-radius:10px;
	
}

.popup_contenu .cadre_bon_fab{
	
	
}

.popup_contenu .cadre_bon_fab table{
	
	border-collapse:collapse;
	width:100%;
	
}

.popup_contenu .cadre_bon_fab th{
	
	padding:5px;
	border:1px solid var(--couleur17);
	font:var(--texte21);
	color:var(--couleur17);
	
	vertical-align:middle;
	
	width:100px;
	
}

.popup_contenu .cadre_bon_fab td{
	
	padding:5px;
	border:1px solid var(--couleur17);
	font:var(--texte11);
	color:var(--couleur17);
	
	vertical-align:middle;
	
}

.popup_contenu .cadre_bon_fab .petit{
	
	width:60px;
	
}

.popup_contenu .cadre_bon_fab .grand{
	
	width:200px;
	
}

.popup_contenu .cadre_bon_fab .petit_texte{
	
	font:var(--texte11);
	
}

.popup_contenu .cadre_bon_fab .grand_texte{
	
	font:var(--texte22);
	
}

.popup_contenu .cadre_bon_fab .titre{
	
	font:var(--texte24);
	
}

.popup_contenu .cadre_bon_fab .total{
	
	font:var(--texte23);
	
}

.popup_contenu .cadre_bon_fab .consignes{
	
	font:var(--texte21);
	
}

.popup_contenu .cadre_bon_fab .ref_introuvable{
	
	font:var(--texte24);
	color:var(--couleur01);
	background-color:var(--couleur26);
	width:20px;
	height:20px;
	padding:2px;
	border-radius:10px;
	text-align:center;

}

@media screen and (max-width:740px){

	.popup_contenu .legende_tarif_image{
		
		width:60px;
		height:60px;
		
	}

}