/* =INITIAL   v2.1,
 by Faruk Ates - www.kurafire.net
 Addendum by Robert Nyman - www.robertnyman.com
 Addition by Christian Montoya - www.christianmontoya.net */
html, body, form, fieldset, div { margin: 0; padding: 0; }
h2, h3, h4, h5, h6, p, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }
li, dd, blockquote { margin-left: 1em;}
form label { cursor: pointer; } 
fieldset {border: none;} 
input, select, textarea { font-size: 100%; font-family: inherit;}
ol, ul { list-style: none;}

/* Couleurs à adapter selon votre charte */
/* 
input, textarea, select, button, {border: 1px solid #000;} */

/* Les éléments HTML en général
-------------------------------------------------------- */
html{
	font-size: 100%;
	text-align: center;
	background: #fff;
}

body{
	width: 100%; 
	margin: 0 auto;padding:0;
	text-align: left;
	/* font-family: "Gill Sans", "Gill Sans MT",calibri, "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif; */
	font-family: "Gill Sans", "Gill Sans MT", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	/* font-size: 0.75em; */
	font-size: 0.8125em;
	line-height: 1.5em; 
	color: #444;	
}
h1, h2, h3, h4 {/* letter-spacing:-1px; */
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans serif; }
h1, h2 {
	text-shadow: 1px 1px 0 #c7c7c7;
}
h2:first-letter, h3:first-letter, h4:first-letter{text-transform: uppercase;}
h1 {
	margin: 0;font-size: 135%; color: #676767;
	font-variant: small-caps;}
h2{font-size: 110%; color: #535353;}
h3{font-size: 100%; color: #6f6f6f;}
h4{font-size: 95%;}
/* Opera ne comprend toujours pas :lang() */
*[lang="en"] {
  quotes:"\201C" "\201D" "\2018" "\2019";
}
*[lang="fr"] {
  quotes:"\AB\A0" "\A0\BB" "\201C\A0" "\A0\201D";
}

/* pour les navigateurs qui supportent le selecteur :lang() */
:lang(en) {
  quotes:"\201C" "\201D" "\2018" "\2019";
}
:lang(fr) {
  quotes:"\AB\A0" "\A0\BB" "\201C\A0" "\A0\201D"; 
 /*  quotes:"\00AB\2009" "\2009\00BB"; avec thinsp; ne marche pas dans FF*/
}

a {text-decoration: none;color: #444;/* color: #B3C442;  */}
p a, .url a, .related_articles a{font-size: 105%;}
p a, .url a, .related_articles a{font-weight: bold;}
p a, p a, dd  { 
	border-bottom:2px solid white;}
p a:hover, p a:focus, dd a:hover , 
#footer h2 a:hover, .link-list a:hover,
.active-lnk{
	color: #b3c442; 
	border-bottom:2px solid #b3c442;}
.link-list li {margin-bottom: 1em; clear: both;}
/* a:link {color: #63366b;}
a:visited {color: #000;}
a:active {color: #000;} */
em {font-size: 102%; font-weight: bold;}

img, a img{border: none;}
img.left, .left img{margin: 0 1em .5em 0;}
img.right, .right img{margin: 0 .5em .5em 1em;}
/* */ .p-date {font-size: 1.5em; line-height: 1em;
    text-shadow: 1px 0 1px #C7C7C7;}
.p-date b.big {font-weight: normal; font-size: 1.3em;}

.clearer{clear: both;}
.left{float: left;}
.right{float: right;}
.italic{font-style: italic;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.m-auto{margin:0 auto;}
.relat-pos{position: relative;}
.absolute{position: absolute;}
.m-r-2{margin-right: 2em;}
.m-l-2{margin-left: 2em;}
.m-r-4{margin-right: 4em;}
.m-t-2{margin-top: 2em;}
.m-l-45{margin-left: 45%;}
.m-l-m20{margin-left: -20%;}
.p-b-2{padding-bottom: 2em;}
.p-t-2{padding-top: 2em;}
.col20, .col30,.col25, .col35, .col40, .col50, .col60, .col70, .abstract, .article-content{margin: 1em 0 0; background: white;}
.col20{width: 20%;}
.col25{width: 25%;} 
.col30{width: 30%;}
.col33{width: 33.3333%;}
.col35{width: 35%;}
.col40{width: 40%;}
.col50{width: 50%;}
.col60{width: 60%;}
.col70{width: 70%;}
.wrap-blk-m1 {margin: 0 1em 1em}
.wrap-blk-m1-5 {margin: 0 1.5em 1em}
.wrap-blk-m2 {margin: 0 2em 1em}
.first .wrap-blk-m2 {
	margin-left:0; margin-right: 4em;}
.last .wrap-blk-m2 {
	margin-left: 4em; margin-right:0;}

.info-lnk {font-size: 85%; font-style: italic;}
.img-list-130 li{
	display: block; width: 130px;
	text-align: center; 
	font-size: 90%; font-style: italic;}
.img-list-130 img {width: 130px;}

.chris {font-variant: small-caps; letter-spacing: .05em;}
.auteur {color: silver;
    text-align: right;
	font-family: "Gill Sans", "Gill Sans MT", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;}
/* Le layout
-------------------------------------------------------- */ 
html, body, .page, #photos{height: 100%;}  /*sticky footer layout*/
body > .page {height: auto; min-height: 100%;} /*sticky footer layout*/

.page{margin-left: 30%;}
#header {margin: 0;width: 56.5em; 
	position: relative; z-index:10 /*correction pour FF2*/
	}

#main{padding-top: 1.5em; /*changer à 1.5 pour pages level2*/
	max-width: 56.5em; padding-right: 1%; clear: both;
	position: relative; z-index:10;/*correction pour FF2*/
	/*padding-bottom: 85px;sticky footer layout*/
	padding-bottom: 155px;}

/*sticky footer layout---------------------*/
#footer {position: relative;  
	margin-top: -155px; /* negative value of footer height */
	height: 150px; clear:both;
	z-index:10;/*correction pour FF2*/
	} 
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*end sticky footer layout---------------------*/
#photos {position: absolute;	z-index: 1;}
#outer-map{display: none;
	cursor: pointer;
	position: fixed;z-index: 100;
	width: 100%; height: 100%;
	top: 0; left:0;
	background: black url(img/loading.gif) center no-repeat;
	background-color: rgba(0,0,0,.6);
	}
#map{ 
height: 400px;width: 80%; margin: 100px auto 0;
    }
#outer-map a#close{
	position: absolute; top:80px;right:10%;
	background: url(img/blackClose.gif) center center no-repeat;text-indent:-999em; overflow:hidden;
	display: block; width:46px; height:20px;}	
