html {
	margin: 0;
	padding: 0;
}

body {
	padding: 0;
	margin: 0;
	font-family: Arial, helvetica, sans-serif;
	color: #000;
}

a, a:link, a:active, a:visited {
	text-decoration : none; 
	color:#828282;
	outline: none;
}

a:hover {
	color: #000000; 
	text-decoration: none; 
}

img {border: 0;}

ol,div, fieldset, h1, img, p,table, tr, td, li, ul, form, #menulateraltop dl {
	margin: 0;
	padding: 0;
}

ul {list-style-type: none;}


pre {
	margin: 15px 15px 35px 15px;
	padding: 5px;
	background: url(code.gif) no-repeat bottom left;
	border: 1px dotted #B4D2B8;
	font-size: /*1em*/ 0.8em;
	line-height: 1.5em;
	color: #000;
	font-family: verdana, Tahoma, "Trebuchet MS", helvetica,arial,  sans-serif;
}

code {
	color: #74B000;
	font-size: 1.3em;
}

input, select, textarea, checkbox {
	font-family:Verdana,"Trebuchet MS",Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	border:1px solid #9097a2;
	background-color:#fff;
	
	
}
input {height:16px;}

input:hover, select:hover, textarea:hover {
	background-color:#e0e9e9;
	border-color:black;
}

h2 {
	font-family:Arial,Helvetica,sans-serif;
	font-size:26px;
	margin:0;
	padding:10px 0;
	margin-bottom:2%;
	border-bottom:3px solid #280A00;
}

h2 span {
	padding: 0;
	margin : 0;
	color:#D0975F;
	text-transform: uppercase;
}

/* HOME */
#home {	
	position:absolute; 
	left: 50%;  
	top: 50%; 
	width: 700px; 
	height: 400px; 
	margin-top: -200px; /* moitié de la hauteur */ 
	margin-left: -350px; /* moitié de la largeur */ 
	text-align:center;
}
#home p { margin:2% 0;}
#home .titleHomeUp a {font-size:46px; }
#home a {color:#280A00;}

#home .links li a {
	font-size:22px;
	float:left; 
	width:48%; 
	font-weight:bold; 
	color:#D0975F;
	text-transform: uppercase;
}
#home .links li a:hover {color:#280A00;}

#home .left {text-align:left; padding-left:2%;}
#home .right {text-align:right; padding-right:2%;}

/* CONTENT GLOBAL */

#global {
	margin:3% auto;
	padding:0 2%;
	width: 980px;
	background-color:white;
}
#header {
	padding-bottom:6%;
	border-bottom:3px solid #828282;
	position:relative;
}
#header .contact {
	float:right;
	margin-top:0;
	color:#828282;
	font-size:18px;
	line-height:1.5em;
	text-align:right;
}
#header h1 a {
	margin-top:2%;
	font-size:36px;
	text-align:left;
	color:black;
}

#header h1 span {margin:0; padding:0; font-size:18px;}

#header .acces a {
	text-transform: uppercase;
	position:absolute;
	bottom:-10px;
	right:0;
	font-size:20px;
	font-weight:bold;
	background-color:white;
	text-align:right;
	padding-left:5%;
	color:#D0975F;
}
#header .acces a:hover {color:#280A00;}
#header .resa a {
	text-transform: uppercase;
	position:absolute;
	bottom:5px;
	left:0;
	font-size:16px;
	font-weight:bold;
	background-color:#D0975F;
	color:white;
	text-align:right;
	padding:5px 1% 3px 1%;
	border-bottom:5px solid white;
}
#header .resa a:hover {
	border-color:#D0975F;
	background-color:#280A00;
}

#menu {
	width:300px;
	float:left;
}

#menu li a {
	margin-top:3%;
	display:block;
	line-height:62px;
	font-weight:bold;
	text-transform: uppercase;
	width:100%;
	border-bottom:2px solid #828282;
}

#menu li a:hover, #menu li a.selected {
	color:#280A00;
	border-color:#280A00;
}

#menu li a.selected {
	background:url('../pix/bgMenuLnk.png') no-repeat right bottom;
}
#menu li a:hover, #menu li a.selected:hover {
	background:url('../pix/bgMenuLnkOn.png') no-repeat right bottom;
}
#menu .menuFetes {
	color:#D0975F;
	position:relative;
}
#menu .menuFetes span {
	position:absolute;
	left:0;
	bottom:-18px;
	color:#9097a2;
	font-size:11px;
	font-style:italic;
	text-transform: capitalize;
}
#content {
	margin-top:1%;
	float:left;
	width:640px;
	padding:1% 0;
	padding-left:4%;
}

/* ACCUEIL */
#accueil p {margin-top:2%; margin-bottom:4%;}
#accueil .head {
	font-size:16px; 
	text-align:center; 
	text-transform: uppercase; 
	font-weight:bold;
}
#accueil .head span {
	color:#D0975F;
}
#accueil .txt {line-height:24px; text-align:justify;}
#accueil .img {
	padding:1% 0; 
	border-top:2px solid gray;
	border-bottom:2px solid gray;
	text-align:center;
}

