/* idgos.com feuille de style globale */
/* traitement des formulaires */
/* 
Les couleurs du plus foncé au plus clair :

01 => #004455
02 => #0088AA => 0088AA
03 => #0088AA => 0088AA
04 => #0088AA
05 => #0088AA => F1F1F1
06 => #BFEFFF => F0FDFF
07 => #CBF2FF => F1F1F1
08 => #FEFDFF => FEFDFF
09 => #F1F1F1
*/

#cadrpg { width:600px; margin:0 auto; border:0; overflow:hidden;} 
#newshr { position:relative; width:580px; height:20px; overflow:hidden;  
          color:inherit; background:#F1F1F1 ; border:1px inset white; } 
#defile { position:absolute; margin-top:1px; top: 41px; background-color:transparent; }


form {
 background-color: #F1F1F1;
 padding:0px;
 width:100%;
 }
fieldset {
 padding:10px;
 margin-bottom:4px;
 background-color:#F1F1F1;
 border:#004455 solid 1px;
 border-radius:0px;
 }
legend {
 color:#004455;
 font-weight:bold;
 }
fieldset legend span.onclick:hover {
    cursor:pointer;
}
label {
 margin-top:20px;
 display:block;
 }
label.inline {
 display:inline
 }
input {
 background-color:#F1F1F1;
 border:1px solid #0088AA;
 margin:1px;
 border-radius:0px;
 }
input:focus {
 background-color:#FFFFFF;
 border:1px solid #0088AA;
 margin:0px;
 border-radius:0px;
 }
textarea {
 background-color:#FFFFFF;
 border:1px solid #0088AA;
 margin:1px;
 border-radius:0px;
 width:100%;
 }
textarea[readonly] {
 border:1px solid #0088AA;
 background-color:#F0FDFF;
 color: #0088AA;
 width:100%;
 }
input[type=radio] {
 margin-right:1px;
 background-color:transparent;
 border:none;
 }
input[type=checkbox] {
 margin-right:4px;
 background-color:transparent;
 border:none;
 width:10px;
 }
 input[type=button] {
 background-color:#F1F1F1;
 border:#0088AA outset 1px;
 border-radius:0px;
 margin:1px;
 color:#004455;
 font-weight: 400;
 
}
input[type=button]:focus {
 background-color:#0088AA;
 border:white solid 1px;
 border-radius:0px;
 margin:0px;
 color:white;
}
input[type=button]:hover {
 background-color:#0088AA;
 border:#F1F1F1 solid 1px;
 border-radius:0px;
 margin:0px;
 color:#F1F1F1;
}


 
select{
    background-color:#FFFFFF;
    border:#0088AA solid 1px;
    border-radius:0px;
    margin:1px;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
 }
select:focus {
    background-color:#FFFFFF;
    border:1px solid #0088AA;
    margin:0px;
 }
option {
	background-color:#FFFFFF;
}
textarea {
 background-color:#FFFFFF;
 border:#0088AA solid 1px;
 border-radius:0px;
 margin:1px;
 }
 
 textarea:focus {
    background-color:#FFFFFF;
    border:1px solid #0088AA;
    margin:0px;
 }

/* commentaires /*
/* Le display:block indiqu� dans le label permet de passer � la ligne automatiquement. */
/*Le display:inline indiqu� dans le label.inline... pour �viter de passer � la ligne dans certains cas (ici pour les boutons radios) */
/* Le input[type=radio] permet de styliser uniquement les boutons radio (c'est � dire les cases � cocher). */

/* traitement des inputs*/
input[readonly] {
 border:1px solid #0088AA;
 background-color:#F0FDFF;
 color: #0088AA;
 width:100%;
 }

/* traitement des boutons */

input[type=submit], input[type=reset] {
 border:1px outset #0088AA;
 font-weight:bold;
 cursor:pointer;
 }
input[type=submit]:hover, input[type=reset]:hover {
 border:1px outset white;
 background-color:white;
 }
input[type=submit]:active, input[type=reset]:active {
 border:1px inset #0088AA;
 background-color:#0088AA;
 color:black;
 } 

/* traitement du focus */

/*:focus {
// background-color:black;
// }
*/

