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

/* v1.0 | 07.07.2018

/* black: #000000
/* white: #FFFFFF
/* green: #009900
/* grey light: #C0C0C0
/* grey darker: #808080
/* red dark: #990000

/* bleu roi: #0726d0

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

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

/* LightSkyBlue: #87CEFA

/* 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; }

/* https://css-tricks.com/almanac/properties/b/background/ */
body {
  background: url(img/PA_F_background.jpg) no-repeat center center fixed;
  background-size: initial;
  opacity:0.9;/*0.9;   */
  background-position:  25px 100px;/* 10px 99px;      */

/*  background-color:  #000000;/* 10px 99px;      */

}


/* Logo for index.html */
#IndexLogoIMG {
   display: block;
   width: 650px;
   height: 236px;
   margin-left: 198px;
}

/* HEAD (inside body) */
/* Logo */
#HeadLogoIMG {
  display:inline-block;
  vertical-align:top;
}
/* Text: address */
#HeadLogoTXT {
  display:inline-block;
}
/* text (inside) next to logo */
h1 {
    margin-top:0;
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-size:80%;
    color: #663399;
    text-align:right;
    width: 875px;
}
h2 {
    margin-top:0;
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-size:100%;
    color: #663399;
    text-align:right;
    width: 875px;
}


/* BODY, description
/* text, titel of description */
h3 {
    margin-top: 0;
    font-family:Century Gothic, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size:120%;
    color: #663399;
    margin-left: 25px;
    width: 1000px;
    text-align:left;
    background-color: #FFFFFF;
    border-radius: 4px;
    border: 4px solid #FFFFFF; /*#009900;*/


}
/* text, description instead of p */
h5, h6 {
    font-family:Century Gothic, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size:100%;
    margin-top: 0;
    margin-left: 25px;
    color: #000000;
    width: 1000px;
    height: 220px; /*430px;    */
    background-color: #FFFFFF;
    border-radius: 4px;
    border: 4px solid #FFFFFF; /*#009900;*/
}

p {
    font-family:Century Gothic, Arial, Helvetica, sans-serif;
    font-size:100%;
    /*
    margin-left: 25px;
    color: #000000;
    width: 1000px;
    height: 400px;
    background-color: #FFFFFF;
    */
}

table, th, td {
         border:1px solid #009900;
         border-collapse: collapse;
         font-family:Century Gothic, Arial, Helvetica, sans-serif;
         font-size: 10pt;
         text-align: left;
         padding: 5px;
         margin-left: 25px;
         width: 1009px;
         background-color: #FFFFFF;
}


/* Navigation
/* two-tier navigation
/* http://www.adam-bray.com/blog/91/Easy+HTML+5+%26+CSS+3+Navigation+Menu/
*/

nav {
  background-color: #FFFFFF;/* barre de navigation */
  border: 1px solid #663399;
  border-radius: 4px;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
  display: block;
  margin: 8px 22px 8px 22px;
  overflow: hidden;
  width: 1008px;
}

  nav ul {
    margin: 0;
    padding: 0;
  }

    nav ul li {
      display: inline-block;
      list-style-type: none;

      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
    }

     nav > ul > li > a > .caret {
        border-top: 4px solid #808080;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        content: "";
        display: inline-block;
        height: 0;
        width: 0;
        vertical-align: middle;

        -webkit-transition: color 0.1s linear;
        -moz-transition: color 0.1s linear;
        -o-transition: color 0.1s linear;
        transition: color 0.1s linear;
      }

      nav > ul > li > a {
        color: #663399; /* couleur lettres */
        font-family: Century Gothic, Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-weight: bold;
        display: block;
        line-height: 40px;/*56px;    */
        padding: 0 24px;
        text-decoration: none;
        background-color: #FFFFFF; /* couleur nav */

      }

        nav > ul > li:hover {
         /* movements mouse over (écriture plus grande ...*/
         /* font-size: 105%;   */
         }

        /* mouse over */
        nav > ul > li:hover > a {
          color: #FFFFFF; /* lettres */
          background-color: #663399;
         }

        nav > ul > li:hover > a > .caret {
          border-top-color: #009900;
         }

/* end navigation */