@import url(general.css);
@import url(navigation.css);

a img { border: 0; }

#navigation {
	background-color: #fff; color:#a2dfe6;
	position: relative;
	width:660px; height: 20px;
}

#primary .subprimary {
	width: 660px; position: relative;
	margin-top: 25px;
	clear: both;
}

#content { width: 460px; margin: 0 20px !important; margin: 0 10px; text-align: justify; float: left; background-color: #fff; color: #595959;}
#content a { background: #fff; color: #8eb24d; }
#content a:hover { background: #fff; color: #8eb24d; text-decoration: underline;}
#content h1 { 
	font-family: Georgia, "Times New Roman", Times, serif; font-weight: bolder; font-size:16px; line-height: 28px; 
	text-transform: uppercase; 
	background: #fff; color: #214450; 
	margin-top: 16px;
}
#content h1.formulaire { display: none; }
#content h2 { font-weight: bolder; font-size:11px;  background: #fff; color: #70878e; }
#content h2.section { font-family: Georgia, "Times New Roman", Times, serif;  font-weight: normal; font-size:20px;  background: #fff; color: #214450; margin-top: 18px; }
#content h3 { font-weight: bolder; font-size:12px;  background: #fff; color: #30b7c6; margin-top: 20px;  width: 300px;}
#content h3.ts { border-bottom: 2px solid #70878e; padding-bottom: 3px;}
#content h3.ts a { background: url(../images/title-arrow.png) top right no-repeat #fff; color: #30b7c6; text-decoration: none; padding-right: 10px; }
#content p { font-size: 11px; margin-top: 7px; margin-bottom: 10px; text-align: left;}

#content p.thermhotel { margin-top: 5px; margin-bottom: 10px; clear: both;}
#content img.autour-cure, #content img.thermhotel { float: left; margin: 0 10px 5px 0; }

#content ul {
	list-style-type: none;
	width: 450px; margin-left: 10px;
	font-size: 11px;
}

#content ul li {
	background: url(../images/puce-lst1.gif) 0 4px no-repeat #fff;
	padding-left: 15px; margin-top: 10px;
}
#content ul li ul  { margin: 0; width: 100%; }
#content ul li ul li { background: url(../images/content-lst2.gif) 0 4px no-repeat #fff;}
#content ul.sejour li {
	background: url(../images/puce-lst2.gif) 0 4px no-repeat #fff;
	padding-left: 15px; margin-top: 10px;
}

#station-plus {
	width: 100%;
	background: url(../images/plus-station.png) top left no-repeat #fff;
	padding: 20px 0; margin: 20px 0;
}

#station-plus li {
	list-style-type: none;
	background: url(../images/plus-puce.gif) 10px 5px no-repeat #b2dee6; color: #214450;
	padding: 5px; padding-bottom: 10px; padding-left: 35px; margin: 0;
}
#station-plus li:first-child {
	background: url(../images/plus-puce.gif) 10px 20px no-repeat #b2dee6; color: #214450;
	padding-top: 20px; 
}

#station-plus li:last-child {
	padding-bottom: 20px; 
}

#focus-plus {
	position: relative; height: auto;
	background: url(../images/focus-header.gif) top left no-repeat #fff; color: #000;
	padding-top: 26px; margin-top: 15px;
}
#focus-plus ul { position: relative; }
#focus-plus ul.pl { width: 50%; float: left; background: #b2dee6; margin: 0;}
#focus-plus ul.pr { width: 50%; float: right; background: #b2dee6;  margin: 0;}
#focus-plus ul li {
	list-style-type: none;
	background: url(../images/plus-puce.gif) 20px 0px no-repeat #b2dee6; color: #214450;
	padding-left: 45px;
	padding-bottom: 10px;
}
#focus-plus ul li:first-child {
	background-image: none; background-color:#b2dee6; color: #214450;
	padding-left: 10px;
	text-align: left;
}
#focus-plus ul li:last-child {  margin-bottom:  15px;}
#focus-plus .cnt { position: relative; width: 100%; height: 100%; background: #b2dee6; padding: 20px 0;}


#content div.tarifs { width: 100%; height: 100%; clear: both;
	font-family: Arial, Helvetica, sans-serif;
}
#content div.tarifs p:first-child { margin-bottom: 0; margin-top: 15px;padding-bottom: 0; }
#content div.tarifs .tarif { position: relative;width: 158px; height: 38px; float: left; background: url(../images/sejour-prix-fond.gif) top left no-repeat #fff; color: #fff; text-align: left; line-height: 12px;}
#content div.tarifs .sup { background-image: url(../images/sejour-prix-sup-fond.gif); }
#content div.tarifs .sep { width: 40px; float: left; text-align: center;}
#content div.tarifs .sep img { margin-top: 10px;}
#content div.tarifs span.prix { font-size: 26px; font-weight: normal; position: absolute; bottom: 8px; left: 5px; padding: 4px 0;}
#content div.tarifs span.duree { width: 87px; font-size: 11px; font-weight: normal; position: absolute; bottom: 7px; right: 5px; font-variant: small-caps; }
#content div.tarifs .sup span.prix { left: 10px; }
#content div.tarifs .sup span.duree { right: 10px; }
#content p.tarifs-condition { margin-top: 15px;}
#content p.tarifs-condition span {background-color: #fff; color: #52a8ab; font-weight: bolder; }



#content table.formulaire {
	position: relative;
	width: 460px;
	font-size: 11px;
}
#content table.formulaire td { padding: 10px 0; }
#content table.formulaire tr td:first-child { width: 50px; }
#content table.formulaire input { 
	position: relative;
	background-color: #e3eaec; color: #000; 
	border: 1px solid #bcc7ca;
	padding: 2px;
}
#content table.formulaire input.txt1 { width: 160px; }
#content table.formulaire input.txt2 { width: 390px; }
#content input.chk { 	
	background-color: #e3eaec; color: #000; 
	border: 1px solid #bcc7ca;
	margin-right: 10px;
}


#content table.demande tr td{ width: 230px;}
#content table.demande tr td:first-child { width: 230px;}
#content table.demande input { margin-right: 10px; }

#content table.type tr td:first-child{ width: 140px;}
#content table.type input { margin-right: 10px; }

#content textarea { 
	background-color: #e3eaec; color: #000; 
	border: 1px solid #bcc7ca; 
	width: 440px; height: 100px;
	margin-top: 10px;
}

#content p.c1 { width: 22px; float: left; padding: 5px 0;}
#content p.c1 input { margin-top: 2px;}
#content p.c2 { float: left; padding: 5px 0;}

#content p.valider { text-align: right; padding: 15px;}
#content input.valider { 
	width: 101px; height: 33px;
	border: 0;
}