/* traitement de page */ 
html {
   font-size: 100%; /* �vite un bug d'IE 6-7. (1) */ 
} 

body {
    margin: 0;
    padding: 0; /* Remettre � z�ro si n�cessaire. */   
    font-family:"verdana";

/* Pensez � utiliser une collection de polices, par ex:   font-family: Arial, Helvetica, FreeSans, sans-serif; */

   /*font-size: .8em;  � adapter pour la police choisie. */
   line-height: 1.0; /* � adapter au design. */
   color: #004455;
   background: #F1F1F1; 
   font-size: 60%; /* � adapter pour la police choisie. */
   
   font-family:"verdana";
   font-size: 12px; 
   height: 68%;
}  

table,td{
    font-family:"verdana";
    font-size: 12px;	
    background-color: #FFFFFF;
}


/* traitement des titres */ 
h1, h2, h3, h4, h5, h6 {
   margin: 1em 0 .5em 0; /* Rapproche le titre du texte.  */
   line-height: 1.2;
   font-weight: bold; /* Valeur par d�faut. */
   font-style: normal; 
} 
h1 {
   font-size: 1.75em; 
} 
h2 {
   font-size: 1.5em; 
} 
h3 {
   font-size: 1.25em; 
} 
h4 {
   font-size: 1em; 
}  

/* traitement des listes */ 
ul, ol {
   margin: .75em 0 .75em 32px;
   padding: 0; 
}  

/* traitement des paragraphes */ 
p {
   margin: .75em 0; /* Marges plus faibles que par d�faut. */ 
} 
address {
   margin: .75em 0;
   font-style: normal; 
}  
img.onclick:hover {
    cursor:pointer;
}

/* traitement des liens */ 
a {
   text-decoration: underline;
} 
a:link {
   text-decoration: none;
   color: #004455;
       }
a:visited {
   text-decoration: none;
   color: #004455;
} 
a:focus {
   color: #00F; 
}
a:hover {
   text-decoration: overline underline;
   color: #004455;
}
a:active{
   text-decoration: overline underline;
   color: #004455;
}
a img {
   border: none; /* Pas de bordure autour des images dans les liens */ 
}  

/* traitements divers �l�ments de type en-ligne */ 
em {
   font-style: italic; 
} 


strong {
   font-weight: bold; 
}  

/* TABLEAUX */

div#liste1 {

	background-color:#0088AA;
	}

/* BUTTONS */

.buttons a, button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    border-color: #EEEEEE #DEDEDE #DEDEDE #EEEEEE;
    border-image: none;
    border-right: 1px solid #DEDEDE;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 100%;
    font-weight: bold;
    margin: 0 2px 0 0;
    padding: 4px 8px 5px 6px;
    text-decoration: none;
}
button {
    font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
    font-weight: bold;
    overflow: visible;
    padding: 4px 10px 3px 7px;
    width: auto;
}
button[type] {
    line-height: 17px;
    padding: 3px 8px 3px 6px;
    width: auto;
}
button[type].baraction2 {
    line-height: 17px;
    padding: 0px 2px 0px 1px;
    width: auto;
}

button:disabled,
button[disabled]{
  border: 1px solid #999999;
  background-color: #ddd;
  color: #666666;
}

button:hover:disabled, .buttons a:hover:disabled {
    background-color: #DFF4FF;
    border: 1px solid #C2E1EF;
    color: #336699;
}






:first-child + html button[type] {
    padding: 4px 10px 3px 7px;
}
button img, .buttons a img {
    border: medium none !important;
    display: inline !important;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0 !important;
    width: 16px;
}
button:hover, .buttons a:hover {
    background-color: #DFF4FF;
    border: 1px solid #C2E1EF;
    color: #336699;
}
.buttons a:active {
    background-color: #6299C5;
    border: 1px solid #6299C5;
    color: #F1F1F1;
}


button.gros, .buttons a.gros {
    color: #529214;
}
button.baraction2 {
    color: #529214;
}

