html {
	height:100%;
}
body {
		 margin-left: auto; 
  margin-right: auto; 
	background: url("/img-hotel-saint-malo/body-hotel.jpg") #FFF top center no-repeat;
			color:#DBD6B5;
	font: 12px verdana, arial, sans-serif;
	text-align:justify;
}

#page
  {
	position: relative;
  margin:auto;
  left: 0px;
	top: 0px;
  width: 1200px; 
  height:700px; 


text-align: center;

  }
div#meta_titre {
	height:20px;
	width:900px;
	padding-top: 0px;
	padding-left: 0px;

	}

 /*Div des liens du menu haut (lien & drapeaux)*/
div#liens{
  height:70px;
	margin-top: 0px;
}

div#telechargement{
  height:70px;
	margin-top: 0px;

}
div#drap {
  display:block;
  float:left;
  margin-top:-7px;
  !margin-top:-15px;
  margin-left:10px;
  width:150px;
  height:70px;
  text-align: center;
}


div#header {
	height:145px;
	width:900px;
	text-align: right;
	padding-right: 15px;
	}
	
/*Div de logo*/
div#Logo{
  width: 450px;
  height:140px;
}

/*Lien du div de logo*/
div#Logo a.LienAccueil{
  display:block;
  width:450px;
  Height:140px;
  text-decoration:none;
}

/*Lien du div de logo pour IE6*/
* html div#Logo a.LienAccueil{
  width:450px;
  Height:140px;
  text-decoration:none;
  left:150px;
  top:70px;
  position:absolute;
}

/*span dans le lien du div de logo*/
div#Logo a.LienAccueil span{
  margin-left:10px;
  display:block;
  line-height:35px;
  text-align:left;
  font-size: 10px;
}

/*Div d'infos (droite du logo)*/
div #Infos{
  float:right;
  display:block;
  width:450px;
  height:130px;
  padding-top:15px;
}


	div#header_index {
	height:125px;
	width:900px;
	text-align: right;
	padding-right: 15px;

	}
	div#content {
	margin-left: auto; 
  margin-right: auto; 
	height:600px;
	width:900px;
	text-align: center;
	}
	
	
div#centre_page{
margin-left: auto; 
margin-right: auto; 
overflow: auto;
height:458px;
width:840px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
color:#D5BA88;
font: 12px verdana, arial, sans-serif;

	}

 /* Pour IE 6*/
* html div#centre_page{
  margin-left: auto; 
  margin-right: auto; 
  overflow: auto;
  height:458px;
  width:840px;
  margin-top:-150px;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  color:#D5BA88;
  font: 12px verdana, arial, sans-serif;
}


		div#centre_seminaire{
		 margin-left: auto; 
		 /*overflow: auto;*/
  margin-right: auto; 
	/*height:436px;*/
	/*width:840px;*/
	text-align: center;
			color:#FFF;
	font: 12px verdana, arial, sans-serif;

	}
div#ani {
float: right;
	height:450px;
	width:450px;
	text-align: center;
	/*border: 1px solid #000;*/
	

	}

/*Pour IE6*/
* html div#ani {
  float: right;
  height:450px;
  width:450px;
  text-align: center;
  margin-top:-150px;
  /*border: 1px solid #000;*/
}
	
	div#texte {
float: left;

height:450px;
width:420px;
padding-left: 15px;
padding-right: 5px;
font: 12px verdana, arial, sans-serif;
text-align:justify;
/*border: 1px solid #000;*/


	}

/*Pour IE6*/	
* html div#texte {
  float: left;
  height:450px;
  width:420px;
  padding-left: 15px;
  padding-right: 5px;
  font: 12px verdana, arial, sans-serif;
  text-align:justify;
  margin-top:-150px;
  /*border: 1px solid #000;*/
}

	
	div#ani2 {
float: right;
	height:450px;
	width:420px;
	text-align: center;
	/*border: 1px solid #000;*/
	

	}

	div#texte2 {
float: left;

	height:450px;
	width:400px;
padding-left: 15px;
padding-right: 5px;
		color:#FFF;
	font: 12px verdana, arial, sans-serif;
	text-align:justify;
	/*border: 1px solid #000;*/
	

	}

	
	


div#Bloc_Actualites {
  background: url("/img-hotel-saint-malo/form3.png") top right repeat;
  position:relative;
  overflow:hidden;
  width:400px;
  text-align:left;
  margin:auto; 
  height:150px; 
  border: 1px solid #FFF;
}  
  
div#Content_Actualites {
  display:block;
  padding-left: 14px;
  padding-right: 14px;
  color:#FFFFFF;
  font: 12px verdana, arial, sans-serif;
  text-align:justify;
}

div#actualite{
  width:100%;
  display:inline-block;
  border-bottom: 1px #FFFFFF solid;
}

div#actualite img{
  float:left;
}


div#actualite div.infos{
  display:block;
}

div#footer {
 margin-left: auto;
 margin-right: auto;

	height:20%;
	width:900px;

	}


