/* Mise en place de la police Material Design */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(fonts/MaterialIcons-Regular.woff2) format('woff2'),
       url(fonts/MaterialIcons-Regular.woff) format('woff'),
       url(fonts/MaterialIcons-Regular.ttf) format('truetype');
}

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Sans-Serif;
	font-size: 0.8em;
	background: url(images/pages/bg_body.jpg) 50% 0 no-repeat;
}

body.connexion {
	background: none;
}


#header {
	height: 93px;
	width: 920px!important;
	margin: 0 auto;
	text-align: right;
}

#header h1{
	float: left;
	padding-top: 20px;
}

#header ul {
	list-style: none;
	padding-top: 25px;
}

#header ul li {
	display: inline;
}

#header ul li span.contact button {
	color: #7A7471;
	font-weight: bold;
	padding: 0 15px 0 20px;
	margin-right: 15px;
}

.connexion #header ul li span.contact a {
	border-right: none;
}

#header ul li span.autresliens a {
	color: #7A7471;
	font-weight: bold;
	padding: 0 15px 0 20px;
	margin-right: 15px;
	border-right: 1px solid #7A7471;
}


.connexion .header h1 {
	text-align: center;
}

#error-summary {
	margin-bottom: 10px;
	text-align: left;
}

#error-summary .fr-error-title {
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	padding-left: 10px;
	width:695px;
	background: #6B9DC5;
}

.orbeon #error-summary .xforms-group{
	background-color: #F1F1F1;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	border: none;
}
.orbeon #error-summary .fr-error-list {
	margin: 0.5em;
}
.orbeon #error-summary .xforms-initially-hidden,
.orbeon #error-summary .xforms-repeat-template,
.orbeon #error-summary  .xforms-template,
.orbeon #error-summary  .xforms-repeat-delimiter,
.orbeon #error-summary  .xforms-repeat-begin-end,
.orbeon #error-summary  .xforms-group-begin-end,
.orbeon #error-summary  .xforms-disabled-subsequent,
.orbeon #error-summary  .xforms-case-begin-end,
.orbeon #error-summary  .xforms-case-deselected-subsequent {
	display: none;
}

.orbeon #error-summary .xforms-group ul {
	list-style-type:none;
}

.orbeon #error-summary .xforms-group ol li {
	margin-left: 25px;
	font-size: 1.1em;
}

.home #form-ident {
	background: url(images/home/bg_form.png) no-repeat;
	display: inline-block;
	width: 448px;
	height: 87px;
	text-align: left;
	padding: 42px 0 0 40px;
	line-height: 2em;
}

.home #form-ident label {
	display: inline-block;
	width: 85px;
	text-align: right;
	margin-right: 10px;
	vertical-align: top;
}

.home #form-ident.nouveauMdp {
	background: url(images/home/bg_form.png) no-repeat;
	display: inline-block;
	width: 448px;
	height: 80px;
	text-align: left;
	padding: 30px 0 0 40px;
	line-height: 2em;
}

.home #form-ident.nouveauMdp label {
	width: 110px;
	line-height: 1.3;
}

.home #form-ident.nouveauMdp div:first-child {
	margin-top: 0!important;
}


.home #form-ident.nouveauMdp div {
	margin-top: 10px!important;
}

.home #form-ident.nouveauMdp div *:not(label) {
	margin-top: 5px!important;
}

.orbeon .home #form-ident .xforms-alert.xforms-active {
	background-image: url(images/home/btn_alert.png);
	color: transparent;
	margin: 0 4px;
	line-height: 1em!important;
	width: 25px;
	height: 18px;
}

.orbeon .xforms-alert {
	display: none;
}

.home #form-ident  #ident {
	padding:0;
}


.home #form-ident input {
	border: none;
	display: inline-block;
	background: url(images/home/bg_input.png) no-repeat top left;
	padding: 0 5px;
	width: 217px;
	height: 20px;
	vertical-align: top;
}

.orbeon .home #form-ident .xforms-alert {
	vertical-align: top;
}

.home #content {
	text-align: center;
}

.home #form-infos {
	background: url(images/home/bg_yellow.png) repeat-x;
	min-height: 150px;
}

.home #form-infos-connexion {
	background: url(images/home/bg_infos.png) no-repeat;
	display: inline-block;
	width: 165px;
	height: 72px;
	padding: 4px 34px 5px 3px;
	margin-left: 680px;
}

.home #form-infos-connexion ul li{
	list-style-image: url(images/home/fleche.png);
	margin-left: 12px;
	text-align: left;
}

.home #form-infos-connexion ul li a {
	color: #000;
}

.home #form-infos-connexion ul li a:hover,
.home #form-infos-connexion ul li a:focus {
	text-decoration: underline;
}

.home #form-infos-poweredby {
	color: #7A7471;
	margin-left: 680px;
}

.home #form-infos-poweredby a.logo{
	display: inline-block;
	vertical-align: middle;
}

