@charset "UTF-8";
/* CSS Document */

div.lexique
{
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -o-column-count: 3;
    -ms-column-count: 3;
    column-count: 3;
    -webkit-column-rule: 1px dotted #ccc;
    -moz-column-rule: 1px dotted #ccc;
    -o-column-rule: 1px dotted #ccc;
    -ms-column-rule: 1px dotted #ccc;
    column-rule: 1px dotted #ccc;
}

@media screen and (max-width: 768px) {
  div.lexique
  {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    -ms-column-count: 2;
    column-count: 2;
  }
}

@media screen and (max-width: 480px) {
  div.lexique
  {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -o-column-count: 1;
    -ms-column-count: 1;
    column-count: 1;
    -webkit-column-rule: none;
    -moz-column-rule: none;
    -o-column-rule: none;
    -ms-column-rule: none;
    column-rule: none;
  }
}

div.set
{
    display: inline-block;
    width: 100%;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
}

h3.letter
{
    color: #748094;
    text-align: center;
}

h3.word
{
    color: #748094;
    text-align: left;
	font: bold;
	font-size: 72px;
	letter-spacing: 2px;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
}

ul.word
{
    color: black;
	font-size: 18px;
	line-height: 24px;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	padding-bottom: 50px;
}

ul
{
    list-style-type: none;
    padding-left: 15px;
}

ul li
{
    margin: 3px 0;
}

a, a:visited
{
    color: #6380a6;
}

a:hover
{
    color: #2e4159;
}
footer {
	font-size: 14px;
	color: gray;
	
}