/**
 *******************************************************************************
 * Redéfinitions
 *******************************************************************************
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend {
	border:0 none;
	font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;
	margin:0;padding:0;
	text-align:left;vertical-align:baseline;
}

div#menu {
	float:left;
	width:100px;
	height:400px;
	background-color:#FF6699;
	}
	
table, caption, tbody, tfoot, thead, , th, td{
	border:0 none;
	font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;
	margin:0;padding:0;
}

body {
	font-size: .8em;font-family:Arial,Helvetica,sans-serif;
	line-height:1.2em;
	background-color:#616161;color:#444;
}
	body.body-blanc {background-color:#fff;}
hr {border:0px;border-top:1px solid #ccc;}
small {font-size:0.9em;}

A:link {
color: #08c; 
text-decoration:none
}

A:active {
color: #08c; 
text-decoration:none
}

A:visited {
color: #08c; 
text-decoration:none
}

A:hover {
color:#ff4901;
text-decoration:none
}
h1, h2, h3 {margin:10px 0px 10px 0px;font-weight:bold;}
h1 {font-size:2em;}
h2 {font-size:1.6em;letter-spacing:-0.05em;}
h3 {font-size:1.25em;}
h4 {font-size:1.1em;font-weight:bold;}
h5 {font-size:0.9em;}
h7 {color:#ff4901;font-weight:bold;}
h1 small {font-size:0.7em;}

	ul.gallery {
		list-style: none;
		margin: 0 0 10px 0;
	}
	
		ul.gallery li {
			display: block;
			float: left;
			margin: 0 5px 0 0;
		}
		
			ul.gallery li a {
				padding: 2px;
				display: block;
				border: 2px #9db2b9 solid;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				line-height: 0;
			}
			
			ul.gallery li a:hover { border: 2px #313739 solid; }

/**
 *******************************************************************************
 * Formattage générique
 *******************************************************************************
 */

.tokup {font-weight:bold;font-size:1.1em;line-height:1em;}
.pointer {cursor:pointer;}
.clear {clear:both;}
.center {text-align:center;}
.align-left {float:left;}
.align-right {float:right;}
.hand {cursor:pointer;}
.nobr {white-space:nowrap;}
.souligne {text-decoration:underline;}
.souligne-non {text-decoration:none;}
/* Pas de réponse trouvée, message */
.pas-reponse {text-align:center;padding:40px 20px 40px 20px;}
/* Affiche d'une image en tant qu'icone */
img.img-icone {vertical-align:bottom;margin-right:2px;}
img.img-icone-middle {vertical-align:middle;margin-right:2px}
.invisible {display:none;}
a.plus {font-weight:bold;white-space: nowrap;}
/* Se situe sous un H */
p.explication {margin-bottom:10px;}
/* Affichage d\'un bouton submit flottant */
div.input {padding:15px;}
.colonne {border:1px solid #ccc;border-top:0px;padding:10px;}
.colonne-0 {border:1px solid #ccc;border-top:0px;}
.colonne-big {border:1px solid #ccc;border-top:0px;padding:20px;}
/* Ressemble à un lien */	
.link {color:#08c;cursor:pointer;}
.tag-urgent {
	text-transform:uppercase;
	background-color:#c00;color:#fff;
	font-size:9px;font-weight:bold;font-style:normal;
	padding:4px;
}
/* Lien en mode submit */
a.bouton {
	background-color:#aaa;color:#fff;
	border:1px solid #888;padding:2px 6px 2px 6px;margin-top:3px;margin-right:3px;
	text-transform:uppercase;text-decoration:none;font-size:10px;font-weight:bold;
}
.bouton-clic,
.bouton-curseur {cursor:pointer;}

/**
 *******************************************************************************
 * Formattage générique
 *******************************************************************************
 */
ul.lien-liste {
	margin:45px 25px 15px 25px;
}
	ul.lien-liste li a {
	}
	ul.lien-liste .lien-liste-titre {
		font-weight:bold;font-size:0.9em;text-transform:uppercase;list-style-type:none;
		border-bottom:1px solid #ccc;margin-bottom:5px;margin-left:-15px;padding-bottom:3px;
	}
p.lien-liste {
	font-weight:bold;font-size:0.9em;text-transform:uppercase;list-style-type:none;
	border-bottom:1px solid #ccc;margin-bottom:5px;padding-bottom:3px;margin-top:20px;
}

/**
 *******************************************************************************
 * Les alertes
 *******************************************************************************
 */
#alerte-header {
	padding:10px;padding-bottom:0px;
	background-color:#fff;
	display:none;
}
	#alerte-
	 .alerte-contenu {
		border: 1px solid;
		background-repeat: no-repeat;background-position: 10px center;
	}
		#alerte-header .alerte-contenu .alerte-texte {
			padding:20px;padding-left:50px;
		}
			#alerte-header .alerte-contenu .alerte-texte {
				font-weight:bold;font-size:1.2em;
			}
				#alerte-header .alerte-contenu .alerte-texte .sous-titre {
					font-weight:normal;font-size:0.8em;
					display:block;
				}
				#alerte-header .alerte-contenu .alerte-texte ul {
					margin-left:15px;
				}
			#alerte-header .alerte-contenu .alerte-texte .close {
				float:right;
				cursor:pointer;
			}
	#alerte-header .alerte-info {
		color: #00529B;background-color: #BDE5F8;background-image: url('/application/tokup/public/img/fond/bulle_info.gif');
	}
	#alerte-header .alerte-validation {
		color: #4F8A10;background-color: #DFF2BF;background-image:url('/application/tokup/public/img/fond/bulle_validation.gif');
	}
	#alerte-header .alerte-erreur {
		color: #D8000C;background-color: #FFBABA;background-image: url('/application/tokup/public/img/fond/bulle_error.gif');
	}


/**
 *******************************************************************************
 * Gestion des colonnes
 *******************************************************************************
 */

/** Découpage avec une colonne de 300 pour le pavé de publicité **/
.col {float:left;margin-right:10px;}
	.col-300-contenu {width:646px;}
	.col-800-contenu {width:900;}
	.col-300-menu {width:300px;}
	.col-dernier {margin-right:0px;}