.home #form-infos-poweredby a.logo img {
	border: none;
}

.home #form-infos-poweredby > span {
	padding-top: 10px;
	padding-left: 10px;
	margin-left: 20px;
}

.home #form-infos-poweredby span a {
	color: #7A7471;
	text-decoration: underline;
}

/* Styles des pages */
h2 {
	border-bottom: dotted 1px #797371;
	display: block;
	width: 90%;
	color: #636363;
	text-transform: uppercase;
	padding: 10px 0 10px 30px;
	text-align: left;
	margin: 0 auto!important;
	font-size: 1.2em!important;
}

p.required-infos {
	display: block;
	width: 905px;
	text-align: right;
	margin: 10px auto -18px;
	font-size: 0.85em;
	padding-right: 15px;
}

#content {
	background: #FFF url(images/pages/bg_yellow.png) repeat-x;
	min-height: 150px;
	text-align: center;
	padding-top: 10px;
}

.connexion #content {
	background: none;
	padding-top: 0px;
}

#content #maintable {
	width: 90%!important;
	padding: 0!important;
	margin: 20px auto 5px!important;
}

.orbeon table.bggris {
	padding: 0!important;
	background: #F1F1F1;
	margin-bottom: 20px;
	width: 100%;
	color: #000!important;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

table.bgdiag {
	padding: 0!important;
	background: #F1F1F1 url(images/pages/bg_diag.png) repeat-y 1px top;
	margin-bottom: 20px;
	width: 100%;
	background-size: contain;
}

table.bgdiag  tr td {
	vertical-align: bottom;
	text-align: left;
	padding-bottom: 10px;
	margin: 0px 10px;
}


table.bgdiag tr td span.BANDEAUTITRE {
	font-weight: normal;
	text-transform: none;
	color: #000;
	padding: 10px;
	display: block;
}

.bgdiag img {
	margin-left:1px;
}

.subtable {
	width: 95%;
	margin: 0 auto;
}

.FICHELIBELLE_GAUCHE {
	padding: 0 10px!important;
}

.subtable .FICHELIBELLE_GAUCHE{
	padding-bottom: 15px!important;
}

.TABLEAUHEADERMINILISTE {
	padding:  10px 15px;
}

.FICHELIBELLE,
.FICHEDONNEES,
.FICHELIBELLE_GAUCHE {
	background: transparent;
	color: #000;
}

.TABLEAUHEADER,
.TABLEAUHEADERMINILISTE,
.TABLEAUHEADERMINILISTE a,
.TABLEAUHEADERMINILISTE button {
	color: #7A7471;
	background: #FFF;
	height: 29px;
	border-bottom: solid 1px #E5E4E3;
}

#content #maintable .xbl-fr-accordion-dl .TABLEAUHEADER a ,
#myDialog .xbl-fr-accordion-dl .TABLEAUHEADER a {
	color: #7A7471;
	height: 29px;
}


.TDCLAIR{
	background: #F8F8F8;
}

.TABLEAULGFONCEEMINILISTE a {
	background-color: transparent!important;
}

.TABLEAUHEADER.THFONCE {
	background: transparent;
}

.TABLEAULGFONCEE {
	color: #000!important;
}

.TABLEAULGFONCEE A {
	background: none!important;
}

.TABLEAUHEADERMINILISTE,
.TABLEAUHEADERMINILISTE a,
.TABLEAUHEADERMINILISTE button {
	background: #FFF;
	color: #7A7471;
}

.TABLEAULGFONCEEMINILISTE {
	background: #F8F8F8;
	color: #000!important;
}

.orbeon #content #maintable span.xforms-input:not(.xforms-hidden .xforms-disabled-subsequent),
.orbeon #content #maintable span.xforms-type-integer,
.orbeon #content #maintable span.xforms-group > select {
	/*background: url(images/pages/bg_input_span.png) no-repeat right top;*/
	display: inline-block;
	height: 22px;
	padding-right: 5px;
	padding-bottom: 2px;
	/*padding-bottom: 10px;*/
	vertical-align: top;
}
/*
.orbeon #content #maintable span.FORMINPUT.xforms-type-date {
	background: url(images/pages/bg_input_span_calendar.png) no-repeat right top;
	padding-right: 20px;
}
*/
/*
.orbeon #content .xforms-input input.xforms-type-date {
	background-image: url(images/pages/bg_input_span_calendar2.png);
}
*/
.orbeon #content #maintable input.xforms-input-input,
.orbeon #content #maintable span.xforms-type-integer input,
.orbeon #content #maintable span.xforms-control input,
.orbeon #content #maintable span.xforms-group select,
#content #maintable select{
	/*background: url(images/pages/bg_input.png) top left no-repeat;*/
	border: none;
	border-radius: 2px;
	box-shadow: 0 2px 0 rgba(0,0,0,0.1);
	height: 22px;
	vertical-align: top;
	padding: 0px;
}


