/**************************************************/
/**** + SURCHARGES par rapport à rencontre.css ****/
/**************************************************/
#connectes .dept {
	margin-top: 3px;
	line-height: 140%;
}
.dessus { /* pour les éléments de pagination */
	padding-top: 0;
}
/**************************************************/
/**** - SURCHARGES par rapport à rencontre.css ****/
/**************************************************/

img { border: 0; }
a { outline: none; }

a.bouton {
	height: 21px;
	padding: 3px 10px 5px 10px;
	background: url(../../images/fond-bouton.png) repeat-x;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
a.bouton:hover { background: url(../../images/fond-bouton-hover.png) repeat-x; }

#mini_orga {
	margin: auto;
	width: 76px;
	height: 76px;
	padding: 1px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;

}
#mini_orga .photo {
	position: relative;
	height: 76px;
	width: 76px;
	overflow: hidden;
}

hr {
	width: 100%;
	border: 0;
	height: 1px;
	border-bottom: 1px dotted #000000;
	margin: 10px 0;
}

.n { color: #000000; }

#sortie_detail, #album_sorties {
	float: left;
	width: 540px;
}

.obligatoire {
	font-size: 10px;
	color: #9C0000;
	font-style: italic;
}

.msg_erreur {
	padding: 10px;
	text-align: left;
	color: #AD0000;
	font-weight: bold;
	border: 1px solid #AD0000;
}
.msg_succes {
	padding: 10px;
	text-align: center;
	color: #5FA30F;
	font-weight: bold;
	border: 1px solid #5FA30F;
}

.sep { clear: both; height: 0; }
.esp { margin-top: 10px; }
.h10 { height: 10px; }
.h15 { height: 15px; }

.notes {
	font-size: 10px;
	font-style: italic;
}

.annulee {
	color: #555555;
	text-decoration: line-through;
	display: inline;
}
.nouveau { background: #FEFF99; }
.inscrit { background: #BBE3C3; }
.en_attente { background: #FFD395; }

#emoticones {	margin-bottom: 10px; }
#emoticones img {	margin-right: 7px; }

img.moderation {
	float: left;
	margin-right: 15px;
}

/***********************/
/**** + FORMULAIRES ****/
/***********************/

input.text, textarea {
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
input[type="text"] {
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
textarea {
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
label {
	display: block;
	float: left;
	width: 220px;
	text-align: right;
	padding-right: 20px;
}

p.soumettre { text-align: center; }
p.top15 { margin-top: 15px; }

.submit_creer {
	background: url(../../images/btn-creer-sortie.png) no-repeat;
	border: 0;
	height: 25px;
	width: 153px;
	cursor: pointer;
}
.submit_creer:hover {
	border: 0;
	cursor: pointer;
	background: url(../../images/btn-creer-sortie-hover.png) no-repeat;
}
.submit_modifier {
	background: url(../../images/btn-modifier-sortie.png) no-repeat;
	border: 0;
	height: 25px;
	width: 190px;
	cursor: pointer;
}
.submit_modifier:hover {
	border: 0;
	cursor: pointer;
	background: url(../../images/btn-modifier-sortie-hover.png) no-repeat;
}
.submit_rechercher {
	background: url(../../images/btn-rechercher-sortie.png) no-repeat;
	border: 0;
	height: 25px;
	width: 195px;
	cursor: pointer;
}
.submit_rechercher:hover {
	border: 0;
	cursor: pointer;
	background: url(../../images/btn-rechercher-sortie-hover.png) no-repeat;
}
.submit_pense {
	background: url(../../images/btn-pense.png) no-repeat;
	border: 0;
	height: 25px;
	width: 250px;
	cursor: pointer;
}
.submit_pense:hover {
	border: 0;
	cursor: pointer;
	background: url(../../images/btn-pense-hover.png) no-repeat;
}
.submit_upload {
	background: url(../../images/btn-upload.png) no-repeat;
	border: 0;
	height: 25px;
	width: 163px;
	cursor: pointer;
}
.submit_upload:hover {
	border: 0;
	cursor: pointer;
	background: url(../../images/btn-upload-hover.png) no-repeat;
}
.submit_poster {
	background: url(../../images/btn-poster-commentaire.png) no-repeat;
	border: 0;
	height: 25px;
	width: 209px;
	cursor: pointer;
}
.submit_poster:hover {
	border: 0;
	cursor: pointer;
	background: url(../../images/btn-poster-commentaire-hover.png) no-repeat;
}

/***********************/
/**** - FORMULAIRES ****/
/***********************/

#page_erreur {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 40px;
	font-style: italic;
}

#page_succes {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 40px;
	font-style: italic;
}

#lancer {
	width: 195px;
	height: 25px;
	background: url(../../images/btn-lancer-sortie.png) no-repeat;
	margin-bottom: 10px;
	cursor: pointer;
}
#lancer:hover { background: url(../../images/btn-lancer-sortie-hover.png) no-repeat; }

/****************/
/**** + MENU ****/
/****************/

#menu_gauche {
	float: left;
	width: 220px;
	margin-right: 20px;
}
#menu_sortir {
	border-right: 1px dotted gray;
	margin-bottom: 20px;
}
#menu_sortir .abonne {
	background-image: url(../../img/icones/star.png);
	background-repeat: no-repeat;
	background-position: 40px center;
	background-color: white;
	padding: 5px;
	border: 1px solid #FAE582;
	color: #005EA8;
	padding: 10px 5px 10px 70px;
	margin: 20px 0 0 0;
	width: 56%;
}
#menu_sortir .abonne:hover {
	background-color: #FEFBEC;
	text-decoration: none;
	cursor: pointer;
}
#menu_sortir .abonne a { text-decoration: none; }
#menu_sortir .ident {
	line-height: 170%;
	margin-bottom: 15px;
}
#menu_sortir .titre {
	background: #EEEEEE;
	height: 20px;
	padding-top: 5px;
	width: 80%;
	font-weight: bold;
	padding-left: 20px;
	margin: 20px 0 10px 0;
}
#menu_sortir .deb { margin-top: 0; }
#menu_sortir ul {
	list-style-type: none;
	margin: 0; 
	padding: 0;
	width: auto;
}
#menu_sortir ul li {
	list-style-image: none; /* Pour éviter de récupérer la "puce.gif" du hp6 */
	list-style-type: none;
	margin: 2px 0 2px 0px;
	padding: 0 0 0 5px; 
	color: #005EA8;
	border-left: solid 7px #CCCCCC; 
}
#menu_sortir ul li:hover {
	border-left: solid 7px #9C0000;
	text-decoration: none;
}
#menu_sortir ul li a:link, #menu_sortir ul li a:visited, #menu_sortir ul li a:active {
	color: #005EA8;
}
#menu_sortir ul li a:hover {
	color: #9C0000;
	text-decoration: none;
}
#menu_sortir .rg {
	font-size: 13px;
}
#accroche_albums {
	width: 100%;
	font-weight: bold;
}
#accroche_albums .titre {
	background: url(../../images/accroche-albums.png) no-repeat;
	width: 203px;
	height: 30px;
	padding: 6px 0 0 15px;
}
#accroche_albums .photo {
	margin-top: 10px;
	background: url(../../images/accroche-albums-fond-photo.png) no-repeat;
	width: 200px;
	height: 100px;
	padding: 8px 9px 8px 9px;
	overflow: hidden;
}
#accroche_albums .photo:hover { background: url(../../images/accroche-albums-fond-photo-hover.png) no-repeat; }
/*
#accroche_albums img { width: 200px; height: 100px; }
*/
#accroche_albums .image {
	height: 100px;
	width: 200px;
	overflow: hidden;
}
#accroche_albums a.lien {
	padding-left: 15px;
	text-decoration: underline;
}

/****************/
/**** - MENU ****/
/****************/

/******************************/
/**** + DERNIERS CONNECTES ****/
/******************************/

#connectes { width: 200px; }
#connectes .titre {
	background: #EEEEEE;
	height: 20px;
	padding-top: 5px;
	text-align: center;
}

/******************************/
/**** - DERNIERS CONNECTES ****/
/******************************/

