#etoilesG
{
	position: absolute;
	left: 70px;
	width: 80px;
	height: 400px;
	background-image: url(img/fond_site/etoiles.gif);
}

#etoilesD
{
	position: absolute;
	right: 70px;
	width: 80px;
	height: 400px;
	background-image: url(img/fond_site/etoiles.gif);
}

/* DEFINITIONS GENERALES DU SITE - couleurs de fond */

*
{	
	margin: 0px;
	padding: 0px;
}
	
body
{	
	text-align : center;	/* centrage du site pour IE6 */
}

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

#conteneur 
{	
	position: relative;	/* nécessaire au centrage du site */
	width: 1000px;
	height: 690px;
	margin : 0 auto; /* nécessaire au centrage du site */
	text-align : left;	/* rétablissement de l'alignement à  gauche (voir IE6) */
}


/* TITRE */

#titre
{
	position: absolute;
	background-image: url(img/fond_site/barre_titre.gif);
	background-repeat: repeat-x;
	left: 178px;
	top: 0px;
	width: 645px;
	height: 64px;
}

#titre h1
{
	width: 520px;
	height: 47px;
	margin : 5px auto;
	background-image: url('img/fond_site/couleurs_de_la_vie.png');
	background-repeat: no-repeat;
}


#titre p
{
	position: absolute;
	left: 215px;
	top: 3px;
	font-family: helvetica, "trebuchet MS", geneva, sans-serif;
	font-size: 0.8em;
	color: #f6ff01;
}


/* MENUS GAUCHE */

#menus_gauche
{
	position:absolute;
	left:40px;
	top:0px;
	width:138px;
	height:626px;
}

#menus_gauche form
{
	margin-top: 120px;
	margin-right: 30px;
}

#menus_gauche form fieldset
{
	margin: 0px;
	padding: 0px;
	padding-top: 15px;
	border-left: 1px solid #f6ff01;
	border-top: 1px solid #f6ff01;
	border-bottom: 0px;
	border-right: 0px;
}

#menus_gauche form legend
{
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
	font-family:  helvetica, geneva, sans-serif;
	color: #bf2203;
	font-size: 0.7em;
}

#menus_gauche form select
{
	margin: 0px;
	padding: 0px;
	width: 8.5em;
	border: 1px solid #bf2203;
	background-color: #f6ff01;
	font-family: "Lucida Handwriting","Apple Chancery","Comic Sans MS",cursive;
	color: #bf2203;
	font-size: 0.9em;
	line-height: 1.6em;
}


/* MENUS DROIT */

#menus_droit
{
	position: absolute;
	right: 40px;
	top:0px;
	width:138px;
	height:626px;
}

#menus_droit ul
{
	margin-top: 120px;
	margin-left: 10px;
	list-style-type: none;
	font-family: "Lucida Handwriting","Apple Chancery","Comic Sans MS",cursive;
	font-size: 0.8em;
	line-height: 2em;
}

#musique	/* utilisé pour le positionnement du "dewplayer" */
{
	margin-top: 50px;
	margin-left: 10px;
	width: 62px;
	height: 20px;
}


/* PAGES */

#pages
{
	position: absolute;
	left: 178px;
	top: 64px;
	width: 640px;
	height: 656px;
	overflow-y : auto;
	overflow-x : hidden;
}

#pages h2
{
	position: absolute;
	top: 52%;
	left: 0px;
	right: 0px;
	font-family: "Lucida Handwriting",cursive;
	font-weight: lighter;
	font-size: 3em;
	color: #f6ff01;
	text-align: center;
}

#pages h4
{
	font-family: helvetica, "trebuchet MS", geneva, sans-serif;
	font-weight: lighter;
	font-size: 1em;
	color: #FFF;
	margin: 20px 0 20px 95px;
}

#pages h4.lien /* utilisé dans "comment_form.php" pour "votre avis ?" */
{
	width: 100px;
}

#pages img
{
	display: block;
	margin-left: 95px;
	/* width: 450px; */
	width: 424px;
	height: auto;
	padding: 3px;
	border: 10px solid #bf2203;
}

#pages .lien_comment /* utilisé pour les liens sous chaque image de "tous les pastels" */
{
	margin-top: 10px;
	margin-right: 80px;
	text-align: right;
	font-family:  helvetica, geneva, sans-serif;
	color: #fff;
	font-size: 0.7em;
}

#pages .lien
{
	color: #fff;
}


/* PAGE "ARTISTE AMATEUR */

#photo_anne /* aspect de la page avec texte */
{
	margin: 0px 95px 0px 95px;
	width: 450px;
	height: 395px;
	background-image: url(img/fond_site/anne.jpg);
	background-repeat: no-repeat;
}

.anne
{
	margin: 10px 95px 10px 95px;
	width: 450px;
	font-family: "Lucida Handwriting",cursive;
	font-weight: lighter;
	font-size: 0.9em;
	color: #fff;
	text-align: justify;
}

.anne_sign
{
	margin: 10px 0px 10px 0px;
	font-family: "Lucida Handwriting",cursive;
	font-weight: lighter;
	font-size: 0.9em;
	color: #fff;
}


/* DIV OU S'AFFICHENT LES REPONSES AUX ENVOIS DE COMMENTAIRES  */

#rep_form_avis
{
	width: 640px;
	height: auto;
}


/* DIV OU S'AFFICHENT LES COMMENTAIRES  */

#affich_avis
{
	margin: 0 95px 0 95px;
	width: 450px;
	height: auto;
}

#form_avis /* div du formulaire de commentaires masqué par défaut */
{	display : none;}

