/* STRUCTURE GENERALE DU SITE */

* {
	font-family: "Source Sans Pro", "Open Sans", Arial;
}

/* Couleurs */

.purple{
	background-color:#c4247d;
	color:#fff;
}
.text-purple{
	color:#c4247d;
}
.yellow{
	background-color:#ffc625;
	color:#333;
}
.text-yellow{
	color:#ffc625;
}
.gray{
	background-color:#40403f;
	color:#fff;
}
.text-gray{
	color:#40403f;
}
.black{
	background-color:#1b1b1a;
	color:#fff;
}
.text-black{
	color:#1b1b1a;
}
.green{
	background-color:#5f9a88;
	color:#fff;
}
.text-green{
	color:#5f9a88;
}
.light-green{
	background-color:#a7c8b7;
	color:#333;
}
.text-light-green{
	color:#a7c8b7;
}

.w3-margin-8{
	margin:0.8em;
}



.w3-table-all tr:nth-child(even){background-color:#cccccc}


/* ENTETE ----------------------------------------------------------- */

header {
	height:10%;
}
header > figure > img {
	height:6em;
}

/* MENU ------------------------------------------------------------- */

nav > a:hover {
	background-color:#eee;
}

nav > a {
	text-decoration:none;
	vertical-align:middle;
	width:100%;
	/* Ajustements */
	padding:0.2em;
}

nav > a > span:before {
	width:1em;
}

/* PAGE "CHAT" ------------------------------------------------------ */

#chat {
	display:block;
	height:50em;
}
textarea{
	height:15em;
}

table#calendrier td{
	height:120px;
	vertical-align:top;
	width:14.28%;
}

/* FOOTER ----------------------------------------------------------- */

footer {
	bottom:0;
	right:0;
	position:fixed;

}
/**/


.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }