body {
	margin: 0;
	padding: 0;
	background-color: #262626;
	background-image: url('../images/png/body-background.png');
	background-position: bottom;
	background-repeat: repeat-x;
	font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif;
	font-size: 10pt;
	border-bottom: 1px solid #4d4d4d;
}

a {
	color: #cccccc;
	text-decoration: none;
}

h1 { 
	font-style: italic; 
	color: #ffffff; 
	font-size: 24pt; 
	letter-spacing: 3px;
	border-bottom: 2px solid #fff; 
	padding-left: 5px;
}

h2 { font-size: 18pt; }
h3 { font-size: 15pt; }
h4 { font-size: 11pt; }
h5 { font-size: 10pt; }

p {
	color: #ffffff;
	text-align: justify;
}

ul li, ol li { color: #ffffff; }

div.image {
	padding: 7px; background-color: #fff;
}

.invisible { display: none; }

/********************************************************************
		ENTETE
********************************************************************/

#head {
	height: 150px;
	width: 850px;
	margin: auto;
	margin-top: 2px;
	background-color: #262626;
	background-image: url('../images/png/header-background.png');
	overflow: hidden;
}

#head-logo {
	width: 150px;
	height: 150px;
	background-image: url('../images/png/logo.png');
	border: none;
	text-decoration: none;
	float: left;
}

#head-cornelia {
	width: 150px;
	height: 150px;
	float: left;
	background-image: url('../images/png/afscdl.png');
	border: none;
	text-decoration: none;
}

/********************************************************************
		MENU DU HAUT
********************************************************************/

#contener-top-menu {
	margin: 0;
	padding: 0;
	height: 40px;
	padding-top: 5px;
	background-color: #262626;
	background-image: url('../images/png/contener-top-menu-background.png');
	background-repeat: no-repeat;
	background-position: center;
}

#top-menu {
	width: 850px;
	height: 35px;
	margin: auto;
	padding: 0;
	background-color: #232323;
	background-image: url('../images/png/top-menu-background.png');
	background-repeat: no-repeat;
	background-position: center;
}

#top-menu li { display: inline; margin: 0; padding: 0; }
#top-menu a {
	display: block; 
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 4px; 
	padding: 0; 
	padding-top: 4px;
	float: left; 
	width: 150px; 
	height: 23px;  
	text-align: center;
	background-image: url('../images/png/top-menu-lien-inactif.png');
}
#top-menu a.actif {
	background-color: inherit;
	background-image: url('../images/png/top-menu-lien-actif.png');
	font-weight: bold;
	color: #FFFFFF;
}
#top-menu a {  
	
}

/********************************************************************
		CONTENU
********************************************************************/

#espace-membre {
	width: 750px;
	margin: auto;
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;
	background-color: #262626;
	color: #d90000;
	font-weight: bold;
}

#espace-membre a {
	font-weight: bold;
	color: #cccccc;
}

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

#content {
	width: 750px;
	min-height: 300px;
	margin: auto;
	background-repeat: no-repeat;
	background-position: center;
}

#content a { font-weight: bold; color: #cccccc; }
#content a:hover { text-decoration: underline;}

#content-bis-haut { width: 750px; height: 15px; margin-top: 20px; background-image: url('../images/png/content-bis-haut-background.png'); }
#content-bis-contenu { width: 684px; padding-left: 33px; padding-right: 33px; overflow: hidden; background-image: url('../images/png/content-bis-contenu-background.png'); }
#content-bis-contenu h1,h2,h3,h4,h5,h6,a {text-align: center;}
#content-bis-bas { width: 750px; height: 15px;  margin-bottom: 20px; background-image: url('../images/png/content-bis-bas-background.png'); }

/********************************************************************
		NEWS
********************************************************************/