/** Menu **/
.col2 {float:left;margin-right:10px;}
	.col2-300-contenu {width:646px;}
	.col2-300-menu {width:250px;}
	.col2-dernier {margin-right:0px;}
.col2-600-50pc {width:636px;margin-left:10px;float:right;text-align: justify;}
	.col2-600-50pc-dernier {margin-right:0px;}
/** Découpage avec une colonne de 160 pour le wide sky **/
	.col-160-contenu {width:786px;}
	.col-160-menu {width:160px;}
	.col-dernier {margin-right:0px;}
/** Découpage avec une colonne de 200 pour des formulaires de filtres **/
	.col-200-contenu {width:746px;}
	.col-200-menu {width:200px;}
/** Découpage en colonne de 50%, divisé par une ligne **/
	.col-50pc-gauche {margin:0px;padding-right:5px;width:473px;}
	.col-50pc-droite {margin:0px;padding-left:5px;width:472px;}
/** Découpage en colonne de 50%, divisé par une ligne **/
	.col-50pc-gauche-ligne {margin:0px;padding-right:10px;width:467px;}
	.col-50pc-droite-ligne {margin:0px;padding-left:10px;width:467px;}
.col-300-contenu-in-contenu {float:left;width:550px;margin-right:10px;}
.col-300-contenu-in-menu {float:left;width:226px;}
.col-600-50pc {width:636px;margin-right:10px;float:left;text-align: justify;}
	.col-600-50pc-dernier {margin-right:0px;}
.col-800-50pc {width:900px;margin-right:10px;float:left;text-align: justify;}
.col-600-50pc2 {width:636px;margin-left: auto;margin-right: auto;float:left;text-align: center;}

/**
 *******************************************************************************
 * Bloc de header
 *******************************************************************************
 */
#bloc-123 {
	padding:0px 0px 10px 30px;
}

	#bloc-123 .bloc-123-element {
		float:left;
		width:305px;
		padding-bottom:10px;
	}

	#bloc-123 .bloc-123-icon {
		margin-right:10px;
		width:30px;
		height:23px;
		background-color:#6b8abc;
		border:1px solid #a9b5da;
		text-align:center;
		color:#fff;
		font-size:1.5em;
		font-weight:bold;
		font-family:Arial,Helvetica,sans-serif;
		padding-top:6px;
		float:left;
	}

	#bloc-123 .prestataire .bloc-123-icon {
		background-color:#f39333;
		border:1px solid #f9c66c;
	}

	#bloc-123 .bloc-123-texte {
		float:left;
		width:250px;
		font-size:0.95em;
		line-height:1.5em;
	}

		#bloc-123 .bloc-123-texte h1 {
			font-size:1.5em;
			font-weight:bold;
			margin-bottom:5px;
			margin-top:0px;
		}
		
	#bloc-123 .bloc-123-lien {
		font-size:0.8em;
		text-decoration:none;
	}
		
		#bloc-123 .bloc-123-lien img {
			vertical-align:absmiddle;
			padding-right:5px;
		}


/**
 *******************************************************************************
 * Tétières
 *******************************************************************************
 */

div.tetiere {
	background-color:#FF6600;
	margin-top:20px;padding:5px 10px 5px 10px;
}
	div.tetiere-premiere {
		margin-top:0px;
	}
	div.tetiere h3 {
		margin:0px;padding:0px;
		color:#fff;
		text-transform:uppercase;font-size:0.94em;font-weight:bold;
	}
img.tetiere {
	margin-top:20px;
}
div.tetiere-couleur {
	background-color:#8597b2;
}
div.tetiere-onglet {
	border:0px;padding-left:8px;
}
	div.tetiere-onglet .tetiere-onglet-element {
		background-color:#ccc;		
		padding:6px 10px 6px 10px;margin-right:4px;
		display:block;float:left;text-align:center;
		font-size:0.9em;font-weight:bold;line-height:1em;
		cursor:pointer;
	}
	div.tetiere-onglet .onglet-curseur-on {
		background-color:#fff;
	}
	div.tetiere-onglet div.droite {
		padding:6px 15px 0px 15px;
	}

/**
 *******************************************************************************
 * Thèmes
 *******************************************************************************
 */

