body{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding:0px;
	font-family: Arial, "Times New Roman", sans-serif;
	font-size:medium;
	background-color: rgb(178,216,45);
}
dt{text-decoration:underline;}
h2,h3,h4,caption{margin:0.5em;font-family:Arial Black;}
p{text-indent:0px;text-align:justify;}
a{color:green;font-weight:bold;text-decoration:none;}
a:hover{text-decoration:underline;}

h1{text-indent:-10000px;height:0px;margin:0px;padding:0px;}
h2{text-align:center;}
a img{border:0px;}
.centre {text-align:center;}
.retour { clear: both;}
.petaouchnoc{text-indent:-10000px;}
.sans_tab{text-indent :0px;}
.en_ligne li{float:left;display:block;margin:0px 100px 0px 0px;} /*pour mettre une liste en horizontal*/
.flotant_gauche{float:left;}
.credit_photo{text-align:right;font-size:x-small;}
.retour { clear: both;}
.sans_tab{text-indent :0px;}
.cartouche{
	-moz-border-radius: 15px;
	border: #e0f000 solid 2px;
	background-color:#ffa42e;
	background-image:url("images/en_tete.gif");
	background-repeat:no-repeat;
	padding:20px;
}
/*en tête + corps de la page-----------------------------------------------------------------------------------------------*/
#corps{
border: #000 solid;
border-width:0px 2px 2px 2px;
-moz-border-radius: 0px 0px 15px 15px;
	clear:left;
	padding:0px;
	margin : 0px;
	background-image: url("images/motif_escargot2.png");
	width:1000px;
}
/*corps de la page-----------------------------------------------*/
#corps1{
	width:960px;
	margin:auto;
}

#corps_index{ /*remplace le corps1 pour l'index, position relative pour positionner ensuite les éléments de dessin en absolut par rapport à lui*/
	position:relative;
	top:0px;
	left:0px;
	width :960px;
	height:800px;
}
#corps_index a {display:block;background-repeat:no-repeat;}
#pied_de_page
{
	clear:both;
	border: #000 solid 2px;
	background-color:rgb(216, 236, 151);
	background-image: url("images/motif_escargot2.png");
	margin-top:20px;
	padding-left:50px;
-moz-border-radius: 15px;
}

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


#menu_h{
	margin-left:10px;
	margin-top:0px;padding:0px;
	list-style-type:none;
}
#menu_h a{
	text-decoration:none;
	display:block;
	background-repeat:no-repeat;
	height:81px;
}
#menu_h li{
	float : left;
	margin : 0px 5px 0px 0px;
}


#menu_acceuil a{background:url("images/boutons_menu/acceuil.png");width :96px;}
#menu_contact a{background:url("images/boutons_menu/contact.png");width :107px;}
#menu_agenda a{background:url("images/boutons_menu/agenda.png");width :86px;}
#menu_espace_pro a{background:url("images/boutons_menu/espace_pro.png");width :110px;}
#menu_photos a{background:url("images/boutons_menu/photos.png");width :72px;}
#menu_musiciens a{background:url("images/boutons_menu/musiciens.png");width :50px;}
#menu_disques a{background:url("images/boutons_menu/disques.png");width :91px;}
#menu_videos a{background:url("images/boutons_menu/videos.png");width :81px;}
#menu_recettes a{background:url("images/boutons_menu/recettes.png");width :110px;}
#menu_liens a{background:url("images/boutons_menu/liens.png");width :124px;}
#menu_h a:hover{background-position:0px -81px;}



/*tout ce qui concerne les news*/
#perso_news{
	position:absolute;
	left:10px;
	top:35px;
	z-index:20;
	}
#escargots{display:none;}
#zone_jaune{position:absolute;left:190px;top:184px;z-index:40;}
#zone_jaune:hover+div{display:block;position: absolute;left:10px;top:35px;z-index:30;}
#bulle_z1{
	position:absolute;
	left:310px;
	top:70px;
	z-index:30;
}
#bulle_z1:hover+div,#bulle_z2:hover+div{display:block;}
#bulle_z2{
	position:absolute;
	left:320px;
	top:160px;
	z-index:30;
}
#fond_news{
	position:absolute;
	left:396px;
	top:7px;
	z-index:10;
}
.fond_news2{
	position:absolute;
	left:396px;
	top:7px;
	z-index:30;
}
#news_defaut{
	position:absolute;left:430px;top:80px;width:506px;height:144px;z-index:20;
	padding:0px;margin:0px;
	text-indent:0px;
	}
