/*
Feuille de style
V1.5
Bertrand CASTELLI
16/07/2007
*/

/* tailles de div en fixées en px car IE pas content sinon*/
/*couleur background : #017609*/
/*couleur fond : #f9fdfe*/
/*séparateurs : #aaa*/

/*------------------------------------------------------------------------------*/
* {
	margin : 0;
	padding : 0;
	border : 0;
	
	font-family : Arial, Helvetica, Sans-Serif;
	font-size : 10pt;
	text-align : left;
	
	position : relative;
}

html, body {
	color : black;
	background-color : #017609;
	
	text-align : center;
	
	height : 100%;
}


/*------------------------------------------------------------------------------*/
/*liens*/
a {
	text-decoration : underline;
	
	color : black;
}

a.imagelien {
	line-height : 1px;
	font-size : 1px;
}

a:active {

}

a:hover {

}

a:link {

}

a:visited {

}


/*------------------------------------------------------------------------------*/
/*structure de page*/
div#outerpage {
	margin-left : auto;
	margin-right : auto;
	padding-top : 10px;
	
	width : 1000px;
	min-height : 100%;
	height : auto;
	
	background-image : url(../style/background.gif);
	background-position : left;
	background-repeat : repeat-y;
	background-color : white;
	
	color : black;
}



/*------------------------------------------------------------------------------*/
/*page de garde*/
/*contenu*/
div#contenu_entree {
	width : 960px;
}

div#innerpage_entree {
	background-image : url(../style/enter.jpg);
	background-repeat : no-repeat;
	background-position : center;
	
	height : 650px;
}


/*div vf/ev*/
div.enter {
	position : relative;
	top : 450px;
	left : 275px;
	width : 200px;
	
	float : left;
	
	text-align : center;
}

div.enter a {
	font-size : 16pt;
	font-weight : bold;
}





/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*CONTENU*/

/*bannière*/
div#titre {
	margin-bottom : 10px;
	margin-left : 10px;
	
	width : 950px;
	height : 144px; /*140 d'image + 10 de H + 14 de B - 2*20 de padding*/
}


/*------------------------------------------------------------------------------*/
/*menu*/
div#tourmenu {
	float : left;
	
	width : 201px;
	
	margin-right : 10px;
	margin-bottom : 10px;
	margin-left : 10px;
	
	display : inline; /*IE double left margin hack*/
}

/*titre du menu*/
div.menu div.top {
	background-image : url(../style/top.gif);
	background-color : #f9fdfe;
	
	height : 22px;
	
	padding-top : 8px;
	
	font-weight : bold;
	font-size : 11pt;
	text-align : center;
	
	color : white;
}

/*bas du menu*/
div.menu div.bottom {
	background-image : url(../style/bottom.gif);
	
	height : 20px;
}

/*contenu du menu*/
div.menu div.menucontent {
	background-image : url(../style/middle.gif);
	
	padding-top : 10px;
	
	text-align : center;
}


/*------------------------------------------------------------------------------*/
/*contenu de page*/
div#innerpage {
	float : left;
	
	width : 739px; /*201 de menu + 10 de marge + 739 de contenu = 950*/
}

/*lien vers haut de page*/
div.lienhaut {
	text-align : right;
}

/*------------------------------------------------------------------------------*/
/*bandeau de navigation*/
div#nav {
	margin-bottom : 10px;
	
	width : 738px; /*bug avec IE6 si 739 ( == taille conteneur)*/
}


/*------------------------------------------------------------------------------*/
/*contenu de la page*/
div#page {
	margin-bottom : 10px;
	
	width : 738px; /*bug avec IE6 si 739 ( == taille conteneur)*/
}


/*------------------------------------------------------------------------------*/
/*pied de page*/
div#footnote {
	clear : both;
	
	width : 950px;
	
	margin-bottom : 10px;
	margin-left : 10px;
}


/*------------------------------------------------------------------------------*/
/*liste de menu*/
div.menu ul.menulist li {
	list-style-type : none;
	
	display : block;
}

div.menu ul.menulist li a {
	height : 90px;
	
	line-height : 90px;
	
	display : block;
	
	padding-left : 5px;
	
	background-image : url(../style/middle.gif);
	
	text-decoration : none;
	text-align : center;
	font-size : 14pt;
}

div.menu ul.menulist li.active a.firstlink {
	background-image : url(../style/selected.gif);
}

div.menu ul.menulist li a.firstlink:hover {
	background-image : url(../style/hover.gif);
}

div.menu ul.menulist li.active a.firstlink:hover {
	background-image : url(../style/selected.gif);
}

/*chaque menu a une image différente, on doit donc les séparer*/
/*on a 4 états : inactif, inactif survolé, actif, actif survolé*/
/*firstlink est un workaround car IE ne supoporte pas > */
/*menu or*/
div.menu li#or a.firstlink {
	background-image : url(../style/menu_or.jpg);
	background-position : 0 -180px;
}

div.menu li#or a.firstlink:hover {
	background-position : 0 0px;
}

div.menu li#or.active a.firstlink {
	background-position : 0 -90px;
}

div.menu li#or.active a.firstlink:hover {
	background-position : 0 -90px;
}

/*menu ha*/
div.menu li#ha a.firstlink {
	background-image : url(../style/menu_ha.jpg);
	background-position : 0 -180px;
}

div.menu li#ha a.firstlink:hover {
	background-position : 0 0px;
}

div.menu li#ha.active a.firstlink {
	background-position : 0 -90px;
}

div.menu li#ha.active a.firstlink:hover {
	background-position : 0 -90px;
}

/*menu en*/
div.menu li#en a.firstlink {
	background-image : url(../style/menu_en.jpg);
	background-position : 0 -180px;
}

