/* CSS Document */
/********** GENERAL*/
* { margin: 0px; padding: 0px; }
body{
	font-family:			Trebuchet MS, Verdana, Sans-Serif;
	font-size:				11px;
	color:					#1B386A;
}
a, a:visited, a:active {
	color:					#1671C4;
	font-size:				11px;
	text-decoration:		none;			
}
a:hover {
	text-decoration:		underline;
}
p{
	margin:0;
	padding:0;
}
sub, sup{
	font-size:9px;
	margin:0;
	padding:0;
	vertical-align:-2px;
}
/********** TOP */
#top {
	border-style:			none;
	color:					#1671C4;
	font-family:			Trebuchet MS, Verdana, Sans-Serif;
	font-size:				11px;
	width:					778px;
}
#top form {
	margin:					15px 0px 0px 0px;
	padding:				0px;
}
#top input {
	border:					0px;
	color:					#006666;
	float:					left;
	font-family:			Trebuchet MS, Verdana, Sans-Serif;
	font-size:				10px;
	height:					14px;
	margin:					0px 5px 0px 0px;
	padding:				0px;
	vertical-align:			top;
	width:					104px;
}
#top .menu {
	border-style:			none;
	width:					100%;
}
#top .menu tr {
	background-color:		#1671C4;
	height:					39px;
}
#top .menu tr td {
	color:					#FFFFFF;
	font-family:			Trebuchet MS, Verdana, Sans-Serif;
	font-size:				12px;
	font-weight:			bold;
	margin:					0px;
	padding:				3px;
	vertical-align:			middle;
}
#top .menu tr td a {
	color:					#FFFFFF;
	display:				block;
	font-family:			Trebuchet MS, Verdana, Sans-Serif;
	font-size:				12px;
	font-weight:			bold;
	height:					100%;
	margin-top:				10px;
	text-decoration:		none;
	width:					100%;		
}
.ariane			{ color: #1671C4; padding-top: 20px; float: left; }
.ariane a		{ text-decoration: underline !important; }
.ariane a:hover	{ color: #053A6A; text-decoration: none !important; }

#top .search {
	margin:					0;
	padding:				0px 3px 0px 15px;
}
#top .search a {
	margin:					0;
	padding:				0;
	color:					#FFF;
	font-size:				10px;
}
/********** MENUROLL ( LAYERS )*/
.menuRoll table{
	border-color:			#FFFFFF;
	border-style:			solid;
	border-width:			1px 1px 0px 1px;
	width:					145px;
}
.menuRoll table tr td{
	background-color:		#c4e1fb;
	height:					19px;
	border-color:			#FFFFFF;
	border-style:			solid;
	border-width:			0px 0px 1px 0px;
	margin: 				0px;
	padding: 				2px 3px 3px 15px;
	text-align:				left;
}
.menuRoll a, .menuRoll a:hover, .menuRoll a:visited, .menuRoll a:active{
	font-size:				10px;
	color:					#1671C4;			
	line-height:			10px;
}
#menu1 {
	left: 346px;
}
#menu2 {
	left: 244px;
}
#menu3 {
	left: 727px;
}
#menu4 {
	left: 475px;
}
#menu5 {
	left: 621px;
}
#menu6 {
	left: 119px;
}
/********** tableTITRE */
#tableTitre{
	margin:					0;
	border:					0;
}
#tableTitre h1{
	padding:				0px;
	margin:					0px 0px 20px 0px;
}
#tableTitre h2{
	padding:				0px;
	margin:					0px;
}
#tableTitre h3{
	font-size:				12px;
	color:					#999;
	padding:				0px;
	margin:					0px;
}
/********** CONTENT */
#content {
	margin:					0px;
}
#content td {
	vertical-align:			top;
}
#content .titre {
	border-style:			none;
	display:				block;
	font-size:				13px;
	font-weight:			bold;
	text-decoration:		underline;
}
#content a img {
	border-style:			none;
}
#content .main {
	margin: 				0px;
	padding:				25px 30px 25px 30px;
	font-family:			Trebuchet MS, Verdana, Sans-Serif;
	font-size:				11px;
	color:					#1B386A;
	text-align:				justify;
}
#content .menu {
	padding: 				0px;
	margin: 				0 0 0 13px;
	width:					100%;
}
#content .menu a{
	font-size:				10px;
	color:					#1671C4;			
	line-height:			10px;
}
#content .menu td {
	background:				#c4e1fb url(../media/sous_menu_puce.gif) top left no-repeat;
	height:					21px;
	border-color:			#FFFFFF;
	border-style:			solid;
	border-width:			0px 0px 1px 0px;
	margin: 				0px;
	padding: 				2px 3px 3px 15px;
	text-align:				left;
	vertical-align:			middle;
}
#content .menu .sousMenu {
	background:				#FFF url(../media/espaceur.gif);
	font-size:				11px;
	padding:				0px;
	padding-left:			20px;
	height:					19px;	
}
#content .menu .active{
	background:				#76B5F6 url(../media/sous_menu_puce.gif) top left no-repeat;			
	font-size:				11px;
}
#content h1{
	margin:					0px 0px 10px 0px;
	padding:				0px;
	font-size:				16px;
}
#content h2{
	color:					#72B410;
	margin:					10px 0px 0px 0px;
	padding:				0px;
	font-size:				12px;
}
#content p{
	margin:					0px;
	padding:				0px;
}
#content .presentation{
	margin:					0px;
	padding:				0px 0px 20px 0px;
}

