body {
  background-color: #D1D2C2;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8125em;
  margin: 0 auto;
  padding: 0;
  color: black;
}

button,input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

button {
  border: none;
  text-align: left;
}

button::-moz-focus-inner {
  border: 0;
  outline: none;
  padding: 0;
}

button:hover {
  cursor:pointer;
}

input:focus,textarea:focus {
  border-color: #e84f13;
}

ul {
  padding: 0 0 0 1.2em;
  margin: 1em 0;
  list-style: disc outside; 
}

#page {
  width: 976px;
  min-height: 640px;
  margin: 0 auto;
  background-color: white;
  position: relative;
}

#page a:focus, #page a:hover, #page a:active, #page button:focus, #page button:hover, #page button:active {
  text-decoration: underline;
}
#page a.disable,#page button[disabled] {
  text-decoration: none;
}

#header {
  background: url(../images/gradients.png) repeat-x 0 -161px;
  padding: 10px 10px 0 10px;
  position: relative;
  min-height: 110px;
}

#header a.gouv,#header a.maaprat {
  background: url(../images/maa.png) no-repeat 0 0;
  height: 60px;
  width: 90px;
  display: block;
  text-indent: -9999px;
}

#page.login #header,#page.telepac.accueil #header {
  background-position: 0 0;
}

#page.login #header a.maaprat,#page.telepac.accueil #header a.maaprat {
  background-position: 0 -62px;
  height: 53px;
  display: block;
}

#header a.maaprat { /* forme reduite du header pas de logo maaprat */
  display: none;
  position: relative;
  top: 0;
  left: 0;
}

#page.login #header a.telepac,#page.telepac.accueil #header a.telepac {
  background-position: 0 0;
  height: 113px;
  width: 366px;
  top: 20px;
}

#header a.telepac {
  background: url(../images/telepac.png) no-repeat 0 -129px;
  text-indent: -9999px;
  display: block;
  width: 300px;
  height: 79px;
  margin: 2px 0 0 110px;
  position: absolute;
  top: 14px;
}

#header h1, #header h2 {
  color: #0054A0;
  font-size: 2.4em;
  font-weight: normal;
  margin: 0 0 0 340px;
  position: absolute;
  top: 46px;
}

#page.telepac.login #header h1,#page.telepac.accueil #header h1 {
  margin-left: 501px;
}

#page.telepac #header h1 {
  font-size: 1.8em;
  top: 55px;
}

#header h1 strong {
  font-weight: normal;
  color: #0D6525;
}

#header a.button,.panel button,.panel .button {
  background-color: #0054a0;
  color: #FFF;
  text-decoration: none;
  padding: 2px 6px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  outline: none;
  vertical-align: middle;
  line-height: normal !important;
  border: 0;
  cursor: pointer;
}

#header a.disable, .panel button .disable, .panel .disable, .panel button[disabled] {
  background-color: #CCCCCC;
  cursor: default;
}

.panel .button,.panel button {
  display: inline-block;
  margin: 5px 0 0;
}

#content fieldset a {
    text-decoration: none;
} 
#header a.button:before,.panel button:before,.panel .button:before,#content .title a:before,#content .buttons a:before, #content table tbody ul li a:before, #content .tableau thead tr td ul li a:before, #content fieldset a:before, #content .tableau tfoot tr td ul li a:before {
  content: '\25BA\00A0';
}

#page.menu7 a:before {
  content: '\25BA\00A0';
}

#page.menu6 a:before {
  content: '\25BA\00A0';
}

#page.menu5 a:before {
  content: '\25BA\00A0';
}

#header div.menuAnnexe {
  position: absolute;
  right: 10px;
  top: 10px;
}

#header div.menuAnnexe small {
  line-height: 10px;
  float: left;
  margin-right: 5px; 
  font-size: smaller;
}

/* Menu */
#menu {
  height: 26px;
  list-style: none;
  margin: 10px 0 0 0;
  position: relative;
  padding: 0;
  font-size: 0.8em;
}