.orbeon #content #maintable span.xforms-control input[type="checkbox"],
.orbeon #content #maintable span.xforms-type-integer input[type="checkbox"],
.orbeon #content #maintable span.xforms-control input[type="file"],
.orbeon #content #maintable span.xforms-type-integer input[type="file"] {
	box-shadow: none;
}

.orbeon #content #maintable span.xforms-control input[type="file"],
.orbeon #content #maintable span.xforms-type-integer input[type="file"] {
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-width: thin;
}

.orbeon #content #maintable label.radio input {
	box-shadow: none;
}

.orbeon #content #maintable span.xforms-group select[multiple],
#content #maintable select[multiple] {
	height: auto;
}

#content #maintable select {
	min-width: 50px;
	max-width: 480px;
	padding: 2px 2px 4px 2px;
}

.orbeon #content #maintable select.xforms-select {
	height: auto!important;
	background: #FFF!important;
}

#content #maintable select[multiple="multiple"] {
	height: auto!important;
}

.orbeon #content #maintable .xforms-alert {
	background: url(images/pages/input_alert.png) no-repeat top left;
}

#content #maintable .FORMLIBELLE,
#myDialog .FORMLIBELLE {
	color: #7A7471;
	width: 200px;
	min-width: 150px;
}

#content #maintable .FORMBOUTONS,
#myDialog .FORMBOUTONS {
	background: url(images/pages/bg_btns.png) no-repeat top left;
	height: 25px;
	vertical-align: middle;
	text-align: left;
}

#content #maintable .FORMDONNEES,
#myDialog .FORMDONNEES {
	width: 700px;
}

#content #maintable .FORMLIBELLE_GAUCHE,
#content #maintable .FORMDONNEES,
#myDialog .FORMDONNEES {
	padding-left: 5px;
	padding-bottom: 2px;
	color: #000;
}

#content #maintable .FORMDONNEES a {
	color: #000;
	text-decoration: underline;
	font-weight: normal;
}

html body.orbeon .xforms-form .xforms-disabled,
html body.orbeon .xforms-form .xforms-case-deselected,
html body.orbeon .xforms-form .xforms-case-deselected .xforms-case-selected {
	top: -10000px;
	left: -10000px;
	position: absolute;
}

#content #maintable .fr-accordion-lnf,
#content #maintable .fr-accordion-lnf dt.a-m-t,
#content #maintable .fr-accordion-lnf dd.a-m-d .bd,
#myDialog .fr-accordion-lnf,
#myDialog .fr-accordion-lnf dt.a-m-t,
#myDialog .fr-accordion-lnf dd.a-m-d .bd {
	border: none;
}

#content #maintable .xbl-fr-accordion-dl dt.a-m-t {
	background: url(images/pages/separateur_off.png) no-repeat top left;
	border-spacing: 0;
	height: 25px;
}

#myDialog .xbl-fr-accordion-dl dt.a-m-t {
	background: url(images/pages/separateur_off.png) no-repeat top left;
	border-spacing: 0;
	height: 25px;
	text-align:center;
}

#content #maintable .SEPARATIONEADER:not(.off),
#content #maintable .xbl-fr-accordion-dl dt.a-m-t-expand,
#content #maintable .ONGLETHEADER_SELECT,
#myDialog .SEPARATIONEADER,
#myDialog .xbl-fr-accordion-dl dt.a-m-t-expand,
#myDialog .ONGLETHEADER_SELECT {
	background: url(images/pages/separateur.png) no-repeat top left!important;
	border-spacing: 0;
	height: 25px;
}

#content #maintable .SEPARATIONEADER.off {
	background: url(images/pages/separateur_off.png) no-repeat top left!important;
	border-spacing: 0;
	height: 25px;
}

#content #maintable .ONGLETHEADER_SELECT span,
#content #maintable .SEPARATIONEADER span,
#content #maintable .xbl-fr-accordion-dl dt.a-m-t-expand,
#myDialog .ONGLETHEADER_SELECT span,
#myDialog .SEPARATIONEADER span,
#myDialog .xbl-fr-accordion-dl dt.a-m-t-expand{
	color: #636363;
	text-transform: uppercase;
	font-family: Arial, Sans-Serif;
	padding-left: 32px;
	display: block;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 3px;
	font-weight: bold;
}

.orbeon #content #maintable .xforms-alert,
.orbeon #content #maintable .xforms-help {
	margin-left: 5px;
	vertical-align: middle;
}

#content #maintable .SEPARATIONPOINT  {
	height: 20px;
	background: url(images/pages/bg_points.png) no-repeat 50% 50%;
}

#content #maintable .SEPARATIONSPACE {
	height: 30px;
}

.orbeon #content #maintable .xforms-selected,
.orbeon #content #maintable .xforms-deselected,
.orbeon #content #maintable .xforms-selected input,
.orbeon #content #maintable .xforms-deselected input {
	margin-right: 0px;
	background: none!important;
}

