@font-face {
	font-family: 'NobileRegular';
	src: url('../fonts/nobile-regular-webfont.eot');
	src: local('☺'), url('../fonts/nobile-regular-webfont.woff') format('woff'),
                   url('../fonts/nobile-regular-webfont.ttf') format('truetype'),
                   url('../fonts/nobile-regular-webfont.svg#webfontxBDpsRYX') format('svg');
	font-weight:  400;
  font-style:   normal;
}

@font-face {
	font-family: 'NobileBold';
	src: url('../fonts/nobile-bold-webfont.eot');
	src: local('☺'), url('../fonts/nobile-bold-webfont.woff') format('woff'),
                   url('../fonts/nobile-bold-webfont.ttf') format('truetype'),
                   url('../fonts/nobile-bold-webfont.svg#webfont58lzpM5J') format('svg');
  font-weight:  700;
  font-style:   normal;
}

body {
	background-color: #ddd;
	font-size: 62.5%;
	font-family: 'NobileRegular', Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

a {
	color: #c00;
	text-decoration: none;
}

a:hover { color: #000 }
p { text-align: justify }


/*
	Conteneur
*/

div#conteneur {
	width: 70em;
	margin: 0em auto;
	padding-top: 5em;
}


/*
	Intro
*/

section#intro {
	background-image: url('../images/mirador-intro.jpg');
	background-repeat: no-repeat;
	background-position: left middle;
	height: 50em;
	padding-left: 36em;
}

h1 {
	font-size: 1em;
	text-indent: -500em;
	background-image: url('../images/daaboo-221t.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	/*width: 32.5em;*/
	height: 11em;
	padding-top: 5em;
}

h2 {
	font-size: 2.5em;
	text-align: center;
	margin-bottom: 2em;
	margin-top: 0.4em;
	font-weight: bold;
  font-family: 'NobileBold'
}

p, address {
	text-align: center;
	line-height: 1.5em;
	font-size: 1.4em;
}
address { margin-bottom: 1.5em }