/*
     main.css for VARAPP
*/

body {
  font-family: Verdana, "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
  font-size: 1em;
  color: Black;
  margin: 0;
  padding: 20px;
}

dl, ol, ul {
  font-size: 1em;
  text-align: left;
  margin-top: 0.5em;
}

li {
    margin: 0 0 0.5em 0;
}

pre { 
    font-size: 2em;
    padding: 0.5em;
    font-weight: bold;
    background-color: transparent;
    border: 1px dashed #0D0D6D;
}

code {
    background-color: #010066;
    border-color: #0D0D6D;
    border-style: dashed;
    border-width: 1px;
    padding: 0.1em 0.25em;
}

a {
  color: #010066;
}

a:link, a:visited {
  color: #520;
}

/*VGR ok ci-dessous */
#container { /* container contient tout l'en-tête */
  margin: 0;
  text-align: left;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0;
}

* html .container {   /*** IE5.x/win box model fix ***/
/*was :
width: 762px;
wid\th: 760px;
top: 150px;
*/
}

/* header de container spécifie la hauteur du cadre d'en-tête */
div#header {
  margin: 0 auto;
  padding: 0;
  border-bottom: 1px none #fff;
  border-top: 1px solid #fff;
  text-align: left;
  width: 100%; /*was 760px;*/
  height: 150px;
}

/* Chemin de fer */
/* chemindefer de header a une hauteur donnée */
#chemindefer {
/*  font-size: 0.8em;*/
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  padding: 5px 0 2px 4px; /* trbl */
  width: 99%; /*was 700px;*/
  height: 20px;
}
#chemindefer a {
  text-decoration: none;
  color: red;
}
#chemindefer a:hover {
  font-weight: bold;
}

/* logo de header a une hauteur spécifiée et fait place au chemindefer sous lui et à tools à sa droite */
div#logo {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  background-color: white;
  text-align: center;
  vertical-align: top; /*middle;*/
  z-index:1; /*VGR03042006 REM else the logo IMG is not clickable */
}

/*
#header img {
  float: left;
  margin: 0;
}
*/
div#logo img {
  position: relative; 
  text-align: center;
  border: none; /*1px dashed purple;*/
/*  top: 50%;
  height: 45px;
  margin-top:-45px;*/ /*VGR REM no other way to center vertically an element...*/
}
/* tools de header prend toute la place laissée libre par le logo */
div#tools {
  margin: 0;
  padding: 0;
  text-align: left;
  width: auto;
  height: 130px;
}



/* flags de tools de header */ /* VGR REM suivent le scroll sur écran ; pratique ? */
#flags { /* div */
  border:1px solid red; 
  position: fixed;
  top: 51px; /* VGR REM ajusté pile-poil pour rentrer dans la bordure rouge de mainNav *//*VGR03022007 21->51*/
  right: 20px;
  margin: 0 3px 0 3px;
  width: 85px; /*VGR03022007 85->30*//*VGR REM 80px isn't enough for 2 active flags of 15px wide (??!!!?) *//*VGR26062006 border blasel=2px donc passe de 83 à 85 ici (...) */
  height: 27px;
  border: 0;
  padding: 0;
  background: white;
  z-index:33; /*VGR30062006 ADDed */
}
#flags li {
  white-space: nowrap;
  list-style-type: none;
  display: inline;
}
#flags li a {
  height: 11px;
  margin: 0;
  border: 0;
  padding: 0;
  text-decoration: none;
}

#blasel {
  border: solid 2px #FF0000;
}

