
/********************************/
/*   GENERAL
/********************************/

.center { text-align: center; }

.form-field { border: 1px solid #d0d0d0; font: 11px tahoma; padding: 4px; }
.form-field:hover, .form-field:focus, .form-field:active { border: 1px solid #799b13; }

.form-mandatorysign { color: #FF0000; font: 12px verdana; }

.form-label { font-weight: 700; color: #3C3C3C; margin-bottom: 2px; }
.form-bloc { padding: 0 0 10px 0; }

.form-blocchoix input { border:0 !important; }

/* FORMULAIRE DEMANDE DE DEVIS*/

#formulaire label{ font-weight: 700; color: #3C3C3C; margin-bottom: 2px;}
#formulaire .form-field { border: 1px solid #d0d0d0; font: 11px tahoma; padding: 4px; }
#formulaire .form-field:hover, .form-field:focus, .form-field:active { border: 1px solid #799b13; }
#formulaire .form-mandatorysign { color: #FF0000; font: 12px verdana; }

#formulaire .form-submit { 
	background-color: #89AE0D; 
	height: 28px; 
	/*padding-right: 5px;
	float: left;*/
	text-align: center;
	width: 140px;
	color: #FFF; 
	font-weight: 700;

}

#formulaire .form-submit input{ 
	background-color: #89AE0D; 
	border: 0; 
	height: 28px; 
	color: #FFF; 
	font-weight: 700;
	float: left; 
	padding-left: 10px;
}

#formulaire .form-submit:hover { background-color: #67850D; }
#formulaire .form-submit:hover input { background-color: #67850D; }


/* SMART BOUTON */

.smartbouton { 
	background: url(img/bouton_bg.png) no-repeat right top; 
	height: 28px; 
	width: 70px;
	padding-right: 5px;
	margin-left: 43%;
	text-align: center;
}

.tableLien .smartbouton{margin:0 50% 0 90px;display:inline}
*+html .tableLien .smartbouton{margin:0 90px 0 90px;display:inline}
* html .tableLien .smartbouton{margin:0 90px 0 90px;display:inline}
#zoom-produit .tableLien .smartbouton{margin:0 10px 0 0;}


.smartbouton input { 
	background: url(img/bouton_bg.png) no-repeat 0 0;
	border: 0; 
	height: 28px; 
	color: #FFF; 
	font-weight: 700;
	float: left; 
	padding-left: 10px;
	font-family:Arial;
	font-size:12px;
	padding-bottom:3px;
	margin: 0;
}
* html .smartbouton input { padding-bottom:2px}
.smartbouton a { 
	background: url(img/bouton_bg.png) no-repeat 0 0;
	border: 0;
	color: #FFF; 
	font-weight: 700;
	float: left;
	height:22px;
	padding-left:20px;
	padding-right:13px;
	padding-top:6px;
}

.smartbouton:hover { background: url(img/bouton_bg.png) no-repeat 100% 100%; }
.smartbouton:hover input, .smartbouton:hover a { background: url(img/bouton_bg.png) no-repeat 0 100%; }


/* SMART LIEN */

.smartlien { 
	background: url(img/bouton_bg.png) no-repeat 100% 0; 
	height: 28px; 
	padding-right: 10px;
	float: left;
	text-align: center;
}

.smartlien a { 
	background: url(img/bouton_bg.png) no-repeat 0 0;
	height: 28px; 
	color: #FFF; 
	float: left; 
	padding-left: 10px;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
}

.smartlien:hover { background: url(img/bouton_bg.png) no-repeat 100% 100%; }
.smartlien a:hover { background: url(img/bouton_bg.png) no-repeat 0 100%;  }


/********************************/
/*   INSCRIPTION NEWSLETTER
/********************************/


#inscnewsletter .form-label { float: left; width: 150px; }
#inscnewsletter .form-field { width: 170px; }




/********************************/
/*   NEWS EXPO
/********************************/

#newsexpo .newsexpo.form-field { width: 200px; }

#listNewsExpo td { padding: 2px 5px; }
#listNewsExpo .ligne1 { background: #FFFFFF; }
#listNewsExpo .ligne2 { background: #eaeaea; }


/********************************/
/*   RECH NOMENCLATURE
/********************************/

#afficheNomenclature h3 { background: #D8D8D8; padding: 5px; } 
#afficheNomenclature h3 a { color: #000; } 

/********************************/
/*   PREENREGISTREMENT
/********************************/
#prereg .coche input{border: none;}
#prereg .form-separator {font-size: 13px; color: #799C13; font-weight: bold; padding-bottom: 10px;}
/*   LISTE PARRAINAGE */
#prereg .enteteListe {background:#D3D3D3;font-weight : bold;color:#000;padding:5px 5px;}
#prereg .TabListe {border:1px #799C13 solid; margin: 5px;}
#prereg .TabListe a {color:#799C13;}
#prereg .smartbouton2 { 
	background: url(img/bouton_bg.png) no-repeat 0 0;
	border: 0; 
	height: 28px; 
	color: #FFF; 
	font-weight: 700;
	float: left; 
	padding-left: 10px;
}
/********************************/
/*  INVITE UN AMI
/********************************/
#FormInvite .form-separator{ font-size: 13px; color: #799C13; font-weight: bold; padding-bottom: 10px;}
#FormInvite .form-label{
color:#000000;
font-weight:bold;
padding:3px 0;
display:block;
float:left;
width:190px;
}