.couleur-annonce {background-color:#e9edfc;}
.couleur-form {background-color:#e6eaee;}
.couleur-annonce-urgent {background-color:#f8f0f8 !important;}
.couleur-proposition {background-color:#edecea;}
.couleur-client {background-color:#e4e7f1;}
.background-client {background-color:#e4e7f1;border:1px solid #ccd5f0;}
.couleur-presta {background-color:#fcf1db;}
.background-presta {background-color:#fcf1db;border:1px solid #facd79;}
.couleur-message {background-color:#d8f8d1;}

/**
 *******************************************************************************
 * Affichage des tableaux
 *******************************************************************************
 */
.tableau {
	border-bottom:none;
}
	.tableau .ligne {
		border-bottom:1px solid #ccc;padding:8px;padding-left:185px;
	}
		.tableau .ligne .label {
			float:left;text-align:right;
			font-weight:bold;
			width:175px;
			border-right:1px solid #ccc;margin-left:-195px;padding-right:5px;
		}

/**
 *******************************************************************************
 * Formulaires
 *******************************************************************************
 */
/** input : text et textarea **/
form .input-text ,
form .input-textarea {
	font-family:Arial,Helvetica,sans-serif;font-size:12px;
	background-image:url('/application/tokup/public/img/fond/input.gif');background-position:top left;
	border:1px solid #999;padding:2px 5px 2px 5px;margin:0px;
}
form .input-text {
	height:15px;
	vertical-align:baseline;
}
/** input : <select> **/
form .input-select {
	font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:0px;
	background-color:#fff;
	border:1px solid #999;margin:0px;padding:1px;
	height:21px;vertical-align:baseline;
}
form .input-radio {
	vertical-align:text-bottom;
	margin:0px;margin-right:3px;
}
form .input-checkbox {
	vertical-align:top;
	margin:0px;margin-right:1px;
}
/** Bouton Submit **/
input.submit {
	cursor: pointer;overflow: visible;
	padding: 2px 8px 3px 8px;
	font-weight: bold;font-size:12px;
	background:none;color: #444 !important;background-color: #d3d0c7;
	border: 1px solid #eee;border-right-color: #898989;border-bottom-color: #898989;
}
	input.submit-small {
		padding: 1px 3px 2px 3px;
	}
	input.submit:hover {
		background-color: #dfdcd5;
		border: 1px solid #eee;border-right-color: #999;border-bottom-color: #999;
	}
	input.submit:focus {
		background-color: #beb8a9;
		border: 1px solid #333;border-right-color: #ccc;border-bottom-color: #ccc;
	}
form .submit-invisible {
	display:none;
	padding:5px;margin:0px;
}
/** Bouton Submit **/
input.submit-preference {
	background-image:url('/application/tokup/public/img/fond/submit_preference.gif');background-position:0 0;background-color: #d4dbe9;
	color: #444 !important;
	cursor: pointer;
	overflow: visible;
	border: 1px solid #eee;border-right-color: #898989;border-bottom-color: #898989;padding: 3px 8px 3px 30px;
	font-weight: bold;font-size:12px;
}
	input.submit-preference:hover {
		background-color: #cce0cc;border: 1px solid #eee;border-right-color: #999;border-bottom-color: #999;
	}
	input.submit-preference:focus {
		background-color: #94b494;border: 1px solid #333;border-right-color: #ccc;border-bottom-color: #ccc;
	}

/**
 *******************************************************************************
 * Formulaires, formatage spécifique
 *******************************************************************************
 */

/* Ligne qui entoure les lignes avec checkbox ou radio button */
form ul.ligne-checkbox {
	margin-left:30px;
	list-style-type:none;
}

	form ul.ligne-checkbox li {
		padding:3px 20px 3px 0px;
		list-style-type:none;
	}

		form ul.ligne-checkbox li.ligne-checkbox-input {
			padding:1px 0px 1px 0px;
		}

/* Ligne qui entoure les lignes avec checkbox ou radio button, version agrandie en hauteur */
form ul.ligne-checkbox-big li {
	padding:5px 0px 5px 0px;
	list-style-type:none;
}

	/* Ligne qui entoure les lignes avec checkbox ou radio button, mais aussi input-text */
	form ul.ligne-checkbox-big li.ligne-checkbox-input {
		padding:3px 0px 3px 0px;
	}

/* Pour afficher le label sur le input */
form .input-sous {
	float:left;
	padding-right:5px;
}

form .gris * {
	color:gray;
}

/**
 *******************************************************************************
 * Formulaires, détail des champs et dimensions
 *******************************************************************************
 */

form input.form-nom {width:250px;}
form input.form-prenom {width:250px;}
form input.form-raisonsociale {width:150px;}
form input.form-edito-titre {width:400px;}
form textarea.form-edito-article {width:650px;height:400px;}
form input.form-siret {width:120px;}
form input.form-captcha {width:100px;font-size:26px;height:30px;}
form input.form-adresse-n {width:30px;text-align:right;}
form input.form-adresse-rue {width:200px;}
form input.form-adresse-cp {width:60px;}
form input.form-adresse-ville {width:150px;}
form input.form-annonce-titre {width:300px;}
form textarea.form-annonce-annonce {width:550px;height:200px;}
form input.form-prix {width:35px;text-align:right;}
form input.form-annonce-date {width:70px;}
form input.form-localite {width:150px;}
form input.form-user-email {width:150px;}
form input.form-user-pseudo {width:120px;}
form input.form-user-pass {width:80px;}
form input.form-user-nom-prenom {width:250px;}
form textarea.form-user-presentation {width:400px;height:80px;}
form input.form-telephone {width:150px;}
form input.form-distance {width:30px;text-align:right;}
form input.form-horaire {width:400px;}
form textarea.form-offre-commentaire {width:400px;height:120px;}
form textarea.form-offre-besoin {width:400px;height:60px;}
form textarea.form-offre-text {width:400px;height:30px;}
form input.form-sujet {width:300px;}
form textarea.form-message {width:400px;height:150px;}
form textarea.form-small-message {width:470px;height:100px;}
form textarea.form-small-refus {width:470px;height:40px;}
form textarea.form-evaluation {width:450px;height:80px;}
form input.form-home-ville {width:70px;}

/**
 *******************************************************************************
 * Formulaire, validation (plugin Validate)
 *******************************************************************************
 */

/* Affichage d'un fond rose dans les champs où on a trouvé des erreurs */
input.error,textarea.error,input.error-perso,textarea.error-perso {
	border:1px solid #faa;
}

/* Affichage des messages d'erreur */
label.error {
	display:none;
}

	/* Affichage du petit warning */
	label.error span {
		display:block;
		color:#a00;
		padding-top:4px;
		padding-bottom:4px;
		padding-left:30px;
		margin-top:5px;
		background-image:url('/application/tokup/public/img/fond/erreur.gif');
	}

div.error span {
	display:block;
	color:#a00;
	padding:4px 0px 4px 30px;
	margin-top:5px;
	background-image:url('/application/tokup/public/img/fond/erreur.gif');
}


/**
 *******************************************************************************
 * Affichage d'une erreur côté PHP
 *******************************************************************************
 */

#erreur {
	color:#a00;
	background-color:#fcc;
	padding:10px;
	border:1px solid #f8a5a5;
}


/**
 *******************************************************************************
 * Evaluation
 *******************************************************************************
 */

.template-evaluation {
	background-color:#dae7ec;
	border:1px solid #b0c9d3;
	padding:10px;
	margin-bottom:5px;
}

.template-evaluation .evaluation-note {
	float:left;
	width:30px;
}

.template-evaluation .evaluation-pseudo {
	font-size:0.95em;
	color:#999;
	margin-top:4px;
	font-style:normal;
}

.template-evaluation .evaluation-annonce {
	margin-top:8px;
	font-size:0.95em;
	margin-left:30px;
	color:#999;
}

.template-evaluation .evaluation-libelle {
	font-style:italic;
}

/* Affichage du score */
.evaluation-label {
	font-weight:normal;font-style:normal;font-size:12px;vertical-align:top;letter-spacing:normal;
}
	.evaluation-label img {
		width:12px;height:12px;vertical-align:baseline;margin-right:2px;
	}

.template-evaluation-note {
	background-color:#dae7ec;
	border:1px solid #b0c9d3;
	padding:20px;
}

.template-annonce-case {
	font-size:0.9em;
	padding:10px;
	padding-left:55px;
	list-style-type:none;
}

	.template-annonce-case img {
		float:left;
		margin-left:-45px;
	}

	.template-annonce-case .template-annonce-case-categorie {
		display:block;
	}
	
	.template-annonce-case .template-annonce-case-titre {
		display:block;
		font-weight:bold;
		font-size:1.2em;
	}
	
	.template-annonce-case .template-annonce-case-contenu {
		display:block;
	}
	
	.template-annonce-case .template-annonce-case-localite {
		display:block;
	}
	
	.template-annonce-case .template-annonce-case-prix-date {
		display:block;
	}
	
	.template-annonce-case .template-annonce-case-prix {
		font-weight:bold;
	}
	
	.template-annonce-case .template-annonce-case-bouton {
		background-color:#ddd;
		padding:1px 5px 1px 5px;
		border:1px solid #ccc;
		color:#fff;
		text-transform:uppercase;
		font-size:9px;
		font-weight:bold;
		margin-top:3px;
		display:block;
		float:left;
	}
	
		.template-annonce-case .template-annonce-case-bouton a {
			color:#444;
			text-decoration:none;
		}

/**
 *******************************************************************************
 * Listes
 *******************************************************************************
 */

ul.sans_puce {
	list-style-type:none;
}

ul.sans_marge_puce {
	padding-left:15px;
}

ul.classic,ol.classic {
	margin:5px;
	padding-left:15px;
}


/**
 *******************************************************************************
 * Gestion des menus
 *******************************************************************************
 */

.menu-label {
	background-color:#eee;
	padding:4px;
	padding-left:8px;
	font-weight:bold;
	border:1px solid #ccc;
}

.menu-contenu {
	padding:8px;
	border:1px solid #ccc;
	border-bottom:0px;
	border-top:0px;
}

.menu-contenu-dernier {
	margin-bottom:5px;
	border-bottom:1px solid #ccc;
}


/**
 *******************************************************************************
 * Publicité
 *******************************************************************************
 */

.pub-pave {
	margin-bottom:15px;
}

	.pub-pave .pub-libelle {
		text-align:center;
		font-size:8px;
		color:#999;
		font-family:verdana;
		padding:0px;
		letter-spacing:2px;
		border-bottom:1px solid #ccc;
	}


/**
 *******************************************************************************
 * Gestion des onglets
 *******************************************************************************
 */

.onglet-masque {
	margin-bottom:20px;
	padding-left:20px;
	background-image:url('/application/tokup/public/img/interface/couleur_ccc.gif');
	background-position:bottom center;
	background-repeat:repeat-x;
}

	.onglet-masque ul {
		list-style-type:none;
		margin:0px;
		padding:0px;
	}

	.onglet-masque .onglet {
		float:left;
		padding:5px 10px 5px 10px;
		border:1px solid #ccc;
		border-bottom:1px solid #ddd;
		background-color:#ddd;
		margin-right:2px;
		margin-top:5px;
		font-size:0.86em;
		font-weight:bold;
		text-transform:uppercase;
	}

		.onglet-masque .onglet a {
			text-decoration:none;
			color:#444;
		}

		.onglet-masque .onglet:hover {
			border:1px solid #999;
			border-bottom:1px solid #bbb;
			background-color:#bbb;
		}

			.onglet-masque .onglet:hover a {
				color:#222;
			}

		.onglet-masque .onglet.no-link {
			cursor:default;
			color:#ccc;
			background-color:#ddd;
			border:1px solid #ccc;
			border-bottom:1px solid #ddd;
		}

		.onglet-masque .onglet.on {
			border-bottom:1px solid #fff;
			background-color:#fff;
			padding-top:8px;
			margin-top:0px;
			padding-bottom:8px;
			color:#444;
		}


/**
 *******************************************************************************
 * Gestion des Blocs
 *******************************************************************************
 */
.quote {
	padding:10px 0px 10px 20px;
	clear:both;
}

	.quote label.libelle {
		display:block;
		font-size:1.1em;
		font-weight:bold;
		margin-bottom:4px;
	}

	.quote label.libelle-ligne {
		display:block;
		font-size:1.1em;
		font-weight:bold;
		padding-bottom:5px;
		border-bottom:1px dotted #ccc;
		margin-bottom:5px;
	}

	.quote label.libelle-small {
		display:block;
		margin-bottom:4px;
	}

.quote-ligne {
	border-bottom:1px dotted #ddd;
}

	.quote-ligne .quote-ligne-texte {
		float:left;
		width:150px;
		padding:5px 5px 5px 5px;
		text-align:right;
	}

	.quote-ligne .quote-ligne-input {
		float:left;
		padding:5px 5px 5px 5px;
		width:476px;
	}

	.quote-ligne .quote-ligne-input-float {
		float:left;
		padding:5px 5px 5px 5px;
	}

.quote-ligne-droite .quote-ligne-texte {
	text-align:right;
}

.quote-dernier {
	border-bottom:0px;
}


/**
 *******************************************************************************
 * Page
 *******************************************************************************
 */

#page {
	width:956px;
	margin: 0px auto;
	padding:20px 11px 20px 11px;
	background-color:#fff;
	border-left:1px solid #444;
	border-right:1px solid #444;
}


/**
 *******************************************************************************
 * Homepage
 *******************************************************************************
 */

	.homepage .home-idee-col {
		width:217px;
		padding:10px;
		border-right:1px solid #ccc;
		background-position:bottom right;
		background-repeat:no-repeat;
		float:left;
	}

		.homepage .home-idee-col-dernier {
			border-right:0px;
			width:220px;
		}

		.homepage .home-idee-col img {
			border:1px solid #ccc;
			margin-bottom:5px;
		}

		.homepage .home-idee-col a.home-col-titre {
			font-weight:bold;
			font-size:1.16em;
			text-decoration:none;
			color:#4a536a;
			display:block;
			margin-bottom:3px;
		}

		.homepage .home-idee-col a.home-col-plus {
			text-decoration:none;
			font-size:0.9em;
			font-weight:bold;
		}

/**
 *******************************************************************************
 * Confirmation du compte
 *******************************************************************************
 */

#user-confirmation {
	background-color:#fff;
	padding:4px;
}

	#user-confirmation .message {
		text-align:center;
		padding:11px;
		background-color:#e5e9f3;
		border:1px solid #c4cbdb;
	}

/**
 *******************************************************************************
 * Impression
 *******************************************************************************
 */

#impression {
	width:90%;
	margin:0 auto;
	line-height:1.6em;
	max-width:800px;
}

	#impression hr {
		margin: 20px 0px 20px 0px;
	}

	#impression .logo {
		padding:10px;
	}


/**
 *******************************************************************************
 * iFramed
 *******************************************************************************
 */

#iframed {
	padding:20px 30px 20px 30px;
}

	#iframed h1 {
		margin-bottom:10px;
		font-size:1.3em;
		font-weight:bold;
	}


