/**
 * Feuille de style pour le module contact coté public
 *
 */


/* Styles des éléments HTML du formulaire
--------------------------------------------------------*/

/* formulaire */
#contact-form {
	width: 500px;
	margin: 0 auto;
}

/* fieldset */
#contact-form fieldset {
	margin: 1.8em 0 1em;
	padding: 0.5em;
	border: none;
	border-top: 1px solid #ddd;
}

/* legend */
#contact-form legend {
	margin: 0;
	padding: 0.2em 0.8em;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	font-style: italic;
}

/* label */
#contact-form label {
	cursor: pointer;
}

/* input text */
#contact-form input.text {
	padding: 1px;
	width: 300px
}

/* input textarea */
#contact-form textarea {
	padding: 1px;
	width: 300px
}

/* input select */
#contact-form select {
}
	#contact-form option {
		padding: 0 0.3em;
	}
	#contact-form optgroup option {
		padding-left: 1em;
	}

/* input checkbox */
#contact-form input.checkbox {
	border: none;
}

/* input radio */
#contact-form input.radio {
	border: none;
}


/* Classes du formulaire
--------------------------------------------------------*/


/* boite d'erreur(s) */
.error_box {
	margin: 0.6em;
	padding: 0.2em 0.6em;
	text-align: left;
	background-color: #FFEEEE;
	border: 1px solid red;
}
	.error_box p {
		margin: 0;
	}
	.error_box ul {
		margin: 0;
		padding-left: 1em;
	}


/* field */
#contact-form .field {
	margin: 0 0 5px 0;
	position: static;
	zoom: 1;
}
#contact-form .field:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	#contact-form .field label,
	#contact-form .field .fake-label {
		display: block;
		float: left;
		width: 180px;
		margin-right: 1em;
		text-align: left;
	}

/* liste de checkbox */
ul.checkboxlist {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	display: table;
}
	ul.checkboxlist li {
		display: table-cell;
		padding-right: 2em;
	}

/* liste de boutons radio */
ul.radiolist {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	display: table;
}
	ul.radiolist li {
		display: table-cell;
		padding-right: 2em;
	}

/* erreurs */
#contact-form label.error {
	color: #c00;
	font-style: italic;
	font-size: 0.9em;
	float: none;
	display: block;
	padding-left: 200px;
	width: auto;
}

#contact-form input.error,
#contact-form textarea.error {
	border: 1px dotted #c00;
}

/* champs requis */
#contact-form .required {
	font-weight: bold;
}
#contact-form .required:before {
	content: '* ';
	color: #c00;
}


#civilite-wrapper {
	display: none;
}

#coordonnees {
	text-align: center;
}
	#coordonnees p {
		margin: 0;
		padding: 0;
	}
		#coordonnees span.label {
			font-weight: bold;
		}


/* Google Map
--------------------------------------------------------*/

#google_map, .ui-dialog #google_map {
	width: 600px;
	height: 500px;
	margin-left: 55px;
}
#infobulle, .ui-dialog #infobulle {
/*	width: 230px;
	height: 110px;
*/}
#infobulle strong, .ui-dialog #infobulle strong {
	color: #222;
	font-size: 1.2em;
}
.printer, .ui-dialog .printer {
	float:right;
}
.printer img,
.printer a, .ui-dialog .printer img,
.ui-dialog .printer a {
	border: none;
}

.google_map_added_class {
	font-size: 1em;
}

#google_map img { 
max-width:none;
}