.news-consulter-archives { width: 100%; margin-top: 20px; margin-bottom: 20px; text-align: center; }
.news-entete { color: #cccccc; }
.news-haut { background-image: url('../images/png/news-haut-background.png'); height: 10px; margin: 0;}
.news-bas { background-image: url('../images/png/news-bas-background.png'); height: 10px; margin: 0;}
.news-titre { margin: 0px; text-align: left;}
.news-soustitre { margin: 0; font-size: 9pt; color: #cccccc; }
.news-auteur, .news-date, .news-un-commentaire-auteur, .news-un-commentaire-date, .news-un-commentaire-heure { font-weight: bold; }
.news-contenu, .news-contenu p, .news-contenu div, .news-contenu ul, .news-contenu ol { 
	text-align: justify; background-color: #cccccc; color: #070707; padding-left: 10px; padding-right: 10px; overflow: hidden;
}
.news-contenu a, .news-contenu ul a { color: #070707 !important; }
.news-image-principale { margin-bottom: 5px; margin-left: 5px; margin-right: 5px; }
.news-evt-alb-associes { margin: 0; margin-top: 20px; padding: 0; text-align: right; color: #070707;}
.news-evt-alb-associes a {color: #262626 !important;}

.news-nav-wrapper { width: 100%; overflow: hidden; padding-bottom: 25px; padding-top: 25px; }
.news-lien-prec { display: block; width: 50%; float: left; text-align: left; }
.news-lien-suiv { display: block; width: 50%; float: right; text-align: right; }

.news-lien-commentaires {text-align: right; margin: 0; margin-bottom: 5px;}
.news-titre-commentaires { text-align: left; color: #ccc; }
.news-commentaires-pagination { text-align: center; color: #ffffff; }
.news-commentaires-pagination a { }
.news-commentaires-pagination a :hover{ font-weight: bold; }
.news-commentaires-pagination a.active { text-decoration: underline; }
.news-un-commentaire { 
	margin-left: 20px; 
	margin-bottom: 15px; 
	padding: 3px;
	font-size: 9pt;
	overflow: hidden;
}
.news-commentaire-haut { background-image: url('../images/png/news-commentaire-haut-background.png'); margin: 0; width: 661px; height: 10px; }
.news-commentaire-bas { background-image: url('../images/png/news-commentaire-bas-background.png'); margin: 0;  width: 661px; height: 10px; }
.news-commentaire-contenu { color: #FFFFFF; background-color: #070707; margin: 0; padding-left: 5px; padding-right: 5px; text-align: justify; width: 651px; overflow: hidden; }
.news-un-commentaire-titre { color: #fff; font-weight: bold; margin: 0; font-size: 10pt;}
.news-un-commentaire-infos { margin: 0; font-size: 9pt; color: #fff; }

.news-un-commentaire-photo-back { float: left; width: 80px; height: 80px; margin-right: 5px; background-image: url('../images/png/news-commentaire-defaultimage-background.png'); }
.news-un-commentaire-photo { margin-top: 5px; margin-left: 5px; width: 70px; height: 70px; }

form.news-un-commentaire  {
	margin-left: 254px;
	color: #cccccc !important;
}

.news-un-commentaire input.cssed {
	display: block;
	width: 400px;
	font-size: 9pt;
	font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif;
	color: #ccc;
	border: none;
	background-color: #262626;
	margin-top: 2px;
	padding: 2px;
}

.news-un-commentaire textarea.cssed {
	display: block;
	width: 400px;
	height: 75px;
	font-size: 9pt;
	font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif;
	color: #ccc;
	border: none;
	margin-top: 2px;
	background-color: #262626;
	padding: 2px;
}

.news-un-commentaire .commenter {
	display: block;
	width: 150px;
	height: 27px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	margin-top: 2px;
}

.captcha-wrapper { overflow: hidden; }
.captcha-reload { display: block;  width: 45px; height: 45px; float: left; background-image: url('../images/png/captcha-reload.png'); }
.captcha-image { display: block; float: left; }

/********************************************************************
		LIFFREVASION PAGE PRESENTATION
********************************************************************/

#menu-liffrevasion {width:480px; height: 27px; margin: auto; list-style-type: none; padding: 0; }
#menu-liffrevasion a { 
	display: block; 
	color: #FFF; 
	float: left;
	width: 150px;
	height: 23px;
	padding-top: 4px;
	margin: auto;
	margin-left: 10px;
	text-align: center;
	background-image: url('../images/png/liffrevasion-menu-background.png');
}
#menu-liffrevasion a:hover { text-decoration: none; }
#menu-liffrevasion a.actif { background-image: url('../images/png/liffrevasion-menu-background-actif.png'); }

/********************************************************************
		ESPACE MEMBRE
********************************************************************/

h2.em { text-align: center; }
h3.em { text-align: center; }
.em h3{ text-align: center; }
h5.compte { color: #ccc; text-align: center; }

.em input.cssed {
	display: block;
	width: 200px;
	margin: auto;
	font-size: 9pt;
	font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif;
	color: #ccc;
	border: none;
	background-color: #262626;
	margin-top: 2px;
	padding: 2px;
}

.em #connexion, .em #envoyer {
	display: block;
	width: 150px;
	margin: auto;
	height: 27px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	margin-top: 5px;
}

.em p { text-align: center;}

#menu-gauche {
	margin: 0; 
	padding: 0;
	padding-top: 4px;
	list-style-type: none;
	text-align: center;
	background-image: url('../images/png/espacemembre-menu-background.png');
	height: 23px;
}
#menu-gauche li { display: inline; }
#menu-gauche a { font-weight: bold; color: #fff; }
#menu-gauche a:hover { color: #000; text-decoration: none; }

.compte-form-haut { margin: auto; width: 400px; height: 10px; background-image: url('../images/png/compte-form-haut.png'); }
.compte-form-bas { margin: auto; width: 400px; height: 10px; background-image: url('../images/png/compte-form-bas.png'); }

form.compte {
	width: 400px;
	overflow: hidden;
	background-color: #000;
	margin: auto;
}

form.compte h3 { color: #ccc; }

form.compte h4 {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	color: #FFFFFF;
	padding: 3px;
	color: #ccc;
}

label.compte {
	display: block;
	float: left;
	color: #ccc;
	width: 150px;
	padding-right: 5px;
	text-align: right;
}

input.compte {
	display: block;
	float: left;
	width: 200px;
	margin: auto;
	font-size: 9pt;
	font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif;
	color: #ccc;
	border: none;
	background-color: #262626;
	margin-top: 2px;
	padding: 2px;
}

textarea.compte {
	display: block;
	width: 200px;
	font-size: 9pt;
	font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif;
	color: #ccc;
	border: none;
	margin-top: 2px;
	background-color: #262626;
	padding: 2px;
	text-align: left;
}

input.compte-radio { width: 20px; }
label.compte-radio { width: auto; color: #ccc; }
label.parcourir { width: auto; color: #ccc; }

form.compte p { color: #ccc; text-align: center; }
p.compte-label-left { float: left; color: #ccc; width: 150px; margin: 0; padding: 0; padding-right: 5px; text-align: right; }
div.compte-input-right { float: left; }

.rappel { text-align: center; font-size: 10pt; padding: 3px; color: #fff; font-weight: bold;}
.precision { text-align: left; font-size: 9pt; color: #ccc; }
.note-discrete {margin: 0; padding: 0; text-align: right; padding-right: 35px; color: #4c4b4b; font-size: 8pt; font-style: italic;}

.spacer { clear: both; }
p.separateur { border-top: 1px dashed #262626; }

.avatar-back { float: left; margin-left: 5px; margin-right: 5px; padding: 5px; width: 70px; height: 70px; background-image: url('../images/png/news-commentaire-defaultimage-background.png'); }
.avatar-photo { width: 70px; height: 70px; background-repeat: no-repeat; background-position: center; }

.enregistrer { float: right; margin-right: 5px; margin-top: 10px;}

#hiddeniframe { border: none; width: 0px; height: 0px; } 

.espace-membre-actu { margin-bottom: 20px; }

/* Listing des membres */
.liste-membres-avatar-background { float: left; width: 60px; height: 60px; margin-right: 5px; background-image: url('../images/png/espace-membre-avatar-background.png'); }
.liste-membres-avatar{ margin-top: 5px; margin-left: 5px; width: 50px; height: 50px; }
.liste-membres-avatar img { width: 50px; height: 50px; }

/********************************************************************
		BOITE DE MESSAGE
********************************************************************/

.voilage { position : fixed; z-index: 1; left: 0; width: 100%; height: 100%; background-image: url('../images/png/voilage-blanc.png'); }

.messageBox {
	position: fixed;
	z-index: 2;
	width: 480px;
	height: 80px;
	top: 50%;
	left: 50%;
	margin-top: -75px;
	margin-left: -250px;
	background-image: url('../images/png/messagebox-erreur-courte.png');
	padding-top: 20px;
	padding-bottom: 50px;
	padding-right: 10px;
	padding-left: 10px;
	overflow: hidden;
}

.messageBox-contenu { text-align: center; padding-top: 5px; font-weight: bold; color: #000; }
.messageBox-contenu 	a { color: #4c4b4b; }
.messageBox-pict-erreur { float: left; width: 50px; height: 50px; background-image: url('../images/png/messagebox-erreur-symbole.png');}
.messageBox-pict-confirmation { float: left; width: 50px; height: 50px; background-image: url('../images/png/messagebox-confirmation-symbole.png'); }
.messageBox-bouton-ok { 
	display: block;
	width: 50px;
	margin-left: 215px;
	height: 27px;
	cursor: pointer;
	margin-top: 5px;
}

.messageBox-bouton-oui, .messageBox-bouton-non { 	
	display: block;
	float: left;
	width: 50px;
	margin: auto;
	height: 27px;
	cursor: pointer;
	margin-top: 5px;
}

.messageBox-bouton-oui { margin-left: 183px; margin-right: 10px; }

/********************************************************************
		BOITE DE CONTENU
********************************************************************/

.contentBox {
	position: fixed;
	z-index: 2;
	width: 560px;
	height: 410px;
	top: 50%;
	left: 50%;
	padding: 20px;
	margin-top: -225px;
	margin-left: -300px;
	background-image: url('../images/png/messagebox-bigger.png');
	overflow: hidden;
}

.contentBox-titre { overflow: hidden; width:560px; font-variant: small-caps; font-weight: bold; font-size: 12pt;}
.contentBox-titre span { display: block; float: left; width:485px; color: #000; }
.contentBox-fermer { 
	display: block; 
	float: right; 
	text-align: center; 
	width: 75px; 
	height: 24px; 
	padding-top: 3px;
	color: #FFF; 
	text-decoration: none; 
	background-image: url('../images/png/contentbox-fermer.png');
	font-size: 12pt;
	cursor: pointer;
}
.contentBox-contenu { color: #000; padding-top: 15px;}

/********************************************************************
		ATTENTE
********************************************************************/

.ajax-attente {
	position: fixed;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	background-image: url('../images/gif/ajax-loader.gif');
	background-color: #fff;
	background-repeat: no-repeat;
	border: 1px solid #3c3c3c;
}

/********************************************************************
		EVENEMENTS
********************************************************************/

#tri_type_haut { width: 350px; height: 10px; margin: auto; background-image: url('../images/png/evenement-type-affichage-haut.png');}
#tri_type_contenu { width: 350px; margin: auto; text-align: center; overflow: hidden; background-image: url('../images/png/evenement-type-affichage-contenu.png'); }
#tri_type_bas { width: 350px; height: 10px; margin: auto; background-image: url('../images/png/evenement-type-affichage-bas.png'); }

#tri_type_annees, #tri_type_mois, #tri_type_jours { float: left; width: 105px; height: 21px; padding-top: 3px; color: #1e3d1e; font-weight: bold; cursor: pointer; background-image: url('../images/png/evenement-tri-type-bouton-background.png');}
#tri_type_annees { margin-left: 7px; margin-right: 5px; }
#tri_type_mois { margin-left: 5px; margin-right: 5px; }
#tri_type_jours { margin-left: 5px; margin-right: 7px;}
.tri_type_selectionne { cursor: auto !important; background-image: none !important; color: #0f1d0f !important; }

#tri_haut { width: 684px; height: 10px; margin-top: 15px; background-image: url('../images/png/evenement-mois-haut.png'); }
#tri_contenu { width: 684px; background-image: url('../images/png/evenement-mois-contenu.png'); overflow: hidden; }
#tri_bas { width: 684px; height: 10px; background-image: url('../images/png/evenement-mois-bas.png'); }

#tri_centre, #tri_gauche, #tri_droite { color: #fff; width: 228px; float: left; text-align: center; font-weight: bold; }
#tri_centre { font-size: 17pt; font-weight: bold; }
#tri_gauche span, #tri_droite span { 
	display: block; 
	width: 150px; 
	height: 21px; 
	margin: auto; 
	padding-top: 3px; 
	background-image: url('../images/png/evenement-mois-prec-suiv-background.png');
	color: #aae8c2; 
	cursor: pointer; 
}

#tri_gauche span.inactif, #tri_droite span.inactif { 
	background-image: url('../images/png/evenement-mois-prec-suiv-inactif-background.png');
	color: #41ce76 !important;
	cursor: default !important;
}

.evenement_haut { width: 597px; height: 10px; margin: auto; margin-top: 15px; background-image: url('../images/png/evenement-block-haut.png'); text-align: right; color: #ccc; font-size: 8pt;padding-right: 3px;}
.evenement_contenu { width: 580px; margin: auto; background-color: #000; overflow: hidden; color: #ccc; padding-left: 10px; padding-right: 10px; overflow: hidden;}
.evenement_bas { width: 600px; height: 10px; margin: auto; background-image: url('../images/png/evenement-block-bas.png'); }

.evenement_titre { font-weight: bold; font-size: 10.5pt; border-bottom: 1px dashed #262626; margin-bottom: 10px; }
.evenement_date { color: #ccc; }
.evenement_nom { color: #ccc; }
.evenement_description{}

.bouton_inscription  { float: right; width: 15px; height: 15px; cursor: pointer; background-image: url('../images/png/evenement-inscription.png');}
.bouton_desinscription {float: right; width: 15px; height: 15px; cursor: pointer; background-image: url('../images/png/evenement-desinscription.png');}

div.evenement_informantions { text-align: right; }
div.evenement_informantions div { float: right; margin-left: 10px; text-align: right; }

table.tableau-listing { width: 100%; background-color: #fff; border-collapse: collapse;}
table.tableau-listing tr, table.tableau-listing td { height: 20px; line-height: 20px; }
table.tableau-listing th { text-align: left; color: #fff; background-color: #000; padding: 2px; }
table.tableau-listing td { border-bottom: 1px dashed #ccc; text-align: left; padding: 2px; }

#participer { display: block; margin: auto; background-color: #e6e6e6; border: 1px solid #ccc; margin-bottom: 10px; padding: 10px;  }
#participer * { vertical-align: middle; }
#participer p { padding: 0px; margin: 0px; }

/********************************************************************
		ALBUM PHOTO-VIDEO
********************************************************************/

#album_fin { display: block; width: 105px; height: 24px; margin: auto; background-image: url('../images/png/album-lien-fin.png'); }
#album_debut { display: block;  width: 105px; height: 24px; margin: auto; background-image: url('../images/png/album-lien-debut.png'); }
.album_lien_retour { width: 105px; height: 24px; background-image: url('../images/png/album-lien-retour.png'); cursor: pointer; }
.lien_album img { border: none; }
.album { width: 144px; overflow: hidden; margin-top: 10px; margin-bottom: 10px; }
.album_gauche { float: left; margin-right: 15px; }
.album_centre { float: left; margin-right: 15px; margin-left: 15px; }
.album_droite { float: left; clear: right; margin-left: 15px; }
.album_haut { width: 144px; height: 15px; padding-right: 5px; padding-left: 5px; background-position: center; background-repeat: no-repeat; background-image: url('../images/png/album-background-haut.png');}
.album_contenu { width: 144px; padding-right: 5px; padding-left: 5px; text-align: center; background-position: center; background-repeat: repeat-y; background-image: url('../images/png/album-background-contenu.png');}
.album_contenu img { vertical-align: middle; border: none; }
.album_bas { width: 144px; height: 15px; padding-right: 5px; padding-left: 5px; background-position: center; background-repeat: no-repeat; background-image: url('../images/png/album-background-bas.png');}
.album_titre { font-weight: bold; color: #CCC; text-align: center; }
.album_photo { text-align: center; }
.album_photo img { padding: 10px; background-color: #FFFFFF; border: 1px solid #262626; margin-top: 20px; }
.album_photo_commentaire { text-align: center; font-style: italic; color: #000; padding: 5px; font-weight: bold; margin-bottom: 30px; }
.album-un-commentaire-auteur, .album-un-commentaire-date, .album-un-commentaire-heure { font-weight: bold; }

/* COMMENTAIRES - Formulaire */

form.album-un-commentaire  {
	display: block;
	width: 400px;
	margin-left: 254px;
	color: #cccccc;
	margin-bottom: 20px;
}

.album-un-commentaire input.cssed {
	display: block;
	width: 400px;
	font-size: 9pt;
	font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif;
	color: #ccc;
	border: none;
	background-color: #262626;
	margin-top: 2px;
	padding: 2px;
}

.album-un-commentaire textarea.cssed {
	display: block;
	width: 400px;
	font-size: 9pt;
	font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif;
	color: #ccc;
	border: none;
	margin-top: 2px;
	background-color: #262626;
	padding: 2px;
}

.album-un-commentaire .commenter {
	display: block;
	width: 150px;
	height: 27px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	margin-top: 2px;
}

/* COMMENTAIRES - Liste */

.album-commentaires-pagination { text-align: center; color: #ffffff; }
.album-commentaires-pagination a { }
.album-commentaires-pagination a :hover{ font-weight: bold; }
.album-commentaires-pagination a.active { text-decoration: underline; }
.album-un-commentaire { 
	margin-left: 20px; 
	margin-bottom: 15px; 
	padding: 3px;
	font-size: 9pt;
	overflow: hidden;
}
.album-commentaire-haut { background-image: url('../images/png/news-commentaire-haut-background.png'); margin: 0; width: 661px; height: 10px; }
.album-commentaire-bas { background-image: url('../images/png/news-commentaire-bas-background.png'); margin: 0;  width: 661px; height: 10px; }
.album-commentaire-contenu { color: #FFFFFF; background-color: #070707; margin: 0; padding-left: 5px; padding-right: 5px; text-align: justify; width: 651px; overflow: hidden; }
.album-un-commentaire-titre { color: #fff; font-weight: bold; margin: 0; font-size: 10pt;}
.album-un-commentaire-infos { margin: 0; font-size: 9pt; color: #fff; }

.album-un-commentaire-photo-back { float: left; width: 80px; height: 80px; margin-right: 5px; background-image: url('../images/png/news-commentaire-defaultimage-background.png'); }
.album-un-commentaire-photo { margin-top: 5px; margin-left: 5px; width: 70px; height: 70px; }

/********************************************************************
		ANNONCES
********************************************************************/

#nombre-annonces-haut-bottom { margin: auto; margin-top: 15px;}
#nombre-annonces-bas-top { margin: auto; margin-bottom: 15px; }
.nombre-annonces-haut { height: 10px; width: 350px; margin: auto; background-image: url('../images/png/evenement-type-affichage-haut.png'); }
.nombre-annonces-contenu { width: 325px; padding-left: 25px; margin: auto; overflow: hidden; text-align: center; background-image: url('../images/png/evenement-type-affichage-contenu.png'); }
.nombre-annonces-bas { height: 10px; width: 350px; margin:auto; background-image: url('../images/png/evenement-type-affichage-bas.png'); }
p.nombre-annonces-element { float: left; margin: 0; height: 20px; padding-top: 4px; margin-right: 5px; font-weight: bold; color: #0f1d0f !important; }
div.nombre-annonces-element { float: left; width: 24px; height: 20px; font-weight: bold; color: #c4fecb; padding-top: 4px; margin-right: 5px; text-align: center; cursor: pointer; background-image: url('../images/png/annonces-nombre-bouton-background.png');}
div.inactif { 	
	background-image: url('../images/png/annonces-nombre-bouton-inactif-background.png') !important;
	color: #9cfea8 !important;
	cursor: default !important;
}

.annonce-titre { color: #ccc; font-weight: bold; }
.annonce-date { color: #ccc; }
.annonce-haut { width: 684px; height: 15px; background-image: url('../images/png/annonces-haut.png'); margin: 0; margin-top: 1px; }
.annonce-contenu { width: 664px; background-color: #000; padding-left: 10px; padding-right: 10px; margin: 0; color: #fff; overflow: hidden; }
.annonce-contenu p { width: 419px; margin: 0; margin-right: 5px; padding: 0; float: left; }
.annonce-contenu-information { font-weight: bold; }
.annonce-pratique { float: left; width: 229px; margin: 0; margin-left: 5px; }
.annonce-contact { width: 229px; height: 90px; margin-bottom: 3px; background-image: url('../images/png/annonce-contact-background.png'); color: #4b4b4b; padding: 3px; font-weight: bold; }
.annonce-bouton-photos { 
	display: block;
	width: 105px; 
	height: 24px;
	margin-left: 130px;  
	background-image: url('../images/png/annonces-bouton-voir-photos.png');
}
.annonce-aucune-photo { width: 229px; text-align: right; color: #ccc;}
.annonce-photo {  }
.annonce-bas { width: 684px; height: 15px; background-image: url('../images/png/annonces-bas.png'); margin: 0; margin-bottom: 20px; }

.annonces-pagination { text-align: center; font-weight: bold; margin: 15px;}
.annonce-page-inactive { text-decoration: underline; }
.annonce-page-active { cursor: auto !important; color: #000 !important; }

/* ESPACE MEMBRE - Page des annonces */

#annonce-tableau-haut { width: 684px; height: 15px; background-image: url('../images/png/annonces-haut.png'); margin: 0; }
table#annonce-tableau-contenu { width: 684px; border-collapse: collapse; background-color: #000000; color: #ccc; }
table#annonce-tableau-contenu td { padding: 3px; border-bottom: 1px dashed #262626; }
#annonce-tableau-contenu .top td { border-top: 1px dashed #262626; }
#annonce-tableau-bas { width: 684px; height: 15px; background-image: url('../images/png/annonces-bas.png'); margin: 0; }
td.annonce-date { width: 130px; } 
td.annonce-bouton-publier, td.annonce-bouton-modifier, td.annonce-bouton-supprimer, td.annonce-statut-publie { 
	width: 87px;
	padding-right: 1px !important; 
	padding-left: 1px !important; 
}
td.annonce-bouton-publier a { width: 85px; height: 24px; display: block; background-image: url('../images/png/annonce-bouton-publier.png'); }
td.annonce-statut-publie a { width: 85px; height: 24px; display: block; cursor: auto; background-image: url('../images/png/annonce-statut-publie.png'); }
td.annonce-bouton-modifier a { width: 85px; height: 24px; display: block; background-image: url('../images/png/annonce-bouton-modifier.png'); }
td.annonce-bouton-supprimer a { width: 85px; height: 24px; display: block; background-image: url('../images/png/annonce-bouton-supprimer.png'); }
.annonce-bouton-creer { width: 150px; height: 24px; margin: auto; display: block; background-image: url('../images/png/annonce-bouton-creer-background.png'); }

.annonce-lien-etape a { color: #69e379 !important; }

#annonce-retour { display: block; width: 105px; height: 24px; background-image: url('../images/png/annonce-retour.png'); }

.annonce-creation {
	min-height: 150px;
}

.annonce-etape-precedente { float: left; margin-left: 10px; margin-top: 25px; display: block; width:105px; height:24px; background-image: url('../images/png/annonce-etape-precedente.png');}
.annonce-etape-suivante { float: right; margin-right: 10px; margin-top: 25px; display: block; width:105px; height:24px; background-image: url('../images/png/annonce-etape-suivante.png');}
.annonce-etape-suivante { float: right; margin-right: 10px; margin-top: 25px; display: block; width:105px; height:24px; background-image: url('../images/png/annonce-etape-suivante.png');}

.annonce-bouton-valider { float: left; }
.annonce-valider-formulaire { float: right; margin-right: 10px; margin-top: 25px; display: block; width:105px; height:24px; background-image: url('../images/png/annonce-bouton-valider.png'); }

#etape1, #etape2, #etape3 {padding-right: 5px; padding-left: 5px;}
.annonce-uploader-photo { margin-left: 275px; }

.annonce-miniature { width: 50px; height: 50px; float: left; margin-right: 5px;  margin-bottom: 5px; }
.annonce-miniature-lien-suppression { display: block; border: none; width: 50px; height: 50px; background-image: url('../images/png/annonce-miniature-supprimer.png'); display: block; }
#photos_telechargees {padding: 3px; margin-top: 5px; color: #ccc; overflow: hidden; background-image: url('../images/png/annonce-miniature-background.png'); border: 1px solid #262626; }
h4.h4-annonce-modification { margin-top: 25px !important; }
#formImagesModification { width: 380px; margin: auto; padding-right: 10px; padding-left: 10px;}
/********************************************************************
		FORMULAIRE D'ADHESION
********************************************************************/

form.formulaire-adhesion { color: #ccc; }

label.formulaire-adhesion {
	display: block;
	width: 350px;
	color: #ccc;
	padding-right: 5px;
	margin: auto;
	margin-top: 15px;
	text-align: left;
}

textarea.formulaire-adhesion {
	display: block;
	width: 350px;
	height: 75px;
	font-size: 9pt;
	font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif;
	color: #ccc;
	border: none;
	margin: auto; 
	margin-top: 2px;
	background-color: #262626;
	padding: 2px;
	text-align: left;
}

.annonce-bouton-imprimer {
	width: 150px;
	height: 27px;
	margin-left: 130px;
	margin-top: 50px;
}

p.formulaire-adhesion-loi { font-style: italic; margin-left: 10px; margin-right: 10px; color: #ccc; padding: 5px; border: 1px dashed #262626; }
p.formulaire-adhesion-accords { margin-left: 10px; margin-right: 10px; color: #ccc; }
p.formulaire-adhesion-papiers { margin-left: 10px; margin-right: 10px; color: #ccc; padding: 5px; border: 1px dashed #262626; }

/********************************************************************
		MEMBRES
********************************************************************/

.membre-profil { display: block; width:85px; height:24px; background-image: url('../images/png/bouton-profil-public.png');}
.membre-ecrire {display: block; width:85px; height:24px; background-image: url('../images/png/bouton-profil-ecrire.png')}

.profil-avatar{ float: left; width: 70px; height: 70px; padding: 5px; margin-right: 10px; background-position: center; background-image: url('../images/png/profil-public-avatar-background.png'); }
.profil-informations { float: left; }
.profil-informations td.info { font-weight: bold; width: 180px; }

/********************************************************************
		MESSAGERIE INTERNE
********************************************************************/

div.msg-onglets { width: 684px; height: 24px; margin: auto; text-align: center; font-weight: bold;}
div.msg-onglets-bas { background-image: url('../images/png/news-bas-background.png'); height: 10px; margin: 0;}
div.msg-onglets-contenu { text-align: justify; background-color: #cccccc; color: #070707; padding: 10px; overflow: hidden; }
div.msg-onglet-actif { width: 228px; height: 21px; padding-top: 3px; background-image: url('../images/png/msg-onglet-actif.png'); float: left; color: #000000; }
div.msg-onglet-inactif { width: 228px; height: 21px; padding-top: 3px; background-image: url('../images/png/msg-onglet-inactif.png'); cursor: pointer; float: left; color: #8e8c8c; }
div.msg-onglet-inactif:hover { color: #ccc; }
div.msg-onglets-contenu  label.stylise { display: block; color: #262626; width: 300px; margin-left: 132px;  }
div.msg-onglets-contenu  input.stylise { display: block; border: none; background-color: #262626; color: #ccc; width: 300px; margin-left: 132px; margin-bottom: 5px; }
div.msg-onglets-contenu  textarea.stylise { display: block; border: none; background-color: #262626; color: #ccc; width: 400px; height: 200px; margin-left: 132px; margin-bottom: 5px; font-family: Arial; font-size: 10pt; }
div.msg-onglets-contenu  input.bouton { display: block; margin-left: 382px; }

div.messagerie_pagination { text-align: center; margin-top: 10px; margin-bottom: 10px;}
div.messagerie_pagination a { color: #262626 !important; }

div.msg-haut { width: 664px; height: 10px; background-image: url('../images/png/msg-haut.png'); }
div.msg-contenu { width: 654px; background-color: #262626; padding-left: 5px;padding-right: 5px; overflow: hidden; color: #ccc;}
div.msg-contenu-intitule { width: 595px; height: 20px; color: #6e6d6d; float: left; overflow: hidden; vertical-align: center; padding-top: 4px; }
span.msg-contenu-intitule-info { color: #ccc; font-weight: bold;}
a.msg-contenu-intitule-lire { width: 50px; height: 24px; float: right; display: block; background-image: url('../images/png/bouton-lire.png'); cursor: pointer; }
div.msg-contenu-message {}
div.msg-contenu-avatar {}
div.msg-contenu-boutons { text-align: right; margin-top: 10px;}
div.msg-bas {width: 664px; height: 10px; margin-bottom: 5px; background-image: url('../images/png/msg-bas.png');}
a.msg-repondre { display: block; float: right; margin-right: 3px; width: 85px; height: 24px; background-image: url('../images/png/bouton-repondre.png'); }
a.msg-supprimer { display: block; float: right; margin-right: 3px; width: 85px; height: 24px; background-image: url('../images/png/annonce-bouton-supprimer.png'); }


/********************************************************************
		PAGE DE CONTACT
********************************************************************/

.contact-coordonnees { margin-left: 300px; }

.contact-mail-haut { width: 500px; height: 10px; margin: auto; background-image: url('../images/png/contact-mail-haut.png'); }
.contact-mail { 
	text-align: center; 
	width: 496px; 
	margin: auto; 
	padding: 2px;
	background-color: #cccccc; 
	color: #070707;
}
.contact-mail-bas { width: 500px; height: 10px; margin: auto; margin-bottom: 15px; background-image: url('../images/png/contact-mail-bas.png'); }
	
.pagecontenu-paragraphe { overflow: hidden; }
.pagecontenu-paragraphe h4 { text-align: left; }
.pagecontenu-texte { overflow: hidden; }

/********************************************************************
		AIDE - FAQ
********************************************************************/

.faq-haut { width: 684px; background-image: url('../images/png/news-haut-background.png'); height: 10px; margin: 0; }
.faq-bas { width: 684px; background-image: url('../images/png/news-bas-background.png'); height: 10px; margin: 0; margin-bottom: 20px;}
.faq-question { margin: 0px; text-align: left; color: #ccc; }
.fa-question a { text-decoration: none !important; cursor: auto !important; }
.faq-contenu {
	text-align: justify; background-color: #cccccc; color: #070707; padding-left: 10px; padding-right: 10px; margin: 0; overflow: hidden;
}

.faq-contenu p { text-indent: 30px; color: #070707; }
.faq-contenu ul, .faq-contenu ol, .faq-contenu li { color: #070707; }
.faq-contenu ol a { font-weight: bold; color: #070707 !important; }
.faq-contenu ul a { font-weight: bold; color: #070707 !important; }

/********************************************************************
		AUTOCOMPLETION
********************************************************************/

div.liste_autocomplete { background-color: #8c0000; }
div.liste_autocomplete ul { background-color: #8c0000; list-style-type: none; margin: 0; padding: 0;}
div.liste_autocomplete li { padding: 2px; border-bottom: 1px solid #d90000; padding-left: 16px; }
div.liste_autocomplete li span.info-majeure { font-weight: bold; }
div.liste_autocomplete li span.info-mineure { font-size: 8pt; color: #ffd700;}
div.liste_autocomplete li.selected { 
	background-color: #b30303; 
	background-image: url('../images/png/autocompletion-li-selected.png'); 
	background-repeat: no-repeat; 
	background-position: left center; 
	cursor: pointer; 
}

/********************************************************************
		PIED DE PAGE
********************************************************************/

#foot {
	width: 750px;
	margin: auto;
	margin-top: 20px;
	padding-bottom: 10px;
    bottom: 0px;
	text-align: center;
	color: #ccc;
}

#foot a {
	font-weight: bold;
	color: #cccccc;
}

#foot a:hover { text-decoration: underline; }
