
/**********************************************************************************************/
/*   FORM
/**********************************************************************************************/

#bloc-warning{ border:1px solid #cc0000; padding: 10px; margin: 10px 0;}
#bloc-warning h3{ font-weight: bold; font-size: 1.5em; color: #FFF; background:#cc0000; padding: 5px 0 5px 15px; margin: 0 0 10px 0;}
#bloc-warning li{ list-style-type: none; margin: 3px 0 3px 10px; }

#bloc-form td,
#form td { padding: 0 10px 10px 10px; }

#bloc-form input.form-field,
#form input.form-field { width: 200px; }

.form-submit,
#bloc-form .form-submit,
#form .form-submit {
	display: inline-block; padding: 3px 5px;
	border: none;
	color: #ffffff;
	font: bold 11px verdana;
	cursor: pointer;
	padding-bottom:4px; color: #ffffff; background: url(img/2012/form-submit.png) 50% 50% repeat-x;
}

#bloc-form .bloc-submit,
#form .bloc-submit {
	text-align:center;
	margin:15px;
}

#bloc-form label,
#form label { font: bold 12px Arial; }

#bloc-form textarea.form-field,
#form textarea.form-field {
	BORDER: #CCCCCC 1px solid;
	font-size: 11px;
	background: #FFFFFF;
	font-size: 11px;
}
		
.error{
	background-color:#cc0000;
	background:#ffcccc none repeat scroll 0 0;
	border: #cc0000 1px solid;
}

