/* @override http://grogro.local:8888/~max/velorizons/v3/vues/reservation.css */

/* mise en page */

/*#nav {
	position: fixed; à tester dans les 3 navi
}*/

#div_resa {
	position: relative;
	display: table;
	margin: auto;
	top: 2em;
	background-color: #e5dec7;
	color: #2a2a2a;
	/*opacity: .85;*/
	font-size: .9em;
	width: 69em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;	
	padding: 1.5em;
	/*padding-left: 30em;*/
}

#form_resa {
	overflow: hidden;
}

table, .bloc {
	margin: auto;
	margin-left: 32em;
	width: 36em;
}

/* entête, selecteur */

div.cptr {
border-bottom: 1px solid gray ;}

p.entete {
	padding: .9em;
	background-color: #b0c0ac;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
}

#entete {
	border-bottom: 1px solid gray ;/*transparent*/
	/*overflow: hidden;*/
	/*margin-bottom: 1.5em;*/
	position: relative;
	z-index: 3;
}

#select_circuit {
	width: 25em;
}

#entete label {
	margin-right: 1em;
	position: relative;
	width: auto;
	float: none;
	display: inline;
}

#entete .court {
	width: 3em;
}

#entete .cal {
	width: 6em;
}

#entete p b {
	margin-right: 3em;
}

/* fiche participant */

#participants {
	width: 28em;
	padding: 1em;
	float: left;
	clear: left;
	position: relative;
	overflow: hidden;
	background-color: #c1b295;
	margin-top: -1px;
	margin-right: 2em;
	/*height: 60em;*/
	/*position: absolute;
	left: 1em;*/
	border: 1px solid gray;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	z-index: 1;
}

div.participant {
	width: 28em;
	background-color: #c1b295;
	position: absolute;
	top: 1em;
	left: 30em;
}

#parti_prem {
	position: static;
}

.participant textarea {
	vertical-align: middle;
	width: 13.2em;
	height: 3em;
	min-height: 3em;
}

#div_resa .bloc p,
.participant p {
	margin: 0;
	clear: none;
}

.participant h6 {
	margin: 0.6em 0;
	padding-top: .3em;
	/*background: url(img/f_o_grise.png) no-repeat right center;*/
}

/*h6.ouvert, h5.ouvert {
	background-image: url(img/f_s_grise.png);
}*/

h5#parti_ctrl {
	width: 26.5em;
	/*padding-left: .3em;*/
	float: left;
	margin-left: 0;
	margin-bottom: 0;
	position: relative;
	z-index: 2;
	background-image: none;
}

#parti_ctrl span {
	/*margin-right: .6em;*/
	padding: .2em .6em;
	padding-bottom: .4em;
	margin: 0;
	position: relative;
	top: .15em;
	/*display: -moz-inline-stack;*/
	display: inline-block;
	/*height: 100%;*/
}

#parti_ctrl span.actif {
	background-color: #c1b295;
	border: 1px solid gray;
	border-bottom: none;
	-webkit-border-top-right-radius: .3em;
	-webkit-border-top-left-radius: .3em;
	-moz-border-radius: .3em .3em 0 0;
}

#parti_ctrl button {
	float: right;
	width: 2.5em;
}

.parti_supp {
	position: absolute;
	top: 0em;
	right: 0;
	width: 2.5em;
}

/* tableau prix */

td .court, td .euro {
	width: 5em;
}

input.euro {
	text-align: right;
}

#acompte {
	font-weight: bold;
	color: #a62626;
	border-color: #a62626;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 2em;
	/*display: block;*/
}

th, caption {
	padding: .5em;
	white-space: nowrap;
}

th.reglement {
	text-align: right;
}

td, th {
	border: 1px solid #b3b38e;
	/*text-align: left;*/
}

tr.options td {
	vertical-align: bottom;
}

td {
	padding: 0.15em .5em;
	/*white-space: nowrap;*/
}

td p.info {
	margin: 0;
}

/*td input {
	border: none;
	padding: 0;
}*/

input.auto {
	background-color: #ded7c4;
	/*background-color: #c1b295;*/
	/*border-color: silver;
	border-width: 1px;*/
}

/* formatage général, détails */

input[type=text] {
	border-width: 1px;
}

/*p.obli {
	background-color: lightcoral;
}*/

span.obli {
	font-weight: bold;
	color: #a62626;
	margin-left: .3em;
}

.obli {
	/*background-color: lightcoral;*/
	/*border: 1px solid lightcoral;*/
	border-color: lightcoral;
}

.erreur {
	background-color: lightcoral;
}

#div_resa p.info {
	margin-top: 0.6em;
	font-style: italic;
}

#div_resa .erreur.info {
	padding: 0.6em;
	padding-bottom: 0;
	margin-top: 0;
}

/*#_régler {
	border-width: 1px;
	background-color: lightcoral;
	border-color: lightcoral;
}*/

h2, h5, h6, a {
	color: #a62626;
	text-decoration: none;
}

h5 {
	margin-left: 29em;
	margin-bottom: .6em;
	padding-top: .2em; /*alignement top (bouton)*/
	/*background: url(img/f_o_grise.png) no-repeat right center;*/
}

#div_resa p.bouton {
	text-align: center ;
	margin: .7em .5em;
}

input, textarea, select {
	font-size: 11px;
	margin: .2em 0;
}

.large {
	width: 98%;
}

.obli.large {
	width: 95%;
}

textarea.large {
	height: 5em;
	white-space: normal;
}

sup {
	font-size: .6em;
}

label {
	font-weight: bold;
}

.bloc label, .participant label {
	display: -moz-inline-box;
	display: inline-block;
	width: 12em;
	vertical-align: middle;
}

select {
	border: 1px solid #7f7f7f;
	background-color: #3f3f3f;
	margin: 0 0.5em;
	color: #d8d8d8;
}

/* calendrier */

#entete .cal_div th a {
	padding-right: 0;
}

/* debug */

pre {
	width: 80em;
	overflow: hidden;
}

@media print {

body, input, textarea, select {
	font-size: 7pt !important;
}

#div_resa {
	width: 100%;
	margin-top: -1cm; /*risqué!*/
}

select {
	background-color: white;
	color: black;
}

input, textarea, select {
	border: 1px solid silver;
}

.cal_div {
	display: none;
}

h5#parti_ctrl {
	display: none;
}

#participants {
	float: left;
	width: auto;
	overflow: visible;
	border: none;
}

div.participant {
	width: 28em;
	float: left;
	margin-right: 1em;
	padding-right: 1em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	position: static;
}

#parti_proto {
	display: none;
}

.parti_supp {
	display: none;
}

table, .bloc, h5 {
	margin-left: 33em;
	/*margin-left: 0;*/
	max-width: 40%;
	page-break-inside: avoid;
	/*page-break-before: always;*/
}

}