.news{display:none;}
.news2{position:absolute;left:430px;top:80px;width:506px;height:144px;z-index:40;}
.texte_news{text-align:justify;font-family:Grotesque MT;font-size:13px; font-weight:bold;}
.titre_news{text-align:center;font-size:18px;font-family:Grotesque MT;font-weight:bold;}

/*cuisto, panneau d'affichage*/
#panneau{
	position : absolute;
	left :445px; top:428px;
	z-index:10;
	}
#cuistot{
	position : absolute;
	left :648px; top:310px;
	z-index:20;
	}
#taraf{	
	display:block;
	position : absolute;
	left :586px; top:323px;
	z-index:30;
}

#goulamas{
	position : absolute;
	left :825px; top:351px;
	z-index:30;
}
#compo{
	position : absolute;
	left :882px; top:442px;
	z-index:30;
}
.au_menu{display:none;}
#taraf:hover + div,#goulamas:hover+div,#compo:hover+div{
	display:block;
	position :absolute;
	left :484px; top:442px;
	z-index:30;
}

#tele{position:absolute;left:37px;top:385px;width:326px;height:357px;z-index:10;}
#ecran{position:absolute;left:55px;top:427px;z-index:20;}
#bouton_avance{position:absolute;left:92px;top:635px;width:46px;height:40px;z-index:20;}
#bouton_recule{position:absolute;left:260px;top:635px;width:38px;height:40px;z-index:20;}

/*FIN corps de page---------------------------------------------------------------------------------------------------------------------*/
#musiciens{width:60%;margin:auto;}

/*agenda*/
.agenda,.agenda td,.agenda th {
	text-align:center;
	border: black solid 2px;
	background-color:#ffa42e;
	border-collapse:collapse;
	padding:5px;
	margin:auto;
}
caption {font-size:large;}

 /*page contact*/
#corps_contact{
	position:relative;
	top:0px;
	left:0px;
	width :960px;
	height:750px;
}
#corps_contact p{text-align:center;font-size:13px;}
#contact_anne,#contact_laurent,#contact_fan{
	background-image:url("images/contact/fdcontact.png");
	background-repeat:no-repeat;
	width:314px;height:194px;
	position:absolute;
	left:343px;
	z-index:10;
	padding-left:10px;
	}
#contact_anne{top:35px;}
#contact_laurent{top:251px;}
#contact_fan{top:466px;}
#anne_contact{
	position:absolute;
	left:133px;
	top:35px;
	z-index:20;
	}
#laurent_contact{
	position:absolute;
	left:623px;
	top:229px;
	z-index:20;
	}
#fan{
	position:absolute;
	left:169px;
	top:430px;
	z-index:20;
	}
/*------------------------------------------------espace pro------------------------------------------------------------------------*/
#corps_pro{position:relative;top:0px;left:0px;width :960px;height:750px;}
#perso_livre{position:absolute;top:20px;left:17px;}
#perso_venusien{position:absolute;top:47px;left:238px;}
#texte_pro{position:absolute;top:47px;left:509px;font-size:16px;width:458px;text-align:justify;}
#bon_endroit{text-align:center;font-weight:bold;}
#telecharger{display:block;position:absolute;top:519px;left:45px;font-size:18px;font-weight:bold;}

#fleche{position:absolute;top:504px;left:321px;}
#doc_francais{position:absolute;top:470px;left:506px;}
#doc_anglais{position:absolute;top:470px;left:617px;}
#doc_espagnol{position:absolute;top:470px;left:727px;}
#doc_venusien{position:absolute;top:470px;left:836px;}

