@charset "iso-8859-1";

/* Website Deprez.org Deprez.info */
/* Webmaster : Jean-Pierre DEPREZ */
/* File : polices.css */
/* Title : Common Stylesheet */


/* ###### Body Text ###### */

body {
font-family: verdana, tahoma, helvetica, arial, sans-serif;
font-size: 94%;
margin: 0;
min-width: 960px;}

h1, h2, h3 {
font-family: "trebuchet ms", verdana, tahoma, sans-serif;}

h1 {
font-size: 156%;
font-weight: bold;
margin-top: 0.25em;}

p {
text-align: justify;}

img {
border: none;}

acronym {
border-bottom-style: dotted;
border-bottom-width: 1px;
cursor: help;}

#bodyText {
line-height: 1.5em;
margin: 1em 1em 0 11em;
padding: 0 1em 0.8em 1em;}

#bodyText .boxedDark, #bodyText .boxedLight {
margin-bottom: 1em;
padding: 2em 4em;
border-style: solid;
border-width: 1px;}

.thumbnail{
text-align: left; 
margin-left: 25px; 
margin-top: 25px;}


/* ###### Header ###### */

#header {
height: 4.2em;
margin-bottom: 0em;
padding: 0em 1em 0em 1.8em;
border-bottom-style: solid;
border-bottom-width: 0.2em;
border-top-style: solid;
border-top-width: 0.2em;
min-width: 400px;}

.headerTitle {
font-size: 200%;
text-decoration: none;
font-weight: bold;
font-style: italic;
line-height: 1.3em;}

.headerMenuBar {
font-size: 87%;
text-align: right;
line-height: 0.5em;}


/* ###### Side Box ###### */

.sideBar {
left:0em;
top:9.4em;
position:fixed;
font-size: 80%;
text-align: right;
width: 12.5em;
float: left;
clear: left;}

.sideBarbold {
font-weight: bold;}

.sideBarTitle {
font-weight: bold;
padding: 0.3em 1em 0.3em 0.3em;
border-top-style: solid;
border-top-width: 1px;}

.sideBar a, /*.sideBar a:hover,*/ .sideBar span {
text-decoration: none;
line-height: 1.25em;
display: block;
padding: 0.5em 1em 0.5em 0.2em;
border-top-style: solid;
border-top-width: 1px;}

.sideBar .sideBarText {
text-align: justify;
padding: 0.5em 0.8em;}

.sideBarDaughter {
font-size: 40%;}

.sideBar .thisPage {
font-weight: bold;}


/* ###### Footer ###### */

#footer {
padding: 0.5em 2em;
clear: left;
border-top-style: solid;
border-top-width: 0.2em;
border-bottom-style: solid;
border-bottom-width: 0.2em;
min-width: 600px;}

#footer div {
font-size: 85%;
text-align: right;
line-height: 1.25em;}

.footerLHS {
float: left;
clear: left;}

.subFooter {
font-size: 85%;
line-height: 1.25em;
padding: .5em 2em;
min-width: 600px;}

.subFooter a {
text-decoration: none;
margin-right: 1ex;
border-bottom-style: solid;
border-bottom-width: 1px;}

.popupict, .popupfile, .downloadpict {
font-size: 75%;}

.longtitle{
font-size: 75%;
padding: .0em 0em 0em 1em;}


/* ###### horizontal menubar ###### */

#menuposition
{
	font-family : verdana, arial, sans-serif ; 
	font-size : 11px ; /* font size of menu*/
	height : 30px ; /*under the menu*/
	width : 1150px ; /* width of the menu*/
	margin-left : auto ;
	margin-right : auto ;
}

#menubar 
{
	list-style : none ; /* no bullet or numering for list */
	margin : -1px 0px 0px 180px ; /* position of menubar */
	padding : 0px 0px 0px 5px ; /* positon of menuitem in menubar */
	background : #abc3ac url('menubar_bck.gif') repeat-x top left ;
	height : 23px ; /* height of the menu */
}


.menu, #menubar li 
{
	padding : 1px ; /* alignment between menuitem and bulet of menu item */
	float : left ;
	text-align : center ; /* center menuitem */
	background : url('menubar_bullet.png') no-repeat ;
}


#menubar a, #menubar a:visited 
{
	margin : 1px ; /* position of text inside the menu bar*/
	display : block ;
	padding : 2px 0px 6px 0px ;
	text-decoration : none ;
	color : #003366 ;
	background:none;
}

#menubar li.hover a, #menubar li:hover a
{
	font-weight :bold ;
	background : url('menubar_hover.png') no-repeat center center ; 
}

#menubar li ul 
{
	/* submenu box */
	margin : -1px 0px 0px 0px ;
	padding : 5px 0px 5px 0px ;
	position : absolute ;
	/*z-index :300 ;*/
	background : #cddbcd ;
	border : 1px solid #003366 ;
	left : -999em ; /* to  unshow */
	width : 160px ; /* default is 300pixels */
}


#menubar li:hover ul,  #menubar li.hover ul
{
	left : auto ;
}

#menubar ul li 
{
	text-align : left ;
	float : none ;
	list-style : none ;
	background-position : 11px 4px ;
	display:block ;
	padding : 0px 0px 0px 30px ;
	
}

#menubar li:hover li a, #menubar li.hover li a 
{
	background : none ;
	font-weight : normal ;
	text-decoration : none ;
	display : block ;
}

#menubar li:hover li a:hover, #menubar li.hover li a:hover
{
	font-weight :bold ;
}


/* Specific size of menu pads and bullets position*/
#menubar #menu0 { width : 158px ; background-position :8px 6px ; }
#menubar #menu1 { width : 158px ; background-position :8px 6px ; }
#menubar #menu2 { width : 158px ; background-position :8px 6px ; }
#menubar #menu3 { width : 158px ; background-position :8px 6px ; }
#menubar #menu4 { width : 158px ; background-position :8px 6px ; }
#menubar #menu5 { width : 158px ; background-position :8px 6px ; }
#menubar #menu6 { width : 158px ; background-position :8px 6px ; }

/* Specific size of menu boxes*/
#menubar #menu0>ul { margin-left : -6px ; width :160px ;}
#menubar #menu1>ul { margin-left : -6px ; width :160px ;}
#menubar #menu2>ul { margin-left : -6px ; width :160px ;}
#menubar #menu3>ul { margin-left : -6px ; width :160px ; }
#menubar #menu4>ul { margin-left : -6px ; width :160px ; }
#menubar #menu5>ul { margin-left : -6px ; width :160px ; }
#menubar #menu6>ul { margin-left : -6px ; width :160px ; }

/* ###### miscellaneous ###### */
.center {
display: block;
text-align: center;}

.center table{
margin-left: auto;
margin-right: auto;
border: 0;
border-spacing: 25px;}

#liste{
	padding : 0px 0px 0px 34px ;
}

/* Google map */
#map
{
	margin-left : -25px;
	padding: 2em 4em;
	border-style: solid;
	border-width: 1px;
	min-width: 625px;
}