#form input, #form select, #form textarea{
	background-color:#fff;
	border:1px solid #c7c7c7;
	padding:10px 15px 10px 40px;
	margin:0 25px 20px 0;
	width: -moz-calc(33% - 82px);
	width: -webkit-calc(33% - 82px);
	width: calc(33% - 82px);
	float:left;
	-ms-box-sizing:		content-box;
	-moz-box-sizing:	content-box;
	box-sizing:			content-box;
	-webkit-box-sizing:	content-box; 
	z-index:-5;
}
#form input:focus, #form select:focus, #form textarea:focus{
	border:1px solid #000;
}
#form select.recherche{
	width: -moz-calc(20% - 82px);
	width: -webkit-calc(20% - 82px);
	width: calc(20% - 82px);
}
#form input.submit{
	padding:10px 15px;
	width: -moz-calc(20% - 32px);
	width: -webkit-calc(20% - 32px);
	width: calc(20% - 32px);
	margin:0 0 20px 0;
}
#form input.submit:hover{
	background:#efefef;
}
#form input.submit:focus{
	background:#e43117;
	color:#fff;
}
#form textarea{
	padding:10px 15px;
	margin:0 0 15px 0;
	width: -moz-calc(100% - 67px);
	width: -webkit-calc(100% - 67px);
	width: calc(100% - 67px);
}

#form select{
	padding:9px 15px 9px 40px;
}

#form p.source{
	background-color:#efefef;
	padding:2px 15px;
	margin:0 25px 15px 0;
	width: -moz-calc(33% - 55px);
	width: -webkit-calc(33% - 55px);
	width: calc(33% - 55px);
	float:left;
	font-size:12px;
	line-height:17px;
}
.erreur_champ{
	background:#e43117;
	color:#fff;
	font-size:11px;
	padding:1px 3px;
	float:left;
	width: -moz-calc(33% - 31px);
	width: -webkit-calc(33% - 31px);
	width: calc(33% - 31px);
	margin-top:-16px;
	display:block;
	z-index:0;
	position:relative;
}

@media screen and (max-width: 900px) {
	.js #form input, .js #form select, .js #form textarea{
		padding:10px 15px 10px 40px;
		margin:0 25px 20px 0;
		width: -moz-calc(50% - 82px);
		width: -webkit-calc(50% - 82px);
		width: calc(50% - 82px);
	}
	.js #form textarea{
		padding:10px 15px;
		margin:0 0 15px 0;
		width: -moz-calc(100% - 67px);
		width: -webkit-calc(100% - 67px);
		width: calc(100% - 67px);
	}
	.js #form select{
		padding:9px 15px 9px 40px;
	}
	.js #form p.source{
		width: -moz-calc(50% - 55px);
		width: -webkit-calc(50% - 55px);
		width: calc(50% - 55px);
	}
	.js .erreur_champ{
		width: -moz-calc(50% - 31px);
		width: -webkit-calc(50% - 31px);
		width: calc(50% - 31px);
	}
}
@media screen and (max-width: 550px) {
	.js #form input, .js #form select, .js #form textarea{
		padding:10px 15px 10px 40px;
		margin:0 0 20px 0;
		width: -moz-calc(100% - 57px);
		width: -webkit-calc(100% - 57px);
		width: calc(100% - 57px);
	}
	.js #form textarea{
		padding:10px 15px;
		margin:0 0 15px 0;
		width: -moz-calc(100% - 32px);
		width: -webkit-calc(100% - 32px);
		width: calc(100% - 32px);
	}
	.js #form select{
		padding:9px 15px 9px 40px;
	}
	.js #form p.source{
		margin:0 0 15px 0;
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: calc(100% - 30px);
	}
	.js .erreur_champ{
		width: -moz-calc(100% - 6px);
		width: -webkit-calc(100% - 6px);
		width: calc(100% - 6px);
	}
}

#form input.checkbox-inherit{
	border:none;
	padding:0;
	margin:0;
	width:auto;
	float:none;
}

.select-default {
	display:none;
    color:#757575;
}

/*Personnalisation des champs*/

