/**************************************************************
 Lawyer'it
 Copyright 2001-2023 Develop'it
 
 Version : 8.7.0
 Date    : 25/01/2023
 Fichier : css/app.css
**************************************************************/
@import url(font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);

.Border {
	border:1px solid red !important;
}
body, input, textarea, select {
    font-size: 13px;
    font-family: 'Open Sans', Arial, sans-serif;
    line-height: 1.2em;
    font-weight: 400;
	background-color:#f5f5f5;
}
body.SousFormulaire {
	background-color:transparent;
}
html {
    font-family: 'Open Sans', Arial, sans-serif;
}
#Contenu {
	display:block;
	background-color:#f5f5f5;
	position:absolute;
	top:0;
	right:0;
	bottom:0px;
	left:0;
	width:auto;
	height:auto;
	padding:20px 20px 20px 20px;
	margin-left:50px;
	margin-top:50px;
	border-left: 3px solid #fff inner;
	overflow:visible;
/*
	min-height:100%;
border: 2px solid red;
*/
}
#Contenu h1 {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 1.8em;
    color: #127FA8;
    font-weight: bold;
/*
*/
}

#Contenu h2 {
    font-family: 'Open Sans', Arial, sans-serif;
	font-size:1.1em;
    color: #333;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 1em;
}
[type="file"], [type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], select, textarea {
	font-family: Arial, Helvetica, serif;
	font-size: 12px;
	background-color: rgba( 245, 245, 245, 1);
	height: 35px;
	margin:0;
}
input[type="file"]:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
	border-color: #0094F2;
	background-color:#f8f8f8;
    box-shadow: 0px 0px 3px rgb(149, 190, 212), 2px 2px 1px rgb(230, 230, 230) inset;
    outline: medium none;
    transition: border-color 0.3s linear 0s, box-shadow 0.3s linear 0s;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	opacity:1;
	color: #333333;
}
::-moz-placeholder { /* Firefox 19+ */
	opacity:1;
	color: #333333;
}
:-ms-input-placeholder { /* IE 10+ */
	opacity:1;
	color: #333333;
}
:-moz-placeholder { /* Firefox 18- */
	opacity:1;
	color: #333333;
}
@media only screen and (max-width:639px) { /* small */
	.small-bold {
		font-weight:bold;
	}
}
.Cellule {
	margin-top:0.25em;
	margin-bottom:0.25em;
}

/*************************** frmLangue ********************************/
#frmLangue #Langue option {
	padding-top:5px;
	height:24px;
	background-position:4px 7px;
	background-repeat:no-repeat;
	padding-left:25px;
}
#frmLangue #Langue option#fr {
	background-image:url('../image/fr.png');
}
#frmLangue #Langue option#en {
	background-image:url('../image/en.png');
}
/***************************  ********************************/

[type=submit], [type=button], button {
/*
	width: 100%;
	line-height: 30px;
*/
	cursor:pointer;
	display:inline-block;
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 12px;
	height: 35px !important;
	line-height:35px;
	color: #333;
	background-color: #fdfdfd;
	border-radius: 3px;
	border: 1px solid #b4b4b4;
	user-select: none;
/*
	border-color: rgba(0, 0, 0, 0.21) rgba(0, 0, 0, 0.33) rgba(0, 0, 0, 0.37);
	background-image: url("../image/FondBoutonOutil.png");
	background-repeat: repeat-x;
	margin:15px auto 15px auto;
	background-image: -webkit-linear-gradient(top, #e8e8e8, #fdfdfd);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
*/

	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}
[type=submit] img, [type=button],  img, button img {
	margin-bottom:5px;
}
[type=submit]:hover, button:hover, [type=submit]:focus, button:focus, [type=button]:focus, [type=button]:hover  {
	background-color: #ededee;
	border: 1px solid rgba( 18, 127, 168, 0.7 );
/*
	box-shadow: 0px 1px 2px rgba( 18, 127, 168, 0.6 );
*/
	background: rgba(245,245,245,1);
	background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,248,248,1)), color-stop(100%, rgba(230,230,230,1)));
	background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
	background: -o-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
	background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
	background: linear-gradient(to bottom, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}
button:disabled {
/*
	cursor:crosshair;
*/
	color: #999;
	box-shadow:none;
	border: 1px solid #dfdfdf !important;

	background: rgba(245,245,245,1);
	background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,248,248,1)), color-stop(100%, rgba(230,230,230,1)));
	background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
	background: -o-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
	background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
	background: linear-gradient(to bottom, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}
button:disabled img {
	opacity:0.4;
}

button::-moz-focus-inner {
  border: 0;
}
textarea {
	resize: none;
}


.tooltip {
  background: transparent;
  border: 3px solid dodgerblue;
  border-radius: 3px;
> .nub {
    border: solid 5px;
    border-color: transparent transparent dodgerblue transparent;
    top: -12px;}
}
.has-tip {
    border-bottom:none;
    font-weight: inherit;
    position: relative;
    display: inline-block;
    cursor:auto;
}

section {
	background-color:#fff;
	padding:2em 3em;
	border: 1px solid #ddd;
	box-shadow: 0px 0px 3px rgba( 20, 20, 20, 0.2);
}
.PiedSection {
/*
	margin:0;
	padding:2em;
	background-color:#f5f5f5;
*/
}


