html {
    min-height: 100%;
    height: auto;
}

body {
    margin: 0;
    padding: 0;
    background: #FFFFFF url(../images/background_blue_gradient.jpg) repeat-x center top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
}

a {
    text-decoration: none;
    color: #0066FF;
    }
    
a:active,
.topMenu li a,
.welcome h2 a,
.welcome a,
.leftColumn li a, 
.leftColumn p a,
.leftColumn .e1a a,
.leftColumn .e1o a,
.leftColumn .e2a a,
.leftColumn .e2o a,
.center h2 a,
.slinks li a, 
.slinks a,
.cpr a,
.date a,
.beerdetail a,
.beerpix a,
.txtnews a {
  outline: none;
}
a:hover {
    text-decoration: underline;
    color: #FF0000;
    }

img {
    margin: 0;
    padding: 0;
    border: 0;
}

.main {
    width: 730px;
    margin: 0 auto;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
}

.topa {
    width: 730px;
    clear: both;
    background: url(../images/dotted_back.gif) repeat-x bottom;
    height: 33px;
    float: right;
}

.topMenu {
    float:left;
    width:480px;
    font-size: 11px;
}

.topMenu ul {
    padding: 8px 0px 5px 0;
    margin: 0;
    list-style: none;
    border: none;
}

.topMenu li {
    display: inline;
}

.topMenu li a {
    color: #333;
    background: inherit;
    font-weight: normal;
    padding: 20px 5px 6px 5px;
    margin: 0;
    text-decoration: none;
}

.topMenu li a:hover {
    color: #666;
    padding: 20px 5px 9px;
    margin: 0;
    text-decoration: none;
    background: url(../images/arrup.gif) no-repeat bottom;
}

.search {
    float: left;
    width:250px;
}

.search p {
    text-align: right;
    margin: 8px 0 0;
    padding: 0;
}
.spacer-leftright {
    margin-right: 5px;
    margin-left: 5px;
}
.topb {
    width: 730px;
    clear: both;
    background: url(../images/dotted_back.gif) repeat-x bottom;
    margin-top: 0px;
    padding-top: 2px;
}

.topb .logo {
    float: left;
    width: 245px;
    height: 200px;
}

.topb .welcome {
    float: left; 
    width: 415px;
    margin-top: 55px;
}

.welcome h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    letter-spacing: -2px;
    color: #666;
    font-weight: normal;
    margin: 0 0 -10px 0;
    padding: 0;
}

.welcome h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    letter-spacing: -3px;
    color: #000;
    font-weight: bold;
    margin: -12px 0 0 0;
    padding: 0; 
}

.welcome h2 a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    letter-spacing: -3px;
    color: #FCCD17;
    font-weight: bold;
    text-decoration: none;
}

.welcome h2 span {
    color: #FCCD17;
}

.welcome p {
    margin: 10px 0 0 0;
    padding: 0;
}

.welcome a {
    color: #000;
    text-decoration: underline;
}

.welcome a:hover {
    color: #666;
    text-decoration: none;
}

.cont {
    clear: both;
}

.leftColumn {
    color: #666;
    float: left;
    width: 200px;
    padding: 8px 30px 50px 0px;
    ;
}

.menu {
    border-bottom: 2px Solid #000;
}

.leftColumn h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -1px;
    padding: 0 0 4px;
    margin: 0;
}

.leftColumn .home {
    color: #FCCD17;
}

.leftColumn .breabcrumb {
    color: #000;
}

.leftColumn h2 span {
    color: #333;
}

.news {
    border-bottom: 2px solid #666;
}
h2.news  {
    margin-top:30px;
}
.leftColumn ul {
    padding: 0;
    margin: 0 0 0px;
    list-style: none;
}
.leftColumn li {
    padding: 2px 0 3px 13px;
    margin: 0;
    border-bottom: 1px solid #999999;
}

.leftColumn li .e2a,
.leftColumn li .e2o {
    padding: 2px 0 3px 13px;
    margin: 0;
    border-bottom: 0;
}
.leftColumn p {
    padding: 2px 0 3px 0;
    margin: 0;
    background: url(../images/dotted_back.gif) repeat-x bottom;
}

