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

#navigation {
	background-color: #fff; color:#a2dfe6;
	position: relative;
	width:660px; height: 20px;
}
#navigation a { text-decoration: none; background: #fff; color: #a2dfe6; font-size: 10px; }
#navigation a.last { text-decoration: none; background: #fff; color: #595959; }
#navigation span { background: #fff; color: #a2dfe6; margin: 0 5px; }

a img { border: 0; }


.heading { position: relative; width:620px; }
.heading p { text-align: center; margin-top: 10px; font-weight: lighter; }

.heading h1 { font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; font-size: 20px; line-height: 25px; font-weight: normal; color: #595959; word-spacing: 4px; width: 100%; text-align: center; margin: 10px 0;}
.heading h1 span { color: #a8c96c; }
.heading h1::before { content:url(../images/title-left.png); margin: 0 10px;}
.heading h1::after { content:url(../images/title-right.png); margin: 0 10px;}

#content { width: 620px; 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 a.nc, #content a.nc:hover, #content a.nc:active { background-color: #fff; color: #595959; text-decoration:none; }

#content h1 { font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; font-size: 20px; line-height: 25px;  color: #595959; word-spacing: 4px; width: 100%; text-align: center; margin: 10px 0; margin-bottom: 15px; }
#content h1 b { color: #a8c96c; }
#content h1::before { content:url(../images/title-left.png); margin: 0 10px;}
#content h1::after { content:url(../images/title-right.png); margin: 0 10px;}

#content h2 { text-align: center; font-size:12px; width: 600px; font-weight: lighter; }
#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-color: #fff; color: #30b7c6; margin-top: 20px;  }
#content h3 span { color: #a8c96c; }
#content h3.actualite { width: 100%; }
#content p { font-size: 11px; margin-top: 7px; }
#content p.heading-logo { width:600px; text-align: center; }
#content p.sejsantelst {
	background-color: #fafafa;
	padding: 4px;
}
#content p.sejsantelst a {
	background-color: #fafafa;
}

#content p.alert { text-align: center; font-size: 16px; background-color: #fff; color: red; font-weight: bolder; margin: 15px 0;} 

#content img { border: 0; }
#content img.left { float: left; margin: 0 10px 10px 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;
}


#content p.diapo { width: 100%; clear: both; margin: 10px 0; padding: 10px 0;}
#content p.diapo img { float: left; margin-right: 7px;}
#content p.diapo img.last { float: left; margin: 0;}

/* Style des formulaires */

#popup {
	position:fixed; top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 10000;
	display: none;
}
#popup.show { display: block; }
#popup div.background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; color: #fff; opacity: 0.5; z-index: 10001; }
#popup div.message {
	background: url(../images/formulaire-erreur-header.png) top left no-repeat #fff; color: #000;
	position: relative; 
	width: 300px; height: auto;
	margin: 150px auto; padding-top: 50px;
	border: 1px solid #fff;
	z-index: 10002;
}
#popup div.message p { padding: 5px; padding-top: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: center; color: #000; background-color: #fff;}
#popup div.message p span.orange { background-color: #f3a46a; color: #fff; }
#popup div.message p.link { padding: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bolder; font-size: 10px; text-transform: uppercase; text-align: center; cursor: pointer; color: #000;}
#popup div.message p.footer { margin:0; padding:3px 0; background: url(../images/formulaire-erreur-footer.png) top left no-repeat #fff; color: #000; }

#content table.formulaire {
	position: relative;
	width: 580px;
	font-size: 11px;
}
#content table.formulaire td { padding: 15px 0; }
#content table.formulaire td.iw { width: 200px; }
#content table.formulaire td.ins { text-align: right; }
#content table.formulaire td.epr { padding-left: 30px; }
#content table.formulaire tr td:first-child { width: 70px; }
#content table.formulaire input { 
	position: relative;
	background-color: #e3eaec; color: #000; 
	border: 1px solid #bcc7ca;
	padding: 2px;
}
#content table.formulaire input:hover { background-color: #c9e39c; border: 1px solid #a8ca6b; }
#content table.formulaire input:focus { background-color: #c9e39c; border: 1px solid #a8ca6b; }
#content table.formulaire input.txt1 { width: 90%; }
#content table.formulaire input.txt1a { width: 120px; }
#content table.formulaire input.txt2 { width: 96%; }
#content table.formulaire input.txt3 { width: 20px; margin: 4px;}
#content table.formulaire input.txt4 { width: 30px; margin: 4px; margin-right: 0;}
#content table.formulaire select {  margin: 4px; margin-left: 10px;}
#content table.formulaire td.iw select { 
	background-color: #e3eaec; color: #000; 
	border: 1px solid #bcc7ca;
	padding: 2px;
	margin-left: 0; 
	width: 160px;
}
#content table.formulaire span.i { background-color: #fff; color: #30b7c6; font-weight: bolder; }
#content table.formulaire td.iw select:hover { background-color: #c9e39c; border: 1px solid #a8ca6b; }
#content table.formulaire td.eps { text-align: left; padding-top: 10px; margin: 0; font-weight: bolder;}
#content table.formulaire td.eps2 { text-align: left; padding: 0; margin: 0;}
#content table.formulaire td.eps select { width: 240px;}
#content .chk { 	
	background-color: #fff; color: #000; border: 0;
	margin-right: 10px;
	padding: 0;
}
#content table.formulaire span.pathologieStation {
	margin-left: 25px;
	color: #a8c96c; background-color: #fff;
}
#content input.orientation { 	
	background-color: #fff; color: #000; border: 0;
	margin-right: 10px;
	padding: 0;
}
#info-date-cure { background-color: #fff; color: red; padding-top: 0;}
#content .error { border: 1px solid #e47829; background-color: #f3a46a; }
#content table.formulaire .error { border: 1px solid #e47829; background-color: #f3a46a; }

