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

#page
  {
background: url("/img_cancale/body.jpg") #7F2942 top left no-repeat;

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

clear:both; 

text-align: center;

  }
  #page_hotel
  {
  background: url("../img_cancale/body.jpg") #7F2942 top left no-repeat;
	position: relative;
  margin:auto;
  left: 0px;
	top: -8px;
  width: 1028px; 
  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:30px;
	margin-top: 0px;
		width:1024px;
background-color:#642134;
}


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


div#header {
	height:200px;
	width:900px;
	text-align: right;
	padding-right: 15px;
	}
	



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

	}
	div#content {
	margin-left: auto; 
  margin-right: auto; 

	height:auto;
	width:1020px;
text-align:right;
margin-top:140px;

	}
	
	
div#centre_page{
float: right;

height:auto;
width:660px;
padding-left: 15px;
padding-right: 5px;
font: 12px verdana, arial, sans-serif;
color:#FFFFFF;
text-align:left;
overflow: auto;



	}
	div#centre_page_texte{
float: right;

height:auto;
width:620px;
padding-left: 15px;
padding-right: 5px;
font: 12px verdana, arial, sans-serif;
color:#FFFFFF;
text-align:right;
overflow: auto;



	}

 /* Pour IE 6*/
* html div#centre_page{
float: right;

height:auto;
width:660px;
padding-left: 15px;
padding-right: 5px;
font: 12px verdana, arial, sans-serif;
color:#FFFFFF;
text-align:left;
overflow: auto;

}


		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:400px;
	width:600px;
	text-align: center;
	margin-top:10px;
	

	}


	
	div#texte {
float: right;

height:auto;
width:560px;
padding-left: 15px;
padding-right: 5px;
font: 12px verdana, arial, sans-serif;
color:#FFFFFF;
text-align:right;
overflow: auto;

	}

/*Pour IE6*/	
* html div#texte {
float: right;

height:auto;
width:560px;
padding-left: 15px;
padding-right: 5px;
font: 12px verdana, arial, sans-serif;
color:#FFFFFF;
text-align:right;
overflow: auto;
}

	
	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 {

  position:relative;
  overflow:hidden;
  width:400px;
  text-align:left;
  margin:auto; 
  height:150px; 
    background: url("/img_cancale/fond_actu.png")  top left no-repeat;
}  
  
div#Content_Actualites {
  display:block;
  padding-left: 35px;
  padding-right: 14px;
    padding-top: 35px;
  padding-bottom: 30px;
	color:#FF3399;
			font: bold 16px verdana, arial, sans-serif;
	font-style:bold;
  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;
  margin-top: 20px;
background-color:#642134;
	height:auto;
	width:1000px;
padding: 5px 5px 5px 5px;
clear:both; 
text-align:center;
	}


h1 {
		color:#FFF;
		font: bold 18px 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#actu {
	float:left;
  margin-top:100px;
    margin-left:20px;
	height:250px;
	width:400px;
	padding-top: 50px;
	text-align:left;
	color:#FF3399;
			font: bold 16px verdana, arial, sans-serif;
	font-style:bold;

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

div.actu a:hover {
color: #000;
font: 10px verdana, arial, sans-serif;
	}
	div#coordonnees {
	float:left;
  margin-top:420px;
    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;
	font-style:bold;
	border: 1px solid #FFF;

	}
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:#FFFFFF;
			font: bold 11px verdana, arial, sans-serif;} /* lien non-visité */
a:visited { 		color:#FFFFFF;
			font: bold 11px verdana, arial, sans-serif;} /* lien visité */
a:hover { 		color:#FFFFFF;
			font: bold 11px verdana, arial, sans-serif;} /* lien survolé */