.buttons a.grosbouton:hover, button.grosbouton:hover {
    background-color: #E6EFC2;
    border: 1px solid #C6D880;
    color: #529214;
}
.buttons a.grosbouton:active, td.grosbouton {
    background-color: #529214;
    border: 1px solid #529214;
    color: #F1F1F1;
}
button.grosbouton img {
    border: medium none !important;
    display: inline !important;
    height: 64px;
    margin: 0 3px -3px 0 !important;
    padding: 0 !important;
    width: 64px;
}
button.positive, .buttons a.positive {
    color: #529214;
}
button.baraction2 {
    color: #529214;
}

.buttons a.positive:hover, button.positive:hover {
    background-color: #E6EFC2;
    border: 1px solid #C6D880;
    color: #529214;
}
.buttons a.positive:active, td.positive {
    background-color: #529214;
    border: 1px solid #529214;
    color: #F1F1F1;
}
.buttons a.negative, button.negative {
    color: #D12F19;
}
.buttons a.negative:hover, button.negative:hover {
    background: none repeat scroll 0 0 #FBE3E4;
    border: 1px solid #FBC2C4;
    color: #D12F19;
}
.buttons a.negative:active, td.negative {
    background-color: #D12F19;
    border: 1px solid #D12F19;
    color: #F1F1F1;
}

/* Styles fonctionnels */

/* Barre d'action dans les fenetres Imprimer, Modifier, Supprimer ... */
fieldset.baraction {
 padding:1px;
 margin:2px 0px 6px 0px;
 background-color:#0088AA;
 border:#0088AA outset 1px;
 border-radius:0px;
 }
fieldset.baraction td{
	color:white;
	font-weight:bold;
}
fieldset.baraction td a{
	color:white;
	font-weight:bold;
}
fieldset.baraction2 {
 padding:0px;
 margin:2px 0px 6px 0px;
 background-color:#0088AA;
 border:#0088AA outset 1px;
 border-radius:0px;
 }
fieldset.baraction2 td.label {
	color:white;
	font-size:110%;
	font-weight:bold;
}
fieldset.baraction2 td a.label {
	color:white;
	font-weight:bold;
}

fieldset.baraction2 td.onclick:hover {
    cursor:pointer;
}

fieldset.baraction2 img.onclick:hover {
    cursor:pointer;
}
fieldset.baraction img.onclick:hover {
    cursor:pointer;
}

table.liste{
    background-color:#2ED4FF;
    border-collapse:collapse;
    border: 1px solid #0088AA;
    border-radius:0px;
    padding: 2px;
    margin: 1px;
}

table.liste tr.titre td{
    background-color:#0088AA;
}

table.liste td{
    background-color:#0088AA;
}

table.liste tr.l0 td{
    background-color:#FEFDFF;
}
table.liste tr.l0 td.onclick:hover {
    cursor:pointer;
}
table.liste tr.l1 td{
    background-color:#F0FDFF;
}
table.liste tr.lOpt td{
    background-color:#F7AAF7;
}
table.liste tr.lSst td{
    background-color:#FFE97F;
}

table.liste a{
    color:#004455;
}

table.liste tr.ls{
    border: 1px solid #0088AA;
    color:#00CCFF;
}

table.liste tr.ls td{
    background-color:#F1F1F1;
    color:#00CCFF;
    font-weight: bold;
}

table.liste tr.ls td.a{
    color:#00CCFF;
    font-weight: bold;
}

/* entete des listes*/

table.liste_entete{
    border: 0px;
}

table.liste_entete a{
    color:#0088AA;
    font-size: 80%;
}
table.liste_entete span{
    color:#004455;
    font-size: 80%;
}


/* Formulaire de liste générale */

form.liste {
 background-color: #F1F1F1;
 padding:0px;
 width:99%;
 border: 1px solid #0088AA;
 }

form.liste hr {
 border: 1px solid #0088AA;
 }

/* Formulaire de liste générale / Entete de recherche */

table.liste_head {
	border-bottom: 1px solid #0088AA;
}

table.liste_head td {
	text-align:left;
	padding: 4px;
}
 
/* Champs spéciaux */

.total_titre {
    text-align:right;
    width:76px;
    float: left;
    padding-top: 4px;
}

.total_donnee {
    width:120px;
    font-size: 140%;
    text-align:right;
    float: right;
}

