@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.top  {
background:url(image/global-bg.jpg) no-repeat bottom left;
}
.header  {
height:170px;
border-bottom:10px solid #cc3300;
}
.header .logo-header  {
margin-top:3px;
float:left;
}
.header .ad  {
float:right;
margin-top:35px;
}
.contentWrap  {
width:1000px;
margin:0 auto;
padding-bottom:10px;
overflow:hidden;
zoom:1;
}
.header .contentWrap  {

height:170px;
}
.content  {

}
.colonne-left  {
float:left;
width:150px;
margin-right:10px;
}

.colonne-left ul {
font-weight:lighter;
font-size:11px;

}

.colonne-left li {
background:#000000;
text-decoration:none;
margin-bottom:3px;
padding:5px;
}

.colonne-left li a  {
text-decoration:none;
color:white;
}
.colonne-left li a:hover {
text-decoration:underline;
color:#cc3300;
}

.colonne-left .ad a {
color:#ffcc00;
}

.colonne-left .ad a:hover {
color:#ffcc00;
}
.main-colonne  {
width:580px;
float:left;
font-size:11px;

}
.main-colonne .recherche  {

background:#000000;
height:50px;
color:white;
padding:10px;
overflow:hidden;
zoom:1;
}
.main-colonne .recherche  p {
font-weight:lighter;
}
.main-colonne .recherche  .newsletter {
width:280px;
float:left;
}
.main-colonne .recherche  .input-texte {
width:200px;
margin-top:3px;
height:20px;
}
.main-colonne .recherche .ok {
background:#ffcc00;
color:#000000;
font-weight:bold;
border:none;
height:25px;
width:25px;
margin-left:10px;
 -moz-border-radius:5px; 
        -webkit-border-radius:5px; 
        border-radius:5px;         
        -webkit-border-top-left-radius:5px; 
        -webkit-border-top-right-radius:5px;
}
.main-colonne .recherche .newsletter h4  {
background:#000000 url(image/newsletter.png) no-repeat left;
text-indent:28px;
height:15px;
margin-bottom:3px;
}
.main-colonne .recherche .search  {
float:right;
width:280px;
}
.main-colonne .recherche .search  h4 {
background:#000000 url(image/recherche.png) no-repeat left;
text-indent:25px;
height:15px;
margin-bottom:3px;
}
.main-colonne .content  {
padding:10px;
background:#eeeee5;
overflow:hidden;
zoom:1;
min-height:290px;
}
.main-colonne .bienvenue  {
overflow:hidden;
zoom:1;
}
.main-colonne .biere  {
float:left;
margin-right:10px;
}

.main-colonne .bienvenue  th {
color:#cc3300;
}
.main-colonne .bienvenue  table {
margin:10px;
}

.main-colonne .bienvenue  p {

margin-bottom:5px;
}
.main-colonne .bienvenue h2 {
margin-bottom:10px;
font-size:14px;
font-weight:lighter;
color:#cc3300;
}
.main-colonne .bienvenue h4 {
margin:10px 0px;

}
.main-colonne .bienvenue  a {

text-decoration:none;
color:#ff9900;
}
.main-colonne .bienvenue  a:hover {
text-decoration:underline;
}

.main-colonne .bienvenue  a span {
background:url(image/picto-fleche-noir.png) no-repeat left;
padding-left:10px;
color:#000000;
}
.main-colonne .bienvenue  h1{
font-size:18px;
margin-bottom:10px;
font-weight:lighter;
}
.main-colonne .bienvenue  .desinscription {
background:#cc3300;
color:#ffffff;
font-weight:bold;
border:none;
height:25px;
margin-right:10px;
 -moz-border-radius:5px; 
        -webkit-border-radius:5px; 
        border-radius:5px;         
        -webkit-border-top-left-radius:5px; 
        -webkit-border-top-right-radius:5px;
		}

