/* stylesheetForm.css Dynamat */
/* par Phil Turcotte le 8 juin 2010 */
/* www.numerique.ca */

#topForm, #topFormANG {
	background-image:url(../images/pagesinterieures/img_printTopLeft.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:100%;
	height:88px;
	position:relative;
}

#topFormANG {
	background-image:url(../images/pagesinterieures/img_printTopLeft_ang.gif);
}

#topForm p, #topFormANG p {
	text-indent:-9999px;
	font-size:1px;
}


div.formulaireNouvelleFenetre {
	width:460px;
	margin:20px auto 0px auto;
}

div.formulaireNouvelleFenetre p {
	margin-bottom:5px;
	clear:both;
}

div.formulaireNouvelleFenetre p.legende {
	font-size:0.9em;
	padding-bottom:20px;
}

div.formulaireNouvelleFenetre p.legende img {
	vertical-align:middle;
}

div.formulaireNouvelleFenetre h2 {
	clear:both;
}

div.formulaireNouvelleFenetre h2.espaceH2 {
	margin-top:40px;
}

div.formulaireNouvelleFenetre label.labelCourt {
	width:80px;
	float:left;
	position:relative;
	top:3px;
}

div.formulaireNouvelleFenetre label.obl {
	background-image:url(../images/formulaires/img_etoileObl.gif);
	background-repeat:no-repeat;
	background-position:94% 0px;
}

div.formulaireNouvelleFenetre input, div.formulaireNouvelleFenetre textarea {
	border:1px solid #707070;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#707070;
}

div.formulaireNouvelleFenetre input {
	width:160px;
}

div.formulaireNouvelleFenetre input.checkbox {
	border:none;
	width:auto;
	margin-right:5px;
	position:relative;
	top:1px;
}

div.formulaireNouvelleFenetre textarea {
	width:350px;
}

div.formulaireNouvelleFenetre div.btnSubmit {
	text-align:right;
	width:353px;
	padding-top:15px;
	margin-left:80px;
	clear:both;
}






#formDemandePrix {
	width:100%;
}

p.notice {
	font-size:0.9em;
	position:relative;
	top:-8px;
}

p.notice img { position:relative;top:-1px; }

#formDemandePrix fieldset {
	background-color:#F6F5F3;
	border:1px solid #443E2E;
	width:375px;
	min-height:340px;
	height:auto !important;
	height:340px;
	padding:0px 10px 25px 10px;
	margin-right:40px !important;
	margin-right:25px;
	margin-top:30px;
	float:left;
	position:relative;
}

#formDemandePrix fieldset legend {
	background-color:#FFFFFF;
	font-weight:bold;
	color:#443E2E;
	text-indent:-9999px;
	height:0px;
	width:0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 10px;
	position:absolute;
	top:-1px;
	overflow:hidden;
}

#formDemandePrix fieldset h2 {
	font-size:1.6em;
	font-weight:normal;
	margin-left:-10px;
	position:absolute;
	top:-35px;
}

#formDemandePrix p {
	margin:4px 0px 4px 0px;
	clear:both;
}

.colonneGauche {
	text-align:right;
	width:105px;
	padding-right:15px;
	float:left;
	position:relative;
	top:3px;
}

span.explication {
	font-weight:normal;
	font-size:0.8em;
	position:absolute;
	top:9px;
	right:21px;
}

.champRequis {
	background-attachment:scroll;
	background-color:transparent;
	background-image:url("../images/formulaires/img_etoileObl.gif");
	background-position:right top;
	background-repeat:no-repeat;
}

p.champRequis {
	display:inline;
	padding-right:10px;
}

.labelTextArea {
	background-position:88px 0px;
	text-align:left;
	width:100%;
	margin-bottom:15px;
	display:block;
	float:none;
	position:relative;
}

#formDemandePrix input {
	border:1px solid #D0CBBD;
	width:200px;
	padding:3px 0px 3px 2px;
}

#formDemandePrix input:focus {
	background-color:#EDECE6;
}

#formDemandePrix input.checkbox {
	border:none;
	width:auto;
	padding:0px 0px 0px 0px;
	margin:0px 5px 0px 20px;
	position:relative;
	top:2px;
}

#formDemandePrix select {
	border:1px solid #D0CBBD;
	width:185px;
}

.colonneDroite {
	text-align:left;
	width:200px;
	padding:0px;
	margin-left:2px;
}

#sousFormTypeDemande {
	padding-top:5px;
	margin-left:20px;
}

#sousFormTypeDemande .colonneGauche {
	text-align:left;
	width:56px;
}

#formDemandePrix div#sousFormTypeDemande input.checkbox {
	margin:0px 5px 0px 0px;
}

#sousFormTransport {
	padding-top:5px;
	margin-left:0px;
}

#sousFormTransport p label.colonneGauche {
	width:85px;
}

#sousSousFormlivraison {
	padding-top:10px;
}

p.commentaires {
	padding-top:20px;
}

p.commentaires label.colonneGauche {
	color:#443E2E;
	text-align:left;
	width:90px;
	float:left;
}

p.commentaires label.colonneGauche span {
	width:100px;
	right:9px;
}

p.commentaires textarea {
	border:1px solid #D0CBBD;
	width:355px;
	margin-left:2px;
	float:left;
}

#formDemandePrix div.btnSubmit {
	text-align:right;
	padding:20px 10px 0px 0px;
	float:right;
	clear:both;
}

#formDemandePrix div.btnSubmit input {
	border:none;
	width:92px;
	height:32px;
	padding:0px 0px 0px 0px;
}
