/*
Name: Restaurant L'Eloge
URL: http://www.restaurant-leloge.fr
Author: Com-Ocean | http://www.com-ocean.com
Date: Juillet 2009
*/

* {outline: none;}
html {font-size: 100.01%;}

body {
	background: #1E0702 url(/images/background.jpg) no-repeat top center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 62.5%;
	margin: 0;
}

body#portraits { background: #1E0702 url(/images/background_portraits.jpg) no-repeat top center;}

h1, h2, h3, h4, h5, h6, address, blockquote, ol, p, ul {
	margin: 0 0 1em;
	padding: 0;
}

dd, dl, dt {
	margin: 0 0 0.6em;
	padding: 0;
}

button, input, select, textarea {font-family: Arial, Helvetica, Verdana, sans-serif;}

/* ----------------------------------
	GENERAL STYLES
   ---------------------------------- */

.left { float: left;}
.right { float: right;}
.clear {clear: both; }
 img {border: 0;}

.ir {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

.imgleft {
	float: left;
	margin: 0 10px 10px 0;
}

.imgright {
	float: right;
	margin: 0 0 10px 10px;
}


/* ----------------------------------
	LAYOUT
   ---------------------------------- */

#container {
	margin: 0 auto;
	width: 980px;
}

  #header {
    height: 65px;
    margin: 20px 0 0 0;
    width: 980px;
  }
  
    .logo { float: left;    }
  
  #main {
    clear: both;
    margin: 0;
    width: 980px;
  }
  
    #galerie {	
      float: left;
      height: 470px;
      margin: 0;
      width: 735px;
    }
  
  #footer {
    clear: both;
    height: 20px;
    margin: 40px 0 50px;
    padding-top: 0;
    width: 980px;
    font-size: 11px;
    padding: 20px 0;
  }
    
    .footer-col {
      border-left: 1px solid #37221e;
      float: left;
    }
    
    #footer-col1 { border-left: none; padding: 0 15px 0 0; width: 370px; } 
    #footer-col2 { padding: 0 15px; width: 225px; }
    #footer-col3 { padding: 0 0 0 15px; width: 320px;}
    
    .coMailingReportSubscribeForm label { display: none; }
    
 /* ----------------------------------
	NAVIGATION 
   ---------------------------------- */

#nav {	
	float: right;
	list-style-type: none;
	margin: 40px 0 0;
	width: 578px;
}
	
	#nav li {
		border-right: #4E3C38 1px solid;
		display: block;
		float: left;
		height: 19px;
		margin: 0;
		overflow: hidden;
		padding: 8px 12px 0 12px;
		text-indent: -999em;		
	}
	
		/* modif de Sylvain */
    #nav .last, #nav .nav_contact {
			border-right: 0;
			padding: 8px 0 0 12px;
		}

		#nav li a {
			background-position: 0 -11px;
			background-repeat: no-repeat;
			cursor: pointer;
			display: block;
			height: 10px;
		}

		#nav li a:hover {background-position: 0 0;}
		
			#nav li.nav_cuisine a {background-image: url(/images/nav_cuisine.png); width: 71px;}
			#nav li.nav_resto a {background-image: url(/images/nav_resto.png); width: 81px;}
			#nav li.nav_portraits a {background-image: url(/images/nav_portraits.png); width: 57px;}
			#nav li.nav_actualites a {background-image: url(/images/nav_actus.png); width: 63px;}
			#nav li.nav_presse a {background-image: url(/images/nav_presse.png); width: 37px;}
			#nav li.nav_reception a {background-image: url(/images/nav_reception.png); width: 57px;}
			#nav li.nav_contact a {background-image: url(/images/nav_contact.png); width: 49px;}
			
						
			#cuisine #nav li.nav_cuisine a,
			#resto #nav li.nav_resto a,
			#portraits #nav li.nav_portraits a,
			#actualites #nav li.nav_actualites a,
			#presse #nav li.nav_presse a,
			#reception #nav li.nav_reception a,
			#contact #nav li.nav_contact a {
				background-position: 0 0 !important;
			}
	
 /* ----------- Sous-Navigation page d'accueil --------------- */

#subnav {	
	float: left;
	list-style-type: none;
	margin: 15px 0 0;
}

	#subnav li {
		display: block;
		float: left;
		height: 145px;
		margin: 0 0 0 3px;
		overflow: hidden;
		text-indent: -999em;
		width: 107px;		
	}	
		
	#subnav li a {
		background-position: 0 0;
		background-repeat: no-repeat;
		cursor: pointer;
		display: block;
		height: 145px;
		width: 107px;		
	}

	#subnav li a:hover {background-position: 0 -145px;}			
		
		#subnav li.subnav_cuisine a {background-image: url(/images/but_cuisine.png);}
		#subnav li.subnav_resto a {background-image: url(/images/but_resto.png);}
		#subnav li.subnav_contact a {background-image: url(/images/but_contact.png);}

	
 /* ----------- Sous-Navigation page portraits --------------- */