/* reset some Foundation default style */
table thead, table tbody, table tfoot {
    border:none;
    background-color:inherit;
}
table {
	margin-bottom: 0;
}
table th {
/*
	border-bottom:1px solid #ccc !important;
*/
}
/* change some Foundation default style */
label > .inline-label {
    margin-top: 0.5rem;
}
.inline-label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
/*
    margin-bottom: 1rem;
*/
}
.inline-label > input, .inline-label > select {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
}
.inline-label > .form-label:first-child {
    border-right: 0;
}
.inline-label > .form-label:last-child {
    border-left: 0;
}
.inline-label > .form-label {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: #eee;
    color: #333;
    border: 1px solid #ccc;
    padding: 0 0.5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}


/*************************** CadreLogin ********************************/
input#Compte {
	background-image:url(../image/Compte16.png);
	background-repeat:no-repeat;
	background-position:10px;
	padding-left:35px;
}
input#MotDePasse {
	background-image:url(../image/Cadenas16.png);
	background-repeat:no-repeat;
	background-position:10px;
	padding-left:35px;
}
p.Introduction {
	text-align:center;
	font-size:1.2em;
}
.CadreComplementInfo {
	display:block;
	margin-top:40px;
	color:#999;
	font-size:0.9em;
	text-align:center;
}
.CadreLogin .column {
	margin-bottom:0.75em;
}