/* mainNav de tools de header est le menu bandeau supérieur */
#mainNav {
/* border: 1px solid red; */
  padding: 0;
  /*VGR03022007 DEL margin: 0 40px 0 0;*/
  width: auto;
  height: 60px;/*VGR03022007 MOD 50->60*/
  text-align: left;
  background: white;
  color: #fff;
  overflow: auto; /* VGR02042006 ADDed */
}
#mainNav ul {
/*  margin-left: -40px;*//*VGR24072006 provoquait un ascenseur horiz!!!*/
}
#mainNav li {
  /*VGR03022007 DEL white-space: nowrap; */
  list-style-type: none;
  display: inline;
  padding-right: 0.4em;
}
#mainNav a:link, #mainNav a:visited {
/*  font-size: 0.8em;*/
  color: #010066;
  text-transform: lowercase;
  letter-spacing: -0.1em;
  font-weight: bold;
}
#mainNav a:hover {
  text-decoration: none; /* VGR04102004 REM the underlining is done via border-bottom below */
  padding-bottom: 2px; /* was 4px */
  border-bottom: solid 3px #B77723;
}

#mainNav li:before{
  display: inline;
  color: #010066;
  content: ":: ";
}

#login, #search {
/*  border:1px dashed red; */
  display: inline;
  top: 0px;
  left: 5px;
  text-align: left;
  padding: 0 0 0 0;
  width: auto; /*was 500px;*/
} #ignored {}

#ignored {}

#login label, #search label {
  font-size: 0.8em;
  color: #fff;
}

.q {
  font-size: 0.8em;
  font-weight: normal;
  background: #FAE8BA;
  border: solid 1px #E3C690;
  border-bottom-color: #F1D79E;
  border-right-color: #F1D79E;
  padding: 2px;
}
.q:hover, #q:focus {
  background: white;
}

#submit,#submitlogin,#submit2 {
  vertical-align: top;
  font-size: 0.8em;
  font-weight: normal;
  background-color: #DCC085;
  border: solid 1px #C5A46C;
  border-top-color: #E6D098;
  border-left-color: #E6D098;
}
#submitlogin:hover, #submitlogin:focus,
#submit:hover, #submit:focus,
#submit2:hover, #submit2:focus {
  background-color: #FAE8BA;
}

/* blabla + searchdiv de mainNav de tools de header */
#searchdiv {
/* border: 1px solid red;*/
  padding: 0;
  width: auto;
  height: 60px;
  background: white;
  color: #fff;
}

#blabla {
/* border: solid 1px #E3C690; */
  margin: 0; /* trbl */
  padding: 0 2px 0 2px; /* trbl */
  width: auto;
  height: 60px;
  text-align: left;
  font-size: 0.7em;
  font-weight: normal;
  text-transform: none;
  background: white;
  color: #F57B66;
}

#blabla a {
  color: #F57B66;
}

#sf {
/* border: solid 1px #E3C6FF;*/
  margin: 0 0 0 1px; /* trbl */
  padding: 2px 2px 2px 2px; /* trbl */
  width: 250px;
  height: 50px;
  text-align: left;
  font-size: 0.7em;
  font-weight: normal;
  text-transform: none;
  color: #A57B46;
  display: none; /* VGR14112006 ADDed (TEMPO) */
}

/*VGR REM ci-dessous, corps du texte...*/
.citation {
  font-size: 0.8em;
  color: red;
}
#bibliographie {
  font-size: 0.8em;
  color: black;
}

#bibliographie a {
  color: red;
}
/*VGR29032006 ADDed this to show/hide maquette messages*/
.maquette {
  font-size: 0.7em;
  font-weight: normal;
  text-transform: none;
  color: #A57B46;
  border: 1px solid blue;
  display: none;
  /*visibility: visible;*/ /* et finalement : hidden; */
}
/*VGR29032006 ADDed this for warningmsg and errmsg */
.error {
  margin: 1em 3%;
  padding: .25em;
  border: 1px solid red;
}
.error:before {
  display: block;
  font-weight: bold;
  content: "Error";
}
.error[title]:before {
  content: attr(title);
}

div.important,
p.important {
  margin: 1em;
  padding: 0.1em;
  border: 1px solid #00F;
}