#subnav-portraits {	
	clear: both;
	list-style-type: none;
	margin: 15px 0 0;
}

	#subnav-portraits li {
		display: block;
		float: left;
		height: 160px;
		margin: 0 10px 0 0;
		overflow: hidden;
		text-indent: -999em;
		width: 137px;		
	}	
		
	#subnav-portraits li a {
		background-position: 0 0;
		background-repeat: no-repeat;
		cursor: pointer;
		display: block;
		height: 160px;
		width: 137px;		
	}

	#subnav-portraits li a:hover {background-position: 0 -168px;}			
		
		#subnav-portraits li.subnav_balan a {background-image: url(/images/but_balan.png);}
		#subnav-portraits li.subnav_archis a {background-image: url(/images/but_archi.png);}
		#subnav-portraits li.subnav_vignerons a {background-image: url(/images/but_vignerons.png);}

		.balan #subnav-portraits li.subnav_balan a,
		.archis #subnav-portraits li.subnav_archis a,
		.vignerons #subnav-portraits li.subnav_vignerons a {
			background-position: 0 -168px;
		}
		
		

/* ----------------------------------
	GENERAL TYPO
   ---------------------------------- */

p {
	color: #1e0702;
	font-size: 1.2em;
	line-height: 1.4em;
}

#footer p {
	color: #958880 !important;
	font-size: 1.1em;
	}
	
a {
	color: #1e0702;
	text-decoration: underline;
}

a:hover {text-decoration: none;}

h1 {
	color: #c8c3c1;
	font-size: 1.8em;
	font-weight: 100;
	line-height: 1.2em;
	margin: 0 0 0.5em;
	text-transform: uppercase;
}

	h1 span {
		font-size: 2.4em;
		font-weight: lighter;
		letter-spacing: -1px;
	}


h2 {
	color: #d2cecd;
	font-size: 1.6em;
	font-style: italic;
	font-weight: lighter;
	line-height: 1.4em;
	margin: 0 0 6px;
}

	h2 span {color: #958880;}

h3 {
	color: #1e0702;
	font-size: 1.3em;
	line-height: 1.2em;
	margin: 0 0 5px;
}

h4 {
	color: #958880;
	font-size: 1.5em;
	font-weight: lighter;
	margin: 0 0 5px;
}

h5 {
	color: #958880;
	font-size: 1.1em;
	font-weight: lighter;
	margin: 0 0 5px;
}

ul { margin: 0 0 10px 10px;}

li {
	color: #958880;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0;	
}

/* ---------------------------------- SPECIFIC LAYOUT  ---------------------------------- */

/* ----- Accueil ------ */

#accueil .logo {display: none;}

#accueil #content {
	background: url(/images/box_home.png) no-repeat 0 0;
	float: left;
	height: 200px;
	margin: 12px 0 0;
	width: 650px;		
}
	#intro {
		border-right: #37221E 1px solid;
		float: left;
		margin: 20px 0 0 20px;
		padding: 0 15px 0 0;
		width: 350px;	
	}
	
	#actus {
		float: left;
		margin: 15px 0 0 15px;
		width: 230px;	
	}
  
/* ----- NEWSLETTER ------ */

  	#newsletter_subscribe { float: left;}
    
		#footer-col1 h5 {
      color: #958880;
      font-size: 1.4em;
      font-weight: bold;
      margin: 0 0 10px;
   }
              
        #coMailingReportSubscribe_email {
          background-color: #958880;
          border: 0;
          color: #1e0702;
          float: left;
          height: 20px;
          padding: 0 5px;
          width: 180px;
        }
        
       .coMailingReportSubmit {
        background-color: #301a15;
        border: 0;
        color: #958880;
        cursor: pointer;
        float: left;
        font-size: 1.1em;
        font-weight: bold;
        height: 20px;
        text-transform: uppercase;
       } 


/* ----- Cuisine et Resto ------ */

#cuisine #content,
#resto #content {
	background: url(/images/box_content.png) no-repeat 0 0;
	float: left;
	height: 520px;
	margin: 0;
	padding: 30px 10px 20px 30px;
	width: 205px;		
}

#galerie {
	float: left;
	margin: 0;
	width: 735px;
}

#pdf {
	background: url(/images/box_pdf3.png) no-repeat 0 0;
	height: 108px;
	padding: 40px 5px 0 4px;
	position: absolute;
	top: 320px;
	right: 0;
	text-align: center;
	width: 77px;
}

/* ----- Portraits ------ */

#portraits #content {
	float: right;
	margin: 0;
	width: 705px;	
}

#portrait_content {
	background: url(/images/bkgd_box.png) repeat-y 0 0;
	height: 290px;
	padding: 10px;
	width: 685px;
}

#text-left {
	float: left;
	margin: 10px 20px 0 20px;
	width: 225px;
}