#menu>li:first-child {
  background: url(../images/home.gif) no-repeat 0 0;
  height: 26px;
  padding: 0;
  width: 32px;
}

#menu>li:first-child:hover {
  background-position: 0 -26px;
}

#menu li {
  line-height: 1em;
  padding: 3px 10px;
  height: 20px;
  float: left;
  text-align: center;
}

#menu>li {
  width: 112px;
}

#menu>li ul {
  height: 30px;
  clear: both;
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
  left: 0;
  top: 26px;
  position: absolute;
  width: 100%;
}

#menu>li.current ul {
  display: block;
  z-index: 1;
}

#menu>li ul li,#menu>li ul li a {
  font-size: 11px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
}

#menu>li ul li a:hover {
  text-decoration: underline;
}

#menu>li ul li {
  color: #CCCCCC;
  max-width: 86px;
  min-width: 70px;
  height: 22px;
  padding-top: 4px;
  padding-bottom: 4px;
}

#menu>li:first-child a {
  text-indent: -9999px;
  padding: 0;
  margin: 0;
  width: 100%;
}

#menu a {
  color: white;
  display: block;
  height: 100%;
  margin: 0 -10px;
  padding: 0 10px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

#menu>li.menu1,#menu>li.menu1 ul {
  background-color: #D14904;
}

#menu>li.menu2,#menu>li.menu2 ul {
  background-color: #0D6525;
}

#menu>li.menu3,#menu>li.menu3 ul {
  background-color: #0054a0;
}

#menu>li.menu4,#menu>li.menu4 ul {
  background-color: #CC3399;
}

#menu>li.menu5,#menu>li.menu5 ul {
  background-color: #990000;
}

#menu>li.menu6,#menu>li.menu6 ul {
  background-color: #017ACD;
}

#menu>li.menu7,#menu>li.menu7 ul {
  background-color: #96710F;
}

#menu>li.menu1 ul li.current {
  background-color: #CC3300;
}

#menu>li.menu2 ul li.current {
  background-color: #006633;
}

#menu>li.menu3 ul li.current {
  background-color: #003399;
}

#menu>li.menu4 ul li.current {
  background-color: #990066;
}

#menu>li.menu5 ul li.current {
  background-color: #660000;
}

#menu>li.menu6 ul li.current {
  background-color: #0066CC;
}

#menu>li.menu7 ul li.current {
  background-color: #CC9900;
}

/* Toolbar */
#toolbar {
  background-color: #DFDFDF;
  font-size: 0.85em;
  margin: 30px 0 0;
  overflow: hidden;
  padding: 3px 10px;
  line-height: 2em;
}

#toolbar>.denomination {
  text-transform: uppercase;
  width: 316px;
  text-align: center;
  display: inline-block;
}

#toolbar>.etat-signe,#toolbar>.etat-encours {
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  border: 1px solid white;
  color: white;
  font-size: 1.1em;
  height: 22px;
  text-align: center;
  min-width: 100px;
  padding: 0 10px;
  display: inline-block;
  margin: 0 0 0 25px;
}

#toolbar>.etat-signe {
  background-color: #1BA936;
}

#toolbar>.etat-encours {
  background-color: #ee8304;
}

#toolbar form {
  float: right;
}

#toolbar form label {
  float: left;
}

/* TODO : revoir l'int�ret d'utiliser des ID */
#debutNumpacRapide {
  width: 30px;
}

#finNumpacRapide {
  width: 55px;
}

#toolbar form button {
  /* TODO : rassembler tous les boutons dans un seul fichier */
  background: url(../images/btn_recherche.png) repeat scroll 0 0 transparent;
  height: 21px;
  width: 21px;
  text-indent: -9999px;
  padding: 0;
}

/* Content */
#page.menu1 .title {
  background-color: #D14904;
}

#page.menu2 .title {
  background-color: #0D6525;
}

#page.menu3 .title {
  background-color: #0054a0;
}

