html {
	height: 100%;}

#entree {
	background: url('../images/bg_entree.png') repeat top center;
	width:100%; height:100%;
	padding:0;
	margin:0;
	position:absolute;
	z-index:998;
	}
#entree_bloc {
	background: transparent url('../images/bg_entree_akerbeltz_bruit.png') no-repeat top center;
	position:absolute;
	z-index:999;
    top:400px;
    left:50%;
    margin-left: -257px;
    margin-top: -142px;
    width:514px;
    height:285px;
    padding:0px;
	}
#entree_boutons {
	width:380px; height:35px;
	padding:0;
	margin:190px auto 0 auto;
	}
	
body {
	background: #000 url('../images/bg_body.jpg') repeat top center;
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:.75em;
	color: #000;
	}
	
	
.cartouche p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.05em;
	line-height:1.3em;
	color:#000;
	text-align:left;
	margin:0px;
	}

h1 {
	font-family: 'Open Sans Condensed', sans-serif;
	color:#000;
	text-transform:uppercase;
	font-size: 2.15em;
	margin:0 0 8px 0;
}
h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.6em;
	color:#000;
	text-transform:uppercase;
	letter-spacing:0.05em;
	line-height:1.35em;
	margin:0 0 8px 0;
}
h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.7em;
	font-weight:normal;
	line-height:1.35em;
	color:#000;
	margin:20px 0 0 30px;
}
.ghost {
	height:0px;
	visibility:hidden;
}

.mini {
	font-size:0.85em;
	line-height:1.15em;
	padding-top:15px;
}

a {color: #000; text-decoration:none; margin:0;}
a img {border: none;}
a:active, a:focus{ outline:none;}


#wrapper {
	background: transparent url('../images/bg_wrapper.jpg') repeat-x top center;
	width:100%;
	height:auto;
	margin: 0;
	overflow: hidden;
	}
#content {
	background: #667380 url('../images/bg_middle.jpg') no-repeat top center;
	height:auto; width:100%;
	overflow: hidden;
	}

#header {
	background: transparent url('../images/bg_header.jpg') no-repeat top center;
	height:auto; width:100%;
	overflow: hidden;
	}
#colonne {
	background: transparent url('../images/bg_colonne_accueil_xxx.jpg') no-repeat top center;
	height:auto; width:960px;
	margin: 0 auto;
	overflow: hidden;
	}
#top_header {
	height:auto; width:960px;
	margin: 0;
	overflow: hidden;
	position:absolute;
	z-index:20;
	}
#header_accueil {
	height:575px; width:960px;
	margin: 0 auto;
	overflow: hidden;
	}
#header_bieres {
	height:596px; width:960px;
	margin: 0 auto;
	overflow: hidden;
	}
#header_brasserie {
	background: transparent url('../images/images_brasserie/image_brasserie.jpg') no-repeat top center;
	height:520px; width:960px;
	margin: 0 auto;
	overflow: hidden;
	}
#pastille_brasserie{
	float:left;
	width:320px; height:157px;
	padding:0px;
	margin-left: 0px;
}
#intro_brasserie {
	height:19px; width:395px;
	float:left;
	margin: 90px 0 0 166px;
	font-size:1em;
	line-height:1.15em;
	}
#header_contact {
	background: transparent url('../images/images_contact/image_contact.jpg') no-repeat top center;
	height:508px; width:960px;
	margin: 0 auto;
	overflow: hidden;
	}
#pastille_contact{
	float:left;
	width:320px; height:157px;
	padding:0px;
	margin-left: 140px;
}
#intro_contact {
	height:165px; width:305px;
	float:left;
	margin-left:114px;
	font-size:1em;
	line-height:1.15em;	
	}
#logo {
	background: transparent url('../images/logo_akerbeltz.png') no-repeat top left;
	width:318px; height:69px;
	margin:25px 8px 0 5px;
	float:left;
	}
#langues {
	width:200px; height:14px;
	margin:8px 15px 0 0;
	float:right;
	visibility:hidden;
	}
#accroche_accueil {
	background: transparent url('../images/accroche_accueil.png') no-repeat top right;
	width:960px; height:68px;
	margin:18px 25px 0 0;
	float:right;
	}
#h1_bieres {
	background: transparent url('../images/h1_bieres.png') no-repeat top left;
	width:430px; height:31px;
	margin:22px 0 10px 0;
	float:left;
	}
#accroche_bieres {
	width:420px; height:130px;
	margin:0 55px 0 360px;
	float:right;
	}
#accroche_bieres p {
	color:#fff;
	font-size:1.05em;
	line-height:1.2em;
	margin:15px 0 0 20px;
	}

#slider_page {
	height:470px; width:960px;
	margin-top:45px;
	margin-left: auto;
	margin-right: auto;
	}
#slider_page_accueil {
	height:557px; width:960px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	position:absolute;
	z-index:10;
	}
#slider_page_bieres {
	height:596px; width:960px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	position:absolute;
	z-index:10;
	}
#titre_rubrique {
	width:380px;height:100px;
	margin:22px 0 0 10px;
	position:absolute;
	z-index:20;
	}
