body {
	font: 10px Verdana, Arial, Helvetica, sans-serif ;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #282828;
	color: #C8C8C8;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 100%;
	SCROLLBAR-FACE-COLOR: #202020;
	SCROLLBAR-HIGHLIGHT-COLOR: #202020;
	SCROLLBAR-SHADOW-COLOR: #202020;
	SCROLLBAR-3DLIGHT-COLOR: #202020;
	SCROLLBAR-ARROW-COLOR: #C8C8C8;
	SCROLLBAR-TRACK-COLOR: #3C3C3C;
	SCROLLBAR-DARKSHADOW-COLOR: #202020;
}

#container{
	position: relative;
	padding: 0px 0px 0px 0px;
	border-bottom: 0;
	border-top: 0;
	margin: 0 auto;
	text-align: left;
}
#menu{
	position: absolute;
	left: 5px;
	top: 120px;
	width: 125px;
	padding: 8px 1px 8px 5px;
	font-size: 9px;
	line-height: 0.1em;
	background-color: #3C3C3C;
	color: #aaa;
	border: #202020 1px dotted;
	opacity:0.5;
}
#menu .p1{
	font-weight: bold;
	position: relative;
	padding: 2px 2px 0 2px;
	margin: 13px auto;
	color: #aaa;
}
#menu .p2{
	font-weight: bold;
	position: relative;
	padding: 0px 0px 0 7px;
	color: #aaa;
	margin: 11px auto;
	font-size: 9px;
}
#menu a{
	color: #aaa;
	font-weight: bold;
	text-decoration: none;
}
#menu a:visited{
	color: #aaa;
	text-decoration: none;
}
#menu a:hover{
	color: #aaa;
	background: #282828;
	border: #aaa 1px dotted;
	text-decoration: none;
}
#line{
	background: #202020;
	line-height: 1px;
}
#greyborder
{
	position: relative;
	padding: 1px 1px 1px 1px;	
	background: #C8C8C8;
}
#displayimage
{
	position: relative;
	width: 1px;
	padding: 1px 1px 1px 1px;	
	background: #000;
}
#displayimage a
{
background: #000;
color: #000;
border:0;
text-decoration: none;
}
#displayimage a:visited
{
background: #000;
color: #000;
border:0;
text-decoration: none;
}
#displayimage a:hover
{
background: #000;
color: #000;
border:0;
text-decoration: none;
}
#displayimage a:link
{
background: #000;
color: #000;
border:0;
text-decoration: none;
}
#displayimage a:active
{
background: #000;
color: #000;
border:0;
text-decoration: none;
}
#description
{
	white-space: nowrap;
	padding: 0;
	margin: 5px;
	color: inherit;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.1em;
}

#top_body
{
	font: 10px Verdana, Arial, Helvetica, sans-serif ;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #202020;
	color: #;
	text-align: left;
	padding: 0;
	margin: 0;
	height: 100%;
	SCROLLBAR-FACE-COLOR: #202020;
	SCROLLBAR-HIGHLIGHT-COLOR: #202020;
	SCROLLBAR-SHADOW-COLOR: #202020;
	SCROLLBAR-3DLIGHT-COLOR: #202020;
	SCROLLBAR-ARROW-COLOR: #C8C8C8;
	SCROLLBAR-TRACK-COLOR: #3C3C3C;
	SCROLLBAR-DARKSHADOW-COLOR: #202020;
	overflow-x:hidden;
	overflow-y:hidden;	
	
}
#top_container
{
  width : 100%;
	height : 79px;
	padding: 0;
	margin: 0;
	position : absolute;
}

#top_logo
{
	position: absolute;
	left: 0px;
	top: 0px;	
	width : 175px;
	height : 38px;
	padding : 0px 5px;
	background: #202020 url("../images/logo_yap.jpg") no-repeat bottom left ;
	position: relative;
}
#top_logo a{
	color: #aaa;
	text-decoration: none;
}
#top_logo a:visited{
	color: #aaa;
	text-decoration: none;
}
#top_logo a:hover{
	color: #aaa;
	text-decoration: none;
}
#top_container_nav_vignettes
{
	position: absolute;
	width: 100%;
	left: 240px;
	top: 0px;
	height: 60px;
	text-align: center;
}
#top_leftarrow
{
	position: absolute;
	left: 20px; 
	top: 0px;	
	width : 41px;
	height : 55px;
	background: #202020 url("../images/top_gauche.jpg") no-repeat bottom left ;
}
#top_noleftarrow
{
	position: absolute;
	left: 20px; 
	top: 0px;	
	width : 41px;
	height : 55px;
	background: #202020;
}

#top_cadreVignettes
{
	position: absolute;
	left: 61px;
	top: 18px;	
	width : 400px;
	height : 31px;
	padding: 0px 0px 0px 0px;
	border : 1px solid #000;
}

