@charset "UTF-8";

/* START GLOBAL FORMATING */
body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	font-family: Arial, Verdana, sans-serif;
}

div {
	margin: 0px;
	padding: 0px;
}

a, a:visited {
	color: #cc9900;
	text-decoration: none;
}

a:hover, a:focus {
	color: #663300;
	text-decoration: underline;
}

p, #content ul {
	font-size:  12px;	

}

p {
	margin: 10px 0px;
	text-align: justify;
}

h1,
h2,
h3 {
   margin: 0px;
   padding: 0px;
}

h1,
dt {
	font-size: 20px;
	color:#cc3333;
	margin-bottom: 5px;
}

h2,
#menu,
#footer {
	font-size: 16px;
}

h3 {
	font-size: 14px;
	font-style:italic;
}

h1, 
h2, 
h3, 
h4, 
#footer, 
#menu, 
dt { 
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

ul { 
	margin:0px; 
	padding:15px; 
}

li { 
	list-style-type:square; 
	margin-bottom:3px; 
}

input.field {
	border: 1px solid #cc3333;
	padding: 3px;
	height: 15px;
}

input.button {
	background: #cc3333;
	height: 23px;
	width: 23px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	border: none;
	margin-left:5px;
	line-height: 23px; 
	border-bottom: 1px solid #812020;
	border-right: 1px solid #812020;
	border-top: 1px solid #e28989;
	border-left: 1px solid #e28989;
}

.more {
	text-align:right;
}

.clear { 
	clear:both;	
	width:100%; 
}

a img {
	border:0;
}
/* END GLOBAL FORMATING */

/* START LAYOUT */
#wraper { /* PAGE WRAPER */
	width:960px; 
	margin:30px auto 30px auto; 
}

/* START HEADER */
#header {
	margin-bottom:20px;
}

#header-widget {
	float:right;
	border:2px solid #ffcc33;
}

#header-widget p {
	padding: 0 10px;
}

#header-widget dl dt {
	margin: 0;
	padding:10px;	
}

#header-widget dl dd {
	margin: 0;
	padding: 10px;
}

.home #header-widget {
	width:250px;
	height:250px;
}

.page #header-widget {
	padding: 10px 0;
	margin-top: 30px;
	width:250px;
}

#header-widget label {
	font-size: 12px;
	margin: 0 0 0 10px;
	display: inline-block;
	display: -moz-inline-block;
	width: 60px;
	
}

#header-widget form {
	padding: 5px 0;
}

#header-widget .text {
	padding: 2px;
	border: 1px solid #777;
	width: 120px;
}

#header-widget .submit {
	color: #000;
	border: 2px solid #d29101;
	background: #f4bd1c;
}

.home #header .ad {
	width:250px;
	height:250px;
	float:left;
	
}

.page #header .ad {
	float: left;
	width:468px;
	height:60px;
	margin: 35px 0 35px 45px;
	
}

.home #header .logo {
	margin:0 auto;
	width:269px;
	height:250px;
	background-image:url(../img/logo-home.jpg);
	background-repeat:no-repeat;
}

.page #header .logo {
	margin:0;
	float:left;
	width:140px;
	height:130px;
	background-image:url(../img/logo-page.jpg);
	background-repeat:no-repeat;
}
/* END HEADER */

/* START MENU */


/* END MENU */

/* START CONTENT */
#content {
	width: 936px;
	float: left;
	padding:10px;
	border-left:2px solid #ffcc33;
	border-right:2px solid #ffcc33;
}

.home .col1, .col2, .col3 {
	width:300px;
}

.home .col1 {
	float: left;
	padding-right:7px;
}

.home .col2 {
	float: left;
	padding-right:7px;
	padding-left:7px;
}

.home .col3 {
	float: left;
	padding-left: 7px;
}

.newslist {
	margin-top:20px;
}

.content img {
	padding:3px;
	margin:3px;
}

.page .col1{
	width: 220px;
	padding-right: 7px;
	float: left
}

.page .col2 {
	width: 568px;
	padding-right: 7px;
	padding-left: 7px;
	float: left
}

#histoire-regionale .page .col2,
#reportages .page .col2 {
	width: 788px;
	padding-right: 7px;
	padding-left: 7px;
	float: left
}

.page .col3 {
	margin-top: 20px;
	width: 120px;
	padding-left: 7px;
	float: left
}

.page .content table td {
	padding:5px;
}

.page .content table .picture  {
	text-align: center;
	width:50%
}

.page .content table .picture p  {
	text-align: center;
	font-style: italic;
	padding:5px;
}

.page .content table {
	width: 568px;
}

#reportages .page table {
	width: 788px;
}

#histoire-regionale .page .content table {
	width: 788px;
}


table.beers  {
	border: 2px solid #ffcc33;
}

table.beers .odd td {
	background-color: #ffcc33;
}

table.beers td.name {
	width:100px;
}

table.beers td.name p {
	font-weight: bold;
	text-align: left;
}

table td.media {
	width:80px;
}

.fab {
	color:#000099;
}

.deg {
	color:#990000;
}
/* END CONTENT */

/* START SIDEBAR */
dl#sidebar {
	width: 220px;
	margin-top: 0;
	background: url(../img/sidebar-bottom.gif) no-repeat bottom left;
	background-color: #f3f3e3;
}

dl#sidebar dt {
	background: url(../img/sidebar-top.gif) no-repeat top left;
	padding: 10px 10px 0 10px;;

}

dl#sidebar dt div.logo {
	margin-top: 10px;
}

dl#sidebar dd {
	margin: 0;
	padding: 0 10px 10px 10px;
} 
/* END SIDEBAR */


/* START WIDGET */
dl#widget {
	background: #F8F7CC url(../img/widget-bottom.gif) no-repeat bottom left;
}

dl#widget dt {
	margin: 0;
	padding:10px;
	background: #F8F7CC url(../img/widget-top.gif) no-repeat top left;
}

dl#widget dd {
	margin: 0;
	padding: 10px;
}
/* END WIDGET */

/* START FOOTER */
#footer {
	clear:both;
	padding-left:15px;
	background-image:url(../img/footer.jpg);
	background-repeat:repeat;
	height:40px;
	line-height:40px;
}

#footer p {
	text-align:center;
	font-size: 16px;
}

#footer a { 
	color: #444;
	padding:0 10px;
	font-size: 85%;
}

#footer a:hover { 
	color: #fff;
	text-decoration: none;
}

/* END FOOTER */
#contact form fieldset {
	border: 0;
}

#contact form ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#contact form li {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}

#contact form em {
	color: red;
}

#contact form label {
	display: block;
	font-weight: bold;
}

#contact form .text {
	padding: 3px;
	border: 1px solid #777;
}

#contact form textarea {
	width: 500px;
	height: 200px;
}

#contact form .submit {
	color: #000;
	border: 2px solid #d29101;
	background: #f4bd1c;
	padding: 5px;
}

#contact .error {
	color: red;
	font-weight: bold;
	font-size: 14px;
}

#contact .message {
	color: green;
	font-weight: bold;
	font-size: 14px;
}