/***********************************************************************************************************************/
/*   Fonction
/***********************************************************************************************************************/

form { clear: both; padding: 0 10px 10px 10px; margin: 15px 0; overflow: hidden; zoom: 1; background: #ffffff; }

#step_recherche form { padding: 0; background: none; }

.bloc-text{	padding:5px 0;}

/********** FORMULAIRE *********/

fieldset { border:none; margin:0 0 15px 0; text-align:left; }

legend { color:#dc006b; font-weight:bold; padding:0 2px;font-size:21px; }

label { color:#000; font-weight:bold; width:150px; float:left; /*text-align:right;*/ padding-right:10px; }

.form-label { color:#000; font-weight:bold; }

.entete { font-weight:bold; }

.separator_entete { padding:10px 0 5px 0; font-weight:bold;	color:#dc006b; }

.bloc-form-field_oneColumn {}

input.form-field {
	color : #666;
	border : 1px solid #777;
	background : #fff;
	padding : 2px;
	font-family:Arial, Helvetica, sans-serif;
}

select.form-field {
	color : #666;
	border : 1px solid #777;
	background : #fff;
	padding : 2px;
	font-family:Arial, Helvetica, sans-serif;
}

.form-bloc { margin:0 0 4px 0; }

.form-bloc.longlabel label{
	float: none;
	width: auto;
	height: auto;
	display:block;
	text-align:left;
	color:#006633;
}

.step2 .prereg .line-form-field label{
	float: none;
	width: auto;
	height: auto;
	display:block;
	text-align:left;
	margin-bottom: 10px;
}

.step2 .prereg .line-form-field label.label-choix{
	margin-bottom: 0;
	color: #000000;
}

.step1 .prereg label {
  margin: 0 0 6px 3px;
  font-size: 12px;
  color: #000000;
}

.step2 .prereg .line-form-field .label-choix{
	display: inline-block;
}

.form-mandatorysign { color: #cc0000; }

.form-submit {
	background: #006633;
	border: 0;
	color:#FFF;
	cursor:pointer;
	float:none;
	font: 1em arial;
	font-weight: 700;
	margin-bottom: 1px;
	padding: 5px 20px 5px 20px;
	text-align: center;
}

.form-submit:hover {
	background: #669966;
	color:#FFF;
	-webkit-transition-duration:0.2s;
	-ms-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
}

*+html .form-submit{padding:3px 2px 4px 2px;}

.boutonImg{display:none}

.boutonImg2{display:none}

/*********** RECHERCHE ********/


.liste { border:1px solid #759E1D; border-width: 1px 0 0 1px; margin: 10px 0; }
.liste td, .liste th { border:1px solid #759E1D; border-width: 0 1px 1px 0; }
.liste contour { border:none; }

.liste tr.entete { background: url(img/2010/cdf.png) left center repeat-x; color: #fff; text-align:center; }
.liste tr.entete th { color: #fff; padding: 5px 0; }
.liste tr.entete td { color: #fff; padding: 5px 0; }
.liste td.element-ligne { padding:5px; }
#bloc-center .liste a { color: #759E1D; }

.liste td.newElt { padding: 0 5px; }






#cadre_zoom h2 { padding: 5px 10px; background: #759E1D; color: #fff; }
.td_titre_zoom { font-weight: bold; padding: 5px 15px 5px 10px; width: 120px; }
#zoomtoprint { display: none; }
#cadre_zoom { margin: 10px 0; }
#cadre_zoom #nav { list-style: inside circle; }





#bloc-warning { padding: 10px; margin: 15px 0 0 0; border: 1px solid #51a026; clear:both;background: #f9f9f9; }
#bloc-warning h3 { margin: 0 0 15px 0; font-size: 14px; padding: 5px 10px; background: #cc0000; color: #fff; }
#bloc-warning ul { list-style-type: none; }
#bloc-warning li { margin: 3px 0 3px 10px; }

td.form-label { padding: 5px 0 0 0; }

input.form-field, select.form-field, textarea.form-field{
	border:solid 1px #000;
	color:#000;
	width:250px;
	transition: border-color ease-in 0.3s;
}
input.form-field:hover, select.form-field:hover, textarea.form-field:hover,
input.form-field:focus, select.form-field:focus, textarea.form-field:focus {
	border-color: #888;
}
input.coche { width: 20px; margin: 0 5px 0 0; }



#insc-visiteur { padding: 15px; margin: 15px 0 0 0; border: solid 1px #c7ccdb; background: #fff; }


/********************************
 * PE VISITEUR / VIP / PRESSE
********************************/

#bloc-center.gabaritpe { padding: 10px; }

#fa {height: 40px; margin: 0 0 15px 0;border: none;z-index:1;}
#fa .step { position: relative; float: left; height: 40px; width: 121px; margin: 0 1px;text-align: left;color:#FFFFFF }
#fa.vip .step {width:176px;}
#fa.presse .step {width:236px;}
#fa .step div{margin: 0 1px 0 -30px;padding: 10px 0 0 35px;height: 30px;background: right bottom no-repeat; text-align: left;color:#000; background-image: url(img/functions/pe_fa.png);}
#fa #first div{padding-left:15px;margin-left:0}
#fa #first .on,#fa .step .on{ background-position:right top;}
#fa #last{ width: 92px;margin-right:0;}
#fa.vip #last{width:162px;}
#fa.presse #last{width:221px;}
#fa #last .off{ background-position:left bottom;margin-left:-30px;}
#fa #last .on{ background-position:left top;margin-left:-30px;}
#fa .step span { display: block; margin: 0; padding: 0; color: #FFFFFF;font: bold 15px Arial;  }


#preregmultistepvisiteur fieldset,#preregmultistepvip fieldset,#preregmultistepoverload fieldset,#preregmultisteppresse fieldset{width:97%;}
#preregmultistepvisiteur label{text-align:left;}
.step1 .form-bloc{
	margin-bottom:10px;
}
.step1 label{
	margin:0 0 6px 10px;
	font-size:15px;
	color:#A0AAB0;
}
.step1 .form-blocfield{
	margin-left:20px;
}
#TRACKINGPE{width: 140px;}

#field_PETYPEBADGE input.coche{width:auto;margin:0}

#bloc-center.gabaritpe { float: none; }
#bloc-center.gabaritpe h2.titrepe { color:#A0AAB0; font-weight:bold; padding:0;margin-bottom:15px;font-size:21px;background:none;}
#bloc-center.gabaritpe h3{ color:#25b8cb;}
#bloc-center.gabaritpe .listeCollegue{margin:10px 0;}
#bloc-center.gabaritpe .listeCollegue th{padding:3px;color:#FFF;text-align:left;background: url(img/functions/bg_btn.png) repeat-x 0 top;}
#bloc-center.gabaritpe .listeCollegue td{padding:2px;border-bottom:1px solid #DEDEDE;}
#bloc-center.gabaritpe .parrainage{margin:10px 0}
#bloc-center.gabaritpe .parrainage .bloc-form-field {margin-bottom:4px}

#bloc-center.gabaritpe .form-blocfield{ padding: 0 0 0 160px; }
#bloc-center.gabaritpe .form-bloc.longlabel .form-blocfield{ padding: 0; }
/* Gestion des colonnes pour les champs de type choix/radio */
#bloc-center.gabaritpe .form-blocfield ul{ margin: 0; float: left; width: 49%; }
#bloc-center.gabaritpe .form-blocfield li{ list-style-type: none; }

#bloc-center.gabaritpe .parrainage{display: block; border:2px solid #25b8cb;padding:10px;margin: 0 0 15px 0;}
#bloc-center.gabaritpe .parrainage h3{color:#25b8cb;font-weight:bold; padding:0 2px;font-size:14px;margin: 0;background:none; }

#bloc-center.gabaritpe #bloc-warning h3 { margin: 0 0 15px 0; font-size: 14px; padding: 5px 10px; background: #51a026; color: #fff; }

#label_PEACTIVITE,#label_PETAILLESALARIALE,#label_PEFONCTION,#label_PEINTERET{font-size:15px;color:#A0AAB0;}

.blocCnilOpposition{font-size:12px;}
.bloc_paiement{text-align:center;}



/********************************
 * PEv2 VISITEUR
********************************/

#preregmultistepexperian form, #PE form{padding: 0; margin: 0;}
#preregCDF {height: 40px; margin: 0 0 10px 0;border: none;z-index:1;}
#preregCDF .step { position: relative; float: left; height: 40px; width: 121px; margin: 0 1px;text-align: left;color:#FFFFFF }
#preregCDF .step span.stepName {display:block; margin: 0 1px 0 -30px;padding: 10px 0 0 35px;height: 30px;background: right bottom no-repeat; text-align: left;color:#FFF; background-image: url(img/functions/pe_fa.png);}
#preregCDF .step .stepNumber{display: none;}
#preregCDF .separator{display: none;}
#preregCDF .first .stepName{padding-left:15px!important;margin-left:0!important}
#preregCDF .steprunning .stepName ,#preregCD .steprunning .stepName { background-position:right top!important; color: #FFFFFF!important;}
#preregCDF .last{ width: 92px;margin-right:0;}
#preregCDF .last.steptodo .stepName, #preregCDF .last.stepdone .stepName{ background-position:left bottom;margin-left:-30px;}
#preregCDF .last.steprunning .stepName{ background-position:left top!important;margin-left:-30px!important;}
#preregCDF .step span { display: block; margin: 0; padding: 0; color: #000;font: bold 15px Arial;  }

#preregCDF fieldset{width:97%;}
#preregCDF label{text-align:left;}

#prereg form{padding: 0!important;}
#prereg h2 {
	color: #006633;
	margin-bottom: 20px;
    font-size: 20px;
}
.blocCnilOpposition{font-size:12px;}
.bloc_paiement{text-align:center;}
.label-choix{float: none; font-weight: normal!important;}
.step1 .prereg .line-form-field{margin: 0 0 6px 0;}
.step2 .prereg .line-form-field{margin: 0 0 12px 0;}
.gabaritpe .style1.blocContenu{background-color: #FFFFFF!important;}
.prereg fieldset > legend{margin-bottom: 20px;}

#bloc-center.gabaritpe .bloc-form-field ul, #bloc-center.gabaritpe .bloc-form-field_oneColumn ul { margin: 0; float: left; width: 49%; }
#bloc-center.gabaritpe .bloc-form-field li, #bloc-center.gabaritpe .bloc-form-field_oneColumn li { list-style-type: none; }

#bloc-center.gabaritpe .form-bloc.longlabel .bloc-form-field{ padding: 0; }
.step1 .prereg .bloc-form-field{
	margin-left:20px;
}

#bloc-center.gabaritpe .prereg #bloc-warning h3 { background: #006633; color: #fff; }
.prereg #bloc-warning{ border: 1px solid #dc1b1b;}

.step2 .prereg #label_MarketingCode, .step2 .prereg #block_MarketingCode{
	display: inline-block;
}

.step2 .prereg #MarketingCode{width: 220px;}
.prereg .step4 .addInscription{
	text-align: center;
}

input[value="PREREGVIS2"] ~ .step2 .prereg fieldset >legend{
	color: #006633;
}


#block_Email1, #block_Email2, #block_Email3{margin-bottom: 10px;}
#field_MarketingCode input.form-field{
	border:solid 1px #000000;
}

#prereg > h2 > span{color: #006633;}
#block_Email1, #block_Email2, #block_Email3{margin-bottom: 10px;}
.parrainage #prereg #label_Email1, .parrainage #prereg #label_Email2, .parrainage #prereg #label_Email3{
	width: 204px;
	text-align: right;
}

.step1-form-submit{
	text-align: center;
	padding-top: 25px;
    padding-bottom: 15px;
}

#line_PEMATCHMAKING #label_PEMATCHMAKING{
	  font-size: 15px;
	  font-weight: bold;
	  width:96%;
}
.blocPEMATCHMAKING #label_PEMATCHMAKING{
	color: #000;
}
.gabaritpe .txtDessus{font-size: 13px; margin-bottom: 10px;}

.form-bloc.longlabel label#label_PERELATION{
	color: #000;
}

#field_ZONEGEOGRAPHIQUE {overflow: hidden;}
#field_ZONEGEOGRAPHIQUE > span {width: 33%; float: left;}
.nomenclaturePeProfil .categNiv1, .nomenclaturePeAcessoires .categNiv1 {margin-bottom: 3px;}
.nomenclaturePeProfil h4, .nomenclaturePeAcessoires h4 {padding: 5px; background-color: #C7DCC7; cursor: pointer;}
.nomenclaturePeProfil h4:hover, .nomenclaturePeAcessoires h4:hover {background-color: #deeede;}
.nomenclaturePeProfil .categNiv2, .nomenclaturePeAcessoires .categNiv2 {padding: 10px; border: solid 1px #C7DCC7; border-top: none; background-color: #FFF;}

/*#line_PEACTIVITE, #line_PETAILLESALARIALE, #line_PEFONCTION, #line_PEINTERET, #line_PEMATCHMAKING,
#line_PEUNIVERS, #line_PEMARQUES, #line_ZONEGEOGRAPHIQUE, #line_PEPROFILACHAT, #line_PEBUDGET,
#line_PEACCESSOIRES, .prereg .bg-gris {
	background-color: #EEE; padding: 10px;
}*/
.prereg .bg-gris {margin-bottom: 10px;}
.prereg > h2 {margin-top: 30px;}

#line_ZONECONTINENT, #line_ZONEPAYS, #line_ZONEREGIONS, #line_ZONECONTINENTBIS, #line_ZONEPAYSBIS {float: left;}
#line_ZONEREGIONS, #line_ZONEPAYSBIS {clear: right;}
#line_ZONECONTINENT, #line_ZONEPAYS, #line_ZONECONTINENTBIS {margin-right: 14px;}
#line_ZONECONTINENT #ZONECONTINENT_parent > a, #line_ZONECONTINENTBIS #ZONECONTINENTBIS_parent > a {display: block;}
#line_ZONEPAYS, #line_ZONEREGIONS, #line_ZONEPAYSBIS {padding-top: 25px;}
#line_PEUNIVERS, #line_PEPROFILACHAT {clear: both;}
a.multiSelect {padding: 5px 20px 5px 5px !important; }
#block_AUTREPAYS, #block_AUTREPAYSBIS {margin-top: 5px;}
#block_AUTREPAYS input, #block_AUTREPAYSBIS input, #bloc_AUTREPAYS input, #bloc_AUTREPAYSBIS input {width: 120px; padding: 3px; border: solid 1px #CCC; margin-top: 5px;}

#field_PEMATCHMAKING > span {display: block; overflow: hidden; margin-bottom: 5px;}
#field_PEMATCHMAKING .coche {float: left;}
#field_PEMATCHMAKING .coche + label {float: left; max-width: 600px;}
.step2 > span {display: block; overflow: hidden; margin-bottom: 5px;}
.step2 .coche {float: left;}
.step2 .coche + label {float: left; max-width: 650px;}
a.multiSelect span {min-width: 100%; max-width: 140px;}

#field_PEMARQUES ul:first-child{
	padding-right: 15px;
}

#preregmultistepvip form{
	padding-left: 0!important;
	padding-right: 0!important;
}
.preregmultistepvip .step2 .form-bloc.longlabel{
	margin-bottom: 10px;
}
.preregmultistepvip .step2 .form-bloc.longlabel label{
	float: none;
	width: auto;
	height: auto;
	display:block;
	text-align:left;
	margin-bottom: 10px;
	color:#006633;
}
.preregmultistepvip .step2 .form-bloc.longlabel label.label-choix{
	margin-bottom: 0;
	padding-left: 25px;
	color: #000000;
}
.preregmultistepvip .form-bloc.longlabel label.label-choix{
	margin-bottom: 0;
	color: #000000;
}
.preregmultistepvip .form-bloc.longlabel label{
	display: inline-block;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 10px;
	color: #000000;
	font-size: 12px;
}
.preregmultistepvip .step2 .form-blocfield{
	padding-left: 0!important;
}
.preregmultistepvip .step2 .form-blocfield ul{
	width: 48%!important;
}
.preregmultistepvip .step2 #field_ZONEPAYS .multiSelectOptions, .preregmultistepvip .step2 #field_ZONEREGIONS .multiSelectOptions, .preregmultistepvip .step2 #field_ZONEPAYSBIS .multiSelectOptions {
	max-width: 200px;
}
.preregmultistepvip #EMAILPARRAINAGE1, .preregmultistepvip #EMAILPARRAINAGE2, .preregmultistepvip #EMAILPARRAINAGE3{
	border-color: #669966;
} 

.codemkg input{
	border: solid 1px #006633;
}

.form-blocchoix ul li input.coche{clear: left;}