/*
	CSS pour Québec maritime - Membre
	Julien - egzakt.com
	2010/02/24
*/

#membre h2 {
	margin-left:15px;
	color:#2D2B2D;
}

#membre h6 {
	font-size:1.33em;
	font-weight:bold;
	line-height:1.1em;
	margin:2px 0px 2px 0px;
}

#membre h6 a {
	color:#122335;
	text-decoration:none;
}

#membre h6 a:hover {
	text-decoration:underline;
}

#bloc {
	margin-left:15px;
	margin-bottom:15px;
}

#membre #membre_index #bloc {
	margin-left:0px;
}

#membre div.liste {
	border:2px solid #EFEFEF;
	padding:2px 0px;
}

#membre .apercu {
	padding:8px 8px;
}

#membre a.bouton {
	display:inline-block; /* En inline-block sinon */
	color:#fff;
	text-decoration:none;
	font:1.17em/1.2em Arial, Verdana, sans-serif;
	height:21px;
	padding-right:8px;
	margin-right:4px;
	background:url(../images/ul/boutons/bouton_membre_droite.gif) no-repeat right top;
}

#membre a.bouton span {
	display:inline-block;
	height:19px;
	padding:2px 1px 0 9px;
	background:url(../images/ul/boutons/bouton_membre.gif) no-repeat left top;
}

#membre a.bouton:hover {
	background-position:right bottom;
}

#membre a.bouton:hover span {
	background-position:left bottom;
}

#membre #formulaire label.checkbox_droits {
	font-size:1em;
	line-height:1em;
	font-weight:normal;
	color:#565356;
	padding-left:0px;
}

a.btn {
	display:inline-block; /* En inline-block sinon */
	text-decoration:none;
	font:1.17em/1.17em Arial, Verdana, sans-serif;
	height:21px;
	padding-right:6px;
	color:#FFFFFF;
	text-align:center;
}

a.btn span {
	display:inline-block;
	height:19px;
	padding:2px 1px 0 7px;
}

a.btn:hover {
	color:#FFFFFF;
	background-position:right bottom;
}

a.btn:hover span {
	background-position:left bottom;
}

a.btn_login {
	background:url(../images/ul/boutons/btn_login_droite.jpg) no-repeat right top;
}

a.btn_login span {
	background:url(../images/ul/boutons/btn_login_gauche.jpg) no-repeat left top;
}

a.btn_inscription {
	background:url(../images/ul/boutons/btn_inscription_droite.jpg) no-repeat right top;
}

a.btn_inscription span {
	background:url(../images/ul/boutons/btn_inscription_gauche.jpg) no-repeat left top;
}

#membre div.aucun {
	padding-left:16px;
	font-size:1.17em;
}

#membre div.champ {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #f2f2f2;
}

div.cache {
	display:none;
}

#membre div.image_informations {
	color:#122335;
	margin-left:25px;
}

#membre div.image_informations div.aide {
	font-size:0.92em;
	line-height:1.08em;	
	margin-bottom:5px;
}

#membre div.image_informations span.ou {
	color:#7D7D7D;
	font-weight:bold;
}

#membre div.droit_checkbox {
	float:left;
	width:20px;
	height:20px;
}

#membre div.droit_label {
	float:left;
	width:400px;
	padding-left:3px;
	padding-top:4px;
}

#membre span.conteneur_numero {
	position:relative;
	display:inline-block;
}

#membre span.label {
	position:relative;
	display:inline-block;
	margin-bottom:6px;
}

#membre span.numero {
	position:absolute;
	display:inline-block;
	top:0px;
	background:url(../images/ul/graphiques/back_numero.gif) no-repeat 0px 0px;
	width:19px;
	height:18px;
	padding-top:2px;
	padding-left:1px;
	color:#FFFFFF;
	font-size:1.17em;
	line-height:1.17em;
	text-align:center;
	margin-right:1px;
}

#membre #formulaire label {
	font-size:1.33em;
	line-height:1.33em;
	font-weight:bold;
	color:#122335;
	vertical-align:middle;
	padding-left:25px;
}

#membre #formulaire label.supprimer {
	font-size:1em;
	line-height:1.08em;
	font-weight:normal;
	padding-left:0px;
}

#profil_droit_image,
#profil_droit_photo,
#profil_infolettre,
#recit_droit_photos,
#recette_droit_photos,
#evenement_droit_photos,
#supprimer_image,
input.supprimer_image {
	border:0;
}