/* Le header
-------------------------------------------------------- */
#header h1 img, #header a img{margin: 5px 0 0; }

p.access-links {position: absolute; margin:0;top: 0;left: 0;color:  #c7b193; z-index:10;}
p.access-links a{font-size: 72%;color: #999;font-weight: normal;}
p.access-links a:hover{background: none;}

/* La navigation primaire
-------------------------------------------------------- */

#nav-main li, .sub-nav li{float: left;	margin: 0;} 
#nav-main li a, .sub-nav li a{font-weight: bold;color: #7b7b7b;letter-spacing: 1px;}
#nav-main li a { float: left;
	margin: 0;display: block;height: 66px;
	font-size: 100%; border-bottom: 2px solid #bbb;	
}

#nav-main li a span{
	display: block; margin-left: 43px; margin-right: 3.43em;
	padding: 26px 0 0;line-height: 40px;	
} 
#nav-main li a.nav-chef, #nav-main li  a.nav-cuisine, #nav-main li  a.nav-lieu, #nav-main li a.nav-resa {
	background-position: left bottom;
	background-repeat: no-repeat;
}
#nav-main li  a:hover {background-color: transparent;}
#nav-main li  a:hover.nav-cuisine, #cuisine  a.nav-cuisine{
	background-image: url(img/radis.png);
	border-bottom: 2px solid #df307f;}
#nav-main li  a:hover.nav-lieu, #esprit-du-lieu a.nav-lieu{
	background-image: url(img/fenouil.jpg);
	border-bottom: 2px solid #b3c442;}
#nav-main li a:hover.nav-chef, #christophe a.nav-chef{
	background-image: url(img/figue.png);
	border-bottom: 2px solid #63366b;} 
#nav-main li a:hover.nav-resa, #reserver a.nav-resa{
	background-image: url(img/grenade.png);
	border-bottom: 2px solid #f3603f;}
/**/

