/* Start of CMSMS style sheet 'Style' */
body {
	font-family : Arial, Verdana, Sans;
	font-size : 0.8em;
	background : url('../images/body-bg.gif');
	margin : 0;
	padding : 0;
}

a {
	color:#284DA6;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}
/*img {
	vertical-align : middle;
}*/

select, input {
	vertical-align:middle;
}

.clear {
	clear:both;
}

#extra {
	background : url('../images/extra-menu-bg.png') repeat-x;
	height : 32px;
	text-align : center;
}

#extra .content {
	text-align : left;
	margin : 0px auto;
	width : 893px;
	padding : 0px 15px 0px 50px;
}

#extra .url {
	background : url('../images/extra-menu-beer.png') no-repeat;
	height : 32px;
	padding : 9px 0px 0px 35px;
	float : left;
}

#extra .url a {
	color : #f1e4e4;
	text-transform : uppercase;
	letter-spacing: 3px;
	font-size: 0.84em;
}

#extra .url a span {
	font-weight : bold;
}

#extra .menu {
	margin : 0;
	padding : 0;
	float : right;
}

#extra .menu li {
	list-style : none;
	float : left;
	margin : 5px 1px 0px 0px;
}

#extra .menu .left {
	width : 5px;
	height : 27px;
	background : url('../images/extra-menu-gauche-rouge.png');
	float : left;
}

#extra .menu li.on .right {
	background : url('../images/extra-menu-droite-orange.png');
}

#extra .menu li.on .left {
	background : url('../images/extra-menu-gauche-orange.png');
}

#extra .menu .right {
	width : 5px;
	height : 27px;
	background : url('../images/extra-menu-droite-rouge.png');
	float : left;
}

#extra .menu a {
	color : white;
	float : left;
	background : #993c3c;
	height : 19px;
	padding : 8px 12px 0px 12px;
	text-transform : uppercase;
	letter-spacing: 1px;
	font-size: 0.8em;
}

#extra .menu li.on a {
	background : #ee9b1b;
}

#main {
	margin : 5px 0px 0px 0px;
	padding : 0;
	text-align : center;
}

#main .content {
	text-align : left;
	margin : 0px auto;
	width : 958px;
}

#main .header {
	width : 958px;
	height : 227px;
	background : url('../images/header-bg.png') no-repeat;
}

#main .footer {
	width : 920px;
	height : 208px;
	background : url('../images/footer-bg.png') no-repeat;
	margin : 0px 0px 0px 40px;
}

#main .footer .data1 {
	padding : 174px 20px 0px 20px;
	color : white;
	font-size: 0.9em;
}

#main .footer .data1 .adresse {
	float : left;
}
#main .footer .data1 .adresse p{
	margin: 0;
}

#main .footer .data1 .conception {
	float : right;
	font-weight : bold;
}

#main .footer .data1 .conception a {
	color : white;
	text-decoration : underline;
}

#main .footer .data2 {
	padding : 25px 20px 20px 20px;
	font-size: 0.9em;
	color : black;
	text-align : center;
	font-weight : bold;
}

#main h1.titre {
	font-weight : normal;
	color : white;
	background : #942923;
	font-size : 2.2em;
	margin : 0px 9px;
	padding : 10px 25px;
}
#main h1.titre div{
	background: url('../images/artisan.png') top left no-repeat;
	height: 22px;
	width: 579px;
}
#main h1.titre div span{
	position: absolute;
	left: -999px;
}

#mainmenu  {
	background : url('../images/main-menu-bg.png') repeat-x;
	width : 883px;
	height : 82px;
	padding : 0;
	margin : 8px 9px 0px 9px;
}

#mainmenu  li {
	list-style : none;
	float : left;
	text-align : center;
	background : url('../images/main-menu-item-bg.png') no-repeat;
}

#mainmenu  li.accueil { width : 180px; background : none; }
#mainmenu  li.bieres { width : 170px; }
#mainmenu  li.specialites { width : 165px; }
#mainmenu  li.groupe { width : 227px; }
#mainmenu  li.evenements { width : 140px; }

#mainmenu  li a {
	color : white;
	font-size : 1.1em;
	display : block;
	height : 62px;
	padding : 20px 0px 0px 0px;
}
#mainmenu  li a:hover{
	background : url('../images/main-menu-item-over-bg.png') repeat-x;
}
#mainmenu  li.on a:hover{
	background : url('../images/main-menu-lien-over-bg.png') no-repeat 50% 72px;
}

#mainmenu  li.on {
	background : url('../images/main-menu-item-over-bg.png') repeat-x;
}

#mainmenu  li.on a {
	background : url('../images/main-menu-lien-over-bg.png') no-repeat 50% 72px;
}

#mainmenu  li a:hover {
	text-decoration : none
}

#mainmenu  li a span {
	display: block;
	color : black;
	font-size : 1.4em;
	font-family : Serif;
}

#main .container {
	width : 900px;
	background : url('../images/main-bg.png') repeat-y;
	margin : 0px 0px 0px 40px;
	padding : 5px 10px;
}

