@charset "utf-8";
/*

   Le Petit Journal Montparnass © 2009	
   lcdcod.com & maespirit.fr
   Design & Integration par JOUBERT Franck (MaeS)  fj@maespirit.fr

 */

/* Reset */
* {	padding:0;	margin:0; 	outline: 0;	font-size: 100%;vertical-align: baseline;}
a {	outline-style:none; }
img {border:0;}
dl, dt, dd, ul, li {margin: 0; padding: 0; list-style-type: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: collapse;border-spacing: 0;}
fieldset {border:none;margin:0;padding:0;}
fieldset legend {display:none;}

/* Clear float */
.clear {clear:both; height:0px; font-size:0em; line-height:0; clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* General */

body {
background:url(../img/body-bg.gif) center top #000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;}
textarea {
font-family:Georgia, "Times New Roman", Times, serif;
}
a {	text-decoration:underline; color:#036;}
a:hover { text-decoration:none; color:#2661da; }


.header {
background:#000;
width:900px;
margin:0 auto;
height:127px;
}
.content {
width:900px;
margin:0 auto;
background:#b00000;
}


.header h1.logo {
text-indent:-9999px;
background:url(../img/logo.gif) no-repeat center center;
width:306px;
height:95px;
display:block;
margin:0 auto;
}
.header .menutop {
background:url(../img/menu-top-bg.gif) repeat-x bottom center;
height:32px;
font-size:1.2em;
}
.header .menutop li {
float:left;
}
.header .menutop li a {
	float:left;
display:block;
color:#999;
padding:0 15px;
text-decoration:none;
height:32px;
}
.header .menutop li a.on, .header .menutop li a:hover {
color:#fff;
background:url(../img/menu-top-bg-on.gif) no-repeat center bottom;

}
.content {
height:400px;
background:#B00000;
}
html>body .content {
min-height:400px;
height:auto;
}

.footer {
	width:900px;
margin:0 auto;
background:#000;
border-top:7px solid #d82b11;
clear:both;
}

.jazzman {
background:url(../img/content-bg.gif) no-repeat left bottom #B00000;
height:715px;
}
html>body .jazzman {
min-height:715px;
height:auto;
}
.col {
margin:0 15px;
display:inline;
}

.col-full {
margin:0 10px;
width:880px;
display:block;
}
.col-droite {
float:right;
width:535px;
}

.col-left {
float:left;
width:835px;
}
.col-form {
float:right;
width:620px;
}

.col_50 {
margin:0 0 0 15px;
width:430px;
float:left;
}

.content h2 {
display:none;	
}

/* teaser */

.teaser {
position:relative;
background:url(../img/home.jpg) no-repeat center bottom;
height:671px;
padding-top:6px;
margin:0px 0 10px;
}
.teaser .video {
display:block;
height:240px;
width:320px;
border:1px solid #fff;
margin: 25px auto;
}

/* teaser3 */

.teaser3 {
position:relative;
height:600px;
padding-top:50px;
margin:0px 0 10px;
}
.teaser3 .video3 {
display:block;
height:480px;
width:640px;
border:1px solid #fff;
margin: 25px auto;
}

/* Box txt */
h3.titlebox {
	background:url(../img/h3-bg.gif) no-repeat left bottom #b00000;
	font-size:1.8em;
	color:#ff8a00;
font-weight:normal;
padding:20px 0px 0px 5px;
margin-top:5px;
}

a.video {
	color:#fff;
font-weight:normal;
padding:20px 0px 0px 5px;
margin-top:5px;
}
h3.titlebox span {
display:block;
line-height:15px;

}
.boxtxt, .boximg, .boxblack {
	margin-bottom:5px;;
display:block;
background:#ffdea4;
border:#ff8a00 2px solid;
border-left:0;border-right:0;
padding:5px 15px;
font-family:Arial, Helvetica, sans-serif;
}

.box {
	margin-bottom:5px;;
display:block;
border:#ff8a00 2px solid;
border-left:0;border-right:0;
padding:5px 15px;
font-family:Arial, Helvetica, sans-serif;
}


.boximg {
padding:15px;
padding-right:0px;
}
.boximg img {
float:left;
margin-right:15px;
display:block;
border:1px solid #eead80;
background:#fff;
padding:3px;
}
.boxblack {
background:#410000 url(../img/boxblack-bg.gif) repeat-x center bottom;
border:1px solid #410000;
border-right-color:#000;
border-bottom-color:#000;
}
.boxtxt p {
margin:10px 0px;	
text-align:justify;

}
.boxtxt p.signature {
text-align:right;
color:#666;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}

.boxtxt span.link_titre {
text-align:left;
color:#666;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}

.boxtxt span.link_titre2 {
font-style: italic;
color:#666;
font-family:Georgia, "Times New Roman", Times, serif;
}

.boxtxt a.link_link {
text-align:left;
color:#333;
font-family:Arial;
text-decoration:none;
padding-left:20px;
}
.boxtxt a.link_link:hover {
padding-left:25px;
}
/* Présentation */

/* Programmme */
.edito-top {
	margin-top:10px;
background:url(../img/edito-top.jpg) no-repeat center bottom;
height:71px;
}
.edito-top h3 {
display:none;text-indent:-9999px;
font-size:0;
}
.edito-top-date {
background-image:url(../img/edito-top2.jpg);
text-indent:0;

}
.edito-top .date{
	text-align:center;
	display:block;
	font-size:1.2em;
	padding-top:45px;
color:#333;
}
.edito-content {
background:url(../img/edito-bg.gif) repeat-y center top;
padding:1px 20px;
}
.edito-content p {
font-family:Arial, Helvetica, sans-serif;
margin:15px 0;
color:#940000;
text-align:justify;
}
.edito-content h4 {
text-align:center;	
line-height:25px;
color:#800;
}
.edito-content .affiche {
margin:5px auto;
display:block;
border:3px solid #000;
}
.edito-content .tarifs {
width:380px;
margin:0 auto;
}
.edito-content .tarifs th {
text-decoration:underline;
}
.edito-content .tarifs td {
	font-family:Arial, Helvetica, sans-serif;
padding:2px 3px;
border-bottom:1px solid #ddd;	
}
.edito-content .tarifs .ticket {
font-weight:bold;	
}
.edito-content .tarifs .ticketprice {
text-align:right;
}
.edito-bottom {
background:url(../img/edito-footer.jpg)	 no-repeat center top;
height:47px;
}
.c-programme h3.titlebox {
color:#fff5f4;
}
.c-programme h3.titlebox span {
line-height:30px;	
}

.calendrier {
width:400px;
margin:0 auto;
color:#fff;
}
.calendrier a {
text-decoration:none;	
}
.calendrier th {
height:10px;
width:45px;
}
.calendrier th.headcal {
width:auto;	
}

.calendrier th a {
	background:#9a0000;
	display:block;
	height:25px;
	line-height:25px;
	margin:5px;
	border:1px solid #ec3535;
	border-right-color:#4f0000;
	border-bottom-color:#4f0000;
	color:#fff;
	font-weight:bold;
	background:url(../img/calendrier-a-bg.gif) repeat-x bottom center #e30000;
}
.calendrier th a:hover {
color:#590000;
background:#ff7d7c;
border-color:#590000;
}
.programselectbox {
padding:0;	
position:relative;
}
a.programselect {
	text-decoration:none;
	display:block;
	font-size:1.4em;
	color:#ccc;
	font-weight:bold;
	padding:10px 15px;
	background:url(../img/program-select-bg.gif) no-repeat right center;
}
a.programselect span {
display:block;	
font-size:0.6em;
text-transform:uppercase;
padding-left:2px;
color:#777;
}
a.programselect:hover {
	color:#fff;
background-color:#230000;
}
.programlist {
display:block;
background:#230000;
border:#000;
color:#CCC;
padding-top:1px;
height:400px;
overflow-y:auto;
}
html>body .programlist {
height:auto;
max-height:400px;
}
.programlist ul li a {
height:1px;
display:block;
margin:0px;
background:#000;
text-decoration:none;
color:#ccc;
padding:5px 5px 5px 15px;
font-weight:bold;
position:relative;
}
html>body .programlist ul li a {
height:auto;
margin:2px 1px;
margin-top:0px;
}
.programlist ul li a span {
display:block;	
font-size:0.7em;
text-transform:uppercase;
color:#999;
}

.programlist ul li a span.concert {
position:absolute;
right:5px;
bottom:5px;
color:#fff;
}
.programlist ul li a:hover {
background:transparent;
color:#fff;
}
/* Réservation */
.reserv, .contact {
background:url(../img/reserv-bg.jpg) no-repeat top left;	
height:100px;
}
.contact {
background-image:url(../img/contact-bg.jpg);
}
html>body .reserv,html>body .contact{
height:auto;
min-height:100px;
}
.reserv-header {
color:#fff;	
padding:10px 0px 10px 190px;
}
.reserv-header h3{
color:#ffba00;
font-size:1.4em;
}
.reserv-header p{
font-family:Arial, Helvetica, sans-serif;
}

/* Carte */
.menucarte {
	padding:5px 0;
text-align:center;
color:#ea4e4e;
font-family:Arial, Helvetica, sans-serif;
}
.menucarte li {
display:inline;	
}
.menucarte li a, .menucarte li a.on:hover {
color:#fff;
padding: 0 10px;
text-decoration:none;
}
.menucarte li a.on {
font-weight:bold;
cursor:default;
}
.menucarte li a:hover {
text-decoration:underline;	
color:#fff;
}

.carte {
	width:582px;
	margin:10px auto;
	font-family:Arial, Helvetica, sans-serif;
}
.carte-top {
	background:url(../img/carte-top.gif) no-repeat bottom center;
	height:72px;
}

.carte-title {
	background:url(../img/carte-h-1.jpg) no-repeat bottom center;
	height:69px;
}
.carte-content {
	background:url(../img/carte-fd.gif) repeat-y top center #fff;
	height:20px;
	padding:0 20px 10px;
}
html>body .carte-content {
height:auto;
min-height:20px;	
}
.carte-bottom {
	clear:both;
	background:url(../img/carte-bottom.jpg) no-repeat bottom center;
	height:51px;
}


.carte-content .products {
margin:5px 0;
font-size:1em;
text-align:left;
width:540px;
color:#800;
}
.carte-content .products td {
	padding:2px;
border-bottom:1px solid #ddd;	
}
.carte-content .products .price{
	text-align:right;
	width:100px;
font-weight:bold;
color:#b00000;
}
.carte-content .products .details{
	color:#666;
	display:block;
	font-size:0.8em;
}
.carte-content .sbt {
text-indent:-9999px;
font-size:0;
display:block;
width:540px;
height:60px;
background:transparent no-repeat center bottom;
}
.carte-content .sbt-deserts {background-image:url(../img/carte-sbt-deserts.gif);}
.carte-content .sbt-entrees {background-image:url(../img/carte-sbt-entrees.gif);}
.carte-content .sbt-entreeschaudes {background-image:url(../img/carte-sbt-entreeschaudes.gif);}
.carte-content .sbt-entreesfroides {background-image:url(../img/carte-sbt-entreesfroides.gif);}
.carte-content .sbt-grillades {background-image:url(../img/carte-sbt-grillades.gif);}
.carte-content .sbt-plats {background-image:url(../img/carte-sbt-plats.gif);}
.carte-content .sbt-platsdujour {background-image:url(../img/carte-sbt-platsdujour.gif);}
.carte-content .sbt-poissons {background-image:url(../img/carte-sbt-poissons.gif);}
.carte-content .sbt-viandes {background-image:url(../img/carte-sbt-viandes.gif);}
.carte-content .sbt-vinsdumois {background-image:url(../img/carte-sbt-vinsdumois.gif);}

.carte-content .sbt-beaujolais {background-image:url(../img/carte-sbt-beaujolais.gif);}
.carte-content .sbt-bourgognes {background-image:url(../img/carte-sbt-bourgognes.gif);}
.carte-content .sbt-cotesdurhone {background-image:url(../img/carte-sbt-cotesdurhone.gif);}
.carte-content .sbt-loires {background-image:url(../img/carte-sbt-loires.gif);}
.carte-content .sbt-champagnes {background-image:url(../img/carte-sbt-champagnes.gif);}
.carte-content .sbt-bordeauxchateaux {background-image:url(../img/carte-sbt-bordeauxchateaux.gif);}

.carte-content .sbt-verre {background-image:url(../img/carte-sbt-verre.gif);}
.carte-content .sbt-pichet25 {background-image:url(../img/carte-sbt-pichet25.gif);}
.carte-content .sbt-pichet50 {background-image:url(../img/carte-sbt-pichet50.gif);}

.carte-content .sbt-petit-dej {background-image:url(../img/carte-sbt-petit-dej.gif);}

.carte-content .cadre {
border:4px double #800;	
margin:10px auto 0;

width:530px;
}
.carte-content .cadre .products {
margin:0 auto 10px;
width:510px;	
}
.carte-content .products .vdetails{
	color:#666;
	display:inline;
	font-size:0.9em;
	font-style:italic;
}
.carte-content .cadre .sbt {
	height:50px;
width:532px;	
}
/* Formulaire */
input.champ, select.champ, textarea.champ {
display:inline;
line-height:16px;
padding:2px 3px;
border:1px solid #ccc;.
margin:-1px  0;	
}
html>body input.champ, html>body select.champ, html>body textarea.champ {
margin:0;
}
*+html body input.champ, *+html body select.champ, *+html body textarea.champ {
margin:-1px  0;	
}

form {
font-size:100%;
padding:4px 0;	
font-family:Arial, Helvetica, sans-serif;
}
form p, form label {
display:block;
float:left;
font-size:1.25em;
margin:0 2px 0 0;
}
form label {
text-transform:uppercase;
padding:2px 8px;	
text-align:right;
font-size:0.95em;
font-weight:bold;
color:#fff;
width:170px;
}
form input.champ, form select.champ, form textarea.champ {
width:275px;	
	font-size:0.8em;
	line-height:1.3em;
}
form textarea.champ { 
height:100px;
}
form select.champ, form span {
width:283px;	
}
form p {
width:auto;
}
.champ-note {
color:#565656;
display:block;
float:left;
font-size:0.8em;
margin:0;
padding:2px 0;	
overflow:hidden;
width:auto;
}
.champ-note strong {
color:#fff;
background:url(../img/ico_error.gif) no-repeat center left;
}
.champ-note strong.valid {
padding-left:20px;
color:#006633;
background:url(../img/ico_valid.gif) no-repeat center left;
}

form fieldset, .lineinfo {
clear:both;
line-height:20px;
padding:2px 0;

}
form fieldset p span {
float:left;
}
form .champ-note,form form p {
width:100px;
}
form .champ-note {
margin-left:10px;
}
form form {
padding:0;
}
.lineinfo span {
font-size:1.1em;
padding:0px 3px;
line-height:24px;
}
.lineinfo a.submit {
display:inline;
line-height:16px;
margin:1px 3px;
font-size:1em;
}
.lineinfo strong, form form label {
display:block;
float:left;
width:200px;
color:#333333;
font-size:1.1em;
text-align:right;
padding:2px 8px;
}

a.submit {
background:#E30000 url(../img/calendrier-a-bg.gif) repeat-x scroll center bottom;
border:1px solid #CC3B3B;
color:#FFFFFF;
display:block;
width:150px;
margin:10px auto;
font-family:Arial;
font-size:14px;
font-weight:bold;
overflow:visible;
padding:8px 8px;
text-align:center;
text-decoration:none;
}
a.submit:hover {
color:#fff;
border-color:#fa3d3d;
background:#bf0000;
}
a.submit:active {
color:#fff;
border-color:#cc3b3b;
background:#fd5454 url(../img/submit-bg.gif) repeat-x 0 -60px;
}

/* Copy */
.copy {
	padding:10px;
	color:#999;
	font-size:0.9em;
text-align:center;
line-height:1.6em;
}
.copy a {
color:#ff8f35;	
text-decoration:none;

}
.copy a:hover {
color:#fff;	
}