#page.menu4 .title {
  background-color: #CC3399;
}

#page.menu5 .title {
  background-color: #990000;
}

#page.menu6 .title {
  background-color: #017ACD;
}

#page.menu7 .title {
  background-color: #96710F;
}

#content .title.menu1  {
  background-color: #D14904;
}

/* TODO : Remplacer l'imbrication <div class="title"><h1>...</h1></div> par <h1>...</h1> */
#content .title {
  -moz-border-radius: 0 10px 0 0;
  -webkit-border-radius: 0 10px 0 0;
  border-radius: 0 10px 0 0;
  background-color: gray;
  clear: both;
  color: white;
  height: 18px;
  padding: 0 10px;
  margin: 0 0 0.67em 0;
}

#content .title h2 {
    margin: 0;
}

#content .title a {
  color: white;
  float: right;
  position: relative;
  right: 10px;
  text-decoration: none;
  top: -17px;
  padding: 0 10px;
}

#content,#footer {
  clear: both;
}

#content {
  padding: 10px 10px 32px 10px;
  overflow: hidden;
}

h1 {
  font-size: 1.1em;
}

h2 {
  font-size: 1.1em;
}

h3 {
  font-size: 1em;
}

h4 {
  font-size: 1em;
}

h5 {
  font-size: 0.9em;
  color: #333333;
}

#content .panel {
  margin: 0;
  padding: 18px;
}

#page.login .panel {
  float: left;
  margin: 0 0 10px 10px;
}

.panel>h2 {
  margin: 2px 0 20px 0;
}

#login,#actualite {
  padding: 0 18px;
  min-height: 189px;
}

#login {
  width: 337px;
}

#login form {
  margin-top: 20px;
}

#password {
  width: 460px;
}

#questions {
  width: 650px;
}

#questions .codeTelepac {
  float:right;
}

.panel,#sub-menu>ul {
  background-color: #E8E9D7;
  overflow: hidden;
  border: none;
}

#sub-menu {
  float: left;
  width: 240px;
}

#sub-menu>ul {
  list-style: none outside;
  padding: 0;
}

#sub-menu>ul a {
  text-decoration: none;
  color: black;
}

#sub-menu>ul a strong {
  font-weight: normal;
}

#sub-menu>ul>li>a {
  color: white;
  display: block;
  padding: 7px 10px;
  background-color: #d14904;
  border-radius: 0px 0px 10px 0px;
  border-color: #b13d02;
  border-style: solid;
}

#sub-menu>ul>li>ul, #sub-menu>ul>li>ul>li>ul, #sub-menu>ul>li>ul>li>ul>ul {
  list-style: none outside;
  margin: 10px 0;
}

#sub-menu>ul>li>ul>li>ul>ul>li  {
  background: url(../images/icons.png) no-repeat left 5px;
  margin-left: -15px;
  padding: 2px 2px 2px 15px;
}
#sub-menu>ul>li>ul>li, #sub-menu>ul>li>ul>li>ul>li  , li.sous-groupe-liens{
  background: url(../images/icons.png) no-repeat left 5px;
  padding: 2px 2px 2px 15px;
}

li.sous-groupe-liens{
margin-left:-15px;
}
li.sous-groupe{
list-style:none;
}

li.sous-groupe>a:hover{
text-decoration:none !important ;
}

hr.sous-groupe{
border:1px solid white;
margin-left:-30px;
}

ul.errors {
  list-style: none;
  padding: 0;
  color: #c00000;
}

#login>h2+ul.errors {
  margin-top: -10px;
}

ul.errors>li {
  background: url(../images/icons_group.png) no-repeat left  -177px;
  padding: 2px 2px 2px 20px;
}

#main {
  float: right;
  width: 700px;
}

.panel label {
  position: relative;
  display: inline-block;
  overflow: visible;
  vertical-align: baseline;
  width: 100%;
}

#login.panel label {
  width: 73%;
  line-height: 1.6em;
}

