body{
	width:1000px;
	margin: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{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;}
a:visited{text-decoration:none;}
h1{text-indent:-10000px;height:0px;margin:0px;padding:0px;}
h2{text-align:center;}
h3{font-size:19px;}
a :visited img{border:0px;color:transparent;}
a img{border:0px;color:transparent;}
.invisible{	display:none;}
.centre {text-align:center;}
.gauche{text-align:left;}
.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{display:block;float:left;}
.credit_photo{text-align:right;font-size:x-small;}
.retour { clear: both;}
.sans_tab{text-indent :0px;}
.marge_gauche{margin-left:30px;}
.cartouche{
	border-radius: 15px;
	border: #e0f000 solid 2px;
	background-color:#ffa42e;
	
	padding:20px;
}

/*en tête + corps de la page-----------------------------------------------------------------------------------------------*/
#corps{position:relative;
border: #000 solid;
border-width:0px 2px 2px 2px;
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{
	position:relative;
	top:0px;
	left:0px;
	width:960px;
	margin-left:20px;
}

#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;
	
	
}


/*-------------------------------------------INDEX et tout ce qui concerne les news*------------------------------------------------*/



#tele{position:absolute;left:87px;top:635px;width:326px;height:357px;z-index:10;}
#ecran{position:absolute;left:105px;top:677px;z-index:20;}
#bouton_avance{position:absolute;left:142px;top:885px;width:46px;height:40px;z-index:20;}
#bouton_recule{position:absolute;left:310px;top:885px;width:38px;height:40px;z-index:20;}

/*--------------------------------------pied de page-------------------------------------------------------------------------------*/
#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;
	border-radius: 15px;
	width:950px;
}

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


#menu_h{
	margin-left:10px;
	margin-top:0px;padding:0px;
	list-style-type:none;
}
#menu_h a{
	text-indent:-10000px;
	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;}

/*-----------------------------------------------------Admin------------------------------------------------------------------*/
#corps_admin_dates{margin-top:10px;margin-bottom:10px;margin-left:100px;}

/*-----------------------------------------------------devis------------------------------------------------------------------*/

#corps_devis{margin-top:10px;margin-bottom:10px;margin-left:100px;}
#form_devis{margin-left:20px;}
#type_devis{margin-left:500px;}
#message_erreur{width:500px;margin:auto;text-align:center;font-size:x-large;}
#message_validation{width:500px;margin:auto;text-align:center;}
/*-----------------------------------------------------agenda--------------------------------------------------------------*/
#corps_agenda{
	position:relative;
	top:0px;
	left:0px;
	width:960px;
	margin-left:20px;
}
.bandeau1, .bandeau2{
	list-style-type:none;
	background-repeat:no-repeat;
	display:block;
	padding-top:18px;
	margin-top:-19px;
	padding-left:50px;
	height:53px;
	}
.bandeau2 {	background-image:url("images/agenda/bandeau_agenda2.png");
	}
.bandeau1 {	background-image:url("images/agenda/bandeau_agenda1.png");
	}
.info_agenda{
	display: block;
	border-radius: 15px;
	border: #e0f000 solid 2px;
	background-color:#ffa42e;
	padding:20px;
	margin-bottom:20px;
	margin-top:-20px;
}
#image_titre1{
	position:absolute;
	left:123px;top:110px;
	z-index:20;}
#bandeau_titre{
	background-image:url("images/agenda/bandeau_titre.png");
	text-align:center;color:white;padding-top:5px;padding-left:5px;
	width:553px;
	height:43px;
	position:absolute;
	left:185px;top:206px;
	z-index:0;}
#image_titre2{
	position:absolute;
	left:725px;top:147px;
	z-index:20;}
#liste_dates{
	position:absolute;
	top:248px;
	z-index:15;
	width:915px;}
#liste_dates li {text-indent:200px;}
#liste_dates_modif{
	position:absolute;
	top:248px;
	z-index:15;
	width:915px;}
#liste_dates_modif li {text-indent:100px;}

#hauteur{display:none;} /*serv à indiquer la hauteur du corps en javascript, invisible pour l'utilisateur*/
#archives {
	clear:both;
	text-align:center;
	font-size:x-large;
	}
#archives_annee{font-size:xx-large;}

#musiciens{width:60%;margin:auto;}


 /*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;}
#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;}
#spectacles{margin-top:620px;margin-left:45px;}
#demande_devis{margin-left:400px;}
#demande_devis a{font-size:large;display:block;width:200px;}
.info_campement{display:block;}



 /*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;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---------------------------------------------------------------*/
 #corps_recettes{position:relative;top:0px;left:0px;height:1150px;}
 #comment_cuisiner { position:absolute;top:17px;left:30px;}
 #petits_details { position:absolute;top:43px;left:440px;width:520px;font-size:16px;}
 
 #cabanon { position:absolute;top:344px;left:465px;width:472px;}
 .recette{display:none;position:absolute;top:344px;left:465px;width:472px;}
 .nom_sur_icone{position:absolute;background: url("images/musiciens/cadre_horizontal.png")no-repeat; text-align:center;font-size:16px;font-weight:bold;height:19px;padding:0px 5px 0px 5px;} 
 .icone_recette{position:absolute;}
 #nom_cabanon{ top:343px;left:50px;}
 #image_cabanon{top:373px;left:70px;width:172px;height:122px;background: url("images/recettes/cabanon.png") ;text-indent:-10000px}
 #image_cabanon:hover{background-position:0px -122px;}
 #nom_collioure{ top:500px;left:50px;}
 #image_collioure{top:530px;left:90px;width:130px;height:174px;background: url("images/recettes/collioure.jpg") ;text-indent:-10000px}
 #image_collioure:hover{background-position:0px -173px;}
  
 #cadre_recette_hh{position:absolute;top:343px;left:440px;width:516px;background-image:url("images/musiciens/cadre_horizontal.png");text-indent:-10000px;z-index:30;}
 #cadre_recette_hb{position:absolute;top:1032px;left:440px;width:516px;background-image:url("images/musiciens/cadre_horizontal.png");text-indent:-10000px;z-index:30;}
 #cadre_recette_vg{position:absolute;top:343px;left:440px;width:16px;height:705px;background-image:url("images/musiciens/cadre_vertical.png");text-indent:-10000px;z-index:30;}
 #cadre_recette_vd{position:absolute;top:343px;left:946px;width:16px;height:705px;background-image:url("images/musiciens/cadre_vertical.png");text-indent:-10000px;z-index:30;} 
 
 
 /*------------------------------------------------------page photos---------------------------------------------------------------*/
 
 /*------------------------------------------------------page inscription news-----------------------------------------------------*/
 
#corps_news{width :900px;height:300px;margin:auto;margin-top:100px;}
#champ_pro{margin-left:10px;}
#corps_news label{margin-left:50px;}