/**************************************************************EN TETE DU SITE***********************************************************************/
#entete { height : 111px; }

.ent_gen { max-width : 1920px; }

/***Logo du site***/
.ent_logo {	margin-left : 80px; }

/***Ligne pour le haut du site***/
.ent_lig { max-width : 1920px; }

/***Affichage du panier et compte***/
.ent_boutique { 
	margin-right  : 80px; 
	padding-right : 30px;
	padding-left  : 30px;
}

.ent_pan_img { margin-left : 41px; }

.ent_pan_txt, .ent_cpt_txt { margin-left : 15px; }

.ent_pan_txt, .ent_cpt_txt {
	font-size		: 20px;
	line-height		: 1.5;
}

.ent_pan_img img, .ent_cpt_img img { width 	: 30px; }

.ent_pan_txt > a:nth-child(3) span { font-size : 15px; }

/**************************************************************EN TETE DU SITE***********************************************************************/
#menu { height : 80px; }

.men_gen { max-width : 1920px; }

#menu ul { margin : 0px 80px; }

li.navbar { width : 150px; }

li.navbar a {
	line-height : 1.7;
	font-weight : bold;
	font-size 	: 13px;
	padding		: 0px 10px;
}

.men { color : #0094A9; }

li.navbar a:hover, .men_sel {
	background-color	: #0094A9;				/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => 0094A9, mod : 0) */	color				: #FFFFFF;
}

.liste_client { 
	margin-right: 80px; 
	height 		: 100%;
	padding-left : 80px;
}

.liste_client, .liste_client input, .liste_client select { 
	line-height : 1.7;
	font-weight : bold;
	font-size 	: 13px;
}

.liste_client div { margin : 0px 5px; }

.liste_client input[type="submit"] {
	font-size	: 13px;
	line-height : 25px;
	padding		: 0px 10px; 
}
/**********************************************************POSITIONNEMENT DE LA PAGE***********************************************************************/
#page { min-height : calc(100vh - 341px); }

.page_int {
	min-height : calc(100vh - 341px);	
	max-width  : 1920px;
	margin	   : auto;
	padding	   : 20px 80px;
}

/**********************************************************ACCUEIL***********************************************************/
/***Affichage des boutons***/
.btn_accueil {
	width		: 1000px;
	gap			: 50px;
	font-size 	: 15px;
	line-height : 20px;
	margin-top	: 40px;
}

.btn_accueil > div {
	width 		  : 200px;
	height 		  : 180px;
	padding 	  : 15px 15px;
}

.btn_accueil > div img {
	width : 100px;
	margin : auto;
}
/**********************************************************ALERTE***********************************************************/
/***Bouton Télécharger et imprimer***/
.alerte > div:nth-child(1) { 
	width 			: 90%; 
	margin-bottom 	: 10px;
	font-size 		: 16px;
}

.alerte > div:nth-child(1) > div:nth-child(1) { margin-right : 20px; }

.alerte > div:nth-child(1) > div { padding : 0px 10px; }

.alerte > div:nth-child(1) > div > a > div { margin-right : 10px; }

.alerte > div:nth-child(1) a > div:nth-child(1) { height : 30px; }

.alerte > div:nth-child(1) img { width : 30px; }

/***Etat***/
.alerte .etat_gen { width : 80%; }

/**********************************************************STOCK**********************************************************************/
/****Filtres***/
.visu_stock { gap : 20px; }

.visu_stock #filtre { 
	width 		: 200px; 
	font-size 	: 14px;
	line-height : 30px;
}

.visu_stock #filtre > form > div { 
	margin 	: 5px 0px;
	padding : 8px 10px;
}

.visu_stock #filtre div > label:first-child { line-height : 30px; }

/***Texte filtrer par***/
.visu_stock #filtre > form > div:first-child { font-size	: 18px; }

/***Input et select dans les filtres***/
.visu_stock #filtre input[type="text"], .visu_stock > div:nth-child(1) select { width : 180px; }

.visu_stock #filtre input[type="checkbox"] + label { width : 180px; }

.visu_stock #filtre input[type="checkbox"] + label::before {
	padding				: 0 0.6rem;
	margin-right		: 20px;
}

