@charset "ISO-8859-1";

/***************************************/
/* style sheet for PRODUCTION          */
/***************************************/

/*  rouge fonce: #CC0033 rouge clair: #EED5D2  gris clair: #F5F5F5 gris plus fonce: #E0E0E0  */
/* 60% 7pt */
/* 70% 9pt */
/* 80% 10pt */

/* commentaire
scrollbar-face-color: #336699;
scrollbar-shadow-color: #77777;
scrollbar-highlight-color: #999999;
scrollbar-3dlight-color: white;
scrollbar-darkshadow-color: black;
scrollbar-track-color: white;
scrollbar-arrow-color: #999999;
submit-face-color: #336699;
*/

@font-face {
  font-family: "VPM Unicode";
  font-style: normal;
  font-weight: normal;
  src: url(DejaVuSans.ttf) format("truetype");
}

* {
  padding: 0;
  margin: 0;
}

body {
  margin: 0;
  padding: 0;
  font-size: 12px;
  z-index: 0;
  color: black;
  font-family: Verdana, Helvetica, Arial;
}

#content {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: url('images/bandeau_pixel.gif') repeat-x;
  min-height: 100%;
  width: 100%;
  height: 100%;
}

#LOG_login, #LOG_pass {
  font-size: 13px;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */
html>body,html>body #content {
  height: auto;
}

/* le header */
#bandeau {
  position: relative;
  top: 0;
  left: 0;
  height: 90px;
  width: 100%;
  background: url('images/bandeau.gif') no-repeat 80px 0px;
}

#bandeau_pic {
  position: absolute;
  top: 0px;
  left: 80px;
  border: none;
}

#logoCompany {
  position: absolute;
  top: 0px;
  left: 840px;
  border: 2px solid #BD0021;
}

/* la recherche rapide dans le header */
#search {
  position: absolute;
  top: 68px;
  left: 76px;
  width: 92%;
}

#project_search {
  float: left;
  width: 20%;
}

#project_search IMG {
  vertical-align: middle;
}

#certificate_search {
  float: right;
  width: 80%;
  text-align: right;
}

#certificate_search IMG {
  vertical-align: middle;
}

/* Liste deroulante de la recherche des certificats dans le header */
#displaySearchDoc a {
  text-decoration: none;
  color: #0000C2;
}

#searchDocument {
  text-align: left;
  z-index: 600;
  width: 17em;
  border: 1px solid #6699FF;
  background: white;
  padding: 3px;
}

#searchDocument ul {
  margin: 0;
  padding: 0;
}

#searchDocument li a {
  text-decoration: none;
  white-space: nowrap;
  display: block;
  width: 100%;
  color: black;
}

#searchDocument li a:hover {
  font-weight: bold;
  background: #eee;
  color: #0000C2;
}

/* le contenu principal de la page */
#mainContent {
  width: 95%;
  margin-left: 2.5%;
  margin-bottom: 80px;
}

/* la barre contextuelle > dfjgdsf > djfhdhf */
#navlink {
  color: #D60042;
  width: 100%;
  text-align: left;
  vertical-align: middle;
  margin: 8px 50px 4px 4px;
  font-size: 11px;
  font-weight: normal;
}

#navlink IMG {
  vertical-align: bottom;
}

#navlink A:link {
  color: #D60042
}

#navlink A:visited {
  color: #D60042
}

/* le pied de page*/
#footer {
  position: absolute;
  bottom: 5px;
  width: 99%;
  font-size: 10px;
  font-weight: bold;
}

#footer_left {
 text-align: left;
   color: #636563;
  vertical-align: bottom;
}

#footer_right {
  text-align: right;
  vertical-align: bottom;
  font-weight: normal;
  color: #0000C2;
}

label {
  margin-left: 4px;
}

.examples {
  font-style: italic;
  margin-left: 4px;
}

/* les champs input. */
.input,.inputTextarea,.inputnavbar {
  font-family: Verdana, Helvetica, Arial;
  font-size: 11px;
  border: 1px solid #A4C4E3;
  padding-left: 3px;
}

input[type="submit"], input[type="reset"], input[type="button"]
{
  padding: 0px 5px 0px 5px;
}

.inputnavbar {
  height: 12px;
  font-size: 12px;
  margin-top: 2px;
}

.inputreadonly {
  font-family: Verdana, Helvetica, Arial;
  font-size: 11px;
  border: 1px solid #DEE6ED;
  padding-left: 3px;
  background: #bfc3d0;
}

#inputreadonlyWhite {
  font-family: Verdana, Helvetica, Arial;
  font-size: 11px;
  border: 0px;
  padding-left: 3px;
  background: #FFF;
  color: black;
}

.inputSpaced {
  margin-top: 3px;
}

.dragOver {
  background: #3565FF;
}

.inputmultiple {
  font-family: Verdana, Helvetica, Arial;
  font-size: 12px;
  border: 1px solid #DEE6ED;
  padding-left: 3px;
  background: #FF8000;
}

.active {
  color: maroon;
  border-color: #0099FF;
  background: #FFFFE0;
}

.txtareaCounter {
  color: #9E9E9E;
  font-size: 10px;
  margin: 0 3px 0 5px;
  white-space: nowrap;
}

.text {
  font-size: 11px;
}

.boldText {
  font-size: 11px;
  font-weight: bold;
}

.colorblue {
  color: blue;
}

.nowrap {
  white-space: nowrap;
}

.appTitle {
  font-family: Arial;
  font-size: 18px;
  color: #F5F5F5;
  font-weight: bold;
}

.moduleTitle {
  font-family: Arial;
  font-size: 16px;
  color: #F5F5F5;
  font-weight: bold;
  font-style: italic;
}

/* dans les ie récent, il y a une croix pour faire reset dans les input text, pour ne pas l'avoir utiliser cette classe */
.noMsClear::-ms-clear {
  display: none;
}

/* les icones */
A IMG {
  border-style: none;
}

.val A IMG, .val a, .val input {
  vertical-align: text-bottom;
}

.val IMG {
  vertical-align: -1px;
}

.val H2 A IMG {
  vertical-align: baseline;
}