#membre #note_obligatoires {
	color:#E21414;
}

#membre #formulaire form {
	margin-bottom:15px;
}

#membre #note_attente_approbation {
	float:right;
	margin:8px 0px;
	color:#E21414;
}

#membre #membre_profil #bloc {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}

a.supprimer_compte {
	color:#000000;
}

/* INDEX
-----------------------------------------*/
#membre_index h1 {
	font-size:1.75em;
	margin-top:0px;
	color:#2D2B2D;
}

#membre_index div.padding {
	width:450px;
	margin-left:15px;
}

#membre_index div.section {
	margin-bottom:19px;
	width:450px;	
}

#membre_index div.section img {
	float:left;
}

#membre_index div.section div.contenu {
	float:right;
	font-size:1.17em;
	font-weight:bold;
	padding-left:15px;
	color:#122335;
	width:335px;
}

#membre_index div.section div.contenu span {
	color:#565356;
	font-size:0.83em;
	font-weight:normal;
}

#membre_pas_identifier #agree {
	border:0;
}

#membre_pas_identifier {
	float:right;
}

#membre_index #apres_aprobation {
	font-size:0.92em;
}

#membre_pas_identifier span.titre_inscription,
#membre_pas_identifier span.titre_login,
#membre_pas_identifier span.inscrivezvous,
#membre_pas_identifier span.titre_fin {
	font-size:1.33em;
	line-height:1.25em;	
	font-weight:bold;
	color:#122335;
}

#membre_pas_identifier span.titre_login {
	color:#7D7D7D;
}

#membre_pas_identifier span.titre_inscription {
	color:#79980D;
}

#membre_pas_identifier span.inscrivezvous {
	font-size:1.17em;
	line-height:1.08em;	
	font-weight:normal;
}

#membre_pas_identifier_navig {
	width:160px;
	height:770px;
	background-color:#ECF5FA;
	margin-left:7px;
}

/* NAVIG
-----------------------------------------*/
#conteneur_colonnes ul.membre {
	padding:4px;
	border:1px solid #888788;
	width:160px;
	height:212px;
}


#conteneur_colonnes ul.membre li {
	margin-bottom:4px;
}

#conteneur_colonnes ul.membre li a {
	display:block;
	width:142px;
	height:16px;
	border:1px solid #DAD5CD;
	padding:7px 8px;
	color:#2D2B2D;
	text-decoration:none;
}

#conteneur_colonnes ul.membre li a:hover,
#conteneur_colonnes ul.membre li a.selected {
	padding:3px 4px;
	border:5px solid #FFFFFF;
	background-color:#0055A5;
	color:white;
	font-weight:bold;
}

/* LOGIN
-----------------------------------------*/
#formulaire_login {
	width:270px;
	background-color:#EFEFEF;
	padding:10px 15px 15px 15px;
	font-size:1em;
	line-height:1.08em;
	color:#122335;
	margin-top:10px;
}

#formulaire_login form label {
	display: block;
	margin: 0 0 3px 0;
}

#formulaire_login form input {
	width:258px;
	height:19px;
	padding:0px 4px;
	margin:0 0 15px 0;
	border:#000000 1px solid;
}

#formulaire_login input.bouton {
	width:269px;
	height:21px;
	border:0;
	padding:0;
	margin:0;
}

#executer_login {
	display:none;
	width:269px;
	height:19px;
	padding-top:2px;
	background:url("../images/ul/boutons/bouton_connexion_membre.jpg") no-repeat 0px 0px;
	text-align:center;
	text-decoration:none;
	font-size:1.17em;
	line-height:1.1em;
	color:#ffffff;
}

#executer_motdepasse {
	display:none;
	width:269px;
	height:19px;
	padding-top:2px;
	background:url("../images/ul/boutons/bouton_connexion_membre.jpg") no-repeat 0px 0px;
	text-align:center;
	text-decoration:none;
	font-size:1.17em;
	line-height:1.1em;
	color:#ffffff;
}

#ouvrir_password_oublie {
	display:block;
	margin-top:5px;
}

#password_oublie div {
	margin-top:5px;
	font-size:0.92em;
	color:#565356;
}

#executer_login:hover,
#executer_motdepasse:hover {
	background-position:0px -21px;
}


/* Formulaire de login/inscription pre-ajout */
#login_cote_a_cote {
	padding:15px 0px;
	color:#122335;
}