#content .btntable {
	width: 915px!important;
	margin: 0px auto 5px;
	padding-left: 5px;
}

#content .btntable td {
	padding-left: 10px;
}

#content .btntable td img {
	border: none;
}

#content .bigbtntable {
	width: 100%!important;
}

#content .bigbtntable td button {
	display: inline-block;
	height: 114px;
	width: 336px;
	text-align: left;
	padding: 7px 10px 0 135px;
	font-weight: bold;
	font-size: 1.6em;
	color: #7A7471;
	background: url(images/pages/btn_big.jpg) no-repeat top left;
}

#content .bigbtntable td button:hover,
#content .bigbtntable td button:focus {
	text-decoration: underline;
}

#content #maintable #tableview {
	width: auto!important;
}

#content #tableview {
	width: 90%!important;
	margin: 20px auto;
}

#adresseFrance table {
	width: 100%;	
}

/* Mapping des boutons */
#content #maintable .FORMBOUTONS a,
#content #tableview .FORMBOUTONS a {
	color: #000;
	margin-left: 22px;
}

#content #maintable .FORMBOUTONS a:hover,
#content #tableview .FORMBOUTONS a:hover,
#content #maintable .FORMBOUTONS a:focus,
#content #tableview .FORMBOUTONS a:focus {
	text-decoration: underline;
}

#content #maintable .FORMBOUTONS a span,
#content #maintable .FORMBOUTONS button span,
#content #tableview .FORMBOUTONS a span,
#content #maintable .THFONCE a span,
#content #tableview .THFONCE a span {
	width: 17px;
	height: 19px;
	display: inline-block;
	overflow: hidden;
	background: url(images/btn_sprite.png);
	vertical-align: top;
	margin-right: 4px;
	margin-top: -2px;
}

/*Centrer (par exemple sur le bouton de téléchargement en bas des listes)*/
#content #maintable td.center{
	text-align: center;
}

/*Pour tous les boutons*/
.orbeon span.btn {
	margin-left: 22px;
	cursor: pointer;
	display: inline-block;
}

.orbeon span.btn a{
	color: black;
}

/*Boutons d'action*/
span.btn_action{
	margin-left: 18px;
	display: inline;
}

/*Pour tous les boutons*/
span.btn:before{
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Taille standard = 24px */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  color: #991F3D; /*Couleur des icones = 991F3D*/
  position: absolute;
  margin: -3px 0px 0px -25px;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/*Taille des boutons d'action*/
span.btn_action:before{
	font-size: 18px;
}

/*Pour tous les boutons*/
#content #maintable .FORMBOUTONS span.btn a{
	margin-left: 5px;
	vertical-align: middle;
}

/*Bouton a droite (pour un bouton seul)*/
.btnright {
	float: right;
	padding-right: 20px;
}

/*Bouton a gauche (pour un bouton seul)*/
.btnleft {
	float: left;
	padding-right: 20px;
}

/*Bouton changer de tiers*/
span.btn_changertiers:before{
	content: '\e86a';
}

/*Bouton profil*/
span.btn_profil:before{
	content: '\e851';
}

/*Gestion utilisateurs*/
span.btn_gestionutilisateur:before{
	 content: '\e7ef';
}

/*Creation compte extranet*/
span.btn_ajoutercompte:before{
	content: '\e7fe';
}

/*Depot Ref bancaire*/
span.btn_depotref:before{
	content: '\e870';
}

/*Depot facture*/
span.btn_depotfacture:before{
	content: '\e89c';
}

/*Commande à receptionner*/
span.btn_commandeareceptionner:before{
	content: '\e860';
}

/*Service faits*/
span.btn_gestionservfait:before{
	content: '\e862';
}

/*Projets de decompte*/
span.btn_projetdecompte:before{
	content: '\e85d';
}

/*Contact*/
.orbeon span.btn_contact:before{
	content: '\e0be';
	margin: 0px 5px 5px 0px;
	font-size: 18px;
}

/*deconnexion*/
span.btn_deconnexion:before{
	content: '\e879';
	margin: 0px 0px 0px -47px;
	font-size: 18px;
}
.orbeon span.btn_deconnexion {
	padding: 0px;
}

/*Recherche*/
span.btn_search:before{
	content: '\e8b6';
}

/*Access*/
span.btn_access:before{
	content: '\e01f';
}

/*Précédent*/
span.btn_precedent:before{
	content: '\e5cb';
}

/*Suivant*/
span.btn_suivant:before{
	content: '\e5cc'
}

/*Annuler*/
span.btn_annuler:before{
	content: '\e888';
}

/*Valider*/
span.btn_valider:before{
	content: '\e5ca';
}

/*Ajout utilisateur*/
span.btn_ajoututilisateur:before{
	content: '\e7fe';
}

