/* $Id: _global-screen.css,v 1.6 2007/05/11 06:41:44 paladin Exp $ */

body {
	height:100%;
	background-color: #999;
}
h1, h2 {
	font-size: 1.4em;
	line-height: 1.4em;
}
h1 img {
	display:block;
	position:absolute;
	left:8px;
	top:8px;
}
hr { display:none; }
p { line-height:1.4em; }
.h-01, .h-02 , .h-03 , .h-04 , .h-05 , .h-06  {
	display:block;
	height:1.4em;
	width:320px;
}
.h-01 { background: url(img/mpn-i-stitre-05.gif) no-repeat left top; }
.h-02 { background: url(img/mpn-i-stitre-04.gif) no-repeat left top; }
.h-03 { background: url(img/mpn-i-stitre-03.gif) no-repeat left top; }
.h-04 { background: url(img/mpn-i-stitre-02.gif) no-repeat left top; }
.h-05 { background: url(img/mpn-i-stitre-01.gif) no-repeat 12px top; }
.h-06 { background: url(img/mpn-i-stitre.gif) no-repeat 62px top; }
h1 .txt, h2 .txt { display:none; }
#page {
	height:100%;
	color:#fff;
}
#page #format-utile {
	margin:0 auto;
	height:100%;
	min-width:720px;
	max-width:900px;
}
#page .article {
	display:table; 
	width:100%;
}
#page .article .marquepage-net {
	font-size:90%;
	color:#fff;
}
#page .marquepage {
	font-variant: small-caps;
	letter-spacing: normal;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}
#page .article .marquepage-net .net {
	color:#fff;
}
#page .colonnes {
	display:table-row; 
	width:100%;
}
#page .left, #page .right {
	display:table-cell;
	min-width:49%;
	vertical-align:top;
	background-color: #999;
}
#page .txt { min-width:300px; max-width:450px; }
#page .left .txt { 
	margin-left:auto;
}
	/* illustration */
#page .marge { 
	width:1px;	height:150px; 
}
#page .left .marge { float:right; }
#page .right .marge { float:left; }
#page .image, #page .image .src { height:450px; }
#page .image { width:50px; }
#page .image .src { width:100px; }
#page .left .image {
	clear:right;
	float:right;
	margin-left:1ex;
	position:relative;
}
#page .left .image .src {
	position:absolute;
	background: url(img/homme-saut-05.gif) no-repeat left top;
}
#page .right .image {
	clear:left;
	float:left;
	margin-right:12px;
}
	/**/
#page .left, #page .colonnes .right {
}
#page .left p {
	padding-right:16px;
}
#page .right h2, #page .right p {
	padding-left:16px;
}
#page .article .bottom {
	width:auto;
	height:60px;
	min-height:60px;
	padding-left:78px;
	margin-top:1.5em;
}
#page .article .arrow {
	position:absolute;
	width:120px;
	height:60px;
	background: url(img/mpn-arrow-120x60_shd-02.gif) no-repeat right 0px;
	z-index:1024;
}
#page .article .arrow a {
	position:absolute;
	display:block;
	width:315px;
	height:60px;
	background: url(img/mpn-arrow-red-88x31.gif) no-repeat left top;
	z-index:1;
	text-align:right;
}
#page .article .arrow a:hover {
	background: url(img/mpn-arrow-green-88x31.gif) no-repeat left top;
}
.ill .i {
	background: url(img/logo-vitruve-03-56-07.gif) no-repeat left top;
	position:absolute;/**/
	display:block;
	width:61px;
	height:61px;
	float:left;
}
.ill .t {
	display:block;
	padding-left:61px;
}