/**
 *******************************************************************************
 * Annonce
 *******************************************************************************
 */

.annonce-punaise {
	padding:10px;
	background-color:#f4faff;
	border:1px solid #bdd4ec;
}

	.annonce-punaise img {
		margin-right:5px;
		vertical-align:text-bottom;
		width:16px;
		height:14px;
	}

/* Affichage des filtres (annonce-perso...) */
.annonce-filtre {
	padding:10px;
	text-align:center;
}

	.annonce-filtre-critere {
		float:left;
	}

	.annonce-filtre-filtre {
		float:right;
	}




/**
 *******************************************************************************
 * Pavé à propos d'annonce
 *******************************************************************************
 */
.template-annonce-apropos {
	padding:10px;
	background-color:#fff;
	border:1px solid #ccc;
	border-top:0px;
	margin-bottom:10px;
	font-size:0.95em;
}

	.template-annonce-apropos .param {
		padding-left:120px;
		margin-bottom:3px;
		border-bottom:1px solid #ccc;
		padding-bottom:3px;
	}

	.template-annonce-apropos .param-auteur {
		margin-bottom:3px;
		border-bottom:1px solid #ccc;
		padding-bottom:3px;
	}

		.template-annonce-apropos .param-dernier {
			border-bottom:0px;
		}

	.template-annonce-apropos .annonce-contenu {
		background-color:#fefefe;
		padding:10px;
		border:1px solid #ccc;
		margin-bottom:5px;
	}

	.template-annonce-apropos .param label {
		margin-left:-110px;
		float:left;
		width:110px;
		font-weight:bold;
	}

