/* Club d'Astronomie de Vélizy layout - http://astrosurf.com/astro-velizy/ */

html {
	font-size: 100%;
	}
body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: white;
	background: #222222;
	z-index: 1;
	}

/* Definition du cadre de présentation */
#page {
	width: 984px;
	margin: 0 auto;
	padding: 0;
	border: 2px solid white;
	background: url(/club/images/club.jpg);
	z-index: 10;
	}

/* Définition des caractéristiques globales des éléments */
h1 	{
	font-size: 2em;
	}
h2 	{
	font-size: 1.5em;
	}
h3	{
	font-size: 1.2em;
	text-decoration: underline;
	text-align: center;
	}
ul	{
	list-style-type: none;
	}
dt	{
	margin-left: 20px;
	}
dd	{
	margin-left: 20px;
	}
img	{
	border: 0;
	}
a 	{
	color: white;
	text-decoration: none;
	background-color: transparent;
	}
a.texte 	{
	font-weight: bold;
	}
a:hover {
	background: none; /*Correction d'un bug IE6*/
	}
a.texte:hover 	{
	cursor: pointer;
	text-decoration: underline;
	}
.separation {
	clear: both;
	visibility: hidden;
	}

/* Zone Bannière*/
#banner {
	padding-left: 10px;
	line-height: 1;
	border-bottom: 2px solid white;
	z-index: 20;
	}

/* Zone Gauche : Menu et Zone membres */
#edito_gauche {
	float: left;
	margin: 10px;
	width: 190px;
	z-index: 20;	
	}
	/* Zone Gauche : membres */
	#box {
		margin-top: 50px;
		border: 2px solid white;
		}
	#box p {
		text-align:center;
		font-weight:bold;
		border-bottom: 1px solid white;
		}
	#box .gerer {
		text-align:center;
		font-weight:bold;
		text-decoration:underline;
		border: none;
		}
	#log {
		text-align: center;
		border: none;
		}
	/* Zone Gauche : lune */
	#lune{
		margin-top: 50px;
		font-size: 0.7em;
		border: 2px solid white;
		}
	#lune p{
		line-height:100%;
		margin-top:0;
		margin-bottom:0;
		}
	/* Zone Gauche : arbre à perles */
	#pearl{
		margin-top: 50px;
		padding: 2px;
		font-weight: bold;
		text-align: center;
		border: 2px solid white;
		}