/*************************** BarreOnglet ********************************/
.BarreOnglet {
	margin:0;
	border:0;
	margin-top:00px;
	margin-bottom:00px;
	height:32px;
	border-bottom:2px solid #127FA8;
	padding:0 10px;
}
.BarreOnglet ul {
	margin:0;
	padding:0;
	width:100%;
	display:table;
}
.BarreOnglet li {
	display:table-cell;
	padding:0 3px;
/*
	box-sizing:border-box;
*/
}
.BarreOnglet a { white-space:nowrap; text-align:center; text-decoration:none !important; }
.BarreOnglet a img { vertical-align: middle; margin-bottom: .25em; margin-right:0.5em; }
.BarreOnglet a:hover { text-decoration: none; }
.BarreOnglet a {
	display:block;
	font-weight: bold;
	background-color:  rgba( 20, 120, 180, 0.1);
	color: #333;
	cursor: pointer;
	height: 30px;
	width:inherit;
	vertical-align:middle;
	padding:5px 10px;

	border:none;
	border-top: 1px solid rgba( 20, 120, 180, 0.1);
	border-left: 1px solid rgba( 20, 120, 180, 0.1);
	border-right: 1px solid rgba( 20, 120, 180, 0.1);
	border-top-left-radius:3px;
	border-top-right-radius:3px;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
	outline:none;
	user-select: none;
}
.BarreOnglet a:hover {
	background-color:rgba( 20, 120, 180, 0.05);
	color: #000;
	background-color: rgba( 255, 255, 255, 0.90);
	border-top: 1px solid rgba( 20, 120, 180, 0.5);
	border-left: 1px solid rgba( 20, 120, 180, 0.5);
	border-right: 1px solid rgba( 20, 120, 180, 0.5);
}
.BarreOnglet a.Courant {
	background-color: rgba( 20, 120, 180, 0.90);
	color: #fff;
	border-top: 1px solid #127FA8;
	border-left: 1px solid #127FA8;
	border-right: 1px solid #127FA8;
}
@media only screen and (max-width:880px) {
	.BarreOnglet a {
		font-size:10px;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}
@media only screen and (max-width:768px) {
	.BarreOnglet li {
		padding:0 1px;
	}
	.BarreOnglet a {
		text-align:left;
		overflow:hidden;
		width:auto;
		padding:4px 0px 0 2px;
	}
}
@media only screen and (max-width:639px) { /* small */
/*
	.BarreOnglet ul {
	}
*/
	.BarreOnglet {
		padding:0;
	}
	.BarreOnglet li {
		padding:0 1px;
	}
	.BarreOnglet img { width:20px; height:auto; vertical-align: middle; margin-bottom: 0; margin-right:0; margin-left:3px; }
	.BarreOnglet a {
		text-align:center;
		overflow:hidden;
		width:40px;
		color:rgba( 20, 120, 180, 0.1) !important;
/*
		width:14.285714%;
*/
		padding:4px 0px 0 6px;
	}
	.BarreOnglet a.Courant {
		color:#127FA8 !important;
	}
}


/*************************** TableListe ********************************/
.ZoneTableListe {
/*
	display:block;
	position:relative;
	height:150px;
	box-shadow: 0px 0px 3px #aaa;
*/
	overflow-x: auto;
	overflow-y: auto;
	background-color: #fff !important;
	height:50px;
	border: 1px solid #cdcdcd;
	margin-bottom:10px;
}
.ZoneCadreListe table {
	margin:0 0 0 0;
	padding:0;
	background-color: #fff !important;
}
.TableListe {
	background-color: #fff !important;
	margin-bottom: 0;
	border-collapse: separate;
}
.TableListe thead {
	position:relative;
	top:0;
}
.TableListe thead th {
	background-color: #e8e8e8;
/*
	padding:3px 3px;
*/
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	vertical-align:bottom;
	font-weight: bold;
	padding:3px 6px 3px 3px;
}
.TableListe thead th:last-child {
/*
	padding-right:0;
*/
	border-right:none;
}

.TableListe thead th:hover {
    background-color: rgba(144, 144, 144, 0.2);
}
.TableListe thead th a {
	display: block;
	font-weight: bold;
	color: #333;
	text-decoration:none;
}
.TableListe thead th a img {
	vertical-align: middle; margin-bottom: .25em;
}
.TableListe thead th a:hover {
	color: #333;
	text-decoration:none;
    background-color: rgba(144, 144, 144, 0.2);
}

.TableListe tbody td {
	cursor:pointer;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding:3px 6px 4px 4px;
}
.TableListe tbody tr:nth-child(2n+1) {
    background-color: rgba(144, 144, 144, 0.05);
}
.TableListe tbody tr.SansHover:nth-child(2n+1) { background-color:inherit; cursor:auto; }
.TableListe tbody tr:nth-child(2n) {
    background-color: rgba( 255, 255, 255, 1);
}
.TableListe tbody td:first-child {
/*
	padding-left:0;
*/
}
.TableListe tbody td:last-child {
/*
	padding-right:0;
*/
	border-right:none;
}
.TableListe tbody tr:hover { background-color:rgba( 20, 120, 180, 0.10); }
.TableListe tbody tr.ImportanceHaute td {background-color:#f8d8d0; }
.TableListe tbody tr.ImportanceHaute:hover td {background-color:#f0d0c8; }
.TableListe tbody tr.Marquee td, .TableListe tbody tr.Marquee:hover td { background-color:#fde8be; }
.TableListe tbody tr.Marquee:hover td { background-color:#f7e0b3; }
.TableListe tbody tr.Lu td { cursor:pointer; }
.TableListe tbody tr.NonLu td { font-weight:bold; cursor:pointer; }
.TableListe tbody tr.Facture td { color:#999; }
.TableListe tbody tr.NonFacture td { color:#333; }
.TableListe tbody tr.SansHover:hover { background-color:inherit; cursor:default; }
.TableListe tbody tr.AucunEnregistrement { background-color:inherit; }
.TableListe tbody tr.AucunEnregistrement td { cursor:default; }

.TableListe tfoot {
	min-height:30px;
	height:30px;
}
.TableListe tfoot td {
	background-color: #e8e8e8;
	padding:0px 3px;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	padding:0px 6px 0px 3px;
}
.TableListe tfoot td:last-child {
	padding-right:0;
	border-right:none;
}

@media only screen and (max-width:639px) { /* small */
	.TableListe th.RuptureCellule {
		display:none;
	}
	.TableListe td.RuptureCellule {
		display:block;
		border:0;
/*
		padding:0;
*/
		margin:0;
		margin-left:2em;
	}
	.TableListe td.RuptureCellule:first-child {
		margin-left:0;
	}
}

/*************************** PiedTable ********************************/
.PiedTable {
	display:block;
	margin:0;
	min-height:32px;
/*
	height:32px;
	background-color: #e8e8e8;
	padding:0px 3px;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	box-shadow: 0px 0px 3px #aaa;
*/
	padding:6px 6px;
/*
	margin-bottom:20px;
*/
}


/*************************** EnteteTable ********************************/
.EnteteTable {
	display:block;
	margin:0;
	min-height:32px;
	height:32px;
	padding: 2px;
	margin: 0 auto;
}
.EnteteTable button {
	margin-right:5px;
	margin-bottom:5px;
}
.EnteteTable .Separateur {
	display:inline-block;
	width:5px;
}
.EnteteTable label {
	display:inline-block;
	margin-right:0.5em;
	font-size: inherit;
}
.EnteteTable .Libelle {
	display:inline-block;
	line-height:25px;
	height:25px;
	vertical-align:middle;
/*
	padding-top:0.5em;
*/
	margin-right:0.5em;
	font-size: inherit;
}
@media only screen and (max-width:639px) { /* small */
	.EnteteTable label {
		display:none;
		margin-right:0;
	}
}

/*************************** SousTableau ********************************/
.TableListe .SousTableau {
	border:none;
	background-color:transparent;
}
.TableListe .SousTableau tbody tr {
	background-color:transparent;
}
.TableListe .SousTableau tbody td {
	background-color:transparent;
	background-image:none;
	border-right: 1px solid #fff;
	min-height:2em;
	overflow:hidden;
	text-overflow: ellipsis;
/*
	border-bottom: 1px solid #fff;
*/
	padding-left:3px;
	padding-right:3px;
}
.TableListe .SousTableau tbody td:last-child {
	border-right:none;
}
.TableListe .SousTableau th {
	background-image:none;
	background-color:transparent;
	border-bottom: 1px solid #aaa;
	padding-left:3px;
	padding-right:3px;
	overflow:hidden;
	text-overflow: ellipsis;
/*
	border-bottom: 1px solid #61A1C8;
*/
}

.TableListe .SousTableau th.TraitDessous {
	border-bottom: 1px solid #aaa;
}
.TableListe tr:hover td .SousTableau td {
/*
	border-top: 1px solid #E1F0F4;
	border-bottom: 1px solid #E1F0F4;
*/
}

.TableListe tr.Marquee .SousTableau tbody td {
	background-image:none;
	background-color:transparent;
	border:none;
	border-right: 1px solid #ffc;
	border-bottom: 1px solid #ffc;
}
.TableListe tr.Marquee .SousTableau tbody td:last-child {
	border-right:none;
}

.TableListe tr.Marquee td .SousTableau td {
/*
	border-top: 1px solid #FFee99;
*/
}
.TableListe tr.Marquee:hover .SousTableau td {
/*
	border-bottom: 1px solid #ffc;
*/
}


/*************************** CadreSaisie ********************************/
.CadreSaisie {
	background-color: #fff; 
	border: 1px solid #cdcdcd;
/*
	border-radius: 3px;
	box-shadow: 0px 0px 3px #aaa;
*/
}
.CadreSaisie td {
	padding:3px;
	font-size: 11px;
	line-height:1.0em;
}
.CadreSaisie th {
	background-color: #e8e8e8;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	vertical-align:bottom;
	font-weight: bold;
	padding:3px 6px 3px 3px;
		font-size: 13px;
}
.CadreSaisie th h1 {
	font-size:14px;
	font-weight: bold;
	color: #FFFFFF;
	padding:0;
	margin:0;
}
.CadreSaisie .Donnee {
	font-weight:bold;
	font-size: 13px;
}
.CadreSaisie .Legende {
	font-size:10px;
	color:#888;
}
.CadreSaisie .Obligatoire {
	font-size:9px;
	color:#FF6633;
}
.CadreSaisie .Obligatoire:after {
	content:"*";
	font-size:9px;
	color:#FF6633;
}

/*
.CadreSaisie input[type="text"], .CadreSaisie input[type="password"], .CadreSaisie textarea, .CadreSaisie select, .CadreSaisie .ZoneSaisie {
	border: 1px solid #bbbbbb;
	background-color: #FFFFFF;
	box-shadow: 2px 2px 1px rgb(230, 230, 230) inset;
	outline: none;

border-radius: 3px;
padding: 4px 5px;
/*
width: 90%;
height: 37px !important;
line-height: 37px;
*/
}
.CadreSaisie select {
	background-color: #eee;
	box-shadow: 2px 2px 1px rgb(220, 220, 220) ;
	background-image: url("../image/FondBoutonOutil.png");
}
.CadreSaisie input[type=text]:focus, .CadreSaisie input[type=password]:focus, .CadreSaisie textarea:focus, .CadreSaisie select:focus, .CadreSaisie .ZoneSaisie:focus {
	border: 1px solid #0094F2;
	outline-style: none;
}
.CadreSaisie tr:nth-child(2n), .CadreSaisie tr:nth-child(2n+1) {
    background-color:transparent;
}


/*************************** CadreDonnee ********************************/
.CadreDonnee {
	display:block;
	background-color: #fff; 
	border:1px solid #cdcdcd;
	padding:1em;
	margin-bottom:20px;
}
.CadreDonnee.SansContour {
	padding:0;
	border:0;
}
.CadreDonnee.SansFond {
	background-color:transparent;
	margin-bottom:0;
}
.CadreDonnee .row {
/*
	margin-bottom:1em;
border:1px solid red;
*/
}
.CadreDonnee .column {
	margin-bottom:0.75em;
}

.CadreDonnee .Libelle {
	text-align:right;
	font-size:0.9em;
	color:#666;
}
.CadreDonnee .Libelle.Obligatoire:after {
	content:"*";
	color:#F60;
	margin-left:0.5em;
}
.CadreDonnee .Donnee {
	font-size:1.0em;
	font-weight:600;
}
.CadreDonnee .Legende {
	font-size:10px;
	color:#888;
	margin-top: -1em;
}
.CadreDonnee .ComplementInfo {
	font-size:11px;
	color:rgba( 20, 120, 180, 1);
}
.CadreDonnee h3 {
	font-size:1.0em;
	color:rgba( 20, 120, 180, 1);
	font-weight:600;
}
.CadreSousFormulaire {
	display:block;
	background-color: rgba( 255, 255, 255, 0.8 ); 
	border:1px solid rgba( 120, 120, 120, 0.1 );
/*
	border:1px solid #cdcdcd;
*/
	padding:1em 0;
	margin-bottom:20px;
}
@media only screen and (max-width:639px) { /* small */
	.CadreDonnee .Libelle {
		text-align:left;
	}
}

/*************************** Cadre de suggestion (Ajax) ********************************/
div.DivSuggestion {
	clear:both;
	position:absolute;
	display:block;
	font-size:12px;
	height:auto;
	max-height:250px;
	width:auto;
	max-width:400px;
	overflow:auto;
	border:4px solid rgba( 20, 120, 180, 0.15);
	margin-left:-4px;
/*
box-sizing: border-box;
	width:100%;
	background:transparent;
	border-radius:3px;
	font-family: arial,helvetica,clean,sans-serif;
	position:inherit;
	top:172px;
	left:250px;
	bottom:10px;
*/
}
div.DivSuggestion ul {
	border: 1px solid rgba( 20, 120, 180, 1);
	margin:0;
	padding:0;
	list-style-type:none;
}
div.DivSuggestion ul li {
	display:block;
	background-color:#F8F8F8;
	padding:3px 5px;
	cursor:pointer;
	border-bottom: 1px solid #cdcdcd;
	line-height:1.1em;
	height:1.7em;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
div.DivSuggestion ul li:last-child {
	border-bottom: 0;
}
div.DivSuggestion ul li:hover {
	background-color:rgba( 20, 120, 180, 1);
	color:rgba( 255, 255, 255, 1);
}

@media only screen and (max-width:639px) { /* small */
	div.DivSuggestion {
		max-width:71%;
	}
}

/*************************** CadreRecherche ********************************/
Form.Recherche {
	background-color:rgba( 20, 120, 180, 0.10);
	width:100%;
	margin-bottom:10px;
/*
	padding:4px;
	padding:5px 0 2px 0;
*/
}
Form.Recherche label {
	height:30px;
/*
	padding:4px 0;
*/
	font-size:1.0em;
	margin-top:3px;
	margin-bottom:3px;
}
Form.Recherche .Etiquette {
	display:inline-block;
	margin-right:0.5rem;
	width:200px;
	max-width:25%;
	text-align:right;
}
Form.Recherche a.BoutonRecherche img { vertical-align: middle; margin-bottom: .25em; }
Form.Recherche input[type="text"], Form.Recherche input[type="date"] {
	display:inline-block;
	padding: 2px 6px;
	box-shadow: 2px 2px 1px rgb(230, 230, 230) inset;
	background-color: #FFFFFF;
	height:30px;
	width:80%;
	width:auto;
	max-width:75%;
	overflow:hidden;
	margin: 0;
/*
	border: 1px solid #bbbbbb;
	outline: none;
font-family: Arial, Helvetica, serif;
font-size: 12px;
	background-color: #E8E8E8;
	border-radius: 3px;
*/
}
Form.Recherche .AvecEtiquette {
	word-spacing:nowrap;
}
Form.Recherche .AvecEtiquette input[type="text"] {
    width:90px;
    max-width:90px;
}
/*
Form.Recherche select {
	background-color: #eee;
	box-shadow: 0px 2px 1px rgb(220, 220, 220) ;
	background-image: url("../image/FondBoutonOutil.png");
}
Form.Recherche input[type=text]:focus, Form.Recherche select:focus {
	border: 1px solid #99AFBD;
	outline-style: none;
}
*/
Form.Recherche select {
	background-color: #FFFFFF;
	padding: 2px 2em 2px 6px ;
	height:30px;
	width:auto;
	margin:0;
}
Form.Recherche input[type="text"]:focus, Form.Recherche input[type="date"]:focus {
	border-color: #99AFBD;
    box-shadow: 0px 0px 3px rgba( 20, 20, 20, 0.3), 2px 2px 1px rgb(230, 230, 230) inset;
    outline: medium none;
    transition: all 0.3s linear 0s;
}
Form.Recherche select:focus {
	border-color: #99AFBD;
    box-shadow: 0px 0px 3px rgba( 20, 20, 20, 0.3);
    outline: medium none;
    transition: all 0.3s linear 0s;
}
Form.Recherche a.BoutonRecherche {
	display:inline-block;
	cursor: pointer;
	vertical-align:middle;
	height:36px;
	width:36px;
}
Form.Recherche a.BoutonRecherche img {
	margin:8px;
	width:20px;
	height:20px;
}
Form.Recherche a.BoutonRecherche:hover {
	background-color:rgba( 20, 120, 180, 0.10);
}
@media only screen and (max-width:767px) {
	Form.Recherche #ViderRecherche {
		display:none;
	}
}
@media only screen and (max-width:639px) { /* small */
	Form.Recherche {
		height: 30px !important;
	}
	Form.Recherche input[type="text"], Form.Recherche input[type="date"] {
		height:24px;
	}
}

img.ui-datepicker-trigger {
	margin-left:0.5em;
	width:16px !important;
	height:16px !important;
}
/*************************** ListeIntervenant ********************************/
select.ListeIntervenant option   {
	padding:5px;
	padding-left:25px;
	background-repeat:no-repeat;
	background-position:3px center;
	line-height:20px;
}
select.ListeIntervenant option.Tous            { background-image:url('../image/Client16.png');   }
select.ListeIntervenant option.Administrateur  { background-image:url('../image/Groupe_Associe.png');   }
select.ListeIntervenant option.Associé         { background-image:url('../image/Groupe_Associe.png');   }
select.ListeIntervenant option.Collaborateur   { background-image:url('../image/Groupe_Collaborateur.png');   }
select.ListeIntervenant option.Consutltant     { background-image:url('../image/Groupe_Consutltant.png');   }
select.ListeIntervenant option.Secrétaire      { background-image:url('../image/Groupe_Secretaire.png');   }
select.ListeIntervenant option.Stagiaire       { background-image:url('../image/Groupe_Stagiaire.png');   }

/*
table.CadreRecherche {
	width:100%;
}
.CadreRecherche td {
	padding:5px 4px;
	width:auto;
	vertical-align:middle;
}
.CadreRecherche td:last-child {
	padding:0;
}
*/


/*************************** NavPage ********************************/
/*
.NavPage { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-align: center; margin-top: 3px; padding:4px; }
.NavPage .NoPageCourante { font-size: 10px; font-weight:bold; color: #551100; text-decoration: none; background-color: #CCE4EC; border:1px solid #2C7BB3; padding:3px 7px; }
.NavPage a, .NavPage a:link, .NavPage a:visited { font-size: 10px; color: #333333; text-decoration: none; }
.NavPage a, .NavPage a:link, .NavPage a:visited { padding:2px 6px; border:1px solid #ffffff; padding: 3px 7px; border:0; }
.NavPage a:hover { font-size: 10px; color: #000000; text-decoration: none; background-color: #E8E8E8; border: 1px solid #E8E8E8; background-color: #d8d8d8; border: 0; }
/*
.NavPage img { /* vertical-align: middle; margin-bottom: .25em; padding:0 6px; */ }
/*
.NavPage a, .NavPage a:link, .NavPage a:visited {
/*
 	background: url("../image/FondBoutonOutil.png") repeat-x;
	background-color:#e8e8e8;
	border: 1px solid #aaa;
	border-color: rgba(0, 0, 0, 0.11) rgba(0, 0, 0, 0.23) rgba(0, 0, 0, 0.27);
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	border-radius: 0.3em;
	-moz-box-shadow: 0px 0px 3px #aaa;
	-webkit-box-shadow: 0px 0px 3px #aaa;
	box-shadow: 0px 0px 3px #aaa;
}
*/
.NavPage a:hover, .NavPage a:focus {
/*
 	background: url("../image/FondBoutonOutil_on.png") repeat-x;
	border: 1px solid #8af;
*/
}
.NavPage .NoPageCourante {
/*
	background: url("../image/FondLigneMarquee.gif") repeat-x;
	background-color:#FFee99;
	border: 1px solid #eecc22;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	border-radius: 0.3em;
	-moz-box-shadow: 0px 0px 3px #aaa;
	-webkit-box-shadow: 0px 0px 3px #aaa;
	box-shadow: 0px 0px 3px #aaa;
*/
}
.NavPage .Page {
	margin-left:20px;
}
.NavPage input[type="text"], .NavPage input[type="password"], .NavPage textarea, .NavPage select, .NavPage .ZoneSaisie {
	font-size:10px;
	border: 1px solid #bbbbbb;
	box-shadow: 2px 2px 1px rgb(230, 230, 230) inset;
	background-color: #FFFFFF;
	padding: 2px;
	outline: none;
}
.NavPage input[type=text]:focus, .NavPage input[type=password]:focus, .NavPage textarea:focus, .NavPage select:focus, .NavPage .ZoneSaisie:focus {
	border: 1px solid #8af;
}


.NavPage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
/*
	margin-top: 3px;
*/
	padding:0 4px;
}
.NavPage a, .NavPage .NoPageCourante {
	font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    width: 22px;
    color: #333;
	border: 1px solid rgba( 20, 120, 180, 0.1);
    background-color: rgba( 20, 120, 180, 0.1);
    border-radius: 2px;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.NavPage .NoPageCourante {
	font-weight:bold;
	color:#fff;
/*
*/
	border: 1px solid #127FA8;
	background-color: rgba( 20, 120, 180, 0.90);
}
.NavPage a img { vertical-align: middle; margin-bottom: 0.25em; padding:0; }
.NavPage a:hover {
	background-color: rgba( 255, 255, 255, 0.90);
	border: 1px solid rgba( 20, 120, 180, 0.5);
}


/*************************** PetiteMiniature ********************************/
.PetiteMiniature {
	display:inline-block;
	width:70px;
	padding:5px;
	background-color:#f8f8f8;
	overflow:hidden;
	cursor:pointer;
	float:left;
	margin:10px;
	text-align:center;
}
.PetiteMiniature:hover {
	background-color:rgba( 20, 120, 180, 0.10);
}
.PetiteMiniature.Marquee {
	background-color:#fde8be;
	color:#000;
	font-weight:bold;
}
.PetiteMiniature .Miniature_Image {
	display:block;
	width:48px;
	max-width:48px;
	height:48px;
	max-height:48px;
	margin:0 auto;
	vertical-align:middle;
	padding-top:0px;
}
.PetiteMiniature .Miniature_Image img {
	max-width:48px;
	max-height:48px;
	width:auto;
	height:auto;
}
.PetiteMiniature .Miniature_NomDocument {
	display:block;
	text-align:center;
}

/*************************** GrandeMiniature ********************************/
.GrandeMiniature {
	display:inline-block;
	width:130px;
	height:150px;
	padding:5px;
	background-color:#f8f8f8;
	overflow:hidden;
	cursor:pointer;
	float:left;
	margin:10px;
	text-align:center;
}
.GrandeMiniature:hover {
	background-color:rgba( 20, 120, 180, 0.10);
}
.GrandeMiniature.Marquee {
	background-color:#fde8be;
	color:#000;
	font-weight:bold;
}
.GrandeMiniature .Miniature_Image {
	display:block;
	width:96px;
	max-width:96px;
	height:96px;
	max-height:96px;
	margin:0 auto;
	vertical-align:middle;
	padding-top:0px;
}
.GrandeMiniature .Miniature_Image img {
	max-width:96px;
	max-height:96px;
	width:auto;
	height:auto;
}
.GrandeMiniature .Miniature_NomDocument {
	display:block;
	text-align:center;
	max-height:2em;
	text-overflow:ellipsis;
}


/*************************** info-bulle ********************************/
a > span.info-bulle, span > span.info-bulle {
	position:absolute;
	padding:5px 10px;
	cursor: help;
	margin-top:0px;
	margin-left:-30px;
	margin-left:0px;
	min-width:130px;
	max-width:480px;
	max-height:480px;
	border-radius:3px;
	border: 2px solid rgba(200,160,20,.95);
	background: rgba(230,200,50,.95);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	color:#222;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
    visibility: hidden;
	opacity:0;
	z-index:99999;
	transition:display 0s 0s, all .25s 0s;
	display:none;
}
a > span.info-bulle::before, span > span.info-bulle::before {
	content: '';
	position: absolute;
	top: -10px;
	left: 20px;
	width: 0;
	height: 0;
	border-bottom: 10px solid rgba(200,160,20,.95);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

a:hover > span.info-bulle, a:focus > span.info-bulle, span:hover > span.info-bulle {
	display:inline-block;
	margin-top:25px;
	margin-top:2.75em;
	margin-left:-40px;
	visibility: visible;
	transition:display 0s 0s, all .25s .5s;
    opacity:1;
}


/*************************** BoutonBascule ********************************/
a.BoutonBascule {
	cursor:pointer;
	display:inline-block;
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 10px;
/*
	margin-top:10px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
*/
	height: 25px !important;
	line-height:25px;
	color: #333;
	background-color: #fdfdfd;
	border-radius: 2px;
	border: 1px solid #b4b4b4;
	user-select: none;

	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 ); */

	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	margin-bottom:5px;
}
a.BoutonBascule img { vertical-align: middle; margin-bottom: .25em; }
a.BoutonBascule:hover {
	background-color: #ededee;
	border: 1px solid rgba( 18, 127, 168, 0.7 );
	background: rgba(245,245,245,1);
	background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,248,248,1)), color-stop(100%, rgba(230,230,230,1)));
	background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
	background: -o-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
	background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
	background: linear-gradient(to bottom, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );*/
}
a.BoutonBascule.Enfonce {
	box-shadow: 0px 1px 2px rgba( 0, 5, 20, 0.2) inset;
	border: 1px solid rgba( 20, 120, 180, 0.5);
	background: rgba(225,240,245,1);
	background: -moz-linear-gradient(top, rgba(225,240,245,1) 0%, rgba(220,235,240,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(225,240,245,1)), color-stop(100%, rgba(220,235,240,1)));
	background: -webkit-linear-gradient(top, rgba(225,240,245,1) 0%, rgba(220,235,240,1) 100%);
	background: -o-linear-gradient(top, rgba(225,240,245,1) 0%, rgba(220,235,240,1) 100%);
	background: -ms-linear-gradient(top, rgba(225,240,245,1) 0%, rgba(220,235,240,1) 100%);
	background: linear-gradient(to bottom, rgba(225,240,245,1) 0%, rgba(220,235,240,1) 100%);
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 ); */
}
@media only screen and (max-width:639px) { /* small */
	a.BoutonBascule {
		font-size:0.85em;
		padding: 0px 5px;
	}
}

/*************************** BarreOutils ********************************/
.BarreOutils {
	display:block;
	border:0;
	height:42px;
	padding:2px;
	margin: 0 auto 10px auto;
/*
	margin: 10px auto 10px auto;
*/
}
.BarreOutils.Haut {
	margin-top: 0;
}
.BarreOutils.Bas {
	margin-bottom: 0;
}
.BarreOutils button {
	margin-right:5px;
	margin-bottom:5px;
}
.BarreOutils .Separateur {
	display:inline-block;
	width:5px;
}
.BarreOutils label {
	display:inline-block;
	margin-right:0.5em;
	font-size: inherit;
}
.BarreOutils .Libelle {
	display:inline-block;
	margin-right:0.5em;
	font-size: inherit;
}

@media only screen and (max-width:639px) { /* small */
	.BarreOutils {
		height:auto;
		margin: 0 auto;
margin-bottom:5px;
	}
	.BarreOutils .Libelle img {
		position:relative;
		top:-5px;
	}

	.BarreOutils button {
		display:inline-block;
/*
		width:49%;
*/
		top:3px;
		margin-right:2px;
		overflow:hidden;
		text-overflow:".";
		font-size:0.85em;
		width:auto;
		max-width:20%;
		width:40px;
		height:30px !important;
		text-align:center;
		padding: 0px 5px;
		font-weight:normal;
margin-bottom:0;
line-height: 0;
text-indent: -1000em;
font-size: 0px;
	}
	.BarreOutils button img {
		display:block;
		margin:1px auto 1px auto;
		padding-bottom:0;
	}
	.BarreOutils label {
		display:none;
		margin-right:0;
	}
}

/*************************** ResultatAction ********************************/
#ResultatAction {
	position:relative;
	z-index:999999;
	top:10px;
	width:35%;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	font-weight: bold;
}
#ResultatAction .OK {
	position:absolute;
	right:0;
	left:0;
	color: #009900;
	padding-top:16px;
	padding-bottom:16px;
	padding-left:50px;
	background: url("../image/Ok32.png") no-repeat 10px 8px;
	background-color:#EAFFEA;
	border:2px solid #0A9B56;

	border-radius: 0.3em;
	box-shadow: 0px 0px 5px #aaa;
}
#ResultatAction .KO {
	position:absolute;
	right:0;
	left:0;
	color: #CC0000;
	padding-top:16px;
	padding-bottom:16px;
	padding-left:50px;
	background: url("../image/Erreur32.png") no-repeat 10px 8px;
	background-color:#FFF0F0;
	border:2px solid #C24936;

	border-radius: 0.3em;
	box-shadow: 0px 0px 5px #aaa;
}