.leftColumn li a, .leftColumn p a {
    color: #000;
    margin: 0px;
    text-decoration: none;
    display: block;
    padding: 5px 0 5px 0;
}
.leftColumn .menu1on a {
    color: #333;
    display: block;
    margin: 0px 0px 0px -8px;
    text-decoration: none;
    padding: 5px 0 5px 5px;
    font-weight:bold;
    border-left: 5px solid #333;
}
.leftColumn .menu2on a {
    color: #333;
    display: block;
    margin: 0px 0px 0px -8px;
    text-decoration: none;
    padding: 5px 0 5px 5px;
    font-weight:bold;
    margin-left: 5px;
    border-left: 5px solid #333;
}
.leftColumn .menu3on a {
    color: #333;
    display: block;
    margin: 0px 0px 0px -8px;
    text-decoration: none;
    padding: 5px 0 5px 5px;
    font-weight:bold;
    margin-left: 20px;
    border-left: 5px solid #333;
}
.leftColumn .menu1open a {
    color: #333;
    display: block;
    margin: 0px 0px 0px -8px;
    text-decoration: none;
    padding: 5px 0 5px 5px;
    font-weight:bold;
    border-left: 5px solid #999;
}
.leftColumn .menu2open a,
.leftColumn .menu2open a:hover {
    color: #333;
    display: block;
    margin: 0px 0px 0px -8px;
    text-decoration: none;
    padding: 5px 0 5px 5px;
    font-weight:bold;
    margin-left: 5px;
    border-left: 5px solid #999;
}

.leftColumn .menu1off a {
    font-weight:normal;
    margin-left: 3px;
    }
.leftColumn .menu2off a {
    font-weight:normal;
    margin-left: 15px;
    }
.leftColumn .menu2on a:hover,
.leftColumn .menu2off a:hover {
    font-weight:bold;
    margin-left: 5px;
    }
.leftColumn .menu3off a {
    font-weight:normal;
    margin-left: 30px;
    }
.leftColumn .menu3on a:hover,
.leftColumn .menu3off a:hover {
    font-weight:bold;
    margin-left: 20px;
    }
.leftColumn li a:hover {
    color: #333;
    display: block;
    margin: 0px 0px 0px -8px;
    text-decoration: none;
    padding: 5px 0 5px 5px;
    font-weight:bold;
    border-left: 5px solid #999;
}
.leftColumn p a:hover {
    color: #666;
    display: block;
    text-decoration: none;
    font-weight:bold;
}
.center {
    float: right;
    width: 500px;
    padding: 20px 0 40px;
}

.center h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;    
    font-weight: normal;
    letter-spacing: -1px;
    padding: 0; 
    margin: 0;
    color: #000;
}

.center h2 a {
    color: #000;
    text-decoration: none;
}

.center h2 a:hover {
    color: #000;
    text-decoration: underline;
}

.center p {
    padding: 4px 0 4px 0;
    margin: 0;
    color: #000;
}

/* --.center a {
    color: #333;
    text-decoration: underline;
}
.center a:hover {
    color: #666;
    text-decoration: none;
}
-- */

.img_border {
    border: 1px solid #000000;
}

.beerpix {
    float:left;
    width:110px;
        padding-top:12px;
        z-index:100;
}
.beerpix p {
    margin-top: 8px;
}
.beerpix a.zoom-icon,
.txtnews a.zoom-icon {
    background:url('../images/zoom.gif') no-repeat right bottom; 
        display:block; 
    width:100px;
    height:137px;
}
.txtnews a.zoom-pix-left {
    background:url('../images/zoom.gif') no-repeat right bottom; 
        display:block; 
    float:left;
    margin-right:15px;
    width:100px;
    height:137px;
}
.txtnews a.zoom-pix-right {
    background:url('../images/zoom.gif') no-repeat right bottom; 
        display:block; 
    float:right;
    margin-left:15px;
    width:100px;
    height:137px;
}
#pix-left {
    float:left;
    color:#333;
    font-size:10px;
    margin-top:3px;
    margin-right:10px;
}
#pix-left img,
.txtnews img a,
.beerpix img {
    border: 1px solid #000000;
}
.beerdetail {
    float:right;
    width:375px;
    padding-top: 12px;
}
.beerdetail a.previous{
    background:url('../images/precedent.gif') no-repeat center top; 
    display:block; 
    width:100px; 
    margin-top: 10px; 
    padding-top:34px; 
    text-align:center; 
    text-decoration:none; 
    color:#031B48; 
    font-family: Arial, Tahoma, Verdanan, Sans-serif; 
    font-weight:bold; font-size:9pt;
}
.beerdetail a.next{
    background:url('../images/suivant.gif') no-repeat center top; 
    display:block; 
    width:100px; 
    margin-top: 10px; 
    padding-top:34px; 
    text-align:center; 
    text-decoration:none; 
    color:#031B48; 
    font-family: Arial, Tahoma, Verdanan, Sans-serif; 
    font-weight:bold; 
    font-size:9pt;
}

