/* //// Couleurs Unafo bleu logo : #182e71 - Orange : #df902b - Marron TXT : #595959 - Marron : #402e26 - Gris : #9f9997//// */

/* Normalise les marges et le remplissage*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, fieldset, input, p, blockquote, th, td {
	margin : 0;
	padding : 0;
}
/* Normalise les taille de polices pour les en-t�tes */
h1, h2, h3, h4, h5, h6 {
	font-size : 100%;
}
/*Supprime list-style pour les listes*/
ol, ul {
	list-style : none;
}
/* Normalise les styles et graisse de fontes->> font-syle et font-weight sont normal */
address, caption, cite, code, dfn, em, th, var {
	font-style : normal;
	font-weight : normal;
}
/* Supprime lrs bordure des tableaux */
table {
	border-collapse : collapse;
	border-spacing : 0;
}
/* Supprime les bordures dans les �l�ments fieldset et img */
fieldset, img, img a {
	border : 0;
	margin: 0;
	padding: 0;
}
/* Aligne le texte � gauche dans caption et th */
caption, th {
	text-align : left;
}
html {
	text-align : center;
}
body {
	position : relative;
	width : 980px;
	text-align : left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
img, img a {
	border: 0;
	margin: 0;
	padding: 0;
}

a {
	text-decoration:none;
	color:#182e71;
	font-weight: bold;
}

a:hover {
	text-decoration:none;
	color:#df902b;
}
/* //// STYLES des TYPO //// */

.normal {
	font-weight: normal;
}

.gras {
	font-weight: bold;
}

.gras_capital {
	font-weight: bold;
	text-transform: uppercase;
}
.gras_italique {
	font-style: italic;
	font-weight: bold;
}
.capital {
	text-transform: uppercase;
}
.italique {
	font-style: italic;
}
.corpsNul {
	font-size: 1px;
}
.enLigne {
	display: inline;
}
.intelignage-small {
	line-height: 11px;
}
.finfloat {
	clear: both;
}

/*Stucture">*/

#enveloppe {
	color:#000;
	width:980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(/images-internet/fd-contenu.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

/***** Haut de page*****/
#top {
	width: 980px;
	height:220px;
	background-image: url(/images-internet/unafo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#top .dateMaj {
	float: left;
	width: 150px;
	height:214px;
	text-align: right;
	padding-top: 0px;
	padding-right: 24px;
	font-size: 11px;
	color: #df902b;
}
#top .imagesTop {
	float: left;
	width: 249px;
	height:187px;
	padding-top: 33px;
}

/***** Nav - horizontale *****/
#navigationHori {
	background-image: url(/images-internet/fd-nav.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	height: 17px;
	width: 980px;
	padding-top:3px;
	text-align: center;
}

ul#navlist {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}
#navlist li {
	display: inline;
	list-style-type: none;
}
#navlist a {
	padding-right: 0px;
	padding-left: 0px;
}
#navlist a:link, #navlist a:visited {
	color: #ffffff;
	text-decoration: none;
}
#navlist a:hover {
	color: #182e71;
	text-decoration: none;
}
#navlist li a#current {
	color: #182e71;
	text-decoration: none;
}

/***** Contenu Structure*****/

#NavigationRubric2 {
	float: left;
	width: 145px;
	text-align: left;
	padding-bottom: 15px;
	padding-right: 23px;
	padding-top: 15px;
	padding-left: 5px;
}

#contenu {
	float: left;
	width: 587px;
	text-align: left;
	padding-bottom: 15px;
	padding-top: 0;
	padding-right: 19px;
	background-position: right top;	
	background-image: url(/images-internet/arrondi.jpg);
	background-repeat: no-repeat;
	}
	
#contenubase {
	float: left;
	width: 743px;
	text-align: left;
	padding-left:20px;
	padding-bottom: 15px;
	padding-top: 0;
	padding-right: 19px;
	background-position: right top;	
	background-image: url(/images-internet/arrondi.jpg);
	background-repeat: no-repeat;
	}
	
html>body #contenu {
	padding-right: 22px;
}