#accroche_sortir {
	float: left;
	width: 406px;
}
#accroche_sortir .texte {
	background: url(../../images/accroche-sortir-fond.png) no-repeat;
	width: 366px;
	height: 178px;
	padding: 20px;
}
#accroche_sortir .infos {
	margin-top: 5px;
	background: url(../../images/accroche-sortir-carte.png) no-repeat;
	background-position: 5px 0px;
	width: 406px;
}
#accroche_sortir .infos ul li {
	margin: 3px 0 0 45px;
	padding: 0; 
	color: #000000;
	font-weight: bold;
}

#publicite {
	float: right;
	border: 1px solid #EFEFEF;
}
#publicite .entete {
	background: #EFEFEF;
	height: 15px;
	font-size: 9px;
	padding-top: 3px;
	padding-left: 5px;
	width: 295px;
}

/**********************/
/**** + CHOIX ZONE ****/
/**********************/

#choix_zone {
	clear: both;
	margin: 15px 0 15px 0;
	background: url(../../images/choix-zone-fond.png) no-repeat;
	width: 100%;
	height: 40px;
	padding: 13px 0 0 20px;
	font-weight: bold;
}
.submit_cz {
	width: 23px;
	height: 25px;
	border: 0;
	background: url(../../images/btn-ok-defaut.png) no-repeat;
	background-position: 0 2px;
	margin: 0px;
	cursor: pointer;
}
.submit_cz:hover {
	border: 0;
	cursor: pointer;
	background: url(../../images/btn-ok-defaut-hover.png) no-repeat;
	background-position: 0 2px;
}

/**********************/
/**** - CHOIX ZONE ****/
/**********************/

#sorties {
	float: left;
	width: 500px;
	margin-top: 0;
	margin-right: 10px;
}
#sorties_pub {
	float: left;
	width: 535px;
	margin-top: 0;
	margin-right: 10px;
}
#sorties #tab, #sorties_pub #tab {
	line-height: 140%;
	margin-bottom: 5px;
	/* border-collapse: collapse; */
}
#sorties #tab .date, #sorties_pub #tab .date {
	width: 330px;
	height: 25px;
	/* background: #FFC65A; */
	border: 2px solid #FFC65A;
	border-right: none;
	padding: 2px 0 0 5px;
	font-weight: bold;
}
#sorties_pub #tab .date { width: 340px; }
#sorties #tab .legende, #sorties_pub #tab .legende {
	/* background: #FFC65A; */
	border: 2px solid #FFC65A;
	border-left: none;
}
#sorties #tab .inscrits, #sorties_pub #tab .inscrits {
	width: 70px;
	border-right: none;
}
#sorties #tab .orga, #sorties_pub #tab .orga {
	width: 100px;
}
#sorties #tab .info, #sorties_pub #tab .info { font-size: 11px; font-family: Arial; }
#sorties #tab .heure, #sorties_pub #tab .heure { width: 45px; font-size: 11px; }
#sorties #tab .libelle { width: 285px; }
#sorties_pub #tab .libelle { width: 295px; }

/************************/
/**** + INFOS MEMBRE ****/
/************************/

#info_membre #mini {
	float: left;
	width: 76px;
	height: 76px;
	padding: 1px;
	border: 1px solid #CCCCCC;
	margin-right: 10px;
	overflow: hidden;
}
#info_membre #mini #photo {
	position: relative;
	height: 76px;
	width: 76px;
	overflow: hidden;
}
#info_membre #mini #photo img {
	width: 76px;
	height: 76px;
	position: relative;
}
#info_membre #detail {
	float: left;
	text-align: left;
}
#info_membre .intro {
	text-align: left;
	margin-bottom: 10px;
}
#info_membre .notes {
	margin-top: 15px;
	line-height: 160%;
	text-align: left;
	width: 330px;
}
#info_membre label {
	padding: 0;
	margin: 0;
	width: 250px;
	text-align: right;
	padding-right: 5px;
}

/************************/
/**** - INFOS MEMBRE ****/
/************************/

