/* Cette feuille de style permet de geer toutes les parties du Framework devant etre variable! */


/* Import du fichier Constants */
* {
	padding: 0;
	margin: 0;
	border: 0;
}
#DL-global {
	float: left;
	width: 770px;
}
#DL-container {
/* à enlever pour le print */
	float: left;
	width: 770px;
}
#DL-mainframe	{
/* à enlever pour le print */
	float: left;
	width: 770px;
}

/*topnav layout */
#DL-topnavbar	{
	float: left;
	width: 770px;
/*	width: 48.125em;*/
	background: url(../../../../fileadmin/IHP/PICS/tabcorner.gif) top right no-repeat #EDEBEB;
	font-size: 0.95em;
	color: inherit;
}
#DL-topnavbar ul {
	width: 100%;
	font-size: 75%;
}
#DL-topnavbar ul li {
	float: left;
	display: inline;
	list-style: none;
}
#DL-topnavbar ul li a:active, #DL-topnavbar ul li a:link, #DL-topnavbar ul li a:visited {
	float: left;
	display: block;
	padding: 5px 9px;
	background-color:	transparent;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#DL-topnavbar ul li a { float:none;}
  /* End IE5-Mac hack */
 
/* Delta Layout */
#DL-deltablock	{
	float: left;
	width: 770px;
	display:inline;
	position: relative;
	border-bottom: 1px solid #fff;
}
#DL-logobox {
	float: left;
	width: 186px;
	display:inline;
	position: absolute;
}
#DL-deltabox {
	background-color: #fff;
	color: inherit;
	text-align: right;
	width: 770px;
	border-bottom: 1px solid #fff;
}
#DL-deltasloganbox	{
	padding-left: 208px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 770px;
/*	w\idth: 562px;*/
}

/* Toolbar Layout */
#DL-toolbar {
	width: 100%;
	font-size: 70%;
}
#DL-toolbox {
	float: left;
	width: 60%;
}
#DL-toolbox ul {
	width: 100%;
}
#DL-toolbox ul li {
	float: left;
	display: inline;
	list-style: none;
}
#DL-toolbox ul li a:active, #DL-toolbox ul li a:link, #DL-toolbox ul li a:visited {
	float: left;
	display: block;
	background-color: inherit;
	color: #FFF;
	text-decoration: none;
/*	 Provoque une erreur dans la validation du CSS par le W3C
font-weight: none; */
	padding: 5px 33px 5px 8px;
	background: url(../../../../fileadmin/IHP/PICS/tabcorner.gif) top right no-repeat;
}
#DL-toolbox ul li a:hover {
	text-decoration: underline;
}
#DL-languagebox {
	float: right;
	width: 40%;
	background-image: url(../../../../fileadmin/IHP/PICS/tabcorner.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
#DL-languagebox ul {
	width: 100%;
	list-style: none;
}
#DL-languagebox li {
	float: right;
	display: inline;
	list-style: none;
}
#DL-languagebox ul li a:active, #DL-languagebox ul li a:link, #DL-languagebox ul li a:visited {
	float: left;
	display: block;
	background-color: inherit;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 13px 5px 8px;
}
#DL-languagebox ul li a:hover {
	text-decoration: underline;
}
#DL-languagebox ul li a.DS-languagetab:active, #DL-languagebox ul li a.DS-languagetab:link, #DL-languagebox ul li a.DS-languagetab:visited {
	background: url(../../../../fileadmin/IHP/PICS/tabcorner.gif) top right no-repeat;
}

/* Breadcrumb Layout */
#DL-breadcrumbbar {
	float: left;
	width: 768px;
	border: 1px solid #fff;
}
#DL-breadcrumbbar ul {
	width: 100%;
	font-size: 70%;
}
#DL-breadcrumbbar ul li {
	float: left;
	display: inline;
	list-style: none;
}
#DL-breadcrumbbar ul li a:active, #DL-breadcrumbbar ul li a:link, #DL-breadcrumbbar ul li a:visited {
	float: left;
	display: block;
	background-color: inherit;
	color: #333;
	text-decoration: none;
/*	 Provoque une erreur dans la validation du CSS par le W3C
	font-weight: none; */
	padding: 1px 5px 1px 5px;
}
#DL-breadcrumbbar ul li a:hover {
	text-decoration: underline;
}

/* Leftnav Layout */
#DL-leftnav {
	float: left;
	width: 170px;
	font-size: 80%;
}

#DL-leftnav ul {
list-style: none;
}
#DL-leftnav li{
	padding: .2em 1.3em;
	display: block;
	background-position: .4em .7em;
	background-repeat: no-repeat;
	background-image: url(../../../../fileadmin/IHP/PICS/navarrow.gif);
}