.visu_stock #filtre input[type="submit"] {
	font-size	: 16px;
	line-height : 35px;
	padding		: 0px 10px; 
}

.visu_stock #filtre input[type="submit"]:nth-child(2) { margin-left : 15px; }

/***Etat à droite***/
.visu_stock > div:nth-child(2) { width : calc(100% - 220px); }

/***Barre fonction en haut de l'état (Image, bouton et nbre de réf)***/
.ent_sto_etat { 
	margin-bottom 	: 10px;
	font-size 		: 16px;
}

.ent_sto_etat img { 
	height  : 30px; 
	width	: 30px;
}

/***Liste image ou liste***/
.ent_sto_etat > div:nth-child(1) img {  margin-right : 20px; }

.ent_sto_etat > div:nth-child(2) { display : none; }

/***Bouton télécharger et imprimer***/
.ent_sto_etat > div:nth-child(3) > div:nth-child(1) { margin-right : 20px; }

.ent_sto_etat > div:nth-child(3) > div { padding : 0px 10px; }

.ent_sto_etat > div:nth-child(3) > div > a > div { margin-right : 10px; }

.ent_sto_etat > div:nth-child(3) a > div:nth-child(1) { height : 30px; }

/***************************************************PRODUIT********************************************************************/
.msg_produit {
	font-size 		: 14px;
	margin-bottom 	: 10px;
}

.titre_pxx img { height : 25px; }

.titre_pxx {
	font-size 		: 30px;
	line-height 	: 1.5;
	margin-bottom 	: 50px;
}

.pxx_int {
	width 					: 80%;
	grid-template-columns 	: 0.5fr auto max-content;
	margin 					: auto;
	font-size 				: 16px;
	line-height 			: 25px;
}

.pxx_int > div:nth-child(1) img {
	height 		: 200px;
	object-fit 	: contain;
}

.pxx_int > div:nth-child(1) > div:nth-child(2) {
	padding			: 5px;
	width			: 300px;
	background-size : auto 30px;
	height			: 40px;
	padding-left	: 30px;	
	padding-top		: 11.5px;
	line-height		: normal;
}

.pxx_int > div:nth-child(2) span {
	width 		 : 240px;
	margin-right : 20px;
}

.pxx_sto, .pxx_sto_lot, .pxx_sto_quo { 
	width 		: min-content; 
	min-width 	: 80px;
}

.pxx_sto_lot span,.pxx_sto span { margin-left : 20px; }

.pxx_sto_lot table, .pxx_sto_quo table, .pxx_sto table { margin : 20px 20px 0px 20px; }

.pxx_sto_quo table { margin-bottom : 10px; }

.pxx_sto_lot table thead tr th, .pxx_sto table thead tr th { padding : 0px 10px; }

.pxx_sto_lot table tr td, .pxx_sto_quo table tr td, .pxx_sto table tr td { padding : 0px 10px 0px 10px; }

.pxx_sto > div, .pxx_sto_lot > div, .pxx_sto_quo > div { padding : 5px 10px 5px 10px; }

.pxx_sto_lot > div:not(:last-child, :first-child), 
.pxx_sto_quo > div:not(:last-child, :first-child) {
	gap : 15px; 
}

.pxx_int > div:nth-child(4) {
	grid-column-start 	: 1;
	grid-column-end 	: 4;
	margin-top			: 40px;
}

.ent_hist_act legend {
	margin-left : 15px;
	padding		: 0px 15px;
}

.ent_hist_act > div:nth-child(2) > div:nth-child(1) { margin-right : 20px; }

.ent_hist_act > div:nth-child(2) > div { padding : 0px 10px; }

.ent_hist_act > div:nth-child(2) > div > a > div { margin-right : 10px; }

.ent_hist_act > div:nth-child(2) a > div:nth-child(1) { height : 30px; }

.ent_hist_act > div:nth-child(2) img { width : 30px; }
/**********************************************************CDE**********************************************************************/
.visu_cde { gap : 20px; }

.visu_cde #filtre { 
	width 		: 200px; 
	font-size 	: 14px;
	line-height : 30px;
}