/*Sauvegarder*/
span.btn_save:before{
	content: '\e161';
}

/*Supprimer*/
span.btn_supprimer:before{
	content: '\e872';
}
span.btn_supprimer1:before{
	content: '-';
}


/*Checkbox cochée*/
span.btn_checkchecked:before{
	content: '\e834';
}

/*Checkbox non cochée */
span.btn_checkunchecked:before{
	content: '\e835';
}

/*Modif mot de passe*/
span.btn_modifpwd:before{
	content: '\e897';
}

/*Modif du compte*/
span.btn_modifcompte:before{
	content: '\e851';
}

/*Modif compte partenaire*/
span.btn_modifcomptepartenaire:before{
	content: '\e7fc';
}

/*Télécharger*/
span.btn_telecharge:before{
	content: '\e2c4';
}

/*Télécharger facture*/
span.btn_telecharge_facture:before{
	content: '\e2c4';
}

/*Ajout ligne*/
span.btn_nouveau:before{
	content: '\e146';
}
span.btn_nouveau1:before{
	content: '+';
}

/*Transférer*/
span.btn_transfert:before{
	content: '\e860';
}

/*Refuser*/
span.btn_refuser:before{
	content: '\e85f';
}

/*Réceptionner*/
span.btn_receptionner:before{
	content: '\e861';
}

/*Modifier*/
span.btn_modifier:before{
	content: '\e254';
}

/*Visualiser*/
span.btn_visualiser:before{
	content: '\e873';
}

/*Depot devis*/
span.btn_depotdevis:before{
	content: '\e89c';
}

/*Depot decompte*/
span.btn_depotdecompte:before{
	content: '\e890';
}

/*Sauvegarder decompte*/
span.btn_saveDecompte:before{
	content: '\e161';
}

/*Deposer le decompte*/
span.btn_deposerdecompte:before{
	content: '\E31C';
}

/*validation decompte*/
span.btn_validerdecompte:before{
	content: '\e5ca';
}

/*Transférer*/
span.btn_transfertdecompte:before{
	content: '\e860';
}

/*envoie collectivite*/
span.btn_envoidecompte:before{
	content: '\e255';
}

/*receptionner par le mo*/
span.btn_receptionMO:before{
	content: '\e861';
}

/*creer decompte*/
span.btn_creerDecompte:before{
	content: '\e146';
}

/*refuser decompte*/
span.btn_refuserdecompte:before{
	content: '\e5cd';
}

/*gérer pj decompte*/
span.btn_gererpj:before{
	content: '\e2c7';
}

/*Bouton de saisie de devis*/
span.saisieDevis{
	margin-left: 600px;
	text-transform: none;
	vertical-align: middle;
}

/*Bouton de dépot de facture*/
span.depotFacture{
	margin: 15px 30px 15px 30px;
	text-transform: none;
	vertical-align: middle;
}

/*Bouton de dépot de projet de décomptes*/
span.depotProjetDecompte{
	margin: 5px 0px 5px 600px;
	vertical-align: middle;
}

/*Recharger*/
span.btn_recharger:before{
	content: '\e5d5';
}

/*Déplier critères*/
span.btn_deplier:before{
	content: '\e5cf';
}

/*Replier critères*/
span.btn_replier:before{
	content: '\e5ce';
}

/*Imprimer*/
span.btn_imprimer:before{
	content: '\e8ad';
}

/*Visualisation d'une demande*/
span.btn_modeVisu:before{
	content: '\e417';
}
span.btn_detail:before{
	content: '\e5c8';
}
/*Gestion du titre de la liste des demandes sur la page d'accueil*/
#titre_demande .btn_demande button {
	margin-left: 0;
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial;
	font-size: 13px;
}

#titre_demande .btn_demande.fermer {
	margin-bottom: 20px;
}
/*Style de la liste des boutons d'action sur une demande*/
.listeAction {
	vertical-align: top;
}

.listeAction span.btn {
    margin-left: 0px;
}

.listeAction span.btn:before{
	position:relative;
	line-height: 15px;
	left:14px;
  	top:10px;
}

/*Chevron droit (>)*/
span.btn_chevronSup:before{
	content: '\e5cc';
}

/*Télécharger le BPU*/
span.btn_telecharge_bpu:before{
	content: '\e2c4';
}

/*Bouton nouvelle demande désactivé*/
span.btn_nouveau_desactive:before{
	content: '\e146';
	color: #E1DEDE;
}

/*Liste des pièces*/
span.listePJ{
	margin-left:15px;
}

/*Détacher une PJ*/
span.detacherPJ:before{
	font-size:18px;
}

/*Supprimer PJ sur service fait*/
span.supprPjServfait:before{
	font-size:18px;
	margin: 0 0 0 0;
}

#content #maintable .FORMBOUTONS span.btn_gestionutilisateur span {
	background-position: -51px -19px;
}