/* Rightnav Layout */
#DL-rightnav {
	float: left;
	width: 170px;
	font-size: 80%;
}
#DL-rightnav ul {
	list-style: none;
	background-color: #D4E0DF;
	color: inherit;
}
#DL-rightnav li{
	padding: .2em 1.3em;
	display: block;
	background-position: .4em .7em;
	background-repeat: no-repeat;
	background-image: url(../../../../fileadmin/IHP/PICS/navarrow.gif);
}

#DL-rightnav li.DS-subnavlink_2{
	padding: .2em 1.3em;
	display: block;
	background-position: .4em .7em;
	background-repeat: no-repeat;
	background-image: url(../../../../fileadmin/IHP/PICS/greenbullet.gif);
}
#DL-rightnav_2 {
	float: left;
	width: 170px;
	font-size: 80%;
}
#DL-rightnav_2 ul {
	list-style: none;
	background-color: #D4E0DF;
	color: inherit;
}
#DL-rightnav_2 li{
	padding: .2em 1.3em;
	display: block;
	background-position: .4em .7em;
	background-repeat: no-repeat;
	background-image: url(../../../../fileadmin/IHP/PICS/navarrow.gif);
}

#DL-rightnav_2 li.DS-subnavlink_2{
	padding: .2em 1.3em;
	display: block;
	background-position: .4em .7em;
	background-repeat: no-repeat;
	background-image: url(../../../../fileadmin/IHP/PICS/greenbullet.gif);
}
/* Content Layout */
/* To be used to 3 column layout */
#DL-content {
	float: left;
	width: 427px;
	font-size: 80%;
	position: relative;
	background-color: #fff;
	color: inherit;

}
/* To be used to 2 column layout */
#DL-contentwide {
	float: left;
	width: 600px;
	background: white;
	color: inherit;
	position: relative;
	font-size: 80%;
}
/* Main Homepage Story */
#DL-content .DL-featureStory {
	float: left;
	width: 253px;
}
#DL-contentwide .DL-featureStory {
	float: left;
	width: 423px;
}
.DL-featureImg {
	float: left;
	margin: 13px 3px 5px 10px;
	width: 164px;
	display: inline;
	font-size: 80%;
	background-color: inherit;
	color: #999999;
	line-height: 11px;
}
	
#DL-content p, #DL-contentwide p {
	margin: 0 10px 10px 10px;
}
	
/* Layout for objects on Homepage */
.DL-newsObject ul {
	float: left;
	list-style: none;
	margin: 25px 0 7px 10px;
	width: 47%;
	display: inline;
	clear: both;
}
.DL-eventObject ul {
	float: right;
	list-style: none;
	margin-right: 10px;
	margin-top: 25px;
	width: 47%;
	display: inline;
}
.DL-publishedObject ul {
	float: right;
	list-style: none;
	margin-right: 10px;
	margin-top: 0px;
	width: 47%;
	display: inline;
}
	
/*Page Functions Layout */
#DL-pageFunctions {
	clear: both;
	background-color: #D4E0DF;
	color: inherit;
	float: left;
	width: 100%;
	font-size: 70%;
}
#DL-pageFunctions ul {
	list-style: none;
	background-color: #DAE2E9;
	color: inherit;
	margin: 0 170px;
	width: 430px;
	float: left;
	display: inline;
}
#DL-pageFunctions li {
	display: inline;
	float: left;
}

/* Footer Layout */
#DL-footerbar {
/* Incer des paddings pour les logos W3C */
	padding-top: 3px;
	padding-bottom: 0px;
	padding-right: 3px;
	background-color: #575757;
	color: inherit;
	font-size: 70%;
	float: right;
	width: 770px;
}
#DL-footerbar ul {
	width: 100%;
	text-align: right
}
#DL-footerbar ul li {
	float: right;
	display: inline;
	list-style: none;
}
#DL-footerbar a:active, #DL-footerbar a:link, #DL-footerbar a:visited {
	background-color: inherit;
	color: #F5F5F5;
	text-decoration: none;
	margin-left: 30px;
	display: block;
}

#DL-footerbar .DS-copyright {
	background-color: inherit;
	color: #F5F5F5;
	text-decoration: none;
	display: block;
	margin-left: 30px;
	margin-right: 10px;
}

#DL-footerbar a:hover {
	background-color: inherit;
	color: #F5F5F5;
	text-decoration: underline;
}
.releated	{
	border:	1px solid #417C7A;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 10px;
	background-color: #EFEFEF;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.rel_title {
	text-align:	center;
	font-weight: bold;
	color: #417C7A;
	padding-bottom: 10px;
	}
#DL-rightnav_2 a:active, #DL-rightnav_2 a:link, #DL-rightnav_2 a:visited {
	float: left;
	display: block;
	background-color: inherit;
	color: #417C7A;
	text-decoration: underline;
	font-weight: bold;
}
#DL-rightnav_2 a:hover {
	text-decoration: underline;
}
.tipafriend {
	margin: 10px;
}