#main .col {
	font-family: Georgia, serif;
	font-size: 0.9em;
	line-height: 1.5em;
	float : left;
	margin : 10px 10px 0px 10px;
	width : 204px;
}

#main .bieres-artisanales {
	position: relative;
	width : 188px;
	height : 171px;
	background : url('../images/bieres-artisanales-bg.jpg') no-repeat;
	padding : 72px 8px 0px 8px;
	margin : 0px 0px 10px 0px;
	text-align : center;
}

#main .specialites-alsaciennes {
	position: relative;
	width : 188px;
	background : url('../images/specialites-alsaciennes-bg.jpg') no-repeat;
	padding : 210px 8px 0px 8px;
	margin : 0px 0px 10px 0px;
	text-align : center;
}

#main .accueil-groupe {
	position: relative;
	width : 188px;
	height : 135px;
	background : url('../images/accueil-groupe-bg.jpg') no-repeat;
	padding : 72px 8px 0px 8px;
	margin : 0px 0px 10px 0px;
	text-align : center;
}

#main .biglink{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	outline:0;
}
#main .biglink span{
	position: absolute;
	left: -999em;
}

#main .page {
	font-family: Georgia, serif;
	float : left;
	width : 665px;
	margin : 15px 0px 0px 0px;
}

h2{
	font-size: 1.6em;
	font-weight: bold;
}
h3{
	font-size: 2em;
	font-weight: bold;
	color: #6DBA14;
}
h4{
	color: #942923;
	font-size: 1.4em;
	font-weight: bold;
}

#bienvenue {
	background : url('../images/bienvenue-bg.jpg') no-repeat;
	padding : 200px 0px 0px 290px;
	min-height : 110px;
	height : auto;
	margin : 0px 0px 15px 0px;
}

#main .page .minipage {
	float : left;
	width : 434px;
	padding-right: 10px;
}

#main .page .autrecol {
	float : left;	
	width : 215px;
}


#main .avis {
	width : 431px;
	height : 126px;
	background : url('../images/avis-bg.png') no-repeat;
}

#main .avis .entete {
	background : url('../images/bulle.jpg') left 5px no-repeat;
	padding : 0px 0px 5px 45px;
}

#main .avis .entete .titre {
	font-size : 2em;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

#main .avis .entete .titre span {
	color : #6eba10;
}

#main .avis .entete .redacteur span {
	color : #952a24;
	font-weight : bold;
}

#main .avis .commentaire  {
	margin : 0px;
	margin : 0px 0px 0px 10px;
}

#main .avis .commentaire .titre {
	color : #6eba10;
	font-weight : bold;
	margin : 5px 0px 0px 0px;
}

#main .avis .commentaire .texte {
	border-left : 2px solid #952a24;
	margin : 5px 5px 0px 0px;
	padding : 0px 0px 0px 5px;
}

#main .avis-liretous {
	background : url('../images/fleche.gif') no-repeat 0px 3px;
	margin : 5px 10px;
	padding : 0px 0px 0px 15px;
}

#main .avis-liretous a {
	color : #e07e00;
	text-transform : uppercase;
}

#main .reservation {
	background : url('../images/reservation-bg.jpg') no-repeat;
	width : 250px;
	min-height : 45px;
	height : auto;
	padding : 150px 0px 0px 181px;
	font-weight : bold;
	position: relative;
}
#main .reservation a#reservation{
	position: absolute;
	display: block;
	width: 150px;
	height: 90px;
	left: 45px;
	top: 45px;
}
#main .reservation a#reservation span{
	display: none;
}

#main .evenements-concerts {
	background : url('../images/evenements-concerts.png') no-repeat;
	width : 197px;
	height : 219px;
	padding : 150px 5px 0px 10px;
}
#main .evenements-concerts .morelink a, .evenement .morelink a, #detail_retour a{
	color : #6EBA10;
}
#main .evenements-concerts .titre{
	margin : 0px 0px 5px 10px;
}
#main .evenements-concerts .titre a, .evenement .titre a{
	color : #6EBA10;
	font-weight : bold;
}

#main .evenements-concerts .date, .evenement .date, .detail_date {
	color : #F9A920;
	font-weight : bold;
	font-size: 0.9em;
}

#main .evenements-concerts .date{
	margin : 0px 0px 5px 10px;
}

#main .evenements-concerts .img {
	text-align : center;
}

#main .evenements-concerts .img img, .evenement .img img, .detail_img img {
	border : 2px solid #F9A920;
	margin : 5px 0px 10px 0px;
}

#main .evenements-concerts .texte, .evenement .texte {
	text-align : justify;
	font-size: 0.9em;
}
#main .evenements-concerts .texte{
	margin : 0 5px;
}

.evenement{
	margin-bottom: 20px;
}

#detail_texte{
	margin-bottom: 10px;
}

/* PAGES BIERES */

.bieres #main .page {
	width : 719px;
}

.bieres #main .page .minipage {
	width : 488px;
}

.bieres #main .avis{
	clear: both;
	margin-top: 20px;
	width : 491px;
	background : url('../images/mangeravec-bg.jpg') bottom left no-repeat;
	height : auto !important;
	min-height: 126px;
	height: 126px;
}