*.important,
span.important,
em.important,
strong.important {
  font-size: large;
}
.clickableimg {
  cursor: pointer;
  border: none;
  text-decoration: none; /* VGR07122006 ADDed pour liens A HREF avec IMG dedans */
}
.boitesaisie, td>input, .boitesaisie>input
td>select, .boitesaisie>select {
  font:11px verdana,arial,helvetica,sans-serif;
}
/*VGR04042006 ADDed saisie guidée*/
.boitesaisie {
  margin: 1em 3%;
  padding: .25em;
  border: 1px solid black;
}
.boitesaisie:before {
  display: block;
  font-weight: bold;
}
.boitesaisie[title]:before {
  content: attr(title);
}
/*VGR05042006 ADDed couleur bouton de saisie terminée */
.donebox {
  border: 1px dashed green;
  background-color: #CAE6CD;
}
.boitesaisie>.maquette {
  font-size: 11px;
}
/*VGR06042006 ADDed */
/*REVerted , I now use "disabled" because of selects
.readonly {
  background-color: #808080;
}
*/
#commentaires {
  margin: 1em 3%;
  padding: 0.25em;
  border: 1px solid black;
  font-size: 11px;
}
#commentaires:before {
  display: block;
  font-weight: bold;
}
#commentaires[title]:before {
  content: attr(title);
}
/*VGR07042006 ADDed layers stuff */
/*VGR15032007 FIXed bug by specifying popup height whatever the charsize of the browser...*/
.popup {
  display:block;
  visibility:hidden;
  margin-left:-200px;
  margin-top:-90px;
  width:400px;
/*  height:180px;*/
  position:fixed;
  left:50%;
  top:50%;
  background-color:#ff9900;
}
.opaque {
  z-index: 50;
  opacity: .99; /* Safari */
  -moz-opacity: .99; /* Moz */
}
/*VGR10042006 ADDed liens statiques*/
/*VGR25012007 UNUSED now */
#statiques {
/* border: 1px solid red;*/
  margin: 0; /* trbl */
  padding: 0;
  height: 30px;

  text-align: left;
  background: #010066; /* VGR REM previous background colour to 'white' above */
  color: #fff;
}
#statiques ul {
/*  margin-left: -40px;*/
}
#statiques li {
  white-space: nowrap;
  list-style-type: none;
  display: inline;
}
#statiques a:link, #statiques a:visited {
/*  font-size: 0.8em;*/
  color: #fff;
  text-transform: none;
  letter-spacing: -0.1em;
  font-weight: bold;
}
#statiques a:hover {
  text-decoration: none; /* VGR04102004 REM the underlining is done via border-bottom below */
  padding-bottom: 2px; /* was 4px */
  border-bottom: solid 3px #B77723;
}
/*VGR22072006 ADDed brèves */
span.ptexterougej {
/*VGR09122006 FIX  font-size: 120%;*/
  font-weight: normal;
  text-decoration: none;
  color: #B08000;
  padding: 10px 10px 10px 10px;
  cursor: pointer;
}
span.ptextenoirj {
/*VGR09122006 FIX  font-size: 120%; */
  font-weight: normal;
  text-decoration: none;
  color: black;
  padding: 10px 10px 10px 10px;
  cursor: pointer;
}
span.ptexterougej:hover,
span.ptextenoirj:hover {
  color: blue;
}
.titre {
  font-size: 100%;
}
.accueil {
  font-size: 120%;
}
p.texterougej2 {
  font-size: 120%; /*VGR09122006 FIX 150 into 120 */
  font-weight: normal;
  text-decoration: none;
  color: #B08000;
  padding: 10px 10px 10px 10px;
}
p.textenoirj2 {
  font-size:120%; /*VGR09122006 FIX 150 into 120 */
  font-weight: normal;
  text-decoration: none;
  color: black;
  padding: 10px 10px 10px 10px;
}

#mainContent {
  position: absolute;
  width:95%;
}
object {
  position:relative;
  top:0px;
  width:700px;
  height:100px;
}
.texteaere {
  line-height:200%;
}
.lienretour {
  font-size: 120%;
  font-weight: bold;
  text-decoration: underline;
  color: red;
  cursor: pointer;
}