html {
	height:100%;
}
body {
		 margin-left: auto; 
  margin-right: auto; 
  	background: #FBC407 url("/img/body.jpg") top center repeat-x;

			color:#9B3079;
	font: 12px verdana, arial, sans-serif;
	text-align:justify;
}


table {
border: 0px solid #6495ed;
border-collapse: collapse;
margin: auto;

}
th {
font-family: monospace;
border: thin solid #6495ed;
padding: 5px;

}
td {
font-family: sans-serif;
border: thin solid #6495ed;
padding: 5px;
text-align: center;
width:50%;

}
 table td#bleu {

border:0px solid blue;
background-color: #FFF;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
	text-align:center;
	color:#302B28;
}
 
 
 
 table td#blanc {

border:0px solid blue;
background-color: #3C80D5;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
	text-align:center;
		color:#302B28;
}
 
 
  table td#annee {

border:0px solid blue;
background-color: #FFF;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
	text-align:center;
		color:#302B28;
}
.annee {

border:0px solid blue;
background-color: #9B3079;
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
	text-align:center;
		color:#FFF;
}
.parme {

border:0px solid blue;
background-color: #FFF;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
	text-align:center;
		color:#9B3079;
}
input {
border:1px solid blue;
background-color: #3C80D5;
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
font-family:"trebuchet ms",sans-serif;
text-align:center;
color:#FFF;
}
input[type=radio] {
border:1px solid blue;
background-color: #3C80D5;
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
font-family:"trebuchet ms",sans-serif;
text-align:center;
color:#FFF;
}
select, option {
border:1px solid blue;
background-color: #3C80D5;
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
font-family:"trebuchet ms",sans-serif;
text-align:center;
color:#FFF;
}
textarea {
border:1px solid blue;
background-color: #3C80D5;
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
font-family:"trebuchet ms",sans-serif;
text-align:center;
color:#FFF;
}


div#page
  {
  	background: url("img/background.jpg") #84B3E1 top center no-repeat;

		 margin-left: auto; 
  margin-right: auto; 
    margin-top: -10px; 
  width: 1000px; 
  height:auto; 

text-align: center;
border: 1px solid #897048;

  }

div#membre_vignette{
	width:840px;
margin:auto;
  height:100px;
	  	background: url("/img/arrondi.png") top center repeat;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	behavior:url(/scripts/border-radius.htc);
	margin-bottom:5px;
}

div#membre_photo{
	padding-top:0px;
	float: left;
	width:120px;
  height:auto;


	 text-align:center;
}
div#membre_text{
	padding-top:10px;
		float: right;
	width:780px;
  height:auto;

	 text-align:left;
}
 /*Div des liens du menu haut (lien & drapeaux)*/
div#header{
	width:1000px;
  height:310px;
	margin-top: 0px;

	 text-align:center;
}


	div#affichemembre{
		margin-top:5px;
	margin-left: auto; 
  margin-right: auto; 

    height:auto !important; 
    height: 40px; 
	width:960px;
	text-align: left;
	padding-right: 20px;
	overflow: auto;
	border: 1px solid 
	#FFF;
	}

	div#content {
	margin-left: auto; 
  margin-right: auto; 
	  min-height:400px; 
    height:auto !important; 
    height: 400px; 
	width:960px;
	text-align: center;
	padding-right: 20px;
	}
		div#gauche {
float:left;
	  min-height:400px; 
    height:auto !important; 
    height: 400px; 

	width:498px;
	text-align: center;
	}
			div#droite {
float:right;
	  min-height:400px; 
    height:auto !important; 
    height: 400px; 

	width:498px;
	text-align: center;
	}
	
	

div#footer {
padding: 5px 5px 5px 5px;
 margin-top: 10px;
 margin-left: auto;
 margin-right: auto;
background-color:#FFFFFF;
	height:20%;
	width:1000px;
  -moz-border-radius: 15px;
	}



h1 {
	width: 600px;
	margin-top: 10px;
	padding: 10px 20px;
	line-height: 1;
	background-color:#FFFFFF;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	 font: 18px;
	 color:#6699FF;
margin:auto;
}
h2 {
 font: 18px;
color:#FFF;
padding-right: 20px;
}
h3 {
 font: 12px;
color:#FFF;
}
	h4 {
	width: auto;
	margin-top: 5px;
	padding: 5px 5px 5px 5px;
	line-height: 1;
	filter:alpha(opacity=30);
-moz-opacity: 0.7;
opacity: 0.7;
	background-color:#FFFFFF;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	 font: 18px;
	 color:#6699FF;
margin:auto;
}

div#drap {

  
  position:absolute;top:00;left:10;width:100;height:100:z-index:2;color:yellow;
}


	


div#Bloc_Actualites {

  position:relative;
  overflow:hidden;
  width:400px;
  text-align:left;
  margin:auto; 
  height:70px; 


}  
  
div#Content_Actualites {
  display:block;

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

}


	div#actu {
	float:left;
  margin-top:350px;
    margin-left:20px;
	height:300px;
	width:400px;
	padding-top: 20px;
	text-align:left;
	color:#FF3399;
			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:#FF3399;
			font: bold 16px verdana, arial, sans-serif;
}

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