#lienRapide {
	float: left;
	width: 191px;
	text-align: left;
	padding-bottom: 15px;
	padding-right: 0px;
	padding-top: 15px;
	padding-left: 0px;
	margin: 0;
}

/***** Navigation Verticale 2 & 3 niveau*****/

#navigation * { margin:0; padding:0; border:0}

#navigation  {
	display: block;
	float: left;
	width: 145px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #402e26;
}

#navigation .titrage  {
	display: block;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 15px;
	padding-left: 11px;
	font-size: 14px;
	line-height: 13px;
	font-weight: normal;
	color: #df902b;	
}

#navigation ul {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	padding: 0;
	border: 0;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
}

#navigation li {}

#navigation ul li a {
	display: block;
	color: #df902b;
	text-decoration: none;
	border: 0;
	background-position: 0px -3px;
	background-image: url(/images-internet/fleche-nav.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 11px;
	font-weight: normal;
}

#navigation ul li a:hover, #navigation ul li a.active {
	color: #333b68;
	text-decoration: none;
	background-position: 0px -103px;
	background-image: url(/images-internet/fleche-nav.gif);
	background-repeat: no-repeat;
	font-weight: bold;
}

#navigation .current1{
	color: #333b68;
	text-decoration: none;
	background-position: 0px -103px;
	background-image: url(/images-internet/fleche-nav.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	}

/* Navigation N>3 */
#navigation ul ul li {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border: 0;
	color: #df902b;
	line-height: 12px;		
}
#navigation ul ul li a {
	display: block;
	font-variant: normal;
	font-weight: normal;
	color: #df902b;
	margin-bottom: 6px;
	background-image: url(/images-internet/puce-navigation3.gif);
	background-repeat: no-repeat;
	background-position: 12px -5px;
    text-decoration: none;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 22px;
	
}

#navigation ul ul li a:hover,#navigation ul ul li a.active {
	color: #333b68;
	background-image: url(/images-internet/puce-navigation3.gif);
	background-repeat: no-repeat;
	background-position: 12px -105px;
	text-decoration: none;
	font-weight: bold;
}
#navigation .current2{
	color: #333b68;
	background-image: url(/images-internet/puce-navigation3.gif);
	background-repeat: no-repeat;
	background-position: 12px -105px;
	text-decoration: none;
	font-weight: bold;
}


/*Vignette Info plus */
#vignetteInfoPlus {
	width: 148px;
	background-image: url(/images-internet/fd-info-plus-middle.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#vignetteInfoPlus .topVignette {
	background-image: url(/images-internet/fd-info-plus-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 6px;
}

#vignetteInfoPlus .middleVignette {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #402e26;

}

#vignetteInfoPlus .middleVignette p{
	margin-bottom: 8px;	
	margin-left: 6px;
	margin-right: 5px;
	margin-top: 5px;
}

#vignetteInfoPlus .middleVignette a {
	color: #182e71;
	text-decoration: none;	
}

#vignetteInfoPlus .middleVignette a:hover {
	color: #df902b;
	text-decoration: none;	
}

#vignetteInfoPlus .middleVignette .titrageVignette {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #99302f;
	line-height: 15px;
	display: block;
	margin-bottom: 3px;
}

#vignetteInfoPlus .basVignette {
	background-image: url(/images-internet/fd-info-plus-bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 6px;
}

/***** Liens Rapides  *****/
#lienRapide a {
	color: #182e71;
	font-size: 12px;
	font-weight: bold;
	background-image: url(/images-internet/fleche-blanche.gif);
	background-repeat: no-repeat;
	background-position: 10px 2px;
	padding-left: 22px;
}

#lienRapide a:hover {
	color: #ffffff;
}
#lienRapide .navPerdu{
	padding-top: 2px;
	display: block;
	margin-left: 25px;
}

#lienRapide .navPerdu a {
	padding-top: 2px;
	color: #73655e;
	font-size: 10px;
	font-weight: bold;
	
}

#lienRapide .navPerdu a:hover {
	color: #182e71;
}