#login.panel label>input {
  position: absolute;
  right: 0px;
  top: 0px;
}

#login button {
  width: 86px;
  margin: 0;
}

#actualite {
  width: 536px;
  color: #000000;
}

#page.login #information,#page.login #securite {
  height: 225px;
  background-color: white;
}

#information.panel {
  width: 572px;
  padding: 0;
}

#securite.panel {
  clear: left;
  width: 365px;
  color: #0D6525;
  width: 373px;
  padding: 0;
}

#page.login #footer {
  background: url(../images/footer.jpg) no-repeat;
  height: 199px;
}

#page.login #content {
  padding: 10px 0 199px 0;
}

/* boutons de navigations */
#content .buttons {
  clear: both;
  margin: 5px 0 10px 0;
  height: 16px;
  /*couleur par default*/
  border-bottom: 2px solid gray;
  border-top: 2px solid gray;
}

#content .buttons a {
  float: right;
  font-size: 0.9em;
  height: 100%;
  list-style: none outside none;
  margin: 0 10px;
  text-decoration: none;
  text-transform: uppercase;
  /*couleur par default*/
  color: gray;
}

#page #content .buttons a.disabled {
  color: gray;
}

#content .buttons>.comment {
  bottom: 34px;
  clear: both;
  padding: 0 10px;
  position: relative;
}

#page.menu1 .buttons {
  border-color: #D14904;
}

#page.menu2 .buttons {
  border-color: #0D6525;
}

#page.menu3 .buttons {
  border-color: #0054a0;
}

#page.menu4 .buttons {
  border-color: #CC3399;
}

#page.menu5 .buttons {
  border-color: #990000;
}

#page.menu6 .buttons {
  border-color: #017ACD;
}

#page.menu7 .buttons {
  border-color: #96710F;
}


#page.menu5 a:hover {
  text-decoration:underline;
}

#page.menu6 a:hover {
  text-decoration:underline;
}

#page.menu1 a:hover {
  text-decoration:underline;
}
#page.menu2 .buttons a,
#page.menu2 table tbody tr td ul li a,
#page.menu2 a {
  color: #0D6525;
}

#page.menu3 .buttons a,
#page.menu3 table tbody tr td ul li a,
#page.menu3 a {
  color: #0054a0;
}

#page.menu4 .buttons a,
#page.menu4 table tbody tr td ul li a,
#page.menu4 a {
  color: #CC3399;
}

#page.menu5 .buttons a,
#page.menu5 table tbody tr td ul li a,
#page.menu5 a {
  color: #990000;
}

#page.menu6 .buttons a,
#page.menu6 table tbody tr td ul li a,
#page.menu6 a {
  color: #017ACD;
}

#page.menu7 .buttons a,
#page.menu7 table tbody tr td ul li a,
#page.menu1 a:hover,
#page.menu4 a:hover,
#page.menu5 a:hover,
#page.menu6 a:hover,
#page.menu7 a:hover {
   text-decoration: underline;
}

form label {
  display: block;
  overflow: hidden;
  vertical-align: baseline;
  line-height: 24px;
  margin: 1px 0;
}

form label>input {
  display: inline-block;
  position: relative;
}

#content fieldset {
  padding: 0 10px;
  margin: 0;
  border: none;
}

#content p,
#content fieldset p {
  line-height: 14pt;
  margin: 2px 0 2px 0;
  padding: 0;
}


#content fieldset fieldset {
  line-height: 24px;
  padding: 0;
}

#content fieldset fieldset legend {
  float: left;
  margin: 1px 0;
  padding: 0 2px 0 0;
}

#content fieldset fieldset label {
  display: inline-block;
  padding: 0 50px 0 0;
  width: auto;
}

#content fieldset span {

}

.menu1 #content ul li a,
.menu2 #content ul li a,
.menu3 #content ul li a,
.menu4 #content ul li a,
.menu5 #content ul li a,
.menu6 #content ul li a,
.menu7 #content ul li a,
#content fieldset  ul li a {
  list-style: none outside none;
  padding: 0 30px;
  /* text-decoration: underline; */
}

