/* CSS Document */

/* LAYOUT */

*{
	margin:0;
	padding:0;
}

html,body{
	height:100%;
	font:95% Arial, Helvetica, sans-serif;
	color:#000;
}

a{
	text-decoration:none;
	color:#000;
}

ul{list-style:none;}

.clear{
	clear:both;
	height:0;
}

#conteneur{
	width:930px;
	margin:3px auto 1px;
	position:relative;
}

p{font-size:90%;}

#xiti-logo{
	float:right;
}
#xiti-logo img{display:none;}

#banderole{
	position:absolute;
	top:4px ;
	margin:0 0 0 5px;
}
/* ///////////////////// HEADER */
#header{
	background:url(../img/bg-header.jpg) center top no-repeat;
	height:140px;
}

#header h1{
	position:relative;
	top:115px;
	left:15px;
	color:#0194E4;
	letter-spacing:5px;
	font-weight:400;
}
#header h1 strong {font-weight:400;}
#header h2{
	color:#f00;
	margin:-15px 0 0 0;
	float:right;
	font-weight:400;
	font-size:280%;
	text-align:right;
	letter-spacing:8px;
}

#header h2 span{
	color:#000;
	font-size:70%;
	font-weight:400;
	display:block;
	letter-spacing:1px;
	margin:-5px 0 0;
}

/* ///////////////////// MENU */
#menu{
	width:165px;
	float:left;
	margin:0 10px 0 0;
}

#menu ul{list-style:none;}

#menu li a{
	background:url(../img/bouton/bouton-menu.gif) left center no-repeat;
	padding: 13px 10px 5px 35px;
	color:#fff;
	font-size:150%;
	letter-spacing:1px;
	height:35px;
	width:142px;
	display:block;
	margin:2px 0 5px ;
}

#menu li a:hover{
	color:#CB3100;
	background:url(../img/bouton/bouton-menu-hover.gif) left center no-repeat;
}
/* ///////////////////// CONTENU */

#contenu{
	float:left;
	margin:30px 0 0 ;
	padding:0 3px 5px 0;
}

/* ///////////////////// FOOTER */

#footer{
	clear:both;
	background:url(../img/logo/logo-armouet.jpg) left center no-repeat;
	height:40px;
	text-align:center;
	padding:30px 0 0;
	color:#009999;
	font-size:90%;
}

a.credit{
	float:right;
	color:#0195e1;
	display:block;
	text-align:right;
	margin:-40px 0 0;
	font-size:80%;
}