/********************************************************************/
/*                                                                  */
/* CHARTE DES COULEURS                                              */
/*                                                                  */
/* COULEUR PRINCIPALE                                               */
/* bandeaux et colonnes (sauf menus), fond du logo,                 */
/*	  rgb(253,190,151)                                          */
/*                                                                  */
/* TITRES (h1, h2, h3) ET MESSAGES                                  */
/*	  rgb(200,140,0)                                            */
/*                                                                  */
/* LIENS PASSIFS                                                    */
/* MENUS                                                            */
/* BOUTONS                                                          */
/*	  rgb(250,150,20)                                           */
/*                                                                  */
/* LIENS ACTIFS                                                     */
/*        rgb(200,80,80)                                            */
/*                                                                  */
/********************************************************************/


body
{
 background: #e2dad5 url(../pictures/bg.jpg);
 color: black;
 padding: 0px;
 margin: 0px;
 font-family: helvetica,sans-serif; 
 font-size: 12pt;
}

td.reg
{
 color: black;
 font-family: helvetica,sans-serif; 
 font-size: 12pt;
}

td.code
{
 color: black;
 font-family: typewriter,serif; 
 font-size: 12pt;
}

/********************************************************************/
/*                      LIENS et BOUTONS                            */
/********************************************************************/


a:link    { color: #dd6b1f; }
a:visited { color: #dd6b1f; }
a:hover   { color: black; }
a:active  { color: rgb(200,80,80); }


input
{
  background-color: rgb(250,150,20);
  color: white;
}


/********************************************************************/
/*                        STYLE GENERAL                             */
/********************************************************************/


/* ---- ---- FONTES ---- ---- */

small	{ font-size: 10pt; }
strong	{ font-weight: bold; } 


/* ---- ---- TEXTE ---- ---- */

p
{
 color: black;
 text-align: justify;
 font-size: 12pt;
}


p.texte-r
{
  font-family: sans-serif;
  font-size: 12pt;
  font-style: normal;
  text-align: right;
}

p.texte-l
{
  font-family: sans-serif;
  font-size: 12pt;
  font-style: normal;
  text-align: left;
}

p.texte-bold
{
  font-family: sans-serif;
  font-size: 12pt;
  font-weight: bold;
  font-style: normal;
}


p.texte-bold-s
{
  font-family: sans-serif;
  font-size: 10pt;
  font-weight: bold;
  font-style: normal;
}

p.texte-bold-c
{
  font-family: sans-serif;
  font-size: 10pt;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

p.texte-bold-r
{
  font-family: sans-serif;
  font-size: 10pt;
  font-weight: bold;
  font-style: normal;
  text-align: right;
}


/* ---- ---- TITRES ---- ---- */

h1
{
  padding: 5px;
  color: rgb(200,140,0);
  text-align: center;
  font-family: sans-serif;
  font-size: 18pt;
}

h2
{
  padding: 5px;
  color: rgb(200,140,0);
  font-family: sans-serif;
  text-align: left;
  font-size: 16pt;
}

h3
{
  padding: 5px;
  color: rgb(200,140,0);
  font-family: sans-serif;
  font-size: 14pt;
}


/********************************************************************/
/*                            DIV's                                 */
/********************************************************************/

div
{
 color: black;
 font-size: 12pt;
}


/* ---- ---- PRINCIPAL ---- ---- */

div.div-main
{
  horizontal-align: center
  margin-top: 20px; 
  width: 950px;
}


/* ---- ---- TABLE ---- ---- */

div.div-table
{
  display: table;
}

/* ---- tr */

div.div-row
{
  display: table-row;
}

/* ---- td */

div.div-cell
{
  display: table-cell;
  padding: 5px;
}


/* ---- ---- CAHIER ---- ---- */


/* ---- bordure qui donne l'effet cahier à spirales */

div.div-spirale-top-left
{
  background: url(../pictures/gif/spirale-top-left.gif) no-repeat left top;
  width: 65px;
  height: 18px;
}

div.div-spirale-top
{
  background: url(../pictures/gif/spirale-top.gif) repeat-x;
  width: 900px;
  height: 18px;  
}

div.div-spirale-top-right
{
  background: url(../pictures/gif/spirale-top-right.gif) no-repeat right top;
  width: 50px;
  height: 18px;
}

div.div-spirale-bottom-left
{
  background: url(../pictures/gif/spirale-bottom-left.gif) no-repeat bottom left;
  width: 65px;
  height: 17px;
}

div.div-spirale-left
{
  height: 100%;
  background: url(../pictures/gif/spirale-left.gif);
  width: 65px;
}


/* ---- bordure à l'interieur du cahier */

div.div-bottom-left
{
  background: #f2ebe6 url(../pictures/gif/corner_bottom-left2.gif) no-repeat left bottom;
  height: 150px;
  width: 150px;
}

div.div-bottom-right
{
  background: #f2ebe6 url(../pictures/gif/corner_bottom-right.gif) no-repeat bottom right;
  height: 150px;
  width: 150px;
}

/* ---- partie gauche */

div.div-left-panel
{ 
  background: #fdbe97;
  text-align: center;
  vertical-align: top;
  font-weight: bold;
  width: 130px;
}

/* ---- partie droite */

div.div-right-panel
{
  background: #f2ebe6;
}

/* ---- partie contenu */

div.div-content
{
  background: #f2ebe6 url(../pictures/gif/corner_top-left.gif) no-repeat;
  text-align: justify;
  vertical-align: top;
  padding: 20px;
  padding-left: 40px;
  padding-bottom: 200px;
  width: 755px;
}

/* ---- barre de titre */

div.div-titlebar
{ 
  background: #fdbe97 url(../pictures/gif/corner_top-right.gif) no-repeat right bottom;
  height: 30px;
  width: 400px;
}

/* ---- titre des sous-parties */

div.div-subtitle
{
  display: inline; 
  color: #03249b;
  padding: 4px;
}

/* ---- titre */

div.div-title
{ 
  font-family: sans-serif; 
  background: #f2ebe6;
  color: #03249b;
  text-align: right;
  vertical-align: middle;
  font-weight: bold; 
  font-size: 12pt;
  width: 400px;
  padding-right: 10px;
  text-transform: uppercase;
}

/* ---- ---- LOGO QGAR ---- ---- */

div.div-logo
{
  color: black;
  font-weight: bold;
  font-size: large;
  padding-top: 10px;
  padding-bottom: 30px;
  padding-left: 5px;
}

/* ---- ---- MISE A JOUR ---- ---- */

div.div-update
{
  color: black;
  text-align: center;
  vertical-align: top;
  font-style: italic;
  font-size: 10pt;
}

/* ---- ---- MENU ---- ---- */

div.div-menu
{
  z-index: 0;
  margin-bottom: 30px;
}

div.div-menu-entry
{
  z-index: 10;
  text-align: center;
  font-size: 12pt;
  position: relative;
  left : 20px;  
  vertical-align: middle;
} 

/* ---- ---- PAGE D'INTRO (TUNNEL D'ENTREE) ---- ---- */

div.div-intro
{  
  background: #fdbe97;
  padding-bottom: 20px;
  text-align: center;
  font-weight: bold;
  width: 795px;
}

/* ---- sponsors : Inria & Loria */

div.div-intro-sponsor
{
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 0px;
  vertical-align: top;
}

/* ---- ---- OBJETS DEMOS ---- ---- */

div.div-demo
{
  display: table;
  vertical-align: top;
}

div.div-demo-link
{
  display: table-cell;
  padding: 5px;
}  text-align: right;


div.div-demo-title
{
  display: table-cell; 
  padding: 5px;
  color: #03249b;
}


/********************************************************************/
/*                              ERREURS                             */
/********************************************************************/


p.message
{
  color: rgb(200,140,0);
  text-align: justify;
  font-family: sans-serif;
  font-size: 12pt;
  font-weight: bold;
}


/********************************************************************/
/*                           PAGE D'ACCUEIL                         */
/********************************************************************/

p.titre-site
{
  color: rgb(200,140,0);
  font-family: sans-serif;
  font-weight: bold;
  text-align: center;
}

p.logo
{
  color: black;  text-align: right;

  font-family: sans-serif;
  font-weight: bold;
  font-size: 24pt;  
  text-align: center;
  text-transform: capitalize;
}


/********************************************************************/
/*                           BANDEAU SUPERIEUR                      */
/********************************************************************/


td.bandeau-haut
{
  border-right: 2px solid #dd6b1f;
  border-top: 2px solid #dd6b1f;
  width: 100%;
  background-color: rgb(253,190,151);
  color: #9b6f55;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 18pt;
  text-align: center;
  vertical-align: middle;
} 

td.bandeau
{
  border: 2px solid #dd6b1f;
  width: 100%;
  background-color: rgb(253,190,151);
  color: #9b6f55;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 14pt;
  text-align: center;
  vertical-align: middle;
} 


/********************************************************************/
/*                           BANDEAU INFERIEUR                      */
/************************  text-align: right;
********************************************/


td.bandeau-bas
{
  border-bottom: 2px solid #dd6b1f;
  border-left: 2px solid #dd6b1f;
  background-color: rgb(253,190,151);
  color: rgb(200,140,0);
  font-family: sans-serif;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
} 


/********************************************************************/
/*                           COLONNE GAUCHE                         */
/********************************************************************/


td.login
{
  background-color: rgb(253,190,151);
  width: 100%;
  vertical-align: middle;
  text-align: center;
} 


/*-------------------------------- MENU ----------------------------*/
 
a.menu-general
{
  padding: 4px;
  margin: 4px;
  background-color: rgb(250,150,20);
  color: #f2ebe6;
  white-space: nowrap;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  vertical-align: middle;
}

a.menu-general:visited { color: #f2ebe6 }
a.menu-general:active  { color: rgb(200,80,80); }
a.menu-general:hover
{
  background-color: #f2ebe6;
  color: rgb(250,150,20);
}

td.menu-general
{
  background-color: rgb(250,150,20);
  font-family: sans-serif;
  font-weight: bold;
  font-size: 10pt;
  vertical-align: top;
  text-align: center;
} 


/*------------------------ BANDEAU VERTICAL AVEC LE MENU -----------*/

td.bandeau-haut-gauche
{
  border-top: 2px solid #dd6b1f;
  border-left: 2px solid #dd6b1f;
  background-color: rgb(253,190,151);
  color: rgb(200,140,0);
  font-family: sans-serif;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
} 

table.menu
{
  text-align: right;
}

td.bandeau-gauche
{
  border-bottom: 2px solid #dd6b1f;
  border-left: 2px solid #dd6b1f;
  background-color: rgb(253,190,151);
  vertical-align: top;
  text-align: center;
  text-transform: uppercase;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 10pt;
  color: rgb(200,140,0);
}

td.bandeau-gauche-date
{
  background-color: rgb(253,190,151);
  font-family: sans-serif;
  vertical-align: top;
  text-align: center;
  font-style: italic;
  font-size: 10pt;
  color: rgb(200,140,0);
}


/********************************************************************/
/*                           COLONNE DROITE                         */
/********************************************************************/


/*  background-image: url(pictures/logo_qgar_fond.gif); */
/*  background-repeat: no-repeat; */
/*  background-attachment: fixed; */
/*  background-position: center; */

td.colonne-droite
{
  border-left: 2px solid #dd6b1f;
  border-top: 2px solid #dd6b1f;
  width: 100%;
  height: 100%;
  padding: 10px;
  font-family: sans-serif;
  font-size: 12pt;
  vertical-align: top;
}

p.avertissement
{
  font-family: sans-serif;
  text-align: justify;
  font-size: 12pt;  
}


/********************************************************************/
/*                              MENU DEMOS                          */
/********************************************************************/


a.a-menu-entry
{
  font-family: sans-serif; 
  font-weight: bold;
  display: block;
  background: url(../pictures/gif/menu-entry.gif) no-repeat;
  color: #f2ebe6;
  width: 140px;
  height: 32px;
  text-decoration: none;
  white-space: nowrap; 
  vertical-align: middle;
  padding-top: 7px;
}

a.a-menu-entry:visited
{ 
  color: #f2ebe6 
}

a.a-menu-entry:active
{ 
  background:  url(../pictures/gif/menu-entry2.gif) no-repeat;
  color: #dd6b1f; 
}

a.a-menu-entry:hover
{
  background: url(../pictures/gif/menu-entry2.gif) no-repeat;
  color: #dd6b1f; 
} 


a.demos
{
  font-family: sans-serif;
  font-weight: bold;
  font-size: 12pt;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  horizontal-align: center;
  background-color: rgb(250,150,20);
  color: white;
  white-space: nowrap;
}

a.demos:visited { color: white }
a.demos:active  { color: rgb(200,80,80); }
a.demos:hover
{
  background-color: white;
  color: rgb(250,150,20);
}

td.titre-demos
{
  font-family: sans-serif;
  font-weight: bold;
  font-size: 12pt;
}

p.demos-bold
{
  font-family: sans-serif;
  font-weight: bold;
  font-size: 12pt;
}

p.demos-bold-upper
{
  font-family: sans-serif;
  font-weight: bold;
  font-size: 12pt;
}

p.presentation-demos
{
  font-family: sans-serif;
  font-size: 12pt;
  font-style: italic;
}

p.legende-demo
{
  font-family: sans-serif;
  font-size: 12pt;
  font-style: italic;
  text-align: center;
}

p.navigation
{
  color: rgb(200,140,0);
  font-family: sans-serif;
  font-size: 12pt;
  font-weight: bold;
}


/********************************************************************/
/*                               PAGES CPU                          */
/********************************************************************/


td.unix
{
  vertical-align: middle;
  align: center;
  background-color: rgb(0,200,0);
  font-family: sans-serif;
  font-weight: bold;
  font-size: 12pt;
  text-align: center;
  color: white;
} 

td.unix-l
{
  vertical-align: middle;
  align: center;
  background-color: rgb(0,200,0);
  font-family: sans-serif;
  font-weight: bold;
  font-size: 12pt;
  color: white;
} 

td.windows
{
  vertical-align: middle;
  align: center;
  background-color: rgb(0,0,200);
  font-family: sans-serif;
  font-weight: bold;
  font-size: 12pt;
  text-align: center;
  color: white;
} 

td.windows-l
{
  vertical-align: middle;
  align: center;
  background-color: rgb(0,0,200);
  font-family: sans-serif;
  font-weight: bold;
  font-size: 12pt;
  color: white;
} 

td.binary-im
{
  vertical-align: middle;
  align: center;
  background-color: black;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 12pt;
  text-align: center;
  color: white;
} 

td.greylevel-im
{
  vertical-align: middle;
  align: center;
  background-color: rgb(180,180,180);
  font-family: sans-serif;
  font-weight: bold;
  font-size: 12pt;
  text-align: center;
  color: white;
} 


/********************************************************************/
/*                            INPUT                                 */
/********************************************************************/


input.input-button
{
  background: #ef995f;
  color: #f2ebe6;
  border: 1px solid #dd6b1f;  
  font-weight: bold; 
}

input.input-button:hover
{
  background: #f2ebe6; 
  color: #ef995f;
  border: 1px solid #dd6b1f;  
  font-weight: bold; 
}


/********************************************************************/
/*                          SOFTWARE                                */
/********************************************************************/


h1.software
{
 font-size:xx-large;
 text-align:center;
 letter-spacing: 1em;
}


/********************************************************************/
/*                           LOGS                                   */
/********************************************************************/

td.sep
{
  font-family: sans-serif;
  font-weight: bold;
  text-align: center;
  vertical-align: top;
  font-size: 11pt;
}

td.object
{
  font-family: sans-serif;
  font-weight: bold;
  font-size: 11pt;
  vertical-align: top;
  text-align: right;
}

td.log-issue
{
  color: blue;
  text-align: right;
  font-family: sans-serif;
  font-weight: bold;
  vertical-align: top;
  font-size: 11pt;
}

td.log-yes
{
  color: green;
  text-align: right;
  font-family: sans-serif;
  font-weight: bold;
  vertical-align: top;
  font-size: 11pt;
}

td.log-no
{
  color: red;
  text-align: right;
  font-family: sans-serif;
  font-weight: bold;
  vertical-align: top;
  font-size: 11pt;
}

td.log
{
  font-family: sans-serif;
  vertical-align: top;
  vertical-align: top;
  font-size: 11pt;
}

p.log-issue
{
  color: blue;
  text-align: justify;
  vertical-align: top;
  font-family: sans-serif;
  font-size: 11pt;
}

p.log
{
  font-family: sans-serif;
  vertical-align: top;
  font-size: 11pt;
}