#login_cote_a_cote div.cache  {
	display:none;
}

#login_cote_a_cote div.inscription  {
	float:left;
	width:195px;
}

#login_cote_a_cote div.login  {
	float:right;
	width:195px;
}

#login_cote_a_cote div.inscription span.titre_inscription,
#login_cote_a_cote div.login span.titre_login,
#login_cote_a_cote div span.titre_fin {
	font-size:1.33em;
	line-height:1.25em;	
	font-weight:bold;
	color:#122335;
}

#login_cote_a_cote div.inscription span.titre_inscription {
	color:#79980D;
}

#login_cote_a_cote div.login span.titre_login {
	color:#7D7D7D;
}

#login_cote_a_cote #affiche_inscription,
#login_cote_a_cote #affiche_login {
	margin-top:5px;
}

#login_cote_a_cote #affiche_login span,
#login_cote_a_cote #affiche_inscription span {
	width:181px;
}

#login_cote_a_cote #formulaire_login, 
#login_cote_a_cote #formulaire_inscription {
	margin-top:0px;
	width:175px;
	padding:10px;
}

#login_cote_a_cote #formulaire_login form input,
#login_cote_a_cote #formulaire_inscription form input {
	width:155px;
}

#login_cote_a_cote #formulaire_inscription form input#captcha {
	float:left;
	margin-right:10px;	
	margin-top:12px;
	width:50px;
}

#login_cote_a_cote #formulaire_inscription form #agree {
	width:14px;
	border:0;
}

#login_cote_a_cote #formulaire_inscription #case_condition {
	height:35px;
}

#login_cote_a_cote #executer_login_photo,
#login_cote_a_cote #executer_inscription_photo,
#login_cote_a_cote #executer_motdepasse_photo {
	display:block;
	float:right;
	width:73px;
	height:15px;
	padding-top:2px;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	text-decoration:none;
}

#login_cote_a_cote #executer_login_photo,
#login_cote_a_cote #executer_motdepasse_photo {
	background:url("../images/ul/boutons/bouton_photo_login_soumettre_avec_hover.jpg") no-repeat top left;
}

#login_cote_a_cote #executer_inscription_photo {
	background:url("../images/ul/boutons/bouton_photo_inscription_soumettre_avec_hover.jpg") no-repeat top left;
}

#login_cote_a_cote #executer_login_photo:hover,
#login_cote_a_cote #executer_inscription_photo:hover,
#login_cote_a_cote #executer_motdepasse_photo:hover {
	background-position:bottom left;
}


/* INSCRIPTION
-----------------------------------------*/

#formulaire_inscription {
	width:270px;
	background-color:#F5F7ED;
	padding:10px 15px 15px 15px;
	margin-top:10px;
}

#formulaire_inscription form input {
	width:258px;
	height:19px;
	padding:0px 4px;
	margin:0;
	border:#000000 1px solid;
}


#formulaire_inscription input.bouton {
	width:269px;
	height:21px;
	border:0;
	padding:0;
	margin:0;
}

#executer_inscription {
	display:none;
	width:269px;
	height:19px;
	padding-top:2px;
	background:url("../images/ul/boutons/bouton_inscription_membre.jpg") no-repeat 0px 0px;
	text-align:center;
	text-decoration:none;
	font-size:1.17em;
	line-height:1.1em;
	color:#ffffff;
}

#executer_inscription:hover {
	background-position:0px -21px;
}

#formulaire_inscription form #agree {
	width:14px;
	height:14px;
	padding:0px;
	margin:0;
}

#formulaire_inscription #captcha {
	float:left;
	margin-right:10px;
	margin-top:12px;
	width:80px;
}

#image_captcha {
	float:left;
	margin-top:8px;
	height:25px;
}

#case_condition {
	float:left;
	width:14px;
	height:20px;
	margin-right:5px;
}

/* PROFIL
-----------------------------------------*/

#membre_profil span.modifier_information {
	font-size:1.33em;
	line-height:1.33em;
	color:#0055A5;
	font-weight:bold;
}

#membre_profil div.completer_information {
	font-size:1.33em;
	line-height:1.33em;
	color:#0055A5;
	font-weight:bold;
	margin-bottom:10px;
}

#membre_profil span.completer_information_facultatif {
	font-weight:normal;
}

#membre_profil div.bloc_champs {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #f2f2f2;
	margin-bottom:18px;
	width:460px;
}

