/* CSS Document */

html {
	padding: 0;
	margin: 0;
	width: 100%;
}

body {
	background-color: white;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	letter-spacing: 0.02em;
}

h1, h2, h3, h4, h5 {
	font-family: Tahoma, "Trebuchet MS", Helvetica,  sans-serif;
	letter-spacing: 0.05em;
}

h1 {
	font-size: 130%;
	font-weight: 200;
	color: #036;
	font-style: normal;
	text-align: center;
	border-bottom: 2px groove #036;
	margin: 0;
	padding: 10px 0 15px 0;
}

h4 {
	font-size: 100%;
}

img {
	border: 1px solid #ff6;
}

/*-------Taille police hack la-grange.net------*/

body, td, th, p {
	font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*/*/a{}
body,
body td,
body th,
body p {
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
html>body,
html>body td,                          
html>body th,
html>body p {
	font-size : small;
}
	/* */

/*-----Liens------*/

a {
	text-decoration: underline;
}

a:link {
	color: #272D7F;
}
a:visited {
	color : #272D7F;
}
a:hover {
	color: #C06;
	text-decoration: none;
}
a:active {
	color : #f33;
}

/*---class-----*/

div.carre1 {
	color: #ff6;
	background-color: #903;
	float: left;
	width: 343px;
	height: 205px;
	padding: 10px;
	border: 1px solid #222;
}

div.carre2 {
	color: #CC6;
	background-color: #903;
	text-align: center;
	height: 205px;
	width: 343px;
	float: right;
	padding: 10px;
	border: 1px solid #222;
}

div.global {
	width: 740px;
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -381px;
	padding: 10px;
	border:  1px solid #CCC;
}

div.texte {
	clear: both;
}

div.texte p {
	color: #770026;
}