html {
	height:100%;
}
body {
		 margin-left: auto; 
  margin-right: auto; 
	background-color: #373737;
			color:#FFF;
	font: 12px verdana, arial, sans-serif;
	text-align:justify;
}

div#page_hotelindex {
  background: #373737 url("img-hotel-saint-malo/fond-saint-malo-1.jpg");
  background-repeat: no-repeat;
  background-position: left;

      padding-top:40px;
  margin:auto;
  width: 1000px; 
  height:700px; 

}
#page_hotel.b1 {
  background: #373737 url("/img-hotel-saint-malo/fond-saint-malo-1.jpg");
  background-repeat: no-repeat;
  background-position: center;
  padding-top:40px;
}
#page_hotel.b2 {  
  background: #373737 url("/img-hotel-saint-malo/fond-saint-malo-2.jpg");
  background-repeat: no-repeat;
  background-position: center;
    padding-top:40px;
}

#page_hotel.b3 {  
  background: #373737 url("/img-hotel-saint-malo/fond-saint-malo-3.jpg");
  background-repeat: no-repeat;
  background-position: center;
      padding-top:40px;
}

#page_hotel.b4 {  
  background: #373737 url("/img-hotel-saint-malo/fond-saint-malo-4.jpg");
  background-repeat: no-repeat;
  background-position: center;
      padding-top:40px;
}

#page_hotel.b5 {  
  background: #373737 url("/img-hotel-saint-malo/fond-saint-malo-5.jpg");
  background-repeat: no-repeat;
  background-position: center;
      padding-top:40px;
}
#page_hotel.b6 {  
  background: #373737 url("/img-hotel-saint-malo/fond-saint-malo-6.jpg");
  background-repeat: no-repeat;
  background-position: center;
      padding-top:40px;
}

#page
  {

	position: relative;
  margin:auto;
  left: 0px;
	top: -8px;
  width: 1050px; 
  height:700px; 



text-align: center;

  }
  #page_hotel
  {

	position: relative;
  margin:auto;
  left: 0px;
	top: -8px;
  width: 1008px; 
  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:25px;
	margin-top: 10px;
		width:1040px;
	background-color: #373737;

}


div#drap {
  float:left;
  margin-left:0px;
  width:140px;
  height:18px;
  text-align: center;
border: 1px solid white;
padding-top: 5px;
}
img{

border: 0px solid #FFF;

	}

div#centre{

width:1000px;
text-align: center;
   min-height:250px; 
    height:auto !important; 
    height: 250px; 
clear: both;
  text-align: center;


	}
div#gauche {
margin-top: 20px;
  float:left;
/*border: 1px solid red;*/
  width:250px;
   min-height:250px; 
    height:auto !important; 
    height: 250px; 
text-align:center;


}
div#droite_index {
float: right;
margin-top: 100px;
  width:320px;
   min-height:192px; 
    height:auto !important; 
    height: 192px; 
  text-align: left;

  


}


div#gauche_index {
float: left;
margin-top: 0px;
  width:620px;
   min-height:192px; 
    height:auto !important; 
    height: 192px; 
  text-align: right;


  

}
div#droite {

margin-top: 0px;
  width:1000px;
   min-height:192px; 
    height:auto !important; 
    height: 192px; 
  text-align: center;


}

div#gauche_2 {
margin-top: 20px;
  float:left;
border: 0px solid red;
  width:300px;
   min-height:250px; 
    height:auto !important; 
    height: 250px; 



}
div#droite_2 {
margin-top: 20px;
border: 0px solid red;
  float:right;
  width:680px;
   min-height:250px; 
    height:auto !important; 
    height: 250px; 

  text-align: center;


}

div#center_bas {

   min-height:300px; 
    height:auto !important; 
    height: 300px; 
clear: both;
	width:1000px;
clear: both;

	}
	

div#center_bas_gauche {
padding-top:10px;
  float:left;

  width:550px;
min-height:200px;

}
div#center_bas_droite {

  float:right;

  width:440px;
min-height:200px;
  text-align: center;

}




	
	

	div#centre_page_texte{
text-align: center;
margin-top:10px;
color:#735C4D;
font: 12px verdana, arial, sans-serif;

	}
		div#photo_right{
float: right;
margin-top:50px;

	}














	
	


