/* Styles Pôpa! - @GregSuj */

html, body {overflow-x:hidden; overflow-y:visible;}
.container {
  height: 1467px;
    margin: 0 auto;
    position: relative;
    width: 1200px;}

#titre {
	 position: absolute;
    top: 47px;
}
#titre h1 {
	font-family:'ChunkFive', sans-serif;
	font-size:70px;
	color:#6e6e6e;
}
#titre h2 {
	font-family:'Market Deco', sans-serif;
	font-size:35px;
	color:#6e6e6e;
}

/* Corps papa */
  #tete {  background: url("img/popa.png") no-repeat scroll center center transparent;
    height: 1240px;
    position: relative;
    top: 0; z-index:900;}
	#bras{  background: url("img/popa_bras2.png") no-repeat center transparent;
    height: 730px;
    
    margin: auto;
    position: absolute;
    top: 767px;
    width: 1117px;
    z-index: 1000;}
/* BAR*/
#bar {width:100%; height:73px; background: url(img/topbar.png) repeat-x;
position:relative;
top:19px;

z-index:3000;}
#collections {width:100%;  background: url(img/bgbar.jpg) repeat; position:relative; height:1600px; display:block; z-index:1050;

}

.dock {-moz-box-shadow: 0 47px 87px #000000; box-shadow:0 47px 87px #000000; -webkit-box-shadow:0 47px 87px #000000; -o-box-shadow:0 47px 87px #000000;
    background: url("img/dock.png") no-repeat scroll 0 0 transparent;
    height: 59px;
    margin: 0 auto 41px;
    position: relative;
     top: 56px;
    width: 701px;
	}
/* Titre */
hr {
	width:350px;
	color: #ababab;
	background-color: #ababab;
	height: 1px;
	border: 0;
}
#main {height:600px;}
#prez {
	 clear: both;
    font-family: Arial,Helvetica,serif;
    font-size: 15px;
    line-height: 25px;
    margin-left: -2px;
    position: absolute;
    top: 252px;
    width: 350px;
}

.corps_papa {
	  background-color: #6A6A6A;
    height: 405px;
    margin: auto;
    position: relative;
    top: -131px;
    width: 705px;
 
}

/*   ----------------------------------------  Affiches -------------------------------------- */
#affiche_cafe { height: 225px;
    position: absolute;
    right: -58px;
    top: -58px;
    width: 447px;}
#termo{ background-image:url(img/downtermo2.png); z-index:700;  height: 225px;
    position: absolute;background-repeat:no-repeat;
  right: 19px;
    top: 80px;
    width: 447px;
    z-index: 700;}
	#temperature { position: absolute;
   
  
       right: 92px;
    top: 127px;
    width: 7px; background-color:#B93618; height:150px; z-index:750;   

}

#toptermo {background-image:url(img/toptermo.png); z-index:9500; height: 193px;
    position: absolute;background-repeat:no-repeat;
    right: 51px;
    top: 90px;
    width: 88px; }
#fumee { background: url(img/fumee.png) no-repeat;     height: 28px;
    position: absolute;
    right: 332px;
    top: 191px;
    width: 17px;
    z-index: 750;
-webkit-animation: cssAnimation 4s infinite ease;
-moz-animation: cssAnimation 4s infinite ease;
}
@-webkit-keyframes cssAnimation {
from { -webkit-transform: translate(0px, 0px); opacity:1;}
to { -webkit-transform: translate(0px, -50px); opacity:0; }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: translate(0px, 0px); opacity:0;}
to { -moz-transform:  translate(0px, -50px); opacity:1;}
}

#null {}
.fich {z-index:9999; cursor:help;}


#affiche_siphon {  height: 217px;
    position: absolute; 
    right: -35px;
    top: 289px;
    width: 156px;
	background-image:url(img/siphonbg.jpg);
	background-repeat:no-repeat;}
#affiche_cigarette {  height: 183px;
    position: absolute;
    right: 161px;
    top: 303px;background-repeat:no-repeat;
    width: 150px; background-image:url(img/fumer.jpg); }
#affiche_siphon {
    background-image: url("img/siphonbg.jpg");
    background-repeat: no-repeat;
    height: 217px;
    left: 160px;
    position: absolute;
    top: 581px;
    width: 156px;
}
#affiche_cigarette {
    background-image: url("img/fumer.jpg");
    background-repeat: no-repeat;
    height: 183px;
    position: absolute;
    right: 161px;
    top: 303px;
    width: 150px;
}
#affiche_vin {
    background-image: url("img/bgvin.png");
    background-repeat: no-repeat;
    height: 264px;
    left: -118px;
    position: absolute;
    top: 442px;
    width: 202px;
}
#affiche_biere {
    background-image: url("img/bierebg2.png");
    background-repeat: no-repeat;
    height: 149px;
    left: -16px;
    position: absolute;
    top: 727px;
    width: 165px;
}
#affiche_apero {
    background-image: url("img/aperobg.jpg");
    background-repeat: no-repeat;
    height: 234px;
    position: absolute;
    right: 157px;
    top: 522px;
    width: 166px;
}
#affiche_hareng {
    background-image: url("img/harengbg.jpg");
    background-repeat: no-repeat;
    border: 8px outset DarkOliveGreen;
    height: 161px;
    position: absolute;
    right: -22px;
    top: 627px;
    width: 108px;
}
#affiche_licence {
    background-image: url("img/licence.png");
    background-repeat: no-repeat;
    height: 185px;
    position: absolute;
    right: -19px;
    top: 373px;
    width: 126px;
}
#affiche_moitie {
    background-image: url("img/moitie.png");
    background-repeat: no-repeat;
    height: 192px;
    left: -168px;
    position: absolute;
    top: 834px;
    width: 136px;
}
#affiche_faramineux {
    background-image: url("img/phara.png");
    background-repeat: no-repeat;
     height: 232px;
    position: absolute;
    right: -158px;
    top: 1231px;
    width: 187px;
}

