/*	RESET
#########################################################################*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent}body{line-height: 1}ol,ul{list-style: none}blockquote,q{quotes: none}blockquote:before,blockquote:after,q:before,q:after{content: '';content: none}ins{text-decoration: none}del{text-decoration: line-through}table{border-collapse: collapse;border-spacing: 0}


/*	STRUCTURE
#########################################################################*/
* {
	margin: 0;
	padding: 0;
}

html {
	background-color: #fff;
	margin: 0.3%;
}

body {
	margin: 10% 30%;
	font: 15px "Book Antiqua", Palatino, serif;
	line-height: 2;
	color: #000;
	outline: none;
}


/* TEXTE ET LIENS
#########################################################################*/
a:link, a:visited, a:active, a:hover {
	display: inline-block;
	padding: .5em 1em;
	margin: 1em;
	color: #000;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #000;
}

a:hover {
	background: #000;
	color: #fff;
}

h1 {
	font-size: 2em;
	padding-bottom: 2em;
}

h2 {
	font-size: 1.5em;
	padding-bottom: 1em;
}