/*********************************************************************/
/* Content         : This is the default style sheet of the site     */
/* Author          : Vincent VILLOT                                  */
/* Creation date   : 2007/07/07                                      */
/* Last modif      : 2010/06/29                                      */
/*********************************************************************/

/*********************************************************************/
/* Common	                                                     */
/*********************************************************************/

body 
{
  font-family:            arial, helvetica, sans-serif;
  font-size:              1em;
	width:                  800px; 							/* Define the width to be able to center */
	margin:				    50px auto 50px auto;			/* Automatic margin to be able to center */
	background-color:       #34A;						
}

img
{
	border-style:			none;
	border:					0px;
}

/*********************************************************************/
/* Header division                                                   */
/*********************************************************************/

/* Background on the header */
.header 
{
	width:                  800px;
	height:                 125px ;
	background:             #BBB url(pics/banner.jpg) no-repeat 0 0;
}

.header h1 
{
	margin:                 0px;
	padding:                0px;
	text-align:				left;
}

/* Replace the text content by an image for french language. */
.header h1#fr
{
	background:             url(pics/titleFr.gif) no-repeat 0 0px;	
	display:				block;
	width:					600px;
	height:                 125px;
	float:					left;
	text-indent:			-4000px;
	font-size:              6pt;

}

/* Replace the text content by an image for English language. */
.header h1#en
{
	background:             url(pics/titleEn.gif) no-repeat 0 0px;	
	display:				block;
	width:					600px;
	height:                 125px;
	float:					left;
	text-indent:			-4000px;
	font-size:              6pt;
}

/* Logo is placed at the right of the banner */
.header img
{
	float:					right;
	margin:                 15px 7px auto auto;
	padding:                0px;
}

/*********************************************************************/
/* Menu division                                                   	 */
/*********************************************************************/

.menu
{
	margin:                 0px;
	padding:                0px;
	width:                  190px;
	height:                 800px;
	float:					left;
	text-align:				center;
	overflow:				hidden;				/* In order that float left respect the wanted position */
	background:             #082 url(pics/menu_bg.gif) repeat-y 0 0;
}

/*********************************************************************/
/* menu_top division                                              */
/*********************************************************************/
.menu_top
{
	margin:                 0px;
	padding:                0px;
	height:                 650px;
}

/* "Menu" title */
.menu_top h1 
{
	font-size:				1em;
	letter-spacing:			1em;
	font-weight:			normal;
	text-transform:			uppercase;
    margin:                 0px auto 15px auto;	/* Auto left and right to center the block */
	padding:				3px 0px 5px 8px;
    display:                block;
    width:                  190px; 
    text-align:             center;
    color:                  #34a;
    border-style:           solid;
    border-color:           #34a;
    border-width:           0px 0px 1px 0px;
}


.menu_top ul
{
    list-style-type:        none;
    padding:                0px;
    margin:                 10px 0px 0px 0px;
}

.menu_top li
{
    margin:                 15px auto 15px auto;		/* Auto left and right to center the block */
    width:                  170px; 
    text-align:             center;
    color:                  #03a;
    display:                block;
    background:             #DDD ;
    border-style:           solid;
    border-color:           #b62;
    border-width:           1px;
    font-weight:            normal;
}

.menu_top li#selected
{
	margin:                 15px 0px 15px auto;		/* Align to the right */
    width:                  170px; 
    text-align:             center;
    color:                  #b62;
    display:                block;
    background:             #DDD ;
    border-style:           solid;
    border-color:           #b62;
    border-right-width:     0px;
    font-weight:            bold;
}

.menu_top a 
{
	display:                block;
	width:                  170px;
	text-decoration:        none;
}

.menu_top a:hover 
{ 
	background:             #34A;
    border-color:           blue;
    color:                  #DDD;
}

.menu_top a:active 
{
    border-color:           blue;
    color:                  #b62;
}

.menu_top img[src="../pics/logo_charmance.gif"]
{ 
	margin-top:				50px;
}
/*********************************************************************/
/* Bottom_Menu division                                              */
/*********************************************************************/
.menu_bottom
{
	margin:                 0px;
	padding:                0px;
	width:                  190px;
	height:                 150px;
	text-align:				center;
	overflow:				hidden;				/* In order that float left respect the wanted position */
}

.menu_bottom address
{
    font-size:              10pt;
    text-align:             center;
    display:                block;
    width:                  168px;
    background:             #DDD ;
    padding:                8px 1px 8px 1px;
    margin:                 0px auto 0px auto;
    border-style:           double;
    border-color:           #b62;
    border-width:           6px;
}

/*********************************************************************/
/* Content division                                                  */
/*********************************************************************/

/* Common styles for Content div. */
/* ------------------------------ */