.menu1 #content h3,
.menu2 #content h3,
.menu3 #content h3,
.menu4 #content h3,
.menu5 #content h3,
.menu6 #content h3,
.menu7 #content h3,
#content fieldset ul{
  padding: 0 0 0 40px;
}

.menu1 #content h4,
.menu2 #content h4,
.menu3 #content h4,
.menu4 #content h4,
.menu5 #content h4,
.menu6 #content h4,
.menu7 #content h4{
  padding: 0 0 0 80px;
}

.menu1 #content h5,
.menu2 #content h5,
.menu3 #content h5,
.menu4 #content h5,
.menu5 #content h5,
.menu6 #content h5,
.menu7 #content h5{
  padding: 0 0 0 120px;
}

.menu1 #content a,
.menu2 #content a,
.menu3 #content a,
.menu4 #content a,
.menu5 #content a,
.menu6 #content a,
.menu7 #content a,
#content fieldset a {
   text-decoration: none;
}
#page.menu7 a {
  color: #96710F;
}

#content table {
  padding: 0;
}

#content table tbody tr td {
  vertical-align: top;
}

#content .tableau tbody tr[onclick] {
  cursor:pointer;
}

#content table tbody ul {
  clear: both;
  list-style: none;
  padding: 0;
  margin: 0;
}

#content table tbody ul li,#content table tbody ul li a {
  text-decoration: none;
  text-transform: none;
  float: left;
}

/* d�coration des tableaux */
/* TODO : Structure HTML actuelle VS. cible -> s�parer ? */
#content .tableau thead,#content .tableau tfoot {
  color: white;
}

#page.menu1 .tableau thead,#page.menu1 .tableau tfoot {
  background-color: #D14904;
}

#page.menu2 .tableau thead,#page.menu2 .tableau tfoot {
  background-color: #0D6525;
}

#page.menu3 .tableau thead,#page.menu3 .tableau tfoot {
  background-color: #0054a0;
}

#page.menu4 .tableau thead,#page.menu4 .tableau tfoot {
  background-color: #CC3399;
}

#page.menu5 .tableau thead,#page.menu5 .tableau tfoot {
  background-color: #990000;
}

#page.menu6 .tableau thead,#page.menu6 .tableau tfoot {
  background-color: #017ACD;
}

#page.menu7 .tableau thead,#page.menu7 .tableau tfoot {
  background-color: #96710F;
}

#content .tableau thead {
  height: 24px;
  text-align: center;
  background-color: gray;
}

#content .tableau thead tr td ul {
  clear: both;
  list-style: none;
  padding: 0;
}

#content .tableau thead tr td ul li,#content .tableau thead tr td ul li a {
  text-decoration: none;
  text-transform: none;
  float: left;
  color: white;
  padding: 0 5px;
  position: relative;
  bottom: 3px;
}

#content .tableau tbody {
  background-color: #E8E9D7;
}

#content .tableau tbody tr:hover {
  background-color: #D1D2C2;
}

#content .tableau tfoot {
  height: 10px;
  background-color: gray;
}

#content .tableau tfoot tr td span a {
  text-decoration: none;
  text-transform: none;
  color: white;
  padding: 0 5px;
}

/* ancienne structure ? s�parer dans un fichier s�par� ? */
.hr {
  height: 1px;
  margin: 5px 0;
}

#page.menu1 .hr {
  background-color: #D14904;
}

#page.menu2 .hr {
  background-color: #0D6525;
}

#page.menu3 .hr {
  background-color: #0054a0;
}

#page.menu4 .hr {
  background-color: #CC3399;
}

#page.menu5 .hr {
  background-color: #990000;
}

#page.menu6 .hr {
  background-color: #017ACD;
}

#page.menu7 .hr {
  background-color: #96710F;
}

.readonly {
  font-weight: bold;
}