.bandeau A IMG {
  vertical-align: middle;
  margin-right: 25px;
}

A.editable IMG {
  margin-left: 3px;
  margin-right: 3px
}

/* centered block with width=100% of parent block. */
.centered95,#filterBody,#linkedFilterBody {
  margin-left: 0; /* body already has a 2.5% left margin */
  margin-right: auto; /* does not matter */
  font-size: 14px;
  width: 100%;
  clear: left;
}

#filterBody,#linkedFilterBody {
  clear: both;
  margin-bottom: 4px;
}

#filterInnerBody,#innerBody {
  border: 1px solid #A30303;
  padding-bottom: 1px;
}

#filterInnerBody tr {
  height: 18px;
}

div.pagNavigation {
  border: solid 1px brown;
  width: 100%;
  padding: 0 5% 0 70%;
  white-space: nowrap;
}

div.box {
  border: 1px solid #79A7E2;
  margin: 5px;
  padding: 1px;
  width: 100%;
}

div.boxTitleBar {
  border-width: 0px;
  background: #E2EDFF;
  font-weight: bold;
  color: #00368F;
  width: 100%;
}

td.box {
  border: 1px solid #79A7E2;
  margin: 5px;
  padding: 1px;
  width: 100%;
  font-size: 10px;
  color: #00368F;
}

div.editable:hover {
  background: white;
}

span.editable:hover, span.editable_hover {
  padding: 0;
  background: white;
}

input.editable, textarea.editable, select.editable {
  font-family: Verdana, Helvetica, Arial;
  border: 1px solid #A4C4E3;
  padding-left: 3px;
  background: #FFFFE0;
  font-size: 11px;
}

div.editButton {
  padding-top: 5px;
}

div.editInline {
  display: inline-table;
  padding-top: 0px;
}

input.button {
  margin-left: 5px;
}

.memo_title {
  font-weight: bold;
}

/* fond blanc (donnee absente) */
.empty {
  background: white
}

td.empty {
  text-align: center
}

.center {
  text-align: center 
}

/* Separation dans un tableau */
.emptysep {
  background: white;
  height: 10px;
}

/* puce de defilement des listes multi-pages */
.page {
  font-size: 9px;
  height: 14px;
}

/* pagination */
.navbar {
   font-size: 12.8px;
}

.inputnavbar {
  height: 18px;
}

/* SICOL en haut */
.menutitle {
  font-size: 10px;
  color: white;
  font-weight: bold;
  background: #CC0033
}

.menu_project {
  font-size: 9px;
  color: #D60042;
}

/* Nom personne / Profile
.endline {font-size: 60%; font-weight: bold; color: #636563}
*/

/* Nouveau projet */
.newp {
  font-weight: bold;
  color: #D60042;
}

a.rfc:link {
  font-weight: bold;
  color: #D60042;
}
a.rfc:visited {
  font-weight: bold;
  color: #D60042;
}

/* Petite taille de texte */
.smallText {
  font-size: 9px;
}

.miniFormLpo {
  font-size: 11px;
  text-align: left;
  padding-left: 0.3em;
  display: inline-block;
}

.bar {
  font-size: 1%;
}

/*onglet de liens pour les onglets*/
.onround {
  font-size: 9px;
  color: black;
  text-decoration: none;
}

.offround {
  font-size: 9px;
  color: white;
  text-decoration: none;
}

/*onglet special*/
.round {
  font-size: 9px;
  color: white;
  font-weight: bold;
  text-decoration: none;
}

/* Message système */
.systemMessage {
  width: 560px;
  border: 2px solid #000000;
  padding: 5px;
  background-color: #FFFFFF;
  color: #D60042;
  font-size: 12px;
  font-family: Verdana, Helvetica, Arial;
  text-align: center;
  z-index: 503;
}

/* Masque de fond pour div modal */
#modalBackground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
  z-index: 500;
}

/* ENTETES DE TABLEAU */

/* barre de soutien de l'onglet avec reprise du titre */
.surth {
  font-weight: bold;
  font-size: 11px;
  color: white;
  background: #A30303;
}
.right {
  text-align: right;
}

td.surth,tr.surth>td {
  padding: 3px 4px 1px 4px;
  height: 15px;
  border: 0 none;
}

div.surth {
  padding: 2px 4px 3px 4px;
  margin-top: 1px;
  font-size: 11px;
  height: 17px;
}

td.desactivated {
  color: grey;
  font-weight: normal;
  font-style : italic;
}


/* bandeau : titre et liens d'action (Edit | Add ..) */
.headbandTitle {
  float: left;
}

.headbandLinks {
  float: right;
}

/* error messages */
.fatalError {
  font-weight: bold;
}

.error, .fatalError {
  color: red;
  background-image: url('images/error.png');
}

.errorlittle {
  color: red;
  background-image: url('images/errorlittle.png');
}

/* todo remplacer definitivement success par ok */
.error, .errorlittle, .fatalError, .denied, .warning, .ok, .success {
  background-repeat: no-repeat;
  padding-left: 20px;
}

.warningRed, .warningRed:visited, .warningRed:hover, .warningRed:link, .warningRed:active {
  color: red;
  background-image: url('images/warning.png');
  
  background-repeat: no-repeat;
  padding-left: 20px;
  padding-bottom: 5px;
}

.error, .fatalError, .denied, .warning, .ok, .success, .stacktrace {
  font-size: 13px;
}

.denied {
  color: red;
  background-image: url('images/denied.png');
}

.warning {
  color: blue;
  background-image: url('images/warning.png');
}

.warninglittle {
  color: blue;
  background-image: url('images/warninglittle.png');
}

.ok, .success {
  color: green;
  background-image: url('images/ok.png');
}

.stacktrace {
  margin-top:15px;
  color: blue;
}

/* entetes des colonnes de liste */
th,.th {
  font-size: 11px;
  color: white;
  text-align: left;
  font-weight: bold;
  background: #A30303;
  height: 15px;
  padding: 0px 3px 1px 3px;
}

