body {
	font: 8pt verdana, sans-serif;
	margin:0px;
	background-color: #000000;
	color: #FFFFFF;
}


#container {
	width: 729px; 
	height: auto;
	text-align: center; 
	margin: 0 auto;
	vertical-align: top;
	position: relative;
	clear: both;
}

#page_main {
	background-image : url(http://www.loiez.org/templates/standard/images/entete.jpg);
	background-repeat : no-repeat;
	text-align:center;
	vertical-align: top;
	width: 549px;
	float: left;
}

/* Archive, Tagging and Comments Navigation */
#page_secondNav {
	width: 180px;
	float: right;
	vertical-align: top;
	margin: 0px;
}

#page_secondNav p {
	margin-top: 0px;
}

#page_secondNav a {
	color: #898989;
	text-decoration: none;
}

#page_secondNav .archive_element {
	padding: 5px;
	float: left;
	vertical-align: top;
	width: 100%;
	color: #B6C1CE;
}

.archive_element img {
	float: left;
	margin-right: 5px;
	border: 1px solid #FFFFFF;
	vertical-align: top;
}

#page_secondNav .navigation{
	text-align: center;
}


/* Main Menu Navigation */
#page_firstNav {
	width: 100%;
	height: 20px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

#page_firstNav a {
	color: #898989;	
	text-decoration: none;
}

#page_content {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	margin-top: 100px;
}


/* Video content Display : auto-hidding by #spacer_video */
#page_video {
	padding: 5px;
	width: 320px;
	height: 255px;
	margin: 0 auto;
	text-align: justify;
	overflow: auto;
	display: block;
	position:relative;
}

#page_video .commentaires_titre {
	text-align: center;
}

#page_video .commentaires_contenu {
	text-align: justify;
	font-style: italic;
}

#spacer_video {
	height: 255px;
}

/* For IE, put height:50px, min-height non-supported */
#page_description {
	width: 100%;
	margin-top: 20px;	
	min-height: 50px;
	color: #898989;
	text-align: center;
}

#page_description a {
	color: #898989;
	text-decoration: none;
}

#page_description p.proprietes {
	margin-top: 3px;
	margin-bottom: 0px;
}

#page_description p.titre {
	font-size: 14pt;
	text-align: center;
	color: #B6C1CE;
	margin-top: 4px;
} 

#page_description p.resume {
	padding: 0px 10px 0px 10px;
	margin: 0px;
	text-align: center;
}

.hide {
	display: none;
}


/* Formulaire Ajout Commentaires */
#comments_form {
	width:300px;
}

#comments_form .spacer {
	height:10px;
}

#comments_form td {
	vertical-align:top;
}

#comments_form td.l {
	text-align: right; 
}

#comments_form td.r {
	text-align: left; 
	padding-left: 4px;
}

#comments_form td.titre {
	border: 1px solid #FFFFFF; 
	text-align: center;
	vertical-align: middle;
	width: 100%; 
	height: 25px;
}

#comments_form input[type="text"] {
	border:1px solid #FFFFFF; 
	height:15px; 
	width:100%; 
	font: 8pt verdana;
	
}

#comments_form textarea {
	border:1px solid #FFFFFF; 
	height:100px; 
	width:100%; 
	font: 8pt verdana;
}


#tagging {
	margin-left: 50px;
	margin-right: 20px;
	vertical-align: top;
	height: 412px;
}

#tagging .navigation {
	text-align: right;
	padding-bottom: 10px;
	color: #898989;
}

.navigation > .current {
	font-weight: bolder;
	text-decoration: none;
}

.navigation > .next {
	color: #898989;
	text-decoration: none;
}

#tagging .first_element {
	text-align: left;
	padding-bottom: 0px;
	color: #B6C1CE;
}

#tagging .second_element {
	text-align: left;
	padding-top: 0px;
	padding-bottom: 25px;
	color: #B6C1CE;
}

#page_secondNav > p{
	padding-left: 4px;
}

#page_secondNav a.tagging5 {
	font-size:1.8em; 
	font-weight:900;
	color:#B6C1CE;
	text-decoration:none;
}

#page_secondNav a:hover.tagging5 {
	font-size:1.8em; 
	font-weight:900;
	color:#FFFFFF;
	text-decoration:none;
}

#page_secondNav a.tagging4 {
	font-size:1.5em; 
	font-weight:bolder;
	color:#B6C1CE;
	text-decoration:none;
}

#page_secondNav a:hover.tagging4 {
	font-size:1.5em; 
	font-weight:bolder;
	color:#FFFFFF;
	text-decoration:none;
}

#page_secondNav a.tagging3 {
	font-size:1.2em; 
	color:#B6C1CE;
	text-decoration:none;
}

#page_secondNav a:hover.tagging3 {
	font-size:1.2em; 
	color:#FFFFFF;
	text-decoration:none;
}

#page_secondNav a.tagging2 {
	font-size:1.1em; 
	color:#B6C1CE;
	text-decoration:none;
}

#page_secondNav a:hover.tagging2 {
	font-size:1.1em; 
	color:#FFFFFF;
	text-decoration:none;
}

#page_secondNav a.tagging1 {
	font-size:8pt;
	color:#B6C1CE;
	text-decoration:none;
}

#page_secondNav a:hover.tagging1 {
	font-size:8pt;
	color:#FFFFFF;
	text-decoration:none;
}

.second_element > a {
	font-weight: bolder;
	color: #B6C1CE;
	text-decoration: none;
}

#tagging img {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
	border: 1px solid #FFFFFF;
}