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

/***FIN  MENU HAUT  ****************/
#global {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 600px;
	margin-top: -300px;
	margin-left: -450px;
	background:  top center no-repeat;
	background-image: url(img/background.png) ;

}
#global_2 {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 620px;
	margin-top: -300px;
	margin-left: -450px;
	background:  top center no-repeat;
	background-image: url(/img/background.png) ;

}
div#liens {
height:40px;
		width: 900px;
	margin-top: 80px;
	margin-bottom: 0px;
border: 0px solid #FFF;
padding-left: 0px;
	}


div#animation_index {

		width: 680px;
		height:300px;
	margin-top: 5px;
	margin-bottom: 10px;


	}
div#centre_page_global {

		width: 860px;
		height:450px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 5px 5px 5px 5px;
overflow-y: scroll;


	}
a.cal  {     color:#000;     text-decoration:none;     font-weight:bold;   }      a.cal:hover   {     color:#000;     text-decoration:underline;     font-weight:bold;   }    
	div#centre_page_bas{

		width: 870px;
		min-height:40px;
	margin-top: 15px;
	margin-bottom: 0px;
padding-top:5px;
	color: #4D423C;
border: 1px solid #4D423C;
	background-image: url(img/background_bas.png) ;
	text-align:center;
	}
div#texte_index_gauche {
float: left;
		width: 400px;
		height:130px;
padding-left: 10px;

	}

div#texte_index_droite {
float: right;
		width: 450px;
		height:130px;
padding-right: 10px;
margin-right:20px;

	}


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

	}

	
div#header {
	height:145px;
	width:900px;
	text-align: right;
	padding-right: 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; 
	height:470px;
	width:840px;
	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;*/
	

	}

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

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

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


	a.lien1 :link { color: #000} /* lien non-visité */
a.lien1 :visited { color: FF6600;} /* lien visité */
a.lien1 :hover { color: yellow;} /* lien survolé */
a.lien1 :active { color: #C5B688} /* lien activé */ 


	
.lien :	link { color: #000} /* lien non-visité */
.lien :visited { color: FF6600;} /* lien visité */
.lien :hover { color: yellow;} /* lien survolé */
.lien :active { color: #C5B688} /* lien activé */ 
	
	
		div#actualites {
		background: url("/img-hotel-saint-malo/form3.png") top right repeat;
	width:380px; 
	min-height:100px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #FFF;
		}
	div#actu {
float: left;
	height:300px;
	width:300px;
padding-left: 14px;
padding-right: 14px;
		color:#302A27;
	font: 12px verdana, arial, sans-serif;
	text-align:justify;

	

	}

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

	height:20%;
	width:900px;

	}
	
	
	
div#drap {
float: left;

	width:130px;
	text-align: center;
	/*border: 1px solid #000;*/
	

	}


ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
li {
 margin-left:2px;
 float:left; /*pour IE*/
 }
ul li a {
 display:block;
 float:left;   
 width:80px;
 color:white;
 text-decoration:none;
 text-align:center;
 padding:1px;
border: 1px solid #FFF;
 /*pour avoir un effet "outset" avec IE :*/

 }
ul li a:hover {
background: url(img/menu9.png) 0 -32px;
 } 

/***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 {

	height:400px;
	width:400px;
	background: url("img-hotel-saint-malo/actualites.png") top right no-repeat;
	padding-top: 50px;
	}
	
.atoutgraph a:link {
color: #000;
font: 10px verdana, arial, sans-serif;
	}
	
.atoutgraph a:hover {
color: #000;
font: 10px verdana, arial, sans-serif;
	}
	

a:link { color: #FFF; text-decoration: none }
a:visited {color: #FFF ; }
a:hover { color: red ; text-decoration: none ; }
a:active { color: white;} /* lien activé */ 
#div_container {
	position:relative;
	left:0px;
	top:5px;
	width:320px;
	align:center;
	height:100px;
	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;


 }
table #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/background_tab.png") top right repeat;
	text-align:center;
	color:#FFF;
}
 
 
 
 table td#blanc {

	background: url("/img/background_bas.png") top right repeat;
	text-align:center;
		color:#5A5757;
}



 
 
 




table#sample {
    background-color:#947A5F;
    border: solid #000 1px;
    width: 100px;

}

table#sample td {
    padding: 1px;
    border: solid #000 1px;
	color:#000000;

}

.data {
    color: #000000;
    text-align: center;
    background-color: #CCCCCC;

}

.toprow {
    font-style: italic;
    text-align: center;
    background-color: #FFFFCC;

}

.leftcol {
    font-weight: bold;
    text-align: center;
    width: 150px;
   	color:#000000;

}