/**
 *******************************************************************************
 * Menu de chiffres
 *******************************************************************************
 */
.colonne-chiffre {
	background-color:#fff;
	border:1px solid #ccc;
	border-top:0px;
	margin-bottom:10px;
	font-size:0.95em;
	background-position:bottom;
	background-repeat:repeat-x;
}

	.colonne-chiffre .param {
		padding-left:110px;
		margin-bottom:3px;
		border-bottom:1px solid #ccc;
		padding-bottom:3px;
	}

		.colonne-chiffre .param-dernier {
			border-bottom:0px;
		}

	.colonne-chiffre .param label {
		margin-left:-100px;
		float:left;
		width:100px;
		font-weight:bold;
		padding-right:5px;
	}

	.colonne-chiffre .param-libelle {
		font-weight:bold;
		padding:3px;
		padding-left:10px;
		background-color:#eee;
		font-size:1.1em;
		margin-bottom:3px;
		border-bottom:1px solid #ccc;
	}
	
.colonne-top {
	padding-top:0px;
}


/**
 *******************************************************************************
 * Gestion des images
 *******************************************************************************
 */

ul.image-affiche {
	list-style-type:none;
}

	ul.image-affiche li {
		float:left;
		padding:0px;
		margin:5px 15px 0px 0px;
		text-align:center;
		font-size:0.9em;
	}

	ul.image-affiche li img {
		border:1px solid #ccc;
		background-color:#fff;
		display:block;
	}

.bouton-upload {
	background-color:#a5adc7;
	padding:5px;
	padding-left:35px;
	margin-top:3px;
	cursor:pointer;
	font-size:1.03em;
	background-image:url('/application/tokup/public/img/fond/photo.gif');
	background-repeat:no-repeat;
	background-position:0 0;
	border:1px solid #999;
	width:520px;
	color:#fff;
}

	.bouton-upload .lien-ajouter {
		margin-left:5px;
	}

	.bouton-upload img {
		vertical-align:bottom;
	}

.efface-image {
	color:#08c;
	text-decoration:underline;
	cursor:pointer;
}


/**
 *******************************************************************************
 * Googlemap
 *******************************************************************************
 */

#map {
	width: 500px;
	height: 300px;
}

.map-affiche {
	background-color:#eee;
	width: 500px;
	border:1px solid #666;
}

.map-affiche .titre {
	text-align:center;
	font-weight:bold;
	padding:5px;
	font-size:1.1em;
	border-bottom:1px solid #666;
}


/**
 *******************************************************************************
 * Template Proposition
 *******************************************************************************
 */
.template-proposition {
	margin-bottom:5px;
	padding:15px;
}

	.template-proposition .avatar-colonne {
		float:left;
		width:70px;
	}

	.template-proposition .contenu-colonne {
		float:left;
		width:544px;
	}

	.template-proposition .proposition-outil {
		margin-top:5px;
	}

	.template-proposition .interface {
		list-style-type:none;
		display:block;
		margin-top:5px;
	}

		.template-proposition .interface li {
			float:left;
			padding:3px 10px 3px 10px;
			background-color:#ecdec3;
			margin-right:3px;
			font-size:0.7em;
			font-weight:bold;
			text-transform:uppercase;
		}

		.template-proposition .interface li.onglet-curseur-on {
			background-color:#fff;
		}

		.template-proposition .interface li a {
			color:#444;
			text-decoration:none;
		}

		.template-proposition .entete {
			font-weight:bold;
			padding-bottom:4px;
		}

	.template-proposition .onglet-sous-contenu {
		background-color:#fff;
		padding:20px;
	}

	.template-proposition .option {
		padding:2px;
		padding-left:105px;
	}

		.template-proposition .option label {
			float:left;
			font-weight:bold;
			margin:0px;
			padding:0px;
			width:100px;
			margin-left:-105px;
		}

		.template-proposition .option .prix {
			font-weight:bold;
			color:#c00;
		}