.visu_cde #filtre > form > div { 
	margin 	: 5px 0px;
	padding : 8px 10px;
}

.visu_cde #filtre div > label:first-child { line-height : 30px; }

.visu_cde #filtre > form > div:first-child { font-size : 18px; }

.visu_cde #filtre input[type="text"], .visu_cde #filtre select { width : 180px; }

.visu_cde #filtre input[type="checkbox"] + label { width : 180px; }

.visu_cde #filtre input[type="checkbox"] + label::before {
	padding				: 0 0.6rem;
	margin-right		: 10px;
}

.visu_cde #filtre input[type="submit"] {
	font-size	: 16px;
	line-height : 35px;
	padding		: 0px 10px; 
}

.visu_cde #filtre input[type="submit"]:nth-child(2) { margin-left : 15px; }

.visu_cde > div:nth-child(2) { width : calc(100% - 220px); }

.ent_cde_etat, .btn_aj_panier, .btn_jaune { 
	margin-bottom 	: 10px;
	font-size 		: 16px;
}

.ent_cde_etat > div:nth-child(1) img { margin-right : 20px; }

.ent_cde_etat > div:nth-child(3), .btn_aj_panier > div:nth-child(1), .btn_jaune > div:nth-child(1) { 
	padding : 0px 10px; 
	height 	: 30px;
}

.ent_cde_etat img { 
	width 	: 30px; 
	height 	: 30px;
}

.ent_cde_etat > div:nth-child(3) img {  margin-right : 20px; }
/**************************************************SUIVI CDE**********************************************************************/
.suivi_cde, .descr_cde, .msg_cde { width : 70%; }

.suivi_cde, .descr_cde, .msg_cde { font-size : 14px; }

.titrecdestatik > div:nth-child(1), .titrecdeopaque > div:nth-child(1) {
	width 			: 50px;
	height 			: 50px;
	border-radius 	: 25px;
}

/***********************************************DOCUMENT***********************************************************/
.bouton_lien, .descr_fct a {
	padding : 0px 10px;
	height	: 30px;
}

.descr_fct span { font-size : 12px; }

.descr_ent > div:nth-child(1), .descr_fct { margin-bottom : 10px; }

.descr_fct a { padding-left : 35px; }

.descr_adr { margin-bottom : 15px; }

.descr_adr > div { width : 40%; }

.descr_adr > div > div { padding : 5px 10px 5px 10px; }

.descr_art { width : 70%; }

/***********************************************PANIER***********************************************************/
.titrepanier { 
	margin 		: 10px 0px 30px 0px; 
	font-size 	: 14px;
}

.details_panier {
	border-spacing	: 0px 5px;
	font-size 		: 14px;
	line-height	 	: 30px;
	width			: 50%;
}

.details_panier button, .details_panier button img { height : 30px; }

.details_panier td, .details_panier th { padding : 0px 5px; }

.qte_input div:nth-child(2) { margin : 10px 0px 10px 0px; }

.qte_input input { width : 50px; }

.qte_input button img, .qte_input button { height : 24px; }

.pied_panier { font-size 	: 14px; }

.pied_panier > div { 
	padding 		: 0px 10px; 
	height 			: 30px;
	margin-bottom 	: 15px;
}

.liv_panier { 
	font-size 	: 16px;
	width 		: 40%;
	margin 		: 30px auto 0px auto;
	padding		: 25px;	
}

.liv_titre { margin-bottom : 15px; }

.liv_submit { 
	height 	: 30px;
	margin	: 15px 0px 15px 0px;
}

.liv_input {
	width 		: 60%;
	margin-top 	: 25px;
}

.liv_input input, .form_adr_submit button, .gest_enr_submit input { padding	: 14px; }

.liv_panier_selnew, .liv_panier_mod {
	width 		: 600px;
	margin-left : calc((100% - 600px) /2);
	margin-top 	: 288px;
	padding		: 25px 25px 15px 25px;
}

.liv_panier_sel_titre, .liv_panier_new_titre, .liv_panier_sel select, .form_adr_titre {
	font-size	: 16px;
	line-height	: 36px;
}