/* entetes des colonnes de sous-liste */
.thSubTable {
  font-size: 11px;
  color: white;
  text-align: left;
  font-weight: bold;
  background: #7BA5FF;
  height: 15px;
  padding: 1px 3px 2px 3px;
}

/* entetes des colonnes de sous-liste */
.thSubSubTable {
  font-size: 11px;
  color: white;
  text-align: left;
  font-weight: bold;
  background: #A1BEFF;
  height: 15px;
  padding: 1px 3px 2px 3px;
}

/* case a cocher dans une entete : doit etre alignee avec celles dans la liste cf list0, list1 */
thBox,.thBox {
  font-size: 11px;
  color: white;
  text-align: left;
  font-weight: bold;
  background: #A30303;
  height: 15px;
  padding: 1px 3px 1px 6px;
}

.thNoPad {
  font-size: 11px;
  color: white;
  padding-left: 3px;
  font-weight: bold;
  background: #A30303;
  height: 15px;
}

/* entete centree plus petite */
.smallTh {
  font-size: 10px;
  font-weight: bold;
  color: white;
  text-align: center;
  background: #A30303;
  height: 15px;
}

/* entete centree*/
.centerTh {
  font-size: 11px;
  font-weight: bold;
  color: white;
  text-align: center;
  background: #A30303;
  height: 15px;
  padding-left: 3px;
}

.centerSousTitre {
  font-size: 11px;
  text-align: center;
}

/* LIENS SIMULES */
.link {
  color: #0000C2;
  font-weight: normal;
  text-decoration : underline;
  cursor:  pointer
}

.link-desactivated {
  color: grey;
  font-weight: normal;
  font-style : italic;
  text-decoration : underline;
  cursor:  pointer
}

.fakeLink {
  cursor: pointer;
  text-decoration: underline;
}

/* LIENS */
A:link {
  color: #0000C2;
  font-weight: normal;
}

A:visited {
  color: #0000C2;
  font-weight: normal;
}

/* un lien dans un tag de class th ! */
.th A:link {
  color: white;
  font-weight: bold;
}

.th A:visited {
  color: white;
  font-weight: bold;
}

/* Lien dans un tag th */
th A:link {
  color: white;
  font-weight: bold;
}

th A:visited {
  color: white;
  font-weight: bold;
}

/* un lien dans un tag de class smallTh ! */
.smallTh A:link {
  color: white;
  font-weight: bold;
}

.smallTh A:visited {
  color: white;
  font-weight: bold;
}

/* un lien dans un tag de class surth ! */
.surth A:link {
  color: white;
  font-weight: bold;
}

.surth A:visited {
  color: white;
  font-weight: bold;
}

/* sous-liens dans la barre du haut et liens de navigations  */
.actionmenu {
  font-size: 11px;
  padding: 2px;
  white-space: nowrap;
}

.centered95 a.actionmenu {
  font-size: 11px;
}

/* liens de _Reference Data_  */
.reference {
  font-size: 10px;
  color: #636563;
  text-decoration: none;
}

/* liens de l'arbres hierarchique  */
.t {
  font-size: 9px;
  color: #636563;
}

/* pour les liens du haut de page */
.highmenu {
  font-size: 10px;
  color: white;
  font-weight: bold;
  text-decoration: none;
}

.highmenuinactive {
  font-size: 10px;
  color: #B0B0B0;
  font-weight: bold;
  text-decoration: none;
}

/* liens d'actions */
.actionlink {
  font-size: 10px;
}

/* liens d'actions */
.lightlink {
  color: #7777FF;
}

/*.project {font-size: 70%; color: #D60042; background: #EFEBE7;}*/
.project {
  font-size: 11px;
  border: 1px solid #6699FF;
}

.project td {
  height: 13px;
}

.sister {
  background-color: lightyellow;
}

.projectlink {
  color: black;
}

.projectYard {
  color: #A30303;
  border: 1px solid #6699FF;
}

td.libcontext {
  text-align: right;
  padding: 2px 2px 2px 8px;
  white-space: nowrap;
}

td.valcontext {
  white-space: nowrap;
  text-align: left;
  padding: 2px;
  height: 13px;
}

/* dans les tables: libelle/valeur */
.lib {
  font-size: 11px;
  background: #E2EDFF;
}

.mandatory::after{
  color: red;
  content: " *";
}

.libcenter {
  font-size: 11px;
  background: #E2EDFF;
  height: 16px;
  text-align: center;
}

.libleft {
  font-size: 11px;
  background: #E2EDFF;
  height: 16px;
  text-align: left;
  padding-left: 4px;
}

.libbold {
  font-size: 11px;
  background: #E2EDFF;
  font-weight: bold;
}

td.lib,td.libRight {
  height: 16px;
  padding: 1px 7px;
  text-align: right;
}

td.libbold {
  height: 16px;
  padding-left: 7px
}

td.sublibitalic {
  height: 16px;
  font-size: 11px;
  background: #E8F3FF;
  font-style:italic;
  padding: 1px 20px 1px 7px;
  text-align: right;
}

td.sublib {
  height: 16px;
  font-size: 11px;
  background: #E8F3FF;
  padding: 1px 20px 1px 7px;
  text-align: right;
}

div.lib {
  padding: 3px 7px 3px 3px;
}

div.lib2 {
  font-size: 11px;
  background: #F5F9FF;
  padding: 1px 7px 1px 1px;
}

.val,.libRight {
  font-size: 11px;
  background: #F5F9FF;
}

.valcenter {
  font-size: 11px;
  background: #F5F9FF;
  height: 16px;
  padding-left: 7px;
  text-align: center;
}

.valright {
  font-size: 11px;
  background: #F5F9FF;
  height: 16px;
  padding-left: 7px;
  text-align: right;
}

.valleft {
  font-size: 11px;
  background: #F5F9FF;
  height: 16px;
  padding-left: 7px;
  text-align: left;
}

td.val {
  height: 16px;
  padding: 1px 7px 1px;
  text-align: left;
}

.filterbody table.tr {
  height: 16px;
}

.valWithBottom {
  padding-bottom: 5px;
}

.val.valWithTop {
  padding-top: 5px;
  vertical-align: top;
}

