* {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #eee;
	font: normal 12px/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	}
	
/*img:link {
	border: 0;
	}*/
	
/* type */
	
p, blockquote {
	margin-bottom: 12px;
	}
	
.more {
	text-align: right;
	font: normal 10px/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}
	
p.more {
	margin-top: 0px;
	}
	
a:link, a:visited {
	text-decoration: none;
	color: #036;
	}
	
a:hover, a:active {
	color: #3d64ff;
	}
	
a.bold {
	font-weight: bold;
	text-transform: uppercase;
	}
	
a img {
	border: 0 none;
}

h1, h2, h3, h4, h5, dt {
	font-family: "Myriad Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 120%;
	letter-spacing: -.016em;
	}

h2 {
	font-family: Georgia, "Trebuchet MS", "Times New Roman", serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 100%;
	margin: 0 0 10px 0;
	}
	
h3, dt {
	font-size: 12px;
	line-height: 100%;
	margin: 0 0 1px 0;
	text-transform: uppercase;
	letter-spacing: 0;
	}

h2.zl {
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
	margin: 0 0 1px 0;
	text-transform: uppercase;
	letter-spacing: 0;
}

h3.zl {
	font-size: 14px;
	line-height: 100%;
	margin: 0 0 1px 0;
	text-transform: uppercase;
	letter-spacing: 0;
}
	
h4 {
	font: normal 18px/110% Georgia, "Trebuchet MS", "Times New Roman", serif;
	margin: 0 0 5px 0;
	}
h4.date {
	font-size: 10px;
	line-height: 100%;
}

h5 {
	font-size: 16px;
	line-height: 100%;
	margin: 0 0 1px 0;
	text-transform: uppercase;
	letter-spacing: 0;
}

.table-center {
   margin-left:auto; margin-right: auto;
}

input, textarea {
 border: 1px solid #ccc;
}

input:focus, textarea:focus {
 border: 1px solid #ffbc3a;
}

input:hover {
 border: 1px solid #ffbc3a;
}

a.link-container {
	display: inline;
	background: url(./ihm/extlink.gif) left center no-repeat;
	padding-left: 16px;
}