/* 
  TODO: plus � l'avenir car cela cr�e une d�pendance entre le contenu et �a mise en forme, 
  SI compatibilit� alors il faut que l'on regroupe les r�gles dans un fichier CSS s�par� 
*/
.majuscules {
  text-transform: uppercase;
}

#footer {
  background-color:#5e6259;
  padding:9px 0;
  font-size:12px;
  color:#ffffff;
  font-family:"Segio UI","Arial",sans-serif;
  height: 13px;
  position: absolute;
  bottom: 0px;
  width: 96%;
  letter-spacing:0.3px;
  text-align:left;
  padding-left:40px
}


/* d�coration des minipopup*/
#page.minipopup {
  width: 800px;
  min-height: 600px;
  margin: 0 auto;
  background-color: white;
  overflow: hidden;
  position: relative;
}

.minipopup #header {
  overflow: hidden;
  /* D�grad� */
  background: -moz-linear-gradient(top, #D1D2C2, #FFFFFF);
  background: -webkit-gradient(linear, left top, left bottom, from(#D1D2C2),
    to(#FFFFFF) );
  height: 30px;
  padding: 10px 10px 0 10px;
  position: relative;
}

.minipopup #toolbar {
  top: 0;
  margin: 0;
}

#content fieldset.adresse {
  clear: both;
  display: inline-block;
  height: 100%;
  overflow: visible;
  line-height: 20px;
}

#content fieldset.adresse legend {
  float: left;
  /* Ce qui suit permet de forcer une taille de ligne fixe pour ne pas g�n�r les 
     champs de droite lorsque la legende est sur plus d'une ligne */
  height: 1em;
  overflow: visible;
}

#content fieldset.adresse input, #content fieldset.adresse span {
  clear: both;
  display: block;
  float: right;
  margin: 0;
}

#content fieldset.adresse legend+input, #content fieldset.adresse legend+span {
  clear: none;
  float: left;
}
/* TODO : Cas particulier de l'affichage des adresses dans les lettres de signature du dossier a revoir?*/
div.adressePostale, div.adresseEntite, div.adresseSiege {
  float: left;
  line-height: 24px;
  padding-right: 0.5em;
}

div.adresseLabel {
  display: inline-block;
}

/*fin cas particulier*/

#content fieldset.lettre {
  border: 1px solid black;
  bottom: 0;
  padding: 3px;
  top: 0;
  width: auto;
}

/* TODO : Compatibilit� vis � vis de l'existant ? Dans le futur : A t-on vraiment besoin d'un <div> pour le logo ? ne pourrait t-on pas utiliser le background-image du fieldset.lettre ? */
#content fieldset.lettre #logo {
  background: url(../images/maa.png) no-repeat 0 0;
  height: 115px;
  width: 92px;
  float: left;
  text-indent: -9999px;
}

#content fieldset.lettre  h3{
  text-align: center;
}

#content fieldset.lettre  a{
  text-decoration: none;
  color: #0D6525;
}

#content fieldset.lettre  p{
  text-align: center;
}

/* TODO : Compatibilit� vis � vis de l'existant ? Dans le futur possibilit� d'avoir des images CSS ?? */
fieldset.erreurs img {
  padding: 0 3px;
  position: relative;
  top: 2px;
}

/* TODO: mise en forme de la gestion des utilisateurs*/
#page.gestion , #page.gestion_fonction, #page.consultation, #page.consultation_prestataire, #page.consultation_fonction_par_type_utilisateur, #page.gestion_prestataire,#page.gestion_administrateur {
  width:1264px;
}

#page.gestion #footer, #page.gestion_fonction #footer, #page.consultation #footer, #page.consultation_prestataire #footer, #page.consultation_fonction_par_type_utilisateur #footer, #page.gestion_prestataire #footer,#page.gestion_administrateur #footer {
  background-position: 0 -32px;
}

