/* -------------------------------------------------------
 	STYLES GENERAUX
 ------------------------------------------------------- */
html,body 
{ 
	margin: 0px;
	color: #3F3F3F;
	font-family: verdana, arial, "times new roman", lucida, sans-serif;
    font-size: 62.5%;
    height: 100%;
    background: #FFF9FB; 
    /*background: #ffffff url("../img/collage-2.jpg") no-repeat right top;
    background-attachment: fixed;*/
}

body.imprimer
{ 
	margin: 0px;
	color: #000000;
	font-family: verdana, arial, "times new roman", lucida, sans-serif;
    font-size: 62.5%;
    background: #ffffff; 
}


form
{
	margin: 0px;
	padding: 0px;
	display: inline;
}

#langue
{
	text-align: right;
	color: #643782;
	z-index: 100;
	padding-right: 4px;
	text-transform: uppercase;
	font-size: 1em;
}

#langue a
{
	color: #643782;
	background: #ffffff;
}

#entete
{
	 position: relative;
	 width: 917px;
	 margin: 0px;
}

#page
{
	 position: relative;
	 width: 917px;
	 margin: 0px;
	 background: #FFF0F2;
	 padding-top: 5px;
}

#bas
{
	 position: relative;
	 width: 917px;
	 margin: 0px;
	 background: #FFF0F2;
	 padding-top: 26px;
	 padding-bottom: 0px;
	 height: 8px;
	 color: #CAD2DA;
	 text-align: left;
}


#page-accueil
{
	 position: relative;
	 width: 917px;
	 margin: 0px;
	 background: url("../img/fond-accueil.gif") repeat-y;
	 padding-top: 5px;
}

#page-groupe
{
	 position: relative;
	 width: 917px;
	 margin: 0px;
	 background: url("../img/fond-groupe.gif") repeat-y;
	 padding-top: 5px;
}

#page-faq
{
	 position: relative;
	 width: 917px;
	 margin: 0px;
	 background: url("../img/fond-faq.gif") repeat-y;
	 padding-top: 5px;
}

#page-intro
{
	 position: relative;
	 margin: auto;
	 width: 513px;
	 padding-top: 134px;
}

#menu
{
	position: absolute; 
	top: 165px; 
	left: 15px; 
	z-index: 150;
	width: 750px;
	text-align: center;
}


#bloc-contenu
{
	margin-left: 15px;
	margin-right: 6px;
}

#bloc-contenu-colle
{
	margin-left: 0px;
	margin-right: 6px;
}

.insertion-photo
{
	padding-top: 0px;
	padding-bottom: 0px;
}

.bloc-media
{
	font-size: 9px;
}

.couleur
{
	color: #CE416C;
	white-space: nowrap;
}

ul
{
	margin: 0px;
	padding: 0px;
}

li
{
	display : list-item;
	list-style-type: circle;
	list-style-position: outside;
	padding-left: 0px;
	margin-left: 0px;
}

#annonce
{
	font-size: 9px;
	text-align: left;
	padding: 0px;
	border: dotted 1px #E2ECF5;
	background: #E2ECF5;
	margin-bottom: 30px;
}

.annonce-titre
{
	text-align: left;
	font-size: 1.1em;
	color: #5CADCB;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 5px;
	padding-left: 4px;
	padding-right: 3px;
}

.annonce-contenu-gauche
{
	text-align: left;
	margin-bottom: 5px;
	font-size: 1.0em;
	padding-left: 10px;
	color: #5CADCB;
}

#annonce img
{
	border: dashed 1px #976E00;
	margin-top: 3px;
}


input.btn-commander {
	border: solid 0px #A4916A;
	background: transparent;
}

input.defaut {
	border: solid 1px #3F3F3F;
	background: #FFFFFF;
	width: 155px;
	padding: 2px;
	font-size: 10px;
	font-family: verdana, arial, "times new roman", lucida, sans-serif;
	color: #CE416C;
	margin-top: 1px;
	font-weight: bold;
	margin-bottom: 5px;
}

textarea {
	border: solid 1px #3F3F3F;
	background: #FFFFFF;
	width: 470px;
	padding: 2px;
	height: 100px;
	font-size: 10px;
	font-family: verdana, arial, "times new roman", lucida, sans-serif;
	color: #3F3F3F;
	margin-top: 1px;
	margin-bottom: 5px;
}

#message
{
	color: #ffffff;
	font-size: 1.0em;
	background: #5CADCB;
	font-weight: bold;
	border: dotted 2px #ffffff;
	padding: 5px;
	text-align: center;
}

#puce
{
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: 20px;
	height: 20px;
	background: url("../img/puce.gif") center center no-repeat;
}

.page-imprimer
{
	 position: relative; 
	text-align: justify;
	 width: 600px;
}

#pagination
{
	position: absolute; 
	top: 575px; 
	left: 50px; 
	text-align: center;
	width: 270px;
	font-size: 90%;
	z-index: 150;
}

#navigation
{
	text-align: left;
	width: 230px;
	font-size: 90%;
	position: relative;
	height: 10px;
}

