/* Responsive webdesign: resize the image to the visible viewport */
img.site_picture {
	max-width: 100vw;
	max-height: 100vh;
	height: auto;
}
img.site_document {
	max-width: 100vw;
	height: auto;
}
img.site_thumbnail {
}
img.site_navigation {
}
/* Responsive webdesign: adjust the font size to the screen resolution and density */
body {
  font-size: 16px;
}

.small {
  font-size: 12px; /* 75% of the baseline */
}

.large {
  font-size: 20px; /* 125% of the baseline */
}
/* Old definition */
H1.ident1 {
	font-weight: bold; 
	font-size: 20px; 
	color: black; 
	margin-left: 0px; 
	margin-top: 0pt; 
	margin-bottom: 0pt
}
H2.ident2 {
	font-weight: bold; 
	font-size: 20px; 
	color: black; 
	margin-left: 30px; 
	margin-top: 0pt; 
	margin-bottom: 0pt
}
H3.ident3 {
	font-weight: bold; 
	font-size: 20px; 
	color: black; 
	margin-left: 60px; 
	margin-top: 0pt; 
	margin-bottom: 0pt
}
H4.ident4 {
	font-weight: bold; 
	font-size: 20px; 
	color: black; 
	margin-left: 90px; 
	margin-top: 0pt; 
	margin-bottom: 0pt
}
P.ident1 {
	font-size: 16px; 
	margin-left: 30px; 
	margin-top: 0pt; 
	margin-bottom: 0pt
}
P.ident2 {
	font-size: 16px; 
	margin-left: 60px; 
	margin-top: 0pt; 
	margin-bottom: 0pt
}
P.ident3 {
	font-size: 16px; 
	margin-left: 90px; 
	margin-top: 0pt; 
	margin-bottom: 0pt
}
P.ident4 {
	font-size: 16px; 
	margin-left: 120px; 
	margin-top: 0pt; 
	margin-bottom: 0pt
}
P.tree {
	font-size: 16pt; 
	text-align: center
}
H1.text {
	font-weight: bold; 
	font-size: 20px;
}
H2.text {
	font-size: 20px;
}
H3.text {
	font-style: italic; 
	font-size: 20px;
}
P.text {
	margin-left:20px; 
	font-size: 16px;
}
UL.text {
	margin-left:20px; 
	font-size: 16px; 
	list-style-position: outside; 
	list-style-type: circle;
}
P.description {
	font-style: italic; 
	font-size: 16px; 
	text-align: center;
}
TD.description {
	font-style: italic; 
	font-size: 16px; 
	text-align: left;
}
P.version {
	font-style: italic; 
	font-size: 12px; 
	text-align: center;
}
BODY {
	margin: 0px 0px 0px 0px;
}
#pdf {
	position:absolute; 
	/*
	min-height:100%; 
	width:10%; 
	height:100%; 
	top:0%; 
	bottom:0%;
	left:3%; 
	*/
	right:3%; 
	/* background-color:red;*/
	/* background: url("background.jpg") scroll center top; */
	vertical-align: middle;
	text-align: center; 
}
#menuAnchor {
	position:fixed;
	left:0px;
	top:0px;
	z-index:3;
}
#previousItem {
	position:fixed;
	left:0px;
	top:50%;
	/*
	top:50vh;
	height: 100%;
	vertical-align: middle;
	*/
	z-index:2;
}
#nextItem {
	position:fixed;
	right:0px;
	top:50%;
	/*
	top:50vh;
	height: 100%;
	vertical-align: middle;
	*/
	z-index:2;
}
#rightPart {
	position:absolute; 
	top: 0px;
	min-height:100%; 
	width:100%; 
	/*
	height:100%; 
	top:0%; 
	bottom:0%;
	*/
	left:0%; 
	right:0%; 
	/* background-color:red;*/
	background: url("background.jpg") scroll center top;
	vertical-align: middle;
	text-align: center; 
	z-index:1;
}
#leftPart {
	position:absolute; 
	top:32px;
	/*
	min-height:100%;
	width:10%; 
	height:100%; 
	top:0%; 
	bottom:0%;
	right:90%; 
	*/
	left:0%; 
	background-color: #566584; /* #B4B5BA; */
	text-align: center; 
	visibility: hidden;
	display: none;
	z-index: 3;
}
#content {
	/*
	margin-bottom: 80px;
	*/
	text-align: left;
}
#bottom {
	/*
	position:absolute; 
	bottom:0%; 
	left:0%; 
	right:0%;
	background-color: red;
	position:absolute; 
	bottom:0%; 
	left:0%; 
	right:0%;
	*/
	width:100%;
	text-align: center;
}
.myBox {
	/* margin: 0.5in auto;
	color: #fff;
	width: 60%;
	padding: 20px;
	text-align: left;
	background-color: #f00;
	border: 3px solid #fff;
	*/
	/* Do rounding (native in Firefox and Safari) */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
#menu {
	text-align: center;
}
#menu div {
	text-align: center;
}

/***************************************************/
/*  M�thode des portes coulissantes (ALSAcreation) */
/***************************************************/
#menu a {
	display: block ;
	/*
	background: #900 url(lienCoulissant.png) left top no-repeat ;
	*/
	background: #900;
	color: #fff ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 4px 0 ;
	text-align: center ;
	text-decoration: none ;
	/* 
	width: 150px ; 
	width: 80%; 
	*/
	text-align: center;
	}
#menu a:hover, #menu div a:focus, #menu div a:active {
	/*
	background: #033 url(lienCoulissant.png) right top no-repeat ;
	*/
	background: #033;
	text-decoration: underline ;
	/*
	width: 150px ;
	width: 80%; 
	*/
	text-align: center;
	}