#slider {
	width:960px;height:237px;
	margin-top:18px;
	position:absolute !important;
	z-index:10;
	overflow: hidden;
	}
#page {
	background: transparent url('../images/bg_page.png') no-repeat top left;
	width:960px; height:auto;
	margin:0px;
	float:left;
	overflow: hidden;
	}
#top_page {
	background: url('../images/top_page.png') no-repeat top left;
	width:932px; height:112px;
	margin:0 auto;
	}
#page_content {
	background-color: #fff;
	width:932px; height:auto;
	margin:0 auto;
	overflow: hidden;
	}
.page_chapitre {
	width:880px; height:auto;
	float:right;
	overflow: hidden;
	margin-bottom:15px;
	}
.page_chapitre a {
	color:#6f8d05;
	}
.titre_chapitre {
	width:100%;
	font-size:1.1em;
	border-bottom: 1px solid #c38671;
	}
.page_chapitre p {
	width:810px; height:auto;
	float:left;
	margin: 20px 40px 20px 30px;
	color:#4b4b4b;
	font-size:1.1em;
	line-height:1.25em;
	overflow: hidden;
	}
#bloc_facebook {
	background-color: #fff;
	width:932px; height:125px;
	margin:0 auto;
	overflow: hidden;
	}
#bas_page {
	background: url('../images/bas_page.png') no-repeat top left;
	width:932px; height:101px;
	margin:0 auto;
	overflow: hidden;
	}

.top_page_accueil{
	background: url('../images/top_page.png') no-repeat top left;
	height:81px;
	color:#5d7287;
	font-size:1.15em;
	font-weight:bold;
	letter-spacing:0.02em;
	padding-left:20px;
	margin:0px;
	}
.actu {
	width:400px; height:auto;
	margin: 0 0 10px 40px;
	float:left;
	overflow: hidden;
	}
.actu a {color:#a33c04;font-style:italic;}
.actu p{	padding-left:20px;color:#555;margin-bottom:15px;}
.actu h2 {
	color:#000;
	text-transform:uppercase;
	line-height:1.35em;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom: 1px dashed #999;
}
.date {
	background: url('../images/bg_date.png') no-repeat top left;
	width:46px; height:66px;
	margin:0 15px 7px 17px;
	padding-top:4px;
	float:left;
	overflow: hidden;
	}
.jour {font-family:Arial, Helvetica, sans-serif;color:#fff;font-size:25px;line-height:22px;margin-left:10px;}
.mois {font-family:Arial, Helvetica, sans-serif;color:#fff;font-size:12px;line-height:15px;margin-left:12px;}
.annee {font-family:Arial, Helvetica, sans-serif;color:#fff;font-size:12px;font-weight:bold;line-height:12px;margin-left:10px;}
.lien_actu {width:360px; float:right; text-align:right; color:#c00; margin-bottom:30px; padding-bottom:15px; border-bottom: 1px dashed #bbb;}
#article {
	width:924px; height:auto;
	margin:0 0 20px 29px;
	float:left;
	}
#titre_article {
	overflow: hidden;
	margin-bottom:20px;
	border-bottom:1px solid #ccd2d4;
	}

.archive {
	width:900px; height:auto;
	margin:0 0 20px 20px;
	padding-bottom:12px;
	float:left;
	border-bottom:1px solid #d5dcdf;
	}
.archive_date{
	background: url('../images/date_actu.png') no-repeat top left;
	width:65px; height:auto;
	padding:27px 12px 0 0 ;
	float:left;
	overflow: hidden;
	}
.archive_content{
	width:780px; height:auto;
	padding-left:10px;
	float:left;
	border-left:1px solid #32465a;
	}
.info{
	width:860px; height:18px;
	padding-left:45px;
	margin-bottom:15px;
	font-size:1.05em;
	line-height:1.4em;
	float:left;
	}
.info_web{
	background: url('../images/web.png') no-repeat left 2px;
	width:12px; height:18px;
	padding:2px 15px 0 0;
	margin-right:12px;
	float:left;
	border-right:1px solid #6e8394;
	}
.info_pdf{
	background: url('../images/pdf.gif') no-repeat left 2px;
	width:12px; height:18px;
	padding:2px 15px 0 0;
	margin-right:12px;
	float:left;
	border-right:1px solid #6e8394;
	}

#footer {
	background: url('../images/bg_footer.png') no-repeat top right;
	height:80px; width:100%;
	float:right;
	margin:10px 17px 0 0;
	}
#footer-content {
	width:960px;
	height:65px;
	padding-top:15px;
	text-align:right;
	color:#667c17;
	font-size: .9em;
	}
#footer a {color: #667c17;text-decoration:none;}
#footer a:hover {color: #fff;}
.sep_footer{margin:0 10px;}

#credits {
	width:782px; height:auto;
	font-size:0.95em;
	margin-left:25px;
	}
#credits a {text-decoration:none;}
#plan {
	width:120px;height:200px;
	float:left;
	margin-left:0px;
	padding-right:6px;
	border-right:1px solid #ddd;
	}
	
.nettoyage {
clear:both;
height:2px;
}