/**
 *******************************************************************************
 * Template Annonce listing
 *******************************************************************************
 */

.template-annonce {
	margin-bottom:5px;
	font-size:1em;
	background-color:#f4f4f4;
	padding:15px;
	border:1px solid #ccc;
}

	.template-annonce .annonce-tag {
		margin-right:5px;
	}

	.template-annonce .img-icone {
		margin-left:5px;
	}

	.template-annonce .arrondi-haut {
		padding:15px;
	}

	.template-annonce .case-top {
	}

		.template-annonce .case-top .titre {
			padding-bottom:2px;
		}

		.template-annonce .case-top .titre a {
			font-size:1.3em;
			font-weight:bold;
			text-decoration:none;
		}

	.template-annonce .distance {
		float:right;
		font-size:0.95em;
	}

	.template-annonce .case-annonce {
		width:410px;
		float:left;
		padding-top:5px;
	}

		.template-annonce .case-annonce .annonce {
			padding-bottom:2px;
		}

		.template-annonce .case-annonce .adresse {
			padding-bottom:5px;
			font-style:italic;
		}

		.template-annonce .case-annonce input {
			margin-top:4px;
		}

	.template-annonce .case-tarif {
		width:130px;
		float:left;
	}

		.template-annonce .case-tarif .tarif {
			font-weight:bold;
			font-size:1.15em;
			text-align:center;
		}

		.template-annonce .case-tarif .date {
			margin-top:3px;
			font-size:0.9em;
			text-align:center;
		}

		.template-annonce .case-tarif .pseudo {
			text-align:center;
		}

	.template-annonce .case-expiration {
		text-align:center;
		width:160px;
		padding-left:5px;
		float:left;
	}


/**
 *******************************************************************************
 * Planning
 *******************************************************************************
 */

/* On cache les checkbox comprises dans tous les check-img */
.check-img input {
	display:none;
}

/* Le planning */
.disponibilite-bloc {
	width:332px;
}

	/** Les cases **/
	.disponibilite-tableau .check-img {
		height:32px;
		width:32px;
		border-bottom:1px dotted #a2bbdd;
		border-right:1px solid #a2bbdd;
		cursor:pointer;
	}

	.disponibilite-tableau .check-disable {
		background-color:#e00;
		background-image:url(/application/tokup/public/img/interface/dispo.png);
		background-position:0px 0px;
	}

	.disponibilite-tableau .check-enable {
		background-color:#1c9727;
		background-image:url(/application/tokup/public/img/interface/dispo.png);
		background-position:0px -32px;
	}

	/** Le contenu **/
	.disponibilite-tableau div {
		float:left;
	}

	.disponibilite-tableau div.libelle {
		width:100px;
		height:22px;
		padding-top:10px;
		border-right:1px solid #a2bbdd;
		border-bottom:1px solid #a2bbdd;
		text-align:center;
		cursor:pointer;
		color:#000;
		background-color:#cad8e3;
	}

		.disponibilite-tableau div.libelle:hover {
			background-color:#648299;
			color:#fff;
		}

	.disponibilite-tableau div.libellevide {
		width:100px;
		height:32px;
		border-right:1px solid #a2bbdd;
		border-bottom:1px solid #a2bbdd;
	}

	.disponibilite-tableau div.jour {
		height:24px;
		width:32px;
		padding-top:8px;
		text-align:center;
		cursor:pointer;
		border-right:1px solid #a2bbdd;
		border-bottom:1px solid #a2bbdd;
		color:#000;
		background-color:#cad8e3;
	}

		.disponibilite-tableau div.jour:hover {
			background-color:#648299;
			color:#fff;
		}

	.disponibilite-coche {
		text-align:center;
		margin-top:2px;
		font-size:0.9em;
	}

	.disponibilite-coche span {
		text-decoration:underline;
		color:#08c;
		cursor:pointer;
	}

/**
 * Version réduite
 */

.disponibilite-bloc-small {
	width:163px;
}

	/** Les cases **/
	.disponibilite-bloc-small .check-img {
		height:15px;
		width:15px;
		border-bottom:1px dotted #a2bbdd;
		border-right:1px solid #a2bbdd;
		cursor:pointer;
	}

	.disponibilite-bloc-small .check-disable {
		background-image:url(/application/tokup/public/img/interface/dispo_small.png);
	}

	.disponibilite-bloc-small .check-enable {
		background-image:url(/application/tokup/public/img/interface/dispo_small.png);
		background-position:0px -15px;
	}

	.disponibilite-bloc-small div.libelle {
		width:50px;
		height:14px;
		padding-top:1px;
	}

	.disponibilite-bloc-small div.libellevide {
		width:50px;
		height:15px;
	}

	.disponibilite-bloc-small div.jour {
		height:13px;
		width:15px;
		padding-top:2px;
	}


.disponibilite-affiche {
	width:163px;
}

	/** Le contenu **/
	.disponibilite-affiche-tableau div {
		float:left;
	}

	/** Les cases **/
	.disponibilite-affiche .check-case {
		height:15px;
		width:15px;
		border-bottom:1px dotted #a2bbdd;
		border-right:1px solid #a2bbdd;
	}

	.disponibilite-affiche .check-disable {
		background-image:url(/application/tokup/public/img/interface/dispo_small.png);
	}

	.disponibilite-affiche .check-enable {
		background-image:url(/application/tokup/public/img/interface/dispo_small.png);
		background-position:0px -15px;
	}

	.disponibilite-affiche div.libelle {
		width:50px;
		height:14px;
		padding-top:1px;
		color:#000;
		border-right:1px solid #a2bbdd;
		border-bottom:1px solid #a2bbdd;
		background-color:#cad8e3;
		text-align:center;
	}

	.disponibilite-affiche div.libellevide {
		width:51px;
		height:15px;
	}

	.disponibilite-affiche div.jour {
		height:13px;
		width:15px;
		padding-top:2px;
		border-right:1px solid #a2bbdd;
		border-bottom:1px solid #a2bbdd;
		text-align:center;
		color:#000;
		background-color:#cad8e3;
	}