.nom_dossier{position:absolute;top:591px;font-size:14px;text-align:center;width:92px;height:20px;background: url("images/espace_pro/cartouche_doc.png")no-repeat;}
#cartouche_francais{left:513px;}
#cartouche_anglais{left:625px;}
#cartouche_espagnol{left:737px;}
#cartouche_venusien{left:846px;}

 /*page musiciens--------------------------------------------------------------------------------------------------------------------*/
 #corps_musiciens{ text-align:center;position:relative;top:0px;left:0px;width :960px;height:950px;}

 #famille_goulamas{	position:absolute;top:4px;left:42px;}
 /*positionneemnt de portrait dessin des 8 goulamas*/
 .musicien{ position:absolute;}
 #portrait_laurent{	top:169px;left:48px;}	
 #portrait_henri{top:185px;left:184px;}
 #portrait_alain{top:347px;left:45px;}
 #portrait_manu{top:347px;left:184px;}
 #portrait_pierre{top:508px;left:34px;}
 #portrait_andre{top:493px;left:192px;}
 #portrait_arnaud{top:695px;left:44px;}
 #portrait_julien{top:698px;left:194px;}
 /*nom sous les portraits dans cartouche orange*/
.nom_sous_photo{background: url("images/musiciens/fond_noms.png")no-repeat; text-align:center;font-size:16px;font-weight:bold;width:121px;height:19px;} 
 #nom_laurent{position:absolute;top:317px;left:52px;}
 #nom_henri{position:absolute;top:317px;left:193px;}
 #nom_alain{position:absolute;top:469px;left:52px;}
 #nom_manu{position:absolute;top:469px;left:193px;}
 #nom_pierre{position:absolute;top:666px;left:52px;}
 #nom_andre{position:absolute;top:666px;left:193px;}
 #nom_arnaud{position:absolute;top:845px;left:52px;}
 #nom_julien{position:absolute;top:845px;left:193px;}
 
 /*cadre de bio musicien modifiable par le programme javascript en fonction de la taille de la bio*/
 #cadre_horizontal_haut{position:absolute;top:170px;left:385px;width:543px;	background-image:url("images/musiciens/cadre_horizontal.png");text-indent:-10000px;z-index:30;}
 #cadre_horizontal_bas{position:absolute;top:654px;left:385px;width:543px;background-image:url("images/musiciens/cadre_horizontal.png");text-indent:-10000px;z-index:30;}
 #cadre_vertical_gauche{position:absolute;top:170px;left:385px;width:16px;height:500px;background-image:url("images/musiciens/cadre_vertical.png");text-indent:-10000px;z-index:30;}
 #cadre_vertical_droit{position:absolute;top:170px;left:914px;width:16px;height:500px;background-image:url("images/musiciens/cadre_vertical.png");text-indent:-10000px;z-index:30;}
 
 
 #tout_ce_que{
	position:absolute;top:23px;left:385px;
	width:548px;
	text-align:justify;
	}
 #necro{position:absolute;top:61px;left:394px;width:411px;height:px;font-size:15px;}
 
 /*placement des bios*/
.corps_bio{position:absolute;top:240px;left:19px;width:472px;z-index:10;}
.corps_bio ul{text-align:left;list-style-type:none;}
.bio_musiciens{	display:none;position:absolute;top:184px;left:401px;width:510px;}
#bio_goulamas{position:absolute;top:182px;left:399px;width:510px;}
#bulle_click_portrait{position:absolute;top:100px;left:140px;}
.portrait{	float:left;height:225px;margin-right:10px;}
.nom_musicien{color:rgb(127,84,19);font-size:23px;}
.instrument{color:rgb(150,97,0);font-size:20px;padding-left:10px;}
 /*---------------------------------------------------------page video----------------------------------------------------------*/
 .video {
	width:500px;
	height:400px;
	margin:50px auto 50px;
 }
 
 /*----------------------------------------------------------------------------page disques--------------------------------------*/
 #cd1,#cd2{ float:left;  margin-top:70px;}
 #cd2{margin-top:0px;}
 #texte_cd1,#texte_cd2{
	width:500px;
	margin:20px 0px 20px 320px;
 }
 #texte_cd2{ margin-top:0px; }
 #adresse{ /*adresse d'envoi du chèque pour le cd*/
	margin-left:100px;
	text-align:left;
	text-indent:0px;
	font-weight:bold;
 }
 
 /*page recette*/
 #recette, #recette1 {
 width :80%;
 margin:50px auto 50px auto;}
 
 /*page photos*/
 .photo1{ width:40%;}
 
 

/*fin placement des bios*/