/* page elements */
	#page {
		margin: 0 auto;
		text-align: left;
		width : 80%;
		min-width: 700px;
		background-color: #fff;
		padding: 5px 10px 0px 10px;
		border: 1px solid #ccc;
		/*background: url(./ihm/splash.jpg) left top no-repeat;*/
		}
	
		#header {
			width: 100%;
			height: 80px;/*50px (avant logo)*/
			border-bottom: 1px solid #ccc;		
			margin-bottom: 5px;
			padding-bottom: 5px;
			}
						
		h1 {
			width: 350px;
			height: 95px;/*50px (avant logo)*/
			float: left;
			text-indent: -9999px;
			background: url(./ihm/logo.jpg) no-repeat top left;
			margin-top: -30px;
			}
			
		#search {
			width: 558px;
			height: 38px;
			float: left;
			text-align: right;
			}
			
			#search input {
				font-size: x-small;
				}

		#nav {
			height: 12px;
			padding-top: 68px;/*38px (avant logo)*/
			text-align: right;
			margin-right: 10px;
			}
			
			#nav ul {
				height: 12px;
				width: 100%;
				text-align: right;
				display: block;
				}
				
			#nav ul li {
				list-style: none;
				display: inline;
				font: bold 10px/100% "Myriad Pro", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				padding-left: 8px;
				text-transform: uppercase;
				letter-spacing: .12em;
				color: #666;
				}
				
			#nav ul li a:link, #nav ul li a:visited {
				color: #333;
				}
				
			#nav ul li a:hover, #nav ul li a:active {
				color: #ffbc3a;
				}
		#logbar {
				height:20px;
				margin-bottom: 10px;
				background-color: #eee;
				font: normal 10px/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				}
		#logbar label {
					padding-left: 5px;
					display: inline;
					}
				
		#logbar input.form-field {
					width: 92px;
					font-size: 10px;
					margin-bottom: 1px;
					}
		#logbar input.form-submit {
					font-size: 10px;
					margin-left: 5px;
					margin-bottom: 1px;
					}
					
		#containerRegister {
 			text-align: center;
 		}
		#frmregister {
			margin-left:100px;
			margin-right:100px;
		}
		#frmregister table {
			font: normal 13px/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			text-align: justify;
		}
		#frmregister input.form-submit {
		}
		
		.default_container {
			font: normal 12px/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		}
		
		#galcontent {
				font: normal 12px/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				text-align: center;
			}
			#galcontent .title {
				font-weight: bold;
				border-bottom: 1px dotted #ccc; 
				margin-bottom: 5px;
			}
			#galcontent .description {
				font-style: italic;
				border-bottom: 1px dotted #ccc; 
			}
			#galcontent .lstimages {
				margin-top:50px;
				margin-bottom:50px;
				position: relative;
				width: 730px;
				margin-left: auto; margin-right: auto;
			}
				#galcontent .line {
					clear:both;
					margin: auto;
					margin-bottom: 10px;
				}
				.line_image {
					display:inline;
					float: left;
					margin: 10px;
				}
			#galcontent .lstimages a {
				margin-right: 10px;
			}
			#galcontent .lstimages a:link, a:visited {
				color: #036;
			}
			#galcontent .lstimages a:hover, a:active {
				color: #ffbc3a;
			}
		
		#image_container {
			text-align: center;
		}
		
		.navbar {
			margin-top: 15px;
			margin-bottom: 15px;
			text-align:center;
		}
		.previous {
			display: inline;
			margin-right: 20px;
		}
		.pages {
			font-size: 15px;
			display: inline;
			margin-right: 10px;
		}
		.pages a:hover {
			text-decoration: underline;
		}
		.page {
			display: inline;
			margin-right: 10px;
		}
		.activepage {
			display: inline;
			text-decoration: underline;
			font-weight:bold;
			margin-right: 10px;
		}
		.home {
			display: inline;
			margin-right: 20px;
		}
		.next {
			display: inline;
		}
		
		#main {			
			width : 45%;
			float: left;
			}


			#post { 
				width:100%;
				text-align: justify;
				border-bottom:3px solid #ccc;
				}
					
				#post h2 a:link, #post h2 a:visited {
					text-decoration: none;
					color: #000;
					}

				#post h2 a:hover, #post h2 a:active {
					text-decoration: underline;
					color: #3d64ff;
					}

				#post p, #post blockquote {
					font: normal 13px/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					}
					
				#post .byline {
					font: italic 11px/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					}
					
				#post blockquote {
					font-style: italic;
					padding: 0 5px;
					}
				
				#post a:link, #post a:visited {
					text-decoration: none;
					}
					
				#post a:active, #post a:hover {
					color: #3d64ff;
					}
					
				#post ul {
				    padding-left: 2em;
				    }
				
				#post ul li {
				    margin-bottom: .5em;
				    }
				
			
			#submain {
				font: normal 11px/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				width: 100%;
				}
				
				#actu { 
					width: 47%;
					text-align: justify;
					margin-right: 10px;
					padding-right: 10px;
					border-right: 1px solid #ccc;
					float: left;
				}
				
					.news {
						margin-bottom: 5px;
						border-bottom: 1px dotted #ccc;
					}
					.news_title {
						font-weight:bold;
						margin-bottom: 3px;
					}
					.news_body {
						margin-bottom: 5px;
						overflow: hidden;
					}
					
					.news_body ul {
						padding-left: 2em;
					}
					#actu .news_body table { /* utilisé pour caché les tables sur le portail */
						visibility: collapse;
					}
					.news_footer {
						margin-bottom: -3px;
						text-align: right;
					}
					.news_comment {
						float: left;
						text-align: left;
					}
					.news_info {
						display: none;
					}
					.news_more {
						float: left;
					}
					.cat_Filter {
						border: 1px solid #ccc;
						padding:3 3 3 3;
						font-size: 14px;
					}
					#all_news_container {
						/*float:left;
						width:80%;
						margin-left:10px;*/
					}
					#all_news_container .news {
						margin-top: 5px;
						margin-bottom: 2px;
						border-bottom: 2px dotted #ccc;
					}
					#all_news_container .news .news_type {
						font: normal 10px/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
						color: #4d6db3;
						margin-bottom: 5px;
					}
					#all_news_container .news_title {
						font-weight:bold;
						color: #ffbc3a;
						font-size: 16px;
						margin-bottom: 3px;
					}
					#all_news_container .news_body {
						margin-bottom: 5px;
						overflow: hidden;
					}
					#all_news_container .news_footer {
						margin-bottom: -3px;
						text-align: right;
					}
					#all_news_container .news_comment {
						float: left;
						text-align: left;
					}
					#all_news_container .news_more {
						float: left;
					}

					.article_entry {
						padding: 5px;
						margin-left:20px;
						margin-top: 5px;
						margin-bottom: 10px;
						border-bottom: 2px solid #ccc;
					}

					.article_entry2 {
						padding: 5px;
						margin-left:20px;
						margin-top: 5px;
						margin-bottom: 10px;
						border-bottom: 2px solid #ccc;
					}

					/* Utiliser dans les détails de news */
					#container_news_details {
						float: left;
						width: 80%;
					}
					.news_details {
						margin-bottom: 5px;
					}
					.news_details_type {
						float: left;
						display: none;
					}
					.news_details_title {
						float: left;
						margin-bottom: 1px;
					}
					.news_details_commands {
						float:right;
					}
					h4.title {
						font-weight:bold;
						color: #ffbc3a;
						font-size: 20px;
					}
					.news_details_info {
						clear: both;
						border-top: 2px solid #ffbc3a;
						padding-top: 2px;
						font: normal 10px/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					}
					.news_details_published {
						float: right;
						margin: 1px 0px 5px 0px;
						font-size: 10px;
					}
					h4.category {
						color: #4d6db3;
						font-size: 10px;
						/*font-family: arial,helvetica,sans-serif;*/
						border-bottom: 1px #90afdd solid;
						margin: 1px 0px 5px 0px;
						text-align: left;
					}
					.news_details_body {
						clear: both;
						margin-bottom: 5px;
					}
					.news_details_body ul {
						padding-left: 2em;
					}
					.news_image_list {
						text-align: center;
					}
					.news_details_comment {
						float: left;
						text-align: left;
					}
					
					#prevnextcontainer {
						border-top: 1px dotted #ccc;
						margin-bottom: 30px;
					}
					#prev, #next {
						width: 250px;
					}
					#prev, #prev_title {
						float:left;
					}
					#next, #next_title {
						float:right;
					}
					#next_title {
						text-align: right;
					}
					#prev_img, #next_img {
						height:30px;
						width:20px;
					}
					#prev_img {
						background: url('ihm/previous.gif') center no-repeat;
						float:left;
					}
					#next_img {
						background: url('ihm/next.gif') center no-repeat;
						float:right;
					}
					#prev_title, #next_title {
						height: 30px;
						width:200px;
						line-height: 30px;
						padding-right: 5px;
						padding-left: 5px;
						overflow: hidden;
					}
					
					.link_article_full {
						text-align: right;
					}
					
					.comments {
						border-top: 1px dotted #ccc;
						padding-top: 10px;
						text-align: left;
						margin-top: 10px;
					}
					.comment {
						border: 1px solid #ccc;
						margin-bottom: 5px;
					}
					.comment input.form-submit {
						font-size: 9px;
					}
					.comment_sub_container1 {
						float: left;
						text-align: right;
					}
					.comment_sub_container2 {
						float: right;
						text-align: left;
						margin-right: 10px;
						height: 26px;
					}
						.editButton {
							float: left;
							margin-top: 2px;
							margin-left: 5px;
							margin-bottom: -10px;
							text-align: left;
						}
						.deleteButton {
							float: left;
							margin-top: 2px;
							margin-left: 5px;
							margin-bottom: -10px;
							text-align: left;
						}
					.comment_pseudo {
						font-style: italic;
						padding-top: 5px;
						margin-left: 10px;
					}
					.comment_body {
						border-top: 2px dotted #ccc;
						clear: both;
						margin-left: 10px;
						margin-right: 10px;
					}
					.comment_footer {
						font: normal 10px/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
						text-align: right;
						margin-right: 10px;
					}
					
					.addComments {
						border-top: 2px ridge #ccc;
						text-align: left;
						padding-top: 10px;
						margin-top: 20px;
						font: normal 12px/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					}
					
					.addComments table {
						font: normal 12px/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					}
					
					#container_news_navbar {
						width: 18%;
						float: left;
						text-align: center;
						margin-bottom: 10px;
					}
					#news_navbar {
						padding: 10px 10px 10px 10px;
						margin-left: 10px;
						border: 1px solid #ccc;
						margin-bottom: 20px;
					}
					#news_navbar .news_navbar_title {
						margin-left: 10px;
						margin-right: 10px;
						margin-bottom: 5px;
						padding-bottom: 2px;
						border-bottom: 2px dotted #ccc;
					}
					.ul_news_navbar_content {
						list-style: none; 
					    list-style-image: none; 
					}
					.li_news_navbar_entry {					
						display: block;
						margin-bottom: 3px;
					}
					.li_news_navbar_entry a {
						display: block;
						border: 1px solid White;
					}
					.li_news_navbar_entry a:hover {
						display: block;
						background-color: #ccc;
						border: 1px solid #000;
					}
					.li_news_navbar_active_entry {
						display: block;
						margin-bottom: 3px;
						background-color: #000;
						border: 1px solid #ccc;
						color: #fff;
					}
				
					
				#articles {
					width: 47%;
					margin-right: -20px;
					float: left;
					text-align: justify;
					}
					.article_properties {
						border: 2px solid #ccc;
						margin: 10px;
						padding: 5px;
					}
					.article_title {
						font: normal 20px/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
						font-weight:bold;
						margin-bottom: 20px;
						text-align: center;
					}
					.block {
						border: 1px solid #ccc;
						padding: 5px;
						margin-bottom: 10px;
					}
					.block ul, table ul {
						padding-left: 2em;
					}
					.edited_block {
						border: 2px solid red;
						padding: 5px;
						margin-bottom: 10px;
					}
					.editBlock {
						margin-top: -10px;
						margin-bottom: 20px;
					}
					.block-images {
						border: 1px solid #ccc;
						text-align: center;
						padding: 5px;
						margin-bottom: 10px;
					}
					.block-thumbnail {
						border: 1px solid #ccc;
						text-align: center;
						margin-bottom: 10px;
					}
					.block-thumbnail a img {
						padding: 5px;
					}
					.two_column_block {
						border: 1px solid #ccc;
						padding: 1em;
						margin-bottom: 10px;
					}
					.left {
						border-right: 1 px dotted #ccc;
					}
					.two_column_block table {
						font: normal 13px/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					}
					.single_image_block {
						/*overflow: hidden;*/
					}
					/*.left_column_block {
						float: left;
						width: 48%;
						min-width: 48%;
						margin-right: 1em;
					}
					.right_column_block {
						float: right;
						width: 48%;
						margin-left: 1em;
						padding: 1em;
						border-left: 1px dotted #ccc;
					}*/
					/*.two_column_block a img {
						padding: 5px;
						display:inline;
					}*/
		#container {
			width: 51%;
			margin-right: -20px;
			margin-left: 10px;
			padding-left:10px;
			float: left;
			border-left: 1px solid #ccc;
			font: normal 11px/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			}
		
			#galeries {
				clear: both;
				padding : 0px 0 5px 0px;
				color : #333;
				border-bottom: 3px solid #ccc;
			}
			
				.galerie {
					font: normal 12px/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					margin-bottom: 5px;
					padding-bottom: 2px;
					border-bottom: 1px dotted #ccc;
					clear: both;
				}
				.last_galerie {
					font: normal 12px/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					/*margin-bottom: 5px;*/
					clear: both;
				}
				.gal_title {
					font-weight:bold;
					margin-bottom: 3px;
					float: left;
				}
				.portal_gal_title {
					font-weight:bold;
					display:block;
					margin-bottom:5px;
				}
				.gal_controller {
					float: right;
				}
				.gal_body {
					clear: both;
				}
				.gal_image {
					float: left;
				}
				.gal_description {
					float: left;
					width: 70%;
					margin-left: 10px;
				}
				.gal_footer {
					clear: both;
					text-align: right;
				}
				.gal_comment {
					font-size: 10px;
					/*float: left;*/
					/*text-align: left;*/
				}
				.gal_info {
					float: left;
					text-align: right;
				}
			
			#others {
				padding-top: 10px;
				margin-top: 10px; /*à enlever si je laisse le le tag p pour les images-->*/
				border-top: 1px solid #ccc;
			}

			#others2 {
				padding-top: 10px;
				margin-top: 10px; /*à enlever si je laisse le le tag p pour les images-->*/
			}
			
				#others-col1 {
					width: 47%;
					margin-right: 10px;
					padding-right: 10px;
					border-right: 1px solid #ccc;
					float: left;
				}

				.zeliste_container {
					padding: 5px;
					background-color: #bdd0ee;
					color: #333;
				}
				
				#others-col2 {
					width: 47%;
					float: left;
					margin-right: -20px;
				}
	.admin_container {
		margin-bottom: 10px;
	}

	.concours_container {
		text-align: center;
	}

	.concours_column {
		float:left;
		width:80%;
		margin-left: 10px;
		border: 1px solid #ccc;
		margin-bottom: 20px;
	}
	.selected_date {
		display: inline;
		font-weight: bold;
		text-decoration: underline;
	}
	.concours_selected_participation {
		margin-top: 10px;
	}
    .concours_separator {
		border-top: 2px dotted #ccc;
		margin-left: 10px;
		margin-right:10px;
		margin-bottom: 15px;
	}
	.concours_line_month {
		margin-bottom: 10px;
	}
	.participation_description {
		font-weight: bold;
		margin-top: 10px;
		margin-left: 10px;
		margin-right: 10px;
		border-top: 2px dotted #ccc;
	}
	.votebutton {
		margin: 20px 5px;
		border: 2px solid #ccc;
		text-align: center;
	}

#footer {
	clear: both;
	background-color: #ccc;
	margin-left: -10px;
	margin-right: -10px;
	font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-align: center;
	height: 14px;
	}
		
    #footer a:link, #footer a:visited {
        text-decoration: underline;
        color: #666;
        }
    #footer a:hover, #footer a:active {
        color: #ffdd3a;
    }