#liste_avis /* div où s'affichent les avis sous formulaire commentaires */
{
	margin-left: 95px;
	width: 450px;
	border-bottom: 1px solid #f6ff01;
	font-family: "Lucida Handwriting",cursive;
	font-weight: lighter;
	font-size: 0.8em;
	color: #f6ff01;
	margin-bottom: 15px;
	margin-top: 10px;
}

.date_avis /* format date et nom des commentaires */
{
	font-family: helvetica, "trebuchet MS", geneva, sans-serif;
	font-weight: lighter;
	font-size: 0.8em;
	color: #f6ff01;
	margin-top: 10px;
	margin-bottom: 10px;
}

.avis /* format du commentaire */
{
	
	font-family: helvetica, "trebuchet MS", geneva, sans-serif;
	font-weight: lighter;
	font-size: 0.8em;
	color: #fff;
}


/* STYLES PROPRES A MENU "UN MESSAGE ?" ET AU FORMULAIRE DE COMMENTAIRES */

#mel, #avis	/* positionnement du contenu du formulaire */
{
	margin: 20px 85px 0px 95px;
}

#mel label, #avis label
{
	display: block;
	float: left;
	width: 120px;
	padding-right: 5px;
	font-family: "Lucida Handwriting",cursive;
	font-weight: lighter;
	font-size: 0.8em;
	color: #f6ff01;
}

#mel input, #mel textarea, #avis input, #avis textarea
{
	width: 250px;
	border : 1px solid #f6ff01;
	margin-bottom: 10px;
}

#mel textarea, #avis textarea
{
	height: 150px;
}

#mel .bouton, #avis .bouton
{
	width: 150px;
	margin-left: 125px;
	margin-top: 15px;
	background-color : #FB5807;
	color: #f6ff01;
}

.comment /* utilisé dans mél et commentaires */
{
	margin-left: 125px;
	font-family: helvetica, geneva, sans-serif;
	color: #FFF;
	font-size: 0.7em;
	font-style : italic;
	text-align : left;
}

.comment_div /* utilisé pour formulaire de commentaires */
{
	font-size: 0.7em;
	font-style : italic;
}

.rep_mel, .rep_comment /* utilisé dans "mel_envoi.php" et "comment_envoi.php" */
{
	font-family: helvetica, geneva, sans-serif;
	font-size: 0.9em;
	color: #FFF;
	text-align: center;
}


/* BARRE DU BAS */

#barre_bas
{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 720px;
	height: 6.3%;
	background-color: #bf2203;
	
}

#barre_bas p
{
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
	font-family: helvetica, geneva, sans-serif;
	font-size: 0.6em;
	color: #f6ff01;
	text-align: center;
}

#barre_bas p a
{
	color: #f6ff01;
	text-decoration: none;
}


/* ADMINISTRATION DU SITE : MOT DE PASSE */
#form_admin
{	width : 466px;
	height : auto;
	border-top : 3px solid #bf2203;
	border-bottom : 3px solid #bf2203;
	background-color : #f6ff01;
}	

#form_admin p
{	font-size: 0.8em;
	font-family: helvetica, "trebuchet MS", geneva, sans-serif;
	color: #bf2203;
}

#form_admin .input-mp
{	width : 70px;
	border : 1px solid #bf2203;
}

#form_admin .bouton
{	color : #f6ff01;
	border : 0px;
	background-color : #bf2203;
}	

#form_admin .admin
{	font-family: "Lucida Handwriting","Apple Chancery","Comic Sans MS",cursive;
	color: #bf2203;
	font-size: 0.9em;
}

.admin
{	font-family: "Lucida Handwriting","Apple Chancery","Comic Sans MS",cursive;
	color: #bf2203;
	font-size: 0.9em;
	text-decoration: none;
}

/* ADMINISTRATION DU SITE : AJOUT/SUPPRESSION */
h4
{
	font-family: helvetica, "trebuchet MS", geneva, sans-serif;
	font-weight: lighter;
	font-size: 1.3em;
	color: #bf2203;
	margin-top : 1.5em;
}

#ajoutPastel, #supprPastel, #supprAvis
{	display : none;}

.block
{	display : block;
	margin-top : 3em;}	

#FormPastel
{	width : 466px;
	height : auto;
	border-top : 3px solid #bf2203;
	border-bottom : 3px solid #bf2203;
	background-color : #FFF;
}

#FormPastel p
{	font-family: helvetica, "trebuchet MS", geneva, sans-serif;
	font-size: 0.8em;
	color: #bf2203;
	text-align : left;
	margin-top : 15px;
	margin-left : 30px;
}

#FormPastel .input-txt, #FormPastel .input-file
{	display : block;
	width : 400px;
	border : 1px solid #bf2203;
	font-family: helvetica, "trebuchet MS", geneva, sans-serif;
	font-size: 0.8em;
	margin-left : 30px;
	color : #bf2203;
}

#FormPastel .num_id
{	width : 3em;}

#FormPastel .comment
{	font-size: 0.7em;
	font-style : italic;
	color: #bf2203;
	text-align : left;
	margin-left : 30px;
}
#FormPastel .bouton
{	margin-top : 15px;
	margin-bottom : 15px;
	color : #f6ff01;
	border : 0px;
	font-size: 0.8em;
	background-color : #F90;
}

p.adm
{
	font-family: helvetica, "trebuchet MS", geneva, sans-serif;
	font-weight: lighter;
	font-size: 1em;
	color: #bf2203;
	margin-top : 1.5em;
}