.alignRight {
  text-align: right !important;
}

div.val {
  padding: 3px 3px 3px 7px;
}

.valignTop {
  vertical-align: top;
}

/* prb image + checkbox dans le meme td */
.val2 {
  font-size: 11px;
  background: #F5F9FF;
  height: 16px;
}

td.val2 {
  height: 16px;
  padding-left: 7px;;
  text-align: left;
}

.valblue {
  font-size: 11px;
  background: #EFEBE7;
  color: blue;
  height: 16px;
}

.constructionMark {
  font-family: "DejaVu Sans", "Arial Unicode MS", "VPM Unicode";
  font-size: 12pt;
  text-decoration: none;
}

.constructionMarkUnderlined {
  font-family: "DejaVu Sans", "Arial Unicode MS", "VPM Unicode";
  font-size: 12pt;
  text-decoration: underline;
}

.lightValLabel{
  text-decoration: none;
}

.lightVal {
  font-size: 11px;
  height: 16px;
  padding-left: 7px;
  text-align: left;
}

.lightValRight {
  font-size: 11px;
  height: 16px;
  padding-left: 7px;
  text-align: right;
}

/* listes avec pyjama */
tr {
  
}

.listHoover {
  height: 16px;
}

tr.list0,tr.list1,tr.list2,tr.list3,tr.listWarn, td.list {
  font-size: 11px;
}

.list0 {
  background: #F5F9FF;
}

.list1 {
  background: #E2EDFF;
}

.list2 {
  background: #FFF0C0;
}

.list3 {
  background: #FFCC66;
}

.listWarn {
  background: #FFB145;
}

.listGlobalStatus {
  color: blue;
}

tr.pyjama:hover,tr.pyjama_hover {
  background: lightyellow;
}

tr.list0 td,tbody.list0 tr td,tr.list1 td,tbody.list1 tr td {
  height: 18px;
  padding: 1px 3px 1px 6px;
}

.list0 IMG,.list1 IMG {
  vertical-align: middle;
}

tr.list2 td,tr.listWarn td {
  height: 18px;
  padding: 1px 3px 1px 6px;
}

.list2 IMG IMG {
  vertical-align: middle;
}

.listWarn IMG IMG {
  vertical-align: middle;
}

.legend {
  font-size: 8px;
  width: 18px;
  height: 5px;
  border: 1px solid black;
}

.forceDarkBlue {
  background: #E2EDFF;
}

.forceLightBlue {
  background: #F5F9FF;
}

.separation {
  background: #FFFFFF;
  height: 5px;
}

td.white {
  background: #FFFFFF
}

td.list {
  background-color: #F5F9FF
}

/* Listes d'icones */
.iconTable {
  border: 1px solid #D0D0D0;
  background: #F8F8F8;
}

.icon {
  font-size: 11px;
  border: 1px solid #D0D0D0;
  background: white;
  text-align: center;
  vertical-align: middle;
}

.smallicon {
  font-size: 7px;
  border: 1px solid #D0D0D0;
  background: white;
}

/* liste du certificat en train d'etre vu */
.list_red {
  color: red;
}

.list_lpo {
  font-size: 11px;
  background: #EFEBE7;
  height: 16px;
}

.list_blue {
  font-size: 11px;
  background: #C0C0F0;
  height: 16px;
}

.t_man {
  font-size: 11px;
  background: white;
  height: 16px;
}

.t_pro {
  font-size: 11px;
  background: white;
  color: #FF0000;
  height: 16px;
}

.t_ico {
  font-size: 11px;
  background: white;
  height: 16px;
}

.list_bold {
  font-weight: bold;
}

/* Page draft */
.draftLib {
  font-size: 11px;
  background: #EBE9E9;
  border-width: 1px;
  border-style: none none dashed dashed;
}

.draftVal {
  font-size: 11px;
  background: #F5F4F4;
  border-width: 1px;
  border-style: none none dashed none;
}

td.draftLib {
  padding-right: 7px;
  text-align: right;
}

td.draftVal {
  padding-left: 7px;
  text-align: left;
}

.draftList0 {
  font-size: 11px;
  background: #EBE9E9;
  border-width: 1px;
  border-style: none none dashed dashed;
  padding-right: 7px;
  text-align: left;
}

.draftList1 {
  font-size: 11px;
  background: #F5F4F4;
  border-width: 1px;
  border-style: none none dashed none;
  padding-right: 7px;
  text-align: left;
}

.draftTitle1 {
  font-size: 12px;
  font-weight: bold;
  background: #808080;
  height: 16px;
  border-style: solid;
  border-width: 2px;
}

.draftTitle2 {
  font-size: 11px;
  color: black;
  font-weight: bold;
  background: #AEADAD;
  height: 16px;
  border-style: solid solid solid solid;
  border-width: 2px 2px 1px 2px;
}

.draftTitle3 {
  font-size: 11px;
  color: black;
  font-weight: bold;
  background: #C1C1C1;
  height: 16px;
  border-style: solid solid solid solid;
  border-width: 2px 2px 1px 2px;
}

.draftproject {
  font-size: 12px;
  color: black;
  border: 1px solid #817F7F;
}

/* mails */
.newpSmall {
  font-size: 11.5px;
  font-weight: bold;
  color: #D60042;
}

.warn {
  color: #D60042;
}

.warnval {
  font-size: 11px;
  background: #F5F9FF;
  color: #D60042;
  height: 16px;
}

/* raison de rejet ou de cancel */
.warnReason {
  font-family: Arial;
  font-size: 11.5px;
}

/* masquage de blocs - positionnement relatif */
.maskDiv {
  position: relative;
  display: none;
}

/* masquage de blocs - positionnement absolu */
.maskDivAbs {
  position: absolute;
  display: none;
}

/* affichage des donnees utilisees pour les regles de calcul */
.rule {
  color: #6699FF
}

/* affichage des donnees utilisees pour les champs obligatoires */
.required {
  color: red
}

.suppdev {
  height: 16px;
  color: #CE0142
}

.suppdev A:link {
  color: #CE0142;
  font-weight: bold;
}

