/* CSS Document */
/************************STRUCTURE*******************************/
*{
	margin:0px;
	padding:0px;
	border:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

table{
	border-spacing:0px;
	border-collapse:collapse;
}

table #container{
	width:1004px;

}


#top{
	height:106px;
	background-color:#feffa3;
}

#colg{
	width:190px;
	background-color:#cae29b;
}

#cold{
	width:814px;
	background:#FFFFC9;
}

#alpha{
display:none; 
width:100%; 
height:100%; 
background-color:#000000; 
position:absolute; 
filter:alpha(opacity=50); 
-moz-opacity:0.5;
opacity:0.5;  
top:0px; 
left:0px;
text-align:left;
margin-left:auto;
margin-right:auto;
z-index:2; 
}

.visu_grand_fermer{
position: absolute;
top: -23px;
right: 10px;
z-index: 52;
cursor: pointer;
}
/************************TOP*******************************/
#bandeau{
	float:right;
	width:824px;
	height:106px;
}

#logo{
	width:190px;
	height:106px;
	float:left;
	background-color:#feffa3;
	text-align:center;
}


/************************MENU*******************************/
#menu {
	list-style: none;
	padding: 0px;
	width:144px; 
	margin:5px 0px 3px 20px;
}
 
#menu li{
	padding:10px 0px 0px 4px;
	margin:0px 0px 1px 0px;
	background-color:#FFFFFF;
} 
 
#menu li a {
	padding-left: 20px;
	font-family: verdana;
	font-size: 0.8em;
	color:#005325;	
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	background: transparent url(images/interface/puce-actualite.gif) center left no-repeat;
 }

/************************ACTUALITE*******************************/
#actu-petite-auberge{
	width:190px;
	margin-top:46px;
	background-color:#f8f98e;
	padding-top:4px;
	text-align:center;
	font-size:0px;
	height:22px;
	line-height:22px;
	vertical-align:middle;
}

div.actualite{
	margin-top:18px;
	margin:0 10px 0 0px;
	border-bottom:1px dashed black;
}

div.actualite h1{
	font-size:14px;
	margin-left:14px;
	color:#005325;
}

div.actualite p{
	font-size:10px;
	text-align:justify;
	color:#005325;
	margin:10px 0px 0px 0px;
	padding:0px 10px 0px 10px;
}

div.actualite p.suite{
	font-size:12px;
	color:#005325;
	margin:7px 0px 10px 10px;
	text-align:right;
}

div.actualite p.suite a{
	text-decoration:none;
	font-weight:bold;
	color:#005325;
	
}

.actualitePage{
padding-left:20px;
}

div.actualitePage p.lien{
	margin: 0 10px 0 10px;
	font-size:12px;
	color:#005325;
	margin:7px 0px 10px 10px;
	text-align:left;
}

div.actualitePage p.lien a{
	padding-left: 20px;
	text-decoration:none;
	font-weight:bold;
	color:#005325;
	background: transparent url(images/interface/puce-actualite.gif) center left no-repeat;
}

.titre_actu{
	color:#157313;
	font-size:15px;
	font-weight:bolder; 
	background-color:#F8F98E;
	padding:10px;
}


/************************CONTENT*******************************/
#content{
	width:824px;
	height:640px;
	border-collapse:collapse;
}
#content table{
	border-collapse:collapse;
}

#content1{
	height:308px;
	background:url(images/interface/terrasse-petite-auberge2.jpg) right top no-repeat;
	text-align:left;
	padding-left:5px;
	font-style:italic;
}

#content2{
	height:332px;
	text-align:justify;
}

#titre{
color:#157313;
font-size:14pt;
}

table p{
font-size:10pt;
color:#157313;
font-style:italic;
}

#zone_horraires{
	text-indent:0px;
	text-align:left;
	margin:0px;
	padding:0px;
}
#horaire_titre{
color:#157313;
font-size:0.8em;
font-weight:bold;
}
/*
table .horaire td p{
margin-left:10px;
}
*/
#horraires{
font-size:10px;
color:#157313;
}
/********************barre pointillé*******************************/
.separation {
	background: url(images/interface/barre2.gif) no-repeat top left;
	width: 410px;
	height: 10px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
	text-align:center;
}

.separation hr {
	display: none;
}

/**********************SIGNATURE*************************************/
#signature{
	position:relative;
	margin-left:auto;
}

#signature p{
	float:right;
	font-size:11px;
	color:#4da072;
	float:left;
}

#signature a{
	font-size:0.8em;
	color:#4da072;
	text-decoration:none;
}

/****************************************MENUS*************************/

#menu-petite-auberge{
	width:480px;
	background-color:#f8f98e;
	padding-top:0px;
	text-align:center;
	font-size:0px;
	height:26px;
	line-height:26px;
	vertical-align:middle;
	border-right: 2px solid white;	
}

#tourisme-petite-auberge{
	width:350px;
	background-color:#f8f98e;
	padding-top:0px;
	text-align:center;
	font-size:0px;
	height:26px;
	line-height:26px;
	vertical-align:middle;
}

#tourisme{
	background-color:#cae29b;
}

#texte_tourisme{
	margin:10px 10px 0 10px;
}

#content1 p{
	margin:0 0 0 10px;
}

#content2 p{
	margin:0 10px 0 10px;
	color:#157313;
	font-style:italic;
}

/******************RESTAURANT***********************************/
#content-restaurant{
	height:290px;
	text-align:left;
}

#content-restaurant p{
	margin:0 0 0 10px;
	color:#157313;
	font-style:italic;
}

#pointille{
width:1px;
background-image:url(images/interface/pointille.gif);
background-repeat: repeat-y;
}

#pied_photo{
color:#4da072;
font-size:0.8em;
float:left;
clear:left;
}

/***********************TOURISME*******************************/
#content-tourisme{
	text-align:left;
}

#content-tourisme p{
	margin:0 0 0 10px;
}

#image{
	background-image:url(images/photo/petite/velos_Durand2.jpg);
	background-repeat:no-repeat;
	z-index:1; 
	height:271px; 
	float:left;
}

#texte{
	z-index:2; 
	padding-left:150px; 
	padding-top:10px;
}

#cadre_base_nautique{
	position:absolute; 
	left:190px; 
	margin-left:400px; 
	margin-top:60px; 
	width:415px; 
	background-color:#cae29b
}
/************************CONTACT*****************************/
#tblContact{
	margin-left:10px;
	/*margin-right:auto;*/
	margin-top:25px;
	border-collapse:separate;
	border-spacing:3px;
	color:#157313;
}

#tblContact input,textarea{
	border:1px solid #CCC;
}

#content-contact{
	margin-left:10px;
	text-align:left;
}

#content-contact p{
	margin:0 0 0 10px;
}


/*********************LIENS*******************************/
#content-liens{
	margin-left:10px;
	text-align:left;
}

#content-liens p{
	margin:0 0 0 20px;
	font-size:0.7em;
}

#content-liens p#titre{
	margin:0 0 0 8px;
	font-size:1em;
}

#content-liens p.page_lien{
	margin:0 0 0 10px;
	font-size:0.7em;
	font-weight:bold;
}

#content-liens p.page_lien a{
	color:#000000;
	text-decoration:none;
}


#content-liens div{
	padding-left:5px;
	margin:3px 3px 3px 3px;
}

.fond_vert{
	background-color:#cae29b;
}


/************************ DIAPORAMA ****************************/
#diaporama{
height:141px;
width:212px;
margin-right:10px;
float:left;
}

.full{
position:absolute;
}

.noBorder{
border:0px;
}