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

#content h1 { 
	background-color: #fff; color: #6c8aab; 
	font-size: 25px; font-weight: bolder; line-height: 32px;
	margin: 5px 0;
}
#content h1 b { background-color: #fff; color: #000; }
#content h2 { 
	background-color: #fff; color: #000; 
	font-size: 11px; line-height: 16px;
	margin-bottom: 5px; 
	text-align: justify;
}
#content h3 { 
	background-color: #fff; color: #647d9e; 
	font-size: 12px; 
	margin: 10px 0px; margin-top: 15px; padding-bottom: 4px; 
	text-align: justify; 
	border-bottom: 2px solid #6c8aab; 
	width: 70%;
}
#content h3.tarif { 
	background-color: #ca2b4d; color: #fff; 
	font-size: 14px; font-weight: lighter;
	margin: 0px; margin-top: 20px; padding: 4px; 
	text-align: center; 
	width: 100%;
	text-transform:capitalize;
	border: 0;
}
#content h4 { background-color: #fff; color: #000; font-size: 12px; text-align: justify; }

#content p { text-align: justify; margin: 10px 0; line-height:16px;}
#content p.note { background-color: #fff; color: #6c8aab; }
#content font.note { background-color: #fff; color: #6c8aab; }

#content img { float: left; margin: 0 10px 10px 0; border: 0;}

#content ul { margin-left: 20px; list-style-type:none;}
#content ul li { background: url(../images/puce.png) 0 3px no-repeat; padding: 0 0 16px 14px; text-align: justify;}
#content ul li ul { margin-top: 10px; list-style-type:circle;}
#content ul li ul li { margin-top: 10px; background:#fff; padding-left: 0;}


#content .download span.title { font-weight: bolder; }

/* Styles des tables et listes */
#content table.lst { border-collapse: collapse; margin: 10px 0; width: 530px;}
#content table.lst td.lib { border: 1px solid #6c8aab; background-color: #7891b1; color: #fff; text-align: center;}
#content table.lst td { background-color: #fff; color: #000; vertical-align: top; }

#content table.lst td.label { width: 530px; height: 26px; padding: 0; margin: 0; background: url(../images/lst-bien-etre1.jpg) top left no-repeat; border: 0;}
#content table.lst td.label-medecin { width: 530px; height: 26px; padding: 0; margin: 0; background: url(../images/lst-medecin.jpg) top left no-repeat; border: 0;}
#content table.lst td.label-sejour { width: 530px; height: 26px; padding: 0; margin: 0; background: url(../images/lst-sejours.jpg) top left no-repeat; border: 0;}
#content table.lst td.label-cure { width: 530px; height: 35px; padding: 0; margin: 0; background: url(../images/lst-cure.jpg) top left no-repeat; border: 0;}
#content table.lst td.label-soins { width: 530px; height: 26px; padding: 0; margin: 0; background: url(../images/lst-bien-etre-soins.jpg) top left no-repeat; border: 0;}
#content table.lst td.f { width: 530px; height: 9px; padding: 0; margin: 0; background: url(../images/lst-bien-etre1-f.jpg) top left no-repeat; border: 0;}

#content table.lst td.l1 { background-color: #eee; color: #000; padding: 25px 8px;}
#content table.lst td.l2 { background-color: #fff; color: #000; padding: 25px 8px;}
#content table.lst td.c1 { width: 35%; padding-left: 30px;}
#content table.lst td.c2 { width: 50%; }
#content table.lst td.c3 { width: 15%;}
#content table.lst td.m1 { width: 35%; padding-left: 30px;}
#content table.lst td.m2 { width: 40%; padding-left: 35px;}
#content table.lst td.m3 { width: 25%; padding-left: 20px;}
#content table.lst td.s1 { width: 35%; padding-left: 30px;}
#content table.lst td.s2 { width: 35%; padding-left: 50px;}
#content table.lst td.s3 { width: 30%; padding-left: 40px;}
#content table.lst td.tarif { font-size: 11px;}



/* 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: 530px;
	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: #36cf8c; border: 1px solid #23b877; }
#content table.formulaire input:focus { background-color: #36cf8c; border: 1px solid #23b877; }
#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: 15px; margin: 4px;}
#content table.formulaire input.txt4 { width: 30px; margin: 4px;}
#content table.formulaire select {  margin: 4px; margin-left: 10px;}
#content table.formulaire td.eps { text-align: center; width: 250px; 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 .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: 300px;}
#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: 50%; }

#content textarea { 
	background-color: #e3eaec; color: #000; 
	border: 1px solid #bcc7ca; 
	width: 520px; height: 100px;
	margin-top: 10px;
}
#content textarea:hover { background-color: #36cf8c; border: 1px solid #23b877;  }

#content select.autorisation { width: 300px; padding: 5px; background: #fff; }

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