@charset "iso-8859-1";
/* --------------- reset ----------------------------------------------- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 
	margin: 0; 
	padding: 0; 
}  
html  { font-size: 100%; } /* IE hack */
table, th, td, input, select { font-size: 100%; } /* IE hack */
/* --------------- aspects généraux ------------------------------------ */
body {
	background-color: #800;
	background-image: url(../images/africouleur-background.jpg);
	background-repeat: repeat-x;
	margin:10px;
	padding:0;
	color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 67%;
	line-height: 1.35;
}
h1 {
	font-size:1em;
	color:#F90;
	text-transform: uppercase;
	margin:10px 2px 10px 10px;
}
p {
	margin:5px 2px 2px 10px;
	font-size:1em;
}
a:link, a:visited {
	text-decoration:none;
	color:#FF9;
}
a:active,a:hover{
	text-decoration:underline;
	color:#F90;
}
.cadre {
	width:920px;
	margin:0 auto;
}
.message {
	position:absolute;
	width:340px;
	margin:10px 0 0 20px;
}
#flags {
	float:left;
	width:240px;
	margin:51px 0 0 20px;
}
#flags img{
	float:left;
	border:1px solid #990;
	margin:0 15px 0 0;
}
#flags a:hover img{
	border: 1px solid #F90;
}
.cadre-logo {
	width: 549px;
	height: 70px;
	background-image:url(../images/transparent-logo.png);
	background-repeat:no-repeat;
	margin-left:361px;
}
.cadre1 {
	float:left;
	width: 920px;
	height: 620px;
	background-image:url(../images/transparent-page-garde.png);
	background-repeat: no-repeat;
}
.cadre2 {
	width: 900px;
	height: 600px; /* moitié de la largeur */
	background-color:#333;
	margin:10px;
}
.boite-top {
	float:left;
	height: 10px;
	width: 180px;
	margin:0;
}
.boite-middle {
	float:left;
	height: 270px;
	width: 180px;
}
.boite-middle img {
	border:none;
}
.boite-bottom {
	float:left;
	height: 310px;
	width: 180px;
}
.boite-finition-bottom {
	float:left;
	height: 10px;
	width: 180px;
	margin:0;
}
.footer {
	width: 920px;
	height: 30px;
}
.xiti-logo {
	float:left;
	width:80px;
	margin:1px 0 0 10px;
}
.adresse {
	float:left;
	width:685px;
	margin:0 0 0 10px;
	color:#999;
}
.bookmarks-footer {
	float:left;
	width:125px;
	margin:0;
}