@import url('reset.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

body
{
  font-family:arial,helvetica,lucida,sans-serif;
  color: black;

  background: transparent url('http://dindinx.net/images/background.png') repeat fixed;
/*  overflow: hidden;*/
  -moz-background-clip: -moz-initial;
  -moz-background-origin: -moz-initial;
  -moz-background-inline-policy: -moz-initial;
/*  background-color: black;*/
  color: white
}

h1 { display: none }

h2
{
  font-size: 2em;
  margin: .4em 0 0;
  font-weight: 400
}

h3
{
  font-size: 1.8em;
  margin: .4em .3em .3em 0;
  font-weight: 800;
  text-decoration: underline solid black;
  text-align: center
}

h4
{
  font-size: 1.4em;
  margin: .4em .3em .3em 0;
  font-weight: 400;
  text-decoration: underline solid black
}

address, blockquote, dl, figure, hr, ol, p, pre, table, ul
{
  margin: 15px 0 0
}
ol, ul
{
  padding-left: 30px
}

dd, dt, ol ol, ol ul, ul ol, ul ul
{
  margin: 0
}

nav#main_menu ul li
{
/*  font-size: 2em; */
  margin: .3em;
  padding: .2em;
  border: 2px solid black;
  border-radius: 15px;
  box-shadow: 6px 6px 6px #333;
  display: inline-block;
  height: 128px;
  width: 128px;
  background-color: #ddf
}

nav#main_menu ul li#menu_intrepide a
{
  display: block;
  height: 128px;
  width: 128px;
  /*background-color: #d00*/
  background: transparent url('http://dindinx.net/Common/images/intrepide-icon.png') center;
}
nav#main_menu ul li#menu_intrepide a span
{
  display: none
}

nav#main_menu ul li#menu_intrepide a:hover
{
  filter: saturate(150%);
  -moz-filter: saturate(150%);
  -webkit-filter: saturate(150%);
}

nav#main_menu ul li#menu_artworks a
{
  display: block;
  height: 128px;
  width: 128px;
  /*background-color: #d00*/
  background: transparent url('http://dindinx.net/Common/images/icon-kythis_cat.png') center;
}
nav#main_menu ul li#menu_artworks a span
{
  display: none
}

nav#main_menu ul li#menu_artworks a:hover
{
  filter: saturate(150%);
  -moz-filter: saturate(150%);
  -webkit-filter: saturate(150%);
}

nav#main_menu ul li#menu_programmation a
{
  display: block;
  height: 128px;
  width: 128px;
  /*background-color: #d00*/
  background: transparent url('http://dindinx.net/Common/images/prog.png') center;
}
nav#main_menu ul li#menu_programmation a span
{
  display: none
}
nav#main_menu ul li#menu_programmation a:hover
{
  filter: saturate(150%);
  -moz-filter: saturate(150%);
  -webkit-filter: saturate(150%);
}

nav#main_menu ul li#menu_formations a
{
  display: block;
  height: 128px;
  width: 128px;
  /*background-color: #d00*/
  background: transparent url('http://dindinx.net/Common/images/graduate.png') center;
}
nav#main_menu ul li#menu_formations a span
{
  display: none
}

nav#main_menu ul li#menu_formations a:hover
{
  filter: saturate(150%);
  -moz-filter: saturate(150%);
  -webkit-filter: saturate(150%);
}

nav#main_menu ul li#menu_foutoir a
{
  display: block;
  height: 128px;
  width: 128px;
  /*background-color: #d00*/
  background: transparent url('http://dindinx.net/Common/images/vrac.png') center;
}
nav#main_menu ul li#menu_foutoir a span
{
  display: none
}

nav#main_menu ul li#menu_foutoir a:hover
{
  filter: saturate(150%);
  -moz-filter: saturate(150%);
  -webkit-filter: saturate(150%);
}

nav#main_menu ul li#menu_cv a
{
  display: block;
  height: 128px;
  width: 128px;
  /*background-color: #d00*/
  background: transparent url('http://dindinx.net/Common/images/photo-cv.png') center;
}
nav#main_menu ul li#menu_cv a span
{
  display: none
}

nav#main_menu ul li#menu_cv a:hover
{
  filter: saturate(150%);
  -moz-filter: saturate(150%);
  -webkit-filter: saturate(150%);
}


.maingroup
{
  display: block;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  padding: 1em;
  background: #ddf;
  border: 2px solid #ddf;
  border-radius: 15px;
  color: black
}

.maingroup h2 { text-align: center; }

.maingroup ul { list-style-type: disc }

a
{
/*  transition: all .9s;*/
  text-decoration: none;
  color: #111;
}

a:visited
{
  color: #444;
}

a:hover
{
  background: #ddd;
}
.maingroup a { text-decoration: underline dashed blue }


/* Footer */

footer
{
  margin: 0;
  padding: 0;
  /*display: absolute;*/
  position: fixed;
  bottom: 0;
  left:0;
  right:0;
  background-color: black;
  font-weight: bolder;
}
footer p
{
  margin: 0;
  background-color: black;
  padding: .2em
}
footer .twitter a
{
  color: #00acee;
  text-decoration: none
}
footer .twitter a:visited
{
  color: #00acee;
  text-decoration: none
}
footer .twitter a:hover
{
  color: #009cde;
  text-decoration: dashed underline
}
footer .twitch a
{
  color: #6441a5;
  text-decoration: none
}
footer .twitch a:visited
{
  color: #6441a5;
  text-decoration: none
}
footer .twitch a:hover
{
  color: #543195;
  text-decoration: dashed underline
}
footer .mail a
{
  color: #fff;
  text-decoration: none
}
footer .mail a:visited
{
  color: #fff;
  text-decoration: none
}
footer .mail a:hover
{
  color: #eee;
  text-decoration: dashed underline
}
footer span
{
  margin-left: 1em;
  margin-right: 1em
}

/* NES specific stuff */
.nes-presentation
{
  background: #ccd;
  border: 1px solid #446;
  border-radius: 3px;
  margin: 1em;
  padding: .5em
}

.nes-entry
{
  background: #cce;
  border: 1px solid #446;
  border-radius: 3px;
  margin: 1em;
  padding: .5em
}

.nes-date
{
  background: #aac;
  font-weight: 800;
}

.nes-entry code
{
  background: #aac;
}

.nes-entry table
{
  border: medium solid #000000;
  border-collapse: collapse 
}

.nes-entry table td,th
{
  border: thin solid #333333;
  padding: .2em;
}
.nes-entry table th
{
  font-family: monospace;
  font-weight: 400;
  vertical-align: middle;
}