.suppdev A:visited {
  color: #CE0142;
  font-weight: bold;
}

/* messages d'acces interdits a une page */
.alertAccess {
  font-size: 11.5px;
  height: 16px;
  font-weight: bold;
  color: #D60042
}

.contour {
  background: black;
}

/* table avec bordure superieure */
table.topSep {
  width: 98%;
  margin-top: 4px;
  border-style: solid none none none;
  border-width: 1px;
  border-color: black;
  font-size: 11px;
}

.inputreadonly2 {
  font-family: Verdana, Arial, Helvetica;
  background: #bfc3d0
}

/* Barre d'outils SVG */
.svgToolbar {
  border: groove 2px;
  padding: 1px;
  background-color: #D4D0C8;
  font-family: Verdana, Arial, Helvetica;
  font-size: 9px;
  color: black
}

.svgToolbarCombo {
  display: none;
  border: inset 2px;
  padding: 0px;
}

.svgToolbarOption {
  width: 100px;
  border-top: 1px solid #D4D0C8;
  padding: 1px;
  background-color: white;
  color: black;
  cursor: pointer
}

.svgViewToolbar {
  vertical-align: top;
  padding-top: 4px;
}

/* Onglet SVG */
#svgTab {
  z-index: 200;
  right: 2.5%;
  width: auto;
  height: 0;
  position: fixed;
}

.top {
  top: 239px;
}

.middle {
  top: 243px;
}

#svgDrawing {
  float: right;
  background: #EEEEEE;
  border: solid 1px #CCCCCC;
  min-height: 208px;
}

#svgDrawingTab {
  float: right;
}

/* SVG StatusBar */
.svgStatusBar {
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  color: black;
}

/* Basket Import Survey*/
#surveyBasketTab {
  z-index:200;
  top:373px;
  right:2.5%;
  width:auto;
  height:0;
  position:fixed;
}

#surveyBasketArea {
  float:right;
  width:600px;
  height:200px;
  border: 1px solid #C9C9C9;
  background-color:#FFFFFF;
  overflow: auto;
}

#closeOpenSurveyBasketTab {
  float:right;
}

/* Basket Element Make Not Applicable*/
#elementBasketTab {
  z-index:200;
  top:373px;
  right:2.5%;
  width:auto;
  height:0;
  position:fixed;
}

#elementBasketArea {
  float:right;
  width:400px;
  height:200px;
  border: 1px solid #C9C9C9;
  background-color:#FFFFFF;
  overflow: auto;
}

#closeOpenElementBasketTab {
  float:right;
}

/* Page de login, forgot password */
.blueTitle {
  font-family: Arial;
  font-size: 16px;
  color: #0000C2;
  font-weight: bold;
}

.blueLib {
  font-family: Arial;
  font-size: 13px;
  color: #0000C2;
  font-weight: bold;
  text-decoration: none;
  text-align: right
}

.blueText {
  color: #0000C2;
}

.pinkLib {
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  color: #CE0142;
}

.smallpinkLib {
  font-size: 10px;
  color: #CE0142;
  text-align: right;
  text-decoration: none;
  font-weight: bold;
}

.smallpinkLib A:link {
  color: #CE0142;
  text-align: right;
  font-weight: bold;
}

.smallpinkLib A:visited {
  color: #CE0142;
  text-align: right;
  font-weight: bold;
}

.smallpinkLib A:hover {
  color: #0000C2;
  text-align: right;
  font-weight: bold;
}

.highlightedLib {
  font-size: 12px;
  font-family: Arial;
  color: black;
  background-color: #FFF0C0;
}

.highlightedLib A:link {
  font-size: 12px;
  font-family: Arial;
  color: black;
  background-color: #FFF0C0;
}

.highlightedLib A:visited {
  font-size: 12px;
  font-family: Arial;
  color: black;
  background-color: #FFF0C0;
}

.highlightedLib A:hover {
  font-size: 12px;
  font-family: Arial;
  color: black;
  background-color: #FFF0C0;
}

.characterMap {
  text-decoration: none;
  color: black;
  font-family: symbol;
  font-size: 16px;
  height: 16px;
  text-align: center;
}

.characterMap A:link {
  text-decoration: none;
  color: black;
  font-family: symbol;
  font-size: 16px;
  height: 16px;
  text-align: center;
}

.characterMap A:visited {
  text-decoration: none;
  color: black;
  font-family: symbol;
  font-size: 16px;
  height: 16px;
  text-align: center;
}

/* Listes deroulantes */
dl,dt,dd,ul,li {
  margin: 0;
  padding: 1px;
  list-style-type: none;
}

/* Liste avec bullet */
ul.bulletList {
  list-style-image: url("images/im_fleche.gif");
  list-style-type: disc;
  margin-left: 10px;
}

/* Liste sans bullet */
ul.noBulletList {
  list-style-image: none;
  list-style-type: none;
  margin-left: 10px;
}

ul.inline li {
 display: inline;
}

/* FieldSet */
fieldset {
  border: 0;
}

/* Detail text */
.detail {
  margin-left: 45px;
}

/* select tool */
#displaySelecttool {
  position: absolute;
  top: 27px;
  left: 712px;
}

#displaySelecttool a {
  text-decoration: none;
  font-weight: bold;
  color: white;
}

#selecttool {
  z-index: 300;
  position: absolute;
  top: 41px;
  left: 708px;
  width: 17em;
  border: 1px solid #A30303;
  background: white;
  padding: 3px;
}

#selecttool ul {
  margin: 0;
  padding: 0;
}

#selecttool li a {
  text-decoration: none;
  white-space: nowrap;
  display: block;
  width: 100%;
  color: #A30303;
}

#selecttool li a:hover {
  font-weight: bold;
  background: #eee;
  color: #0000C2;
}

/* change profile */
#changeprofile a {
  text-decoration: none;
}

#changeprofile a:hover {
  background: #eee;
}

/* change company */
#changecompany a {
  text-decoration: none;
}

#changecompany a:hover {
  background: #eee;
}

#menuprofile {
  width: 18em;
}

#menucompany {
  left: 138px;
}