.liv_panier_sel_titre > div:nth-child(2), .liv_panier_new_titre > div:nth-child(2) { margin-left: 25px; }

.liv_panier_sel > div:nth-child(1) { margin-left: 67px; }

.liv_panier_sel > div:nth-child(2) {
	margin-top		: 10px;
	text-align		: right;
	margin-right	: 150px;
}

.form_adr_input {
  font-size		: 16px;
  line-height	: 36px;
  margin-bottom	: 10px;
}

.form_adr_input input:not([name="cmi:code_postal_ville[cp]"],[name="cmi:code_postal_ville[ville]"]) {
	width : 318px;
}

.form_adr_input input[name="cmi:code_postal_ville[ville]"] { width : 236px; }

.form_adr_input label {
  display		: block;
  width			: 180px;
  text-align	: right;
}

.form_adr_input input {
  font-size		: 16px;
  line-height	: 36px;
}

.liv_champs_supp label:not([for="icd:remarques_liv"],[for="ide:remarques_liv"]) { 
	width : 96px;
	text-align 	: right;
	}

.liv_champs_supp input { 
	width 			: 374px; 
	margin-bottom 	: 10px;
}

.liv_champs_supp textarea, .liv_champs_supp input, .liv_champs_supp label {
  font-size		: 16px;
  line-height	: 20px;
}

.liv_panier_new .form_adr_input:nth-child(3) input, .liv_panier_new .form_adr_input:nth-child(4) input {
	margin-left : 180px;
}

.form_adr_nota {
  margin-left	: 15px;
  font-size		: 12px;
  margin		: 10px 0px 10px 0px;
}

.liv_champs_supp textarea { 
	width 	: 470px; 
	height 	: 200px;
}

.msg_cde { margin : 0px 0px 15px 0px; }

.liv_panier_mod .form_adr_input:nth-child(4) input, .liv_panier_mod .form_adr_input:nth-child(5) input {
	margin-left : 180px;
}

/**********************************************************ETATS**********************************************************************/
.etat_gen > div {
	font-size 		: 14px;
	line-height	 	: 25px;
	margin-bottom 	: 10px;
}

.etat_gen table {
	border-spacing	: 0px 5px;
	font-size 		: 14px;
	line-height	 	: 25px;
}

.etat_gen table th { line-height : 30px; }

.etat_gen td > img { vertical-align : middle; }

.etat_gen td, .etat_gen th { padding : 0px 5px; }

.etat_gen button img { 
	width 			: 30px;
	height 			: 30px;
	object-fit 		: contain;
	vertical-align 	: middle;
}
/***********************************************LOGIN***********************************************************************/
.login { width : 500px; }

.login > div:nth-child(1) {
	font-size 	: 30px;
	padding		  : 10px 0px;
}

.login > div:nth-child(1) img {
	height 			  : 35px;
	margin-right 	: 20px;	
}

.login > div:nth-child(n+2):not(.txt_exp, .error_txt, :last-child) {
	font-size 		: 16px;
	width	  		  : 250px;  
 	margin		    : auto;
}

.login > div.txt_exp {
  width       : 85%;
  font-size   : 14px;
  margin      : 30px auto;
}

.login .error_txt {
 	font-size 	: 16px;
  text-align  : center;
 	margin			: 30px auto 0px auto;
}

.login > div:nth-child(2):not(.txt_exp, .error_txt) {	margin : 30px auto 0px auto; }

.login > div:last-child { 
  margin        : 0px auto 30px auto; 
	font-size 		: 16px;
	width	  		  : 250px;  
}

.login > div:nth-child(n+2) > div { padding : 5px 0px; }

.login input[type="email"], .login input[type="password"], .login input[type="text"] { 
	width			    : 250px;
  font-size		  : 16px;
	line-height		: 36px;
	border 			  : solid 1px #D7D7D7;				/*UpdateCss:SetCssColor cl_ton2*/

 /* (cl_ton2 => D7D7D7, mod : 0) */	border-radius	: 3px;
}

.login input[type="email"] { padding : 0px 0px 0px 40px; }
.login input[id=passwd] { padding	: 0px 40px 0px 40px; }