#affiche_stetson{
    background-image: url("img/stetson.png");
    background-repeat: no-repeat;
  height: 210px;
    left: -168px;
    position: absolute;
    top: 1152px;
    width: 150px;
}
#affiche_main{
    background-image: url("img/manos.png");
    background-repeat: no-repeat;
      height: 201px;
    position: absolute;
    right: -120px;
    top: 1004px;
    width: 159px;
}

#affiche_mures {
    background-image: url("img/murmures.png");
    background-repeat: no-repeat;
    height: 144px;
    position: absolute;
    right: -65px;
    top: 851px;
    width: 144px;
}

/* \\ ========================================== //
*/

/* -------------SLIDER VERRES-------- */
#cocktails {    background: url("img/lechef.png") no-repeat scroll 0 0 transparent;
    height: 355px;
    margin: auto;
    position: relative;
    top: -768px;
    width: 533px;
    z-index: 9500;}
#cocktails .slides_container {
     display: none;
  top: 78px;
  left:61px;
     height: 244px;
    overflow: hidden;
    position: relative;
    width: 600px;
}

	
#cocktails .pagination {
  margin-bottom: auto;
    margin-right: auto;
    margin-top: auto;
    padding: 5px;
   position: relative;
    top: 95px;
    width: 462px;
}

#cocktails .pagination li {
    float: left; margin: 1px 7px;
    list-style: none outside none;
   
	background: url(img/drink_list.png);
}
		#cocktails .pagination .cock_un {width:30px; height:64px; display:block; }
		#cocktails .pagination .cock_deux { background-position: -44px 0;
    height: 64px;
    width: 49px; }
		#cocktails .pagination .cock_trois { background-position: -108px 0;
    height: 64px;
    width: 30px; }
	#cocktails .pagination .cock_quatre {  background-position: -159px 0;
    height: 66px;
    width: 42px; }
#cocktails .pagination li a {
    
    display: block;
   width:auto; height:100%; text-indent:-9999px;
}
#cocktails .pagination li.current a {
   
    margin: 0;
}
.recette {left: 121px;
    position: relative;
    top: -194px;
    width: 282px;}
.recette h2 { color: #F1F1F1;
    font-family: 'Note';
    font-size: 33px;}
.recette ul li {font-size:20px;}
/* --------------- SLIDER SIPHON --------------- */
#collections h2{ 
    font-family: 'ChunkFive';
    font-size: 61px;
    margin: 0 auto 30px;
    position: relative;
    
    top: 116px;
   
}
#titre_siph{ color: #E5D6C3;
     width: 460px;
    text-shadow: 4px 6px #231812;
    
}
#titre_ric{
color: #F2D440;
    text-shadow: 4px 6px #1D4E81;
	 width: 745px;
    
}
	.siphon { position: relative;
    top: 171px;}
		.siphon > .slides_container {
			width:630px;
			  height: 201px;
			display:none;
			margin:0 auto;
			 z-index:9500;
		}
		
		.siphon > .slides_container div {
			width:628px;
			height:201px;
			 z-index:9500;
			display:block;
			
		}
		.siphon > .slides_container div > img{
			margin: 0 0 0 57px;
			
		}
		.siphon > .next, .siphon > .prev {background-image: url(img/nextprev.png); margin: 0 auto; position:relative;
     width:49px; height:49px; display:block;  text-indent:-9999px;}
		.siphon > .prev {    left: -357px; top: -54px; }
		
		.siphon > .next {left: 357px; background-position: -53px -0px;top: -103px;}
.next:focus, .prev:focus {outline:none;}
.siphon > .next:hover {background-position:-53px 48px;}
.siphon > .prev:hover {  background-position: 0px 48px;}
/* --------------- SLIDER RICARD -------------- */

	.ricard{ position: relative;
    top: 171px;}
		.ricard > .slides_container {
			width:630px;
			  height: 201px;
			display:none;
			margin:0 auto;
			 z-index:9500;
		}
		
		.ricard > .slides_container div {
			width:628px;
			height:201px;
			 z-index:9500;
			display:block;
			
		}
		.ricard > .slides_container div > img{
			margin: 0 0 0 57px;
			
		}
		.ricard > .next, .ricard > .prev {background-image: url(img/nextprev2.png); margin: 0 auto; position:relative;
     width:49px; height:49px; display:block;  text-indent:-9999px;}
		.ricard > .prev {    left: -357px; top: -54px; }
		
		.ricard > .next {left: 357px; background-position: -53px -0px;top: -103px;}
.next:focus, .prev:focus {outline:none;}
.ricard > .next:hover {background-position:-53px 48px;}
.ricard > .prev:hover {  background-position: 0px 48px;}

/* -----LINK PLAAR ---- */
#collections h3 {color: #EEDD66;
    font-family: 'MarketDeco';
    font-size: 93px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    text-shadow: 4px 4px #000000;
    top: 250px;
    width: 1000px;}
#footer {width:100%; background-image: url(img/plaarbg.png); background-color: #327857; position:relative; height:800px;}
#foottop {  background: url("img/foottop.png") repeat scroll 0 0 transparent;
    height: 29px;
    position: absolute;
    top: 3111px; cursor:pointer;
    width: 100%;
    z-index: 9999;}
#plaar {background:url(img/mounteddeer.png); width:441px; height:515px; display:block; position:relative; top:100px; margin:0 auto;
}
#plaar:hover {background:url(img/mounteddeer2.png);
}

.QOverlay {
	background-color: #000000;
	z-index:9999;
}

.QLoader {
	background-color: #CCCCCC;
	height: 1px;
}