#page.gestion #menu > li:first-child, #page.gestion_fonction #menu > li:first-child, #page.consultation #menu > li:first-child, #page.consultation_prestataire #menu>li:first-child, #page.consultation_fonction_par_type_utilisateur #menu > li:first-child, #page.gestion_prestataire #menu > li:first-child,#page.gestion_administrateur #menu > li:first-child {
  width: 32px;
}

#page.gestion #menu>li, #page.gestion_fonction #menu>li, #page.consultation #menu>li, #page.consultation_prestataire #menu>li,#page.consultation_fonction_par_type_utilisateur #menu > li, #page.gestion_prestataire #menu>li,#page.gestion_administrateur #menu > li {
  width: 153px;
}

#page.gestion .panel,#page.gestion_fonction .panel, #page.gestion_prestataire .panel, #page.gestion_assureur .panel, #page.consultation .panel, #page.consultation_prestataire .panel, #page.gestion_administrateur .panel {
  background-color: white;
  display: inline-block;
  float: left;
  padding: 0;
  width:100%;
}

#page.gestion #listeUtilisateur, #page.consultation #listeUtilisateur, #page.gestion_administrateur #listeUtilisateur {
  width: 600px;
}

#listeUtilisateur {
  clear: both;
  empty-cells: show;
  float: left;
}

#listeUtilisateur  thead tr  {
  height: 33px;
}

#listeUtilisateur  thead tr th {
  text-align: left;
  vertical-align: top;
  min-width:9px;
}

#listeUtilisateur thead tr th img {
  border: 0;
  position: absolute;
}

#listeUtilisateur thead tr th:first-child {
  background-color: #FF9933;
  border: 2px solid #CC3300;
  padding: 0 15px;
  text-align: center;
  vertical-align: inherit;
  min-width:130px;
}

#listeUtilisateur tbody {
  background-color: #E8E9D7;
}

#listeUtilisateur tbody tr:hover {
  background-color: #D1D2C2;
  cursor:pointer;
}

#listeUtilisateur tbody tr td {
  white-space: nowrap;
  width: 9px;
}

#listeUtilisateur tbody tr td:first-child {
  width: auto;
  white-space: normal;
}

#listeUtilisateur tbody tr td img {
  border: 0;
}

.barre {
  text-decoration: line-through;
}

.selectionne {
  background-color: #D1D2C2;
}

.buttonUtilisateur {
  width: 102px;
}

.buttonUtilisateur a,.buttonUtilisateur button {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#content fieldset.utilisateur {
  border: 1px solid black;
  bottom: 180px;
  float: right;
  position: relative;
  font-size: 10pt;
  width: 442px;
}

#content fieldset.utilisateur.allbuttons {
  bottom: 240px;
}

#page.gestion_prestataire fieldset.utilisateur {
  right: 175px;
  bottom: 123px;
  width: 515px;
}

#page.gestion_assureur fieldset.utilisateur {
  width: 515px;
  bottom: 118px;
}
#page.gestion_assureur fieldset.utilisateur input {
  margin: 0 0 0 50px;
}

#page.consultation fieldset.utilisateur, #page.consultation_prestataire fieldset.utilisateur {
  bottom: 25px;
}

#content fieldset.utilisateur h3 {
  text-align: left;
  font-size: 10pt;
}

#content fieldset.utilisateur label {
  line-height: 16px;
  padding:0;
}

#content fieldset.utilisateur label input {
  float:none;
}

#content fieldset.sub-utilisateur {
  border: 1px solid black;
  font-size: 10pt;
  line-height: 16px;
  margin: 5px 0;
}

#content fieldset.sub-utilisateur fieldset label+label {
  padding:0;
}

#content fieldset.sub-utilisateur legend {
  float: none;
  border: 1px solid black;
  background-color: #FF9933;
}

#content fieldset.sub-utilisateur p {
  text-align:center;
}

#content fieldset.sub-utilisateur ul {
  list-style: none;
  padding: 0  5px;
  margin: 5px 0;
  background-color: transparent;
  font-size: 10pt;
  font-weight: bold;
}