#top_rightarrow
{
	position: absolute;
	left: 461px;
	top: 0px;	
	width : 36px;
	height : 55px;
	background: #202020 url("../images/top_droit.jpg") no-repeat bottom left ;
}
#top_norightarrow
{
	position: absolute;
	left: 461px;
	top: 0px;	
	width : 36px;
	height : 55px;
	background: #202020;
}
#mailform_container{
	position: relative;
	width : 720px;
	padding: 0px 0px 0px 0px;
	border-bottom: 0;
	border-top: 0;
	margin: 0 auto;
	text-align: middle;
	border : 1px solid #C8C8C8;
}
#mailform_container2{
	position: relative;
	width : 545px;
	padding: 0px 0px 0px 0px;
	border-bottom: 0;
	border-top: 0;
	margin: 0 auto;
	text-align: middle;
	border : 1px solid #C8C8C8;
}
#mailform
{
	white-space: nowrap;
	padding: 0;
	margin: 5px;
	color: inherit;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.1em;
}
#mailform td
{
	white-space: nowrap;
	padding: 0;
	margin: 5px;
	color: inherit;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.1em;
}
#mailform textarea
{
	padding: 0;
	color: #C8C8C8;
	background-color: #282828;
	font: 10px Verdana, Arial, Helvetica, sans-serif ;
	letter-spacing: 0.1em;
}
#mailform input
{
	white-space: nowrap;
	padding: 0;
	color: #C8C8C8;
	background-color: #282828;
	font: 10px Verdana, Arial, Helvetica, sans-serif ;
	letter-spacing: 0.1em;
}
#mailform a{
	color: #aaa;
	font-weight: bold;
	text-decoration: none;
}
#mailform a:visited{
	color: #aaa;
	text-decoration: none;
}
#mailform a:hover{
	color: #aaa;
	background: #4D4D4D;
	text-decoration: none;
}
#close a{
	color: #aaa;
	font-weight: bold;
	text-decoration: none;
}
#close a:visited{
	color: #aaa;
	text-decoration: none;
}
#close a:hover{
	color: #aaa;
	background: #484848;
	text-decoration: none;
}
#links_container{
	position: relative;
	width : 720px;
	padding: 0px 0px 0px 0px;
	border-bottom: 0;
	border-top: 0;
	margin: 5 auto;
	text-align: left;
	border : 1px solid #C8C8C8;
	
}
#links_title
{
	color: #aaa;
	font: 12px Verdana, Arial, Helvetica, sans-serif ;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.5em;
	text-align: center;
}
#links_cat
{
	color: #aaa;
	font: 12px Verdana, Arial, Helvetica, sans-serif ;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.2em;
	text-align: left;
}
#links_souscat
{
	color: #aaa;
	font: 12px Verdana, Arial, Helvetica, sans-serif ;
	margin : 5;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: left;
}
#links
{
	white-space: nowrap;
	margin: 15px;
	color: inherit;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.1em;
}
#links td
{
	white-space: nowrap;
	margin: 15px;
	color: inherit;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.1em;
}

#links a{
	color: #aaa;
	font-weight: bold;
	text-decoration: none;
}
#links a:visited{
	color: #aaa;
	text-decoration: none;
}
#links a:hover{
	color: #aaa;
	background: #484848;
	text-decoration: none;
}
#links_id
{
	margin : 3px;
	background-image: url("../images/bullet2.gif");
	background-repeat: no-repeat;
	background-position: 8px 1px;
	padding: 0px 0px 0px 20px;
}
#ressources_container{
	position: relative;
	width : 720px;
	padding: 0px 0px 0px 0px;
	border-bottom: 0;
	border-top: 0;
	margin: 5 auto;
	text-align: left;
	border : 1px solid #C8C8C8;
	
}
#ressources_title
{
	color: #aaa;
	font: 12px Verdana, Arial, Helvetica, sans-serif ;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0.5em;
}
#ressources_cat
{
	color: #aaa;
	font: 12px Verdana, Arial, Helvetica, sans-serif ;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.2em;
	text-align: left;
}
#ressources_souscat
{
	color: #aaa;
	font: 12px Verdana, Arial, Helvetica, sans-serif ;
	margin : 5;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: left;
}
#ressources
{
	white-space: nowrap;
	margin: 15px;
	color: inherit;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}
#ressources td
{
	white-space: nowrap;
	margin: 15px;
	color: inherit;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.1em;
}

#ressources a{
	color: #aaa;
	font-weight: bold;
	text-decoration: none;
}
#ressources a:visited{
	color: #aaa;
	text-decoration: none;
}
#ressources a:hover{
	color: #aaa;
	background: #484848;
	text-decoration: none;
}
#ressources_id
{
	margin : 3px;
	background-image: url("../images/bullet2.gif");
	background-repeat: no-repeat;
	background-position: 8px 1px;
	padding: 0px 0px 0px 20px;
}


.tooltiptitle{COLOR: #000000; TEXT-DECORATION: none; CURSOR: Default; font-family: verdana; font-weight: bold; font-size: 9pt}
.tooltipcontent{COLOR: #4D4D4D; TEXT-DECORATION: none; CURSOR: Default; font-family: verdana; font-size: 8pt}
#ToolTip{position:absolute; width: 100px; top: 0px; left: 0px; z-index:4; visibility:hidden;}