.content
{
	margin:                 0px;
	padding:                0px;
	width:                  610px;
	height:					800px;
	float:					left;
	text-align:				center;				/* To center images */
	overflow:				auto;				/* In order that float left respect the wanted position */
	background:             #DDD	url(pics/content_bg.jpg)	repeat-y ;
}

.content h1 
{
    display:                block;
    width:                  570px;
    margin:                 0.5em auto 0.2em auto;
    padding-bottom:         0.2em;
    font-size:              1.8em;
    color:                  #03a;
    text-align:             center;
}

.content h2
{
	clear:					both;
    margin:                 1em 0em 0.8em 0em;
    text-indent:			2em;
    padding:                0.1em;
    font-size:              1.2em;
    color:                  green;
    text-align:             left;
    text-decoration:		underline;
}


.content p
{
	text-align:				justify;
	text-indent:			1.5em;
	margin:					1.2em;
}


.content p:first-letter
{
	font-weight:            bold;
}

.content img
{ 
	margin:					0px auto 0px auto;
}

.content .blink
{
	/*text-decoration:		blink; */
	color:					green;
}

.content em
{
  text-decoration:		underline;
}

/* Specific content for index.htm */
/* ------------------------------ */

.content img[src="../pics/maison.jpg"]
{ 
	margin-bottom:				10px;
}

/* Specific content for chambres.htm */
/* --------------------------------- */

.content ul.Chambre
{
	text-align:				left;
	margin-left:			4em;
	margin-top:				-0.8em;
	margin-bottom:			10px;
}

.content img[src="../pics/chambre1a.jpg"]
{ 
	margin:					0px 0px -5px 0px;
}

.content img[src="../pics/chambre1b.jpg"]
{ 
	margin:					0px 0px -5px 0px;
}

.content img[src="../pics/chambre2a.jpg"]
{ 
	margin:					0px 0px -5px 0px;
}

.content img[src="../pics/chambre2b.jpg"]
{ 
	margin:					0px 0px -5px 0px;
}


/* Specific content for repas.htm */
/* ------------------------------ */

.content ul.cuisine
{
  width:          190px;
  padding:        0px;
  margin:         0 -2em 0 5em;
	float: 					left;
	list-style-position:	inside;
	text-align:				left;
	
}

.content p#salleDej
{
	display:					block;
	margin:					75px 30px 0 auto; 
	width:					210px;
	float:					right;
	text-align:					justify;
}

.content p.cuisine
{
	display:					block;
	width:						150px;
	text-align:					justify;
}

.content img[src="../pics/salleDej.jpg"]
{ 
	float:						left;
	margin-top:					10px;
	margin-left:				15px;
	margin-right:				0px;
}

.content img[src="../pics/cuisineExt.jpg"]
{ 
	margin-top:					0px;
	margin-left:				10px;
}

.content img[src="../pics/cuisineInt.jpg"]
{ 
	margin-top:					0px;
	margin-right:				10px;
}

/* Specific content for liens.htm */
/* ------------------------------ */

.content table#liens
{
	margin: 				0 auto 1em auto;
	width:					90%;
	padding:				0px;
	border:					0px;
	table-layout:			auto;
	border-collapse:		collapse;
}

.content table#liens td
{
    margin:					0 15px 0 15px;
    padding:				0 10px 0 10px;
    border:					0px;
}

.content table#liens ul
{
/*    list-style-type: none; */
}

.content table#liens li
{ 
    text-align:             left;
}



/* Specific content for tarifs.htm */
/* ------------------------------- */

.content table#tarifs
{
	margin: 				0 auto 1em auto;
	padding:				0px;
	border:					1px solid black;
	background:				#b62;
	border-collapse:		separate;
}

.content table#tarifs th
{
    color:					#b62;
    margin:					15px;
    padding:				10px;
    border:					1px solid blue;
    background:				#8B8; /* #8F8 */
}

.content table#tarifs td
{
    margin:					15px;
    padding:				10px;
    background:			#DDD; /* #CDF; */
    border:					1px solid blue;
}

.content img[src="../pics/plan.jpg"]
{ 
	margin:					0px 0px 0px 0px;
}


.content ul#plan
{
    list-style-type:        none;
}

/*********************************************************************/
/* Footer division                                                   */
/*********************************************************************/

.footer {
	margin:					0px auto 0px auto;
	padding:				0px;
    width:                  800px;
    height:                 15px;
    background:             #34A url(pics/footer.jpg) no-repeat 0 0;
    float:					left;
}

.footer p
{
	margin:					15px;
	padding:				0px;
	font-size:              10pt;
	color:                  #BBB;
	text-align:				right;
}

.footer a
{
color:              #DDD;

}