/* Feuille de style pour Zangger */
* {
	margin: 0;
	padding: 0;
}

a img{ /* on supprime la bordure des images servant de lien */
  border: 0;
}

#pageZangger  { /* format global de la page */
	width: 1000px;
	min-height: 80%;
	position: relative;
}

#headerZangger { /* l'entête qui contient le logo */
	background: url(images/header.jpg) no-repeat;
	height: 200px;
	text-align: right;
	vertical-align: bottom;
}

#menuTopZangger { /* le menu de 1er niveau */
	background: #fff url(images/bk_menuTopZangger.gif) top repeat-x;
	 border-bottom: lightgrey 1px solid;
}

#menuTopZangger ul{ /* le menu est une liste placée horizontalement */
	list-style-type: none;
	width: 100%; /* précision pour Opera */
}

#menuTopZangger li{ /* aspect de chaque élément du menu */
	float: left;
	margin: 5px 2px 1px 0px;
}

#menuTopZangger a { /* aspect par défaut des liens du menu */
	float: left;
	padding: 1px 8px 1px 8px;
	font: 12px/15pt Tahoma, "Arial Narrow", Arial, sans serif;
	color: #ACCCCB;
	text-decoration: none;
	background: #337C73 url(images/bk_buttonTopZangger.gif) bottom repeat-x; /* fond du bouton */
}

#menuTopZangger a:hover, #menuTopZangger .activeparent, #menuTopZangger .currentpage { /* aspect lors du survol des liens du menu  et du menu actif */
	color: #337C73;
	text-decoration: none;
	background: #ACCCCB url(images/bk_buttonTopZangger_select.gif) bottom repeat-x; */
}

#contentZangger { /* Boite anglobant 'contentMain', 'contentSub1', 'contentSub2' et 'footer' */
}

#contentZanggerSub1 { /* boite flottante contenant les menus de 2ème niveau */
	vertical-align: top;
	padding-top: 15px;
	width: 250px;
	background-color: #ACCCCB;
	font: 13px/15pt Tahoma, "Arial Narrow", Arial, sans serif;
	letter-spacing: 0.00em;
}

#contentZanggerSub1 ul { /* le menu est une liste placée horizontalement */
	list-style-type: none;
	padding: 0px 0px 10px 0px;
}

#contentZanggerSub1 li { /* aspect de chaque élément du menu */
	padding: 0px 0px 0px 10px;
}

#contentZanggerSub1 a { /* aspect par défaut des liens du menu */
	color: #337C73;
	text-decoration: none;
}
#contentZanggerSub1 a:hover, #contentZanggerSub1 .activeparent, #contentZanggerSub1 .currentpage { /* aspect lors du survol des liens du menu et du menu actif */
	color: white;
}
#contentZanggerSub1 ul, ol, ul ul,ol ol {  /* décalage des sous-menus */
	padding: 0px 0px 0px 10px;
}
#contentZanggerSub2 { /* boite flottante supplémentaire */
	vertical-align: top;
	text-align: right;
	width: 120px;
	font: 12px Tahoma, "Arial Narrow", Arial, sans serif;
}
#contentZanggerMain { /*cadre principal */
	margin: 0px 0px 0px 250px; /* les marges gauches et droites sont fonctions de la largeurs des colonnes 'contentSub1' et 'contentSub2' */
	padding: 0 12px 10px 12px; /* avec un retrait de part et d'autre et de l'espace pour le footer*/
	vertical-align: top;
}
#contentZanggerMain img { margin: 0px; padding: 0px; }
#contentZanggerMain h1, #contentZanggerMain .h1 {
	font: bold 18px/15pt Tahoma, "Arial Narrow", Arial, sans serif;
	letter-spacing: 0.05em;
	color: #337C73;
	margin:10px 0px 15px 0px;
}
#contentZanggerMain h2, #contentZanggerMain .h2 {
	font: bold 14px/15pt Tahoma, "Arial Narrow", Arial, sans serif;
	letter-spacing: 0.02em;
	color: #337C73;
	margin:15px 0px 5px 0px;
}
#contentZanggerMain h3, #contentZanggerMain .h3 {
	font: bold 12px/15pt Tahoma, "Arial Narrow", Arial, sans serif;
	letter-spacing: 0.02em;
	color: #ACCCCB;
	margin:10px 0px 5px 0px;
}
#contentZanggerMain h4, #contentZanggerMain a.h4 {
	font-weight: bold;
}
#contentZanggerMain .sousTitre {
	font: bold 18px/20pt "Monotype Corsiva", serif;
	letter-spacing: 0.02em;
	color: #ACCCCB;
	margin: 15px 30px 15px 30px;
	text-transform: none;
}
#contentZanggerMain p { /* aspect du paragraphe */
	font: 12px/15pt Tahoma, "Arial Narrow", Arial, sans serif;
	letter-spacing: 0.02em;
	text-decoration: none;
	color: #444;
	margin:0px 0px 10px 0px;
	text-align: left;
}
#contentZanggerMain blockquote { /* aspect du paragraphe */
	font: 14px/15pt Tahoma, "Arial Narrow", Arial, sans serif;
	border-left:dotted;
	border-left-width:thin;
	padding-left:5px;
	letter-spacing: 0.02em;
	color:#900;
	margin:20px 10px 20px 10px;
	text-align:left;
}

#contentZanggerMain a { /* aspect des liens Zangger*/
	color: #337C73;
	text-decoration: underline;
}
#contentZanggerMain a:hover { /* aspect des liens Zangger*/
	color: black;
	}
#contentZanggerMain li { /* aspect des listes à puce */
	margin: 0 0 0 10px;
}
#contentZanggerMain a.externe { /* petite puce signalant les liens externes */
	background: url(images/externe.png) no-repeat center right; padding: 0 15px 0 0 ;
}
#contentZanggerMain .imgLeft { /* aspect des images placées à gauche */
	float: left;
	margin: 0 20px 0px 0px;
}
#contentZanggerMain .imgRight { /* aspect des images placées à droite */
	float: right;
	margin: 0 0px 0px 20px;
}
#footerZangger td{ /* aspect du pied de page */
	float: left;
	padding: 3px 10px 3px 10px;
	font: 12px/15pt Tahoma, "Arial Narrow", Arial, sans serif;
	color: #337C73;
	background: #fff url(images/bk_menuTopZangger.gif) top repeat-x;
	border-bottom: lightgrey 1px solid;
}
#footerZangger a { /* aspect par défaut des liens du menu */
	color: #337C73;
	text-decoration: none;
}
#footerZangger a:hover { /* aspect lors du survol des liens du menu et du menu actif */
	color: black;
}
#box .ZanggerTitre { /* aspect du titre de la boite d'info Zangger */
	font-size: 13px;
	font-weight: bold;
	color: #598abd;
}
#box .ZanggerTd { /* aspect des lignes de la boite d'info Zangger */
	background-color: #d8e7f6;
	height: 100%;
}