#lienRapide img {
	padding:0px;
        margin:0px;
	}

#lienRapide .herberg {
	background-image: url(/images-internet/titrage-hebergement.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 73px;
	padding-top: 63px;
	width:194px;
}
#lienRapide .herberg2 {
	width:194px;
}

#lienRapide .zoneLogin {
	width: 135px;
	background-color: #df902b;
	height: 16px;
	padding-left: 2px;
	padding-top: 1px; 
        font-size: 11px;
	color: #182e71;
	border: 1px solid #182e71;
	margin-bottom: 5px;
	margin-left: 8px;
	margin-right: 4px;
}

#lienRapide .zonePasse {
	width: 135px;
	background-color: #df902b;
	height: 16px;
	padding-top: 1px; 
        padding-left: 2px;
	font-size: 11px;
	color: #182e71;
	border: 1px solid #182e71;
	margin-left: 8px;
	margin-right: 4px;
}

#lienRapide .zoneRecherche {
	width: 135px;
	background-color: #9f9997;
	height: 16px;
	padding-left: 2px;
        padding-top: 1px;    
	font-size: 11px;
	color: #182e71;
	border: 1px solid #182e71;
	margin-left: 8px;
	margin-right: 4px;
}



/***** Bas de page*****/
#baspage {
	background-image: url(/images-internet/fd-bas-de-page.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 55px;
	width: 980px;
}

#baspage .blocAdresse {
	float: left;
	width: 150px;
	text-align: right;
	padding-top: 3px;
	padding-right: 30px;
	font-size: 11px;
	color: #402e26;
	line-height: 12px;
}

#baspage .navigationBas {
	float: left;
	width: 790px;
	padding-top: 10px;
	text-align: center;
}

ul#navbas {
	white-space: nowrap;
	font-weight: normal;
}
#navbas li {
	display: inline;
	list-style-type: none;
}
#navbas a {
	font-size: 11px;
	font-weight: normal;
	color: #402e26;
}
#navbas a:hover {
	color: #df902b;
	text-decoration: none;
}


.hiddenPart{visibility:hidden; position:absolute;}

ol#root {  padding-left: 2px; margin-top: 2px; margin-bottom: 1px; list-style: none; margin-left:0px;}
#root ol {  margin-left: 26px;padding-left: 2px; margin-top: 2px; margin-bottom: 1px; list-style: none;}
#root li { margin-bottom: 1px; padding-left: 2px;  margin-top: 2px; margin-right:2px;text-align:left; width:100%; font-size:11px;}
.folder { background: url(/tzr/templates/images/folder-closed.gif )  no-repeat; float: left; height: 14px; width: 26px; padding-right: 3px }
.folder-nosub { background: url(/tzr/templates/images/folder-nosub.gif )  no-repeat; float: left; height: 14px; width: 26px; padding-right: 3px }
.doc { background: url(/tzr/templates/images/file.gif ) no-repeat; float: left; height: 14px; width: 26px; padding-right: 3px; margin-left: 2px;}


.folder{
background-image:url(<%$smarty.const.TZR_SHARE_URL%>ico/<%$syslabels.xmoddocmgt.arrow_right%>);
background-position:bottom;
width:10px;
}
.folder-nosub{
background-image:url(/tzr/templates/ico/xmoddocmgt/no-arrow.gif);
background-position:bottom;
width:10px; }

h5 { color: #E5A039; font-weight:bold; font-size:12px; padding:0px; margin:0; }

.tzr-docmgt-comment { font-weight:bold; color:#b36c30; padding-left:15px; }
.tzr-docmgt-doc1 { margin:0px; padding:3px; border-bottom:1px solid #9f9997; }

#viewdirdiv { font-weight:bold; padding:0px; margin:0; background-color:#CCCCCC; border:1px solid #9f9997}
#viewdirtitlediv h5 { padding:3px; color: #FFFFFF; font-weight:bold; font-size:12px; margin:0; background-color:#9f9997;  }

.tzr-xdirdef-dir div {
	clear:both;
	margin:0pt 0pt 5px;
	padding:0pt;
}