/* CSS Document */
body {
font-family:Comic Sans MS Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
h1 {
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
}
#accueil{
  margin:0 auto;
	background: url(interface/accueil.jpg) left top no-repeat;
  height:570px;
  width:1000px;
  text-align:center;
}
#texte1{
padding-top:440px;
}
#texte1 p{
color:#ffffff;
font-size:1.2em;
}
#lien1{
padding-top:10px;
color:#e1853f;
text-decoration:none;
font-size:16px;
}
#accueil a:hover{
color:#fa5ea4;
text-decoration:underline;
}
#img1{
padding-top:35px;
padding-left:100px;
}
#img1 img{
padding-right:65px;
border:0;
}
#header {
	position: relative;
	width: 1000px;
	height: 221px;
	background: url(interface/header.jpg) left top no-repeat;
	margin: 0 auto;
	text-align: left;
}
#header img{
border:0;
}
#titre {
	position: absolute;
	top: 10px;
	right: 100px;
	z-index:100;
}
#conteneur {
position: absolute;
width: 1000px;
left: 50%;
margin-left: -512px;
background: url(interface/contenu.png) left top repeat-y;
}
#centre {
margin-left: 300px;
margin-top: 20px;
}
#centre h2 {
  font-size: 1.2em;
  padding-left: 15px;
  padding-bottom:20px;
	color: #81242f;
	text-align:center;
}
#centre2 {
margin-left: 180px;
margin-top: 20px;
}
#centre2 h3 {
  font-size: 1em;
  padding-left: 15px;
	color: #000000;
background: url(interface/fond_carte2.jpg) left top no-repeat;
margin-top:50px;
}

#centre p {
  font-size: 1.2em;
	color: #4b4a4a;
/*	line-height: 1,3em;*/
	padding-left: 10px;
	padding-right: 15px;
	text-align:center;
}
#centre br {
  font-size: 1.2em;
	color: #4b4a4a;
/*	line-height: 1,3em;*/
	padding-left: 7px;
	padding-right: 15px;
}
#content{
margin: 0;
}
p {margin: 0 0 10px 0;}

#content a{
color: #56B6F9;
text-decoration: none;
}
#content a:hover {
text-decoration: underline;
}
#content p {
padding-left: 12px;
}
#gauche {
position: absolute;
left:0;
width: 300px;
padding-left:50px;
padding-top:30px;
}

#gauche h4 {
	padding-left: 35px;
	color: #56B6F9;
}
#gauche img{
border: 0;
}
#gauche p{
/*padding-left: 40px;*/
text-align: center;
}
#gauche h2 {
  font-size: 1.2em;
  padding-left: 15px;
  padding-bottom:20px;
	color: #81242f;
}
#gauche img{
height:242px;
width:242px;
padding-right:15px;
}
#gauche3 {
position: absolute;
left:0;
width: 300px;
padding-left:50px;
padding-top:30px;
}
#gauche3 a{
margin-left:40px;
	color: #011f33;
	text-decoration:underline;
background: url(interface/fond_carte2.jpg) left top no-repeat;
}
#gauche3 a:hover{
	text-decoration:none;
}
#gauche3 h4 {
	padding-left: 35px;
	color: #56B6F9;
}
#gauche3 span {
  font-size: 1.3em;
  font-weight: bold;
	color: #FDEE04;
}
#gauche3 img{
border: 0;
}
#gauche3 p{
/*padding-left: 40px;*/
text-align: center;
}
#gauche3 h2 {
  font-size: 1.2em;
  padding-left: 15px;
  padding-bottom:20px;
	color: #81242f;
}
#gauche3 img{
height:242px;
width:242px;
padding-right:15px;
}
#gauche2 {
position: absolute;
left:0;
width: 300px;
padding-left:50px;
padding-top:30px;
}

#gauche2 h4 {
	padding-left: 35px;
	color: #56B6F9;
}
#gauche2 span {
  font-size: 1.3em;
  font-weight: bold;
	color: #FDEE04;
}
#gauche2 img{
border: 0;
}
#gauche2 p{
/*padding-left: 40px;*/
text-align: center;
}
#gauche2 img{
height:120px;
width:120px;
padding-right:15px;
}
#menugauche {
margin: 0;
padding-left: 35px;
}
#menugauche li {
width: 160px;
list-style-image: url(interface/puce.png);
margin-bottom: 8px;
border-bottom: 1px dotted gray;;
}
#menugauche li a:hover {
list-style-image: url(interface/puce2.png);
}
#menugauche a {
margin: 0 2px;
color: #959191;
text-decoration: none;
}
#menugauche a:hover {
text-decoration: underline;
}
#footer {
	width: 1000px;
	height: 84px;
	background: url(interface/footer.jpg) left bottom no-repeat;
	color: white;
	font-size: 0.90em;
/*	font-weight:bold;*/
	text-align: left;
	margin: 0 auto;
}
#footer p {
	padding-top: 12px;
	padding-left: 100px;