#page-suivante
{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 219px;
	text-align: right;
	z-index: 300;
	/*background: url("../img/suivant.gif") right center no-repeat;*/
}

#page-precedente
{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 100px;
	text-align: left;
	z-index: 301;
	/*background: url("../img/precedent.gif") left center no-repeat;*/
}

#ajout-message
{
	width: 150px; 
	height: 50px;
	font-size: 70%;
}

.journal-petit
{
	font-size: 1.1em;
	color: #976E00;
}

.btn-commentaire
{
	
}

.date-journal
{
	font-size: 1.0em;
	color: #434230;
	font-weight: bold;
	text-transform: uppercase;
	/*background: url("../img/puce-entree-bleu.gif") no-repeat left top;*/
	height: 20px;
	/*padding-left: 20px;*/
}

.date-evenement
{
	color: #CE416C;
	text-transform: uppercase;
	font-size: 9px;
}

.contenu-evenement
{
	text-align: left;
	font-size: 9px;
}

.date
{
	font-size: 10px;
	color: #889AAC;
	font-weight: bold;
	text-transform: uppercase;
	/*background: url("../img/puce-entree-bleu.gif") no-repeat left top;*/
	/*padding-left: 20px;*/
}

.titre
{
	text-align: left;
	font-size: 10px;
	color: #889AAC;
	font-weight: bold;
}

.titre-plus-lien
{
	text-align: left;
	font-size: 11px;
	color: #983B31;
	font-weight: normal;
	background: url("../img/puce-coeur.gif") center left no-repeat;
	padding-left: 19px;
}

.titre-plus-video
{
	text-align: left;
	font-size: 11px;
	color: #983B31;
	font-weight: normal;
	padding-top: 4px;
	background: url("../img/puce-tele.gif") top left no-repeat;
	padding-left: 20px;
}


.titre-groupe
{
	text-align: left;
	font-size: 20px;
}

.titre-album
{
	text-align: left;
	font-size: 12px;
	color: #090909;
}

.titre-album-petit
{
	text-align: left;
	font-size: 11px;
	text-transform: uppercase;
	color: #717380;
}

.titre-commentaire
{
	text-align: left;
	font-size: 10px;
	color: #889AAC;
	font-weight: bold;
	margin-top: 20px;
}

.titre-evenement
{
	color: #717380;
	font-size: 9px;
	margin-bottom: 3px;
}

.sous-titre-commentaire
{
	text-align: left;
	font-size: 10px;
	font-weight: bold;
}

.info-album 
{
	color: #717380;
	font-size: 9px;
}

.telechargement 
{
	color: #CE416C;
	font-size: 9px;
	padding-left: 0px;
	padding-top: 10px;
}

.prix
{
	color: #717380;
	font-size: 9px;
}


.indente
{
	padding: 15px;
}

.contenu
{
	text-align: justify;
	font-size: 10px;
}

.contenu-groupe
{
	text-align: justify;
	font-size: 10px;
	margin-bottom: 10px;
}

.contenu-gauche
{
	text-align: left;
	font-size: 9px;
}

.contenu:first-letter
{
	/*font-size: 120%;
	padding: 0px;
	padding-right: 1px;
	font-family: "Times new roman";
	height: 5px;
	line-height: 3px;
	font-weight: bold;*/
}


.contenu-journal
{
	font-size: 1.0em;
	margin-bottom: 5px;
	text-align: justify;
	/*padding-left: 10px;*/
	padding-top: 3px;
}

.contenu-journal:first-letter
{
	/*font-size: 120%;
	padding: 0px;
	padding-right: 1px;
	font-family: "Times new roman";
	height: 5px;
	line-height: 3px;
	font-weight: bold;*/
}

.contenu-photo
{
	font-size: 85%;
	padding-left: 10px;
}

.contenu-gauche
{
	text-align: left;
	margin-bottom: 20px;
	font-size: 1.0em;
	/*padding-left: 10px;*/
}

.contenu-album
{
	text-align: left;
	font-size: 10px;
	background: #B8C4CE;
	margin-bottom: 8px;
	color: #090909;
}

#commentaire
{
	/*background: #E6E1E3;*/
}

.commentaire-formulaire
{
	background: #E6E1E3;
	padding: 5px;
}

.commentaire-titre
{
	text-align: left;
	font-size: 10px;
	color: #CE416C;
	padding-left: 5px;
	font-weight: bold;
}

.commentaire-date
{
	text-align: left;
	font-size: 10px;
	color: #889AAC;
	font-weight: bold;
	border-bottom: dotted 1px #D5D6D9;
}

.commentaire-contenu
{
	text-align: left;
	font-size: 10px;
	padding-left: 5px;
}



.ligne
{
	/*width: 220px;
	height: 17px;
	background: url("../img/ligne.gif") left top no-repeat;*/
	
}

.espace
{
	padding: 10px;
}

.petit
{
	font-size: 90%;
	text-align: left;
}

.espace-vertical
{
	height: 10px;
}

.espace-vertical-petit
{
	height: 5px;
}

.espace-vertical-medium
{
	height: 8px;
}

img.miniature
{
	border: solid 1px #eeeeee;
	margin: 1px;
}