#content #maintable .FORMBOUTONS span.btn_depotfacture span {
	background-position: 0 0;
}

#content #maintable .FORMBOUTONS span.btn_modifpwd span {
	background-position: -17px -57px;
}

#content #maintable .FORMBOUTONS span.btn_modifcomptepartenaire span {
	background-position: -34px -57px;
}

#content #maintable .FORMBOUTONS span.btn_modifcompte span {
	background-position: 0 -57px;
}

#content #maintable .FORMBOUTONS span.btn_favoris span {
	background-position: -17px -19px;
}

#content #maintable .FORMBOUTONS span.btn_nouveau1 span
#content #maintable .FORMBOUTONS span.btn_nouveau span {
        background-position: -51px -38px;
}

#content #maintable .FORMBOUTONS span.btn_telecharge span,
#content #tableview .FORMBOUTONS span.btn_telecharge span {
	background-position: 0 -19px;
}

#content #maintable .FORMBOUTONS span.btn_supprimer1 span
#content #maintable .FORMBOUTONS span.btn_supprimer span {
	background-position: -17px -38px;
}

#content #maintable .FORMBOUTONS span.btn_editer span,
#content #tableview .FORMBOUTONS span.btn_editer span {
	background-position: 0 -38px;
}
#content #maintable .FORMBOUTONS span.btn_visu span,
#content #tableview .FORMBOUTONS span.btn_visu span {
	background-position: 0 -38px;
}

#content #maintable .FORMBOUTONS span.btn_recharger span {
	background-position: -51px 0;
}

#content #maintable .FORMBOUTONS span.btn_imprimer span {
	background-position: -34px -38px;
}

#content #maintable .FORMBOUTONS span.btn_valider span {
	background-position: 0 0;
}

#content #maintable .FORMBOUTONS span.btn_annuler span {
	background-position: -17px 0;
}

#content #maintable .FORMBOUTONS span.btn_precedent span {
	background-position: 0 -76px;
}

#content #maintable .FORMBOUTONS span.btn_suivant span {
	background-position: -51px -57px;
}

#content #tableview .THFONCE span.btn_receptionner span,
#content #maintable .THFONCE span.btn_receptionner span {
	background-position: 0 -19px;
}

#content #tableview .THFONCE span.btn_refuser span {
	background-position: -17px 0;
}

#content #tableview .THFONCE span.btn_transferer span {
	background-position: -34px -57px;
}

#content #tableview .THFONCE span.btn_supprimer span,
#content #maintable .THFONCE span.btn_supprimer span {
	background-position: -17px -38px;
}

#content #tableview .THFONCE span.btn_editer span,
#content #maintable .THFONCE span.btn_editer span {
	background-position: 0 -38px;
}

#content #maintable .FORMBOUTONS span.btn_retour span {
	background: url(images/pages/retour.png) 50% 50% no-repeat;
}

#content #maintable .FORMBOUTONS span.btn_tdbprojetdecompte span {
	background-position: 0 -38px;
}

#content #maintable .FORMBOUTONSNBKGD a,
#content #tableview .FORMBOUTONSNBKGD a {
	color: #000;
	margin-left: 22px;
}

#content #maintable .FORMBOUTONSNBKGD a:hover,
#content #tableview .FORMBOUTONSNBKGD a:hover,
#content #maintable .FORMBOUTONSNBKGD a:focus,
#content #tableview .FORMBOUTONSNBKGD a:focus {
	text-decoration: underline;
}

#content #maintable .FORMBOUTONSNBKGD a span,
#content #tableview .FORMBOUTONSNBKGD a span {
	width: 17px;
	height: 19px;
	display: inline-block;
	overflow: hidden;
	background: url(images/btn_sprite.png);
	vertical-align: top;
	margin-right: 4px;
	margin-top: -2px;
}

#content #maintable .FORMBOUTONSNBKGD span.btn_annuler span {
	background-position: -17px 0;
}

#content #maintable .FORMBOUTONSNBKGD span.btn_depotfacture span {
	background-position: 0 0;
}


/* Table view */

ul.yui-nav {
	text-align: left;
	border: none!important;
	padding-bottom: 4px;
	background: url(images/pages/tab_thead.png) bottom left no-repeat!important;
}

ul.yui-nav li  a {
	background: url(images/pages/tab_deselected.png) top right!important;
	border: none!important;
	padding: 0px;
}

ul.yui-nav li.selected a,
ul.yui-nav li a:hover,
ul.yui-nav li a:focus {
	background: url(images/pages/tab_selected.png) top right!important;
}

ul.yui-nav li  a em {
	border: none!important;
	padding: 8px 20px 5px!important;
	background: url(images/pages/tab_arrow.png) left 60% no-repeat!important;
}

