@charset "UTF-8";
/* CSS Document */

body{
	background-image:url(_images/bg.gif);
	background-repeat:repeat-x;
	background-color:#e0e0d9;
	margin-top:0;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#test{
	visibility:hidden;
	background-color:#F99;
	}
	
img{
	border:0;
	}
	
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}
	
	
li.liste{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-image:url(_images/puce.gif);
	line-height:18px;
}
	
h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:24px;
	line-height:18px;
}
	
h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	line-height:18px;
}

.size14{
	font-size:14px;
	}

.size22{
	font-size:24px;
	font-weight:bold;
	}

p.ttlAccueil{
	font-size:24px;
	line-height:32px;
	padding-top:15px;
	color:#333333;
	font-weight:bold;
	}
	
p.txtAccueil{
	font-size:16px;
	color:#333333;
	line-height:24px;
	}
	
#wrapper{
	width:980px;
	background-image:url(_images/bg_content.png);
	margin:0 auto;
	position:relative;
	}
	
#boites{
	width:960px;
	background-color:#004a80;
	margin:0 auto;
	position:relative;
	}
	
#header{
	position:relative;
	width:960px;
	background-image:url(_images/bg_header.gif);
	height: 140px;
	margin:0 auto;
	}
	
.boite{
	background-image:url(_images/bg_boite.gif);
	background-repeat:repeat-y;
	padding:0 16px 10px 16px;
	}
	
#breadcrumb{
	font-size:10px;
	bottom:0;
	left: 0;
	}
	
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active{
	color:#004a80;
	}
	
div#navBG {
	position:absolute;
	background-image:url(_images/bg_menu.gif);
	bottom: 0;
	left: 0;
	width: 960px;
	height: 50px;
}

div#navBGpad {
	position: relative;
	width: 960px;
	height: 50px;
}

div#nav {
	position:absolute;
	top: 20px;
	right: 0;
}

#nav a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 24px;
}

#nav a:link, #nav a:active, #nav a:visited {
	color: #004a80;
}

#nav a:hover {
	color: #333;
}

#nav div, #nav div div {
	float: left;
}

#nav div div div {
	float: none;
	padding-top: 3px;
}

#nav div.navPad {
	margin-left: 5px;
}

div.navGoff, div.navDoff {
	width: 12px;
	height: 29px;
	background-image: none;
}

div.navBGoff {
	height: 29px;
	background-color: none;
	vertical-align: middle;
	cursor: pointer;
}

div.navGon {
	width: 12px;
	height: 29px;
	background-image: url(_images/bg_itemGauche.gif);
}

div.navDon {
	width: 12px;
	height: 29px;
	background-image: url(_images/bg_itemDroite.gif);
}

div.navBGon {
	height: 29px;
	background: url(_images/bg_item.gif) repeat-x left top;
	vertical-align: middle;
	cursor: pointer;
}

/* DROPDOWNS */

div.dropDiv {
	position: absolute;
	top: 29px;
	background: #000;
	color: #fff;
}

div#drop2 {
	left: 120px;
}

div#drop3 {
	left: 315px;
}

	
#navTop{
	position:absolute;
	width:114px;
	font-size:11px;
	line-height:24px;
	background-image:url(_images/bg_menu-top.gif);
	text-align:center;
	height: 27px;
	left: 838px;
	top: 0px;
	}
	
a.navTop:link,a.navTop:visited,a.navTop:active{
	color:#004a80;
	}
	
a.navTop:hover{
	color:#004a80;
	text-decoration:none;
	}
	
a:link,a:visited,a:active{
	color:#ec8e07;
	}
	
a:hover{
	color:#f0a43b;
	text-decoration:none;
	}
	
#logo{
	position:absolute;
	width:269px;
	height: 101px;
	z-index:2;
	left: 14px;
	top: 21px;
	}

#info{
	position:absolute;
	width:266px;
	left:694px;
	top: 39px;
	color:#ffffff;
	}
	
#info h1{
	color:#ffffff;
	font-size:18px;
	font-weight:normal;
	margin-bottom:8px;
	line-height:18px;
	}
	
#content{
	position:relative;
	width:960px;
	margin:0 auto;
	}
	
#footer{
	position:relative;
	width:960px;
	margin:0 auto;
	}
	
#footer a:link, #footer a:visited, #footer a:active{
	color:#766757;
	font-size:11px;
	}
	
#footer a:hover{
	color:#503b23;
	font-size:11px;
	}
	
	
#subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#subnav {
	width: 280px;
	margin: 10px;
	}
	
#subnav li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	border-bottom:solid 1px #ece3cc;
  	height: 24px;
	text-decoration: none;
	}	
	
#subnav li a:link, #subnav li a:visited {
	color: #766757;
	display: block;
	background:  url(_images/bg_subnav_off.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	
#subnav li a:hover {
	color: #503b23;
	background:  url(_images/bg_subnav.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}