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

/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/
body{font:12px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; color:#919191;}
pre,code{font-family:'DejaVu Sans Mono',Monaco,Consolas,monospace}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}


@font-face{ 
    font-family: Futura_LT_Light; 
    src: url('http://www.unjourapeyrassol.com/bruxelles/css/Futura_LT_Light.eot'); /* For IE */ 
    src: local('Futura_LT_Light'), url('http://www.unjourapeyrassol.com/bruxelles/css/Futura_LT_Light.ttf') format('truetype'); /* For non-IE */ 
}  
@font-face{ 
    font-family: 'Futura_LT_Light'; 
    src: url('http://www.unjourapeyrassol.com/bruxelles/css/Futura_LT_Light.eot'); /* For IE */ 
    src: local('Futura LT Light'), url('http://www.unjourapeyrassol.com/bruxelles/css/Futura_LT_Light.ttf') format('truetype'); /* For non-IE */ 
}  

.email{ 
color:#666;
background-color:#333;
height:20px;
border:none;
padding:4px;
padding-left:8px;
float:left;
 }
 .emailsend{ 
display:none;
width:20px;
height:20px;
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/emailsend.png);
float:left;
 }

input#mc-embedded-subscribe {text-indent:-9000px;width:20px;height:20px;background:url(http://www.unjourapeyrassol.com/bruxelles/immago/arrow.png) no-repeat 0 0;border:none;cursor:pointer;text-transform:capitalize;}
 
 
 h1{
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  height:24px;
  width:356px;
  padding-top:0px;
   margin-top:0px;
   background-repeat:no-repeat;
   margin-bottom:10px;
   
}
	
h2{
 
 display: block;
  overflow: hidden;
  text-indent: -9999px;
  height:35px;
  width:400px;
  padding-top:0px;
   margin-top:0px;
   background-repeat:no-repeat;
   margin-bottom:10px;
 border-bottom:thin;
 border-bottom-style:solid;
 border-bottom-color:#999;
  
 }
 h3{font-size:16px;
 color:#333;
 font-weight:normal;
  margin-bottom:10px;
  font-family: Futura_LT_Light, Arial, sans-serif;
 font-size: 18px;
 color: black;
 text-align:left;
  
 }
h4{font-size:13px}
.info{font-size:11px;}

.restaurant{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/restaurant.png);
background-repeat:no-repeat;
 } 
.carterestaurant{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/carte_restaurant.png);
background-repeat:no-repeat;
 }
 .cartebistrot{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/carte_bistrot.png);
background-repeat:no-repeat;
 }
 .cartevins{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/carte_vins.png);
background-repeat:no-repeat;
 }
 .epicerie{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/epicerie.png);
background-repeat:no-repeat;
height:30px;
 }
 .contact{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/contact.png);
background-repeat:no-repeat;
 }
 .presse{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/presse.png);
background-repeat:no-repeat;
 }
  .produits{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/produits.png);
background-repeat:no-repeat;
 }
.peyrassol{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/peyrassol.png);
background-repeat:no-repeat;
 }
 
 
 
.vin_du_domaine{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/vin_du_domaine.png);
background-repeat:no-repeat;
 } 
 .nos_entrees{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/nos_entrees.png);
background-repeat:no-repeat;
 } 
 .nos_pates{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/nos_pates.png);
background-repeat:no-repeat;
 } 
  .nos_plats{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/nos_plats_principaux.png);
background-repeat:no-repeat;
 } 
 .les_incontournables{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/les_incontournables.png);
background-repeat:no-repeat;
 }
 .nos_fromages{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/nos_fromages.png);
background-repeat:no-repeat;
 }
 .les_produits{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/les_produits.png);
background-repeat:no-repeat;
 }
 
 
 .clos_rouge{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/clos_rouge.png);
background-repeat:no-repeat;
 }
 .clos_rose{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/clos_rose.png);
background-repeat:no-repeat;
 } 
  .chateau_rouge{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/chateau_rouge.png);
background-repeat:no-repeat;
 } 
 .chateau_rose{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/chateau_rose.png);