/* Page editorial et administration */
	/* Zone Droite : Texte et images */
	#edito_droit {
		float: right;
		margin: 10px 10px 10px 0;
		width: 754px;
		text-align: center;
		z-index: 20;	
		}
	#edito_droit table {
		margin: 0 auto;
		border: none;
		border-collapse: collapse;
		}	
	#edito_droit table.liste, tr.liste{
		border: 2px solid white;
		}	
	#edito_droit th.liste{
		border-top: 1px solid white;
		border-right: 1px solid white;
		border-bottom: 2px solid white;
		border-left: 1px solid white;
		}	
	#edito_droit td.liste {
		text-align: left;
		border: 1px solid white;
		}	
    #edito_droit tr {
		line-height: 2em;
		}
    #edito_droit th {
		width: 150px;
		}	
    #edito_droit td {
		font-weight: normal;
		border: none;
		}	
	#edito_droit fieldset {
		text-align: left;
		border: none;
		}
	#edito_droit fieldset label, input, select, textarea {
		margin-left: 20px;
		}
    #edito_droit img {
		border: 1px solid white;
		}
	#edito_droit span {
		text-decoration: underline ;
		}
	#edito_droit a {
		font-weight: bold;
		color: yellow;
		text-decoration: none;
		}
	#edito_droit a:hover 	{
		text-decoration: underline;
		}
	#edito_droit .info {
		font-weight: normal;
		text-align: justify;
		}
	#edito_droit .bienvenu {
		float: left;
		padding: 10px;
		width: 350px;
		height: 450px; 
		overflow: auto; 
		border:solid white 2px;
		}
	#edito_droit .photo_mois {
		float: right;
		padding: 10px;
		width: 350px;
		height: 450px; 
		overflow: auto; 
		border:solid white 2px;
		}
	#edito_droit .edito {
		padding: 10px;
		width: 730px; 
		border:solid white 2px;
		}
	#edito_droit .edito ul, ol {
		list-style-position: inside;
		}
	#edito_droit .edito ul {
		list-style-type: disc;
		}
	#edito_droit .news {
		float: left;
		padding: 10px;
		width: 350px;
		height: 450px; 
		overflow: auto; 
		border:solid white 2px;
		}
	#edito_droit .archive {
		text-align: justify;
		}
	#edito_droit .archive ul, #edito_droit .archive ol {
		list-style-position: inside;
		}
	#edito_droit .archive ul {
		list-style-type: disc;
		}
	#edito_droit .flux_rss {
		float: right;
		padding: 10px;
		width: 350px;
		height: 450px; 
		overflow: auto; 
		border:solid white 2px;
		}
		/*Agrégateur de flux*/
		.flux_rss label{
			font-size: 1.5em; 
			font-weight: bold; 
			text-align:center;
			}
		.rssTitles {
			border: solid 1px white;
			}
		#rssHeader {
			height: 15em;
			overflow: auto;
			border: solid 1px white;
			border-top: none;
			}
		.rssTitles img {
			border-style: none;
			cursor: pointer;
			}
		#rssItem {
			border: solid 1px white;
			margin-top: 1ex;
			padding: 1ex;
			}
		/* Datagrid */
		#gridbox {
			width: 727px;
			height: 600px;
			background-color: white;
			border: 2px solid white;
			background: url(/club/images/club.jpg);
		}
		#gridbox img{
			border: none;
		}
		#gridbox table, th, tr, td, select{ /*Réiniialisation des propiétés des tabelaux dans le contexte Datagrid*/
			margin: 0;
			padding: 0;
			border: none;
			border-collapse: inherit;
		}
		#gridbox table.hdr td {
			padding:5px 0px 5px 0px ;
			border-width: 0px 1px 2px 0px;
			border-style: solid;
			border-color: white;
			background-color: black;
			font-weight: bold;
			vertical-align: top;
			text-align: center;
		}
		#gridbox table.hdr td div.hdrcell{
			overflow: hidden;
		}
		#gridbox table.obj td {
			border-width: 0px 1px 1px 0px;
			border-style: solid;
			border-color: white;
			padding-left: 4px;
		}
		#gridbox table.obj td a {
			font-weight: bold;
			color: yellow;
			text-decoration: none;
		}
		#gridbox table.obj td a:hover {
			text-decoration: underline;
		}
		#gridbox table.obj tr.rowselected td{
			background-color: #ededed;
			color: black;
			border-color: black;
			}
		#gridbox table.obj tr.rowselected td a{
			color: #ff7f00;
			}
	#edito_droit .note {
		font-size: 0.7em;
		font-weight: normal;
		text-align: justify;
		}
	#edito_droit .resultat {
		border-top: 2px solid white;
		border-bottom: 2px solid white;
		font-size: 1.5em;
		color: yellow;
		line-height: 2em;
		}
/* Navigation par onglets */
	#edito_droit #mainNav {
		display: block;
		width: 710px;
		border-bottom: 1px solid white;
		overflow: hidden;
		}
	#edito_droit #mainNav li {
		float: left;
		width: 120px;
		height: 40px;
		list-style-type: none;
		}
	#edito_droit #mainNav li a  {
		display: block;
		width: 120px;
		height: 40px;
		padding-top: 15px;
		background-color: transparent;
		background-image: url(/club/images/onglet.png);
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: 0px 0px;
		text-align: center;
		text-decoration: none;
		color: white;
		letter-spacing: -1px;
		}
	#edito_droit #mainNav li a:hover  {
		background-position: -120px 0px;
		cursor: pointer;
		text-decoration: underline;
		}
	#edito_droit #mainNav li.titre {
		float: right;
		width: 350px;
		}