a:active { 	color:#FFFFFF;
			font: bold 11px verdana, arial, sans-serif;} /* 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;
}
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 #DBD6B5;
background-color: #E2D8B1;
filter:alpha(opacity=30);
-moz-opacity: 0.7;
opacity: 0.7;
font-family:"trebuchet ms",sans-serif;
text-align:center;
color:#000;
}
input[type=radio] {
border:1px solid #DBD6B5;
background-color: #E2D8B1;
filter:alpha(opacity=30);
-moz-opacity: 0.7;
opacity: 0.7;
font-family:"trebuchet ms",sans-serif;
text-align:center;
color:#000;
}
select, option {
border:1px solid #DBD6B5;
background-color: #E2D8B1;
filter:alpha(opacity=30);
-moz-opacity: 0.7;
opacity: 0.7;
font-family:"trebuchet ms",sans-serif;
text-align:center;
color:#000;
}
textarea {
border:1px solid #DBD6B5;
background-color: #E2D8B1;
filter:alpha(opacity=30);
-moz-opacity: 0.7;
opacity: 0.7;
font-family:"trebuchet ms",sans-serif;
text-align:center;
color:#000;
}
table {
 border-width:0px; 
 border-style:solid #DBD6B5; 

background-color:#642134;
 }
#seminaire{
 border-width:0px; 
 border-style:solid; 
 border-color:#DBD6B5;
 width:600px;
 
 }
td { 
 border-width:1px;
 border-style:solid; 
 border-color:#DBD6B5;

 }


 table td#bleu {

background: url("../img_cancale/fond_tab_bleu.png") top right repeat;
	text-align:center;
	color:#FFF;
}
 
 
 
 table td#blanc {

background: url("../img_cancale/fond_tab_blanc.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;
}



/* ************************* */
/*       TABLEAUX            */
/* ************************* */
table#classic {
    width:100%;
        padding: 5px;
        border: 1px solid #699;
        border-collapse:collapse;
}
table#classic tr.alt {
        background: #DFEBE8;
        color: #000;
}
table#classic tr {
        background-color: #F7FCFA;
        color: #333;
}

table#classic td.c1 {
 background:#F7FCFA;
}
table#classic td.c2 {

}
table#classic td.calt1 {
 background:#DFEBE8;
}
table#classic td.calt2 {
 background:#D0DDDA;
}



table#classic th {
	text-align: left;
	background-color:#699; 
	color:#FFF;
	padding:5px;
}
table#classic th.right {
	text-align: right;
}
table#classic td { 
	padding:4px;
}
table#classic td.right {
	text-align: right;
}

/* LEGENDE DE LA GRILLE DES TARIFS */
#legend_tarif { margin-top:10px; }
#legend_title { float:left;margin-right:10px;height:14px;font-weight:bold; }
#legend_color { float:left;margin-right:5px;width:20px;height:14px; }
.t0 { background-color:#2CB6D3;}
.t1 { background-color:#003366;}
.t2 { background-color:#0000FF;}
.t3 { background-color:#FFFF00;}
.t4 { background-color:#FF6600;}
.t5 { background-color:#993300;}
.t6 { background-color:#FF0000;}
.t7 { background-color:#FF99FF;}
.t8 { background-color:#CC3399;}
.t9 { background-color:#990066;}
.t10 { background-color:#32CD32;}
.t11 { background-color:#8FBC8F;}
.t12 { background-color:#6B8E23;}
.t13 { background-color:#FFC0CB;}
.t14 { background-color:#006699;}
.t15 { background-color:#FF6347;}
.t16 { background-color:#006600;}
.t17 { background-color:#DC143C;}
.t18 { background-color:#B22222;}
.t19 { background-color:#8B0000;}
.t20 { background-color:#DA70D6;}
.t21 { background-color:#8080C0;}
.t22 { background-color:#FF69B4;}
.t23 { background-color:#BA55D3;}
.t24 { background-color:#9400D3;}
.t25 { background-color:#66FF00;}
.t26 { background-color:#6A5ACD;}
.t27 { background-color:#0000CD;}
#legend_price { float:left;margin-right:20px; } 


/*********** CALENDRIER ************/

table#calendrier {

	border-collapse:collapse;
}
table#calendrier tr td {
	height: 24px;
	border: 1px solid #333;
}
table#calendrier td.calendrier_month {
	background-color:#669999; 
	color:#FFF;
}
table#calendrier td.calendrier_days {
        background-color: #DFEBE8;
        color: #333;
}

