@font-face {
  font-family: GE Inspira;
  src: url('GE_Inspira.ttf')format('truetype');
}

@font-face {
	font-family: 'Times New Roman';
	src: url('Times_New_Roman.ttf')format('truetype');
}

@font-face {
	font-family: 'Tahu';
	src: url('Tahu.ttf')format('truetype');
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  position: relative;
  font-family: 'GE Inspira', 'verdana', sans-serif;
  font-size: 17px;
  background:url(fond_ciel.jpeg) no-repeat 50% 50%; 
  background-size:cover;
}

#footer {
  position: absolute;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.1em;
  text-align: center;
  z-index: 10;
  bottom: 10px;
}

#footer a {
   color: #000000;
   text-decoration: none;
}

#footer a:hover {
   color: #000000;
   text-decoration: none;
}

#main table.menu {
   width: 60%;
   margin-top: 0;
   margin-right: auto;
   margin-bottom: 1.5em;
   margin-left: auto;
   border-collapse: collapse;
}

#main table.menu td.accueil {
   font-family: 'Times New Roman', serif;
   font-size: 1.8em;
   text-align: center;
   width: 22%;
   padding-right: 5px;
   padding-bottom: 1px;
   padding-left: 5px;
   border-right: 1px solid #adadad; 
   border-left: 1px solid #adadad; 
}

#main table.menu td.accueil a {
  color: white; #848484;
}

#main table.menu td.accueil a:hover {
  color: #000000;
}

#main table.menu td {
   font-family: 'Times New Roman', serif;
   font-size:1.8em;
   text-align: center;
   width:22%;
   padding-right: 5px;
   padding-bottom: 1px;
   padding-left: 5px;
   border-right:1px solid #adadad; 
   border-left:1px solid #adadad; 
}

#main table.menu td a{
   color: #bfbfbf;
   text-decoration: none;
}

#main table.menu td a:hover {
  color: #ffffff;
}

#main table.menu td.info a {
  font-family: 'GE Inspira'; 
  font-size: 0.7em;
}

h1 {
  margin-left: 5%;
  font-family: 'Times New Roman', serif;
  font-size: 1.8em;
  font-weight: normal;
  text-align: left;
  color: #0c04f9;
}

p {
  font-family: 'GE Inspira', 'verdana', sans-serif;
  font-size: 1em;
  font-weight: normal;
}
a:link {
	color: #e900fd;
	text-decoration: none;
}

a:hover {
	color: #eb86f4;
	text-decoration: none;
}

hr{
	/* The horizontal ruler */
	background-color: #b2b2b2;
	border: none; 
	color: #b2b2b2;
	margin-top: 10px;
	margin-right: 20%;
	margin-bottom: 0px;
	margin-left: 20%;
	height: 1px;
}

@media screen and (max-width: 980px) {
  p {
    font-family: 'GE Inspira', 'verdana', sans-serif;
    font-size: 1.4em;
    font-weight: normal;
  }

  #main table.menu td.accueil {
      font-size: 1.4em;
      padding-left: 2%; 
      padding-right: 2%;
      vertical-align: top;
      margin-top: 0;
      padding-top: 0;
    }

  #main table.menu td.accueil a {
      color: white;
  }

  #main table.menu td.accueil a:hover {
      color: #000000;
  }

  #main table.menu td {
      font-size: 1.4em;
      padding-left: 2%;
      padding-right: 2%;
      vertical-align: top;
      margin-top: 0;
      padding-top: 0;
  }
}

/*
* 
*
*/

	/* pour WTooltip */
.myClass{
	font-family: 'GE Inspira', sans-serif;
	max-width: 430px;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #e8c381; #d7be9b; #48576a;
	border-left:6px solid #db7b3d;
}