#text-right {
	float: left;
	margin: 10px 0 0 0;
	width: 230px;
}


/* ----- Actualites, Presse, Reception, Contact ------ */

.panneau {
	float: left;
	height: 530px;
	margin: 0;
	width: 275px;	
}

#presse #content,
#actualites #content,
#reception #content,
#contact #content {
	float: left;
	margin: 0;
	width: 705px;	
}

.news {
	border-bottom: #37221E 1px solid;
	clear: both;
	margin: 20px 0;
	min-height:190px; 
	height:auto !important; 
	height:190px;
	padding: 10px 10px 10px 20px;
	width: 665px;
	}

.oeno {
	clear: both;
	margin: 20px 0;
	padding: 10px 10px 10px 20px;
	width: 665px;
	}
	
.first {
	background: url(/images/bkgd_box.png) repeat-y 0 0;
	border: none;
}

.contact-presse,
.contact-resto {
	background: url(/images/bkgd_box.png) repeat-y 0 0;
	clear: both;
	margin: 20px 0;
	padding: 10px 10px 10px 20px;
	width: 665px;
	}
	
.presse-box {
	border-bottom: #37221E 1px solid;
	clear: both;
	margin: 20px 0 30px 20px;
	padding-bottom: 10px;
	width: 550px;
}

.presse-box img,
.contact-reception img,
.contact-resto img { border: #392521 10px solid;}

.presse-box a.pressefile {
  background-color: #45322E;
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  padding: 5px;
  text-align: center;
  text-decoration: none;
}

.presse-box a.pressefile img {border: none;	}

.contact-reception {
	background: url(/images/bkgd_box.png) repeat-y 0 0;
	clear: both;
	height: 190px;
	margin: 20px 0;
	padding: 10px 10px 10px 20px;
	width: 675px;
}


/* ----------------------------------	SPECIFIC TYPO   ---------------------------------- */

/* ----- Accueil ------ */


#intro p {
	color: #d2cecd;
	font-size: 1.3em;
	line-height: 1.6em;
}

#actus p {
	color: #958880;
	font-size: 1.2em;
	font-style: italic;
	line-height: 1.4em;
}

#accueil p.suite a { color: #958880;}
#actus p.suite a:hover { text-decoration: none;}

/* ----- Cuisine et Resto ------ */

#cuisine h1, #resto h1{ color: #1e0702;}

p.suite {
	font-style: normal;
	text-align: right;
}

p.suite a {
	font-size: 0.8em;	
	text-transform: uppercase;
}

/* ----- Portraits ------ */

#portraits h1 { color: #ded6ce;}
#portraits h3 { color: #FFF; font-size: 1.4em;}
#portraits p, #portraits a { color: #ded6ce;}

/* ----- Actualites, Presse, Reception, Contact ------ */

#actualites h1, #presse h1, #contact h1, #reception h1 {
	color: #ded6ce;
	margin: 5px 0 10px 20px;
}

.news p,
.contact-presse p,
.presse-box p,
.news a,
.contact-presse a,
.presse-box a,
.contact-reception a,
.contact-resto p,
.contact-resto a, 
.oeno p, 
.oeno a {	color: #958880;}

.contact-reception p {
	color: #958880;
	display: block;
	width: 250px;
}

.big {
	color: #d2cecd;
	font-size: 1.8em;
}

.pager {
	background: url(/images/bkgd_box.png) repeat-y 0 0;
	border: none;
	clear: both;
	color: #958880;
	font-size: 120%;
	margin: 5px 0;
	padding: 5px 20px;
	width: 655px;
}
	
div.pager a {
	color: #958880;
	font-weight: normal;
	padding: 1px 3px;
	text-decoration: none;
}

div.pager a:hover { text-decoration: underline;}

div.pager span {
	color: #D2CECD;
	font-weight: strong;
	padding: 0 2px;
}

.img-baspage {
	border: #392521 10px solid;
	margin: 0 0 0 20px; 
}

#pdf p a {
	color: #9b8d89;
	display: block;
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 10px 0;
	text-decoration: none;
	text-transform: uppercase;
}

#pdf p a:hover { text-decoration: underline;}
		
/******* Lightbox *******/

#lightbox-container-image-box { background-color: #392521 !important;}
#lightbox-container-image-data { color: #ded6ce !important; }
#lightbox-container-image-data-box {	background-color: #392521 !important;}

/*********** www.guide-tourisme.org ***************/

	a.gto {
		color: #888888;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		margin-left: 0px;
		margin-right: 0px;
		text-align: center;
		text-decoration: none;
	}
	
	a.gto:hover {
		color: #FF8888;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		text-decoration: none;
	}

	div.gto {
		background-color: #EEEEEE;
		height: 14px;
		margin: 0px;
		padding: 0px;
		overflow-y: hidden;
		position: relative;
		top: 0px;
		width: 100%;
	}