/* CSS modele 1 */

body {

	/*background-color: #CCCCCC;*/
	background-color: #e9e9e9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	color:#999999;

}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:italic;
	color:#999999;

}
h1{
	text-align:center;
	font-variant:small-caps;
	font-size:18px;
	font-weight:bold;

}
h3 {


	font-size:10px;
	font-style:italic;
	color:#000000;


}


li {
	list-style: none;
	
}



.panel{

	width:600px !important; 
	/*background-color: #ece300;
	background-color:#f4c748;*/
	background-color:#a3a37b;
	height:auto;
	margin: 0 auto;
	margin-bottom:1px;
	padding:5px;

	

}
.votes{

	width:600px !important; 
	/*background-color: #efa300;*/
	background-color:#a3a37b;
	
	height:auto;
	margin: 0 auto;
	margin-bottom:1px;
	padding:5px;
	/*filter:alpha(opacity=60);  
	-moz-opacity:0.60;
	opacity: 0.60;*/

}
.comms{

	width:600px !important; 
	/*background-color: #ece300;
	background-color:#f4c748;*/
	background-color:#a3a37b;
	height:auto;
	margin: 0 auto;
	margin-bottom:1px;
	padding:5px;
	/*filter:alpha(opacity=60);  
	-moz-opacity:0.60;
	opacity: 0.60;*/

}

div#conteneur{

	width:1000px !important; 
    margin-left:auto;
	margin-right:auto;
	margin-top:17px;
	height:100%;
	
	/*
	padding:0 auto;*/
	text-align:center;



	}

#header,#footer {
	width:1000px !important;
	margin:0 auto;
	padding:5px;
	text-align:left;
	background-color: #FFFFFF;
	float: right;
	height:auto;
	
}


#footer {
text-align:right;

}

#main {
	width:1000px !important;		
	padding:5px;
	/*text-align:center;*/
	background-color: #FFFFFF;
	float: right;	
	/*height:920px;
	overflow:auto;*/
}



#pannel_l1, #pannel_l2, #pannel_l3{
	text-align:center;
	position: relative;
	/*filter:alpha(opacity=100);  
	-moz-opacity:1;
	opacity: 1;*/
	float: right;
	padding:5px;

}
#pannel_c1, #pannel_c2, #pannel_c3{
	text-align:left;
	position: relative;
	float: right;
	padding:5px;
	width:350px;
	background-color:#FFFFFF;
	

}
#pannel_r1, #pannel_r2, #pannel_r3{
	text-align:center;
	position: relative;
	float: right;
	padding:5px;

}


div#info_box{

position:fixed;
height:20px;
width:300px;
bottom:0px;
left:2px;
padding:2px;
color:#FFFFFF;
background-color:#999999;

text-align:center;

filter:alpha(opacity=60);  
-moz-opacity:0.60;
opacity: 0.60;





}

.note{
/*border:#000000 dashed medium ;*/
height:auto;
width:100px;
font:Arial, Helvetica, sans-serif large;
font-size:24px;
margin-bottom:5px;
color:#FFFFFF;

}
br
{
  clear: right;
}

.box{

	padding:2px;
	visibility:hidden;


}


.commsContenu {
/*height:200px;
overflow:auto;*/



}
#biereVirtuelle{
margin-bottom:65px;

}
#biereVirtuelle p{
text-align:left;

}
#aggregationRss p{
text-align:left;

}
#aggregationRss{


text-align:left;

}


/* recherche box*/

div.autocomplete {
  margin:0px;  
  padding:0px;  
  width:250px;
  background:#fff;
  border:1px solid #888;
  position:absolute;
  z-index:1000;
}

div.autocomplete ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

div.autocomplete ul li.selected { 
  background-color:#ffb;
}

div.autocomplete ul li {
  margin:0;
  padding:2px;
  height:32px;
  display:block;
  list-style-type:none;
  cursor:pointer;
}

.ligne0{
  
  	background-color:#FFFFFF;
	padding-left:50px;
  
}
	
.ligne1{

	background-color:#FFFFFF;

}

.ligneVote{
margin:5px;

}

.aspect{
color:#000000;
font-weight:bold;
}
.image{

background-color:#FFFFFF;
}

/*
.nomBiere{
text-align:center;
font-variant:small-caps;
font-size:22px;
font-weight:bold;

}
*/



.ficheListe li {

margin-bottom:5px;
text-align:justify;
padding-right:10px;


}

div#accueilText{
text-align:justify;
font:italic;
float:left;
margin-left:100px;
width:600px;


}

div#accueilImage{
margin-top:30px;
padding-bottom:10px;
background-color:#FFFFFF;
float:left;

}
div#accueilMain{


}

div#accueilFooter{
font-size:15px;
height:200px;
overflow:auto;



}

div#accueil{

/*height:500px;
overflow:auto;
*/
}
div#controleAge{

z-index:1000;
/*left:25%;
top:25%;*/
height:100%;
width:100%;
position:fixed;
top:0px;
left:0px;
background-image:url(../images/fond_craquelure.png);
display:none;



}
div#texteControleAge{
/*z-index:1001;*/
	left:35%;
	top:40%;
	font-weight:bold;
	background-color:#666666;
	color:#FFFFFF;
	width:350px;
	position:fixed;
	text-align:center;
	padding:10px;
	
	

}
div#image_hd{

/*float:left;*/
text-align:center;


}




div#comparometre{

	
	/*left:5px;*/
	
	z-index:100;
	position:absolute;
	
	/*width:110px;
	height:300px;*/
	
	text-align:center;
	/*padding:5px;*/
	/*
	float: left;
	width: 360px;
	position:fixed;
	left:50%; */
	margin-left:487px;
	margin-top:-227px;


	/*filter:alpha(opacity=60);  
-moz-opacity:0.60;
opacity: 0.60;
*/






}
div#comparo_title{
background-image:url(../images/comparo_top.png);
width:368px;
height:30px;


}

div#comparo_contenu{

	background-image:url(../images/comparo_contenu.png);
	width:368px;
	height:100px;

}

div#comparo_conseils{

width:200px;
margin-left:650px;
margin-top:-20px;
position:absolute;
	/*top:7px;*/
	/*
	
	overflow:auto;
	text-align:left;
	padding:5px;
	z-index:110;
	
	background-image:url(../images/comparo_contenu.png);
	*/


}
.conseilBiere{
	margin:0px;
	padding:0px;

}

.comparo_box_ul{
	margin:0px;
	padding:0px;
}

.comparo_box{

	width:80px;
	height:115px;
	border:dashed thin;
	/*
	background-color:#FFFFFF;*/
	margin-bottom:3px;



}

.comparo_box_1{

	border-color:#FF0000;
	
}
.comparo_box_2{

	border-color:#FF9900;
	
}
.comparo_box_3{

	border-color:#00FF00;	
	
}


.selected{

background-color: #00FF00;
	}
	
	

	
.imageBiereAleatoire{
    
    margin:2px;
	padding:2px;
	text-decoration:none;
	

}


.imageBiereAleatoire:hover{
 filter:alpha(opacity=50);
 -moz-opacity:.50;
 opacity:.50;

}

/*  mise en forme slider image  */
#slider{

float:left;

}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	width:150px;
	height:250px;
	text-align:center;
	list-style:none;
	}


/* infobulle  */
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	
	}
	
.tooltip img{
	
	border:0px;
	
	
	}	
	
	
/*  compteur */

.contenaireCompteur{

	

}

.contenaireCompteur img{

	height:35px;

}


.compteur{

	font-size:10px;
	/*float:right;
	padding-right:55px;*/
	
	


}