/**
 *******************************************************************************
 * User
 *******************************************************************************
 */
.user-head {

}

	.user-head .avatar {
		float:left;
	}

	.user-head .user-contenu {
		float:left;
		padding:8px;
	}

/**
 *******************************************************************************
 * Avatar
 *******************************************************************************
 */
.avatar img {
	border:1px solid #ccc;
}

	.avatar-left {
		float:left;
		margin-right:5px;
	}

/**
 *******************************************************************************
 * Messagerie
 *******************************************************************************
 */
.message-header {
	background-color:#f4f4f4;
	border:1px solid #ccc;
	padding:10px;
}

	.message-header .ligne {
		border-bottom:1px solid #ddd;
		padding:5px;
		margin:0px;
	}

		.message-header .ligne-premier {
			padding-top:0px;
		}

		.message-header .ligne-dernier {
			border-bottom:0px;
			padding-bottom:0px;
		}

	.message-header .ligne .libelle {
		padding:0px;
		margin:0px;
		float:left;
		width:80px;
		padding-right:10px;
		font-weight:bold;
		text-align:right;
	}

	.message-header .ligne .contenu {
		float:left;
		width:350px;
	}

.message {
	border:1px solid #ccc;
	border-top:0px;
	padding:30px 10px 30px 10px;
}

.message-reponse {
	padding:10px;
	background-color:#eee;
}

	.message-reponse p {
		text-align:center;
		margin:5px;
	}

/* Utilisé pour le message source */
.message-discussion {
	font-style:italic;
	background-position:bottom left;
	background-repeat:no-repeat;
	width:546px;
	padding:10px;
	margin-top:5px;
}

	.message-discussion .message-discussion-texte {
		margin-left:20px;
		margin-top:4px;
	}

.message-discussion-auteur {
	margin:5px 0px 5px 100px;
}

/**
 *******************************************************************************
 * Header
 *******************************************************************************
 */

#header {
	width:978px;
	margin: 0px auto;
	border-left:1px solid #444;
	border-right:1px solid #444;
	background-color:#181818;
}

	#header .header-top {
		background-image:url('fond.gif');
		background-position:top;
		background-repeat:repeat-x;
		height:135px;
		position:relative;
	}

		#header .header-top .logo {
			left:22px;
			position:absolute;
		}

		#header .header-top .recherche {
			position:absolute;
			left:686px;
			top:13px;
			width:150px;
			height:20px;
			background-image:url('/application/tokup/public/img/fond/input.gif');
		}

			#header .header-top .recherche .search {
				width:150px;
				height:17px;
				margin-top:2px;
				margin-left:6px;
				font-size:12px;
				padding:0px;
				background-color:#fff;
				color:#444;
				border:0px;
			}

		#header .header-top .onglet {
			position:absolute;
			padding:0px;
			margin:0px;
			left:303px;
			top:104px;
			list-style-type:none;
			color:#fff;
		}

			#header .header-top .onglet .onglet-tab {
				background-color:#454545;
				border:1px solid #8d8d8d;
				border-bottom:1px solid #181818;
				padding:7px 19px 0px 19px;
				height:22px;
				margin-right:2px;
				float:left;
				position:relative;
			}

				#header .header-top .onglet .onglet-tab:hover {
					background-color:#222;
					border:1px solid #666;
					border-bottom:1px solid #181818;
				}

				#header .header-top .onglet .onglet-tab a {
					color:#fff;
					text-decoration:none;
					font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode","Luxi Sans", Arial, sans-serif;
					text-transform:uppercase;
					font-weight:bold;
					font-size:12px;
				}
				
			#header .header-top .onglet .onglet-on {
				border:1px solid #fff;
				background-color:#fff;
				color:#444;
			}
				
			#header .header-top .onglet .onglet-on:hover {
				border:1px solid #fff;
				background-color:#fff;
				color:#444;
			}
				
				#header .header-top .onglet .onglet-on a {
					color:#444;
				}
				
				#header .header-top .onglet .onglet-on:hover a {
					color:#444;
				}

		#header .header-top .onglet-haut {
			position:absolute;
			padding:0px;
			margin:0px;
			left:566px;
			list-style-type:none;
			color:#fff;
		}

			#header .header-top .onglet-haut .onglet-tab {
				background-color:#454545;
				border:1px solid #8d8d8d;
				border-top:0px;
				border-right:0px;
				padding:4px 10px 0px 10px;
				height:19px;
				float:left;
				position:relative;
			}

				#header .header-top .onglet-haut .onglet-tab-dernier {
					border-right:1px solid #8d8d8d;
				}

				#header .header-top .onglet-haut .onglet-tab:hover {
					background-color:#222;
				}

				#header .header-top .onglet-haut .onglet-tab a {
					color:#fff;
					text-decoration:none;
					text-transform:uppercase;
					font-weight:bold;
					font-size:10px;
				}
				
			#header .header-top .onglet-haut .onglet-haut-on {
				background-color:#111;
			}
				
				#header .header-top .onglet-haut .onglet-haut-on a {
					color:#e80;
				}

		#header .header-top .connexion {
			position:absolute;
			color:#fff;
			width:200px;
			left:310px;
			font-size:13px;
		}

			#header .header-top .connexion a {
				color:#ea8500;
				text-decoration:none;
			}

			#header .header-top .connexion a:hover {
				text-decoration:underline;
			}

			#header .header-top .connexion a.blanc {
				color:#fff;
			}

	#header .navigation {
		background-color:#fff;
		padding:8px 0px 0px 12px;
		font-size:0.95em;
		vertical-align:middle;
	}

		#header .navigation a {
			text-decoration:none;
		}

		#header .navigation b {
			font-weight:normal;
		}

		#header .navigation span {
			color:#999;
		}
		
#pave {
	width:978px;
	margin:0 auto;
	border-left:1px solid #444;
	border-right:1px solid #444;
	background-color:#fff;
	background-image:url('degrade.gif');
	background-position:bottom;
	background-repeat:repeat-x;
	position:relative;
}
		
	.pave-contenu {
		padding:15px;
	}

