f
.efface { border-style: none; }

.N_Edi_send { border: medium outset #000000; position: fixed; top: 220px; width: 500px; background-color: #E8E6E7; }

.N_Cadre { border-right: #000000 thin solid; border-top: #000000 thin solid; border-left: #000000 thin solid; border-bottom: #000000 thin solid; }

.N_Combo { border-right: #000000 thin solid; border-top: #000000 thin solid; border-left: #000000 thin solid; border-bottom: #000000 thin solid; padding: 0 0 0 0; margin: 0 0 0 0; }

.Password { font-size: 12px; color: infotext; font-family: Wingdings, 'Wingdings 2', 'Wingdings 3'; text-align: left; width: 150px; }

.N_MenuFixi8 { z-index: 100; background-color: #FFFBD6; }

.M_MenuStatitc { padding-left: 5px; padding-top: 10px; font-family: Arial, Times, serif; font-size: medium; }

.M_MenuDynamic { padding-left: 5px; padding-right: 5Px; padding-top: 5px; padding-bottom: 2px; background-color: #FDFDF7; border-style: none; font-family: Arial, Times, serif; font-size: medium; }

.M_MenuDynamic img { width: 20px; height: 20px; }

.M_MenuStatitc img { width: 20px; height: 20px; }

.M_MenuDynamicHoover { border: thin ridge #000000; background-color: #A9C9ED; }

.M_MenuStatichoover { border: thin ridge #000000; background-color: #A8A8A8; }

.N_Tete { width: 100%; height: 122px; margin: 0px; }

.N_Tete_Bouton { background-image: url(style/menu/title_degrad_hd.jpg); background-repeat: no-repeat; height: 46px; border-right: 1px black solid; text-align: right; color: White; font-family: Arial; font-size: medium; width: 100%; }

.N_Tete_Bouton_BT { text-align: right; color: White; font-family: Arial; font-size: medium; border-style: none; text-decoration: none; background-color: transparent; }

.N_Tete_Bouton img { margin-right: 12px; margin-top: 12px; height: 22px; }

.N_View_famille { /*titre présentation article*/ border: 0px; padding: 2px; background-color: #ddd; font-size: 16px; font-family: Arial; font-weight: bold; width: 176px; }

.N_View_titre { /*titre présentation article*/ border: 1px solid black; font-size: 16px; font-family: Arial; font-weight: bold; width: 148px; }

.N_View_corps { /*corps présentation article*/ border-left: 1px solid black; border-right: 1px solid black; width: 148px; background-image: url('style/Presentation/corps_article.jpg'); background-position: right bottom; background-repeat: no-repeat; font-size: 9px; font-family: Arial; font-weight: bold; }

.N_View_foot { /*pied présentation article*/ border: 0px; width: 150px; background-image: url('style/Presentation/foot_article.jpg'); background-repeat: no-repeat; }

.N_SousTitre { border-style: solid; border-width: thin; font-family: Arial; font-size: medium; font-weight: bold; color: Black; text-decoration: none; width: 300px; }

.N_Titre { font-family: Arial; font-size: large; font-weight: bold; color: black; text-decoration: none; padding: 0 0 0 0; }


.N_TitreBT { border: none; font-family: Arial; font-size: medium; height: 45px; }

.link_N_TitreBT { border: none; font-family: Arial; font-size: medium; display: inline-block; padding-top: 14px; padding-left: 16px; padding-right: 16px; padding-bottom: 18px; text-decoration: none; height: 13px; }

.link_N_TitreBT a { text-decoration: none; }

.link_N_TitreBT a:visited { color: white; }

.N_Fonction { border-style: outset; border-width: thin; font-family: Arial; font-size: large; font-weight: bold; text-decoration: none; background-color: #DFDFDF; text-align: left; height: 45px; }

.N_FonctionBT { border: 0; border-radius: 5px; font-family: Arial, Helvetica, sans-serif; font-size: small; background-color: #666666; height: 40px; color: #fff; }

.N_Combo_table { border: thin inset #E2E2E2; padding: 0 0 0 0; margin: 0 0 0 0; }

.N_Combo_table_mandatory { border: thin inset #E2E2E2; padding: 0 0 0 0; margin: 0 0 0 0; background-color: #f6fafc; }

.N_BT_Function_en_ligne { display: inline-block; width: auto; padding: 10px; margin: 10px; background-color: #fff; vertical-align: top; border: 1px grey solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: Arial; background-color: #fafafa; }

.N_BT_Image { display: inline-block; width: auto; padding: 5px; margin: 5px; background-color: #fff; vertical-align: top; border: 1px grey solid; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; font-family: Arial; }

.N_BT_Image_nb { display: inline-block; width: auto; padding: 2px; margin: 2px; background-color: #fff; vertical-align: top; font-family: Arial; border: none; }

.N_BT_Image_txt { text-align: right; border-style: none; text-decoration: none; background-color: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; }

.N_BT_Image button { text-align: right; color: White; font-family: Arial, Helvetica, sans-serif; font-size: medium; text-align: center; border-style: none; text-decoration: none; background-color: transparent; }

.N_Etat_qualite_J { background-color: #F0E68C; }

.N_Etat_qualite_B { background-color: #ADD8E6; }

.N_Etat_qualite_V { background-color: #66CDAA; }

.N_Etat_qualite_W { background-color: #FFFFFF; }

.N_Etat_red { background-color: #E66C82; }

.N_Overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,0.05); padding-top: 25%; padding-left: 30%; z-index: 999999999; cursor: none; width: 120px; }

.N_overlay_m { position: fixed; top: 45%; left: 45%; font-family: Arial; font-size: 16px; font-weight: normal; z-index: 1999999999; padding: 15px; cursor: none; }

.N_Default_badge { cursor: none; background-color: #E0E0E0; }

#progressBackgroundFilter { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; padding-top: 25%; padding-left: 30%; cursor: none; }

.N_Chapitre { width: 500px; height: 20px; font-family: Arial; font-size: 14px; padding-top: 6px; padding-left: 5px; font-weight: bold; color: White; background-color: #6699FF; }

.N_Texte { font-family: Arial; font-size: 12px; font-weight: bold; color: #000000; }

.N_Tache_F { width: 100%; border: none; }

.C_TD_Scanner { font-size: 20px; font-weight: bold; color: white; margin-left: 10px; }

.N_Serie_Add { border: 1px grey solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: Arial; background-color: #f6fafc; }

.N_Serie_Add hover { background-color: #f2f1dc; }

.N_Logon_table { max-width: 450px; font-family: verdana; font-size: 10px; background-color: #fff; }

.N_Logon_logo { max-width: 160px; width: 150px; text-align: center; }

.N_TexteVertical { width: 25px; }

.Td_chapitre { border-style: ridge; width: 75%; border-width: thin; font-family: Arial, Helvetica, sans-serif; font-size: small; background-color: #DDDDDD; color: #000000; vertical-align: text-top; height: auto; text-indent: inherit; line-height: 1em; }

.N_Kardex_BT { border: 0; border-radius: 5px; font-family: Arial, Helvetica, sans-serif; font-size: small; background-color: #666666; height: 40px; color: #fff; }

.N_Kardex_Cadre { border-right: black thin groove; border-top: black thin groove; border-left: black thin groove; border-bottom: black thin groove; }

.N_Kardex_Simplifier { width: 100%; border: 0px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; font-size: large; font-family: Arial; background-color: #CCCCCC; font-family: Arial; font-size: large; font-weight: normal; z-index: 1999999999; padding: 15px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.75); }

.Kardex_inout_actuel { border-right: #000000 thin solid; border-top: #000000 thin solid; border-left: #000000 thin solid; border-bottom: #000000 thin solid; color: white; width: 200px; overflow: visible; visibility: visible; display: block; display: table-cell; vertical-align: middle; background-color: red; font-size: x-large; font-family: 'Arial Narrow'; }

.Kardex_inout_std { border-right: #000000 thin solid; border-top: #000000 thin solid; border-left: #000000 thin solid; border-bottom: #000000 thin solid; font-size: x-large; font-family: 'Arial Narrow'; width: 200px; border-color: #FFFFFF; color: #FFFFFF; }

.N_Virtuel_clavier_img { border-right: black thin groove; border-top: black thin groove; border-left: black thin groove; border-bottom: black thin groove; width: 20px; }

.N_Bt_edit { border: none; background-color: transparent; border-spacing: 0; padding: 0px; margin: 0px; }

.N_Bt_edit img { width: 40px; }

.N_Fonction_BT { border: 0; border-radius: 5px; font-family: Arial, Helvetica, sans-serif; font-size: small; background-color: #666666; height: 40px; color: #fff; }

.Cadre_Centrer { visibility: visible; display: block; display: table-cell; vertical-align: middle; width: 250px; }

.Cadre { border-right: #000000 thin solid; border-top: #000000 thin solid; border-left: #000000 thin solid; border-bottom: #000000 thin solid; }

TABLE.title { font-size: 10pt; color: black; font-style: normal; font-family: Arial; background-color: WindowFrame; font-variant: normal; }

.Tr_Titre { border-width: medium; border-style: outset; background-color: #4673D0; font-family: 'Comic Sans MS'; font-size: larger; text-transform: uppercase; }

.Titre { font-size: 14pt; font-family: Arial, Sans-Serif; color: infotext; text-align: center; }

.PTitre { border-right: black thin double; border-top: black thin double; border-left: black thin double; border-bottom: black thin double; background-color: #e4eeff; }

.Erreur { font-size: 14pt; color: Red; font-family: Arial, Sans-Serif; text-align: center; }

.Erreur_Vente_S { font-size: 14pt; color: Red; font-family: Arial, Sans-Serif; text-align: Left; }

.Titre_Grille { font-size: 12pt; color: #000000; font-family: Arial, Sans-Serif; font-weight: bold; }

.Td_titre { border-right: black thin groove; border-top: black thin groove; border-left: black thin groove; border-bottom: black thin groove; background-color: #0099cc; }

.Td_titre_edit { border-right: black thin groove; border-top: black thin groove; border-left: black thin groove; border-bottom: black thin groove; background-color: #0099cc; }

.Td_Paire { border-right: #6699ff thin solid; border-top: #6699ff thin solid; border-left: #6699ff thin solid; border-bottom: #6699ff thin solid; background-color: #ffffff; }

.Td_Paire_edit { border-right: #6699ff thin solid; border-top: #6699ff thin solid; border-left: #6699ff thin solid; border-bottom: #6699ff thin solid; background-color: #ffffff; }

.N_Plateau_viewear { border-right: #000000 thin solid; border-top: #000000 thin solid; border-left: #000000 thin solid; border-bottom: #000000 thin solid; }

.Tr_generale { }

.Tr_admin { }

.Tr_Option { }

.Image_Logo { border-right: #0000ff groove; border-top: #0000ff groove; border-left: #0000ff groove; border-bottom: #0000ff groove; }

A.menulink { width: 150px; text-decoration: none; font-family: Verdana; font-size: 12px; color: #000000; BORDER: none; border: solid 1px #FFFFFF; }

A.menulink:hover { border: solid 1px #000000; background-color: #FF9900; }

.Procedure { }

.ProcedureT { font-size: 12px; color: black; font-family: 'Arial Black', Monospace; font-variant: small-caps; text-decoration: underline; text-transform: uppercase; }

.ProcedureR { font-size: 10px; color: black; font-family: Arial; text-transform: none; }

.TD_border { border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid; }

#menu11 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; }

#menut li a:link, #menut li a:visited { color: #8BADCF; display: block; background: url(i/menu/menu21.gif); padding: 8px 0 0 10px; }

#menut li a:hover { color: #627EB7; background: url(i/menu/menu21.gif) 0 -32px; padding: 8px 0 0 10px; }

.ProcedureIMG { width: 70px; height: 70px; cursor: help; }

.ListeIMG { width: 40px; height: auto; border: 0; vertical-align: middle; }

.FunctionIMG { width: 28px; height: 28px; }

.FunctionIMG img:hover { width: 70px; height: 70px; cursor: help; }

.ListeTXT { font-weight: normal; font-size: 9pt; font-family: 'Comic Sans MS'; }

.texteTXT { font-weight: normal; font-size: 9pt; font-family: 'Comic Sans MS'; width: 100%; }

.zoom img:hover { width: 150px; height: auto; }

.zoommin img:hover { width: 50px; height: auto; }

.Td_date { border-right: black thin groove; border-top: black thin groove; border-left: black thin groove; border-bottom: black thin groove; }

.rechercheoption { font-size: 7pt; font-family: arial, Helvetica, sans-serif; text-transform: lowercase; font-weight: normal; font-style: normal; font-variant: normal; }

.info { font-size: 12px; font-family: Arial; }

.infoAttention { font-size: 12px; font-family: Arial; background-color: #ff6666; }

.N_Message_Logoff { position: fixed; top: 25%; bottom: 25%; left: 25%; right: 25%; width: 50%; border: 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: medium; font-family: Arial; background-color: #ff5f8b; font-family: Arial; font-size: 16px; font-weight: normal; z-index: 1999999999; padding: 15px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.75); }

.N_Message_Logoff_overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,0.15); padding-top: 25%; padding-left: 30%; z-index: 999999999; }

.keyboard { background: transparent; font-size: 15pt; font-style: normal; font-family: Arial, 'Arial Black', Sans-Serif; font-variant: normal; height: 50px; /* Height of button background height */ width: 50px; text-decoration: none; line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */ float: left; }

.KeyboardTD { background: transparent url(i/bouton/glossyback.gif) repeat top left; height: 52px; }

.KeyboardTD:hover { background: transparent url(i/bouton/glossyback2.gif) repeat top left; height: 52px; }

.tablerecherche { position: absolute; top: 165px; left: 200px; background-color: White; border-right: black thin outset; border-top: black thin outset; border-left: black thin outset; border-bottom: black thin outset; }

.Fileupload { text-decoration: underline; }

.N_Fonction_check { border-width: thin; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-bottom-style: solid; }

#processErrorMessage { background-color: #fff; }

TD.KeyboardTD { background-color: #51adff; height: 52px; }

TD.KeyboardTD:hover { background-color: #3c5cff; height: 52px; }

.Fleche { border-style: none; }

.Fleche:hover { width: 40px; }

.HyperlinkCssClass img { width: 15px; border-style: none; }

.N_Kardex_E { border-style: double; border-width: thick; border-color: inherit; background-color: #F9D0AC; }

.N_Diagnostique_texte { font-family: Arial, Helvetica, sans-serif; font-size: large; font-weight: bold; }

.N_Diagnostique_texte_info { font-family: Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; }

.N_Diagnostique_back_error { border-style: ridge; border-width: thin; background-color: #E76058; }

.N_Diagnostique_img_chk { width: 40px; }

.N_RadTabStrip { }

.N_RadMultiPage { }

.N_Tools_bouton_P { height: 200px; border: 1px; }

.N_Tools_bouton_S { height: 120px; border: 1px; }

#image_bg_blank { padding: 0px; margin: 0px; display: table-cell; }

.wideContent { font-family: Arial, Helvetica, sans-serif; padding: 10px; }

.N_Corps_Texte { font-family: Arial, Helvetica, sans-serif; font-size: large; font-weight: normal; color: #000000; text-align: left; margin-top: 0px; }

.N_Cadre_Recherche { position: absolute; top: 365px; left: 750px; height: 150px; width: 350px; background-color: White; border-right: black thin outset; border-top: black thin outset; border-left: black thin outset; border-bottom: black thin outset; }

.btlogon { background-color: #5EB660; color: white; border: 0; border-radius: 5px; padding: 20px; padding-top: 10px; padding-bottom: 10px; font-size: 15px; font-weight: bold; }

.btefface { background-color: red; text-align: center; color: white; border: 0; border-radius: 5px; padding: 20px; padding-top: 10px; padding-bottom: 10px; font-size: 15px; font-weight: bold; }

.tarea { border: 0; border: 1px solid #6699FF; }

.evidence .champs_evidence:focus { height: 40px; font-size: 30px; width: 200px; border: 2px solid #727272; }

.article_simplifie { background-color: #fff; border: #fefefe 1px solid; }

.titre_article_simplifie { background-color: #efefef; border-bottom: 2px solid #fff; }

.titre_article_simplifie td { background-color: #efefef; border-bottom: 1px solid #fff; }

.Texte_evidence { font-weight: bold; font-style: normal; }

.Texte_Location_evidence { font-weight: bold; font-style: normal; font-size: large; color: #FF0000; }

div.pagination { padding: 2px; margin: 2px; text-align: center; font-size: 16px; }

div.pagination input { padding: 2px 5px 2px 5px; margin-right: 10px; border: none; background-color: white; text-decoration: none; }

div.pagination span.current { padding: 2px 5px 2px 5px; margin-right: 2px; color: black; }

div.pagination span.disabled { padding: 2px 5px 2px 5px; margin-right: 2px; }

.focus { padding: 2px 2px 2px 2px; margin-right: 2px; text-decoration: none; }

.current { font-weight: bold; padding: 2px 2px 2px 2px; margin-right: 2px; font-weight: bold; }


/*Police de caractère*/
.fox_serif { font-family: serif; }
.fox_sans_serif { font-family: sans-serif; }
.fox_monospace { font-family: monospace; }
.fox_font_tiny { font-size: 8px; }
.fox_font_litle { font-size: 10px; }
.fox_font_medium { font-size: 12px; }
.fox_font_large { font-size: 14px; }
.fox_font_extra_large { font-size: 20px; }
.fox_font_super_extra_large { font-size: 30px; }
.fox_font_super_extra_extra_large { font-size: 40px; }

/*Mise en forme*/
.fox_bold { font-weight: bold; }
.fox_italic { font-style: italic; }
.unset_fox_italic { font-style: normal; }
.unset_fox_bold { font-weight: normal; }
.fox_text_left { text-align: left; }
.fox_text_right { text-align: right; }
.fox_text_center { text-align: center; }
.fox_text_justify { text-align: justify; }
.fox_line_height { Line-Height: 1; }
.fox_line_height_double { line-height: 2; }
.fox_line_height_unset { line-height: 0; }
.fox_block { display: block; }
.fox_inline_block { display: inline-block; }
.fox_inline { display: inline; }
.fox_no_display { display: none; }
.fox_cursour_alias { cursor: alias; }
.fox_cursour_all_scroll { cursor: all-scroll; }
.fox_cursour_auto { cursor: auto; }
.fox_cursour_cell { cursor: cell; }
.fox_cursour_context_menu { cursor: context-menu; }
.fox_cursour_col-resize { cursor: col-resize; }
.fox_cursour_copy { cursor: copy; }
.fox_cursour_crosshair { cursor: crosshair; }
.fox_cursour_default { cursor: default; }
.fox_cursour_e-resize { cursor: e-resize; }
.fox_cursour_ew-resize { cursor: ew-resize; }
.fox_cursour_grab { cursor: -webkit-grab; cursor: grab; }
.fox_cursour_grabbing { cursor: -webkit-grabbing; cursor: grabbing; }
.fox_cursour_help { cursor: help; }
.fox_cursour_move { cursor: move; }
.fox_cursour_n_resize { cursor: n-resize; }
.fox_cursour_ne_resize { cursor: ne-resize; }
.fox_cursour_nesw_resize { cursor: nesw-resize; }
.fox_cursour_ns_resize { cursor: ns-resize; }
.fox_cursour_nw_resize { cursor: nw-resize; }
.fox_cursour_nwse_resize { cursor: nwse-resize; }
.fox_cursour_no_drop { cursor: no-drop; }
.fox_cursour_none { cursor: none; }
.fox_cursour_not_allowed { cursor: not-allowed; }
.fox_cursour_pointer { cursor: pointer; }
.fox_cursour_progress { cursor: progress; }
.fox_cursour_row_resize { cursor: row-resize; }
.fox_cursour_s_resize { cursor: s-resize; }
.fox_cursour_se_resize { cursor: se-resize; }
.fox_cursour_sw_resize { cursor: sw-resize; }
.fox_cursour_text { cursor: text; }
.fox_cursour_w-resize { cursor: w-resize; }
.fox_cursour_wait { cursor: wait; }
.fox_cursour_zoom_in { cursor: zoom-in; }
.fox_cursour_zoom_out { cursor: zoom-out; }

p { margin: 10px; padding: 0px; font-size: 12px; }

.fox_border_unset { border: 0; }
.fox_table, .fox_table_bordered { border-collapse: collapse; border-spacing: 0; width: 100%; display: table; }
.fox_table_bordered { border: 1px solid #ccc; }
.fox_line_bordered tr { border-bottom: 1px solid #ddd; }
.fox_striped tbody tr:nth-child(even) { background-color: #f1f1f1; }
.fox_table_bordered tr:nth-child(odd) { background-color: #fff; }
.fox_table-bordered tr:nth-child(even) { background-color: #f1f1f1; }
.fox_hoverable tbody tr:hover, .fox_ul.fox_hoverable li:hover { background-color: #ccc; }
.fox_centered tr th, .fox_centered tr td { text-align: center; }

.fox_table td, .fox_table th, .fox_table-all td, .fox_table-all th { padding: 8px 8px; display: table-cell; text-align: left; vertical-align: top; }
.fox_table_col_equal { table-layout: fixed; }
.fox_show_topleft { display: table-cell; vertical-align: top; text-align: left; }
.fox_show_topright { display: table-cell; vertical-align: top; text-align: right; }
.fox_show_bottomleft { display: table-cell; vertical-align: bottom; text-align: left; }
.fox_show_bottomright { display: table-cell; vertical-align: bottom; text-align: right; }
.fox_show_middle { display: table-cell; vertical-align: middle; text-align: center; }
.fox_show_left { display: table-cell; vertical-align: middle; text-align: left; }
.fox_show_right { display: table-cell; vertical-align: middle; text-align: right; }
.fox_show_topmiddle { display: table-cell; vertical-align: top; text-align: center; }
.fox_show_bottommiddle { display: table-cell; vertical-align: bottom; text-align: center; }

h1, h2, h3, h4, h5, h6 { font-family: Arial,sans-serif; font-weight: 400; margin: 10px 0; }

h1 { font-size: 36px; }

h2 { font-size: 30px; }

h3 { font-size: 24px; }

h4 { font-size: 20px; }

h5 { font-size: 18px; }

h6 { font-size: 16px; }

h1, h2, h3, h4, h5, h6 { font-family: "Segoe UI",Arial,sans-serif; font-weight: 400; margin: 10px 0; }

.fox_layer_extra_hight { z-index: 100000; }
.fox_layer_very_hight { z-index: 10000; }
.fox_layer_hight { z-index: 1000; }
.fox_layer_hight_middle { z-index: 50; }
.fox_layer_middle { z-index: 10; }
.fox_layer_low_middle { z-index: 5; }
.fox_layer_low { z-index: 1; }
.fox_layer_unset { z-index: 0; }

.fox_shadow { box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); }
.fox_shadow_middle { box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19); }
.fox_shadow_hight { box-shadow: 0 8px 20px 0 rgba(0,0,0,0.2),0 8px 40px 0 rgba(0,0,0,0.19); }
.fox_shadow_hover:hover { box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); }
.fox_shadow_middle_hover:hover { box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19); }
.fox_shadow_hight_hover:hover { box-shadow: 0 8px 20px 0 rgba(0,0,0,0.2),0 8px 40px 0 rgba(0,0,0,0.19); }

.fox_border { border: 1px solid; }
.fox_border_middle { border: 2px solid; }
.fox_border_hight { border: 4px solid; }
.fox_round_low { border-radius: 2px; }
.fox_round { border-radius: 4px; }
.fox_round-middle { border-radius: 8px; }
.fox_round-hight { border-radius: 16px; }
.fox_round_extra_hight { border-radius: 32px; }

/*padding*/
.fox_padding_low { padding: 2px; }
.fox_padding { padding: 4px; }
.fox_padding_middle { padding: 8px; }
.fox_padding_hight { padding: 16px; }
.fox_padding_extra_hight { padding: 32px; }
.fox_padding_unset { padding: 0px; }
.fox_padding_left_low { padding-left: 2px; }
.fox_padding_left { padding-left: 4px; }
.fox_padding_left_middle { padding-left: 8px; }
.fox_padding_left_hight { padding-left: 16px; }
.fox_padding_left_extra_hight { padding-left: 32px; }
.fox_padding_left_unset { padding-left: 0px; }
.fox_padding_right_low { padding-right: 2px; }
.fox_padding_right { padding-right: 4px; }
.fox_padding_right_middle { padding-right: 8px; }
.fox_padding_right_hight { padding-right: 16px; }
.fox_padding_right_extra_hight { padding-right: 32px; }
.fox_padding_right_unset { padding-right: 0px; }
.fox_padding_top_low { padding-top: 2px; }
.fox_padding_top { padding-top: 4px; }
.fox_padding_top_middle { padding-top: 8px; }
.fox_padding_top_hight { padding-top: 16px; }
.fox_padding_top_extra_hight { padding-top: 32px; }
.fox_padding_top_unset { padding-top: 0px; }
.fox_padding_bottom_low { padding-bottom: 2px; }
.fox_padding_bottom { padding-bottom: 4px; }
.fox_padding_bottom_middle { padding-bottom: 8px; }
.fox_padding_bottom_hight { padding-bottom: 16px; }
.fox_padding_bottom_extra_hight { padding-bottom: 32px; }
.fox_padding_bottom_unset { padding-bottom: 0px; }

/*margin*/
.fox_margin_low { margin: 2px; }
.fox_margin { margin: 4px; }
.fox_margin_middle { margin: 8px; }
.fox_margin_hight { margin: 16px; }
.fox_margin_extra_hight { margin: 32px; }
.fox_margin_unset { margin: 0px; }
.fox_margin_negative { margin: -4px; }
.fox_margin_left_low { margin-left: 2px; }
.fox_margin_left { margin-left: 4px; }
.fox_margin_left_middle { margin-left: 8px; }
.fox_margin_left_hight { margin-left: 16px; }
.fox_margin_left_extra_hight { margin-left: 32px; }
.fox_margin_left_unset { margin-left: 0px; }
.fox_margin_negative_left { margin-left: -4px; }
.fox_margin_right_low { margin-right: 2px; }
.fox_margin_right { margin-right: 4px; }
.fox_margin_right_middle { margin-right: 8px; }
.fox_margin_right_hight { margin-right: 16px; }
.fox_margin_right_extra_hight { margin-right: 32px; }
.fox_margin_right_unset { margin-right: 0px; }
.fox_margin_negative_right { margin-right: -4px; }
.fox_margin_top_low { margin-top: 2px; }
.fox_margin_top { margin-top: 4px; }
.fox_margin_top_middle { margin-top: 8px; }
.fox_margin_top_hight { margin-top: 16px; }
.fox_margin_top_extra_hight { margin-top: 32px; }
.fox_margin_top_unset { margin-top: 0px; }
.fox_margin_negative_top { margin-top: -4px; }
.fox_margin_bottom_low { margin-bottom: 2px; }
.fox_margin_bottom { margin-bottom: 4px; }
.fox_margin_bottom_middle { margin-bottom: 8px; }
.fox_margin_bottom_hight { margin-bottom: 16px; }
.fox_margin_bottom_extra_hight { margin-bottom: 32px; }
.fox_margin_bottom_unset { margin-bottom: 0px; }
.fox_margin_negative_bottom { margin-bottom: -4px; }

/*gestion barre d'outils*/
.fox_bar { width: 100%; overflow: hidden; }
.fox_bar { display: inline-block; width: auto; }
.fox_vertical_menu { width: 100%; overflow: hidden; }
.fox_vertical_menu .fox_menu_item { display: block; width: 100%; }
.fox_bar .fox_bar_item { padding: 8px 16px; float: left; width: auto; border: none; display: block; outline: 0; }
.fox_bar .fox_dropdown-hover, .fox_bar .fox_dropdown-click { position: static; float: left; }
.fox_bar .fox_button { white-space: normal; }

/*gestion bouton*/
.fox_button { border: none; display: inline-block; padding: 8px 16px; vertical-align: middle; overflow: hidden; text-decoration: none; }
.fox_button_click:focus { box-shadow: none; }
.fox_button_icon_left { background-position-y: center; background-position-x: 5px; background-repeat: no-repeat; padding-left: 32px; padding-right: 5px; }

/* Alignement des objects */
.fox_right { float: right !important; }
.fox_left { float: left !important; }
.fox_center .fox_bar { display: inline-block; width: auto; }

/*effet de filtre sur objet */

/*mettre en gris*/
.fox_effect_grayscal { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); }

/*Mise en flou*/
.fox_effect_blur { filter: blur(5px); }
.fox_effect_blur_middle { filter: blur(10px); }
.fox_effect_blur_hight { filter: blur(20px); }

/*Mise en lumière*/
.fox_effect_brightness { filter: brightness(150%); }
.fox_effect_brightness_middle { filter: brightness(200%); }
.fox_effect_brightness_hight { filter: brightness(250%); }

/*Mise en contraste*/
.fox_effect_contrast { filter: contrast(150%); }
.fox_effect_contrast_middle { filter: contrast(200%); }
.fox_effect_contrast_hight { filter: contrast(250%); }

/*opacité*/
.fox_effect_opacity { opacity: 0.75; }
.fox_effect_opacity_middle { opacity: 0.50; }
.fox_effect_opacity_hight { opacity: 0.25; }

/*Mise en saturation*/
.fox_effect_saturate { filter: saturate(2); }
.fox_effect_saturate_middle { filter: saturate(4); }
.fox_effect_saturate_hight { filter: saturate(8); }
.fox_effect_saturate_low { filter: saturate(50%); }

/*Sepia*/
.fox_effect_sepia { filter: sepia(50%); }
.fox_effect_sepia_middle { filter: sepia(75%); }
.fox_effect_sepia_hight { filter: sepia(100%); }

/*effet de filtre sur objet hover */

/*mettre en gris hover*/
.fox_effect_grayscal:hover { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); }

/*Mise en flou hover*/
.fox_effect_blur:hover { filter: blur(5px); }
.fox_effect_blur_middle:hover { filter: blur(10px); }
.fox_effect_blur_hight:hover { filter: blur(20px); }

/*Mise en lumière hover*/
.fox_effect_brightness:hover { filter: brightness(150%); }
.fox_effect_brightness_middle:hover { filter: brightness(200%); }
.fox_effect_brightness_hight:hover { filter: brightness(250%); }

/*Mise en contraste hover*/
.fox_effect_contrast:hover { filter: contrast(150%); }
.fox_effect_contrast_middle:hover { filter: contrast(200%); }
.fox_effect_contrast_hight:hover { filter: contrast(250%); }

/*opacité hover*/
.fox_effect_opacity:hover { opacity: 0.75; }
.fox_effect_opacity_middle:hover { opacity: 0.50; }
.fox_effect_opacity_hight:hover { opacity: 0.25; }

/*Mise en saturation hover*/
.fox_effect_saturate:hover { filter: saturate(2); }
.fox_effect_saturate_middle:hover { filter: saturate(4); }
.fox_effect_saturate_hight:hover { filter: saturate(8); }
.fox_effect_saturate_low:hover { filter: saturate(50%); }

/*Sepia hover*/
.fox_effect_sepia:hover { filter: sepia(50%); }
.fox_effect_sepia_middle:hover { filter: sepia(75%); }
.fox_effect_sepia_hight:hover { filter: sepia(100%); }

/* Animation */
.fox_animate_opacity { animation: opac 0.8s; }

@keyframes opac {
    from { opacity: 0; }
    to { opacity: 1; }
}

.fox_animate_fading_low { animation: fading 10s infinite; }

@keyframes fading {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

.fox_animate_fading { animation: fading 5s infinite; }

@keyframes fading {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

.fox_animate_fading_quick { animation: fading 1s infinite; }

@keyframes fading {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

.fox_animate_zoom { animation: animatezoom 0.6s; }

@keyframes animatezoom {
    from { transform: scale(0); }
    to { transform: scale(1); }
}

.fox_animate_opacity_hover:hover { animation: opac 0.8s; }

@keyframes opac {
    from { opacity: 0; }
    to { opacity: 1; }
}

.fox_animate_fading_hover:hover { animation: fading 5s infinite; }

@keyframes fading {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

.fox_animate_fading_low_hover:hover { animation: fading 10s infinite; }

@keyframes fading {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

.fox_animate_fading_quick_hover:hover { animation: fading 1s infinite; }

@keyframes fading {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

.fox_animate_zoom_hover:hover { animation: animatezoom 0.6s; }

@keyframes animatezoom {
    from { transform: scale(0); }
    to { transform: scale(1); }
}

/* Animation tremblement */
@keyframes shake-rotate {
    2% { transform: translate(0, 0) rotate(-5.5deg); }
    4% { transform: translate(0, 0) rotate(4.5deg); }
    6% { transform: translate(0, 0) rotate(6.5deg); }
    8% { transform: translate(0, 0) rotate(-6.5deg); }
    10% { transform: translate(0, 0) rotate(7.5deg); }
    12% { transform: translate(0, 0) rotate(-1.5deg); }
    14% { transform: translate(0, 0) rotate(-1.5deg); }
    16% { transform: translate(0, 0) rotate(6.5deg); }
    18% { transform: translate(0, 0) rotate(.5deg); }
    20% { transform: translate(0, 0) rotate(1.5deg); }
    22% { transform: translate(0, 0) rotate(-3.5deg); }
    24% { transform: translate(0, 0) rotate(1.5deg); }
    26% { transform: translate(0, 0) rotate(-5.5deg); }
    28% { transform: translate(0, 0) rotate(2.5deg); }
    30% { transform: translate(0, 0) rotate(-1.5deg); }
    32% { transform: translate(0, 0) rotate(-.5deg); }
    34% { transform: translate(0, 0) rotate(1.5deg); }
    36% { transform: translate(0, 0) rotate(3.5deg); }
    38% { transform: translate(0, 0) rotate(-1.5deg); }
    40% { transform: translate(0, 0) rotate(.5deg); }
    42% { transform: translate(0, 0) rotate(-1.5deg); }
    44% { transform: translate(0, 0) rotate(7.5deg); }
    46% { transform: translate(0, 0) rotate(-5.5deg); }
    48% { transform: translate(0, 0) rotate(5.5deg); }
    50% { transform: translate(0, 0) rotate(5.5deg); }
    52% { transform: translate(0, 0) rotate(4.5deg); }
    54% { transform: translate(0, 0) rotate(1.5deg); }
    56% { transform: translate(0, 0) rotate(3.5deg); }
    58% { transform: translate(0, 0) rotate(6.5deg); }
    60% { transform: translate(0, 0) rotate(-4.5deg); }
    62% { transform: translate(0, 0) rotate(-6.5deg); }
    64% { transform: translate(0, 0) rotate(4.5deg); }
    66% { transform: translate(0, 0) rotate(-6.5deg); }
    68% { transform: translate(0, 0) rotate(3.5deg); }
    70% { transform: translate(0, 0) rotate(-6.5deg); }
    72% { transform: translate(0, 0) rotate(-1.5deg); }
    74% { transform: translate(0, 0) rotate(-.5deg); }
    76% { transform: translate(0, 0) rotate(-3.5deg); }
    78% { transform: translate(0, 0) rotate(7.5deg); }
    80% { transform: translate(0, 0) rotate(5.5deg); }
    82% { transform: translate(0, 0) rotate(4.5deg); }
    84% { transform: translate(0, 0) rotate(2.5deg); }
    86% { transform: translate(0, 0) rotate(-2.5deg); }
    88% { transform: translate(0, 0) rotate(-6.5deg); }
    90% { transform: translate(0, 0) rotate(-1.5deg); }
    92% { transform: translate(0, 0) rotate(5.5deg); }
    94% { transform: translate(0, 0) rotate(1.5deg); }
    96% { transform: translate(0, 0) rotate(1.5deg); }
    98% { transform: translate(0, 0) rotate(5.5deg); }
    0%, 100% { transform: translate(0, 0) rotate(0); }
}

.fox_skake { display: inline-block; transform-origin: center center; }
.fox_shake { animation-play-state: running; animation-name: shake-rotate; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.fox_shake_hover:hover { animation-play-state: running; animation-name: shake-rotate; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.fox_shake_low { animation-play-state: running; animation-name: shake-rotate; animation-duration: 10s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.fox_shake_low_hover:hover { animation-play-state: running; animation-name: shake-rotate; animation-duration: 10s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.fox_shake_middle_low { animation-play-state: running; animation-name: shake-rotate; animation-duration: 5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.fox_shake_middle_low_hover:hover { animation-play-state: running; animation-name: shake-rotate; animation-duration: 5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.fox_shake_quick { animation-play-state: running; animation-name: shake-rotate; animation-duration: 100ms; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.fox_shake_quick_hover:hover { animation-play-state: running; animation-name: shake-rotate; animation-duration: 100ms; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.fox_sidebar { height: 100%; width: 200px; background-color: #fff; position: fixed !important; z-index: 1; overflow: auto; }
.fox_content_sidebar { border: 2px red solid; overflow: scroll; }

/* Colors */
.fox_color_amber, .fox_color_hover_amber:hover { color: #000 !important; background-color: #ffc107 !important; }
.fox_color_aqua, .fox_color_hover_aqua:hover { color: #000 !important; background-color: #00ffff !important; }
.fox_color_blue, .fox_color_hover_blue:hover { color: #fff !important; background-color: #65AFD2 !important; }
.fox_color_light_blue, .fox_color_hover_light_blue:hover { color: #000 !important; background-color: #87CEEB !important; }
.fox_color_brown, .fox_color_hover_brown:hover { color: #fff !important; background-color: #795548 !important; }
.fox_color_cyan, .fox_color_hover_cyan:hover { color: #000 !important; background-color: #00bcd4 !important; }
.fox_color_blue_grey, .fox_color_hover_blue_grey:hover, .fox_color_blue_gray, .fox_color_hover_blue_gray:hover { color: #fff !important; background-color: #607d8b !important; }
.fox_color_green, .fox_color_hover_green:hover { color: #fff !important; background-color: #4CAF50 !important; }
.fox_color_light_green, .fox_color_hover_light_green:hover { color: #000 !important; background-color: #8bc34a !important; }
.fox_color_indigo, .fox_color_hover_indigo:hover { color: #fff !important; background-color: #3f51b5 !important; }
.fox_color_khaki, .fox_color_hover_khaki:hover { color: #000 !important; background-color: #f0e68c !important; }
.fox_color_lime, .fox_color_hover_lime:hover { color: #000 !important; background-color: #cddc39 !important; }
.fox_color_orange, .fox_color_hover_orange:hover { color: #000 !important; background-color: #ff9800 !important; }
.fox_color_deep_orange, .fox_color_hover_deep_orange:hover { color: #fff !important; background-color: #ff5722 !important; }
.fox_color_pink, .fox_color_hover_pink:hover { color: #fff !important; background-color: #e91e63 !important; }
.fox_color_purple, .fox_color_hover_purple:hover { color: #fff !important; background-color: #9c27b0 !important; }
.fox_color_deep_purple, .fox_color_hover_deep_purple:hover { color: #fff !important; background-color: #673ab7 !important; }
.fox_color_red, .fox_color_hover_red:hover { color: #fff !important; background-color: #f44336 !important; }
.fox_color_sand, .fox_color_hover_sand:hover { color: #000 !important; background-color: #fdf5e6 !important; }
.fox_color_teal, .fox_color_hover_teal:hover { color: #fff !important; background-color: #009688 !important; }
.fox_color_yellow, .fox_color_hover_yellow:hover { color: #000 !important; background-color: #ffeb3b !important; }
.fox_color_white, .fox_color_hover_white:hover { color: #000 !important; background-color: #fff !important; }
.fox_color_black, .fox_color_hover_black:hover { color: #fff !important; background-color: #000 !important; }
.fox_color_grey, .fox_color_hover_grey:hover, .fox_color_gray, .fox_color_hover_gray:hover { color: #000 !important; background-color: #9e9e9e !important; }
.fox_color_light_grey, .fox_color_hover_light_grey:hover, .fox_color_light_gray, .fox_color_hover_light_gray:hover { color: #000 !important; background-color: #f1f1f1 !important; }
.fox_color_dark_grey, .fox_color_hover_dark_grey:hover, .fox_color_dark_gray, .fox_color_hover_dark_gray:hover { color: #fff !important; background-color: #616161 !important; }
.fox_color_pale_red, .fox_color_hover_pale_red:hover { color: #000 !important; background-color: #ffdddd !important; }
.fox_color_pale_green, .fox_color_hover_pale_green:hover { color: #000 !important; background-color: #ddffdd !important; }
.fox_color_pale_yellow, .fox_color_hover_pale_yellow:hover { color: #000 !important; background-color: #ffffcc !important; }
.fox_color_pale_blue, .fox_color_hover_pale_blue:hover { color: #000 !important; background-color: #ddffff !important; }
.fox_text_amber, .fox_text_hover_amber:hover { color: #ffc107 !important; }
.fox_text_aqua, .fox_text_hover_aqua:hover { color: #00ffff !important; }
.fox_text_blue, .fox_text_hover_blue:hover { color: #65AFD2 !important; }
.fox_text_light_blue, .fox_text_hover_light_blue:hover { color: #87CEEB !important; }
.fox_text_brown, .fox_text_hover_brown:hover { color: #795548 !important; }
.fox_text_cyan, .fox_text_hover_cyan:hover { color: #00bcd4 !important; }
.fox_text_blue_grey, .fox_text_hover_blue_grey:hover, .fox_text_blue_gray, .fox_text_hover_blue_gray:hover { color: #607d8b !important; }
.fox_text_green, .fox_text_hover_green:hover { color: #4CAF50 !important; }
.fox_text_light_green, .fox_text_hover_light_green:hover { color: #8bc34a !important; }
.fox_text_indigo, .fox_text_hover_indigo:hover { color: #3f51b5 !important; }
.fox_text_khaki, .fox_text_hover_khaki:hover { color: #b4aa50 !important; }
.fox_text_lime, .fox_text_hover_lime:hover { color: #cddc39 !important; }
.fox_text_orange, .fox_text_hover_orange:hover { color: #ff9800 !important; }
.fox_text_deep_orange, .fox_text_hover_deep_orange:hover { color: #ff5722 !important; }
.fox_text_pink, .fox_text_hover_pink:hover { color: #e91e63 !important; }
.fox_text_purple, .fox_text_hover_purple:hover { color: #9c27b0 !important; }
.fox_text_deep_purple, .fox_text_hover_deep_purple:hover { color: #673ab7 !important; }
.fox_text_red, .fox_text_hover_red:hover { color: #f44336 !important; }
.fox_text_sand, .fox_text_hover_sand:hover { color: #fdf5e6 !important; }
.fox_text_teal, .fox_text_hover_teal:hover { color: #009688 !important; }
.fox_text_yellow, .fox_text_hover_yellow:hover { color: #d2be0e !important; }
.fox_text_white, .fox_text_hover_white:hover { color: #fff !important; }
.fox_text_black, .fox_text_hover_black:hover { color: #000 !important; }
.fox_text_grey, .fox_text_hover_grey:hover, .fox_text_gray, .fox_text_hover_gray:hover { color: #757575 !important; }
.fox_text_light_grey, .fox_text_hover_light_grey:hover, .fox_text_light_gray, .fox_text_hover_light_gray:hover { color: #f1f1f1 !important; }
.fox_text_dark_grey, .fox_text_hover_dark_grey:hover, .fox_text_dark_gray, .fox_text_hover_dark_gray:hover { color: #3a3a3a !important; }
.fox_border_amber, .fox_border_hover_amber:hover { border-color: #ffc107 !important; }
.fox_border_aqua, .fox_border_hover_aqua:hover { border-color: #00ffff !important; }
.fox_border_blue, .fox_border_hover_blue:hover { border-color: #65AFD2 !important; }
.fox_border_light_blue, .fox_border_hover_light_blue:hover { border-color: #87CEEB !important; }
.fox_border_brown, .fox_border_hover_brown:hover { border-color: #795548 !important; }
.fox_border_cyan, .fox_border_hover_cyan:hover { border-color: #00bcd4 !important; }
.fox_border_blue_grey, .fox_border_hover_blue_grey:hover, .fox_border_blue_gray, .fox_border_hover_blue_gray:hover { border-color: #607d8b !important; }
.fox_border_green, .fox_border_hover_green:hover { border-color: #4CAF50 !important; }
.fox_border_light_green, .fox_border_hover_light_green:hover { border-color: #8bc34a !important; }
.fox_border_indigo, .fox_border_hover_indigo:hover { border-color: #3f51b5 !important; }
.fox_border_khaki, .fox_border_hover_khaki:hover { border-color: #f0e68c !important; }
.fox_border_lime, .fox_border_hover_lime:hover { border-color: #cddc39 !important; }
.fox_border_orange, .fox_border_hover_orange:hover { border-color: #ff9800 !important; }
.fox_border_deep_orange, .fox_border_hover_deep_orange:hover { border-color: #ff5722 !important; }
.fox_border_pink, .fox_border_hover_pink:hover { border-color: #e91e63 !important; }
.fox_border_purple, .fox_border_hover_purple:hover { border-color: #9c27b0 !important; }
.fox_border_deep_purple, .fox_border_hover_deep_purple:hover { border-color: #673ab7 !important; }
.fox_border_red, .fox_border_hover_red:hover { border-color: #f44336 !important; }
.fox_border_sand, .fox_border_hover_sand:hover { border-color: #fdf5e6 !important; }
.fox_border_teal, .fox_border_hover_teal:hover { border-color: #009688 !important; }
.fox_border_yellow, .fox_border_hover_yellow:hover { border-color: #ffeb3b !important; }
.fox_border_white, .fox_border_hover_white:hover { border-color: #fff !important; }
.fox_border_black, .fox_border_hover_black:hover { border-color: #000 !important; }
.fox_border_grey, .fox_border_hover_grey:hover, .fox_border_gray, .fox_border_hover_gray:hover { border-color: #9e9e9e !important; }
.fox_border_light_grey, .fox_border_hover_light_grey:hover, .fox_border_light_gray, .fox_border_hover_light_gray:hover { border-color: #f1f1f1 !important; }
.fox_border_dark_grey, .fox_border_hover_dark_grey:hover, .fox_border_dark_gray, .fox_border_hover_dark_gray:hover { border-color: #616161 !important; }
.fox_border_pale_red, .fox_border_hover_pale_red:hover { border-color: #ffe7e7 !important; }
.fox_border_pale_green, .fox_border_hover_pale_green:hover { border-color: #e7ffe7 !important; }
.fox_border_pale_yellow, .fox_border_hover_pale_yellow:hover { border-color: #ffffcc !important; }
.fox_border_pale_blue, .fox_border_hover_pale_blue:hover { border_color: #e7ffff !important; }
.fox_content_app { padding-left: 160px; }
.fox_border_black, .fox_border_hover_black:hover { border-color: #000 !important; }

/******************************************************************
 *              adaptation largeur écran                          *
 ******************************************************************/

@media screen and (min-width:993px) {
    .fox_hide_big { display: none !important; }
    .fox_hide_large { display: none !important; }
    .fox_sidebar { display: block !important; }
    .fox_content_app { padding-left: 160px; }
}

@media screen and (min-width:701px) {
    .Fox_Modal { z-index: 9999999999; position: absolute; background-color: #fff; border-color: none; }
    .fox_up_left { margin-left: -180px; margin-top: -150px; }
    .fox_up_right { margin-left: 0px; margin-top: -150px; }
    .fox_down_left { margin-left: -180px; margin-top: 20px; }
    .fox_down_right { margin-left: 0px; margin-top: 20px; }
    .Fox_plateau { display: inline-block; width: 50%; }
    .Fox_plateau_zoom { }
}

@media screen and (min-width:1250px) {
    .N_background_connexion { background-image: url(style/Presentation/fox_back_g.png); background-repeat: no-repeat; background-position: 10px top; padding-right: 0; background-size: auto 100%; }
    .N_background_connexion_L { background-image: url(style/Presentation/fox_back_g.png); background-repeat: no-repeat; background-position: right 10px top; background-size: auto 100%; }
    #background_connexionV { display: none; }
    .Fox_plateau { display: inline-block; width: 33%; }
    .Fox_plateau_zoom { }
}

@media screen and (max-width:600px) {
    .fox_hide_small { display: none !important; }
    .fox_content_app { padding-left: 0px; }
}

@media screen and (max-width:768px) {
    .fox_hide_small { display: none !important; }
    .fox_content_app { padding-left: 0px; }
    .fox_menu_grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; grid-auto-rows: minmax(100px, auto); width: 100%; margin-left: 5%; margin-right: 5%; }
}

@media (max-width:992px) and (min-width:601px) {
    .fox_hide_medium { display: none !important; }
    .fox_sidebar { display: none; }
    .fox_content_app { padding-left: 0px; }
}

@media screen and (max-width:993px) {
    .fox_sidebar { display: none; }
    .fox_content_app { padding-left: 0px; }
    .Fox_detail_treeview { display: none; }
    .fox_Kardex_img_plateau { width: 95vw; height: auto; }
}

@media screen and (max-width: 1450px) {
    /*       adaptation largeur écran pour plateau */
    .fox_hide_Plateaux_telecharger { display: none; }
}

@media screen and (max-width:700px) {
    .Fox_Modal { z-index: 9999999999; background-color: #fff; border-color: none; position: fixed; left: 30%; top: 40%; right: 30%; bottom: auto; }
    .Fox_plateau { display: inline-block; width: 100%; }
    .Fox_plateau_zoom { display: none; }
    .N_background_connexion { background: none; }
    .N_background_connexion_L { background: none; }
    #background_connexionV { display: block; }
}

@media screen and (max-height:801px) {

    .Multiline_scaner { height: 50px; }
    .img_scanner { width: 25%; }
    .fox_margin_bottom_middle { margin-bottom: 4px; padding-top: 0px; padding-bottom: 0px; }
}

@media screen and (min-height:802px) {

    .Multiline_scaner { height: 150px; }
    .img_scanner { width: 50%; }
    .fox_margin_bottom_middle { margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px; }
}

/***************************************************
       adaptation pour l'orientation
 ***************************************************/


/*******************************************************
        Text align
********************************************************/
.fox_text_left { text-align: left; }
.fox_text_right { text-align: right; }
.fox_text_center { text-align: center; }

/*****************************************************
                 Text formating
 *****************************************************/
.fox_text_bold { font-weight: bold; }

/***************************************************
                    BLUE CSS                        
 ***************************************************/
.fox_color_light_5 { color: #000 !important; background-color: #7DD4FD !important; }
.fox_color_light_4 { color: #000 !important; background-color: #7ACEF6 !important; }
.fox_color_light_3 { color: #000 !important; background-color: #77C8EF !important; }
.fox_color_light_2 { color: #000 !important; background-color: #73C1E7 !important; }
.fox_color_light_1 { color: #fff !important; background-color: #6CB7DB !important; }
.fox_color_dark_1 { color: #fff !important; background-color: #61A8CA !important; }
.fox_color_dark_2 { color: #fff !important; background-color: #5C9FBE !important; }
.fox_color_dark_3 { color: #fff !important; background-color: #5697B6 !important; }
.fox_color_dark_4 { color: #fff !important; background-color: #508CA9 !important; }
.fox_color_dark_5 { color: #fff !important; background-color: #4C849E !important; }
.fox_text_light_5 { color: #000 !important; color: #7DD4FD !important; }
.fox_text_light_4 { color: #000 !important; color: #7ACEF6 !important; }
.fox_text_light_3 { color: #000 !important; color: #77C8EF !important; }
.fox_text_light_2 { color: #000 !important; color: #73C1E7 !important; }
.fox_text_light_1 { color: #fff !important; color: #6CB7DB !important; }
.fox_text_dark_1 { color: #fff !important; color: #61A8CA !important; }
.fox_text_dark_2 { color: #fff !important; color: #5C9FBE !important; }
.fox_text_dark_3 { color: #fff !important; color: #5697B6 !important; }
.fox_text_dark_4 { color: #fff !important; color: #508CA9 !important; }
.fox_text_dark_5 { color: #fff !important; color: #4C849E !important; }
.fox_color_light { color: #000 !important; background-color: #f2f9fe !important; }
.fox_color_dark { color: #fff !important; background-color: #074b83 !important; }
.fox_color_action { color: #fff !important; background-color: #074b83 !important; }
.fox_color { color: #fff !important; background-color: #65AFD2 !important; }
.fox_text_color { color: #65AFD2 !important; }
.fox_border_color { border-color: #65AFD2 !important; }
.fox_hover_color:hover { color: #fff !important; background-color: #65AFD2 !important; }
.fox_hover_text_color:hover { color: #65AFD2 !important; }
.fox_hover_border_color:hover { border-color: #65AFD2 !important; }
.fox_background_unset { background: none; }

/*block néon*/
.fox_box_neon_tiny { box-shadow: 0 0 6px #65AFD2; }
.fox_box_neon { box-shadow: 0 0 12px #65AFD2; }
.fox_box_neon_middle { box-shadow: 0 0 24px #65AFD2; }
.fox_box_neon_hight { box-shadow: 0 0px 48px #65AFD2; }

/*block néon hover*/
.fox_box_neon_tiny_hover:hover { box-shadow: 0 0 6px #65AFD2; }
.fox_box_neon_hover:hover { box-shadow: 0 0 12px #65AFD2; }
.fox_box_neon_middle_hover:hover { box-shadow: 0 0 24px #65AFD2; }
.fox_box_neon_hight_hover:hover { box-shadow: 0 0px 48px #65AFD2; }

/* Texte Néon*/
.fox_text_neon_tiny_light { color: #65AFD2; text-shadow: 0 0 2px #f2f9fe; }
.fox_text_neon_light { color: #65AFD2; text-shadow: 0 0 4px #f2f9fe; }
.fox_text_neon_middle_light { color: #65AFD2; text-shadow: 0 0 8px #f2f9fe; }
.fox_text_neon_hight_light { color: #65AFD2; text-shadow: 0 0 16px #f2f9fe; }
.fox_text_neon_tiny { color: #f2f9fe; text-shadow: 0 0 2px #65AFD2; }
.fox_text_neon { color: #f2f9fe; text-shadow: 0 0 4px #65AFD2; }
.fox_text_neon_middle { color: #f2f9fe; text-shadow: 0 0 8px #65AFD2; }
.fox_text_neon_hight { color: #f2f9fe; text-shadow: 0 0 16px #65AFD2; }
.fox_text_neon_tiny_dark { color: #f2f9fe; text-shadow: 0 0 2px #074b83; }
.fox_text_neon_dark { color: #f2f9fe; text-shadow: 0 0 4px #074b83; }
.fox_text_neon_middle_dark { color: #f2f9fe; text-shadow: 0 0 8px #074b83; }
.fox_text_neon_hight_dark { color: #f2f9fe; text-shadow: 0 0 16px #074b83; }

/* Texte Néon hover*/
.fox_text_neon_tiny_light_hover:hover { color: #65AFD2; text-shadow: 0 0 2px #f2f9fe; }
.fox_text_neon_light_hover:hover { color: #65AFD2; text-shadow: 0 0 4px #f2f9fe; }
.fox_text_neon_middle_light_hover:hover { color: #65AFD2; text-shadow: 0 0 8px #f2f9fe; }
.fox_text_neon_hight_light_hover:hover { color: #65AFD2; text-shadow: 0 0 16px #f2f9fe; }
.fox_text_neon_tiny_hover:hover { color: #f2f9fe; text-shadow: 0 0 2px #65AFD2; }
.fox_text_neon_hover:hover { color: #f2f9fe; text-shadow: 0 0 4px #65AFD2; }
.fox_text_neon_middle_hover:hover { color: #f2f9fe; text-shadow: 0 0 8px #65AFD2; }
.fox_text_neon_hight_hover:hover { color: #f2f9fe; text-shadow: 0 0 16px #65AFD2; }
.fox_text_neon_tiny_dark_hover:hover { color: #f2f9fe; text-shadow: 0 0 2px #074b83; }
.fox_text_neon_dark_hover:hover { color: #f2f9fe; text-shadow: 0 0 4px #074b83; }
.fox_text_neon_middle_dark_hover:hover { color: #f2f9fe; text-shadow: 0 0 8px #074b83; }
.fox_text_neon_hight_dark_hover:hover { color: #f2f9fe; text-shadow: 0 0 16px #074b83; }

/*shape*/
/*triangle*/
/*triangle very tiny */

.fox_triangle_down_very_tiny { width: 0px; height: 0px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 6px solid #65AFD2; }
.fox_triangle_up_very_tiny { width: 0px; height: 0px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 6px solid #65AFD2; }
.fox_triangle_left_very_tiny { width: 0px; height: 0px; border-top: 3px solid transparent; border-right: 6px solid #65AFD2; border-bottom: 3px solid transparent; }
.fox_triangle_right_very_tiny { width: 0px; height: 0px; border-top: 3px solid transparent; border-left: 6px solid #65AFD2; border-bottom: 3px solid transparent; }

/*triangle tiny*/
.fox_triangle_down_tiny { width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #65AFD2; }
.fox_triangle_up_tiny { width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #65AFD2; }
.fox_triangle_left_tiny { width: 0px; height: 0px; border-top: 6px solid transparent; border-right: 12px solid #65AFD2; border-bottom: 6px solid transparent; }
.fox_triangle_right_tiny { width: 0px; height: 0px; border-top: 6px solid transparent; border-left: 12px solid #65AFD2; border-bottom: 6px solid transparent; }

/*triangle litle*/
.fox_triangle_down_litle { width: 0px; height: 0px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 24px solid #65AFD2; }
.fox_triangle_up_litle { width: 0px; height: 0px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 24px solid #65AFD2; }
.fox_triangle_left_litle { width: 0px; height: 0px; border-top: 12px solid transparent; border-right: 24px solid #65AFD2; border-bottom: 12px solid transparent; }
.fox_triangle_right_litle { width: 0px; height: 0px; border-top: 12px solid transparent; border-left: 24px solid #65AFD2; border-bottom: 12px solid transparent; }

/*triangle medium*/
.fox_triangle_down_medium { width: 0px; height: 0px; border-left: 24px solid transparent; border-right: 24px solid transparent; border-top: 48px solid #65AFD2; }
.fox_triangle_up_medium { width: 0px; height: 0px; border-left: 24px solid transparent; border-right: 24px solid transparent; border-bottom: 48px solid #65AFD2; }
.fox_triangle_left_medium { width: 0px; height: 0px; border-top: 24px solid transparent; border-right: 48px solid #65AFD2; border-bottom: 24px solid transparent; }
.fox_triangle_right_medium { width: 0px; height: 0px; border-top: 24px solid transparent; border-left: 48px solid #65AFD2; border-bottom: 24px solid transparent; }

/*triangle large*/
.fox_triangle_down_large { width: 0px; height: 0px; border-left: 48px solid transparent; border-right: 48px solid transparent; border-top: 96px solid #65AFD2; }
.fox_triangle_up_large { width: 0px; height: 0px; border-left: 48px solid transparent; border-right: 48px solid transparent; border-bottom: 96px solid #65AFD2; }
.fox_triangle_left_large { width: 0px; height: 0px; border-top: 48px solid transparent; border-right: 96px solid #65AFD2; border-bottom: 48px solid transparent; }
.fox_triangle_right_large { width: 0px; height: 0px; border-top: 48px solid transparent; border-left: 96px solid #65AFD2; border-bottom: 48px solid transparent; }

/*circle*/
.fox_pie_tiny { width: 12px; height: 12px; border-radius: 50%; background: #65AFD2; }
.fox_pie_litle { width: 24px; height: 24px; border-radius: 50%; background: #65AFD2; }
.fox_pie_medium { width: 48px; height: 48px; border-radius: 50%; background: #65AFD2; }
.fox_pie_large { width: 96px; height: 96px; border-radius: 50%; background: #65AFD2; }

/*border*/
.fox_border_unset { border: 0 !important; }
.fox_border_tiny { border: 1px #65AFD2 solid !important; }
.fox_border_litle { border: 2px #65AFD2 solid !important; }
.fox_border_medium { border: 4px #65AFD2 solid !important; }
.fox_border_large { border: 8px #65AFD2 solid !important; }
.fox_border_extra_large { border: 16px #65AFD2 solid !important; }
.fox_border_left_tiny { border-left: 1px #65AFD2 solid !important; }
.fox_border_left_litle { border-left: 2px #65AFD2 solid !important; }
.fox_border_left_medium { border-left: 4px #65AFD2 solid !important; }
.fox_border_left_large { border-left: 8px #65AFD2 solid !important; }
.fox_border_left_extra_large { border-left: 16px #65AFD2 solid !important; }
.fox_border_right_tiny { border-right: 1px #65AFD2 solid !important; }
.fox_border_right_litle { border-right: 2px #65AFD2 solid !important; }
.fox_border_right_medium { border-right: 4px #65AFD2 solid !important; }
.fox_border_right_large { border-right: 8px #65AFD2 solid !important; }
.fox_border_right_extra_large { border-right: 16px #65AFD2 solid !important; }
.fox_border_top_tiny { border-top: 1px #65AFD2 solid !important; }
.fox_border_top_litle { border-top: 2px #65AFD2 solid !important; }
.fox_border_top_medium { border-top: 4px #65AFD2 solid !important; }
.fox_border_top_large { border-top: 8px #65AFD2 solid !important; }
.fox_border_top_extra_large { border-top: 16px #65AFD2 solid !important; }
.fox_border_bottom_tiny { border-bottom: 1px #65AFD2 solid !important; }
.fox_border_bottom_litle { border-bottom: 2px #65AFD2 solid !important; }
.fox_border_bottom_medium { border-bottom: 4px #65AFD2 solid !important; }
.fox_border_bottom_large { border-bottom: 8px #65AFD2 solid !important; }
.fox_border_bottom_extra_large { border-bottom: 16px #65AFD2 solid !important; }

/* Fond Dégradé */
.fox_linear_gradient_to_right { background-image: linear-gradient(to right, #7ACEF6, #508CA9); color: #fff; }
.fox_linear_gradient_to_bottom { background-image: linear-gradient(to bottom, #7ACEF6, #508CA9); color: #fff; }
.fox_linear_gradient_to_top { background-image: linear-gradient(to top, #7ACEF6, #508CA9); color: #fff; }
.fox_linear_gradient_to_left { background-image: linear-gradient(to left, #7ACEF6, #508CA9); color: #fff; }

/********************************************************
 *      Gradient sur hover
 ********************************************************/
.fox_linear_gradient_to_right_hover:hover { background-image: linear-gradient(to right, #7ACEF6, #508CA9); color: #fff; }
.fox_linear_gradient_to_bottom_hover:hover { background-image: linear-gradient(to bottom, #7ACEF6, #508CA9); color: #fff; }
.fox_linear_gradient_to_top_hover:hover { background-image: linear-gradient(to top, #7ACEF6, #508CA9); color: #fff; }
.fox_linear_gradient_to_left_hover:hover { background-image: linear-gradient(to left, #7ACEF6, #508CA9); color: #fff; }

/********************************************************
 *      Gradient Dark
 ********************************************************/
.fox_linear_gradient_to_right_dark { background-image: linear-gradient(to right, #61A8CA, #4C849E); color: #fff; }
.fox_linear_gradient_to_bottom_dark { background-image: linear-gradient(to bottom, #61A8CA, #4C849E); color: #fff; }
.fox_linear_gradient_to_top_dark { background-image: linear-gradient(to top, #61A8CA, #4C849E); color: #fff; }
.fox_linear_gradient_to_left_dark { background-image: linear-gradient(to left, #61A8CA, #4C849E); color: #fff; }

/********************************************************
 *      Gradient light
 ********************************************************/
.fox_linear_gradient_to_right_light { background-image: linear-gradient(to right, #6CB7DB, #7DD4FD); color: #000; }
.fox_linear_gradient_to_bottom_light { background-image: linear-gradient(to bottom, #6CB7DB, #7DD4FD); color: #000; }
.fox_linear_gradient_to_top_light { background-image: linear-gradient(to top, #6CB7DB, #7DD4FD); color: #000; }
.fox_linear_gradient_to_left_light { background-image: linear-gradient(to left, #6CB7DB, #7DD4FD); color: #000; }

/*******************************************************
 *     Tableau
 * ****************************************************/
.fox_table_th th { background: #65AFD2; color: white; border-right: 2px solid #fff; }
.fox_table_th_dark th { background: #0a69b7; color: white; border-right: 2px solid #fff; }
.fox_table_th_hover th:hover { background: #0a69b7; color: white; border-right: 2px solid #fff; }
.fox_table_th_dark_hover th:hover { background: #074b83; color: white; border-right: 2px solid #fff; }

/*********************************************************
 *      Boutons entete
 *********************************************************/
.bt_entete { background-position-x: center; background-position-y: 30%; background-repeat: no-repeat; padding-top: 28px; padding-bottom: 5px; }
.fox_recherche_search { background-position-x: center; background-position-y: center; background-repeat: no-repeat; height: 18px; }
.dropdownx { width: 200px; }
#recherche_avancee { box-shadow: 0px 5px 9px #888888; }

/*****   Menu modifié le 12/02/2019   ********/

.rrmRootGroup { margin: 0; padding: 0; background-color: lightgray; }
.rmRootGroup li { font-weight: bold; list-style: none; list-style-image: url(style/ascx/little_arrow.png); margin: 0; padding: 0; padding-top: 10px; padding-bottom: 3px; }
.rmRootGroup li a { margin: 0; padding: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: black; padding-left: 20px; display: inline-block; width: 100%; padding-top: 1px; padding-bottom: 1px; }
.rmLevel1 li { margin: 0; padding: 0; font-weight: normal; list-style: none; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: black; padding-left: 20px; width: 100%; height: 14px; padding-top: 4px; padding-bottom: 4px; }
.rmLevel1 li a { font-size: 12px; font-family: sans-serif; text-decoration: none; color: black; height: auto; }
.rmLevel1 li a .rmText { display: inline-block; }
.rmVertical { margin: 0; padding: 0; }

/***********************************************/

.N_grille input { border: 0; }
.rtileBottomContent { width: 105px; padding: 0; margin: 0; text-align: center; padding: 20px; padding-left: 35px; }
.fox_GrandeImage { position: fixed; bottom: 50px; right: 20px; width: auto; min-height: 25vh; min-width: 400px; max-height: 50vh; max-width: 90vw; background-color: White; border-right: black thin outset; border-top: black thin outset; border-left: black thin outset; border-bottom: black thin outset; }
.fox_Regulexp { border-width: thin; border-style: solid; font-size: small; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #FF0000; }
.fox_Position { float: right !important; }
.f4w_flou { color: rgba(0, 0, 0,0.9); font-family: Inconsolata, monospace; font-size: 25px; text-align: center; background-color: rgba(240, 240, 240,0.9); filter: blur(30px); }
.Fox_generale { background-position-x: center; background-position-y: 30%; background-repeat: no-repeat; padding-top: 28px; padding-bottom: 5px; }
.fox_add { position: fixed; bottom: 80px; right: 40px; border: 1px grey solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: Arial; background-color: #f6fafc; z-index: 10 }
.fox_Recherche { border: 1px grey solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: Arial; background-color: #fafafa; }
.fox_graphique { border: 1px grey solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: Arial; background-color: #fafafa; }
.fox_Kardex_article_view { width: 100%; border: 1px grey solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: Arial; background-color: #f6fafc; }
.fox_Kardex_block { border: 1px grey solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: Arial; background-color: #f6fafc; }
.fox_Kardex_Scanner { border: 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: medium; font-family: Arial; background-color: #FFFFCC; font-family: Arial; font-size: 16px; font-weight: normal; z-index: 1999999999; padding: 5px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.75); }
.fox_Kardex_Inventaire { border: 0px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; font-size: medium; font-family: Arial; background-color: #99CCFF; font-family: Arial; font-size: 16px; font-weight: normal; z-index: 1999999999; padding: 5px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.75); }
.fox_afficheur_multi { position: fixed; left: 150px; top: 100px; width: 80%; right: 150px; border: 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: medium; font-family: Arial; background-color: #ff5f8b; font-family: Arial; font-size: 16px; font-weight: normal; z-index: 1999999999; padding: 15px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.75); }
.fox_table_edit { border: none; border-spacing: 0; padding: 0px; margin: 0px; }
.N_Simplifie_recherche { border: medium solid #BFDCEA; padding: 10px; margin: 10px; vertical-align: top; font-family: Arial; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.N_Simplifie_en_ligne { display: inline-block; padding: 0px; margin: 10px; vertical-align: top; font-family: Arial; width: 300px; }
.N_Simplifie_en_ligne .ListeIMG { width: 180px; border: 0; border-radius: 5px; }
.N_Button_valider { width: 120px; height: 40px; }
.N_Button_annuler { width: 120px; height: 40px; }
.N_Button_valider_cloturer { width: 220px; height: 40px; }

/*********************************
 *   CLASSE GENERALE             *
 *********************************/

body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: large; font-weight: normal; color: #000000; overflow-x: hidden; min-width: 600px; }

.Fox_label_mandatory { background-color: #f6fafc; }

.Fox_inblock { display: inline-block; }

.fox_no_visible { display: none; }

/* adaptation pour l'orientation */
@media (orientation: portrait) {
    .Fox_Produit_Horizontale { display: none; }
    .Fox_maj_image { display: inline-block; float: right; width: 100%; border: none; }
    .Fox_maj_txt { display: inline-block; width: 100%; }
    .Fox_detail_treeview { display: none; }
    .fox_add_panier { position: fixed; top: 150px; Left: 40px; border: 1px grey solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: Arial; background-color: #f6fafc; }
}

@media (orientation: landscape) {
    .Fox_Produit_Vertical { display: none; }
    .Fox_maj_image { display: inline-block; float: right; width: 24%; border: none; }
    .Fox_maj_txt { display: inline-block; width: 74%; }
    .fox_add_panier { position: fixed; bottom: 80px; right: 40px; border: 1px grey solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: Arial; background-color: #f6fafc; }
}

/* Prise en compte pour tablette et Télephone*/
@media (max-width:601px) {
    .fox_Capturephoto_Tbl { width: 100%; }
    .Fox_capture { width: 200px; max-width: 250px; max-width: 250px; }
}

/* Prise en compte pour PC */
@media (min-width:601px) {
    .fox_Capturephoto_Tbl { width: 100%; border-right: black thin groove; border-top: black thin groove; border-left: black thin groove; border-bottom: black thin groove; }
    .Fox_capture { width: 100%; }
}

/************************
    Page MASTER_PAGE.MASTER
*************************/
.fox_masterpage_agent { width: 0px; border-top-style: none; border-right-style: none; border-left-style: none; height: 0px; border-bottom-style: none; }

/************************
    Forme Pied_Page.ASCX
*************************/
.fox_pied_page { background-color: #999; text-align: center; text-decoration: none; margin: 0px; margin-bottom: 2px; color: #fff; font-size: 11px; padding: 0px; padding-bottom: 2px; }
.fox_pied_page_text { font-family: Arial, Helvetica, sans-serif; font-size: medium; }
.fox_pied_page_footer { height: 40px; font-family: Arial; font-size: 14px; padding-top: 0px; font-weight: bold; color: White; text-decoration: none; background-color: #ccc; position: fixed; bottom: 0; width: 100%; text-align: center; z-index: 999; }
.fox_pied_page_footer_p { color: #6856CB; font-family: 'Franklin Gothic Book', 'Courier New'; font-size: 12px; }

/**************************
    Forme Combo_field.ASCX
***************************/
.fox_combo_field { display: inline-block; vertical-align: top; overflow: hidden; border: none; }
.fox_combo_field select { padding: 5px; margin: -5px -30px -5px -5px; }

/*************************
    Forme Kardex_inout.ascx
**************************/
.Fox_Kardex_inout_inline { display: inline-block; }

/*********************************
 *   Forme DIALER.ASCX         *
 *********************************/
.fox_phone { background-image: url(Style/Grid/small/phone.png); font-family: Arial, Helvetica, sans-serif; font-size: initial; font-weight: normal; color: #000000; background-position-x: 1%; background-position-y: center; background-repeat: no-repeat; padding-left: 29px; margin-top: 5px; }
.fox_fax { background-image: url(Style/Grid/small/fax.png); font-family: Arial, Helvetica, sans-serif; font-size: initial; font-weight: normal; color: #000000; background-position-x: 1%; background-position-y: center; background-repeat: no-repeat; padding-left: 29px; margin-top: 5px; }

/*********************************
 *   Forme GROUPE_P.ASPX         *
 *********************************/
.Fox_Groupe_P_bloc_en_ligne { display: inline-block; width: 190px; padding: 10px; margin: 10px; background-color: #fff; vertical-align: top; border: 1px grey solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: Arial; background-color: #fafafa; }
.Fox_Groupe_P_bloc_en_ligne .ListeIMG { width: 180px; border: 0; border-radius: 5px; }
.Fox_Groupe_P_bloc_en_ligne .FunctionIMG img:hover { width: 200px; cursor: help; }

/*********************************
    Forme BT_ELEMENT.ASPX        *
 *********************************/
.Fox_BT_element_en_ligne { display: inline-block; }

.Fox_BT_element_contour_H { display: block; box-shadow: 1px 1px 8px #555; border: thin solid black; padding: 10px; margin: 2px; vertical-align: top; font-family: Arial; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.Fox_BT_element_contour_H:hover { background-color: #f6fafc; }

.Fox_BT_element_contour_V { display: inline-block; width: 445px; box-shadow: 1px 1px 8px #555; border: thin solid black; padding: 10px; margin: 2px; vertical-align: top; font-family: Arial; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.Fox_BT_element_contour_V:hover { background-color: #f6fafc; }

.Fox_BT_element_bloc_image { display: inline-block; border: thin solid #D8D8D8; margin: 2px; vertical-align: top; font-family: Arial; width: 120px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.Fox_BT_element_bloc_image_Info { font-family: Arial; text-align: center; }

.Fox_BT_element_bloc_info { display: inline-block; border: 0; overflow: hidden; background-color: transparent; padding: 0px; margin: 2px; vertical-align: top; font-family: Arial; font-size: medium; width: 280px; }
.Fox_BT_element_bloc_info_Texte_evidence { font-family: Arial; font-size: medium; font-weight: bold; font-style: normal; font-variant: normal; color: #016DBE; width: 10% }
.Fox_BT_element_bloc_info_Texte { font-family: Arial; white-space: pre-wrap; font-size: medium; width: 140%; }

.Fox_Bt_element_bloc_nom_H { display: inline-block; padding: 0px; margin: 2px; vertical-align: top; font-family: Arial; width: calc(100% - 500px) }
.Fox_Bt_element_bloc_nom_V { padding: 0px; margin: 2px; vertical-align: top; font-family: Arial; }

.Fox_Bt_element_bloc_nom_Texte_evidence { width: calc(100% - 470px); font-family: Arial; font-size: medium; font-weight: bold; font-style: normal; font-variant: normal; color: #016DBE; }
.Fox_Bt_element_bloc_nom_Texte_principale { width: calc(100% - 470px); width: 60px; font-family: Arial; white-space: pre-wrap; font-size: x-large; font-weight: bolder; }
.Fox_Bt_element_bloc_nom_Remarque { width: 100%; }

/*********************************
    Forme DBGRID.ASPX  STYLE LINE*
 *********************************/
.Fox_grille { width: 100%; padding: 7px; border-spacing: 0px; }
.Fox_grille thead th { height: 35px; color: #FFFFFF; font-size: 9px; font-family: Arial; font-weight: 100; text-align: left; text-decoration: none; border: none; border-right: 2px white solid; padding-left: 3px; padding-right: 3px; }
.Fox_grille thead th img { height: 7px; }
.Fox_grille thead th table { height: 21px; }
.Fox_grille thead th table tr:hover { background-color: #f6fafc; }
.Fox_grille tbody td { font-size: 0.8em; font-family: Arial; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; }
.Fox_grille table td { border: 0px; font-size: 0.8em; font-family: Arial; padding-bottom: 10px; }
.Fox_grille > tbody > tr > td { border-bottom: 1px grey solid; }
.Fox_grille tbody tr.odd { background: #f0f0f0; }
.Fox_grille tbody a { color: #000000; font-weight: lighter; text-decoration: none; }
.Fox_grille tbody a:hover { color: #000000; text-decoration: underline; }
.Fox_grille tbody tr:hover { background-color: #f6fafc; }

/***********************************
    Style COlOR DBGRID
************************************/
.Fox_Grille_actif { }
.Fox_Grille_Inactif { background-color: #F0E68C; }
.Fox_Grille_Stock0 { background-color: LightPink; }
.Fox_Grille_Stock_Autre { background-color: #66CDAA; }
.Fox_Grille_Stock_WM { background-color: #B3CBFF; }

.Fox_Grille_Inactif :hover { background-color: #ECDF6F; }
.Fox_Grille_Stock0 :hover { background-color: #FF9DAC; }
.Fox_Grille_Stock_Autre :hover { background-color: #57C8A0; }
.Fox_Grille_Stock_WM :hover { background-color: #9FBEFF; }

/************************
   Forme MENU.ASCX      *
 ************************/
.fox_menu_corps { }
.fox_menu .RadMenu a.rmLink .rmLeftImage { width: 12px; height: auto; }
.fox_menu_top_title { font-family: Arial; font-size: 12px; padding: 0; color: white; }
.fox_menu_title { height: 30px; font-family: Arial; font-size: 14px; padding-top: 10px; padding-left: 5px; font-weight: bold; color: white; }
.fox_menu_prev { border-style: none none none none; height: 100%; font-size: x-large; }
.fox_menu_next { border-style: none none none none; height: 100%; font-size: x-large; }

@media (max-width:992px) {
    .fox_menu_show { width: 100%; }
    .fox_menu_content { display: none; }
    .fox_menu { width: 100%; }
    .fox_menu_corps_item { font-family: Arial, Helvetica, sans-serif; font-size: x-large; }
}

@media (min-width:993px) {
    .fox_menu_show { }
    .fox_menu_content { }
    .fox_menu { width: 222px; }
    .fox_menu_corps_item { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }
}

/***************************************
    Forme Email.ascx
 **************************************/
@media (max-width:992px) {
    .fox_email { position: fixed; top: 15%; left: 5%; right: 5%; height: 100vh; border: 1px grey solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: Arial; font-size: large; background-color: #fafafa; z-index: 999999999; }
    .fox_email_remarque { width: 96%; min-height: 500px; height: 100%; }
    .fox_email_overlay { }
}

@media (min-width:993px) {
    .fox_email { position: fixed; bottom: 80px; right: 40px; width: 500px; border: 1px grey solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: Arial; font-size: large; background-color: #fafafa; }
    .fox_email_remarque { width: 96%; min-height: 300px; height: 100%; }
    .fox_email_overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,0.15); padding-top: 25%; padding-left: 30%; z-index: 9999999999; }
}

/***************************************
    Forme Barre_code.ascx
 **************************************/
.fox_barrecode { position: fixed; top: 25%; left: 25%; right: 25%; width: 50%; border: 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: medium; font-family: Arial; font-family: Arial; font-size: 16px; font-weight: normal; z-index: 8999999999; padding: 15px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.75); }
.fox_barrecode_overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,0.15); padding-top: 25%; padding-left: 30%; z-index: 9999999999; }
.fox_barrecode_camera { width: 300px; }

/***************************************
    Forme Barre_code.ascx
 **************************************/
.Fox_bartitre_img_debug { width: 20px; height: 25px }

/***************************************
    Forme Confirmation.ascx
 **************************************/
.fox_confirmation { position: fixed; top: 25%; left: 25%; right: 25%; width: 50%; border: 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: medium; font-family: Arial; background-color: #ff5f8b; font-family: Arial; font-size: 16px; font-weight: normal; z-index: 8999999999; padding: 15px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.75); }
.fox_confirmation_overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,0.15); padding-top: 25%; padding-left: 30%; z-index: 9999999999; }

/***************************************
    Forme Eventlog
 **************************************/
.fox_Eventlog { position: fixed; top: 10%; left: 10%; right: 10%; bottom: 10%; border: 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: medium; font-family: Arial; background-color: #FFFFFF; font-family: Arial; font-size: 16px; font-weight: normal; z-index: 8999999999; padding: 15px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.75); }
.fox_Eventlog_overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,0.15); padding-top: 25%; padding-left: 30%; z-index: 9999999999; }
.fox_Eventlog_table { width: 100%; overflow-y: auto; height: 70vh }

/************************
   Forme ERROR.ASCX     *
 ************************/
.Fox_error { font-family: Arial, Helvetica, sans-serif; font-style: normal; color: #FFFFFF; overflow-wrap: break-word; }
.Fox_error_ok { background-image: url('../../Style/Notification/Notifications_Succès.png'); width: 450px; height: 150px; }
.Fox_error_attention { background-image: url('../../Style/Notification/Notifications_Attention.png'); width: 450px; height: 150px; }
.Fox_error_interdit { background-image: url('../../Style/Notification/Notifications_Interdiction.png'); width: 450px; height: 150px; }
.Fox_error_infoIcon { display: inline-block; vertical-align: middle; height: 90px; }
.Fox_error_infoIcon_img { width: 50px; }
.Fox_error_infotext { display: inline-block; height: 90px; width: 140px; }
.Fox_error_infotext_title { font-size: x-large; overflow-wrap: break-word; }
.Fox_error_infotext_content { font-size: small; overflow-wrap: break-word; }

/***************************************
    Forme DBGRID.ASPX  COMPOSANT COMMUN*
 ***************************************/
.Fox_grille_composant { border-style: none; border: none; border-spacing: 0; padding: 0px; margin: 0px; }
.Fox_grille_composant td { border-style: none; border: none; border-spacing: 0; padding: 0px; margin: 0px; }
.Fox_grille_fleche { height: 7px; width: 10px; }
.Fox_grille_print { height: 20px; }
.N_grille_BT { height: 20px; width: 20px; }
.N_BT_grille { height: 30px; }

/***************************************
   Forme BT_AddPanier.ascx
***************************************/
.Fox_addPanier_limit_td { border: thin ridge #000000; background-color: #FBC695; font-family: Arial; font-size: medium; font-weight: bold; color: #CC0066; text-align: center; line-height: 50px; width: 100%; }





/***************************************
    Forme ARTICLE_DETAIL*
 ***************************************/
.Fox_Article_Detail_Texte { font-family: Arial; white-space: pre-wrap; width: 100%; }
.Fox_Article_Detail_evidence { font-family: Arial; font-size: medium; font-weight: bold; font-style: normal; font-variant: normal; color: #016DBE; }

/************************
    Page Default.ASPX
*************************/
.fox_default_html { background: black; }
.fox_default_Logon_form { width: 450px; position: absolute; right: 150px; top: 20vh; }
.fox_default_Kardex_form { width: 450px; position: absolute; bottom: 90vw; }
.fox_default_oeille { background-image: url(../../style/default/oeuille.png); background-repeat: no-repeat; background-position-x: left; background-position-y: 35%; background-size: auto 55% }

.Fox_default_site { font-family: Arial, Helvetica, sans-serif; font-size: x-large; overflow-wrap: break-word; }
.Fox_default_label { font-family: Arial, Helvetica, sans-serif; font-size: x-large; }
.Fox_default_detail { font-family: Arial, Helvetica, sans-serif; font-size: medium; }
.Fox_default_dropdown { font-family: Arial, Helvetica, sans-serif; font-size: x-large; }
.Fox_default_Logon_Marque { max-width: 435px; width: 90%; text-align: center; }

/*=============================================================================*/
/*Adaptation par MARINA/stagiaire 08/03/2023 */
.Fox_default_dropdown { font-family: Arial, Helvetica, sans-serif; font-size: x-large; }
.Fox_default_text,
.Fox_default_dropdown { width: 180px; height: 35px; background-color: #f6fafc; border-radius: 5px; border: 1px solid #727272; }

.RadComboBox_Web20 .rcbInput, select { background-color: #f6fafc; color: #000; border: 1px solid #d6d6d6; }

select option { background-color: #f6fafc; color: #000; }
/*=============================================================================*/

@media (max-width:992px) {
    .Fox_default_text { border-style: solid; border-width: medium; font-family: Arial, Helvetica, sans-serif; font-size: x-large; }
}

@media (min-width:993px) {
    .Fox_default_text { border-style: solid; border-width: thin; font-family: Arial, Helvetica, sans-serif; font-size: x-large; }
}

/************************
    Page Default_MN.ASPX
*************************/
@media (max-width:992px) {
    .RadTile .rtileBottomContent { font-family: Arial, Helvetica, sans-serif; font-size: medium; }
}

@media (min-width:993px) {
    .RadTile .rtileBottomContent { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }
}

/***************************************
    Page ACHAT_V.ASPX *
 ***************************************/
.Fox_Achat_V_Header { position: fixed; top: 1px; left: 1px; border: 1px grey solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: Arial; background-color: #fafafa; height: 25px; }
.Fox_Achat_v_photo { position: fixed; top: 30px; right: 5px; width: 24%; max-height: 200px; }
.Fox_Achat_v_reception { position: fixed; bottom: 40px; Left: 0px; height: auto; Width: 100%; background-color: #CCCCCC; }
.Fox_Achat_v_Texte { font-family: Arial; white-space: pre-wrap; width: 100%; }
.Fox_Achat_v_Texte_evidence { font-family: Arial; font-size: medium; font-weight: bold; font-style: normal; font-variant: normal; color: #016DBE; }
.Fox_Achat_v_Texte_reception { font-family: Arial; white-space: pre-wrap; width: 100%; }
.Fox_Achat_v_div_select_mode { border-style: outset; border-width: 3px; display: inline-block; background-color: #C0C0C0; width: 85px; }
.Fox_Achat_v_div_select_mode_img { text-align: center; width: 85px; }
.Fox_Achat_v_div_filtre { border: medium solid #BFDCEA; padding: 10px; margin: 10px; vertical-align: top; font-family: Arial; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.Fox_Achat_v_div_filtre_recherche { display: inline-block; padding: 0px; margin: 10px; vertical-align: top; font-family: Arial; width: 500px; }
.Fox_Kardex_i_bottom { position: fixed; bottom: 40px; Left: 0px; height: 50px; Width: 100%; background-color: #CCCCCC; }

@media (orientation: landscape) {
    .Fox_Achat_v_validation { display: inline-block; padding: 0px; margin: 2px; }
    .Fox_Achat_v_scan { position: fixed; bottom: 130px; right: 20px; min-width: 330px; border: 0px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; font-size: medium; font-family: Arial; background-color: #99CCFF; font-family: Arial; font-size: 16px; font-weight: normal; z-index: 1999999999; padding: 10px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.75); }
    .Fox_Achat_v_dbgrid1 { position: fixed; bottom: 150px; left: 0px; width: 33%; height: 350px; }
    .Fox_Achat_v_dbgrid2 { position: fixed; bottom: 150px; left: 33%; width: 33%; height: 350px; }
    .Fox_Achat_v_line { display: inline-block; }
}

@media (orientation: portrait) {
    .Fox_Achat_v_scan { position: fixed; bottom: 170px; width: 100%; }
    .Fox_Achat_v_line { height: 10px; }
}

/***************************************
    Page ACHAT_S.ASPX / VENTE_S.ASPX
 ***************************************/
.Fox_vente_s_div_filtre { border: medium solid #BFDCEA; padding: 10px; margin: 10px; vertical-align: top; font-family: Arial; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.Fox_vente_s_div_filtre_recherche { display: inline-block; padding: 0px; margin: 10px; vertical-align: top; font-family: Arial; width: 500px; }

/***************************************
    Page 
        Mobile_crossdock
        Mobile_etagere_attacher
        Mobile_input_Wml
        Mobile_inventaire_bin
        Mobile_inventaire_wm
        Mobile_Libere_bac
        Mobile_Libere_bac_l
        Mobile_transfert
        Mobile_transfert_bac
        Mobile_vente_D 
        Mobile_vente_L         
*****************************************/
@media (max-width:992px) {
    .fox_champs_scanner { height: 30px; font-size: larger; border: 1px solid black; }
    .fox_champs_scanner:focus { height: 30px; font-size: larger; border: 2px solid black; }
    .fox_champs_texte { height: 25px; font-size: large; border: 1px solid black; }
}

@media (min-width:993px) {
    .fox_champs_scanner { height: 30px; font-size: larger; border: 1px solid black; }
    .fox_champs_scanner:focus { height: 30px; font-size: larger; border: 2px solid black; }
    .fox_champs_texte { height: 25px; font-size: large; border: 1px solid black; }
}

/***************************************
    Composant Kardex_error.ascx
 ***************************************/

.fox_kardex_error { position: fixed; top: 25%; height: 250px; left: 25%; right: 25%; width: 50%; border: 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: medium; font-family: Arial; background-color: #FFAEC5; font-family: Arial; font-size: 16px; font-weight: normal; z-index: 1999999999; padding: 15px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.75); }
.fox_kardex_error_overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,0.15); padding-top: 25%; padding-left: 30%; z-index: 999999999; }

/**************************************
    TOOLS_MAJ.ASPX
 **************************************/
.Fox_job_maj_param_name { font-size: 10px; color: #888; width: 300px; /* Aligner les valeurs */ flex-shrink: 0; cursor: pointer; user-select: none; padding-right: 10px; text-align: right; font-weight: bold; }
.Fox_job_maj_param_value { font-size: 10px; color: #007bff; /* Bleu pour indiquer l'action */ word-break: break-all; /* Gestion des longs chemins */ transition: background-color 0.2s; }
.Fox_job_maj_param-line { display: flex; margin-bottom: 3px; font-family: 'Consolas', 'Courier New', monospace; font-size: 10px; }
.Fox_job_maj_param-group { margin-bottom: 5px; padding: 10px; background-color: #fff; border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
/**************************************
    USER_MAJ.ASPX
***************************************/
.Fox_user_maj_Password_Base { display: inline-block; font: 12px/18px "segoe ui",arial,sans-serif; height: 20px; overflow: hidden; text-align: center; vertical-align: middle; width: 121px; color: #fff; border: 1px solid #333; }

.Fox_user_maj_Password_L0 { border: 0 none; }
.Fox_user_maj_Password_L1 { background-color: #ff3933; }
.Fox_user_maj_Password_L2 { background-color: #ff6633; }
.Fox_user_maj_Password_L3 { background-color: #ff3399; }
.Fox_user_maj_Password_L4 { background-color: #cccc33; }
.Fox_user_maj_Password_L5 { background-color: #33cc00; }

/**************************************
    Foxit.ascx
***************************************/
.fox_foxit_chat { position: fixed; right: 20px; top: 130px; transform: translateY(-50%); z-index: 9999; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
/* État normal (par défaut) */
.fox_foxit_chat-overlay .fox_foxit-chat-window {width: 400px; height: 500px; max-width: 90vw; max-height: 80vh; position: fixed; right: 20px; top: 50%; transform: translateY(-50%); z-index: 9999; display: flex; flex-direction: column; background: #ffffff; border-radius: 15px; border: 1px solid #eee; box-shadow: 0 10px 30px rgba(0,0,0,0.2); overflow: visible; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
/* État agrandi */
.fox_foxit_chat-overlay.maximized .fox_foxit-chat-window { width: 90vw !important; height: 85vh !important; max-width: none !important; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); /* Centre la fenêtre agrandie */ }
/* Ajustement auto du corps du chat */
.fox_foxit_chat-overlay.maximized #foxChatContainer { height: calc(85vh - 150px) !important; }
/* 3. HEADER (DÉGRADÉ ORANGE) */
.fox_foxit-header { background: linear-gradient(135deg, #ff8c00 0%, #ff5e00 100%); color: white; padding: 15px; padding-left: 45px; display: flex; justify-content: space-between; align-items: center; font-weight: 600; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.fox_foxit-header-title { display: flex; align-items: center; gap: 8px; }
.fox_foxit-close-btn { color: white; text-decoration: none; font-size: 18px; opacity: 0.8; cursor: pointer; }
.fox_foxit-close-btn:hover { opacity: 1; }
/* 4. ZONE DE MESSAGES */
.fox_foxit-chat-body { height: 350px; padding: 15px; background: #f8f9fa; overflow-y: auto; display: flex; flex-direction: column; scroll-behavior: smooth; }
/* 5. BULLES DE CHAT */
.fox_foxit-msg-user, .fox_foxit-msg-ai { margin-bottom: 12px; padding: 10px 14px; font-size: 14px; max-width: 85%; line-height: 1.4; position: relative; }
.fox_foxit-msg-user { align-self: flex-end; background: #ff8c00; color: white; border-radius: 15px 15px 2px 15px; box-shadow: 0 2px 5px rgba(255,140,0,0.2); }
.fox_foxit-msg-ai { align-self: flex-start; background: white; color: #333; border: 1px solid #e0e0e0; border-radius: 15px 15px 15px 2px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
.fox_foxit-msg-time { font-size: 10px; display: block; margin-top: 5px; opacity: 0.6; text-align: right; }
/* 6. FOOTER (ALIGNE TEXTE + BOUTON) */
.fox_foxit-chat-footer { display: flex; align-items: center; /* Aligne verticalement au centre */ padding: 12px 15px; background: white; border-top: 1px solid #eee; gap: 10px; }
.fox_foxit-textarea { flex: 1; /* Prend tout l'espace disponible */ border: 1px solid #ced4da; border-radius: 20px; padding: 10px 15px; font-size: 13px; resize: none; outline: none; transition: border-color 0.2s; box-sizing: border-box; }
.fox_foxit-textarea:focus { border-color: #ff8c00; }
/* 7. BOUTON D'ENVOI (IMAGE) */
.fox_foxit-send-img { height: 40px !important; width: 40px !important; border: none; background: none; cursor: pointer; object-fit: contain; transition: all 0.2s ease-in-out; flex-shrink: 0; /* Empêche le bouton de s'écraser */ }
.fox_foxit-maximize { color: white; text-decoration: none; font-size: 18px; cursor: pointer; }
.fox_foxit-send-img:hover { transform: scale(1.1); filter: brightness(1.1); }
.fox_foxit-send-img:active { transform: scale(0.9); }
/* 8. ÉTAT DE CHARGEMENT & ERREUR */
.fox_foxit-loading-status { font-size: 12px; color: #ff8c00; padding: 10px; display: flex; align-items: center; gap: 5px; }
.fox_foxit-typing-dots span { width: 6px; height: 6px; background: #ff8c00; display: inline-block; border-radius: 50%; animation: typing 1s infinite; }
.fox_foxit-typing-dots span:nth-child(2) { animation-delay: 0.2s; }
.fox_foxit-typing-dots span:nth-child(3) { animation-delay: 0.4s; }

.fox_foxit-chat-window { position: relative; }
.fox_foxit-floating-logo { position: absolute; width: 60px; /* Taille du logo */ height: 60px; left: -30px; /* Sort de 30px vers la gauche */ top: -20px; /* Monte de 20px vers le haut */ z-index: 1000; /* Passe devant tout le reste */ background: white; /* Optionnel: fond blanc pour détacher le logo */ border-radius: 50%; /* Optionnel: cercle parfait */ padding: 5px; /* Optionnel: marge interne */ box-shadow: 0 4px 15px rgba(0,0,0,0.2); /* Ombre pour l'effet "en avant" */ }
@media (max-width: 600px) {.fox_foxit-floating-logo { left: 10px; top: -40px; width: 50px; height: 50px; }}

@keyframes typing {
    0%, 100% { transform: translateY(0); opacity: 0.4; }
    50% { transform: translateY(-4px); opacity: 1; }
}

.fox_foxit-error { color: #d9534f; font-size: 11px; padding: 0 15px 5px; display: block; }

/*Adaptation par MARINA/stagiaire 08/03/2023 */
/***************************************************
       adaptation des listes déroulantes 
 ***************************************************/

.Fox_combo_new select { font-size: 1.2rem; padding: 5px 20px 5px 5px; border-radius: 5px; background-color: #f6fafc; color: #3b3b3b; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); cursor: pointer !important; width: auto; min-width: 50px; max-width: 100%; margin-bottom: 10px; border: 1px solid #727272; }
.Fox_combo_new { font-size: large; }
.Fox_combo_new,
.Fox_default_text { height: 35px; background-color: #f6fafc; border-radius: 5px; border: 2px solid #727272; }

/* Style pour le changement de couleur de fond en fonction de la position du curseur dans la liste déroulante */
.Fox_combo_new select option { background-color: #f6fafc; color: #000; }

/***************************************************
       adaptation des listes déroulantes avec une flèche et une animation (+ script JS)  MARINA 
 ***************************************************/

.Fox_combo_Fleche select { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 1.2rem; padding: 5px 20px 5px 5px; border-radius: 5px; /* Couleur bleu clair du menu*/ background-color: #f6fafc; color: #3b3b3b; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); cursor: pointer; width: auto; height: 35px; min-width: 50px; max-width: 100%; margin-bottom: 10px; border: 1px solid #727272; background-image: url("../../style/button/fleche5.png"); background-repeat: no-repeat; background-position: right center; background-size: 25px; padding-right: 30px; /*Transition fluide entre 2 flèches*/ transition: background-image 0.1s ease-in-out; }
/* Style pour le changement de la flèche quand on clique dessous ver la flèche6 */
.Fox_combo_Fleche select.open { background-image: url("../../style/button/fleche6.png"); }
/* Style pour le changement de couleur de fond en fonction de la position du curseur dans la liste déroulante */
.Fox_combo_Fleche select:focus { outline: none; }
.Fox_combo_Fleche select option { background-color: #f6fafc; color: #000; }
.Fox_combo_Fleche { font-size: large; }
.Fox_combo_Fleche { width: 180px; height: 35px; background-color: #f6fafc; border-radius: 5px; border: 2px solid #727272; }

/************************************************************************************************************************************
 *           transformation des checkbox en toggle-switch sur l par Marina (stagiaire) mars 2023         *
 ************************************************************************************************************************************/

input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 40px; height: 22px; background-color: #c6c6c6; border-radius: 20px; outline: none; transition: all 0.3s; position: relative; border: 1px solid #65afd2; vertical-align: middle; }
/* styles pour les checkbox lorsqu'elles sont cochées */
input[type="checkbox"]:checked { background-color: #65afd2; }
/* styles pour les checkbox lorsqu'elles ne sont pas cochées */
input[type="checkbox"]:not(:checked) { position: relative; }
input[type="checkbox"]:not(:checked)::before { content: ""; display: block; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 10px; width: 16px; height: 16px; background-color: #fff; border-radius: 50%; transition: all 0.3s; }
/* ajouter un cercle après la case à cocher cochée */
input[type="checkbox"]:checked::after { content: ""; display: block; position: absolute; top: 50%; left: 28px; transform: translate(-50%, -50%); width: 16px; height: 16px; background-color: #fff; border-radius: 50%; transition: all 0.3s; }
input[type="checkbox"]:checked:before { left: 10px; }

/************************************************************************************************************************************
 *           transformation des checkbox en toggle-switch sur l par Marina (stagiaire) mars 2023         *
 ************************************************************************************************************************************/

input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 40px; height: 22px; background-color: #c6c6c6; border-radius: 20px; outline: none; transition: all 0.3s; position: relative; border: 1px solid #65afd2; vertical-align: middle; }
/* styles pour les checkbox lorsqu'elles sont cochées */
input[type="radio"]:checked { background-color: #65afd2; }
/* styles pour les checkbox lorsqu'elles ne sont pas cochées */
input[type="radio"]:not(:checked) { position: relative; }
input[type="radio"]:not(:checked)::before { content: ""; display: block; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 10px; width: 16px; height: 16px; background-color: #fff; border-radius: 50%; transition: all 0.3s; }
/* ajouter un cercle après la case à cocher cochée */
input[type="radio"]:checked::after { content: ""; display: block; position: absolute; top: 50%; left: 28px; transform: translate(-50%, -50%); width: 16px; height: 16px; background-color: #fff; border-radius: 50%; transition: all 0.3s; }
input[type="radio"]:checked:before { left: 10px; }

.Fox_editor { position: fixed; left: 50px; top: 150px; bottom: 100px; right: 50px; border: 1px grey solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: Arial; background-color: #f6fafc; z-index: 10 }


.wrapWord { word-wrap: break-word; word-break: break-all; background-color: aquamarine }