.menufooter {
  position: absolute;
  bottom: 36px;
  z-index: 300;
  background: #fff;
  border: 1px solid grey;
}

.menufooter ul {
  margin: 0;
  padding: 0;
  text-align: center;
}

.menufooter li a {
  text-decoration: none;
  white-space: nowrap;
  display: block;
  width: 100%;
  color: #636563;
}

.menufooter li a:hover {
  font-weight: bold;
  background: #eee;
  color: #0000C2;
}

/* Environnements projet */
#menuworks {
  width: 16em;
  z-index: 300;
  padding: 2px 4px 2px 4px;
  border: 1px solid #6699FF;
  background: white;
}

#menuworks ul {
  margin: 0;
  padding: 0;
  text-align: left
}

#menuworks li a {
  text-decoration: none;
  white-space: nowrap;
  display: block;
  color: black;
}

#menuworks li a:hover {
  font-weight: bold;
  background: #eee;
  color: #0000C2;
}

/* fichiers attaches */
.menuAttachedFiles {
  position: absolute;
  background: white;
  padding: 2px;
  border: solid 1px dimgray;
  font-weight: bold
}

.menuAttachedFiles a {
  margin: 1px;
  padding: 1px
}

.menuAttachedFiles a:hover {
  background: aliceblue;
}

/* Info bulles */
a.infobulle:link {
  color: black;
  font-weight: normal;
  position: relative;
  background-color: #E2EDFF;
  text-decoration: none;
}

a.infobulle:visited {
  z-index: 250;
  color: black;
  font-weight: normal;
  position: relative;
  background-color: #E2EDFF;
  text-decoration: none;
}

a.infobulle:link :hover {
  background-color: #E2EDFF;
  font-weight: bold;
}

a.infobulle:hover span {
  display: block;
  position: absolute;
  top: 1.5em;
  left: 0em;
  width: 20em;
  border: 1px solid #7BA5FF;
  background-color: #E2EDFF;
  color: black;
  text-align: left;
  font-weight: normal;
  padding: 3px;
}

a.infobulle span {
  display: none;
}

.pagePopup {
  position: absolute;
  border: 1px solid #79A7E2;
  margin: 5px;
  padding: 1px;
  background: #F5F9FF;
  text-align: left;
  color: black;
  font-family: Verdana, Arial, Helvetica;
  font-weight: normal;
  text-decoration: none;
}

.pagePopupTitleBar {
  border-width: 0px;
  background: #E2EDFF;
  padding: 1px;
  font-weight: bold;
  color: #00368F;
  text-align: left;
  width: 100%;
}

.pagePopup input,.pagePopup select {
  font-size: 12px;
  padding: 1px 1px 1px 1px;
  margin: 2px 2px 2px 2px;
}

/* Dates reelles et previsionnelles */
.actualDate {
  font-weight: bold;
}

.forecastDate {
  color: #A30303;
}

/* CSS container shadow */
.shadow1,.shadow2,.shadow3,.container {
  position: relative;
  top: -1px;
  left: -1px;
}

.shadow1 {
  background: #F1F0F1;
}

.shadow2 {
  background: #DBDADB;
}

.shadow3 {
  background: #B8B6B8;
}

.container {
  background: white;
  border: solid 1px #7E7E7E;
}

/* CSS container shadow */ /* Docs et liens */
#main {
  background-color: #E2EDFF;
  font-size: 12px;
  overflow: auto;
}

#main li {
  margin-left: 18px;
  list-style-type: disc;
}

#links,#documents {
  width: 49%;
  float: left;
}

.label {
  float: left;
  width: 25%;
  text-align: right;
}

/* Add drawings */
.projectBlock {
  border: 1px solid black;
  padding: 1em;
  margin-top: 1em;
  font-size: 11px;
  overflow-x:visible; 
  overflow-y:visible;
  width: 100%;
  display: inline-block;
}

/* Auto-completion */
ul.matching-results {
   color: #000000;
   background: #F5F9FF;
   border: 1px solid #A30303;
   font-size: 0.8em;
   font-family: Arial;
}

ul.matching-results li {
  display: block;
  list-style-type: none;
  cursor: default;
  padding: 0 0.5em;
}

img.calendar {
  vertical-align: text-bottom;
  border: 0;
}

/* Listes Ajax */
.comment,.comments {
  clear: both
}

.commentHandle,.docHandle,.itemHandle,.answerHandle {
  clear: both;
  width: 100%;
  font-size: 11px;
}

.commentStatus {
  float: left;
  width: 40px;
  padding-top: 3px;
}

.commentTitle {
  float: left;
  padding: 5px;
  width: 70%;
}

.commentDetail {
  clear: both;
  width: 100%;
  margin-left: 44px;
  padding: 5px;
}

.commentText {
  clear: both;
  width: 40em;
}

.answerStatus {
  float: left;
  width: 30px;
}

.answerTitle {
  float: left;
  padding: 5px;
  width: 65%;
}

.answerText {
  clear: both;
  width: 50em;
  margin-left: 36px
}

.solveTitle {
  float: left;
  width: 65%;
}

.actionLinks {
  float: left;
  margin-left: 5px;
  padding-top: 5px;
  white-space: nowrap;
}

.answer {
  margin-top: 1em;
}

div.answerHandle:hover .answerTitle,div.answerHandle_hover .answerTitle,
  div.docHandle:hover,div.docHandle_hover,div.commentHandle:hover .commentTitle,
  div.commentHandle_hover .commentTitle,ul.matching-results li.selected,ul.matching-results li:hover
{
  background: #FFFFDB
}

/* Tables dans des tables */
table.innerTable {
  background-color: #FDFEFF;
  border: 1px solid #000000;
  border-collapse: collapse;
  width: 100%
}

table.innerTable th {
  background-color: #FFF0C0;
}

table.innerTable th,table.innerTable td {
  color: #000000;
  border: 1px solid #000000;
  font-size: 70%
}

/* Onglets */
#tabs {
  font-size: 11px;
  line-height: normal;
}

#tabs ul {
  margin: 0;
  padding: 0 0 0;
  list-style: none;
}