/* Menu deroulant */
/*
#menuDeroulant {
  float: right;
  list-style-type: none;
  margin-top: -8px;
  padding: 0;
  width:780px;
  color:#FFF;
}

#menuDeroulant li
{
	float: left;
	width: 140px;
	margin: auto;
	padding: 0;
	height:30px;
	color:#FFF;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 20px;
	 color:#FFF;


	border-right: 1px solid #322D2A;
	font: bold 12px verdana, arial, sans-serif;


}
#menuDeroulant li a:hover {  color:#FFFFFF; background-color:#322D2A;}
#menuDeroulant li a:active {  color:#FFFFFF; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	z-index:1
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	margin-bottom:-10px;
	padding: 0px;
	border: 0;
	border-top: 1px solid #021A2A;
	color:#FFFFFF; background-color:#322D2A;

}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	font: bold 9px verdana, arial, sans-serif;
	display: block;
	margin: 0;
	border: 0;
	text-decoration: none;
		color:#FFFFFF; background-color:#322D2A;
	z-index:1
}
#menuDeroulant .sousMenu li a:hover
{
	background-color: #B8A789;
}

#menuDeroulant li:hover > .sousMenu { display: block; }
*/
/***FIN  MENU HAUT  ****************/

h1 {
		color:#D5BA88;
		font: bold 14px verdana, arial, sans-serif;
	font-style:bold;
	}
h2 {
		color:#D5BA88;
		font: bold 14px verdana, arial, sans-serif;
		font-style:bold;
	}
h3 {
			color:#D5BA88;
	font: 12px verdana, arial, sans-serif;
	}
	div#actu {
  margin-top:20px;
  !margin-top:0px;
	height:400px;
	width:400px;
	background: url("img-hotel-saint-malo/actualites.png") top right no-repeat;
	padding-top: 50px;
	}

div.atoutgraph{
  margin-top:10px;
}	

div.atoutgraph a {
color: #FFF;
font: 10px verdana, arial, sans-serif;
	}
	
div.atoutgraph a:hover {
color: #000;
font: 10px verdana, arial, sans-serif;
	}
	
	a:link { color: #C5B688} /* lien non-visité */
a:visited { color: white;} /* lien visité */
a:hover { color: yellow;} /* lien survolé */
a:active { color: #C5B688} /* lien activé */ 
#div_container {
	position:relative;
	left:0px;
	top:25px;
	width:400px;
	align:center;
	height:140px;
	padding-top:10px;
	z-index:1;
		color:#FFF;
	font: 12px verdana, arial, sans-serif;
}
select {
	background : #C5B688;
	border : 1px solid #322D2A;
	font-size : 12px;
	color: #614629;
}
input {
	background : #C5B688;
	border : 1px solid #322D2A;
	font-size : 12px;
	color: #614629;
}

textarea {
	background : #C5B688;
	border : 1px solid #322D2A;
	font-size : 12px;
	color: #614629;
}
table {
 border-width:0px; 
 border-style:solid; 
 border-color:black;
 width:680px;
 }
#seminaire{
 border-width:0px; 
 border-style:solid; 
 border-color:black;
 width:800px;
 
 }
td { 
 border-width:1px;
 border-style:solid; 
 border-color:#FFF;

 }


 table td#bleu {

		background: url("/img-hotel-saint-malo/form.png") top right repeat;
	text-align:center;
	color:#302B28;
}
 
 
 
 table td#blanc {

	background: url("/img-hotel-saint-malo/form2.png") top right repeat;
	text-align:center;
		color:#302B28;
}


/*style du Calendrier*/
#Calendrier{
  margin-top:10px;
  float:left;
  display:block;
  width:220px;
  height:200px;
}

#Calendrier table{
  margin-left:0px;
  width:220px;
  height:200px;
  border-collapse: collapse;
  background:#FFFFFF;
}

#Calendrier table tr td.ds_head{
  background:#262626;
  color:#D0993A;
  cursor:pointer;
}

#Calendrier table tr td.ds_head:hover{
  background:#262626;
  color:#F8D18F;
  cursor:pointer;
}


#Calendrier table tr td.ds_head_date{
  background:#262626;
  color:#D0993A;
  font-weight:bold;
}

#Calendrier table tr td.ds_subhead{
  background:#B8A789;
  color:#262626;
}

#Calendrier table tr td.ds_cell{
  background:#FFFFFF;
  color:#000000;
  border:0;
}

#Calendrier table tr td.ds_nocell{
  background:#FFFFFF;
}

#Calendrier table tr td.ds_cell:hover{
  background:#C5B688;
  cursor:pointer;
}

#Calendrier table tr td.ds_cell_selected{
  background:#C5B688;
  color:#000000;
  border:0;
  cursor:pointer;
}

/*Div du tableau des prix*/
#TabPrix{
float:right;
height:340px;
width:600px;
}

.Prix{
  width:600px;
}