td.alt0 {
    background-color:#F1F1F1;
}

td.alt1 {
    background-color:#F0FDFF;
}

td.alt2 {
    background-color:#F0FDFF;
}

td.alt3 {
    background-color:#F1F1F1;
}

/** SOUS FORMULAIRE */

table.saisie {
 }

table.saisie img.onclick:hover {
    cursor:pointer;
}

table.saisie td.label {
    min-width:15%;
    width:1%;
	white-space: nowrap;
    color: #439f35;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #FFFFFF;
}
table.saisie td.groslabel {
    text-align:right;
    min-width:15%;
    width:1%;
	white-space: nowrap;
	font-size: 3em;
}

table.saisie td.label span.onclick{
    cursor:pointer;
}

table.saisie td.donnee {
    min-width:35%;
}

table.saisie textarea.textarea {
    width:100%;
}

table.saisie td.onclick:hover {
    cursor:pointer;
}

hr.sep {
    height: 3px;
    border-top: 1px solid #0088AA;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

table.table_bordure {
	border-collapse: collapse;
	margin: 1px;
	padding:0px;
	border-spacing:0px;
 }
 
 /** Table encart*/

table.encart {
	border:4px outset #9AC55E;
	margin:4px;
	background-color:#9AC55E;
	border-radius:15px;
 }

table.encart td {
	text-align:left;
	font-weight:bold;
	font-size:110%;
	padding:2px;
	background-color:#9AC55E;
}

table.encart td.label {
	text-align:left;
	font-weight:bold;
	font-size:110%;
	padding:2px;
	background-color:#9AC55E;
	border: none;
}

table.encart td.gros {
    text-align:right;
	font-size:130%;
	color:#F1F1F1;
	padding:2px;
	background-color:#9AC55E;
	border: none;
}

table.encart td.mince {
    text-align:right;
	font-size:80%;
	color:#FF3200;
	padding:2px;
	background-color:#9AC55E;
}

table.encart td.label_mince {
		font-size:80%;
	padding:2px;
}

/** EDITs */

input.date {
	background-color: #FFFFFF;
}

input.text {
    width: 100%;
	background-color: #FFFFFF;
    border: none;
    border-bottom: 1px solid #999;
    line-height: 1.15;
}

input.text_long {
    width: 100%;
	background-color: #FFFFFF;
}
input.text_court {
    width: 20%;
	background-color: #FFFFFF;
}

input.montant {
    width: 200px;
    text-align:right;
	background-color: #FFFFFF;
}

input.nombre {
    text-align:right;
		width: 80px;
	background-color: #FFFFFF;
}
input.heure {
    text-align:center;
	width: 40px;
	background-color: #FFFFFF;
}
input.readonly {
 border:1px solid #0088AA;
 background-color:#F0FDFF;
 color: #0088AA;
 width: 100%;
 }
input.readonlybold {
 border:1px solid #0088AA;
 color:#004455;
 background-color:#F1F1F1;
 width: 100%;
 font-weight: bold;
 }
input.readonlynombre {
	text-align:right;
	border:1px solid #0088AA;
	background-color:#F0FDFF;
	color: #0088AA;
	width: 80px;
}
input.readonlydate {
  text-align:center;
	border:1px solid #0088AA;
	background-color:#F0FDFF;
	color: #0088AA;
	width: 80px;
}
input.readonlydaterouge {
  text-align:center;
	border:1px solid #A80000;
	background-color:#FFF2F2;
	color: #A80000;
	width: 80px;
}
input.readonlydatevert {
  text-align:center;
	border:1px solid #2CA800;
	background-color:#F4F2F2;
	color: #2CA800;
	width: 80px;
}
input.readonlyheure {
	text-align:center;
	border:1px solid #0088AA;
	background-color:#F0FDFF;
	color: #0088AA;
	width: 50px;
}
input.grosnombre {
    text-align:right;
	width: 160px;
	background-color: #FFFFFF;
	font-size: 3em;
}
input.grosdate {
    text-align:right;
	width: 190px;
	background-color: #FFFFFF;
	color: #0088AA;
	font-size: 3em;
}


select.choix {
    display: block;
    width: 100%;
    padding: 16px 40px 16px 0px;
    border-radius: 0;
    border-bottom: 1px solid #999;
    background: url(../images/misc/arrow.svg) no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 11px;}
select.groschoix {
    width: 100%;
    min-width: 50px;
	font-size:3em;
}

span.select_detail{
    width: 200px;
    padding-left: 8px;
    border: 1px solid #F1F1F1;
}

/*details*/
div.details{
	background-color:#F0FDFF;
	color:#F1F1F1;
	font-weight:bold;
	padding:2px;
}

div.details_titre{
	background-color:#0088AA;
	color:#F1F1F1;
	font-weight:bold;
	padding:2px;
}

/*Liste données*/

table.persiste {
    background-color: #E0E0E0;
    border-collapse:collapse;
    border: 1px solid #004455;
}
table.persiste td.label{
	font-size:120%;
	font-weight:bold;
	white-space: nowrap;
	text-align:right;
}
table.persiste input.persiste_readonly {
	border:0px solid #E0E0E0;
	background-color:#E0E0E0;
	color: #004455;
	font-weight:bold;
	font-size:180%;
 }
table.persiste input.text {
    width: 100%;
	font-size:150%;
	font-weight:bold;
	color: #004455;
}
table.persiste select.choix {
    width: 100%;
	font-size:150%;
	font-weight:bold;
	color: #004455;
}

table.liste_table {
    background-color: #639C46;
    border-collapse:collapse;
    border: 1px solid #639C46;
    border-radius:0px;
    padding: 2px;
    margin: 1px;
}
table.liste_table th{
    background-color:#639C46;
	color:white;
	font-size:100%;
	font-weight:bold;
}
table.liste_table th a:link {
    background-color:#639C46;
	color:white;
	font-size:120%;
	font-weight:bold;
}
table.liste_table th a:visited {
	text-decoration: none;
} 
table.liste_table th a:focus {
   color: #00F; 
}
table.liste_table th a:hover {
	text-decoration: none;
	color: #004455;
}
table.liste_table th a:active{
   text-decoration: overline underline;
   color: #004455;
}
table.liste_table th.onclick:hover {
    cursor:pointer;
    background-color:#0088AA;
	color:white;
	font-size:100%;
}

table.liste_table  tr.titre td{
    background-color:#0088AA;
}

table.liste_table  td{
    background-color:#0088AA;
	border:1px solid #0088AA;
	padding:1px;
	font-size:100%;
}

table.liste_table  td.nombre{
    background-color:#0088AA;
	border:1px solid #0088AA;
	padding:1px;
	font-size:100%;
	text-align:right;
}

table.liste_table  td.date{
    background-color:#0088AA;
		border:1px solid #0088AA;
		padding:1px;
		font-size:100%;
		text-align:center;
}

table.liste_table  td.simple{
    background-color:#0088AA;
		border:0px solid #0088AA;
		padding:1px;
		font-size:100%;
		text-align:right;
}

table.liste_table  tr.ls td.separation{
    background-color:#0088AA;
		border:1px solid #0088AA;
		padding:1px;
		font-size:80%;
		text-align:right;
}

table.liste_table  tr.l0 td.separation{
    background-color:#0088AA;
		border:1px solid #0088AA;
		padding:1px;
		font-size:80%;
		text-align:right;
}

table.liste_table  tr.l0 td.gros_rouge a{
	font-size:120%;
	color: red;
	font-weight:bold;
}
table.liste_table  tr.l1 td.gros_rouge a{
	font-size:120%;
	color: red;
	font-weight:bold;
}
table.liste_table  tr.lOpt td.gros_rouge a{
	font-size:120%;
	color: red;
	font-weight:bold;
}

table.liste_table  tr.l1 td.separation{
    background-color:#0088AA;
		border:1px solid #0088AA;
		padding:1px;
		font-size:80%;
		text-align:right;
}
table.liste_table  tr.lOpt td.separation{
    background-color:#0088AA;
		border:1px solid #0088AA;
		padding:1px;
		font-size:80%;
		text-align:right;
}
table.liste_table  tr.l11 td.separation{
    background-color:#0088AA;
		border:1px solid #0088AA;
		padding:1px;
		font-size:80%;
		text-align:right;
}

table.liste_table  tr.l01{
    border-top: 1px solid #0088AA;
}
table.liste_table  tr.l02{
}
table.liste_table  tr.l03{
}
table.liste_table  tr.l0 td{
    background-color:#FEFDFF;
}
table.liste_table  tr.l01 td{
    background-color:#FEFDFF;
}
table.liste_table  tr.l02 td{
    background-color:#FEFDFF;
}
table.liste_table  tr.l03 td{
    background-color:#FEFDFF;
}
table.liste_table tr.l0 td.onclick:hover {
    cursor:pointer;
}
table.liste_table tr.l0 td.onclick {
    font-weight: bold;
    font-size: 100%;
}
table.liste_table tr.l01 td.onclick:hover {
    cursor:pointer;
}
table.liste_table tr.l1 td.onclick {
    font-weight: bold;
    font-size: 100%;
}
table.liste_table tr.lOpt td.onclick {
    font-weight: bold;
    font-size: 100%;
}
table.liste_table tr.l02 td.onclick:hover {
    cursor:pointer;
}
table.liste_table tr.l03 td.onclick:hover {
    cursor:pointer;
}


table.liste_table tr.l1 td.onclick:hover {
    cursor:pointer;
}
table.liste_table tr.lOpt td.onclick:hover {
    cursor:pointer;
}
table.liste_table  tr.l1 td{
    background-color:#F0FDFF;
}
table.liste_table  tr.lOpt td{
    background-color:#F7E1F7;
	font-style: italic;
	font-size: 100%;
}
table.liste_table  tr.lSst td{
    background-color:#FFE97F;
	font-style: italic;
	font-size: 100%;
}
table.liste_table  tr.l11{
    border-top: 1px solid #0088AA;
}
table.liste_table  tr.l12{
}
table.liste_table  tr.l13{
}
table.liste_table  tr.l11 td{
    background-color:#F1F1F1;
}
table.liste_table  tr.l12 td{
    background-color:#F1F1F1;
}
table.liste_table  tr.l13 td{
    background-color:#F1F1F1;
}

table.liste_table  a{
    color:#004455;
}

table.liste_table tr.ls td.onclick:hover {
    cursor:pointer;
}
table.liste_table  tr.ls{
    border: 1px solid #0088AA;
    color:#00CCFF;
}
table.liste_table  tr.lo{
    border: 1px solid #FF0000;
    color:#00CCFF;
}

table.liste_table  tr.ls1{
    border-top: 1px solid #0088AA;
    color:#00CCFF;
}

table.liste_table  tr.ls2{
    border: 1px solid #004455;
    color:#00CCFF;
}

table.liste_table  tr.ls3{
    border-bottom: 1px solid #0088AA;
    color:#00CCFF;
}

table.liste_table  tr.ls td{
    background-color:#F1F1F1;
    color:#00CCFF;
    font-weight: bold;
	background-color: #FFFFFF;
}

table.liste_table  tr.ls td.a{
    color:#00CCFF;
    font-weight: bold;
}
table.liste_table  tr.ls td.text{
    color:#004455;
    background-color:#F1F1F1;
}
table.liste_table  tr.lo td{
    background-color:#F1F1F1;
    color:#00CCFF;
    font-weight: bold;
	background-color: #FFFFFF;
}

table.liste_table  tr.ls1 td{
    background-color:#F1F1F1;
		border-color:#F1F1F1;
    color:#00CCFF;
    font-weight: bold;
}

table.liste_table  tr.ls1 td.a{
    color:#00CCFF;
    font-weight: bold;
}
table.liste_table  tr.ls1 td.text{
    color:#004455;
    background-color:#F1F1F1;
}

table.liste_table  tr.ls2 td{
    background-color:#F1F1F1;
		border-color:#F1F1F1;
    color:#00CCFF;
    font-weight: bold;
}

table.liste_table  tr.ls2 td.a{
    color:#00CCFF;
    font-weight: bold;
}
table.liste_table  tr.ls2 td.text{
    color:#004455;
    background-color:#F1F1F1;
}

table.liste_table  tr.ls3 td{
    background-color:#F1F1F1;
		border-color:#F1F1F1;
    color:#00CCFF;
    font-weight: bold;
}

table.liste_table  tr.ls3 td.a{
    color:#00CCFF;
    font-weight: bold;
}
table.liste_table  tr.ls3 td.text{
    color:#004455;
    background-color:#F1F1F1;
}

table.liste_table img.onclick:hover {
    cursor:pointer;
}


/* entete des liste_table s*/

table.liste_table _entete{
    border: 0px;
}

table.liste_table _entete a{
    color:#0088AA;
    font-size: 100%;
}

/* Formulaire de liste_table  générale */

form.liste_table  {
 background-color: #F1F1F1;
 padding:0px;
 width:99%;
 border: 1px solid #0088AA;
 }

form.liste_table  hr {
 border: 1px solid #0088AA;
 }

 /** SOUS FORMULAIRE */

div.baronglet{
 color:#FFBBAA; 
 font-size:12px; 
 font-weight:bold; 
 padding:0px; 
 list-style:none; 
 background:#F1F1F1; 
 padding-top: 4px; 
 margin-top: 0px; 
 position:relative;
 font:12px Verdana;
 padding:0; 
}

div.baronglet_content{
  padding-top:10px;
  padding-left:4px;
  padding-right:4px;
  padding-bottom:4px;
  border: 1px solid #0088AA;
  border-top: 0px;
  border-radius:0px;
  background-color:#F1F1F1;
}

table.baronglet {
    border-collapse:collapse;
 }

table.baronglet td.zhead{
    padding:1;border-bottom:solid 1px #0C5162;
}

table.baronglet td.zsep{
    padding:1;
    border-bottom:solid 1px #0C5162;
    border-left:solid 1px #0C5162;
    border-top:solid 0px black;
    border-right:solid 0px black;
}

table.baronglet td.enabled{
    margin-top: 1px;
    border-left:solid 1px #0C5162; 
    padding-left:6px; 
    padding-right:4px; 
    border-top:solid 1px #0C5162; 
    border-bottom:solid 1px #0C5162;
    background:#006680;
    font-weight:normal;
    cursor: pointer;
}

table.baronglet td.enabled span{
    font-weight:normal;
    color:#F1F1F1;
}

table.baronglet td.selected{
    padding:0;
    font:12px Verdana;
    border-left:solid 1px #0C5162; 
    padding-left:6px; 
    padding-right:4px; 
    border-top:solid 1px #0C5162;
    border-bottom:solid 1px #F1F1F1;
    background:#F1F1F1;
    font-weight:bold;
}

table.baronglet td.selected span{
    font-weight:bold;
    color:#00222B;
}

table.baronglet td.disabled{
    padding:0; 
    margin-top: 1px;
    border-left:solid 1px #0C5162; 
    padding-left:6px; 
    padding-right:4px; 
    border-top:solid 1px #0C5162; 
    border-bottom:solid 1px #0C5162;
    background:#006640;
    font-weight:normal;
}


table.baronglet td.ztrail {
    padding:1;
    color:#FFBBAA; 
    border-left:solid 1px #0C5162; 
    border-bottom:solid 1px #0C5162;
}

.titre1 {
    font-family:"verdana";
    font-size: 20px; 
}

.titre2 {
    font-family:"verdana";
    font-size: 16px; 
}
td.adp-substep{
	color:#004455;
	font-weight:bold;
    font-family:"verdana";
    font-size: 16px; 
    background-color:#0088AA;
}
td.adp-text{
	color:#004455;
	font-weight:bold;
    font-family:"verdana";
    font-size: 14px; 
}
div.adp-summary{
	color:#004455;
	font-weight:bold;
    font-family:"verdana";
    font-size: 16px; 
}
table.onglet td.actif {
	padding:1;
	font:12px Verdana;
	/*border-left:solid 1px #0C5162;*/
	padding-left:6px;
	padding-bottom: 2px;
	/*border-top:solid 1px #0C5162;*/
	border-bottom:solid 1px #F1F1F1;
	background:#F1F1F1;
	color:#FF3200;	
        border-radius: 6px 6px 0px 0px;
}
table.onglet td.passif {
	padding:1;
	font:12px Verdana;
	margin-top: 1px;
	/*border-left:solid 1px #0C5162;*/
	padding-left:6px; 
	padding-top: 2px; 
	/*border-top:solid 1px #0C5162;*/
	border-bottom:solid 1px #0C5162;
	background:#006680;
	font-weight:normal;	
        border-radius: 6px 6px 0px 0px;
}
div.onglet  {
	background:#F1F1F1; 
	position:relative;
} 
div.divbias    { 
	-webkit-transform:rotate(-40deg);

	-moz-transform:rotate(-40deg);

	-o-transform:rotate(-40deg);

	/* filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.1); */

	-ms-transform:rotate(-40deg);  
	
	transform:  rotate(-40deg);      
}

/* tooltip sur checkbox 
    idealement dans un span class = 'cb_hint'
*/
.checkbox_hint input+div{
    display:none;
    border:black 1px solid;
    padding:2px;
    position:absolute;
    background:rgba(255,255,255,0.8);
    border-radius:5px;color:black;
}
.checkbox_hint input:hover+div{
    display:inline;
}


/**
*/

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1001; /* Sit on top */
    padding-top: 5%; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #f0f0f0;
    margin: auto;
    padding: 20px;
    border: 12px solid #f0f0f0;
    width: 80%;
    border-radius: 10px;
    box-shadow: 12px 12px 1px 1px rgb(0 0 0 / 20%);
}