#tabs li {
  float: left;
  background: url("images/tab_left.gif") no-repeat left top;
  padding: 0 0 0 14px;
}

#tabs a {
  float: left;
  display: block;
  background: url("images/tab_right.gif") no-repeat right top;
  padding: 2px 15px 4px 2px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  color: #FFF;
}

#tabs ul a {
  width: auto;
}

#tabs a {
  float: none;
}

#tabs .current, #tabs li:hover {
  background-position: 0 -150px;
}

#tabs .alert {
  background-position: 0 -300px;
}

#tabs .current a, #tabs li:hover a {
  background-position: 100% -150px;
}

#tabs .alert a {
  background-position: 100% -300px;
}

.additionalTabLinks {
  float: right; 
  margin-right: 5%; 
  font-size: 130%; 
}

#subTabs {
  float: left;
  width: 100%;
  background-color: #6699FF;
  text-align: right;
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  border-top: solid 1px #FFF;
  height:22px;
  line-height:22px;
}

#subTabs div {
  float: right;
  display: inline-block;
  vertical-align: middle;
}

#subTabs ul {
  margin: 0;
  padding: 0;
}

#subTabs li {
  float: left;
  border-right: solid 1px #FFF;
  border-left: solid 1px #FFF;
  margin-left: -1px;
  padding: 0px 1px;
}

#subTabs ul a {
  float: left;
  padding: 0px 15px;
  text-decoration: none;
  font-weight: bold;
  color: #FFF;
}

#subTabs a {
  color: #FFF;
  font-weight: bold;
}

#subTabs .current,#subTabs li:hover {
  background-color: #A30303;
}

hr.menuEnd {
  clear: left;
  visibility: hidden;
  border: 0;
  margin: 0;
  padding: 0;
  height: 0;
}

/* Disclaimer */
.disclaimer {
  margin: 1em 0 1em 0;
  padding: 1em;
  border: 1px solid #666666;
  color: #666666;
  font-size: 10px;
}

.disclaimer-npss {
  font-size: 75%; 
  width:98.5%; 
  margin-left:1.5%
}


/* AIMS (and PMU) OwnerCriticityStatus span define*/
#criticity.criticity1 {
  color: blue;
}

#criticity.criticity5 {
  font-weight: bold;
  color: forestgreen;
}

#criticity.criticity2 {
  color : black
}

#criticity.criticity6 {
  font-weight: bold;
  color: yellow;
}

#criticity.criticity3, #criticity.criticity7 {
  font-weight: bold;
  color : orange;
}

#criticity.criticity4, #criticity.criticity8 {
  font-weight: bold;
  color : #A30303;
}

td.drawingNotIncluded, td span.drawingNotIncluded {
  font-style: italic;
  font-weight: bold; 
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: hidden;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica;
}

/* Comments search */
.note {
  font-size: 80%;
}

.memoSearchTinyWidth {
  width: 32px;
}

.memoSearchShortWidth {
  width: 164px;
}

.memoSearchNormalWidth {
  width: 200px;
}

.memoSearchLongWidth {
  width: 375px;
}

li.currentCompany a{
  font-weight:bold!important;
  color:red!important;
}

/* Tooltip styles */
.tooltip {
  border: 1px solid #A30303;
  padding: 3px;
  font-size: 11px;
  font-family: Arial;
  filter: alpha(opacity=100);
  opacity: 1.00;
  z-index: 700;
}

.tooltip ul li {
  list-style-type: disc;
  list-style-position: inside; 
}

.tooltip ol li {
  list-style-type: decimal;
  list-style-position: inside; 
}

.tooltipWidth {
  width:360px;
}

.tooltipHeader {
  font-weight: bold;
  color: #FFFFFF;
  background: #A30303;
}

.tooltipBody {
  color: #000000;
  background: #F5F9FF;
}

.tooltipImg {
  vertical-align: text-bottom;
}

/* tooltip des utilisateur desactives */
.tooltipUserDesactHdr {
  font-weight: bold;
  color: #FFFFFF;
  background: grey;
  border : 1px solid grey;
}

.tooltipUserDesactBdy {
  color: #000000;
  background: #F5F9FF;
  border : 1px solid grey;
}

/* End of Tooltip styles*/

/* Global / Subselect styles */
select.global {
  background-color: #E2EDFF;
}

select.subselect {
  margin-left: 18px;
}

input.subfile {
  /*Ne rien mettre ici*/
}

input.to_specify {
  /*Ne rien mettre ici*/
}

/* END Global / Subselect styles */

/* Ajax loading stye */
#ajaxLoading {
   color: #000000;
   background: #F5F9FF;
   border: 1px solid #A30303;
   padding: 3px;
   margin: auto;
   font-size: 11px;
   font-family: Arial;
   filter: alpha(opacity=100);
   opacity: 1.00;
   width: 400px;
   text-align: center;
}

#ajaxLoading.default {
   position: absolute;
   left : 50%;
   margin-left: -200px;
   top: 400px;
}


#ajaxLoading.popupAjax {
   position: absolute;
   left : 50%;
   margin-left: -200px;
   top: 50%;
}

#ajaxLoading img {
  vertical-align: text-bottom;
}

/* Disabled link styles */
a.disabledLink {
  color: gray;
  text-decoration: none;
}

/* Style pour une image grisée dans un lien désactivé */
a.disabledLink img.canBeDisabled {
  opacity: 0.4; /* opacity pour autre que msie */
  filter: grayscale(100%) alpha(opacity=40); /* grayscale pour griser, opacity pour msie */
}

a.disabledLinkItalic {
  color: gray;
  font-style: italic;
  text-decoration: none;
}

.surth a.disabledLink, th a.disabledLink {
  color: #DDDDDD; 
}

/* Disabled link styles */

/* Libellés 'Surveyors' et 'Administratives' de la page 'Actors' > 'Design Contacts' */
.surveyorHeader {
  font-weight: bold;
  padding-bottom: 2px;
}

/* Affichage des infos utilisateur de la page 'Actors' > 'Design Contacts' */
.surveyor_external, .office_external {
  font-weight:bold;
}

.surveyor_outsider {
  color:red;
}