ul.yui-nav li.selected  a em,
ul.yui-nav li.selected  a:hover em,
ul.yui-nav li  a:hover em,
ul.yui-nav li.selected  a:focus em,
ul.yui-nav li  a:focus em {
	background: none!important;
	font-weight: bold;
	color: #FFF;
}

ul.yui-nav li a:hover em,
ul.yui-nav li a:focus em {
	font-weight: normal;
}

div.yui-content {
	width: auto!important;
	padding: 0 0 12px!important;
	background: #F1F1F1!important;
	border:none!important;
	margin: 0 auto 5px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

div.yui-content table .TABLEAUHEADER {
	color: #7A7471;
	height: 29px;
	border-bottom: solid 1px #E5E4E3;
}

div.yui-content table .TABLEAUHEADER a {
	color: #7A7471;
	height: 29px;
}

div.yui-content table td {
	background: #F8F8F8;
	height: 30px;
	vertical-align: middle;
}

div.yui-content table td.THFONCE {
	background: transparent!important;
}

div.yui-content table td a {
	color: #000;
}

div.yui-content table td a:hover,
div.yui-content table td a:focus {
	text-decoration: underline;
}

div.FICHEDEMANDE table td:not(.FORMLIBELLE) {
	background: #F8F8F8;
	height: 30px;
}

div.FICHEDEMANDE table .FICHELIBELLE,
div.FICHEDEMANDE table .FICHELIBELLE_GAUCHE {
	vertical-align: middle !important;
}

/* Pour avoir toujours une taille suffisante pour que
les icones d'action passe sur une ligne */
div.FICHEDEMANDE .TABLEAUHEADERMINILISTE .colAction {
	width: 175px;
}

div.FICHEDEMANDE .TABLEAUHEADERMINILISTE .colObjet {
	width: 35%;
}

div.FICHEDEMANDE .TABLEAUHEADERMINILISTE .colNumero {
	width: 75px;
}

a span.BOUTON {
	vertical-align: middle;
	color: #000!important;
	font-weight: bold!important;
	text-decoration: none!important;
}

/* == ORBEON == */
.orbeon .xforms-group-appearance-xxforms-fieldset {
	padding: 0;
	margin: 1em;
}

.orbeon-error-panel h2 {
	width: auto;
}

tr:hover.ligneSelectionnable,
tr:focus.ligneSelectionnable {
	background-color:#F8F8F8;
	cursor: pointer;
}

.BOUTONSMARCHE{
	text-align: right;
	margin-right: 15px;
	margin-bottom: 10px;
}

/*Titre bloc habilitations*/
.titreHabilitations{
	float: left;
	margin-left: 15px;
	font-weight: bold;
}

/*Liste des habilitations*/
.listeHabilitations{
	list-style-type: none;
	margin: 10px 0px 0px 200px;
	text-align: left;
}

.listeHabilitations li{
	margin-bottom: 10px;
}

.listeHabilitations li span{
	cursor: auto;
}

.listeHabilitations li span.btn:before{
	margin-top: -4px;
}

/* input de type montant : aligné à droite */
.montant_oblig input{
	text-align: right;
    padding-right: 10px!important;
}

.montant {
	text-align: right;
	white-space: nowrap;
    padding-right: 3px!important;
    padding-left: 3px!important;
}

.transfertMail{
	font-style: italic;
}

.transfertCommentaire{
	color: gray;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 2px;
}

.champ {
  border: grey 1px solid;
	padding-bottom: 10px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:3px;
	padding-top:10px;
}


.legende {
	padding-left:2%;
	padding-right:2%;
  display: block;
  margin-left: 3px;
  margin-right:3px;
  line-height: inherit;
  color: grey;
  border: 0;
}

.centerText {
	text-align:center;
}

.TABLEAUVISU {
	border-collapse:collapse;
	margin-left:5px;
}

.THVISU {
	color: #7A7471;
	padding-top:5px;
	padding-bottom:5px;
}

.ACCORDIONINVISIBLE dt.a-m-t {
	display:none!important ;
}

.ACCORDIONINVISIBLE dt.a-m-t-expand {
	display:none!important;
}

.ACCORDIONINVISIBLE input.xforms-input-input {
	margin-left:3px;
}

.noBlock {
	display:table-cell!important;
}

#myDialog .btn_action {
	display : inline-block;
	padding-left:20px;
	padding-right:20px;
	padding-top: 5px;
}

#myDialog .TABLEAUHEADER {
	text-align:center;
}

#myDialog {
	width: 1000px!important;
	padding: 0 0 12px!important;
	background: #F1F1F1!important;
	margin: 0 auto 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#myDialog_h {
	text-transform: uppercase;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px 10px 0px 0px;
}

/*Bloquer compte extranet*/
span.btn_cadenas_ferme:before{
	content: '\E897';
}

/*Débloquer compte extranet*/
span.btn_cadenas_ouvert:before{
	content: '\E898';
}

table.tableDecompte tbody tr td:not(.TABLEAUHEADER) {
	border-bottom: 1px solid #808b964a;
}

