/* Copyright (c) 2018 Boson.net, All rights reserved - http://www.01001.ch/
----------------------------------------------------------------------------------------------------*/

/* v1.0 | 07.07.2018

/* black: #000000
/* white: #FFFFFF
/* grey light: #C0C0C0
/* red dark: #990000

/* dimgrey: #696969

/* mauve: #DFB2FF
/* ROYAL PURPLE, VIOLET BLUE: #663399

/* Lavender: #E6E6FA
/* thistle: #D8BFD8

/* violet         #EE82EE
/* mediumpurple         #9370DB

/* Palatinat-purple: #6C1960

/* font-family: Century Gothic, Arial, Helvetica, sans-serif;

----------------------------------------------------------------------------------------------------*/

.left    { text-align:left; }
.right   { text-align: right; }
.center  { text-align: center; }
.justify { text-align: justify; }
.start   { text-align: start; }


/* HEAD (inside body) */
/* Logo */
#HeadLogoIMG {
  display:inline-block;
  vertical-align:top;
  display: block;
  width: 448px;
  height: 68px;
  margin-left: 5px;
 /* background-position: 100px 100px;   */
}
/* for indexA */
#BottomLogoIMG {
  display:inline-block;
  vertical-align:top;
  display: block;
  width: 493px;
  height: 36px;
  margin-left: 100px;
  margin-top: 30px;
 /* background-position: 100px 100px;   */
}

/* Text: address */
#HeadLogoTXT {
  display:inline-block;
  vertical-align:top;
}

/* http://css-snippets.com/adding-a-border-to-an-image-on-hover/ */
/* HERE MOUSE HOVER IMG    */
#btnicoServices {
        /* border: 1px solid black;     */

 /* src="img/binders_folderIco.jpg"       */
}
/* Solve problem where border size changes on hover */
#btnicoServices:hover {
     outline: 2px solid #9370DB;/*red;  */
}
#btnicoDeuil {
        /* border: 1px solid black;     */

 /* src="img/binders_folderIco.jpg"       */
}
/* Solve problem where border size changes on hover */
#btnicoDeuil:hover {
     outline: 2px solid #696969;/*red;  */
}




/* text (inside) next to logo */
h1 {
    margin-top:0;
    font-family: Century Gothic, Arial, sans-serif;
    font-size:80%;
    color: #663399;
    text-align:right;
    width: 900px;/*710px;  */
    opacity:1.0;
}
h2 {
    margin-top:0;
    font-family: Century Gothic, Arial, sans-serif;
    font-size:100%;
    color: #663399;
    text-align:right;
    width: 1000px;/*710px;  */
    opacity:1.0;
}

/* carré vide pour click on punaise/flèches */
h3 {
    margin-top:-480px;
    margin-left: 850px;
    width: 150px;
    height: 520px;
    background: transparent;
    border: none; /* 4px solid red;   */
    cursor: pointer; /* hand into field*/
}

/* https://www.w3schools.com/css/css_table.asp */
#hrdeuil {
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    border-collapse: collapse;
    color: #FFFFFF;
    opacity:0.9;
  /*  opacity: 0.9;      */

  /*  padding: 5px; ???  */
    margin-left: 5px;/*100px;   */
    width: 820px;/*900px;  */
}

#hrdeuil td {
    border: 0px;
    padding-top: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #FFFFFF;
    text-align: left;
}

#hrdeuil tr:hover {
    background-color: #FFFFFF;
}

#hrdeuil th {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    text-align: left;
    background-color: #696969; '#696969;/*#4169E1;  */
    color: white;
}


#hrservices {
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    border-collapse: collapse;
    margin-left: 5px;
    width: 820px;
    opacity:0.9;
}

#hrservices td {
    border: 0px;
    padding-top: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #FFFFFF;
}

#hrservices tr:hover {
         background-color: #FFFFFF;/*#D8BFD8;     */
         /* cursor: pointer;   */
}

#hrservices th {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    text-align: left;
    background-color: #9370DB;/*#663399;   */
    color: white;
}

/* the second row is white -> only 2 rows */
#hrservices tr:nth-child(odd){background-color: #FFFFFF;}

/* ------------------------------ */

#indexhaveyoucontactus {
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-size: 100%;
    border-collapse: collapse;
    opacity:1.0;
    margin-left: 365px;/*100px;  5px; */
    width: 250px;/*900px;  */
}

#indexhaveyoucontactus th {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    text-align: right;
    background-color: #FFFFFF;
    color: #6C1960;
    border: 2px solid #6C1960;
}
/* ------------------------------ */


#hrlogodown {
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    border-collapse: collapse;
    margin-left: 5px;
    width: 820px;
    opacity:0.9;
}

#hrservices td {
    border: 0px;
    padding-top: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #FFFFFF;
}