.sub-nav{margin: 0;  }
.sub-nav li{ padding-right: 1em;}
.sub-nav li a{ 
	line-height: 2em; padding: .25em .5em .5em;
	color: #b3c442;}
.page .sub-nav li a:hover, 
.page .sub-nav li.active a{color: white; 
	-moz-border-radius: 1px;
	border-radius: 1px; 
	background-color: #b3c442; }
.sub-nav li.border a{
	border-bottom: 2px solid #b3c442;}
	
 /*
.cuisine .sub-nav li a{ color: #df306f;}
.cuisine .sub-nav li a:hover, 
.cuisine .sub-nav li.active a{ 
	background-color: #df306f;}
.cuisine .sub-nav li.border a{
	border-bottom: 2px solid #df306f;}
.esprit-du-lieu .sub-nav li a{ }
.esprit-du-lieu .sub-nav li a:hover,
.esprit-du-lieu .sub-nav li.active a{}
#nav-main li ul.sub-nav li a{border-left: 2px solid #bbb; padding: 3px 5px;}
#nav-main li ul.sub-nav li a:hover{border-left: 2px solid #63366b;color: #63366b;} */

/* breadcrumb nav
-------------------------------------------------------- */

p.breadcrumb{clear: both;}
p.breadcrumb a{font-weight: normal; font-size: 95%;}
/* Le contenu
-------------------------------------------------------- */
/* .info-link  {
	margin-right: 10em;
	} 
*/
.info-link a{
	display: block; line-height: 55px;
	padding-left: 3em; 
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: transparent url(img/banderil-inv-pt-vert.png) no-repeat left top;}
.info-link.w-info-link a{max-width: 15em; }

.info-link a:hover{
	border: none;
	background-image: url(img/banderil-blanc.png);
	background-attachment: left top;
	background-repeat: no-repeat;}

dl.info {line-height: 2em;}
dl.info dt{width: 12em;float: left;}
span.info{display: inline-block; width: 12em;  
	text-align: right;}
dl.info dd a{ font-weight: bold;}

.done-msg {
	font-size: 105%; font-weight: bold;
	color: #535353;
	text-shadow: 1px 1px 0 #C7C7C7;}
/* Le footer
-------------------------------------------------------- */
#footer {margin-left: 30%; width: 56.5em;border-top:2px solid #bbb;
	}
	

#footer ul.updated li{
	width: 30%;height : 4em; text-align: right;
	margin-left: 5%; margin-bottom: 1em;
	background:  3px bottom no-repeat;
	}
#footer ul.updated  a{ font-style: italic; font-weight: normal;}
#footer ul.updated li:first-child { margin-left: 0;}

#footer ul.updated li.esprit-du-lieu:nth-child(odd){	
	background-image: url(img/champignon.png);}
#footer ul.updated li.esprit-du-lieu:nth-child(even){
	background-image: url(img/artichoke.png);}
#footer ul.updated li.esprit-du-lieu:nth-child(odd) a h3{color: #ab7c30;}
#footer ul.updated li.esprit-du-lieu:nth-child(even) a h3{color: #85886C;}
#footer ul.updated li.christophe:nth-child(odd){
	background-image: url(img/tomate.png);}
#footer ul.updated li.christophe:nth-child(even){
	background-image: url(img/wasabi.png);}
#footer ul.updated li.christophe:nth-child(odd) a h3{color : #cb453e;}
#footer ul.updated li.christophe:nth-child(even) a h3{color : #60bc0f;}
#footer ul.updated li div { 
	padding: 0 .5em 0 65px; height : 4em; }
#footer ul.updated li div  h3{margin: .5em 0 0; font-size: 90%; font-style: normal;}


#footer dl, #footer dd, #footer p{margin: 0;}
#footer dl{padding: .5em 0; float: left; clear: both;}
#footer dl.address dt{display: none;}
#footer dl.address dd{float: left;padding-left: .75em;}
#footer dl.address dd.street{padding-left: 0;}
#footer dl.address dd, #footer p {background: white;}

#footer a{font-size: 100%; font-weight: bold;}
#footer #search-blok{font-size: .75em; float: right; padding: .3em 0 .5em 4em;}
#search-blok p br{display: none;}
#footer #search-blok  input{padding: 0; border:1px solid #bbb;}
#footer #search-blok  button{padding: 0;} 

#design, #credits{
	margin: 0;padding: 0; 
	position: absolute;  bottom:5px;}
#design a, #credits a{font-weight: normal;font-size: 85%;color: #a3a3a3;}
#design a:hover, #credits a:hover{font-weight: bold;border:none;}
#design{width: 20em;text-align: right;right: 0;}
#design a{
	font-family: verdana;letter-spacing: .06em;}
#credits {width: 10em; left: 0;}	
#credits a{}	


/* La colonne de photos à gauche
-------------------------------------------------------- */
#photos {top: 0;	left: 15px;	}
div.litebox img.liteboxthumb{border: 1px solid silver; margin-right: 1px ;}