#FormInvite .textedessus{
font-weight:bold;
margin:10px 0;
}
#FormInvite .form-submit { 
	background-color: #89AE0D; 
	height: 28px; 
	/*padding-right: 5px;
	float: left;*/
	text-align: center;
	width: 140px;
	color: #FFF; 
	font-weight: 700;

}

/********************************/
/*   FORMULAIRE SIMPLE
/********************************/


#form label{}
#form label{font-weight: 700; color:#3C3C3C; float: left; width: 150px; }
#form .form-field { width: 170px; }
#form legend{ font-size: 15px; font-weight:bold;color:#202020;padding-left:25px; padding-bottom: 15px; background:url("img/puce_content_vert.gif") no-repeat scroll 15px 5px }

#Mobile{float:left;}


#livreblanc h2 {background: url(img/cube_vert.gif) no-repeat 0 0;
padding-left: 27px;
margin-bottom: 10px;
font-size: 18px;}

.txtDessus,
.txtDessous { clear: both; padding: 10px 0; }

.form-bloc { margin: 0 0 10px 0; overflow: hidden; zoom: 1; }
.form-bloc label { float: left; display: inline; width: 120px; padding: 5px 0 0 0; margin: 0 10px 0 0; }
.form-bloc {}
.form-blocfield {margin:4px 0; padding-left:160px;}
#form .coche {width: 30px; border: none;}

.form-bloc .form-blocfield .form-field { width: 200px; }

.submitControl { clear: both; padding: 0 0 0 180px; margin: 0 auto 10px auto; }
.submitControl .form-submit { display: inline-block; font: bold 13px Arial; padding: 5px 35px; margin: 0; color: #ffffff; background: url(img/rechercheconf/bouton_vert.png) 50% 50% no-repeat; text-align: center; text-decoration: none; cursor: pointer; border: none; }
.submitControl .form-submit:hover { color: #ffffff; }


/****************************************************************/
/*   FORMULAIRE ACTUALITES (REPRISE DANS LE SITE ET NON DANS L'EE
/****************************************************************/

fieldset {
	border:1px solid #D0D1D2;
	margin:20px 0 0;
	padding:10px;
}

legend {
color:#799C13;
font-size:1.1em;
font-weight:bold;
padding:0 10px;
}


.form-bloc.longlabel label {
float:none;
height:auto;
text-align:left;
width:auto;
font-weight:700;
padding:0 10px 0 0;
}

.compteur .form-field {
width:auto;
font-style:italic;
margin:1px 0 0;
padding:0;
}

.form-bloc .form-blocfield .form-field {
width:auto;
}




/*ANNUAIRE*/

#step_recherche .form-blocfield { padding-left:0 }





#form, .SimpleForm, #mailtofriend{
	margin-bottom:10px;
	padding:10px;
	color:#000;
	background:url(img/main_bloc_bckgris.png) repeat scroll 2px 0 #FFF;
}


#form input.form-submit{
	border:1px solid #393C3D;
}

#form label, .form-label{
	float:left;
	width:150px;
	margin-top:5px;
	font-weight:bold;
}

#form .form-blocfield ,
#form .bloc-form-field_oneColumn {
	padding-left:160px;
}

#form legend{
	color:#ef4b00;
	padding-left:12px;
	background:url(img/puce_orange.png) no-repeat left center;
}
#form .longlabel{
	float:none;
	display:block;
	width:650px;
	text-align:left;
}

#mailtofriend p{margin:10px 0}