/* style pour les options groups */
option.groupOption {
  font-style: italic;
  font-weight: bold;
}

select.active option.groupOption, select.active optgroup {
  background-color: #F6E86E;
}

option.subOption {
  padding-left: 5px;
}
/* Les optgroup englobent des options*/
select.active option.subOption, select.active optgroup option {
  background-color: #FFFFE0;  
}
/* fin styme pour les options groups*/

/* Styles pour la gestion des droits entre shipbuilders/shipbuilders consultant de l'onglet Actors > External Contacts > Shipbuilder/Consultant */
/* Tableaux de présentation des autorisations */
table.authorizations {
  width: 100%;
  border: none;
}

table.authorizations tbody td.editLink {
  text-align: center;
  vertical-align: middle;
}

table.authorizations tbody td.cellAuthorization {
  text-align: center;
  font-style: italic;
}

/* Présentation de la note à l'attention des rôles Shipbuilder XXX */
#noteOwnerPart1, #noteOwnerPart2 {
  font-size: 10px;
}

#noteOwnerPart2 {
  padding-left: 3em;
}
/* Fin styles pour la gestion des droits entre shipbuilders/shipbuilders consultant de l'onglet Actors > External Contacts > Shipbuilder/Consultant */

/* Styles de l'onglet NPSS */
/* Décalage des recommandations */
table.recommendationTable {
  padding-left: 1.5%;
  width: 100%;
}
/* Décalage des exemptions */
table.exemptionTable {
  padding-left: 1.5%;
  width: 100%;
}
/* Fin styles de l'onglet NPSS */

/* Style de l'autocompletion */
.ui-menu {   
  color: #000000;
  background: #F5F9FF;
  border: 1px solid #A30303;
  font-size: 10px;
  font-family: Arial;
  width: 365px;
}

.ui-menu-item { 
  display: block;
  list-style-type: none;
  cursor: default;
  padding: 0 0.5em; 
  width: 355px;
}

.ui-state-hover {
  background :#efff00;
}

.ui-autocomplete {
  height: auto;
}

/*************************************************/
/* Positionnement pour les filtres sur une ligne */
/*************************************************/
.line-filter a, .line-filter input, .line-filter checkbox {
  vertical-align: text-bottom;
}

/************************************/
/* Positionnement pour les tableaux */
/************************************/
.items-header td{
  vertical-align: middle;
  text-align:center;
}

.items-body td{
  vertical-align: top;
}

.drw-com-list-filter {
  width: 100%;
}

.drw-com-list-filter td.lib {
  width: 16%;
}

.drw-com-list-filter td.val {
  width: 34%;
}

.doc-com-list-filter {
  width: 100%;
}

.doc-com-list-filter td.lib {
  width: 20%;
}

.doc-com-list-filter td.val {
  width: 30%;
}

/************************************/

.lowercase {
  text-transform: lowercase;
}
.uppercase {
  text-transform: uppercase;
}
.bigLineSpacing {
  line-height: 1.5;
}

/************************************/
/* Positionnement pour les tableaux */
/************************************/
.withdrawn {
  white-space: nowrap;
  font-weight: bold;
  color : red;
}

.certifGroup {
  line-height: 8px;
}

.borderLeft {
  border-left: solid 2.5px white;
}

/************************************/
/* Style pour l'affichage de survey */
/************************************/
.importSurveyReport .surveyHandle {
  clear:both;
  width: 100%;
  height: 100%;
  font-size:100%;
}

.importSurveyReport div.surveyHandle:hover .surveyTitle, .importSurveyReport div.surveyHandle_hover .surveyTitle {
  background: #FFFFDB;
}

.importSurveyReport .surveyStatus {
  float:left;
  width:40px;
}

.importSurveyReport .surveyTitle, .importSurveyReport .commentTitle {
  float:left;
  padding:5px;
  width:50%;
}

.importSurveyReport .surveyText {
  clear:both;
  margin-left: 45px;
}

.importSurveyReport .commentText {
  margin-left: 41px;
}

.importSurveyReport .comment {
  margin-left: 70px;
}

.importSurveyReport .details {
  clear:left;
}

#imgLoad { 
    width:100px;
    height: 100px;
    position: fixed;
    align :center;
    top: 50%;
    left: 40%;
}

/************************************/
/* Style pour l'affichage du stamp  */
/************************************/
.smartshape-stamp-iframe {
  position: relative;
  z-index: 1;
}

.smartshape-stamp-image {
  position: absolute;
  z-index: 2;
  bottom: 50px;
}

.smartshape-message {
  position: absolute;
  z-index: 3;
  top: 35px;
  left: 100px;
  font-weight: bold;
  font-size: 20px;
  font-family: Arial;
  color:red;
}

.smartshape-toogle-01 {
  position: absolute; 
  z-index: 3; 
  bottom: 350px;
}

.smartshape-toogle-01b {
  position: absolute; 
  z-index: 3; 
  bottom: 370px;
}

.smartshape-toogle-02, .smartshape-toogle-02b {
  position: absolute; 
  z-index: 3; 
  bottom: 280px;
}

.smartshape-stamp-register-number-01 {
  position: absolute;
  z-index: 3;
  bottom: 295px;
  left: 100px;
  font-weight: bold;
  font-size: 20px;
  font-family: Arial;
}

.smartshape-stamp-register-number-01b {
  position: absolute;
  z-index: 3;
  bottom: 320px;
  left: 100px;
  font-weight: bold;
  font-size: 20px;
  font-family: Arial;
}

.smartshape-stamp-register-number-02, .smartshape-stamp-register-number-02b {
  position: absolute;
  z-index: 3;
  bottom: 230px;
  left: 100px;
  font-weight: bold;
  font-size: 20px;
  font-family: Arial;
}

.smartshape-stamp-city-date-01 , .smartshape-stamp-city-date-01b ,
.smartshape-stamp-city-date-02, .smartshape-stamp-city-date-02b {
  position: absolute;
  z-index: 3;
  bottom: 160px;
  left: 10px;
  font-weight: bold;
  font-size: 18px;
  font-family: Arial;
  color:red;
}