/* TABLE */
#table p {margin-top:2%; margin-bottom:4%;}
#table .head {font-weight:bold; font-size:16px; margin-top:4%; text-align:center;}
#table .txt {line-height:24px; text-align:justify;}

#table .left {float:left; width:260px; }
#table .right {float:right; width:300px; padding-left:3%; }

/* LA CARTE */
.menuChoix {float:right;}

.menuChoix a {
	position:relative;
	top:6px;
	padding:0 20px; 
	font-size:20px;
}

.menuChoix a.first {border-right:2px solid gray;}

#carte {
	position:relative;
}

#carteDuJour {
 	position:absolute;
 	top:165px;
 	right:29px;
 	background-color:white;
 	border:1px solid black;
 	width:218px;
 	height:531px;
	text-align:center;
	padding:0 2px;
}
#carteDesFetes {
 	position:absolute;
 	top:168px;
 	right:42px;
 	background-color:white;
 	border:1px solid black;
 	width:208px;
 	height:513px;
	text-align:center;
	padding:0 2px;
}

#carte .infoCarte {
	text-align:center;
	font-style:italic;
}

#carteDesFetes .menuTitle {
	font-size:20px;
	padding:20px 0;
	border-bottom:2px dashed gray;
	margin-bottom:10px;
}

#carteDesFetes .menuHoraires {
	font-size:16px;
	padding:10px 0;
	line-height:1.5em;
	margin-bottom:20px;
}
#carteDesFetes .composanteTitle {
	font-size:14px;
	padding:20px 0;
	line-height:1.5em;
}
#carteDuJour .lastMinute {
	font-weight:bold;	
	margin-top:1%;
}

#carteDuJour .menuTitle {
	font-size:22px;
	padding:1% 0;
}

#carteDuJour .menuHoraires {
	font-size:12px;
	font-weight:bold;
}

#carteDuJour .menuDescription {
	font-size:12px;
	padding:2% 0;
}

#carteDuJour .composanteTitle {
	font-weight:bold; 
	font-size:12px;
	margin:3% 0;
}

#carteDuJour .listePlatsComposante {
	font-size:12px;
}

#carteDuJour .platEn {
	font-style:italic;
}

#carteDuJour .platTitle {
	margin-top:4px;
}

/* PRESSE */
#presse {padding-top:5%;}
#presse p {
	margin:3% 0;
	text-align:center;
}
#presse a {
	color:#280A00;
}

#presse a:hover {color: #D0975F; text-decoration:underline;}

/* MENTIONS */
#mentions {padding-top:5%;}
#mentions p {
	margin:3% 0;
	text-align:center;
}
#mentions p.adresse {font-style:italic;}
#mentions p label {font-weight:bold;}
#mentions a {
	color:#280A00;
}

#mentions a:hover {color: #D0975F; text-decoration:underline;}

/* RESERVATIONS */
#reservation {
	width:100%;
	height:100%;
	background:url('telephone.png') no-repeat right top;
}
#reservation p {clear:left; margin:3% 2%;}
#reservation p label {float:left; width:30%; padding:1px 1%;}
#reservation input, #reservation textarea {
	opacity:0.9;
}

#reservation .resaInfo {
	position:relative;
	margin-top:-25px; 
	padding:0; 
	font-size:11px; 
	font-style:italic;
}
.select_width {width:100px; padding:2px;}
.input_width_large {width:250px;}
.textarea_width_large {width:250px; height:100px;}
.input_date {
	text-align:center;
	width:100px;
}

#reservation .btnSubmit {
	text-align:center;
	
}

.submitBooking {
	display:block;
	width:100px; 
	height:25px;
	margin:0 auto; 
	padding-bottom:2px;
	border:1px solid #828282;
	background-color: #280A00;
	color:white;
	cursor:pointer;
}
.submitBookingHover {background-color: #D0975F;}
.bookingSend {text-align:center; font-weight:bold; color:#D0975F; line-height:2em;}
/* HISTORIQUE */
#historique p {margin-top:2%; margin-bottom:4%;}
#historique .txt {line-height:24px; text-align:justify;}

#historique .left {float:left; width:160px; }
#historique .right {float:right; padding-left:3%; }
.rueChanoinesse li {
	
	list-style-image: url('puce_histo.png');
	margin:1% 3%;
	line-height:1.5em;
}
/* FOOTER */
#footer {
	clear:left;
	width:960px;
	margin:1% auto;
	
	text-align:center;
}

#footer a span {color:black;}

#footer .lnkBooking {
	border-bottom:3px solid #828282;
	font-weight:bold;	
	padding:2% 1% 1% 1%;
}

#footer .lnkLegal {
	text-transform: uppercase;
	font-size:.8em;	
	padding:1%;
}
#footer .lnkLegal a {font-weight:bold; color:#D0975F;}
#footer .lnkLegal a:hover {color:black;}