/* The Close Button */
.modal {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.modal:hover,
.modal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

//Checkbox custom
[type="checkbox"]:not(:checked), 
[type="checkbox"]:checked {
	/* Cache la checkbox sans
	   la rendre invisible aux
	   lecteurs d'écran */
	position: absolute;
	left: 0;
	opacity: 0.01;
}

/* Preparer le label */
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative; /* permet de positionner la checkbox */
	padding-left: 2.3em; /* place pour la box */
	font-size: 1.05em;
	line-height: 1.7;
	cursor: pointer;
	top: -3em;	
}
/* Aspect de la case */
[type="checkbox"]:not(:checked) + label::before,
[type="checkbox"]:checked + label::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 1.4em;
	height: 1.4em;
	border: 1px solid #aaa;
	background: #FFF;
	border-radius: .2em;
	box-shadow: inset 0 1px 1px rgba(0,0,0, .1), 0 0 0 rgba(0, 136, 170, .2);
	transition: all .275s;
}

/* Aspect de la coche */
[type="checkbox"]:not(:checked) + label::after,
[type="checkbox"]:checked + label::after {
	content: '✕';
	font-weight: 1000;
	speak: never; /* Pour être sûr que le lecteur d'écran ne lira pas "fois" */
	position: absolute;
	top: .60em;
	left: .21em;
	font-size: 1.2em;
	color: #004455;
	line-height: 0;
	transition: all .2s; /* Petite transition */
}

/* Aspect non cochée */
[type="checkbox"]:not(:checked) + label::after {
	opacity: 0;
	transform: scale(0) rotate(45deg);
}

/* Aspect cochée */
[type="checkbox"]:checked + label::after {
	opacity: 1;
	transform: scale(1) rotate(0);
}
/* Disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label::before,
[type="checkbox"]:disabled:checked + label::before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #e9e9e9;
}

/* Disabled checked */
[type="checkbox"]:disabled:checked + label::after {
	color: #777;
}

[type="checkbox"]:disabled + label {
	color: #aaa;
}

/* Accessibility focus */
[type="checkbox"]:checked:focus + label::before,
[type="checkbox"]:not(:checked):focus + label::before {
	box-shadow: inset 0 1px 1px rgba(0,0,0, .1), 0 0 0 6px rgba(0, 68, 85, 0.7);
}

/*Div spécifiques.*/
/*Grosse étiquette.*/
div.DivEtiquetteSpe {
	float:left;
	padding: 5px;
	margin: 15px;
	border:1px solid black;
	border-radius: 40px;
	white-space: nowrap;
	background-color: #FFFFFF;
	min-width: 240px;
	height: 240px;
	text-align: center;
}