/***************** INSTRUCTIONS DE BASE *****************/

body        {
	color: #fff;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Verdana, Arial, Helvetica, serif;
	line-height: 16px;
	background-color: #630;
	background-image: url("../images/fond/fond.jpg");
	margin: 58px 0 0;
	padding: 0
	}



	
* {
	margin: 0;
	padding: 0;
	}


p  {
	margin: 0;
	padding: 0;
	}
	
	
img {
	margin: 0;
	padding: 0;
	border: 0;
	}



/***************** CONTAINER *****************/

#metacontainer      {
	text-align: left;
	margin-left: 84px;
	width: 783px;
	height: 501px
	}


#container       {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 783px;
	height: 501px
	}




/*EN-TETE*/

#entete      {
	text-align: left;
	position: relative;
	width: 783px;
	height: 96px
	}

#enteteplan      {
	text-align: left;
	position: relative;
	width: 783px;

	}
	

/***************** EDITORIAL *****************/

#editorial       {
	text-align: left;
	position: relative;
	width: 783px;
	height: 343px
	}

#editorialplan       {
	text-align: left;
	position: relative;
	width: 783px;
	}
#editorialplan p      {
font-size: 9px;
	}
#editorialplan h1      {
font-size: 12px;
	}
#editorialplan h2      {
font-size: 11px;
font-style:italic;
	}

#editorialplan h3      {
font-size: 10px;
	}
#plan      {
height: 423px;
padding-left: 10px;
	}
.col1{
float: left;
height:400px;
width:350px;

	}
.col2{


	}
#editorial-gauche        {
	text-align: left;
	position: relative;
	width: 390px;
	height: 343px
	}


	
#editorial-droit   {
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
	width: 393px;
	height: 343px
	}

/***************** formulaire *****************/
#co   {
width: 500px;
margin: 0 auto;
	}
.donnees   {
float:left;
line-height:1.4;
	}
.champs   {
float:left;
	}


/***************** MENU *****************/

#menu           {
	text-align: left;
	margin-left: 30px;
	width: 753px;
	height: 31px
	}
#menuplan           {
	text-align: left;
	margin-left: 30px;
	width: 753px;
	height: 31px
	}

#body-entrez #menu          {
	text-align: left;
	margin-left: 31px;
	width: 753px;
	height: 31px
	}


/***************** Menu - Mise en place *****************/

#menu-nav     {
	background-color: #f3c;
	text-align: left;
	position: relative;
	width: 359px;
	height: 31px;
	}

#menu-liste     {
	margin: 0
	}

#menu-liste li     {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	}

#menu-liste a      {
	padding: 0;
	float: left;
	height: 31px;
	}
	
#menu-liste a span       {
	margin-left: -1000px;
	padding: 0;
	float: left
	}

/***************** Menu - horaires *****************/
#menu-horaires     {
font-size: 10px;
width:auto;
height:auto;
margin-top: 20px;
position: absolute;
font-family: Georgia,"Times New Roman",Verdana,Arial,Helvetica,serif;
	}
#menu-horaires li     {
	margin: 0;
	padding: 0;
	list-style: none;
	}

/***************** Menu - Rubriquage *****************/

#body-entrez #entrez a  {
	background-image: url("../images/menu/menu-entrez.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 167px
	}


#volupteo a     {
	background-image: url("../images/menu/rub-vol.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 101px
	}

#prestations a     {
	background-image: url("../images/menu/rub-pres.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 78px
	}

#visite a     {
	background-image: url("../images/menu/rub-vis.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 41px
	}

#photos a     {
	background-image: url("../images/menu/rub-pho.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 49px
	}
	
#contact a     {
	background-image: url("../images/menu/rub-con.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 90px
	}
	
	
#reservation a     {
	background-image: url("../images/menu/rub-reserv.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 79px
	}
	
#newsletter a     {
	background-image: url("../images/menu/rub-news.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 87px
	}

#avons-aime a     {
	background-image: url("../images/menu/rub-aime.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 118px
	}
	
#forum a     {
	background-image: url("../images/menu/rub-forum.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 57px
	}

#volupteo a:hover, #prestations a:hover, #visite a:hover, #photos a:hover, #contact a:hover, #body-entrez #entrez a:hover, #reservation a:hover, #newsletter a:hover, #avons-aime a:hover, #forum a:hover      {
	background-position: left bottom;
	}

#menu li a.on  {
	background-position: left bottom;
	}

/***************** Menu - Baseline *****************/


#baseline            {
	color: #e6e6e6;
	font-size: 10px;
	font-style: italic;
	display: inline;
	position: absolute;
	right: 12px;
	width: auto;
	height: 20px
	}
#baselineform            {
	color: #e6e6e6;
	font-size: 10px;
	font-style: italic;
	display: inline;
	right: 12px;
	width: auto;
	height: 20px;
margin-left: 132px;
	}





#baseline a:link, #baseline-index a:link         {
	color: #ceb893;
	text-decoration: none
	}


#baseline a:visited, #baseline-index a:visited {
	color: #ceb893;
	text-decoration: none
	}

#baseline a:hover, #baseline a.active, #baseline-index a:hover, #baseline-index a.active {
	color: #fff;
	text-decoration: none
	}




#baseline-index            {
	color: #e6e6e6;
	font-size: 10px;
	font-style: italic;
	display: inline;
	position: absolute;
	top: 440px;
	right: 12px;
	width: auto;
	height: 20px
	}