
body {margin:0px;
padding:0px;
background-color:#362a1e;
font-size:100%;}

/*-- zone bande centrale-*/
#conteneur {
  width:850px;
  margin-left   : auto;
  margin-right  : auto;}

#page {
margin:10px 0 0 60px;
background-image:url(miseenpage/Fondpage.jpg);
background-repeat:repeat-y;
}



.marge60 {   margin-left   : 60px;  }

/*page index*/

#page-index {
margin:10px 0 0 60px;
background-image:url(miseenpage/Fondpage2.jpg);
background-repeat:repeat-y;
}


#colgauche-index {
	float:left;
	width:200px;}


.date-agenda {
background:url(miseenpage/puce_date.png);
background-repeat:no-repeat;
margin:0 0 0 10px;
padding:0 0 0 25px;
font-size:0.9em;
font-weight:bold;}

#colgauche-index h2{
margin:0 0 15px 5px;
font-size:1.1em;}

#colgauche-index p{
margin:0 10px 25px 35px;
font-size:1em;}


#principal-index {
	width:570px;
	margin-left:205px;
	padding: 1px 0; /*pour éviter la fusion des marges*/}
	
#principal-index h2{
margin:4px 0 0 40px;
font-size:1.5em;
color:#ac4f03;}

#principal-index ul{
font-family:"Times New Roman", Times, serif;
font-size:1em;}
	
#presentation {
background:url(miseenpage/Fond-presentation.jpg);
background-repeat:no-repeat;
height:256px;
margin-top:20px;}

#presentation h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#ac4f03;
	margin: 0 0 0 200px;}

#presentation p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.5em;
	margin: 15px 0 0 200px;}
	
#boxgauche {
float:left;
width:280px;
margin: 30px 0 0 0;}

#boxdroite {
float:right;
width:280px;
margin: 30px 0 0 0;}

#icone {
float:left;
width:34px;
height:34px;}

#principal-index a:link, #principal-index  a:visited{ color:#ac4f03; text-decoration:none; }
#principal-index a:hover, a:focus, a:active { color: #336666; text-decoration:none; }

/*autres pages*/
#colgauche {
	float:left;
	width:250px;
	}
	
#colagenda {
     margin:0;
	 padding-right:10px;
	}
	
#principal {
	width:540px;
	margin-left:250px;
	padding: 1px 0; /*pour éviter la fusion des marges*/	}

#gauche {
	float:left;
	margin:0 10px 0 10px;}

/*-- Paragraphe-*/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#362a1e;
	margin: 20px 0 0 10px;
		}
	
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#FF6600;
	margin-top:10px;
	margin-left:10px;	
	margin-bottom:0px;}
	
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#FF6600;
	margin-top:10px;
	margin-left:10px;	
	margin-bottom:0px;}
	
p {
	font-family:"Times New Roman", Times, serif;
	font-size:1em;
	margin-left:10px;
	margin-right:10px}
	
#guillemetUne  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.5em;
	color:#593F2F;
	font-weight:bold;
	margin:180px 25px 0 55px;
	font-style:italic;}

#guillemet  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.5em;
	color:#593F2F;
	font-weight:bold;
	margin:10px 25px 0 55px;
	font-style:italic;}
	
.presse {
	font-family:"Times New Roman", Times, serif;
	font-size:1em;}/*--les textes des articles de presse --*/	
	
	
.pointhorizonclasse  {width:510px;
	 height:10px;
	  background-image:url(miseenpage/trait.gif);
	   background-repeat:repeat-x;
	   margin-top:0;
	   margin-left:10px;}

.video {
text-align:center;
margin:20px 0 0 0;} /*--pour centrer les vidéos venant de youtube --*/			 

#lienune {
	font-size:0.8em;
	text-align:right;
	margin: 0 10px 25px 0 ;}
	
/*--Liste --*/			 

ul {
  margin:4px 0 0 30px;
  padding:0;}
  
#colagenda ul {
font-size:0.9em;}

.cv {font-size:0.8em;
line-height:2em;}

#artistes {
	color:#754D02;
	list-style:disc;
	margin: 0 15px 0 120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;}

.disco {
	list-style:none;
	text-align:center;
	margin:10px 0 0 0;
	font-size:0.8em;
	color:black;}
	