.bieres #main .avis div.que_contenu{
	padding: 10px 15px 20px 15px;
}

#main .photos-bieres {
	background : url('../images/photos-bieres.jpg') no-repeat;
	width : 208px;
	height : 133px;
}
#main .photos-bieres-contenu, .autrecol .colmid {
	width: 190px;
	background : url('../images/colmid-bg.jpg') repeat-y;
	padding : 10px 15px;
}
#main .photos-bieres-bas, .autrecol .colbas {
	background : url('../images/colbas-bg.jpg') no-repeat;
	width : 208px;
	height : 22px;
}

.autrecol .formule1, .autrecol .formule2, .autrecol .formule3, .autrecol .formule4{
	width : 208px;
	height : 133px;
}
.autrecol .formule1{
	background : url('../images/formule1.jpg') no-repeat;
}
.autrecol .formule2{
	background : url('../images/formule2.jpg') no-repeat;
}
.autrecol .formule3{
	background : url('../images/formule3.jpg') no-repeat;
}
.autrecol .formule4{
	background : url('../images/formule4.jpg') no-repeat;
}

#main #menu-bieres {
	position: relative;
	float : left;
	margin : 10px 10px 0px 10px;
	width : 150px;
	min-height: 660px;
	height: auto !important;
	height: 660px;
	background-color: #F4EEE0;
}
#main #menu-bieres #img-bieres {
	background: url('../images/menu-bieres.png') top left no-repeat;
	height: 638px;
	width: 215px;
	margin-top: 20px;
	margin-left: -40px;
}
#main #menu-bieres #liens-bieres{
	position: absolute;
	top: 0;
	height: 318px;
	width: 70px;
	margin-top: 20px;
	margin-left: -40px;
	padding-top: 67px;
	padding-left: 52px;
}
#main #menu-bieres a{
	display: block;
	height: 53px;
	width: 70px;
}
#main #menu-bieres a span{
	position: absolute;
	left: -999px;
}

/* SPECIALITES */

.specialites #main .avis{
	clear: both;
	margin-top: 20px;
	width : 491px;
	background : url('../images/mangeravec-bg.jpg') bottom left no-repeat;
	height : auto !important;
	min-height: 126px;
	height: 126px;
}

.specialites #main .avis div.que_contenu{
	padding: 10px 15px 20px 15px;
}

.specialites #main .col, .principal #main .col{
	background: url('../images/bordure-terrasse.jpg') no-repeat;
	height: 733px;
	width: 150px;
}
.specialites #main .page {
	width : 719px;
}

.specialites #main .page .minipage {
	width : 488px;
}

#main .photos-specialites {
	background : url('../images/photos-specialites.jpg') no-repeat;
	width : 208px;
	height : 136px;
}

#main .le-mois-du {
	width : 188px;
	min-height : 144px;
	height: auto !important;
	height: 144px;
	background : url('../images/le-mois-du.png') no-repeat;
	padding : 62px 8px 0px 8px;
	margin : 0px 0px 40px 0px;
	text-align : center;
}

/* ALBUMS PHOTO */

ul.picturelist li{
	display: block;
	margin-right: 10px;
	margin-top: 5px;
}
ul.picturelist img{
	border: 2px solid #F9A920;
}

/* FORMULAIRES */

form fieldset{
	border: 1px solid #942923;
	margin-top: 10px;
	width: 400px;
}
form fieldset legend{
	background-color: #942923;
	color: #FFFFFF;
	font-weight: bold;
	font-family: inherit;
	font-size: 1.2em;
	padding-left: 2px;
	padding-right: 2px;
}
.formbuilder div{
	clear: both;
	margin-bottom: 5px;
}
.formbuilder label{
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	padding-top: 2px;
	padding-right: 5px;
}
.formbuilder .multi div label{
	display: inline;
	float: none;
	width: auto;
	textalign: left;
	padding: 0;
}
.formbuilder div input, .formbuilder textarea{
	width: 200px;
}
.formbuilder .multi input{
	width: auto;
	margin-left: 155px;
}
.formbuilder .fbsubmit{
	background-color: #6DBA14;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	border: 0;
	width: auto;
	margin-left: 155px;
	margin-top: 10px;
}
.error_message{
	margin-bottom: 10px;
	font-weight: bold;
}
.chobl{
	font-style: italic;
	font-size: 0.9em;
}

/* STYLES TEXTE */

.texte_bordeaux {
	font-weight : bold;
	color : #952a24;
}
#main img.texte_bordeaux, .texte_bordeaux img{
	border-color : #952a24;
}
.texte_jaune {
	color : #f9a920;
	font-weight : bold;
}
#main img.texte_jaune, .texte_jaune img{
	border-color : #f9a920;
}
.texte_vert {
	color : #6DBA14;
	font-weight : bold;
}
#main img.texte_vert, .texte_vert img{
	border-color : #6DBA14;
}
h4{
	font-size: 1.2em;
	margin: 10px 0;
}
/* TINY_MCE */

body.mceContentBody{
	background-color: #FFFFFF;
}
/* End of 'Style' */