div#Bloc_Actualites {

  position:relative;
  overflow:hidden;
  width:250px;
  text-align:left;
  margin:auto; 
  height:300px; 


}  
  
div#Content_Actualites {
  display:block;

	color:#FFF;
			font: bold 16px verdana, arial, sans-serif;
	font-style:bold;
  font: 12px verdana, arial, sans-serif;
  text-align:justify;

}
	div#promo_grd{
background: url("/img-hotel-saint-malo/lien-3.png") top right repeat;

}

	div#actu {
	float:left;

    margin-left:20px;
	height:300px;
	width:400px;
	padding-top: 20px;
	text-align:left;
	color:#BF000F;
			font: bold 16px verdana, arial, sans-serif;
	font-style:bold;
    background: url("/img_hotel_saint-malo/fond_actu.png")  top left no-repeat;
	}
		div#actu_photo {
	float:left;
	height:50px;
	width:100px;

	}
			div#actu_texte {
	margin-left:120px;
	height:50px;
	width:200px;

	}
	div.actu a {
	color:#BF000F;
			font: bold 16px verdana, arial, sans-serif;
}




.galerie {
width:auto;
	border: 1px solid #000000;
	margin:3px;



}
div.actu a:hover {
	color:#BF000F;
font: 10px verdana, arial, sans-serif;
	}


div#footer {

margin-top: 40px;
padding: 5px 5px 5px 5px;
	
	width:1000px;
   min-height:20px; 
    height:auto !important; 
    height: 20px; 
clear: both;
	}


h1 {
					color:#FFF;
		font: bold 20px verdana, arial, sans-serif;
	font-style:bold;
	}
h2 {
					color:#FFF;
		font: bold 14px verdana, arial, sans-serif;
		font-style:bold;
	}
h3 {
						color:#FFF;	font: 12px verdana, arial, sans-serif;
	}

	div#coordonnees {
	float:left;
  margin-top:380px;
    margin-left:20px;
	min-height:100px;
	width:250px;
	padding: 5px 5px 5px 5px;
	text-align:left;
	color:#FFF;
			font: bold 12px verdana, arial, sans-serif;
			background-color:#FFFFFF;
	font-style:bold;
	border: 1px solid #FD3499;

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

div.atoutgraph a {
	color:#BF000F;
font: 10px verdana, arial, sans-serif;
	}
	
div.atoutgraph a:hover {
	color:#BF000F;
font: 10px verdana, arial, sans-serif;
	}
	
	a:link {		color:#BF000F;
			font: bold 11px verdana, arial, sans-serif;         font-weight : normal; /* on met le texte en gras */} /* lien non-visité */
a:visited { 		color:#BF000F;
			font: bold 11px verdana, arial, sans-serif;         font-weight : normal; /* on met le texte en gras */} /* lien visité */
a:hover { 		color:#BF000F;
			font: bold 11px verdana, arial, sans-serif;         font-weight : normal; /* on met le texte en gras */} /* lien survolé */
a:active { 		color:#BF000F;
			font: bold 11px verdana, arial, sans-serif;         font-weight : normal; /* on met le texte en gras */} /* lien activé */ 

fieldset {
padding:20px;
margin-bottom:10px;
}
legend {
color:#a0522d;
font-weight:bold
}
label {
margin-top:20px;
display:block;
font-size:90%;
}
label.inline {
display:inline
}
input {
border:1px solid white;
background-color: #000;
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
font-family:"trebuchet ms",sans-serif;
text-align:center;
color:#FFF;
}
input[type=radio] {
border:1px solid white;
background-color: #000;
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
font-family:"trebuchet ms",sans-serif;
text-align:center;
color:#FFF;
}
select, option {
border:1px solid white;
background-color: #000;
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
font-family:"trebuchet ms",sans-serif;
text-align:center;
color:#FFF;
}
textarea {
border:1px solid white;
background-color: #000;
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
font-family:"trebuchet ms",sans-serif;
text-align:center;
color:#FFF;
}
table {
 border-width:0px; 
 border-style:solid; 
 margin: auto;
  text-align:center;

 }
#seminaire{

background: url("/img-hotel-saint-malo/lien-3.png") top right repeat;
  margin: auto;
 }
td { 
 border-width:0px;
 border-style:solid; 
 border-color:#FFF;
 text-align:center;
   margin: auto;

 }


 table td#bleu {

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

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


/*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;
}