.login input[type=submit] {
	border-radius : 3px;
	padding 	    : 14px 36px;
}

.login a {
	font-size 	: 12px;	
	color		    : #0094A9;						/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => 0094A9, mod : 0) */	font-weight : bold;
}

.login > div:last-child { text-align : right; }

.pswd_eye, .pswd_mail, .pswd_cadenas {
	height  			    : 20px;
	top 				      : 14px;
	padding				    : 0px;
	background-color 	: #FFFFFF;
}

.pswd_mail { left : 10px; }

.pswd_cadenas { left : 12px; }
 
.pswd_eye { right : 10px; }

.pswd_eye img, .pswd_mail img, .pswd_cadenas img { 	height : 20px; }

.init_password { width : 700px; }

.init_password div.error_txt { margin-top : 10px; }
.init_password div.msg_txt { margin-top : 10px; }

.init_password > div:nth-child(1) {
	font-size 	: 30px;
	padding		  : 20px 0px;
}

.init_password > div:last-child:not(.msg_txt) { 
  margin        : 0px auto 30px auto; 
	font-size 		: 16px;
	text-align    : right; 
  width         : 400px;
}

.init_password > div:nth-child(2) {
	font-size 		: 16px;
  line-height   : 20px;
	width	  		  : 500px;
  margin 		    : 30px auto 30px auto; 
}

.init_password > div:nth-child(2) > ul { padding : revert; }

.init_password > div:nth-child(n+3):not(.error_txt,:last-child) {
	font-size 		: 16px;
	width	  		  : 300px;
  margin        : auto;
}

.init_password > div:nth-child(n+3) > div { padding : 5px 0px; }

.init_password input[type="email"] { padding : 0px 0px 0px 40px; }

.init_password input[type="email"], .init_password input[type="password"], .init_password input[type="text"]  { 
	width			    : 300px;
  font-size		  : 16px;
	line-height		: 36px;
	border 			  : solid 1px #D7D7D7;				/*UpdateCss:SetCssColor cl_ton2*/

 /* (cl_ton2 => D7D7D7, mod : 0) */	border-radius	: 3px;
}

.init_password input[type="password"], .init_password input[type="text"] { padding	: 0px 40px 0px 40px; }

.init_password input[type=submit] {
	border-radius : 3px;
	padding 	    : 14px 36px;
}

.init_password input:invalid { border-color : red; }

/************************************ESPACE CLIENT********************************************/
.esp_cli { 
	width 		: 80%;
	font-size 	: 13px;
	line-height : 15px;
}

.esp_cli_titre { 
	width 		: 60%; 
	margin 		: auto;
	font-size 	: 18px;
	margin-top 	: 50px;
}

.esp_cli_menu {
	width 					: 60%; 
	margin 					: auto;
	grid-template-columns	: repeat(2, 350px);
	grid-gap				: 50px calc(100% - 700px);
	margin-top 				: 50px;
}

.esp_cli_men_int {
	height				  : 95px;
	grid-template-columns : 80px 1fr;
	padding				  : 0px 20px 0px 10px;
}

.esp_cli_men_int img { 
	object-fit  : contain;
	width 		: 65px;
}

.esp_cli_men_int > div:nth-child(2) { font-size : 17px; }

.titre_page {
	margin 		: 25px 0px;
	font-size 	: 18px;
	line-height : 20px;
}

.esp_cli .gestion_enregistrement { margin-left : 50px; }

.esp_cli .coordonnees { 
	font-size 	: 13px; 
	margin-top 	: 5px;
}

.esp_cli .coordonnees input[name="cli:adresse_2"] { margin-left : 115px; }

.esp_cli .coordonnees input[type="text"] { width : 330px; }

.esp_cli .coordonnees input[name="cli:code_postal_ville[cp]"] { width : 65px; }
.esp_cli .coordonnees input[name="cli:code_postal_ville[ville]"] { width : 261px; }

.coordonnees label { width : 115px; }

.cmi_action {
	margin-bottom 	: 25px;
	width 			: 80%;
	font-size 		: 15px;
}

.cmi_action button { padding : 5px; }