/********** FOOTER */
#footer {
	margin:					10px 0px 10px 13px;
	padding:				2px 31px 2px 0;
	height:					17px;
	background:				#1671C4;
	color:					#FFFFFF;
	font-size:				10px;
}
#footer ul {
	list-style-type:		none;
	margin:					0px;
	padding:				0px;
}
#footer ul li {
	float:					left;
	margin:					0px 25px 0px 0px;
	padding:				0px 0px 0px 10px;
	display:				inline;
	background:				transparent url(../media/footer_puce.gif) left no-repeat;
}
#footer a {
	font-size:				10px;
	color:					#FFF;
}
#footer .copyright{
	font-size:				11px;
	width:					100px;
	text-align:				right;
	padding:				0px 20px 0px 0px;
}

/***********************************  MENU   ***********************************/
/* niveau 0 */
#menu LI 		{ float: left; list-style:none !important; }
#menu LI A		{ display: block; text-decoration: none; margin-left: 1px; }
#menu IMG		{ height: 38px; border: none; }

#menu LI A.ufip											{ background: url(../media/menu_06.gif) top left no-repeat; }
#menu LI A.ufip:hover, #menu LI A.ufipActive			{ background: url(../media/menu_06_on.gif) top left no-repeat; }

#menu LI A.panorama										{ background: url(../media/menu_01.gif) top left no-repeat; }
#menu LI A.panorama:hover, #menu LI A.panoramaActive	{ background: url(../media/menu_01_on.gif) top left no-repeat; }

#menu LI A.donnees										{ background: url(../media/menu_02.gif) top left no-repeat; }
#menu LI A.donnees:hover, #menu LI A.donneesActive		{ background: url(../media/menu_02_on.gif) top left no-repeat; }

#menu LI A.presse										{ background: url(../media/menu_03.gif) top left no-repeat; }
#menu LI A.presse:hover, #menu LI A.presseActive		{ background: url(../media/menu_03_on.gif) top left no-repeat; }

#menu LI A.dossiers										{ background: url(../media/menu_04.gif) top left no-repeat; }
#menu LI A.dossiers:hover, #menu LI A.dossiersActive	{ background: url(../media/menu_04_on.gif) top left no-repeat; }

#menu LI A.positions									{ background: url(../media/menu_05.gif) top left no-repeat; }
#menu LI A.positions:hover, #menu LI A.positionsActive	{ background: url(../media/menu_05_on.gif) top left no-repeat; }