/* Style en entete de page */
body 
{ 
margin-top : 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:#000000; 
}
/* Style de l'affichage de l'heure */
form#clock{
    display:inline;
	border-collapse:collapse;
	border: 0px solid #00000;
}
.clock {
border-width: 0;
background-color:#000000;
font-family:arial;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
}
/* Style menu en entete de page */
.menu {
margin:5px;
padding:4px;
border: 1px solid #CDE6F0;
background: #FFFFFF;
font-family:arial;
font-weight:bold;
font-size:10px;
color: #000000;
font-weight:bold;
text-align:left;
text-decoration: none;
}
.menu:hover {
background: #B9CCED;
border: 1px solid #000000; 
}
.menu a {
color: #000000;
text-decoration: none; 
}
.menu a:hover {
color: #000000;
text-decoration: none; 
}
.menu a:active {
color: #000000;
text-decoration: none; 
}
.menu  input#go, input#reset {
background:#CDE6F0;
font-family:arial;
font-weight:bold;
font-size:10px;
color:#000000;
}

.menu  input, select, textarea {
font-family:arial;
font-weight:bold;
font-size:10px;
color:#000000;
border: 1px solid #B9CCED;
margin: 0;
}
.menuselected {
margin:5px;
padding:4px;
border: 1px solid #CDE6F0;
background: #B9CCED;
font-family:arial;
font-weight:bold;
font-size:10px;
color: #000000;
font-weight:bold;
text-align:left;
text-decoration: none;
}
.menuselected a {
color: #000000;
text-decoration: none; 
}
.menuselected a:hover {
color: #000000;
text-decoration: none; 
}
.menuselected a:active {
color: #000000;
text-decoration: none; 
}
.menuselected  input#go, input#reset {
background:#CDE6F0;
font-family:arial;
font-weight:bold;
font-size:10px;
color:#000000;
}

.menuselected  input, select, textarea {
font-family:arial;
font-weight:bold;
font-size:10px;
color:#000000;
border: 1px solid #B9CCED;
margin: 0;
}
/* Style tableau maitre du layout */
#tbllayout table {
border:0;
width:100%;
}
/* Style colonnes du tableau maitre du layout*/
#tbllayout td {
vertical-align:top;
text-decoration: none;
}
/* bar grise en dessous du logo */
.hr_logo {
	margin: 0; 
	padding: 0;
	border:thin groove #999999;
	width:160px;
	height:2px;
	text-align:left;
} 
.menutitle {
	background-color:#CDE6F0;
	border-collapse:collapse;
	border: solid 1px #CDE6F0;
    font-family:arial;
    font-size:10px;
    color: #000000;
	font-weight:bold;
	text-align:left;
	text-decoration: none;
	padding:8px;
} 
.menubottom {
	background-color:#CDE6F0;
	border-collapse:collapse;
	border: solid 1px #CDE6F0;
    font-family:arial;
    font-size:10px;
    color: #000000;
	font-weight:bold;
	text-decoration: none;
	padding:8px;
}
.menubottom a {
    font-family:arial;
    font-size:10px;
    color: #000000;
	text-decoration: none;
}
td.menubottom:hover {
    background-color:#B9CCED;
	text-decoration: none;
}
#tblcontent table {
border:0;
margin:10;
padding:4;
vertical-align:top;
width:80%;
}
#tblcontent th {
	font-family: Arial;
	font-size: 16px;
	text-indent:8px;
	color:#B8CDED;
	text-align:left;
}
#tblcontent td {
	font-family: Arial;
	font-size: 16px;
	text-indent:8px;
	color:#B8CDED;
	text-align:left;
}
td#th_label_20  { width: 20px; }
td#th_label_40  { width: 40px; }
td#th_label_50  { width: 50px; }
td#th_label_80  { width: 80px; }
td#th_label_100 { width: 100px; }
td#th_label_110 { width: 110px; }
td#th_label_120 { width: 120px; }
td#th_label_150 { width: 150px; }
td#th_label_160 { width: 160px; }
td#th_label_190 { width: 190px; }
td#th_label_200 { width: 200x; }
img#imgindex {
width:70%;
height:70%;
}
.thumbnail{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	font-family:arial;
	font-size:16px;
	color:#B8CDED;
	border: 1px solid #2a2a2a;
	float: left;
	text-decoration:none;
	margin-right: 10px;
	margin-bottom: 10px;
	}
.thumbnail a {
	color:#B8CDED;
	text-decoration:none;
	}
.thumbnail a:active {
	color:#B8CDED;
	text-decoration:none;
	}
.thumbnailgalerietitle{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	font-family:arial;
	font-size: 16px;
	font-weight:bold;
	text-decoration:none;
	text-indent:8px;
	color:#B8CDED;
	text-align:left;
	border: 1px solid #2a2a2a;
	margin-right: 10px;
	margin-bottom: 10px;
	}
.thumbnailgalerietitle a {
	color:#B8CDED;
	text-decoration:none;
	}
.thumbnailgalerietitle a:active {
	color:#B8CDED;
	text-decoration:none;
	}
.thumbnailgaleriechoose{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	font-family:arial;
	font-size: 13px;
	text-decoration:none;
	text-indent:8px;
	color:red;
	text-align:left;
	border: 1px solid #2a2a2a;
	margin-right: 10px;
	margin-bottom: 10px; 
	}
.thumbnailgaleriechoose a {
	color:#B8CDED;
	text-decoration:none;
	}
.thumbnailgalerieitem{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	font-family:arial;
	font-size:13px;
	text-decoration:none;
	text-indent:3px;
	color:#FFFFFF;
	border: 1px solid #2a2a2a;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
	
.thumbnailgalerieitem a {
	font-family:arial;
	font-size:13px;
	text-decoration:none;
	text-indent:3px;
	color:#FFFFFF;
	}
.thumbnailgalerieitem a:hover {
	border: 1px solid #222;
	font-family:arial;
	font-size:13px;
	text-decoration:none;
	text-indent:3px;
	color:#FFFFFF;
	}
.thumbnailgalerieitem a:active {
	border: 1px solid #222;
	font-family:arial;
	font-size:13px;
	text-decoration:none;
	text-indent:3px;
	color:#FFFFFF;
	}
	
.thumbnailgaleriephoto{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	font-family:arial;
	font-size:13px;
	text-decoration:none;
	text-indent:3px;
	color:#FFFFFF;
	border: 1px solid #2a2a2a;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}

.thumbnailgaleriepage{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	font-family:arial;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	text-indent:3px;
	color:#B8CDED;
	text-align:center;
	border: 1px solid #2a2a2a;
	margin-right: 10px;
	margin-bottom: 10px;
	width:150px;
	}
.thumbnailgaleriepage a {
	color:#B8CDED;
	text-decoration:none;
	}
.thumbnailgaleriepage a:active {
	color:#B8CDED;
	text-decoration:none;
	}