#content fieldset.sub-utilisateur ul li {
  font-size: 8pt;
  font-weight: normal;
  background-color: #E8E9D7;
  margin: 0 0 2px;
}

#content fieldset.sub-utilisateur ul li.titre {
  font-weight: bold;
  background-color: transparent;
}

#content fieldset.utilisateurFonction {
  min-width:100px;
  bottom: 173px;
  border: 1px solid black;
  float: left;
  left:122px;
  position: relative;
  font-size: 10pt;
  line-height: 16px;
}

#content fieldset.utilisateurFonction ul {
  list-style: none;
  padding: 0  5px;
  margin: 5px 0;
  background-color: transparent;
  font-size: 10pt;
  font-weight: bold;
}

#content fieldset.utilisateurFonction ul li {
  font-size: 8pt;
  font-weight: normal;
  background-color: #E8E9D7;
  margin: 0 0 2px;
}

#page.gestion_fonction fieldset.sub-utilisateur {
  float:left;
  width:45%;
}


#refresh_gestionUtilisateur_login {
  margin: 0 0 0 63px;
}
#refresh_gestionUtilisateur_denomination {
  margin: 0 0 0 15px;
}
#refresh_gestionUtilisateur_telephone {
  margin: 0 0 0 35px;
}
#refresh_gestionUtilisateur_email {
  margin: 0 0 0 70px;
}

#refresh_gestionPrestataire_login, #refresh_gestionAssureur_login,#refresh_gestionPrestataire_utilisateurDto_login {
  margin: 0 0 0 52px;
}
#refresh_gestionPrestataire_email, #refresh_gestionAssureur_email,#refresh_gestionPrestataire_utilisateurDto_email {
  margin: 0 0 0 50px;
}
#refresh_password {
  margin: 0 0 0 4px;
}
#refresh_gestionPrestataire_denominationPrestataire {
  bottom: 12px;
  position: relative;
  right: -20px;
}
#refresh_gestionAssureur_denomination {
  margin: 0 0 0 4px;
}

#refresh_gestionPrestataire_entite_codeDepartement {
  bottom: 4px;
  position: relative;
  right: 1px;
}

#refresh_gestionPrestataire_entite_codeNiveauAgrementPrestataire {
  bottom: 4px;
  position: relative;
  right: -20px;
}

#refresh_gestionPrestataire_entite_adresse {
  margin: 0 0 0 31px;
}

#refresh_gestionPrestataire_entite_nomRepresentant {
  margin: 0 0 0 52px;
}

#refresh_gestionPrestataire_entite_qualiteRepresentant {
  margin: 0 0 0 38px;
}

/* Reprise des anciens styles d'alignement du texte dans les tableaux*/
#data_reference {
  padding: 0 4px 0 4px;
  text-align: center;
}

#data_libelle {
  padding: 0 4px 0 4px;
  text-align: left;
}

#data_number {
  padding: 0 4px 0 4px;
  text-align: right;
}

p.warning {
  border: 1px solid; 
  background-color: #CCCCCC;
}

p.warning u {
  color: red;
}

.message-accueil {
  border-top-style: solid;
  border-top-width: thin;
  margin-top: 15px;
  padding-top: 15px;
}
.accessibilite-taille{
	font-size: 15px
}

.accessibilite-titre1{
    font-size: 16px
}
.accessibilite-titre2{
    font-size: 13px
}
.accessibilite-addresse{
    font-size: 15px;
    text-indent: 15px;
    margin: 5px;
}

.reset-indent {
  text-indent: -30;
}

/* classe CSS pour ajouter des éléments pour les liseuses webs (RGAA) mais masquées à l'affichage */
.visually-hidden {
    /* règles CSS permettant de cacher le libellé*/
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    /* règles CSS permettant d'assurer le fait que le libellé ne provoque pas d'erreur RGAA */
    background-color: white;
    color: black;
    font-size: 20px;
  }