@charset "utf-8";
/* LA ROCHE POSAY - ORGANISER VOTRE CURE */

* { margin:0; padding:0; }
body { font-family:Georgia, "Times New Roman", Times, serif; font-size:62.5%; color:#cc4051; margin:0; padding:0;width:519px; }
#global { width:540px; background:url(../images/bg-reservation.jpg) no-repeat 0 0  ; padding:0 20px;width:519px; }
a { color:#1462a7; } 
h1 { display:block; width:306px; height:89px; margin:0 0 0 -20px; background:url(../images/organiser-cure/logo.jpg) no-repeat; text-indent:-99999px; text-decoration:none; overflow:hidden; float:left; }
.btFermer { display:block; height:14px; background:url(../images/organiser-cure/galet.jpg) no-repeat 0 2px; margin:10px 0 0 0; padding:0 0 0 19px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; float:right; }
h2.h2 { display:block; clear:both; width:446px; height:32px; margin:0 0 0 9px; background:url(../images/organiser-cure/organisez_cure.jpg) no-repeat; text-indent:-99999px; text-decoration:none; overflow:hidden; border:none;}
h2.h2inscription { display:block; clear:both; width:446px; height:32px; margin:0 0 0 0; background:url(../images/organiser-cure/inscription_ligne.gif) no-repeat; text-indent:-99999px; text-decoration:none; overflow:hidden; border:none;}
h2{ clear:both; font-size:95.5%; margin: 25px 0 20px 0 ;  border:1px solid #d9707d;
border-width:0 0 1px 0; width:510px;
}

p { margin:10px auto; }
p label { display:inline; font-size:0.85em; margin:0 0 0 5px;	 }
.clear {    clear: both;    display: block;    height: 0px;    overflow: hidden;    margin: 0;    padding: 0;}
.red { color:#cc4051; font-size:1.3em; margin:10px 0 10px 4px; }
form { font-size:1.3em; line-height:1.2em; text-align:justify; margin:15px 0 0 0;width:519px;}
form ul { list-style:none; width:519px; }
form ul li { clear:both; margin:7px 0; }
form ul li label { display:block; width:280px; margin:0 20px 0 0; font-size:0.9em; color:#cc4051; float:left;   text-align:right; }

form ul.list { display:block; width:250px; margin:0 0 0 202px; top:-8px; position:relative;}
form ul.list li label {  width:160px; margin:0 20px 0 15px; font-size:0.9em; color:#cc4051;  text-transform:none; text-align:left; }
form ul.list li {  clear:both; margin:3px 0;}
form ul.list li input { width:15px; border:none; height:18px; float:left; }

form ul li input { width:182px; border:1px solid #f4c7cc; height:18px;}
form ul li select { width:182px; border:1px solid #f4c7cc; height:18px;}
form .valider { display:block; width:85px; height:36px; background:url(../images/organiser-cure/valider.gif); text-indent:-9999px; text-decoration:none; overflow:hidden; border:0; cursor:pointer; font-size:0em; margin:0 0 0 370px; top:457px;  position:absolute;}
#boutons{
	width:200px;
}
#formInscription ul li select {height:20px;}

/*------ message d'erreur -------*/
.alert{color:red;font-size:1.3em;}

p.messageErreur{
	border-left:2px solid #FF0000;
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
	margin:10px auto;
	padding-left:20px;
}

p.message{
	border-left:2px solid #009900;
	color: #009900;
	font-size:14px;
	font-weight:bold;
	margin:10px auto;
	padding-left:20px;
}

.rose{ color:#d9707d; font-size:0.95em; line-height:1.1em; display:block; margin:0 0 10px 0; }