#accroche_100 .haut {
	background: url(../../images/accroche-bloc-100-fond-haut.png) no-repeat;
	width: 718px;
	height: 10px;
}
#accroche_100 .milieu {
	background: url(../../images/accroche-bloc-100-fond-milieu.png) repeat-y;
	width: 678px;
	padding: 10px 20px;
}
#accroche_100 .gris {	background: url(../../images/accroche-bloc-100-fond-milieu-gris.png) repeat-y; }
#accroche_100 .bas {
	background: url(../../images/accroche-bloc-100-fond-bas.png) no-repeat;
	width: 718px;
	height: 10px;
}
#accroche_100 .legende {
	margin-top: 15px;
	margin-bottom: 20px;
	line-height: 170%;
	font-style: italic;
}

/*******************/
/**** + SORTIES ****/
/*******************/

#accroche_sortie_1 {
	float: left;
	width: 540px;
	margin-bottom: 10px;
}
#accroche_sortie_1 .illustration {
	float: left;
	background: #EEEEEE;
	padding: 5px;
	margin-right: 15px;
}
#accroche_sortie_1 .illustration img { max-height: 100px; }
#accroche_sortie_1 .haut {
	background: url(../../images/accroche-bloc-sd-fond-haut.png) no-repeat;
	width: 540px;
	height: 10px;
}
#accroche_sortie_1 .milieu {
	background: url(../../images/accroche-bloc-sd-fond-milieu.png) repeat-y;
	width: 500px;
	padding: 10px 20px;
	text-align: left;
}
#accroche_sortie_1 .gris { background: url(../../images/accroche-bloc-sd-fond-milieu-gris.png) repeat-y; }
#accroche_sortie_1 .bas {
	background: url(../../images/accroche-bloc-sd-fond-bas.png) no-repeat;
	width: 540px;
	height: 10px;
}

#accroche_sortie_orga {
	float: left;
	width: 162px;
	margin-left: 17px;
}
#accroche_sortie_orga .haut {
	background: url(../../images/accroche-bloc-so-fond-haut.png) no-repeat;
	width: 162px;
	height: 10px;
}
#accroche_sortie_orga .milieu {
	background: url(../../images/accroche-bloc-so-fond-milieu.png) repeat-y;
	width: 122px;
	padding: 10px 20px;
	text-align: center;
	min-height: 110px;
}
#accroche_sortie_orga .bas {
	background: url(../../images/accroche-bloc-so-fond-bas.png) no-repeat;
	width: 162px;
	height: 10px;
}

#sortie_detail .titre {
	width: 530px;
	background: #FFF5C0;
	height: 18px;
	padding-top: 5px;
	padding-left: 10px;
	font-weight: bold;
	margin-bottom: 10px;
}
#sortie_detail .col1 { float: left; width: 265px; margin-right: 10px; }
#sortie_detail .col2 { float: left; width: 265px; }
#sortie_detail .col1 .titre, 
#sortie_detail .col2 .titre { width: 255px; text-align: center; }
.centre { text-align: center; }

#sortie_detail .part1 {
	float: left;
	width: 330px;
	margin-right: 15px;
}
#sortie_detail .part2 {
	float: left;
	width: 150px;
}

#sortie_boutons {
	width: 100%;
	margin-top: 30px;
	text-align: center;
}
#sortie_boutons .marge {
	margin-right: 20px;
}

#commentaire {	width: 100%; }
#commentaire .titre, #sortie_participants .titre {
	width: 530px;
	height: 20px;
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	padding-top: 8px;
	margin-bottom: 15px;
	text-align: center;
	font-weight: bold;
}
#commentaire .qui {
	margin-bottom: 5px;
}
#commentaire .quoi {
	padding: 10px;
	margin-bottom: 10px;
}
#commentaire .alt1 {	border: 1px solid #A3BED9; background: #F3F9FB; }
#commentaire .alt2 {	border: 1px solid #8AB002; background: #F5FAE5; }

#sortie_participants {
	width: 100%;
	margin-bottom: 15px;
}

/*******************/
/**** - SORTIES ****/
/*******************/

/******************/
/**** + ALBUMS ****/
/******************/

