/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
     font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	 background:url(images/fond.gif);
	 margin: 8px 0;
     text-align: center;
	 font-size:0.9em;
	 color:#000000;
	
}

.fond {
	background:url(images/accueil.jpg) no-repeat;
	height:565px;
	width:687px;
	text-align:left;
	border: 8px #FFFFFF solid;
	margin-left:auto;
	margin-right: auto;
	padding:32px 53px 0 60px;;
		

}

#avenir {
	width:250px;
	height:111px;
	text-align:right;
	padding: 3px 0 0 3px;
	font:1.3em "Courier New", Courier, mono;
	font-weight:bold;
	float:right;
}

h2 {
	float:left;
	padding: 25px 0 0 60px;
	display:block;
	font-size:2em;
}

h3 {
	display:block;
	height:25px;
}

	h3 img {
		float:left;
		padding-right:5px
		}

div.spacer {
	clear: both;
	height: 20px;
	
 }
 
a {
	color : #333333;
    font-weight : bold;
	text-decoration: none
}
	a:hover {
		text-decoration:underline;
		}	


.news{
	height:81px;
	text-align:left;
	font-size:0.6em;
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:5px 0 0 5px;
	overflow:auto;
}
	.news blockquote {
		padding:17px 10px 0 60px;
		}


#liens{ 

    text-align:center;
    margin-right:auto;
    margin-left:auto;
	width:800px;
	color:#CCCCCC;
}

	#liens a {
	  font-size: 9px;
	  color:#CCCCCC;
	  text-decoration:none;
	}
	#liens a:hover {
		text-decoration:underline;
		}
		


h1 {
    font-size : 14px;
    padding:5px 25px;
	margin:0;
	font-weight:normal;
}

.titre {
	font-size: 1.4em;
	font-weight:bold;
	padding-top:15px
}

.center {
	text-align:center
}

img {
	border:none
}

/* ACCUEIL */

.textintro {
	width: 360px;
	height: 283px;
	float:left;
	overflow:auto;
	
  }
  .textintro {
	padding-top:10px;
}
	.textintro p {
    font-size : 14px;
    padding:10px 25px;
}


div#navbar1 {
	height: 30px;
	width: 157px;
	float:left;
	margin-left: 33px;
	margin-top: 40px;
}
div#navbar1 ul {
    font-family: "Courier New", Courier, mono;
    font-size: 1.3em;
	font-weight:bold;
    color: #000000;
    line-height: 30px;
    
}
div#navbar1 li {
    list-style-type: none;
    display: block;
}

div#navbar1 li a:link {
    color: #000000;
	text-decoration:none;
}
div#navbar1 li a:visited {
    color: #000000;
	text-decoration:none;
}
div#navbar1 li a:hover {
    font-weight: bold;
    color: #FFFFFF;
}

/* ARTE FLAMENCO */


.fond-arteflamenco {
	background:url(images/arteflamenco.jpg) no-repeat;
	height:565px;
	width:687px;
	text-align:left;
	border: 8px #FFFFFF solid;
	margin-left:auto;
	margin-right: auto;
	padding:32px 53px 0 60px;;
		

}

.textintro-arteflamenco {
	width: 360px;
	height: 396px;
	float:left;
	overflow:auto;
	
  }
  .textintro-arteflamenco p {
  		 font-size : 14px;
         padding:10px 25px;
		 }
  
div#navbar2 {
	height: 30px;
	width: 157px;
	float:left;
	margin-left: 73px;
	margin-top: 60px;
}
div#navbar2 ul {
    font-family: "Courier New", Courier, mono;
    font-size: 1.3em;
	font-weight:bold;
    color: #000000;
    line-height: 30px;
    
}
div#navbar2 li {
    list-style-type: none;
    display: block;
}

div#navbar2 li a:link {
    color: #000000;
	text-decoration:none;
}
div#navbar2 li a:visited {
    color: #000000;
	text-decoration:none;
}
div#navbar2 li a:hover {
    font-weight: bold;
    color: #FFFFFF;
}


/* MANZANILLA */

.fond-manzanilla {
	background:url(images/manzanilla.jpg) no-repeat;
	height:565px;
	width:687px;
	text-align:left;
	border: 8px #FFFFFF solid;
	margin-left:auto;
	margin-right: auto;
	padding:32px 53px 0 60px;;
		

}

div#navbar3 {
	height: 30px;
	width: 157px;
	float:left;
	margin-left: 48px;
	margin-top: 60px;
}
div#navbar3 ul {
    font-family: "Courier New", Courier, mono;
    font-size: 1.3em;
	font-weight:bold;
    color: #000000;
    line-height: 30px;
    
}
div#navbar3 li {
    list-style-type: none;
    display: block;
}

div#navbar3 li a:link {
    color: #000000;
	text-decoration:none;
}
div#navbar3 li a:visited {
    color: #000000;
	text-decoration:none;
}
div#navbar3 li a:hover {
    font-weight: bold;
    color: #FFFFFF;
}


/* GALERIE */

 div#galerie
{
	width: 350px;
	text-align: center;
	font: 0.9em Georgia, serif;
	padding: 4px;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 2px solid #FFFFFF ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	font-size: medium;
	color: #333333 ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 2px solid #FFFFFF ;
}

/* ACTUALITE */

.fond-actualite {
	background:url(images/actualite.jpg) no-repeat;
	height:565px;
	width:687px;
	text-align:left;
	border: 8px #FFFFFF solid;
	margin-left:auto;
	margin-right: auto;
	padding:32px 53px 0 60px;;
}

/* ARTISTES */

.fond-artistes {
	background:url(images/artistes.jpg) no-repeat;
	height:565px;
	width:687px;
	text-align:left;
	border: 8px #FFFFFF solid;
	margin-left:auto;
	margin-right: auto;
	padding:32px 53px 0 60px;;
}

div#navbar4 {
	height: 30px;
	width: 157px;
	float:right;
}

div#navbar4 ul {
    font-family: "Courier New", Courier, mono;
    font-size: 1.3em;
	font-weight:bold;
    color: #000000;
    line-height: 30px;
    
}
div#navbar4 li {
    list-style-type: none;
    display: block;
}

div#navbar4 li a:link {
    color: #000000;
	text-decoration:none;
}
div#navbar4 li a:visited {
    color: #000000;
	text-decoration:none;
}
div#navbar4 li a:hover {
    font-weight: bold;
    color: #FFFFFF;
}

/* LIENS */

.fond-liens {
	background:url(images/liens.jpg) no-repeat;
	height:565px;
	width:687px;
	text-align:left;
	border: 8px #FFFFFF solid;
	margin-left:auto;
	margin-right: auto;
	padding:32px 53px 0 60px;;
}

.links {
	padding:10px 25px;
	}
	.links li {
		padding:2px 0;
		}

/* CONTACT */

.fond-contacts {
	background:url(images/contacts.jpg) no-repeat;
	height:565px;
	width:687px;
	text-align:left;
	border: 8px #FFFFFF solid;
	margin-left:auto;
	margin-right: auto;
	padding:32px 53px 0 60px;;
}