background-repeat:no-repeat;
 } 
  .chateau_blanc{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/chateau_blanc.png);
background-repeat:no-repeat;
 } 
 .commanderie_rouge{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/commanderie_rouge.png);
background-repeat:no-repeat;
 } 
 .commanderie_rose{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/commanderie_rose.png);
background-repeat:no-repeat;
 } 
  .commanderie_blanc{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/commanderie_blanc.png);
background-repeat:no-repeat;
 } 
 .vieux_marc{ 
background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/titles/vieux_marc.png);
background-repeat:no-repeat;
 } 
 
 
p,dl,hr,h1,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure{margin-bottom:20px}

body {
  min-width: 960px;                                                 
  padding: 0px;
  margin:0px;
  font:Arial, Helvetica, sans-serif;
  line-height: 1.4;
  background-color:#000000;
}
a {
  color:#919191;
  text-decoration: none;
}
a:hover {
  color:#C60;
  text-decoration: none;
}

a:focus{
  color:#C60;
  text-decoration: none;
}
a img{
  border: none;
}

.active{
  color:#F30;
}
.red{
  color:#F30;
  background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/reddot.png);
 background-position:-5px 0;
  background-repeat:no-repeat;
  position:relative;
  left:-15px;
  padding-left:15px;
  
}
@font-face {  
  font-family: "Futura_light";  
  src: url("http://www.unjourapeyrassol.com/bruxelles/css/Futura_LT_Light.eot"); /* IE */  
  src: local("Futura LT Light"), url("http://www.unjourapeyrassol.com/bruxelles/css/Futura_LT_Light.ttf") format("truetype"); /* non-IE */  
}  

/* `

/* `Header
----------------------------------------------------------------------------------------------------*/
#logo2 {
	width:474px;
	 position:absolute;;
	 z-index:1000;
  right:50px;
  top:40px;
}
#logo {
	width:475px;
	 position:absolute;;
	 z-index:1000;
  right:0px;
  bottom:0px;
  margin:0px;
  padding:0px;
}
#logo img {
  margin:0px;
  padding:0px;
  border:none;
}

#indexinfo {
	width:394px;
	padding:20px;
	padding-left:60px;
	 position:absolute;
  right:50px;
  top:100px;
  height:150;
  background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/backnav.png);
}
#navigationwrap {
	width:230px;
	 position:absolute;
  left:50px;
  height:100%;
  background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/backnav.png);
  z-index:1000;
}
#navigation {
	width: 210px;
	padding:0;
  top:60px;
  color:#919191;
}
#navigation ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

#navigation li {
	padding-left:30px;
	border-bottom:#666;
	border-bottom-style:solid;
	border-bottom:thin;
	display:block;
	height:20px;
}

#navigation a:hover {
	color:#F30;
}

#navigationsite {
	width: 210px;
	padding:0;
  top:60px;
  color:#919191;
}
#navigationsite ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

#navigationsite li {
	padding-left:30px;
	border-bottom:#666;
	border-bottom-style:solid;
	border-bottom:thin;
	display:block;
	height:20px;
}

#navigationsite a:hover {
	color:#F30;
}

#logotempliers {
	padding:0;
  margin-top:30px;
  margin-bottom:30px;
  padding-left:30px;
  color:#919191;
}

#log{
	position:absolute;
	bottom:20px;
	padding:0;
  padding-left:30px;
}


#log img{
  margin-right:15px;
}

.login{
	border:none;
  background-color:#919191;
  color:#CCC;
}



.backindex {
	background:#000;
}


.work{
	padding-top:30px;
}

#description {
	width: 600px;
	padding:0;
	clear:both;
	margin-top:30px;
}
#counter{
	padding:0;
	clear:both;
	margin-top:20px;
}

#content {
	width:474px;
	 position:absolute;
  right:0px;
  height:100%;
  background-image:url(http://www.unjourapeyrassol.com/bruxelles/immago/backcontent.png);
  
}

#contenttextinner {
	position:relative;
	margin-bottom:auto;
	display:table-cell;
	vertical-align:middle;
}