.Erreur {
    border-color: rgba( 194, 73, 54, 0.9) !important;
	background-color: rgba( 194, 73, 54, 0.1);
    box-shadow: 0px 0px 5px rgba( 194, 73, 54, 0.5), 2px 2px 1px rgb(230, 230, 230) inset !important;
}


.Encadre {
	display:block;
	background-color: #e8e8e8;
	border: 1px solid #cdcdcd;
	font-weight: bold;
	padding:3px 6px 3px 3px;
	font-size: 13px;
}

iframe {
/*
	margin-bottom:20px;
border:2px solid red;
*/
}

/*************************** ResultatAction ********************************/
div.TreeView {
	overflow-x: auto;
	overflow-y: auto;
	background-color: #fff !important;
	height:50px;
	border: 1px solid #cdcdcd;
	margin-bottom:10px;
	width:100%;
/*
	display:table;
*/
}
div.TreeView .tvhead {
	position:relative;
	top:0;
	width:100%;
	display:inline-table;
}
div.TreeView .tvhead .tvh {
	background-color: #e8e8e8;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	vertical-align:bottom;
	font-weight: bold;
	padding:3px 6px 3px 3px;
	display:table-cell;
}
div.TreeView .tvhead .tvh:last-child {
	border-right:none;
}
div.TreeView .tvhead .tvh a {
	display: block;
	font-weight: bold;
	color: #333;
	text-decoration:none;
}
div.TreeView .tvhead .tvh a img {
	vertical-align: middle; margin-bottom: .25em;
}
div.TreeView .tvhead .tvh a:hover {
	color: #333;
	text-decoration:none;
    background-color: rgba(144, 144, 144, 0.2);
}