.cmi_action > div:nth-child(2) div { margin-right : 5px; }

.liste_cmi > form { gap : 20px 15px; }

.pave_adr, .pave_adr_sel { 
	padding 	: 10px 15px 40px 15px;
	width		: 300px;
	line-height : 20px;
}

.pave_adr > div:last-child > div:nth-child(n+2) > button::before { margin : 0px 5px; }

.pave_adr_default { 
  padding-bottom 	: 5px;
  margin-bottom 	: 5px; 
}

.esp_cli_form_adr {
	width 	: 50%;
	margin 	: auto;
}

.esp_cli_form_adr input[name="cmi:adresse_2"], .esp_cli_form_adr input[name="cmi:adresse_3"] { margin-left : 180px; }

.esp_cli_usr .etat_gen { min-width : 50%; }

.esp_cli_usr .etat_gen table { border-spacing	: 0px 0px; }

.esp_cli_usr .etat_gen td { padding : 5px 5px; }

.esp_cli_usr .etat_gen > div:nth-child(1) > div:nth-child(1) { margin-right : 20px; }

.esp_cli_usr .etat_gen > div:nth-child(1) > div { padding : 0px 10px; }

.esp_cli_usr .etat_gen > div:nth-child(1) > div > a > div { margin-right : 10px; }

.esp_cli_usr .etat_gen > div:nth-child(1) a > div:nth-child(1) { height : 30px; }

/*********************************************************DOTATION***********************************************************************/
.dotation_choix { 
	font-size : 18px; 
	font-weight : bold;
	line-height : 1.7;
}

.dotation_choix input, .dotation_choix select { 
	line-height : 1.7;
	font-weight : bold;
	font-size 	: 13px;
}

.dotation_choix input[type="submit"] {
	font-size	: 16px;
	line-height	: 35px;
	padding		: 0px 10px;
}

.dotation_entete { 
	font-size 	: 18px; 
	line-height : 25px;
}

.dotation_ecran { width : 60%; }

.dotation_produit { width : 40%; }

.dotation_ecran input[type="submit"], .dotation_produit input[type="submit"] {
	font-size	: 16px;
	line-height	: 35px;
	padding		: 0px 10px;
}

.dotation_entete_submit { gap : 10px; }

.dotation_entete_submit a {
	font-size	: 16px;
	padding		: 0px 10px;
}

.dotation_entete_submit a > div > img { width: 30px; }

.dotation_entete_submit > div { padding : 0px 10px; }

.dotation_entete_submit a > div:nth-child(1) { 
	height		 : 30px; 
}

.dotation_entete_submit a div {	margin-right : 10px; }
/*********************************************************PIED DU SITE***********************************************************************/
.pie_gen {
	max-width 		: 1920px;
	height			: 150px;
	padding			: 0px 80px;
}

/*********************************************************FLECHES********************************************/
#fleche a {
	font-size 	: 15px;
	font-weight : bold;
}

#fleche a img { height : 15px; }



.pie_haut {
	padding		: 10px 0px;
	font-size 	: 17px;
	line-height : 1.29;
}

.pie_haut div:nth-child(1) img { margin-right : 30px; }

.pie_haut div:nth-child(2) img {
	width 			: 20px;
	object-fit 		: contain;
	margin-right 	: 15px;
}

.pie_haut div:nth-child(3) img {
	width 			: 20px;
	object-fit 		: contain;
	margin		 	: 0px 15px 0px 0px;
}

.pie_haut > div:nth-child(3) > div:nth-child(2) { margin-top : 20px; }

.pie_bas {
	font-size 	: 14px;
	line-height : 21px;
	padding		: 10px 0px;
}

/************************************************ERREURS*********************************************************************/
.error_txt > div:nth-child(1) 
{
	font-size 	: 28px;
	margin-top 	: 32px;
}

.error_txt > div:nth-child(2) { margin-top : 52px; }

.error_txt > div:nth-child(3) { margin-top : 20px; }

.error_txt > div:nth-child(4) { margin-top : 30px; }

.error_txt > div:nth-child(4) a  { font-size : 16px; }
 
.error_txt { font-size : 18px; }