.etatCivilForm
{
	margin-top: 15px;
}

form .calendar
{
	width: 50%;
}

.heuresDiv
{
	width: 47%;
	float: right;
	border: 1px solid #e2e2e2;
	margin-left: 1px;
}

.heuresDiv  .daySpan
{
	display: block;
	width: 100%;
	text-align: center;
	text-transform: capitalize;
	font-weight: bolder;
	border-bottom: 1px solid #e2e2e2;
	padding: 4px 0;
	background-color: #fafafa;
}

.heuresDiv  #hoursDiv
{
	display: table;
	width: 100%;
}

.heuresDiv #rdvAM,
.heuresDiv #rdvPM
{
	display: table-cell;
	width: 50%;
	vertical-align: top;
}

.heuresDiv #rdvAM  span:last-child
{
	border-bottom: 1px dotted #ccc;
}

.heuresDiv #rdvAM span,
.heuresDiv #rdvPM span
{
	display: block;
	padding: 2px 30px;
	border-top: 1px dotted #ccc;
	background-color: #fafafa;
}

.heuresDiv #rdvAM span.amPmSpan,
.heuresDiv #rdvPM span.amPmSpan
{
	text-align: center;
	border-top: none;
	padding: 5px 15px;
}

.heuresDiv #rdvPM span
{
	border-left: 1px dotted #ccc;
}

.heuresDiv #rdvAM span.enabledHoure,
.heuresDiv #rdvPM span.enabledHoure
{
	background:  #fff url(../img/enabled.png) right 5px center no-repeat;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	cursor: pointer;
}

.heuresDiv #rdvAM span.disabledHoure,
.heuresDiv #rdvPM span.disabledHoure
{
	background: #ccc url(../img/disabled.png) right 5px center no-repeat;
	color: #fff;
	cursor: default;
}

.heuresDiv #rdvAM span.enabledHoure:hover,
.heuresDiv #rdvPM span.enabledHoure:hover,
.heuresDiv #rdvAM span.selectedHoure,
.heuresDiv #rdvPM span.selectedHoure
{
	background: #ffd503 url(../img/enabled.png) 5px center no-repeat!important;
}

#rdvRecap
{
	color: #d61920;
}

#infosPart
{
	float: left;
	display: inline;
}

#infosPart span
{
	display: inline-block;
	width: 200px;
	padding: 6px;
}

#infosPart input[type=text]
{
	width: 200px;
	border: solid 1px #ccc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.etatCivilForm  input[type=submit]
{
	margin: 80px auto 0 auto;
	display: block;
	width: 100px;
}

/*################################ < 767 ###################################*/

@media screen and (min-width: 1px) and (max-width: 767px)
{
.etatCivilForm
{
	margin: 15px auto;
	max-width: 364px;
}
form .calendar
{
	width: 100%;
}

.heuresDiv
{
	width: 100%;
	max-width: 360px;
	float: none;
}
.heuresDiv
{
	border-top: none;
}

#infosPart
{
	width: auto;
	display: block;
	float: none;
}

#infosPart input[type=text]
{
	width: 100%;
}

.etatCivilForm input[type=submit]
{
	margin-top: 15px;;
}

}