.form-mandatorysign { color: #cc0000; }

#bloc-center.gabaritlargePE { float: none; width: auto; padding: 15px 10px 10px 10px; background:#fff }
.gabaritlarge h1,
.gabaritlargePE h1,
.gabaritlarge h2,
.gabaritlargePE h2 {padding: 5px 10px;display: inline-block;
margin: 0 0 15px 0;
color: white;
background: #00A2AB;
border: none;font: bold 14px Arial;}

.gabaritlargePE fieldset legend { float: left; display: inline; font: bold 13px Arial; padding: 5px 10px; margin: 0 0 15px 0; color: white; background: #00A2AB; text-decoration: none; }
.gabaritlargePE .form-blocsubmit { margin: 0 0 15px 0; text-align: center; }
.gabaritlargePE .w100 { width: auto; }






/***** style nimp pour rattrapage en 2-2 */

.gabaritlargePEGP .pe_recap { }

.gabaritlargePEGP .pe_recap .pe_recap_header { padding: 15px 20px; margin: 0 10px; border: solid #00A2AB; border-width: 1px 1px 0 1px; text-align: right; overflow: hidden; zoom: 1; }
.gabaritlargePEGP .pe_recap .pe_recap_header h3.recap { float: left; display: inline; margin: 0 15px 0 0; }

.gabaritlargePEGP .pe_recap .prereg { clear: both; padding: 0 10px 10px 10px; margin: 0 10px 15px 10px; border: 1px solid #00A2AB; overflow: hidden; zoom: 1; }
.gabaritlargePEGP .pe_recap .prereg fieldset { font: 12px Arial; float: none; display: block; margin-top: 15px; color: #333333; background: none; }
.gabaritlargePEGP .pe_recap .prereg fieldset legend { margin: 0 0 15px 0; background: #00A2AB; color: #FFF; }
.gabaritlargePEGP .pe_recap .prereg fieldset .form-bloc label { color: #555555; }
.gabaritlargePEGP .pe_recap .prereg fieldset .form-bloc label#label_PEGPDATE { margin-top: 0; }


/*
.gabaritlargePE .texte { margin:20px 0; }
.gabaritlargePE legend { padding-bottom:10px; font-size:16px; font-weight:bold; text-decoration:underline; }

.gabaritlargePE label { float:left; width:220px; display:inline; font-size:12px !important;}

.gabaritlargePE .form-blocfield {
   display: inline;
    float: left;
    overflow: hidden;
    padding: 0;}
.gabaritlargePE	.form-field {
    display: inline;
    float: left;
    padding: 3px 5px;
}
.gabaritlargePE .form-bloc {
    line-height: 16px;
    margin: 0 0 10px;
    overflow: hidden;}
		
*/

/* reprise Interclima */

#avancement { width: 100%; border: none; margin: 0 0 15px 0; text-align: center; overflow: hidden; zoom: 1; }
#avancement table,
#avancement table td { border: none; padding: 0; margin: 0; }
#avancement table td { font: bold 13px Arial; width: 120px; padding: 10px 10px 15px 10px; color: #20ADB4; background: #F3F3F3; }
#avancement table td.sep { display: none; }
#avancement table td.active { color: #00a3ac; background: #dfdfdf url(img/2012/avancement.png) 50% 90% no-repeat; }

.texte { clear: both; margin: 0 0 10px 0; overflow: hidden; zoom: 1; }
.alert { padding: 10px; color: #cc0000; border: 1px solid #cc0000; background: #fcfcfc; }

fieldset { clear: both; position: static; padding: 0; margin: 0 0 15px 0; /*border: 1px solid #cccccc; background: #f5f5f5;*/ }
fieldset.center { text-align: center; }

/* marketing */


.accordeon ul { display: none; }

form,
#form { overflow: hidden; zoom: 1; }


#bloc-center.gabaritlarge { float: none; width: auto; padding: 5px 0 0 0; }
#bloc-center.gabaritlarge .divforstyle { padding: 0 25px 0 15px; overflow: hidden; zoom: 1; }

#form .w50 { float: none; display: block; width: auto; }
#form .w100 { float: none; display: block; width: auto; margin: 0 15px 15px 15px; }

#form.marketing h2 { padding: 5px 10px; margin: 0 0 15px 0; color: #ffffff; background: #00A2AB; border: none; }

label { color: #000000 !important; }
#form.marketing label,
#form.marketing .form-label { padding: 5px 0 5px 20px; color: #000000; background: url(img/2012/icon_add.png) 0 6px no-repeat; }



/*
#bloc-center .marketing .form-bloc-field { clear: both; float: none; }

#bloc-center .marketing .form-field,
#bloc-center .marketing .form-field { width: 226px; }
*/

#form.marketing .form-blocsubmit { float: left; display: inline; }
.form-blocsubmit .form-submit { font: bold 13px Arial; padding: 5px; color: white; border: 1px solid #B7B8BA; background: #931370 url(img/2012/form-submit.png) 0 0 repeat-x; }






/* form */

.form-bloc { line-height: 16px; margin: 0 0 10px 0; overflow: hidden; zoom: 1; }
.form-blocsubmit { text-align: center; }

label { float: left; width: 200px; display: inline; margin: 5px 10px 5px 0; font: bold 12px Arial; }
fieldset.center label,
.longlabel label,
.longlabel .form-label { display: block; float: none; width: auto; margin: 0 0 10px 0; }

.form-blocfield,
.form-bloc-field,
.form-blocchoix { float: left; display: inline; padding: 0; overflow: hidden; zoom: 1; }

.longlabel .form-blocfield,
.longlabel .form-bloc-field { clear: both; /*float: none;*/ margin-left: 210px; }

.longlabel .display { margin-left: 0; }

.form-field { float: left; display: inline; /*width: 200px; DV: retour le 06/05 */ padding: 3px 5px; }
.form-blocchoix .form-field,
.form-blocchoix .form-field { float: none; width: auto; margin: 0 3px 0 8px; border: none; vertical-align: middle; }

#bloc-center .coche { margin: 0 5px 2px 5px; }

.form-submit { display: inline-block; font: bold 13px Arial; padding: 2px 10px; text-align: center; }

.form-title { margin: 0 0 10px 0; font-family: Verdana,"monospace","sans serif"; font-size: 12px;}
.form-title em { font-family: Verdana,"monospace","sans serif"; font-size: 12px; }

.form-text { margin: 0 0 10px 0; overflow: hidden; zoom: 1; }
.form-text input { float: left; border: 1px solid #ffffff; }

.form-text label { float: none; font: 11px Arial; width: auto; margin: 0 0 10px 5px; }
* html .form-text label { display: inline-block; width: 90%; padding-top: 3px; }

.labelInline label { font: normal 10px Arial; width: auto; margin: 0 3px 5px 0; }

.labelInline .form-blocfield,
.labelInline .form-blocfield .form-blocchoix  { float: none; display: inline-block; line-height: 13px; margin: 0; }
* html .labelInline .form-blocfield .form-blocchoix { margin-top: -5px !important; }

.form-recap label { margin: 0 10px 5px 0; }


/* list collegues */

#form .listeCollegue { border: 1px solid #B7B8BA; boder-width: 0 1px; background: #ffffff; }
#form .listeCollegue td { padding: 5px; border-bottom: 1px solid #B7B8BA; }
#form .listeCollegue th { padding: 5px; color: white; background: #000000 url(img/2012/form-submit.png) 0 0 repeat-x; text-align: left; }


/* ajout collabo + recap */

#list { padding: 15px 0; overflow: hidden; zoom: 1; }

.listMod { width: 100%; padding: 0; margin: 0 0 15px 0; }

#form .listResults { width: 100%; padding: 0; margin: 0 auto 15px auto; border: 1px solid #20ADB4; background: #FFFFFF; }
#form .listResults th { font: bold 15px Arial; padding: 5px; margin: 0; color: #ffffff; background: #20ADB4; text-align: left; }
#form .listResults td { font: 13px Arial; padding: 5px; margin: 0; }
#form .listResults .sep td { background: #DFDFDF ; } 

#form .listModLink { width: 100%; padding: 10px; margin: 0 0 15px -11px; border: 1px solid #20ADB4; background: #ffffff;}

#form .listResults .societe { padding-left: 10px; }

#form .listResults td { border-top: 1px solid #e6dce5; }

#form .listResults .nom {}
#form .listResults .mail {}
#form .listResults .badge { text-align: center; }
#form .listResults .actions {}
#form .listResults .confirm {}

#form .listResults .produit_prixunitaireHT,
#form .listResults .produit_prixunitaireTTC,
#form .listResults .produit_qte,
#form .listResults .produit_totalttc { text-align: center; }

#form .produit_titre .description { display: none; }
#blocLoader .description { display: inline-block; font: 15px Arial; width: 500px; padding: 10px; color: #000000; background: #ffffff; }


#form .listResults .societe {}
#form .listResults .fullname {}
#form .listResults .type {}
#form .listResults th.actions { font: 12px Arial; text-align: right; }
#form .listResults td.actions { white-space: nowrap; text-align: center; }
#form .listResults .selection { width: 16px; text-align: center; }



#form .form-recap { border: solid #20ADB4; border-width: 1px 1px 0 0; }
#form .form-recap td { padding: 10px; background: #ffffff; border: solid #20ADB4; border-width: 0 0 1px 1px; }



#bloc_DESABOEXPOSANTS label,
#bloc_DESABOAUTRESSALONS label,
#bloc_DESABOPARTENAIRES label,
#bloc_DESABOTOTALE label { float: left; display: inline; }

#bloc_DESABOEXPOSANTS .form-blocfield,
#bloc_DESABOAUTRESSALONS .form-blocfield,
#bloc_DESABOPARTENAIRES .form-blocfield,
#bloc_DESABOTOTALE .form-blocfield { float: left; display: inline; margin: 0; clear: none; }



#DESABOPARTENAIRES,
#DESABOTOTALE { float: none; }


#produits { }

.produit { margin: 0 0 10px 0; border-top: 1px solid #dddddd; }
.produit1 { background: #fcfcfc; }
.produit2 { background: #f3f3f3; }

.produit h2 { padding: 5px 10px; margin: 0; font: bold 17px Arial; color: #ffffff; background: #D8041C; overflow: hidden; zoom: 1; }
.produit h2 a.layer { float: right; width: 16px; color: #ffffff; }
.produit .desc { padding: 10px 10px 0 10px; border: solid #dddddd; border-width: 0 1px 1px 1px; }
.produit .desc .value { float: right; display: inline; font-weight: bold; width: 50px; margin: 0 20px 10px 0; }
.produit .desc .sep { height: 5px; margin: 10px 10px 20px 10px; background: #dddddd; }

#totaux { padding: 10px 0 0 0; }
#totaux .value { float: right; display: inline; font-weight: bold; width: 50px; margin: 0 20px 10px 0; }


/* bizarreries */

.form-blocfield .form-blocfield { padding-top: 7px; } /* activité */
#bloc_PETAILLESAL .form-blocfield { padding-top: 7px; } /* activité */
#bloc_PEFONCTION .form-blocfield { padding-top: 7px; } /* activité */



/*******************************************************************************
************* STYLE PE GP PEV2
********************************************************************************/
#bloc-center.gabaritlargePEGP { float: none; width: auto; padding: 15px 10px 10px 10px; background:#fff }
.gabaritlargePEGP h1,
.gabaritlargePEGP h2 {padding: 5px 10px;display: inline-block;
margin: 0 0 15px 0;
color: white;
background: #00A2AB;
border: none;font: bold 14px Arial;}
.gabaritlargePEGP fieldset { padding: 5px 10px; margin: 0 0 15px 0; text-decoration: none; }
.gabaritlargePEGP legend { float: left; display: inline; font: bold 13px Arial; padding: 5px 10px; margin: 0 0 0 0; color: white; background: #00A2AB; text-decoration: none; }
.gabaritlargePEGP .form-blocsubmit { margin: 0 0 15px 0; text-align: center; }
.gabaritlargePEGP .w100 { width: auto; }

.prereg { margin: 0 20px 20px 20px; }
#prereg .form-bloc { line-height: 16px; margin: 0 0 0px 0; overflow: hidden; zoom: 1; }
#prereg .bloc-form-field { margin: 5px 0 5px 0;}

#preregCDF { width:100%; margin-bottom:10px; color:#20ADB4; background:#F3F3F3 }
#preregCDF div { padding:10px 10px 15px; font-weight:bold; font-size:13px; text-transform:uppercase }
#preregCDF .steprunning { background: url(img/2012/avancement.png) no-repeat 50% 90% #DFDFDF; }
#preregCDF .separator { display:none }
.form-ex-multi { font-style:italic; font-size:11px; margin-left:10px; }

.PEGPAUTRE, .PEGPPROJDATE, .PEGPPROJFOR, .PEGPPROJWHERE, .PEGPPROJTYPE, .PEGPBDG { display:none }
.pe_recap .PEGPAUTRE,.pe_recap .PEGPPROJDATE,.pe_recap .PEGPPROJFOR,.pe_recap .PEGPPROJWHERE,.pe_recap .PEGPPROJTYPE { display:block }