#content table.demande tr td{ width: 230px;}
#content table.demande tr td:first-child { width: 280px;}
#content table.demande input { margin-right: 10px; }
#content table.demande input.rd { background-color: #fff; border: 0; border:0;}

#content table.type tr td:first-child{ width: 140px;}
#content table.type input { margin-right: 10px; padding: 0; background-color: #fff; color: #000; border: 0;}
#content table.type input:hover { background-color: #fff; border: 0; }
#content table.type tr td.broch { width: 33%; }

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

#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 select { 
	padding: 4px;
	background-color: #e3eaec; color: #000; 
	border: 1px solid #bcc7ca;
	margin-left: 0;
}
#content select.hrappel { width: 120px; padding: 2px 4px; margin: 0;}
#content select.autorisation { width: 350px; padding: 5px;  }
#content select:hover  { background-color: #c9e39c; border: 1px solid #a8ca6b; }

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


/* Tableau des stations thermales d'Auvergne */
#stations-thermales { width: 620px; border-collapse: collapse; background: url(../images/stations-thermales-header.gif) top right no-repeat #fff; font-size: 11px;}
#stations-thermales img { border: 0; }
#stations-thermales td { background-color: #e8e8e8; color: #214450; border: 1px solid #fff; width:39px; height: 31px; padding: 0;}
#stations-thermales td.libelle { background: url(../images/station-thermale-fleche.png) top right no-repeat #e8e8e8; color: #214450; border: 1px solid #fff; width:140px; padding-left: 5px;}
#stations-thermales td.libelle a { background-color: #e8e8e8; color: #214450; text-decoration: none; } 
#stations-thermales td.libelle:hover { background: url(../images/station-thermale-fleche-over.png) top right no-repeat #a8c96c; color: #fff; border: 1px solid #fff; width:140px; padding-left: 5px;}
#stations-thermales .over { background: url(../images/station-thermale-fleche-over.png) top right no-repeat #a8c96c; color: #fff; border: 1px solid #fff; width:140px; padding-left: 5px;}
#stations-thermales td.libelle:hover a { background-color: #a8c96c; color: #fff; text-decoration: none; } 
#stations-thermales .over a { background-color: #a8c96c; color: #fff; text-decoration: none; } 
#stations-thermales thead tr td { background: #fff; color: #000;}
#stations-thermales tfoot tr td { padding: 5px 0; background: #c1e2e6; color: #214450; width: 620px; text-align: left;}
#stations-thermales tbody.head tr { margin-top: 25px; }
#stations-thermales tbody.head td { background-color: #c1e2e6; color: #214450; height: 15px; text-align: center;}
#stations-thermales tbody.head td a { background-color: #c1e2e6; color: #214450; text-decoration: none; }
#stations-thermales tbody.head td.overp { background-color: #3eb4b4;}
#stations-thermales tbody.head td.overp a { background-color: #3eb4b4;}
#stations-thermales tbody.head td:first-child { background: #fff; color: #214450; }


#content table.hebergement { border-collapse: collapse; width: 620px; margin: 15px 0;}
#content table.hebergement td { background-color: #e8e8e8; color: #214450; border: 1px solid #fff; padding: 4px; line-height: 18px; cursor:pointer;}
#content table.hebergement td.link { width: 170px; padding: 5px; text-align: left; vertical-align: top;}
#content table.hebergement td.hotel { vertical-align: top; padding-left: 10px;}
#content table.hebergement td.libelle { background-color: #e8e8e8; color: #214450; border: 1px solid #fff; width:140px; padding-left: 10px; vertical-align: top; padding-top: 5px; font-weight: bolder;}
#content table.hebergement td a { background-color: #e8e8e8; color: #777; text-decoration: underline;} 
#content table.hebergement tr:hover td { background-color: #a8c96c; color: #fff; border: 1px solid #fff; }
#content table.hebergement tr:hover td.libelle { background-color: #a8c96c; color: #fff; border: 1px solid #fff; font-weight: bolder; }
#content table.hebergement tr:hover td.libelle a, #content table.hebergement tr:hover td a { background-color: #a8c96c; color: #fff;  text-decoration: none; } 
#content table.hebergement tr.header td { text-align: center; background-color: #e8e8e8; color: #30b7c6; padding: 6px; font-weight: bolder;}
#content table.hebergement tr.header td.none { background-color: #fff; }
#content table.hebergement tr.header:hover td { background-color: #e8e8e8; color: #30b7c6;  }

/* Vidéo 3 soins 30 euros */
#video3soins30euros { position: relative; width: 512px; height: 335px; margin: 15px auto; margin-bottom: 0; clear: both; }