div.menu li#en a.firstlink:hover {
	background-position : 0 0px;
}

div.menu li#en.active a.firstlink {
	background-position : 0 -90px;
}

div.menu li#en.active a.firstlink:hover {
	background-position : 0 -90px;
}

/*menu le*/
div.menu li#le a.firstlink {
	background-image : url(../style/menu_le.jpg);
	background-position : 0 -180px;
}

div.menu li#le a.firstlink:hover {
	background-position : 0 0px;
}

div.menu li#le.active a.firstlink {
	background-position : 0 -90px;
}

div.menu li#le.active a.firstlink:hover {
	background-position : 0 -90px;
}


/*sous-menus*/
div.menu ul.menulist ul.submenulist li a {
	height : 30px;
	
	line-height : 30px;
	
	display : block;
	
	padding-left : 25px;
	
	background-image : url(../style/submenu.gif);
	background-position : 0 -60px;
	
	font-size : 9pt;
	text-decoration : underline;
	text-align : left;
}

div.menu ul.menulist ul.submenulist li a:hover {
	height : 30px;
	
	background-position : 0 -30px;
}

div.menu ul.menulist ul.submenulist li.active a {
	height : 30px;
	
	background-position : 0 0px;
}

div.menu ul.menulist ul.submenulist li.active a:hover {
	height : 30px;
	
	background-position : 0 0px;
}


/*sous-sous-menu*/
div.menu ul.menulist ul.submenulist ul.subsubmenulist li a {
	height : 30px;
	
	line-height : 30px;
	
	display : block;
	
	padding-left : 35px;
	
	font-size : 8pt;
	text-decoration : underline;
	text-align : left;
	
	background-image : url(../style/submenu.gif);
	background-position : 0 -60px;
}

div.menu ul.menulist ul.submenulist ul.subsubmenulist li a:hover {
	height : 30px;
	
	background-position : 0 -30px;
}

div.menu ul.menulist ul.submenulist ul.subsubmenulist li.active a {
	height : 30px;
	
	background-position : 0 0px;
}

div.menu ul.menulist ul.submenulist ul.subsubmenulist li.active a:hover {
	height : 30px;
	
	background-position : 0 0px;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*mise en page du contenu*/
h1 {
	font-weight : bold;
	font-size : larger;
	
	padding-bottom : 0.5em;
	margin-bottom : 1em;
	
	border-bottom : 1px dashed #aaa;
}

h2 {
	text-decoration : underline;
	
	margin-top : 3em;
	margin-bottom : 2em;
}

h3 {
	font-style : italic;
	
	margin-bottom : 0.5em;
	margin-left : 0.5em;
}

p:first-letter {
	padding-left : 2em;
}

p {
	margin-bottom : 1em;
}

p.legende {
	font-style : italic;
	
	margin-bottom : 0.5em;
}

td {
	padding : 5px;
}


/*compositions*/
table.compo {
	border : 1px dashed #aaa;
	
	margin-left : 5%;
}

table.compo tfoot tr td {
	border-top : 1px dashed #aaa;
	
	font-size : 8pt;
}

table.compo thead tr td {
	border-bottom : 1px dashed #aaa;
	
	font-size : 10pt;
	font-weight : bold;
}

table.compo td.data {
	border-right : 1px dashed #aaa;
}

/*relevés*/
table.releve {
	border-collapse : collapse;
	border : 1px solid #aaa;
	
	margin-left : 10%;
}

table.releve td.data {
	border-right : 1px dashed #aaa;
	border-bottom : 1px dashed #aaa;
}

table.releve td.data2 {
	border-right : 1px solid #aaa;
	border-bottom : 1px dashed #aaa;
}

table.releve td.bas {
	border-right : 1px dashed #aaa;
	border-bottom : none;
}

table.releve td.bas2 {
	border-right : 1px solid #aaa;
	border-bottom : none;
}

table.releve td.droite {
	border-bottom : 1px dashed #aaa;
}

table.releve td.basdroite {
	border : none;
}


/*conteneur d'images*/
div.imagecontainer {
	clear : both;
	
	position : relative;
}

dl.galerie dd {
	font-style : italic;
	font-size : 8pt;
	text-align : center;
	
	padding-top : 2px;
	
	border-top : 1px dashed #ccc;
}

dl.galerie {
	float : left;
	
	padding : 5px;
	margin-top : 5px;
	margin-left : 5px;
	margin-right : 5px;
	margin-bottom : 2em;
	
	display : inline; /*IE double margin hack*/
	
	border : 1px dashed #ccc;
}

dl.galerie dt {
	height : 200px;
	width : 200px;
	
	text-align : center;
	
	margin-bottom : 5px;
}

dl.galerie dt img {
	margin-top : auto;
	margin-bottom : auto;
}

#page li {
	margin-left : 4em;
}

#page ul {
	margin-bottom : 1em;
}

/*table des matières*/
div.tabmat {
	border-top : 1px dashed #aaa;
	border-bottom : 1px dashed #aaa;
	
	padding-top : 1em;
	margin-top : 1em;
}

a.undermenulink {
	margin-left : 20px;
}

sup {
	font-size : 5pt;
}

/*lien vers haut de page*/
a.lientop {
	text-decoration : none;
	font-size : 8pt;
}

/*délimiteur invisible*/
div.delim {
	clear : both;
	
	visibility : hidden;
	
	height : 1px;
}

/*texte caché*/
.hid {
	display : none;
}

/*texte de menu*/
span.textmenu {
	text-decoration : underline;
	font-size : 14pt;
}

/*drapeaux*/
a.flag {
	margin-left : 20px;
}

span.underlined {
	text-decoration : underline;
}