#album_sorties .date {
	height: 20px;
	background: #FFC65A;
	padding: 5px 0 0 10px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
}
#album_sorties .photo {
	float: left;
	background: url(../../images/albums-fond-photo.png) no-repeat;
	width: 147px;
	height: 100px;
	padding: 8px 9px 8px 9px;
	text-align: center;
	overflow: hidden;
}
#album_sorties .photo:hover {	background: url(../../images/albums-fond-photo-hover.png) no-repeat; }
#album_sorties .marge { margin-right: 10px; }
#album_sorties .marge_album { margin-right: 6px; margin-left: 6px;}
/*
#album_sorties .photo img {
	height: 100px;
	width: 147px;
}
*/
#album_sorties .image {
	height: 100px;
	width: 147px;
	overflow: hidden;
}

/**** Invitation à uploader une photo ****/

#invite_upload {
	width: 100%;
	margin-bottom: 20px;
}
#invite_upload .col1 {
	float: left;
	margin: 0 20px 0 10px;
}
#invite_upload .col2 {
	float: left;
	width: 560px;
}

#album_sorties #acces_album, #retour_liste {
	height: 20px;
	margin-bottom: 15px;
	background: #F5F5E7;
	padding-top: 5px;
	text-align: center;
	font-size: 11px;
}

/**** Miniatures de la page d'un album ****/

#album_sorties #detail {
	float: left;
	margin-bottom: 15px;
	font-size: 11px;
	line-height: 150%;
}
#album_sorties #detail .photo {
	float: none;
	background: url(../../images/albums-fond-photo.png) no-repeat;
	width: 147px;
	height: 100px;
	padding: 8px 9px 8px 9px;
	text-align: center;
}
#album_sorties #detail .photo:hover { background: url(../../images/albums-fond-photo-hover.png) no-repeat; }
#album_sorties #detail .complement {
	float: none;
	margin-top: 10px;
	padding-left: 10px;
}

/**** Page photo ****/

#nav_photo { border-collapse: collapse; }
#nav_photo td.nav {
	width: 28px;
	border: 1px solid #CCCCCC;
	background: #F5F5E7;
	cursor: pointer;
}
#nav_photo td.nav:hover {
	width: 28px;
	border: 1px solid #FACE00;
	background: #FEF8DA;
}
#nav_photo td.precedente, #nav_photo td.precedente:hover {
	background-image: url(../../images/photo-precedente.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#nav_photo td.suivante, #nav_photo td.suivante:hover {
	background-image: url(../../images/photo-suivante.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#nav_photo td.vide, #nav_photo td.vide:hover {
	width: 28px;
	background: none;
	cursor: default;
}

#photo_boutons {
	width: 100%;
	margin: 30px 0;
	text-align: center;
}
#photo_boutons .marge {
	margin-left: 20px;
}

/******************/
/**** - ALBUMS ****/
/******************/

/******************/
/**** + AGENDA ****/
/******************/

#onglets_agenda {
	width: 100%;
	text-align: center;
}
#onglets_agenda .onglet {
	float: left;
	background: url(../../images/onglet-agenda.png) no-repeat;
	width: 152px;
	height: 73px;
	padding: 10px;
	margin-right: 10px;
	text-align: center;
	cursor: pointer;
}
#onglets_agenda .onglet:hover {
	background: url(../../images/onglet-agenda-hover.png) no-repeat;
}
#onglets_agenda .actif {
	background: url(../../images/onglet-agenda-hover.png) no-repeat;
}

.onglet1 {
	height: 28px;
	background: url(../../images/ico-agenda-inscris.png) no-repeat;
	background-position: 50% 0;
	margin-bottom: 8px;
}
.onglet2 {
	height: 28px;
	background: url(../../images/ico-agenda-calend.png) no-repeat;
	background-position: 50% 0;
	margin-bottom: 8px;
}
.onglet3 {
	height: 28px;
	background: url(../../images/ico-agenda-part.png) no-repeat;
	background-position: 50% 0;
	margin-bottom: 8px;
}
.onglet4 {
	height: 30px;
	background: url(../../images/ico-agenda-suivi.png) no-repeat;
	background-position: 50% 0;
	margin-bottom: 6px;
}
/******************/
/**** - AGENDA ****/
/******************/