hr {
  	clear: both;
  	margin:0 8px 0 8px;
  	color:#EFE7C9;
	background-color:#EFE7C9;
	height: 1px;
	border: 0;}

.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;}

/*liens*/	
a:link { color:white; text-decoration:underline; }
#colagenda a:link { color:#FF6600; text-decoration:underline; }
#lienune a:link { color:#FF6600; text-decoration:underline; }
#principal a:link { color:#CC3300; text-decoration:underline; }

a:visited { color:white; text-decoration:underline;}
#colagenda a:visited { color:#FF6600; text-decoration:underline; }
#lienune a:visited { color:#FF6600; text-decoration:underline; }
#principal a:visited { color:#CC3300; text-decoration:underline;}

a:hover, a:focus, a:active {color:#FF6600;}
#colagenda a:hover, a:focus, a:active {color:#804000;}
#lienune a:hover, a:focus, a:active {color:#804000;}
#principal a:hover, a:focus, a:active {color:#804000;}


/*--tableau --*/			 

table {
  margin:0;
  padding:0;
  border-collapse: collapse;
  border: none;}

.tablepochette {
	width:200px;
	text-align:center;}  
	
td {padding: 0;
	border: none;}
  
  
/*--rollover --*/			 

a.bouton1 {
  display: block;
  height: 31px;
  width:82px;
  background: url(miseenpage/Bouton_accueil.jpg) 0 0 no-repeat;}
a.bouton1:hover {
  background: url(miseenpage/Bouton_accueil.jpg) 100% 100% no-repeat;}  
a.bouton1 span {display:none;}

a.bouton2 {
  display: block;
  height: 31px;
  width:145px;
  background: url(miseenpage/Bouton_disco.jpg) 0 0 no-repeat;}
a.bouton2:hover {
  background: url(miseenpage/Bouton_disco.jpg) 100% 100% no-repeat;}  
a.bouton2 span {display:none;}

a.bouton3 {
  display: block;
  height: 31px;
  width:133px;
  background: url(miseenpage/Bouton_presse.jpg) 0 0 no-repeat;}
a.bouton3:hover {
  background: url(miseenpage/Bouton_presse.jpg) 100% 100% no-repeat;}  
a.bouton3 span {display:none;}

a.bouton4{
  display: block;
  height: 31px;
  width:167px;
  background: url(miseenpage/Bouton_photo.jpg) 0 0 no-repeat;}
a.bouton4:hover {
  background: url(miseenpage/Bouton_photo.jpg) 100% 100% no-repeat;}  
a.bouton4 span {display:none;}

a.bouton5{
  display: block;
  height: 31px;
  width:91px;
  background: url(miseenpage/Bouton_cours.jpg) 0 0 no-repeat;}
a.bouton5:hover {
  background: url(miseenpage/Bouton_cours.jpg) 100% 100% no-repeat;}  
a.bouton5 span {display:none;}

a.bouton6{
  display: block;
  height: 31px;
  width:89px;
  background: url(miseenpage/Bouton_liens.jpg) 0 0 no-repeat;}
a.bouton6:hover {
  background: url(miseenpage/Bouton_liens.jpg) 100% 100% no-repeat;}  
a.bouton6 span {display:none;}

a.bouton7{
  display: block;
  height: 31px;
  width:83px;
  background: url(miseenpage/Bouton_contact.jpg) 0 0 no-repeat;}
a.bouton7:hover {
  background: url(miseenpage/Bouton_contact.jpg) 100% 100% no-repeat;}  
a.bouton7 span {display:none;}

/*-- fin rollover --*/



fieldset{margin:25px;padding:0;border:0;}
		label{width:250px; display:block;}
		.txt_input{width:250px; display:block;}
		textarea{height:200px; width:450px;}
		input{display:block;}
		.req{color:#f00;font-size:90%;}
		#form_errors{color:#f00; display:none;}
		#form_thanks{color:#000; display:none;}

			 
img {border:none}				 


/*Footer*/
#footer {
background-color:#9c7348;
margin-left:60px;
margin-top:0;}

#footer ul {
	font-size:0.8em;
	margin-left:250px;}
	
#footer li {display: inline ; 	}