/*	margin: 10px 0 0 40px;*/
}
#footer a {
	color: white;
}
#formu div.row {
  clear: both;
  padding-top: 10px;
  padding-left: 15px;
  font-size: 1em;
	color: #585856;
  }

#formu div.row label{ 
  float: left;
  width: 25%;
  text-align: left;
  font-size: 1em;
	color: #585856;
  }

#formu div.row span.formw{
  float: right;
  width: 70%;
  text-align: left;
  }
#formu{
padding-left:80px;
}
#formu p{
text-align:left;
}
input, select, textarea{
background-color:#cbb69e;
}  
.txt_red{
color:red
}
#spacer{
clear: both;
}
#infos {
margin-left: 300px;
margin-top: 20px;
}
#infos h2 {
  font-size: 1.2em;
  padding-left: 15px;
	color: #56B6F9;
}
#infos p {
  font-size: 1.2em;
	color: #4b4a4a;
/*	line-height: 1,3em;*/
	padding-left: 10px;
	padding-right: 15px;
	text-align:center;
}
#infos br {
  font-size: 1.2em;
	color: #4b4a4a;
/*	line-height: 1,3em;*/
	padding-left: 7px;
	padding-right: 15px;
}
#infos_photos{
    position:absolute;
    width: 250px;
    height: 250px;
    top:230px;
    left:200px;
    z-index:100;
}

#infos_photos img{
padding-right:10px;
}
#infos_texte{
width:650px;
margin-left:315px;
text-align:center;
}
#plan{
margin-left:200px;
margin-top:60px;
width:600px;
  padding-bottom:20px;
}
#carte{
margin-left:200px;
margin-top:60px;
width:600px;
  padding-bottom:20px;
}
#carte h2 {
  font-size: 1.2em;
  padding-left: 15px;
  padding-bottom:20px;
	color: #81242f;
}
#carte div.row3 {
  clear: both;
  padding-top: 10px;
  padding-left: 15px;
  font-size: 1em;
	color: #585856;
  }

#carte div.row3 span.plat{ 
  float: left;
  width: 80%;
  text-align: left;
  font-size: 1em;
	color: #585856;
  }
#carte div.row3 span.prix{
  float: right;
  width: 10%;
  text-align: right;
  padding-right:5px;
  color:#000000;
  font-size: 1em;
  }
#carte div.row4 {
  clear: both;
  padding-left: 15px;
  }
#carte div.row4 span.compo{ 
  float: left;
  width: 100%;
  text-align: left;
  font-size: 0.8em;
	color: #949492;
  }
#carte span.prix2{
  margin-left:30px;
  text-align: right;
  padding-right:5px;
  color:#000000;
  font-size: 1em;
  }
#carte2 p{
width:600px;
}  
#carte3 p{
width:600px;
}  
#carte a {
  font-size: 1em;
  padding-left: 15px;
	color: #000000;
background: url(interface/fond_carte2.jpg) left top no-repeat;
margin-top:50px;
text-decoration:none;
}
#carte a:hover {
  font-size: 1em;
  padding-left: 15px;
	color: #000000;
background: url(interface/fond_carte2.jpg) left top no-repeat;
margin-top:50px;
text-decoration:none;
}
#carte img{
   margin-right:10px;
   height:10px;
   width:15px;
   border:0;
}
.cat{
display:none;
  background: url(interface/fond_carte.jpg) left top repeat-y;
clear:both;
margin-bottom:15px;
}
.cat2{
display:none;
clear:both;
margin-bottom:15px;
}
.clear{
clear:both;
}
.liens{
margin-bottom:10px;
width:500px;
  font-size: 1em;
  padding-left: 15px;
	color: #000000;
background: url(interface/fond_carte2.jpg) left top no-repeat;
text-decoration:none;
}
#agenda a {
  font-size: 1em;
  padding-left: 10px;
	color: #000000;
background: url(interface/fond_carte2.jpg) left top no-repeat;
text-decoration:none;
}
#agenda p{
margin-left:60px;
}
.invalidInput{
	border:1px dotted #F00;
	background-color: #FFECE6;
}
#gallery{
margin-left:60px;
}
#gallery table td{
  height:100px;
  width:180px;
  padding:3px;
  text-align:center;
	border:2px solid #81242f;
}
#gallery img{
border:0;
}
#gallery .liens2{
margin-left:100px;
}
#reservation p{
margin-left:60px;
}
#navigation {
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation a.head {
	cursor:pointer;
background: url(interface/fond_carte2.jpg) left top no-repeat;
	color: #585856;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
}
#navigation a.head:hover {
	color: #585856;
  background: url(interface/fond_carte2.jpg) left top no-repeat;
}
#navigation a.selected {
  background: url(interface/fond_carte2.jpg) left top no-repeat;
}
#navigation a.current {
  background: url(interface/fond_carte2.jpg) left top no-repeat;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; display:inline;
}
#navigation li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
}
#navigation li li a:hover {
	background-color:#FFFF99;
	color:#FF0000;
}