/***********************************************************************
******************* reset.css ******************************************
************************************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img {border:none;}
.clearer {height:0px;overflow:hidden;margin:0px;clear:both;}
/* end reset */

img, a { border: 0;}

html { overflow-y: scroll;}

html, body {
	background-color: #fff;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	font: 14px/1.5 'Open Sans', Verdana, sans-serif;
	margin: 0;
	padding: 0;
	height:100%; /* needed for container min-height */
}

.header {
	margin-top: 20px;
	margin-bottom: 50px;
}

.header h1 {
	font-size: 4em;
	font-weight: bold;
	text-align: center;
}

.header h2 {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

.main {
	text-align: center;
}

.content {
	text-align: left;
	display: inline-block;
}

.row {
	margin: 25px auto;
}

.element {
	width: 120px;
	height: 120px;
	display: inline-block;
	font-weight: bold;
	margin: 5px;
	text-align: center;
	vertical-align: middle;
	border-radius: 20px;
	text-decoration: none;
	color: black;
}

.element span {
    user-select: none;
	position: relative;
	display: inline-block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.annee span {
	font-size: 2em;
}

.new {
	/*border: 3px solid red;*/
	/*border: 2px solid #354BF2;*/
	/*box-shadow: 0px 0px 15px #354BF2;*/
	border: 1px solid #000000;
	box-shadow: 0px 0px 10px #000000;
}

.purple {
	background: #e3c3fe; /* Old browsers */
	background: -moz-linear-gradient(top,  #e3c3fe 0%, #9013fe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3c3fe), color-stop(100%,#9013fe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e3c3fe 0%,#9013fe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e3c3fe 0%,#9013fe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e3c3fe 0%,#9013fe 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e3c3fe 0%,#9013fe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3c3fe', endColorstr='#9013fe',GradientType=0 ); /* IE6-9 */
}

.purple:hover {
	background: #9013fe;
}

.blue {
	background: #d1e3f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #d1e3f7 0%, #4a90e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1e3f7), color-stop(100%,#4a90e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d1e3f7 0%,#4a90e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d1e3f7 0%,#4a90e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d1e3f7 0%,#4a90e2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d1e3f7 0%,#4a90e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e3f7', endColorstr='#4a90e2',GradientType=0 ); /* IE6-9 */
}

.blue:hover {
	background: #4a90e2;
}

.green {
	background: #def3c7; /* Old browsers */
	background: -moz-linear-gradient(top,  #def3c7 0%, #7ed321 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#def3c7), color-stop(100%,#7ed321)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #def3c7 0%,#7ed321 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #def3c7 0%,#7ed321 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #def3c7 0%,#7ed321 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #def3c7 0%,#7ed321 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#def3c7', endColorstr='#7ed321',GradientType=0 ); /* IE6-9 */
}

.green:hover {
	background: #7ed321;
}

.yellow {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefcea+0,f1da36+100;Gold+3D */
	background: rgb(254,252,234); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
}

.yellow:hover {
    background: #f1da36;
}

.orange {
	background: #fce8c7; /* Old browsers */
	background: -moz-linear-gradient(top,  #fce8c7 0%, #f5a623 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce8c7), color-stop(100%,#f5a623)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fce8c7 0%,#f5a623 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fce8c7 0%,#f5a623 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fce8c7 0%,#f5a623 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fce8c7 0%,#f5a623 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce8c7', endColorstr='#f5a623',GradientType=0 ); /* IE6-9 */
}

.orange:hover {
	background: #f5a623;
}

.red {
	background: #f3bfc5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3bfc5 0%, #ff354e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3bfc5), color-stop(100%,#ff354e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3bfc5 0%,#ff354e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3bfc5 0%,#ff354e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3bfc5 0%,#ff354e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3bfc5 0%,#ff354e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3bfc5', endColorstr='#ff354e',GradientType=0 ); /* IE6-9 */
}

.red:hover {
	background: #ff354e;
}


.footer {
	text-align: center;
	font-size: .9em;
	margin-top: 50px;
	padding-bottom: 20px;
}

.footer a, .footer a:hover, .footer a:visited {
	font-weight: bold;
	color: black;
	text-decoration: none;
}



/* extra */
.cyan {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeffff+0,33ffff+100 */
	background: #eeffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeffff 0%, #33ffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #eeffff 0%,#33ffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #eeffff 0%,#33ffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeffff', endColorstr='#33ffff',GradientType=0 ); /* IE6-9 */
}

.cyan:hover {
    background: #33ffff;
}

.y18:hover {
    background: #F26C24;
}

.y18 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efd4c6+0,f26c24+100 */
    background: #efd4c6; /* Old browsers */
    background: -moz-linear-gradient(top, #efd4c6 0%, #f26c24 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #efd4c6 0%,#f26c24 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #efd4c6 0%,#f26c24 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efd4c6', endColorstr='#f26c24',GradientType=0 ); /* IE6-9 */
}