#membre_profil div.champ_une_colonne {
	width:450px;
}

#membre_profil div.champ_deux_colonne_gauche {
	float:left;
	width:220px;
	margin-right:10px;
	margin-bottom:15px;
}

#membre_profil div.champ_deux_colonne_droite {
	float:left;
	width:220px;
	margin-bottom:15px;
}

#membre #membre_profil div.image_informations { 
	margin-left:0px;
}

#membre_profil span.telecharger_photo {
	color:#122335;
	font-weight:bold;
}

#membre_profil span.recevez_infolettre {
	color:#122335;
	font-weight:bold;
}

#membre_profil form {
	margin-left:10px;
}

#membre_profil #profil_pseudo,
#membre_profil #profil_courriel,
#membre_profil #profil_motdepasse,
#membre_profil #profil_conf_motdepasse,
#membre_profil #profil_prenom,
#membre_profil #profil_nom,
#membre_profil #profil_ville,
#membre_profil #profil_pays {
	width:210px;
}

#membre_profil #profil_submit {
	float:right;
	display:none;
}

#membre_profil input.bouton {
	float:right;
	width:153;
	height:21px;
	border:0;
	padding:0;
	margin:0;
}

/* RECIT
-----------------------------------------*/

#membre_recits #nouveau_recit {
	display:block;
	float:right;
}

#membre_recits #recit_submit {
	float:right;
	margin-top:16px;
}

#membre_recits input.supprimer_image {
	margin-left:0px;
}

#membre_recits span.proposer {
	font-size:1.5em;
	line-height:1.5em;
	color:#0055A5;
	font-weight:bold;
}

#membre_recits #formulaire {
	padding-left:15px;
	margin-bottom:20px;
	width:450px;
}

#membre_recits #formulaire form {
	padding-bottom:10px;
	border-bottom:1px solid #f2f2f2;
}

#membre_recits #formulaire input.recit_nom {
	width:444px;
}

#membre_recits #formulaire textarea.recit_introduction {
	height:85px;
	width:444px;
}

#membre_recits #formulaire textarea.recit_texte {
	height:150px;
	width:444px;
}

#membre_recits #formulaire input.recit_date {
	width:90px;
	margin-left:15px;
}

#membre_recits div.image {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #f2f2f2;
}

#membre_recits div.derniere_image {
	padding-top:10px;
	padding-bottom:10px;
}

#membre_recits div.intro_recit {
	width:480px;
	margin-bottom:10px;
}

#membre_recits div.intro_recit div.contenu {
	width:450px;
	border:1px solid #e6e6e6;
	padding:15px 13px 13px 15px;
}

#membre_recits div.intro_recit div.contenu div.texte {
	float:left;
}

#membre_recits div.intro_recit div.contenu div.titre {
	font-size:1.17em;
	font-weight:bold;
	color:#122335;
}

#membre_recits div.intro_recit div.contenu div.introduction {
	width:300px;
}

#membre_recits div.intro_recit div.contenu a {
	color:#2D90C1;
}

#membre_recits div.intro_recit div.actions {
	background:#EFEFEF;
}

#membre_recits div.intro_recit div.actions a {
	float:right;
	color:#323232;
	font-size:0.92em;
	padding:1px 5px 1px 5px;
}

#recit_date_aujourdhui {
	line-height:1.2em;
	color:#122335;
	text-decoration:none;
}

#recit_date_aujourdhui:hover {
	text-decoration:underline;
}

/* RECETTE
-----------------------------------------*/

#membre_recettes #nouveau_recette {
	display:block;
	float:right;
}

#membre_recettes #recette_submit {
	float:right;
	margin-top:16px;
}

#membre_recettes input.supprimer_image {
	margin-left:0px;
}

#membre_recettes span.proposer {
	font-size:1.5em;
	line-height:1.5em;
	color:#0055A5;
	font-weight:bold;
}

#membre_recettes #formulaire {
	padding-left:15px;
	margin-bottom:20px;	
	width:450px;
}

#membre_recettes #formulaire form {
	padding-bottom:10px;
	border-bottom:1px solid #f2f2f2;
}



#membre_recettes #formulaire input.recette_nom {
	width:444px;
}

#membre_recettes #formulaire textarea.recette_introduction {
	height:85px;
	width:444px;
}

#membre_recettes #formulaire textarea.recette_ingredient {
	height:150px;
	width:444px;
}

