html, body
{
	font-family:arial;
	font-size:11px;
}
/* ------------------------------RAZ */

*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p{
		font-size: 1em;
		margin: 0; padding: 0;
		font-weight: normal;
}
ul {
		margin: 0; padding: 0;
		list-style: none;
}
a {
		text-decoration:none;
		color:#143338;
}
a img {
		border:none;
}
.clear { 
      clear:both;
      display:block;
      line-height:1px;
		font-size:1px;
		height:1px;
}
a{outline: none;}
:focus{-moz-outline-style: none;}
.hidden {
		visibility:hidden;
}
fieldset{border:none;}


/* -------------------------fin RAZ--- */

body {
	font-family:arial;
	font-size:11px;
	background:#fff;
	color:#000;
	margin:0px;
	padding:0px;		
	text-align:center;
}

.note
{
	font-size: .8em;
}

#principale{
	text-align:center;
	width:954px;
	margin: 0 auto;
	text-align:left;
	color:#fff;
	position:relative;
	margin-top:10px;
}
#header{
	width:954px;
	height:109px;
	position:relative;
}

* html #header
{
	background:#0c2a38;
}

#header h1
{
	background:url(../images/logo-uffi.gif) no-repeat;
	width:503px;
	height:76px;
	position:absolute;
	top:0px;
	left:0px;
	text-indent:-5000px;
}

#header h2
{
	background:url(../images/header-titre.gif) no-repeat;
	width:451px;
	height:76px;
	position:absolute;
	top:0px;
	left:503px;
	text-indent:-9000px;
}

#header ul
{
	/*background:url(../images/menu-uffi.gif) no-repeat;*/
	background: url('../images/fond-nav-global.gif') repeat-x;
	width:954px;
	height:33px;
	position:absolute;
	bottom:0;
	left:0;
	font-size: 9px;
}

#header ul li a
{
	background: url('../images/fond-nav-off.gif') repeat-x;
	display:block;
	line-height:27px;
	/*text-align: center;*/
	color: #8591b1;
	text-transform: uppercase;
	margin: 1px 1px 0 0;
	padding: 0 6px;
}

#header ul li a.select,#header ul li a:hover
{
	color: #fff;
	background-image: url('../images/fond-nav-on.gif');
}

#header ul li
{
	float:left;
	background: url('../images/filet-nav.gif') no-repeat 100% 1px;
	border-right: 1px solid #000;
}
#header ul li#produit-opci
{
	border-right: none;
	background: none;
	width: 129px;
}

#header ul li#produit-opci a
{
	background: url('../images/fond-nav-last-off.gif') no-repeat;
}

#header ul li#produit-opci a.select,#header ul li#produit-opci a:hover
{
	background-image: url('../images/fond-nav-last-on.gif');
}


/*
#header ul li#item1, #header ul li#item1 a{
	width:55px;
}
#header ul li#item2, #header ul li#item2 a{
	width:69px;
}
#header ul li#item3, #header ul li#item3 a{
	width:166px;
}
#header ul li#item4, #header ul li#item4 a{
	width:155px;
}
#header ul li#item5, #header ul li#item5 a{
	width:100px;
}
#header ul liitem6, #header ul li#item6 a{
	width:110px;
}
#header ul liitem7, #header ul li#item7 a{
	width:133px;
}

#header ul li#item1 a:hover, #header ul li#item1 a.select{
	background:url(../images/menu-uffi.gif) 0 -33px no-repeat;
}
#header ul li#item2 a:hover, #header ul li#item2 a.select{
	background:url(../images/menu-uffi.gif) -55px -33px no-repeat;
}
#header ul li#item3 a:hover, #header ul li#item3 a.select{
	background:url(../images/menu-uffi.gif) -124px -33px no-repeat;
}
#header ul li#item4 a:hover, #header ul li#item4 a.select{
	background:url(../images/menu-uffi.gif) -290px -33px no-repeat;
}
#header ul li#item5 a:hover, #header ul li#item5 a.select{
	background:url(../images/menu-uffi.gif) -445px -33px no-repeat;
}
#header ul li#item6 a:hover, #header ul li#item6 a.select{
	background:url(../images/menu-uffi.gif) -545px -33px no-repeat;
}
#header ul li#item7 a:hover, #header ul li#item7 a.select{
	background:url(../images/menu-uffi.gif) -655px -33px no-repeat;
}
*/

#footer{
	width:954px;
	height:33px;
	position:relative;
}
#footer #btn-contact{
	background:url(../images/btn-contact.gif) no-repeat;
	width:289px;
	height:33px;
	position:absolute;
	top:0;
	left:0;
}
#footer #btn-contact a{
	width:289px;
	height:33px;
	display:block;
	text-indent:-5000px;
}
#footer ul{
	position:absolute;
	top:6px;
	right:10px;
}
#footer li{
	display:inline;
	text-transform:uppercase;
	font-size:9px;
	color:#707689;
}
#footer li a{
	color:#707689;
}
#footer li a:hover{
	text-decoration:underline;
}