div.TreeView ol, div.TreeView ul {
	list-style-type:none;
	margin-left: 0;
}
div.TreeView li {
    display: block;
	padding:0;
	margin:0;
/*
	min-height:24px;
    padding-left: 16px;
*/
}
div.TreeView li a {
	color: #0a0a0a;
    cursor: pointer;
}

div.TreeView .tvbody {
	position:relative;
	top:0;
	width:100%;
	display:inline-table;
}
div.TreeView .tvbody .tvr {
	display:table-row;
}
div.TreeView .tvbody .tvr:nth-child(2n+1) {
    background-color: rgba(144, 144, 144, 0.05);
}
div.TreeView .tvbody .tvd {
	vertical-align:middle;
	display:table-cell;
	overflow-wrap:break-word;
}
div.TreeView .tvbody .tvd:last-child {
	border-right:none;
}
div.TreeView .tvbody .tvd {
/*
	cursor:pointer;
*/
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding:3px 6px 4px 4px;
}


div.TreeView .tvbody li:hover { background-color:rgba( 20, 120, 180, 0.10); }
div.TreeView .tvbody li:hover li { background-color:#fff; }
div.TreeView .tvbody li li:hover { background-color:rgba( 20, 120, 180, 0.10); }
div.TreeView .tvbody li li:hover li { background-color:#fff; }
div.TreeView .tvbody li li li:hover { background-color:rgba( 20, 120, 180, 0.10); }
div.TreeView .tvbody li li li:hover li { background-color:#fff; }
div.TreeView .tvbody li li li li:hover { background-color:rgba( 20, 120, 180, 0.10); }
div.TreeView .tvbody li li li li:hover li { background-color:#fff; }

div.TreeView li.Marquee {
	background-color:#fde8be;
}
div.TreeView li.Marquee { background-color:#fde8be; }
div.TreeView li.Marquee:hover { background-color:#f7e0b3; }
div.TreeView li.Marquee li { background-color:#fff; }

div.TreeView li .BoutonAction {
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:2px;
	background-repeat:no-repeat;
	background-position:center;
	vertical-align: middle;
}
div.TreeView li .Decalage {
	display:inline-block;
	width:16px;
	height:24px;
	margin-right:2px;
	background-repeat:no-repeat;
	background-position:center;
	vertical-align: middle;
}

div.TreeView li .Decalage {
	background-image:url("../image/TiroirI.png");
}
div.TreeView li .BoutonAction.Ouvert {
	background-image:url("../image/Tiroir-.png");
}
div.TreeView li .BoutonAction.Ferme {
	background-image:url("../image/Tiroir+.png");
}
div.TreeView li img {
	margin: 0;
}




@media only screen and (max-width:639px) { /* small */
	#Contenu {
		margin-top:70px;
		margin-left:0 !important;
		padding: 10px 2px;
	}
}