#form input.Perso, #form select.Perso{
	background-repeat:no-repeat;
	background-position:5px 50%;
}

#form select.Civilite{background-image:url("../../../images/icon/champ-civilite.png");}
#form input.Nom{background-image:url("../../../images/icon/champ-nom.png");}
#form input.Rue{background-image:url("../../../images/icon/champ-rue.png");}
#form input.Numero{background-image:url("../../../images/icon/champ-numero.png");}
#form input.Boite{background-image:url("../../../images/icon/champ-boite.png");}
#form select.CP, #form input.Region{background-image:url("../../../images/icon/champ-cp.png");}
#form select.Localite, #form input.Localite{background-image:url("../../../images/icon/champ-localite.png");}
#form select.Pays{background-image:url("../../../images/icon/champ-pays.png");}
#form input.Telephone{background-image:url("../../../images/icon/champ-tel.png");}
#form input.Fax{background-image:url("../../../images/icon/champ-fax.png");}
#form input.Gsm{background-image:url("../../../images/icon/champ-gsm.png");}
#form input.Email{background-image:url("../../../images/icon/champ-email.png");}
#form input.Naissance, #form input.Construction, #form select.Periode{background-image:url("../../../images/icon/champ-naissance.png");}


#form input.Niveau, #form select.Niveau{background-image:url("../../../images/icon/champ-niveau.png");}
#form select.Orientation{background-image:url("../../../images/icon/champ-orientation.png");}
#form input.Diplome, #form select.Diplome{background-image:url("../../../images/icon/champ-diplome.png");}
#form select.Metier{background-image:url("../../../images/icon/champ-metier.png");}
#form select.Qualif{background-image:url("../../../images/icon/champ-qualif.png");}
#form select.Profil, #form input.Profil{background-image:url("../../../images/icon/champ-profil.png");}
#form input.Langue, #form select.Langue{background-image:url("../../../images/icon/champ-langue.png");}
#form input.Source,#form select.Source{background-image:url("../../../images/icon/champ-source.png");}
#form input.Upload, #form select.Upload{background-image:url("../../../images/icon/champ-upload.png");}


#form input.Ecole{background-image:url("../../../images/icon/champ-ecole.png");}
#form input.Transport{background-image:url("../../../images/icon/champ-transport.png");}
#form input.Fonction{background-image:url("../../../images/icon/champ-fonction.png");}
#form input.Entreprise{background-image:url("../../../images/icon/champ-entreprise.png");}

#form select.Interet{background-image:url("../../../images/icon/champ-interet.png");}
#form input.Budget, #form select.Budget{background-image:url("../../../images/icon/champ-budget.png");}
#form select.Travail{background-image:url("../../../images/icon/champ-travail.png");}
#form input.Extension{background-image:url("../../../images/icon/champ-extension.png");}
#form select.Habitation{background-image:url("../../../images/icon/champ-habitation.png");}

#form input.Website{background-image:url("../../../images/icon/champ-website.png");}
#form input.Info,#form select.Info{background-image:url("../../../images/icon/champ-info.png");}

.checkbox_gris, .checkbox_gris2{
	background:#efefef;
	padding:5px 15px;
	margin:2px;
	float:left;
	width: -moz-calc(20% - 34px);
	width: -webkit-calc(20% - 34px);
	width: calc(20% - 34px);
}
.checkbox_gris2{
	width: -moz-calc(48.5% - 34px);
	width: -webkit-calc(48.5% - 34px);
	width: calc(48.5% - 34px);
}
@media screen and (max-width: 1100px) {
	.js .checkbox_gris{
		width: -moz-calc(33% - 34px);
		width: -webkit-calc(33% - 34px);
		width: calc(33% - 34px);
	}
	.js .checkbox_gris2{
		margin: 2px 0px;
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: calc(100% - 30px);
	}
}
@media screen and (max-width: 800px) {
	.js .checkbox_gris{
		width: -moz-calc(50% - 34px);
		width: -webkit-calc(50% - 34px);
		width: calc(50% - 34px);
	}
}
@media screen and (max-width: 500px) {
	.js .checkbox_gris{
		margin: 2px 0px;
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: calc(100% - 30px);
	}
}