/* Style for all projects */
/*
    Created on : 2016-06-08, 09:45:08
    Author     : Alexandre Perron
*/

/* Shared property */
/**********************************************************************************************************************/

html,body { height: 100%; }
html,body,header,section,footer { min-width: 320px }

/**********************************************************************************************************************/


/* Tags */
/**********************************************************************************************************************/

html, body {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
}


h1,h2,h3,h4 { margin-top: 0; margin-bottom: 0 }
a:focus { outline: none; text-decoration: none }
a:active { text-decoration: none }
a:visited { text-decoration: none }
input:focus { outline: none }
button:focus { outline: none }
div { background-repeat: no-repeat }
div:focus { outline: none }

/* Classes */

.app-a:hover {
	text-decoration: none;
}

.app-a, .app-body, .app-li, .app-p, .app-span {
	line-height: 1.2;
	font-size: 1rem;
}

.app-p {
	margin-top: 1.2rem;
	margin-bottom: 1.2rem;
}

.app-p.app-first {
	margin-top: 0;
}

.app-p.app-last {
	margin-bottom: 0;
}

.app-nomargin {
	margin: 0
}

.app-h1 {
	line-height: 1.2;
	font-size: 2rem;
}

.app-h2 {
	line-height: 1.2;
	font-size: 1.5rem;
}

.app-ul {
	list-style: none;
	font-size: 0;
}

.app-ul.app-inline {
	margin: 0;
	padding: 0;
}

.app-ul.app-inline > .app-li {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}

@media screen and (max-width: 1199px) {
	html { font-size: 18px }
}

@media screen and (max-width: 991px) {
	html { font-size: 16px }
}

@media screen and (max-width: 767px) {
	html { font-size: 14px }
}