* { margin:0; padding: 0 }
html, body { height: 100%; width: 100% }
body {
    background: url(images/fond-page-motif.gif);
    font-size: 12px;
    font-family: Tahoma, sans-serif;
    color: #cccccc;
}
img {
    border: 0;
}
a {
    color: #cccccc;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    color: #ffffff;
    text-decoration: underline;
}

#page {
    width: 1016px;
    margin: auto;
}
	#header {
	}
		li {
			display: inline;
		}
		#websites ul {
			width: 350px;
			margin: auto;
		}
			#websites a {
				float: left;
				width: 112px;
				height: 150px;
				text-indent: -9999px;
			}
			#websites a:hover, #websites .selected a {
				background-position: bottom;
			}
			#vig_1 {
				background: url(images/logo-haut-cote-lac.gif);
			}
			#vig_2 {
				background: url(images/logo-haut-effervescence.gif);
			}
			#vig_3 {
				background: url(images/logo-haut-terrasse-du-lac.gif);
			}
		#menu {
			width: 1004px;
			margin: auto;
			border-top: 1px solid #ffffff;
			clear: both;
			position: relative;
		}
			#langues{
				position: absolute;
				top: -135px;
				left: 941px;
			}
			#minilogo{
				position: absolute;
				top: -90px;
				right: 0px;
			}
			#menu a {
				color: #ffffff;
				text-decoration: none;
			}
			#sections {
				margin: 5px 0px;
			}
				#sections a {
					margin-right: 30px;
					font-weight: bold;	
					padding: 0 0 2px 0;
				}
				#sections a:hover, #sections .selected a {
					color: #f3006e;
					border-bottom: 3px solid #f3006e;
				}
			#pages {
				padding: 2px 0;
				background: #f3006e;
				font-size: 0.9em;
			}
				#pages a {
					padding: 0 10px 0 5px;
					border-right: 1px solid #ffffff;
					font-weight: bold;
				}
				#pages a:hover, #pages .selected a {
					color: #000000;
					text-decoration: underline;
				}
		#illustration {
			background: #000000;
			border: solid #2f2f2f;
			border-width: 5px 0;
		}
			#illustration img {
				display: block;
				width: 999px;
				margin: auto;
			}
    #main {
    }
    	#main #flash {
		margin: 10px 10px;
	}
    	#main #contenu .fond_gris {
		background: #0b0b0b;
	}
    	#main #liste-sections ul {
        	border-top: 1px solid #ffffff;
        	list-style-type: none;
    	}
        	#main #liste-sections ul li {
        	    display: inline;
        	    padding-right: 30px;
        	}
        #main #flash {
            display: block;
	    text-align: center;
        }
	
		#lien_bleu:hover {
			color: #1ab7ea;
		}
		#lien_rouge:hover {
			color: #f3006e;
		}
		#lien_vert:hover {
			color: #8CC63e;
		}
		#main #liste-articles table {
			border-spacing: 0px;
			border-collapse: collapse; 
		}
		#main #liste-articles table td {

			padding: 10px;
		}

			#main #liste-articles .acc {
				height: 280px;
				margin-left: 12px;
				width: 325px;
				float: left;
				background: #0b0b0b;
			}
			#main #liste-articles .acc .bloc_in {
				width: 307px;
				margin: auto;
			}
			#main #liste-articles .acc .bloc_in a {
				font-weight: normal;
			}
			#main #liste-articles .acc .bloc_in p {
				text-align: justify;
			}
			#main #liste-articles .acc .bloc_in h3 {
				font-weight: normal;
				margin-bottom: 5px;
			}
			#main #liste-articles #acc_2 {
				margin-left: 10px;
				width: 325px;
				border: 1px solid green;
				float: left;
			}
			#main #liste-articles #acc_3 {
				margin-left: 10px;
				width: 325px;
				border: 1px solid blue;
				float: left;
			}

			#main #liste-articles img {
				margin: auto;
				display: block;
			}
			#options #contact {
				background: url(images/fond-contactez-nous2.gif) no-repeat;
				padding: 8px 0 10px 25px;
				margin: 10px 0;
			}
				#options #contact a {
					color: #ffffff;
					font-weight: bold;
				}
				#options #contact form {
					margin-top: 10px;
					padding-top: 10px;
					margin: 0;
					background: #3f3f3f;
					width: 295px;
					margin-left: -23px;
				}
				#options #contact table {
					margin: 0;
					padding: 0;
				}
			#options #newsletter {
				background: url(images/fond-abonement-newsletters2.gif) no-repeat;
				padding: 5px 8px 10px;
				margin: 10px 0;
			}
				#options #newsletter h3 {
					font-size: 0.9em;
					color: #cccccc;
				}
				#options #newsletter input {
					width: 150px;
				}
				#options #newsletter input#submit {
					width: 100px;
					background: url(images/bouton-sabonner.gif) no-repeat;
					text-indent: -9999px;
					height: 24px;
					border: 0;
				}

	#page #footer {
		text-align: center;
		border-top: 1px solid #ffffff;
		color: #666666;
		font-size: 0.8em;
		clear: both;
	}
		#footer a {
			color: #666666;
			text-decoration: none;
		}
		#footer #adresse {
			margin: 0 0 20px;
			font-size: 1.1em;
			color: #ffffff;
		}