@charset "utf-8";
/* CSS Document */
@font-face {
	font-family:'KomikaAxisRegular';
	src:url('komikax_-.eot'); /* IE9 Compat Modes */
	src:url('komikax_-.eot?iefix') format('eot'), /* IE6-IE8 */
		url('komikax_-.woff') format('woff'), /* Modern Browsers */
		url('komikax_.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('komikax_-t.svg#webfontR1BY5SP7') format('svg'); /* Legacy iOS */
	font-weight:normal;
	font-style:normal;
}

/*@font-face {
	font-family: 'KomikaAxisRegular';
	src: url('../fonts/komikax_-webfont.eot');
	src: local('☺'), url('../fonts/komikax_-webfont.woff') format('woff'), url('../fonts/komikax_-webfont.ttf') format('truetype'), url('../fonts/komikax_-webfont.svg#webfontR1BY5SP7') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

/*@font-face {
	font-family: 'ClementineRegular';
	src: url('../fonts/clementine-webfont.eot');
	src: local('☺'), url('../fonts/clementine-webfont.woff') format('woff'), url('../fonts/clementine-webfont.ttf') format('truetype'), url('../fonts/clementine-webfont.svg#webfontLXMeEW3W') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

@font-face {
	font-family:'ClementineItalic';
	src:url('clem-italic-.eot'); /* IE9 Compat Modes */
	src:url('clem-italic-.eot?iefix') format('eot'), /* IE6-IE8 */
		url('clem-italic-.woff') format('woff'), /* Modern Browsers */
		url('clem-italic.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('clem-italic-.svg#webfontigHkg0YP') format('svg'); /* Legacy iOS */
	font-weight:normal;
	font-style:normal;
}

/*@font-face {
	font-family: 'ClementineItalic';
	src: url('../fonts/clem-italic-webfont.eot');
	src: local('☺'), url('../fonts/clem-italic-webfont.woff') format('woff'), url('../fonts/clem-italic-webfont.ttf') format('truetype'), url('../fonts/clem-italic-webfont.svg#webfontigHkg0YP') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

/*@font-face {
	font-family: 'ClementineBold';
	src: url('../fonts/clem-cbold-webfont.eot');
	src: local('☺'), url('../fonts/clem-cbold-webfont.woff') format('woff'), url('../fonts/clem-cbold-webfont.ttf') format('truetype'), url('../fonts/clem-cbold-webfont.svg#webfontzEqVojwp') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
body {
	margin-left: auto;
	margin-right: auto;
	color:#333333;
	/*background-color: #eee; /* Change this to change both stribe colors */
	
	 /* background-image: -webkit-gradient(linear, 0 100%, 100% 0,
							color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),
							color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),
							color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),
							to(transparent));Old webkit syntax */
	/* background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
							transparent 75%, transparent); New webkit syntax */					
	/* background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
							transparent 75%, transparent); Firefox */
	/* background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
							transparent 75%, transparent); Opera */
	/*background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
							transparent 75%, transparent);  WC3 */
	text-align:center;
}
#container {
	position:absolute;
	background-image:url("imago/fond2.jpg");
	background-repeat:no-repeat;
	background-position:top;
	margin:10px auto;
	width: 840px;
	height: 975px;
	text-align:center;
	
}

div.centered > span { 
	text-align:right; /* ... et l'alignement du texte */}

#centered {
		position:relative;
	width:100%;
	vertical-align:middle;
	text-align:left; /* ... et l'alignement du texte */
	height: 800px;
}

p {
	text-align:left;
}


.content {
	width:35%;
	margin-top:20em;
	text-align:left; /* ... et l'alignement du texte */
	height: 400px;
	margin-left: 20em;
	position: relative;
}
.title {
	font-weight: bold;
	text-align: center;
}
#centered #content p .title .title {
	font-size: 16px;
}

a {
	cursor:hand;
	color:#C30;
	}