#membre_recettes #formulaire textarea.recette_preparation {
	height:150px;
	width:444px;
}

#membre_recettes #formulaire input.recette_temps_preparation {
	width:50px;
	margin-left:15px;
}

#membre_recettes #formulaire input.recette_temps_cuisson {
	width:50px;
	margin-left:15px;
}

#membre_recettes #formulaire input.recette_portions {
	width:300px;
	margin-left:15px;
}

#membre_recettes #formulaire textarea.recette_conseil_chef {
	height:85px;
	width:444px;
}

#membre_recettes div.intro_recette {
	width:480px;
	margin-bottom:10px;
}

#membre_recettes div.intro_recette div.contenu {
	width:450px;
	border:1px solid #e6e6e6;
	padding:15px 13px 13px 15px;
}

#membre_recettes div.intro_recette div.contenu div.texte {
	float:left;
}

#membre_recettes div.intro_recette div.contenu div.titre {
	font-size:1.17em;
	font-weight:bold;
	color:#122335;
}

#membre_recettes div.intro_recette div.contenu div.introduction {
	width:300px;
}

#membre_recettes div.intro_recette div.contenu a {
	color:#2D90C1;
}

#membre_recettes div.intro_recette div.actions {
	background:#EFEFEF;
}

#membre_recettes div.intro_recette div.actions a {
	float:right;
	color:#323232;
	font-size:0.92em;
	padding:1px 5px 1px 5px;
}

/* EVENEMENTS
-----------------------------------------*/

#membre_evenements #nouveau_evenement {
	display:block;
	float:right;
}

#membre_evenements #evenement_submit {
	float:right;
	margin-top:16px;
}

#membre_evenements span.proposer {
	font-size:1.5em;
	line-height:1.5em;
	color:#0055A5;
	font-weight:bold;
}

#membre_evenements #formulaire {
	padding-left:15px;
	margin-bottom:20px;	
	width:450px;
}

#membre_evenements #formulaire form {
	padding-bottom:10px;
	border-bottom:1px solid #f2f2f2;
}

#membre_evenements #formulaire #evenement_label_date_debut,
#membre_evenements #formulaire #evenement_label_date_fin {
	font-size:1em;
	font-weight:normal;
	padding-left:5px;
}

#evenement_date_debut,
#evenement_date_fin {
	width:100px;
}

#membre_evenements div.champ_deux_colonne_gauche {
	float:left;
	width:240px;
	margin-right:10px;
	margin-bottom:5px;
}

#membre_evenements div.champ_deux_colonne_droite {
	float:left;
	width:200px;
	margin-bottom:5px;
}

#membre_evenements #formulaire input.evenement_nom {
	width:444px;
}

#membre_evenements #formulaire textarea.evenement_introduction {
	height:85px;
	width:444px;
}

#membre_evenements #formulaire textarea.evenement_texte {
	height:150px;
	width:444px;
}

#membre_evenements #formulaire input.evenement_lieu {
	width:300px;
}

#membre_evenements #formulaire input.evenement_heure {
	width:100px;
	margin-left:15px;	
}

#membre_evenements #formulaire input.evenement_cout {
	width:300px;
	margin-left:15px;
}


/* PHOTOS
-----------------------------------------*/

#membre_photos #nouveau_photo {
	display:block;
	float:right;
}

#membre_photos #photo_submit {
	float:right;
	margin-top:16px;
}

#membre_photos .resultats {
	margin:15px 0;
}

#membre_photos span.proposer {
	font-size:1.5em;
	line-height:1.5em;
	color:#0055A5;
	font-weight:bold;
}

#membre_photos #formulaire {
	padding-left:15px;
	margin-bottom:20px;
	width:450px;
}

#membre_photos #formulaire form {
	padding-bottom:10px;
	border-bottom:1px solid #f2f2f2;
}


#membre_photos #formulaire #photo_label_date {
	font-size:1em;
	font-weight:normal;
}

#membre_photos #formulaire #photo_ville {
	margin-left:15px;
}

#photo_date {
	width:100px;
	margin-left:15px;
}

#photo_date_aujourdhui {
	line-height:1.2em;
	color:#122335;
	text-decoration:none;
}

#membre_photos #formulaire input.photo_nom {
	width:444px;
}

#membre_photos #formulaire textarea.photo_texte {
	height:150px;
	width:444px;
}

#membre_photos #formulaire label.checkbox_droits {
	font-size:1em;
	line-height:1em;
	font-weight:normal;
	color:#565356;
	padding-left:0px;
}

