/* === communs === */
html,body{padding:0px; margin:0px; width:100%; height:100%;}
body{background-color:#fff;}
body,table,tr,td,th,div,span,a,img,input{outline: none;}
body,table,div,span,tr,td {-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
strong {font-weight:bold;}
p{margin-top:0px !important; margin-bottom:0px !important;}
table { border-collapse:collapse; }

body,table,div,span,tr,td,.xbody {
	font-family: arial,helvetica,sans-serif;
	font-size:13px;
	color:#333;
}

hr {
	border: 1px none #333;
	border-top: solid 1px #333;
	margin-top:4px;
	margin-bottom:4px;
	position: relative;
}

a {
	text-decoration:none;
	color:#328CC3;
}

a:hover {
	text-decoration:underline;
}

a:visited {
	
}

a img{
	border:none;
}

.button {
    display: inline-block;
    background-color: #1979ca;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    padding: 6px;
    margin-top: 10px;
    font-weight: bold;
    cursor: pointer;
	border : none;
}

.button a, .button a:hover, .button:hover { text-decoration: none; cursor:pointer; }

.fabutton {
    display: inline-block;
    background-color: #1979ca;
    color: #fff;
    border-radius: 5px;
    padding: 6px;
    cursor: pointer;
	border : none;
}
.fabutton a, .fabutton a:hover, .fabutton:hover { text-decoration: none; cursor:pointer; }


.hiddenpos {position:absolute !important; width:1px !important; height:1px !important; left:-1000px !important; top:-1000px !important; }

td.sub-title.title { font-size:16px; background-color: #5D1255 !important; color:#fff; }
td.sub-title,tr.sub-title td { background-color: #E01F5F !important; }
td.sub-sep,tr.sub-sep td { background-color: #6BB1EC !important; color:#fff !important; }
td.sub-title.title a ,td.sub-title a,tr.sub-title td a, td.sub-sep a,tr.sub-sep td a { color:#fff !important; }


.fapicto { font-size:18px; color:#6badf6; cursor:help; vertical-align:auto; font-family:"Font Awesome 5 Pro"; font-weight: 300; }

.help { display:inline-block;  cursor:help; background-color:#1979ca; color:#fff; padding:2px; padding-left:7px; padding-right:6px; margin-left:4px; margin-right:4px; border-radius:4px; font-family:"Font Awesome 5 Pro"; font-weight: 300;}
.help:before { content: "\f059";  position:relative; left:-3px; }

.warning { font-size:18px; color:#ff0000; font-family:"Font Awesome 5 Pro"; font-weight: 300; cursor:help; position:relative; top:1px;}
.warning:before { content: "\f071"; }

.fa.ban { font-size:18px; color:#ff0000; cursor:help; font-family:"Font Awesome 5 Pro"; font-weight: 300;}
.fa.ban:before { content: "\f05e"; }

.fa.start { font-size:18px; color:#aaa; cursor:help; font-family:"Font Awesome 5 Pro"; font-weight: 300; }
.fa.start:before { content: "\f15b"; }

.fa.facturation { font-size:18px; color:#000; cursor:help; font-family:"Font Awesome 5 Pro"; font-weight: 300; }
.fa.facturation:before { content: "\f1c1"; }

.fa.liquidation { font-size:18px; color:#000; cursor:help; font-family:"Font Awesome 5 Pro"; font-weight: 300;}
.fa.liquidation:before { content: "\f00c"; }

.fa.n1 { font-size:18px; color:#000; cursor:help; font-family:"Font Awesome 5 Pro"; font-weight: 300;}
.fa.n1:before { content: "\f046"; }

.fa.ord { font-size:18px; color:#000; cursor:help; font-family:"Font Awesome 5 Pro"; font-weight: 300;}
.fa.ord:before { content: "\f044"; }

.fa.n3 { font-size:18px; color:#000; cursor:help; font-family:"Font Awesome 5 Pro"; font-weight: 300;}
.fa.n3:before { content: "\f14a"; }

.fa.paiement { font-size:18px; color:#0f0; cursor:help; font-family:"Font Awesome 5 Pro"; font-weight: 300;}
.fa.paiement:before { content: "\f153"; }

.fa.wait { color:#aaa; }
.fa.valid { color:#0f0; }
.fa.reject { color:#f00; }
.fa.red { color:#f00; }
.fa.blue { color:#1979ca; }



.padding2 , .padding2>tbody>tr>td , .padding2>tr>td { padding:2px; }

.x-menu-item-text,.x-btn-inner,.x-btn-blue-button-toolbar-small .x-btn-inner { font-size:13px; }

.x-grid-cell .icon { font-size:16px; line-height:13px; position:relative; top:1px; display:inline-block; width:16px; text-align:center; margin-right:4px;}
.x-grid-cell .fa { font-size:17px; line-height:13px; position:relative; top:1px; display:inline-block; width:16px; text-align:center; margin-right:4px;}

.x-msgalert .x-window-header { background-color:#f00 !important; }


.bouton { display:inline-block; background-color: #1979ca; border:1px solid #1874c1; color:#fff; cursor:pointer; font-size:13px; padding:3px; padding-left:5px; padding-right:5px; }
.bouton22 { display:inline-block; font-weight: bold;  border:1px solid #1874c1; color:#1874c1; cursor:pointer; font-size:18px; padding:6px; border-radius: 10px; white-space: nowrap; }
.bouton22 i { font-size:22px; margin-right:10px; }
.bouton22.blue { background-color: #1979ca; border:1px solid #1874c1; color:#fff;  }
.bouton22.blue * { color:#fff;  }
.bouton22.fullwidth { width:100%;  }


.uploader i , .uploader input { cursor:pointer; }

.font-red { color:#f00; }
.font-17 { font-size:17px; }


/* === editor === */
.titre {
	display:block;
	font-size:14px;
	font-weight:700;
	color:#333;
	line-height:14px;
	margin-top:14px;
	text-transform:uppercase;
}
.sous-titre {
	font-size:14px;
	font-weight:700;
	color:#333;
	line-height:16px;
}
.important {
	font-size:12px;
	font-weight:700;
	color:#333;
	line-height:14px;
}
.citation {
	color:#333;
	font-size:12px;
	line-height:14px;
	font-style:italic;
}

/* === pages === */
.public_titre,.public_titre * {
	font-family:roboto,sans-serif !important;
	font-size:40px !important;
	font-weight: 400 !important;
	color:#DF1F5F !important;
	text-transform: uppercase !important;
}
.public_sous_titre,.public_sous_titre * {
	font-family:roboto,sans-serif;
	font-weight: 700 !important;
	font-size:22px !important;
	color:#DF1F5F !important;
}
.public_baseline {
	font-family:roboto,sans-serif;
	font-size:18px;
	color:#646C77;
}
.public_important {
	font-family:roboto,sans-serif;
	font-weight:bold;
	font-size:110%;
	color:#000;
}
.public_information {
	font-family:roboto,sans-serif;
	font-style: italic;
	font-size:90%;
	color:#333;
}
.public_bouton_rouge {
	font-size: 16px;
    background-color: #E01F5F;
    border: none;
    color: #fff;
    border-radius: 0;
    padding: 6px;
    cursor: pointer;
}
.public_bouton_rouge:hover {
    background-color: #5D1255;
}
.public_bouton_rouge a, .public_bouton_rouge a:visited { color:#fff; text-decoration: none; }