/* ajout suite orbeon 2017.2 */
.orbeon input,
.orbeon textarea,
.orbeon .uneditable-input {
  width: auto;
}

.orbeon select {
  width: auto;
}

table.border {
	border-spacing: 1px;
	border-collapse: initial;
}

.lignehauteur {
	height: 20px;
}

.orbeon img {
  vertical-align: unset;
}

.orbeon .btn {
	background-image: none;
	background-color: transparent;
	border-style: none;
	box-shadow: none!important;
}

.orbeon .btn a:hover,
.orbeon .btn a:focus {
	background-color: transparent;
}

.xbl-fr-autocomplete {
	width: unset;
}

.fr-autocomplete-external-value ,
	.fr-autocomplete-select1{
	display:none!important;
}

/* ajout suite a orbeon 2020.1.2 */
.orbeon .btn:hover, 
.orbeon .btn:focus {
	background-color: transparent;
}

.orbeon dd{
	margin-left: 0px;
}

.fonction {
	display: inline-flex;
}

.labelbetween{
	float: left;
}

span.btn_supprimer:before, span.btn_depotdecompte:before,
span.btn_imprimer:before, span.btn_validerdecompte:before,
span.btn_transfertdecompte:before, span.btn_receptionMO:before,
span.btn_envoidecompte:before, span.btn_gererpj:before
{
	position:relative;
	left: 14px;
    top: 5px;
}

.orbeon ul{
	margin:0 0 0 0;
}

.orbeon .btn-link{
	color:#000!important;
	text-align: left;
}

ul.nav-connexion li span button.btn-link{
	color:#000;
	text-align: left;
}

ul.nav-connexion li span button.btn-link:hover,
ul.nav-connexion li span button.btn-link:focus {
	color:#000;
}

#numRib .FORMLIBELLE_GAUCHE{
	display: flex;
}

div.bd{
	margin-top: 2px;
}

.orbeon .btn:focus {
	outline: transparent;
	outline-offset: 0px;
}

.orbeon textarea:focus, 
.orbeon input[type="text"]:focus, 
.orbeon input[type="password"]:focus, 
.orbeon input[type="datetime"]:focus, 
.orbeon input[type="datetime-local"]:focus, 
.orbeon input[type="date"]:focus, 
.orbeon input[type="month"]:focus, 
.orbeon input[type="time"]:focus, 
.orbeon input[type="week"]:focus, 
.orbeon input[type="number"]:focus, 
.orbeon input[type="email"]:focus, 
.orbeon input[type="url"]:focus, 
.orbeon input[type="search"]:focus, 
.orbeon input[type="tel"]:focus, 
.orbeon input[type="color"]:focus, 
.orbeon input[type="file"]:focus, 
.orbeon input[type="radio"]:focus, 
.orbeon input[type="checkbox"]:focus,
.orbeon select:focus, 
.orbeon button.btn-link:focus,
.orbeon button.btn:focus,
.orbeon a:focus {
	/* outline */
	outline: solid 2px rgba(0, 79, 164,0.25);
    outline-offset: -2px;
    /* box-shadow */
   	box-shadow: 0 0 0 2px inset rgba(0, 79, 164,0.25);
}

.orbeon .uneditable-input:focus,
.orbeon input[type="hidden"]:focus
.orbeon .btn-link[disabled]:focus
.orbeon a[disabled]:focus {
	outline: none;
	box-shadow: none;
}

.orbeon .FORMINPUTOBLIGATOIRE select, .orbeon .FORMINPUTOBLIGATOIRE textarea, .orbeon .FORMINPUTOBLIGATOIRE input{
	background-image: url("./images/asterisque2.png");
	background-position : right top;
	background-repeat : no-repeat;	
}

td.FICHEDONNEES{
	text-align: left;
}

table.bgdiag tr {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
}

.downloadlink {
	text-decoration: underline;
	color: #666699;
}

.home #form-ident.page_codeTemporaire {
	height: 100px;
	padding-top: 28px;
}

.home #form-ident.page_codeTemporaire div:first-of-type {
	margin-bottom: 10px;
	font-family: Verdana;
}

.page_codeTemporaire .btn_renvoyer {
	vertical-align: text-bottom;
}

.page_codeTemporaire .btn_renvoyer button {
    background-color: #808080!important;
    text-decoration: none!important;
    padding: 5px 10px;
    text-align: center;
    vertical-align: text-bottom;
    border-radius: 10px;
    font-weight: bold;
    color: white!important;
}
.page_codeTemporaire .btn_renvoyer.btn_desactive button {
	cursor: not-allowed;
	opacity: 0.5;
}

.page_codeTemporaire .text_codeTemporaire {
	display: inline-block;
    width: 75%;
    line-height: 20px;
}

.home #form-ident.page_codeTemporaire #codeTemporaire label {
	width: 110px;
}