.main-colonne .bienvenue  h3 {
color:#ff9900;
padding-left:3px;
font-weight:lighter;
}

.main-colonne .colonne-left  {
width:350px
}
.main-colonne .colonne-left  p {
text-align:justify;
}
.main-colonne .colonne-left  p a {
text-decoration:none;
color:#ff9900;
}
.main-colonne .colonne-left  p a:hover {
text-decoration:underline;
}

.main-colonne .colonne-right  {
background:none;
width:194px;
margin-left:0;
padding:0;
}
.pub-carre {
float:right;
margin-bottom:10px;
}

.main-colonne .zoom  {
background:#ffffff;
padding:10px;
overflow:hidden;
zoom:1;
width:540px;
margin-top:10px;
}
.main-colonne .zoom  h3 {
font-size:18px;
font-weight:lighter;
margin-bottom:10px;
}
.main-colonne .zoom  h3 span{
background:#ffcc00;
padding:0 5px;
}
.main-colonne .zoom .left  {
float:left;
width:172px;
margin-right:10px;
}
.main-colonne .zoom .middle  {
float:left;
width:172px;
margin-right:10px;
}
.main-colonne .zoom .right  {
float:right;
width:172px;
}
.main-colonne .zoom  h5 {
background:url(image/picto-fleche-noir.png) no-repeat left;
padding-left:15px;
}
.main-colonne .pub-petit-rectangle  {
margin:15px 75px;

}
.colonne-right  {
float:right;
width:230px;
margin-left:10px;
background:#000000;
color:#ffffff;
padding:10px;
font-size:11px;
}
.colonne-right  .biere  {
background:#ffffff;
width:230px;
padding-bottom:5px;
}
.colonne-right  .biere  h2 {
color:#cc3300;
font-weight:lighter;
margin-left:5px;
padding-top:5px;
font-size:18px;
}
.colonne-right .biere .classement  {
color:#000000;
padding:5px;
margin:5px 0 0 0;

}
.colonne-right .biere .description {
background:#eeeee5;
color:#000000;
text-align:justify;
padding:5px;
margin:5px 0;
}

.colonne-right .biere a {
background:url(image/picto-fleche-ocre.png) no-repeat left;
color:#ff9900;
padding-left:20px;
text-decoration:none;
margin-bottom:5px;
}

.colonne-right .biere a:hover {
text-decoration:underline;
}
.colonne-right .sondage  {
color:#ffffff;
}
.colonne-right .sondage  h2 {
font-size:18px;
color:#333333;
font-weight:lighter;
margin:10px 0;
}
.colonne-right .sondage  p {
margin-bottom:10px;
}

.colonne-right .sondage  td {
color:#FFFFFF;
}
.colonne-right .sondage  .tableau {
margin-left:55px;
}
.colonne-right .sondage  .voter {
background:#ffcc00;
color:#000000;
font-weight:bold;
border:none;
height:20px;
text-align:center;
 -moz-border-radius:5px; 
        -webkit-border-radius:5px; 
        border-radius:5px;         
        -webkit-border-top-left-radius:5px; 
        -webkit-border-top-right-radius:5px;
		width:80px;
		margin:10px 75px;
	}
.colonne-right .sondage  a {
text-decoration:none;
color:#ffcc00;
background:url(image/picto-fleche-jaune.png) no-repeat left;
padding-left:20px;
}
.colonne-right .sondage  a:hover {
text-decoration:underline;
}	
	
	
.footer  {
background:#000000;
height:180px;
border-top:10px solid #333333;
font-size:11px;
}
.footer .logo  {
float:left;
margin-top:10px;
}
.footer .colonne-left {
float:left;
color:#ffffff;
width:660px;
margin-left:5px;
margin-top:10px;
}
.footer a {
color:#ffcc00;
text-decoration:none;
}
.footer p {
padding:2px;
}
.footer a:hover {
text-decoration:underline;
}