img.miniature-photo
{
	border: solid 1px #9BABBA;
	margin: 1px;
}


img.miniature-groupe
{
	width: 221px;
	border: solid 1px #9BABBA;
}


img.miniature-accueil
{
	border: solid 1px #eeeeee;
	width: 164px;
}

img.pochette
{
	border: solid 1px #362B0B;
	width: 100px;
	height: 100px;
	margin: 1px;
	background: #000000;
}

ul
{
	margin-left: 15px;
	padding-left: 15px;
}

li
{
	text-align: left;
	padding: 0px;
	margin-left: 0px; 
}

/* -------------------------------------------------------
 	LIENS
 ------------------------------------------------------- */

a {
	color: #CE416C;
	text-decoration: underline;
}

a.prix {
	color: #CE416C;
	font-size: 9px;
	text-decoration: underline;
}

a.lien-interne {
	color: #CE416C;
	text-decoration: none;
	font-size: 9px;
}

a.lien-album-piste {
	color: #3b5679;
	text-decoration: none;
	background: url("../img/icone-liste.gif") center left no-repeat;
	font-size: 10px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

a.lien-suivant-actif-fr {
	color: #90A0B1;
	font-size: 11px;
	text-decoration: none;
	padding-top: 0px;
	text-align: right;
	margin-left: 285px;
}

a.lien-suivant-inactif-fr{
	color: #FFF0F2;
	font-size: 11px;
	text-decoration: none;
	padding-top: 0px;
	cursor: default;
	margin-left: 285px;
}

a.lien-precedent-actif-fr {
	color: #90A0B1;
	font-size: 11px;
	text-decoration: none;
	padding-top: 0px;
}

a.lien-precedent-inactif-fr{
	color: #FFF0F2;
	font-size: 11px;
	text-decoration: none;
	padding-top: 0px;
	cursor: default;
}

a.lien-suivant-actif-en {
	color: #90A0B1;
	font-size: 11px;
	text-decoration: none;
	padding-top: 0px;
	text-align: right;
	margin-left: 310px;
}

a.lien-suivant-inactif-en{
	color: #FFF0F2;
	font-size: 11px;
	text-decoration: none;
	padding-top: 0px;
	cursor: default;
	margin-left: 285px;
}

a.lien-precedent-actif-en {
	color: #90A0B1;
	font-size: 11px;
	text-decoration: none;
	padding-top: 0px;
}

a.lien-precedent-inactif-en
{
	color: #FFF0F2;
	font-size: 11px;
	text-decoration: none;
	padding-top: 0px;
	cursor: default;
}

a.extrait {
	color: #717380;
	text-decoration: none;
	background: url("../img/puce-musique.gif") center left no-repeat;
	font-size: 10px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}


a.lien-album-piste {
	color: #717380;
	text-decoration: none;
	background: url("../img/icone-liste.gif") center left no-repeat;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}


a.bouton
{
	padding-left: 10px;
	color: #CE416C;
	cursor: pointer;
	font-size: 1.0em;
}

a.bouton:visited
{
	padding-left: 10px;
	color: #CE416C;
	cursor: pointer;
	font-size: 1.0em;
}

#annonce a
{
	color: #CE416C;
	text-decoration: underline;
	font-weight: bold;
}

a.bouton-soumettre
{
	color: #CE416C;
	cursor: pointer;
	font-size: 1.1em;
}


a.menu {
	color: #CE416C;
	font-size: 1.1em;
}

a.menu {
	color: #CE416C;
}

a.menu:hover {
	color: #CE416C;
}


a.page-actif {
	color: #CE416C;
	text-decoration: none;
}

a.page-inactif {
	text-decoration: none;
	color: #CE416C;
}

a.page-inactif:hover {
	color: #CE416C;
}

a.navigation {
	color: #CE416C;
}

a.navigation:hover {
	color: #CE416C;
}

.contenu-groupe a
{
	color: #90A0B1;
	font-size: 11px;
	text-decoration: none;
	background: url("../img/puce-coeur.gif") center left no-repeat;
	padding-left: 16px;
	padding-top: 0px;
}

.contenu-groupe-plus a
{
	color: #90A0B1;
	font-size: 11px;
	text-decoration: none;
	/*background: url("../img/puce-coeur.gif") center left no-repeat;
	padding-left: 16px;*/
	padding-top: 0px;
}

a.puce-tele
{
	color: #90A0B1;
	font-size: 11px;
	text-decoration: none;
	/*background: url("../img/puce-tele.gif") center left no-repeat;
	padding-left: 16px;*/
	padding-top: 0px;
}

a.ordre-actif
{
	color: #B22939;
	font-size: 9px;
	text-decoration: none;
	background: url("../img/puce-ordre-actif.gif") center left no-repeat;
	padding-left: 19px;
	padding-bottom: 3px;
}

a.ordre-inactif
{
	color: #9C9D97;
	font-size: 9px;
	text-decoration: none;
	background: url("../img/puce-ordre-inactif.gif") center left no-repeat;
	padding-left: 19px;
	padding-bottom: 3px;
}