body {
	margin:0;
	padding:0px;
	color:#000;
	font:small Verdana;
}
p
{
	margin-top: 19px;
	margin-bottom: 19px;
}
.input
{
	padding: 10px;
	background-color: #CCCCFF;
	text-align: left;
	border: 1px solid gray;
}

.citation
{
	font-family: Arial;
	font-style: italic;
	font-weight: bold;
}

.image_marque
{
	position: absolute;
	top: 430px;
	left: 40px;
	width: 150px;
	height: 53px;
}
.sommaire
{
	position: absolute;
	left: -225px;
	top: 20px;
	background-color: #FFFF88;
	width: 165px;
	margin-top: 10px;
	padding: 5px 15px 14px 30px;
	background-image: url("images/spirale_2.jpg");
	background-repeat: repeat-y;
}

.titre_gauche
{
	font-size: 12pt;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 10px;
	color: blue;
	border-bottom: 1px solid gray;
}

.livre
{
	position: absolute;
	left: -208px;
	top: 160px;
	border: 1px solid black;
}

.livre_2
{
	position: absolute;
	left: -208px;
	top: 30px;
	border: 1px solid black;
}

#sommaire_1
{
	text-align: left;
	width: 165px;
	padding: 5px 15px 10px 30px;
}
.lien_fleche
{
	background: url("images/fleche.gif") no-repeat scroll bottom left;
	padding-left: 25px;
	margin-left: 35px;
}
#xiti-logo
{
	margin-left: 95px;
	position: absolute;
	bottom: 20px;
}

.adresse_postale
{
	padding: 5px;
	border: 1px solid gray;
	width: 200px;
	margin: 20px;
	text-align: center;
}

.titre_im
{
	position: absolute;
	top: 50px;
	left: 255px;
}
#page
{
	background: white;
	position: relative;
	width: 795px;
	border-left: 0px solid #BBBBBB;
	border-right: 0px solid #BBBBBB;	
	padding:6px;
	padding:6px;
	top: 0px;
	margin: 0px;
	border-bottom: 0px solid #BBBBBB;
	height: 100%;
	}

#livre
{
	float: left;
	background: url(./images/logo_2.jpg) repeat-x top left;
	width: 228px;
	height: 460px;
}
#header {
	float: left;
	padding-top: 0px;
	width: 564px;
	background: url(./images/droite.jpg) repeat-x top left;
	font-size:93%;
	line-height:normal;
	margin-left: 0px;
	height: 131px;
}
#header ul {
	margin:0;
	padding:1px 10px 10px 2px;
	list-style:none;
	font-weight: bold;
	font-size: 11px;
	position: absolute;
	left: 140px;
	width: 1000px;
}
#header li {
	float:left;
	background:url(./images/new_left.gif) no-repeat left top;
	margin:0;
	padding:0 0px 0 14px;
	height: 35px;
	margin-left: -1px;
}
#header a {
	display:block;
	background:url(./images/new_right.gif) no-repeat right top;
	margin: 0;
	padding:4px 15px 5px 2px;
	text-decoration:none;
	color: #FFFF88;
	color: #71f972;
	color: white;
	font-weight: normal;
	position: relative;
	float: left;
	height: 35px;
}	
#header a:hover {
	color:#FFFFFF;
}
#header #current {
	background-image:url(./images/new_left_on_2.gif);
	padding:0 0px 2px 15px;
	margin-left: -1px;
}
#header #current a {
	background-image:url(./images/new_right_on.gif);
	color:#000000;
	padding-bottom:5px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 6px;
}
.logo
{
	position: absolute;
	margin-top: 20px;
	margin-left: 20px;
	left: 8px;
	top: 27px;

	border: 1 px solid black;;
}
.titre
{
	font-family: Verdana;
	position: absolute;
	left: 250px;
	top: 40px;
	padding: 0px;
	font-size: 14px;
	margin: 0px;
	margin-bottom: 5px;
	margin-top: 20px;
	border-bottom: 0px dotted black;
	color : #444444;
	font-weight: bold;
	font-size: 12pt;
	width: 400px;
	text-align: left;
}

.sous-titre
{
	position: absolute;
	left: 260px;
	top: 70px;
	margin: 0px;
	margin-left: 5px;
	margin-bottom: 20px;
	padding: 0px;
	color: #000000;
	font-size: 11px;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background-color: #AAFFAA;
	width: 300px;
	text-align: center;
	padding: 5px;
	
}

.contenu
{
	text-align: justify;
	position: relative;
	float: left;
	font-size: 10pt;
	padding-left: 20px;
	padding-right: 20px;
	width: 500px;
	padding-bottom: 20px;
	margin-bottom: 23px;
	font-family: Arial;
	background-color: #DCFFDC;
	padding-top: 10px;
	/*font: 10pt/18pt "Trebuchet MS", Arial, Verdana, sans-serif;*/
	font: 10pt/18pt Arial;
	line-height: 20px;
}

.contenu h1
{
	margin: 0px;
	text-align: left;
	padding: 0px;
	font-size: 15px;
	letter-spacing: 2px;
	padding-left: 10px;
	font-weight: normal;
	font-family: Arial;
	color: #99FF99;
	color: white;
	margin-top: 19px;
	background-image: url("images/barre.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	border: 1px solid black;
}

.contenu e
{
	font-weight: bold;
	font-style: normal;
}

.contenu h2
{
	margin: 0px;
	margin-top: 20px;
	text-align: left;
	padding: 0px;
	font-size: 15px;
	letter-spacing: 2px;
	border-bottom: 1px solid #EECCFF;
	border-left: 6px solid #EECCFF;
	padding-left: 10px;
	font-weight: normal;
	font-family: Arial;
}

.copyright
{
	position: absolute;
	top: 140px;
	left: 5px;
	text-align: left;
	font-size: 7pt;
	width: 250px;
	color: #888888;
}

.copyright_livre
{
	position: absolute;
	top: 450px;
	left: -230px;
	text-align: left;
	font-size: 7pt;
	font-family: Verdana;
	width: 250px;
	color: #888888;
}
.ecrire
{
	position: absolute;
	left: 723px;
	top: 115px;
	font-size: 8pt;
	color: #FFFFFF;
}

.ecrire a:link
{
	text-decoration: none;
	color: #FFFFFF;
}

.ecrire a:visited
{
	text-decoration: none;
	color: #FFFFFF;

}

.ecrire a:active
{
	text-decoration: none;
	color: #FFFFFF;
}

.ecrire a:hover
{
	text-decoration: none;
	color: #000000;
}

.contenu a:link
{
	text-decoration: none;
	color: #6666FF;
	border-bottom: 1px solid #999999;
}

.contenu a:visited
{
	text-decoration: none;
	color: #6666FF;
	border-bottom: 1px solid #999999;
}

.contenu a:active
{
	text-decoration: none;
	color: #BBBBFF;
	border-bottom: 1px solid #999999;
}

.contenu a:hover
{
	text-decoration: none;
	color: #5511FF;
	border-bottom: 1px solid #999999;
}

.titre_image
{
	font-family: "Courier New";
	background-color: #EEEEEE;
	font-size:9pt;
	color:blue;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 1px;
	margin: 3px;
}

a img
{
	border: 0;
	margin: 0;
	padding: 0;
}