#contenttext2 {
	font-size:13px;
	color:#333;
	margin-left:50px;
	margin-right:10px;
	margin-bottom:50px;
	text-align:justify;
	overflow:auto;
	margin-top:150px;
	padding-right:30px;
	height: 80%;
}

#contenttext2 p{
	margin:0px;
}
#contenttext2 a img{
	border:thin;
	border-color:#666;
}
#contenttext2 a:hover img{
	border:thin;
	border-color:#000;
}

#contenttext a {
  color: #9D090E;
  text-decoration: none;
}

#contenttext {
	font-size:13px;
	color:#333;
	margin-left:50px;
	margin-right:10px;
	margin-bottom:50px;
	text-align:justify;
	overflow:auto;
	margin-top:50px;
	padding-right:30px;
	height: 80%;
        vertical-align:middle;
}

#contenttext p{
	margin:0px;
}

#contenttext a img{
	border:thin;
	border-color:#666;
}
#contenttext a:hover img{
	border:thin;
	border-color:#000;
}

#contenttext a {
  color: #9D090E;
  text-decoration: none;
}

/* `Content
----------------------------------------------------------------------------------------------------*/


.txt {
  font:Arial, Helvetica, sans-serif;
  font-size:1épx;
  color:#666;
  line-height: 1.4;
 padding-left:350;
	margin-right:200;
	margin-top:160px;
}

#presentation
{
	position:absolute;
	left: 360px;
	margin-right:200;
	top:140px;
	opacity:0;
	z-index:0;
	text-align:justify;
	padding-right:60px;
}



.clear
{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	float: none;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_24:before,
.container_24:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_24:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_24 {
  zoom: 1;
}
/* `Footer
----------------------------------------------------------------------------------------------------*/

.footer {
  width: 100%;
  height:120px;
  margin-top:0px;
  clear:both;
  background-color:#000;
}
.footercenter {
	padding-top:15px;
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  color:#CCC;
}
.footercenter a{
  color:#CCC;
  padding-right:50px;
}

/* `Gallery
----------------------------------------------------------------------------------------------------*/
                    
html,body{height:100%;}
*{outline:none;}
body{margin:0px; padding:0px; background:#000;}
#toolbar{position:fixed; z-index:3; right:10px; top:10px; padding:5px; background:url(http://www.unjourapeyrassol.com/bruxelles/fs_img_g_bg.png);}
#toolbar img{border:none;}
#bg{position:fixed; z-index:2; overflow:hidden; width:100%; height:100%;}
#bgimg{display:none; -ms-interpolation-mode: bicubic;}
#preloader{position:absolute; z-index:3; width:32px; padding:20px; top:80px; left:300px; margin:auto; background:#000;}
#thumbnails_wrapper{z-index:1002; position:fixed; bottom:110px; width:100%; background:url(http://www.unjourapeyrassol.com/bruxelles/empty.gif); /* stupid ie needs a background value to understand hover area */}
#outer_container{position:relative; padding:0; width:100%; margin:40px auto;}
#outer_container .thumbScroller{position:relative; overflow:hidden; background:url(http://www.unjourapeyrassol.com/bruxelles/fs_img_g_bg.png);}
#outer_container .thumbScroller, #outer_container .thumbScroller .container, #outer_container .thumbScroller .content{height:100px;}
#outer_container .thumbScroller .container{position:relative; left:0;}
#outer_container .thumbScroller .content{float:left;}
#outer_container .thumbScroller .content div{margin:5px; height:100%;}
#outer_container .thumbScroller img{border:5px solid #fff;}
#outer_container .thumbScroller .content div a{display:block; padding:5px;}

.nextImageBtn, .prevImageBtn{display:block; position:absolute; width:50px; height:50px; top:50%; margin:-25px 10px 0 10px; z-index:3; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}
.nextImageBtn:hover,.prevImageBtn:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.nextImageBtn{right:0; background:#000 url(http://www.unjourapeyrassol.com/bruxelles/nextImgBtn.png) center center no-repeat;}
.prevImageBtn{background:#000 url(http://www.unjourapeyrassol.com/bruxelles/prevImgBtn.png) center center no-repeat;}