#membre_photos div.bande div.titre {
	font-weight:bold;
	padding-top:3px;
}

#membre_photos div.actions {
	height:16px;
	text-align:right;
	margin-top:4px;
}

#membre_photos div.actions a {
	color:#323232;
	font-size:1.08em;
}


/* SIGNATURE
-----------------------------------------*/
.signature_droite {
	float:right;
	width:140px;
	text-align:right;
}

.signature_droite .informations {
	float:left;
	width:106px;
}
.signature_droite .informations_sans_photo {
	float:none;
	width:auto;
}

.signature_droite img {
	float:right;
}

.signature_gauche .informations {
	float:left;
}

.signature_gauche img {
	float:left;
	margin-right:6px;
}

.signature_profil img {
	float:left;
	margin-right:10px;
}

.signature_profil .informations {
	float:left;
	font-size:1.25em;
	line-height:1.17em;
}

.signature_profil .nom {
	font-size:1.08em;
}

.signature .informations {
	line-height:1.1em;
}

.signature .nom {
	color:#323232;
	font-weight:bold;
}

.signature .nom a {
	color:#323232;
	font-weight:bold;
	text-decoration:none;
}

.signature .nom a:hover {
	text-decoration:underline;
}

.signature .lieu {
	margin-top:1px;
}

/* PROFIL
-----------------------------------------*/

#profil div.aucun {
	padding-left:16px;
	font-size:1.17em;
}

#profil .resultats .bande {
	height:22px;
	padding:8px 15px 0 15px;
	position:relative;
	background-color:#323232;
	color:#fff;
}

#profil .resultats {
	margin:15px 0px 15px 0px;
}

#profil .apercu h6 {
	font-size:1.33em;
	font-weight:bold;
	line-height:1.1em;
	margin:0 0 5px;
}

#profil .apercu h6 a {
	color:#122335;
	text-decoration:none;
}

#profil .apercu h6 a:hover {
	color:#122335;
	text-decoration:underline;
}

/* INDEX
-----------------------------------------*/
#profil_index h1 {
	font-size:1.75em;
	margin-top:0px;
	color:#2D2B2D;
}

#profil_index div.padding {
	width:450px;
	margin-left:15px;
}

#profil_index div.section {
	margin-bottom:19px;
	width:450px;
}

#profil_index div.section a {
	float:left;
}

#profil_index div.section div.contenu {
	float:right;
	font-size:1.17em;
	font-weight:bold;
	padding-left:15px;
	padding-top:2px;
	color:#122335;
	width:335px;
}

#profil_index div.section div.contenu span {
	color:#565356;
	font-size:0.83em;
}

#profil_index div.section div.contenu a {
	text-decoration:none;
	color:#122335;
}

#profil_index div.section div.contenu a:hover {
	text-decoration:underline;
}

#profil_index #bloc {
	margin-top:10px;
	margin-left:0px;
}

#membre_supprimer #bloc {
	width:440px;
	font-size:1.1em;
}


/* FACEBOOK AUTO-COMPLETE
-----------------------------------------*/

/* TextboxList sample CSS */
ul.holder { margin: 0; border: 1px solid #000; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; white-space:nowrap;}
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: auto; overflow:visible; margin: 0; border: 0px; outline: 0; padding: 3px 0px 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook demo CSS */      
#add { border: 1px solid #999; width: 550px; margin: 50px; padding: 20px 30px 10px; }
form ol li { list-style-type: none; }
form ol { font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; }
form ol li.input-text { margin-bottom: 10px; list-style-type: none; padding-bottom: 10px; }
form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
form ol li.input-text input { width: 444px; padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid #999; }
form ul.holder { width: 444px; }
form ul { margin: 0; }
ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; z-index:1000;}
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('../../images/admin/graphiques/close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */

.facebook-auto { display: none; position: absolute; width: 456px; background: #eee; }
.facebook-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px;font-family:"Lucida Grande","Verdana"; font-size:11px; }
.facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; position:absolute; z-index:9999}
.facebook-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; background-color: #eee }
.facebook-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
.facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; }
.facebook-auto ul li.auto-focus em { background: none; }
.deleted { background-color:#4173CC !important; color:#ffffff !important;}
.hidden { display:none;}

#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
.ie6fix {height:1px;width:1px; position:absolute;top:0px;left:0px;z-index:1;}