.txtnews {
    padding: 8px 0 8px 0;
    clear: both;
    width: 100%;
}
.txtnews.pix-center,
img.pix-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:15px;
    border: 0px solid #000000;
}
.pix-left {
    float: left;
    margin: 3px 10px 0 0;
    border: 1px solid #000000;
}
.pix-right {
    float: right;
    margin: 3px 0 10px 5px;
    border: 1px solid #000000;
}
.slinks {
    clear: both;
    background: url(../images/dotted_back.gif) repeat-x bottom;
    text-align: right;
    padding: 0 0 10px 0;
    margin: 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ccc;
}

.slinks ul {
    padding: 0; 
    margin: 0;
    list-style: none;
    display: inline;
    border: none;
}

.slinks li {
    display: inline;
    padding: 0;
    margin: 0;
}

.slinks li a, .slinks a {
    color: #333;
    padding: 0 6px 0 6px;
    margin: 0;
    text-decoration: none;
}

.slinks li a:hover, .slinks a:hover {
    color: #666;
    padding: 0 6px 8px;
    margin: 0;
    text-decoration: none;
    background: url(../images/arrup.gif) no-repeat bottom;
}

.cpr {
    clear: both;
}

.cpr p {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    margin: 2px 0;
    padding: 0; 
}

.cpr a {
    font-weight: normal;
    text-decoration: underline;
    color: #000;
}

.cpr a:hover {
    font-weight: normal;
    text-decoration: none;
    color: #666;
}

p.date {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: right;
    padding: 3px 0 3px 0;
    vertical-align: middle;
}
p.beerdetaildate {
    text-align: right;
    margin-top: 10px;
}

.date a:link, .date a:visited {
    color: #000;
    text-decoration: underline;
}

.date a:hover, .date a:active {
    color: #666;
    text-decoration: none;
}

.date img {
    vertical-align: middle;
    margin: 0 5px 0 5px;
    padding: 0;
}

input.text { 
    margin: 0; 
    width: 130px;
    border: 1px solid #666; 
    background: #00CCFF;
    color: #777; 
}

input.text:hover { 
    border: 1px solid #000; 
}

input.searchbutton { 
    margin: 1px; 
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    border: none; 
    background: #FFFFFF; 
    color: #FCCD17; 
    padding: 1px;
    text-transform: uppercase;
}

fieldset {
    border: 1px solid #ccc;
}

textarea.text { 
    height: 150px; 
    width: 90%; 
    border: 1px solid #ccc; 
    background: #fff; 
    color: #444;
}

textarea.text:hover { 
    border: 1px solid #bbb; 
    background: #FFFFF4; 
    color: #000;
}

input.field { 
    border: 1px solid #ccc; 
    background-color: #fff; 
    width: 200px; 
    color: #444;
}

input.field:hover { 
    border: 1px solid #bbb; 
    background: #fff; 
    color: #444;
}

input.button {
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-weight: bold;
    background: #f4f4f4; 
    color: #555;
    border: 1px Solid #ccc;
}

.comments { 
    padding: 10px 10px 8px 10px; 
    margin: 0 0 7px 0; 
    background: #f8f8f8; 
    color: #666;
}

.commentsbox { 
    padding: 8px 0 10px 10px; 
    margin: 0 0 10px 0; 
    background: #f4f4f4; 
    color: #666;
}

.error {
    color: #FCCD17;
    background-color: #fec;
    padding: 7px;
    margin-top: 5px;
    margin-bottom: 10px;
    border: 1px dashed #FCCD17;
}
.error h2 {
    color: #FCCD17;
    background: inherit;
    font-weight: normal;
    letter-spacing: -1px;
}

.success {
    color: #666;
    background: #f5f5f5;
    padding: 7px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px dashed #ccc;
}
.success h2 {
    color: #666;
    background: inherit;
    font-weight: normal;
    letter-spacing: -1px;
}


.font-size-annonce {
    font-size:16px;
}

/* Ajax nav*/
.active {
    font-weight: bold;
}
/* << */
.bgcolor-grey-eee {
    background-color:#eee;
}