/* Pages Galerie */
	/* Zone Centrale - Image et Légende */
		/* Zone Centrale - Conteneur principal */
		#content  {
			float: left;
			margin: 10px;
			width: 610px;
			text-align: center;
			z-index: 20;
			}
		/* Zone Centrale - Navigation et Titre */
		#navigation {
			width: 600px;
			z-index: 30;
			}
		#navigation-precedent {
			text-align: left; 
			width: 140px;
			}
		#navigation-precedent a {
			padding-left: 26px; 
			background: url(/club/images/precedent.gif) left no-repeat;
			}
		#navigation-contexte {
			text-align: center; 
			width: 300px;
			}
		#navigation-suivant {
			text-align: right; 
			width: 140px;
			}
		#navigation-suivant a {
			padding-right: 26px; 
			background: url(/club/images/suivant.gif) right no-repeat;
			}
		/* Zone Centrale - Image et Légende */
		#large_picture {
			width: 610px;
			height: 610px;
			vertical-align: middle;
			z-index: 30;
			}	
		#large_picture .image {
			height: 100%;
			background: black;
			border: 2px solid white;
			}
		#legende{
			font-weight: bold;
			text-align: justify;
			}
		#xbig{
			font-weight: normal;
			text-align: left;
			}
		#xbig a{
			color: yellow;
			text-decoration: none;
			}
		#xbig a:hover{
			text-decoration: underline;
			}
		/* Zone Centrale - En savoir plus */
		#commentaire {
			text-align: left;
			line-height: 1;
			z-index: 30;
			}
		#commentaire a {
			text-decoration: none;
			}
		#commentaire a span {
			display: none;
			}
		#commentaire a:hover span {
			display: block;
			}
	
	/* Zone Droite - Vignette */
	#vignette {
		float: left;
		margin: 10px 0 0 10px;
		width: 124px;
		z-index: 20;
		}
	#vignette p {
		text-align: center;
		line-height: 3;
		}
	#small_picture {
		height: 600px;
		overflow: auto;
		text-align: center;
		z-index: 30;
		}
	#small_picture img {
		border: 0 solid white;
		}

/*Zone Pied de Page*/
#footer {
	text-align: center;
	margin-bottom: 5px;
	border-top: 1px solid white;
	z-index: 20;
	}

/* Page Copyright */
#copyright {
	top: 0;
	padding: 10px;
	width: 350px;
	font-weight: normal;
	border: 1px solid white;
	text-align: justify;
	z-index: 1;
	}
#copyright h1 {
	font-size: 1.5em;
	font-weight: bold;
	text-align:center;
	}
#copyright img {
	margin-right: 3px;
	}
#copyright form {
	text-align: center;
	}
	
/*!!
Epoch DHTML JavaScript Calendar - Version 2.0.2
English Edition
CSS Style File
(c) 2006-2007 MeanFreePath
Free for NON-COMMERCIAL use - see website for details and updates
http://www.meanfreepath.com/javascript_calendar/index.html
!!*/

table.calendar {
	margin: 0;
	padding:0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	border-collapse: collapse;
	background-color: white;
	border: solid #999999 1px;
	background-color: white;
	width: 200px;
	text-align: center;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
    /*-khtml-user-select: none;*/
}
table.calendar a {
}
table.calendar a:hover {
}
table.calendar input, table.calendar select {
	margin: 0;
	text-align: center;
	font-size: 10px;
}
table.calendar td, table.calendar th {
	border: 0;
	font-size: 10px;
	text-align: center;
}
div.mainheading {
	margin: 2px;
}
.closeBtn {
	/*float: right;
	width: 15px;
	/*font-size: 1.5em;
	height: 13px;

	padding: 0 0 3px 0;
	margin: 1px 8px 0 0;
	border: solid black 1px;*/
}
/*all styles related to the main calendar grid*/
table.cells {
	border-collapse: collapse;
	border: solid #CCCCCC 1px;
	cursor: pointer;
	empty-cells: show;
	margin: 0 6px 0 6px;
}
/*the day headings*/
table.cells th {
	border: solid #CCCCCC 1px;
	text-align: left;
	font-weight: bold;
	color: #0054E3;
	width: 22px;
}
table.cells th.wkhead {
	border-right: double #CCCCCC 3px;
	cursor: default;
	width: 22px;
}
/*The date cells*/
table.cells td {
	color: black;
	border: solid #CCCCCC 1px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	height: 20px; /*IE doesn't like ems*/
}
table.cells td.wkhead {
	background-color: white;
	text-align: center;
	border-right: double #CCCCCC 3px;
	color: #0054E3;
}
table.cells td.noselect {
	background-color: #EEEEEE;
	color: #BBBBBB;
	text-decoration: line-through;
	cursor: default;
}
table.cells td.hlday {
	background-color: #99FF99;
}
table.cells td.wkday {
	background-color: #DDDDDD;
}
table.cells td.wkend {
	background-color: #DDDDDD;
}
table.cells td.curdate {

}
table.cells td.cell_selected {
	background-color: #99CCFF;
	color: black;
}
table.cells td.notmnth {
	background-color: #FFFFFF;
	color: #CCCCCC;
}
table.cells td.notallowed {
	background-color: white;
	color: #EEEEEE;
	font-style: italic;
}
table.cells td.hover {
	color: white;
	background-color: #777777;
}
table.cells td div {
	padding: 1px;
	margin: 0;
}