@font-face {
	font-family: 'OpenSans';
	src:url('../../../public/fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff');
}

html {
	font-size: 62.5%; /* Pour les élements dont le font-size est défini en REM */
}

body {
	font-size: 1.2em; /* Pour tous les autres élements : font-size non défini ou défini en px, em...? */
	font-family: OpenSans, Arial, Helvetica, sans-serif;
}

select,
textarea,
input,
table,
.ea-bt-title,
button
{
	font-size: 1.2rem; /* Ecrase la taille affectée par le navigateur */
	font-family:OpenSans, Arial, Helvetica, sans-serif;
}

select, textarea, input[type=text], input[type=password] {
    font-family: Arial, Helvetica, sans-serif;
}

:root {	
	--ea-maincontainer-background-color: #f1f3f5;
	--ea-maincontent-background-color: #ffffff;
	--ea-zoneframe-background-color: #eceded;
	--ea-header-top-background-color: #ffffff;
	--ea-toolbar-color: #222222;
	--ea-toolbar-color-hover: #222222;
	--ea-toolbar-background-color: #ffffff;
	--ea-toolbar-background-color-hover: #ffffff;
	--ea-toolbar-item-border-left: none;
	--ea-toolbar-item-border-right: 1px solid rgb(228, 230, 232);
	--ea-toolbar-link-border-bottom: 4px solid transparent;
	--ea-toolbar-titlesub-color: #222222;
	--ea-toolbar-sub-background-color: #ffffff;
	--ea-toolbar-sub-border-color: gray;
	--ea-toolbar-active-border-color: #596eb1;
	--ea-toolbar-sub-link-color: #222222;
	--ea-toolbar-sub-link-color-hover: #596eb1;
	--ea-toolbar-sub-link-background-color: transparent;
	--ea-toolbar-sub-link-background-color-hover: transparent;
	--ea-breadcrumb-color: #000000;
	--ea-title-border-color: #596eb1;
	--ea-title-color: #43548E;
	--ea-title-background-color: rgba(89, 110, 177, 0.2);
	--ea-black-title-color: #000000;
	--ea-blue-title-color: #596EB1;
	--ea-red-title-color: #a1112c;
	--ea-planif-title-color: #a1112c;
	--ea-text-color: #222222;
	--ea-link-color: #222222;
	--ea-tabstitle-color: #fff;
	--ea-tabstitle-background-color: #596eb1;
	--ea-tabsublevel-border-color: #596eb1;
	--ea-tabsublevel-color-hover: #596eb1;
	--ea-tabsbtdropdown-background-color: #596eb1; 
	--ea-tabsbtdropdown-color: #fff; 
	--ea-tabsbtdropdown-border-color: transparent; 
	--ea-popupbanner-background-color: #596eb1;
	--ea-popupbanner-color: #fff;
	--ea-ctl-button-color: #596eb1;
	--ea-ctl-button-color-hover: #ffffff;
	--ea-ctl-button-background-color: #ffffff;
	--ea-ctl-button-background-color-hover: #596eb1;
	--ea-ctl-button-border-color: #596eb1;
	--ea-ctl-button-border-color-hover: #596eb1;
	--ea-ctl-button-border-radius: 4px;
	--ea-ctl-button-padding: 5px 8px 5px 8px;
	--ea-ctl-subbutton-color: #596eb1;
	--ea-ctl-subbutton-background-color: #fff;
	--ea-bannerzone-background-color:#ffffff;
	--ea-bannerzone-color:#596eb1;
	--ea-bannerzone-border-color: #005f85;
	--ea-liste-outer-border-color: #bcbcbc;
	--ea-liste-inner-border-color: #ececec;
	--ea-liste-background-color-hover: rgb(189,197,224);
	--ea-liste-entete-background-color: #596eb1;
	--ea-liste-entete-color: #ffffff;
	--ea-liste-liste1-background-color: #ffffff;
	--ea-liste-liste1-color: #000000;
	--ea-liste-liste2-background-color: #ffffff;
	--ea-liste-liste2-color: #000000;
	--ea-liste-listedetails-background-color : #ffffff;
	--ea-liste-listedetails-color : #000000;
	--ea-bt-color: #222;
	--ea-bt-action-background-color: #222;
	--ea-bt-action-color: #fff;
	--ea-button-background-color: #ffffff;
	--ea-button-background-color-hover: #eef1f7;
	--ea-button-color: #596eb1;
	--ea-button-border-color: #596eb1;
	--ea-button-border-radius: 4px;
	--ea-button-padding: 0px 0px 2px 0px;
	--ea-attach-label-color: #595959;
	--ea-field-background-color: #FFF;
	--ea-field-border-color: #ccc;
	--ea-field-color: #000000;
	--ea-field-background-color-inactif: #dddddd;
	--ea-field-background-color-modif:#D1E0FF;
	--ea-label-color: #666666;
	--ea-panelleft-button-border-color:transparent;
	--ea-panelleft-button-color: #596eb1;
	--ea-panelleft-button-color-hover: #596eb1;
	--ea-panelleft-button-background-color:#fff;
	--ea-panelleft-button-background-color-hover:#eef1f7;
	--ea-multar-link-color-hover:#596eb1;
}