/**
 *******************************************************************************
 * Affichage des onglets dans les pavés
 *******************************************************************************
 */
.pave-onglet {
	margin:0px;padding:0px;
	clear:both;list-style-type:none;
}
	.pave-onglet li {
		float:left;
	}
	.pave-onglet li a {
		color:#666;background-color:#ccc;
		border:1px solid #bbb;margin-right:2px;padding:5px 10px 4px 10px;position:relative;display:block;
		font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;
		text-transform:uppercase;text-decoration:none;
	}
		.pave-onglet li a:hover {
			color:#444;
		}
	.pave-onglet li.onglet-curseur-on a {
		background-color:#fff;border-bottom:1px solid #fff;color:#ff4901;
	}
		.pave-onglet li.onglet-curseur-on a:hover {
			background-color:#fff;border-bottom:1px solid #fff;
		}
	.pave-onglet li.onglet-libelle {
		background-color:transparent;color:#666;
		border:0px;padding:5px 10px 4px 10px;
		text-transform:none;font-size:0.95em;
	}
		.pave-onglet li.onglet-libelle:hover {
			color:#666;background-color:transparent;
			font-size:0.95em;text-transform:none;
			border:0px;
		}
/**
 *******************************************************************************
 * Footer
 *******************************************************************************
 */

#footer {
	width:978px;
	margin: 0px auto;
	border-left:1px solid #444;
	border-right:1px solid #444;
	background-color:#010100;
}

	#footer .lien {
		text-align:center;
	}

	#footer .map {
		width:840px;
		margin:0px auto;
		padding:20px;
	}

		#footer .bloc {
			float:left;
			width:170px;
			margin-right:10px;
		}

			#footer .bloc ul {
				list-style-type:none;
			}

				#footer .bloc ul .entete {
					color:#fff;
					font-size:1.25em;
					padding-bottom:5px;
				}


				#footer .bloc li {
					border-bottom:1px dotted #333;
					padding:3px;
				}


				#footer .bloc a {
					color:#ccc;
					text-decoration:none;
					font-size:0.9em;
				}
				
				#footer .bloc .lien {
					color:#666;
					text-decoration:none;
					font-size:0.9em;
				}


	#footer a {
		color:#ccc;
		text-decoration:none;
	}

	#footer .copy {
		border:1px solid #222;
		background-color:#111;
		padding:5px;
		margin:0px;
		text-align:center;
		font-size:0.9em;
	}

/**
 *******************************************************************************
 * Bulle tips
 *******************************************************************************
 */
#help-colonne {
	position:relative;
}
.help-bulle-colonne {
	background-image:url('/application/_common/public/img/bulle-aide/help.gif');background-repeat:no-repeat;background-position:top left;
	position:absolute;
	font-weight:normal;font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode","Luxi Sans", Arial, sans-serif;font-size:12px;
	line-height:16px;
	background-color:#eee;
	border:1px solid #ccc;padding:10px 10px 10px 45px;margin-top:16px;
	left:-50px;min-height:50px;width:220px;
	display:none;
	-moz-border-radius:5px 5px;
}
.help-texte {
	display:none;
}
.help-slide {
	background-image:url('/application/_common/public/img/bulle-aide/help.gif');background-repeat:no-repeat;background-position:top left;
	border:1px solid #ccc;margin-top:5px;padding:10px 10px 10px 45px;
	width:350px;min-height:50px;
	background-color:#eee;
	font-size:0.9em;
	display:none;
}
.bulle-vide {
	float:left;
	height:45px;
	width:1px;
}
#bulle  {
	float:right;display:none;
	background-color:#ccc;
	width:1px;height:1px;
	position:relative;
}
	#bulle .bulle-contenu {
		background-color:#eee;background-image:url('/application/_common/public/img/bulle-aide/help.gif');background-repeat:no-repeat;background-position:top left;
		position:absolute;
		font-weight:normal;font-family:tahoma;font-size:13px;
		line-height:16px;
		border:1px solid #ccc;margin-top:6px;padding:10px 10px 10px 45px;
		min-height:50px;width:220px;top:-20px;
		z-index:500;
		-moz-border-radius:5px 5px;
	}
	#bulle .bulle-contenu .bulle-vide {
		float:left;
		height:45px;width:1px;
	}

/**
 *******************************************************************************
 * Gestion des pages
 *******************************************************************************
 */
.navigation-page {
	text-align:center;padding:10px;
}
	.navigation-page ul {
		display:inline;list-style-type:none;
		padding:10px;
	}
	.navigation-page li {
		display:inline;
		font-size:11px;
		border:1px solid #ccc;margin:2px;padding:3px 5px 3px 5px;
		color:#ccc;background-color:#eee;
	}
	.navigation-page li b {
		color:#444;
	}
	.navigation-page li a {
		text-decoration:none;
	}
	.navigation-page-off {
		background-color:#eee;
	}
	
/**
 *******************************************************************************
 * Menus de filtre
 *******************************************************************************
 */
.menu-selection {
	padding:6px 15px 6px 15px;
	border:1px solid #ddd;
	margin-bottom:20px;
	background-color:#eee;
	font-size:0.9em;
}

	.menu-selection-bouton {
		border-right:1px solid #666;
		padding:0px 6px 0px 6px;
	}
	
	.menu-selection-dernier {
		border-right:0px;
	}
	
	.menu-selection-on {
		font-weight:bold;
		text-decoration:none;
		color:#444;
	}

	.menu-selection-off {
		color:#08c;
		text-decoration:underline;
	}

/**
 *******************************************************************************
 * Plugin : clearfix
 *******************************************************************************
 */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/**
 *******************************************************************************
 * Plugin : Thickbox
 *******************************************************************************
 */
/*{padding: 0; margin: 0;}*/
#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;}
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack {background: url(/application/_common/public/img/thickbox/macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#000;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
* html #TB_overlay { /* ie6 hack */
	position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {position: fixed;background: #ffffff;z-index: 102;color:#000000;display:none;border: 4px solid #525252;text-align:left;top:50%;left:50%;}
* html #TB_window { /* ie6 hack */
	position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { /* ie6 hack */
	position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
* html #TB_HideSelect { /* ie6 hack */
	position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}