html, body {
	height: 100%;
	margin: 0;
	background: #CCCCCC;
	visibility: visible;
	}
	
	
div#global {
	visibility: visible;
	min-height: 100%;
	width: 850px;
	padding: 0 0px;
	margin: 0 auto;
	margin-top: 6px;
	position: relative;
	background: #000000;
	}
	
	


div#header {
	
	width: 100%;
	top: 0px;
	height: 112px;
	visibility: visible;
	background: url(../images/rouge-angle-gauche.jpg) no-repeat;
	position: relative;
	}

div#rubriques {
	margin-top:5px;
	height:34px;
}

#rubriques a {
	padding-left:5px;
	padding-right:5px;
}

	
div#center {
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
	padding-bottom:10px; 
	/* Pour que le bas de page: 
	aille en bas du contenu et non en bas de l'écran */
	overflow: hidden;
	visibility: visible;
	}
	
		
div#sidebar {	
	float: left;
	width: 170px;
	
	}


div#content {	
	float: right;
	width: 680px;
	
	}
	
div#content a{	
	color: #CCCC99;
	}

div#content a:hover{	
	color: #CCCC99;
	}
	
	

div#footer {
	/*clean:both;*/
	margin-bottom:50px;
	margin-right:50px;
	text-align: right;
	}

#footer .h2 {
	padding-right:0px;
	padding-left:30px;
}

	
div#tofrubrique {	
	
	
	margin-left: 0px;
	margin-top: 0px;
	width: 660px;
	z-index: 1;
	text-align: right;
	padding: 0 0px;
	visibility: visible;
	}

#texte     { z-index: 2; width: 370px }
	
#titresite  {
	visibility: visible;
	position: absolute;
	z-index: 2;
	top: 4px;
	left: 74px;
	width: 299px;
	height: 37px
}
#apDiv1 {
	visibility: visible;
	position:absolute;
	z-index: 2;
	left: 74px;
	top: 9px;
	width: 322px;
	height: 37px
}


#hautgauche  {  visibility: visible; position:absolute; z-index: 0; top: 0; left: 0; width: 83px; height: 82px }
#rubriques     {
	visibility: visible;
	position: absolute;
	z-index: 3;
	top: 42px;
	left: 40px;
	width: auto;
	height: 34px
}
#titre     {  visibility: visible; position: absolute; z-index: 1; top: 61px; left: 50px; height: 97px }

/*          EXTERNALISTION DES STYLES               */

div#header-index {
	
	width: 100%;
	top: 0px;
	height: 86px;
	visibility: visible;
	background: url(../images/rouge-angle-gauche.jpg) no-repeat;
	position: relative;
	}
	
div#content-index {	
	float: right;
	width: 680px;
	z-index: 3;
	}

div#contact-index {	
	/* float: right;*/
	margin-top:20px;
	margin-left:30px;
	height: 555px;
	z-index: 3;
	}

div#contact-index .h3 {	
padding-top:20px;
}

div#contact-index2 {	
	/* float: right;*/
	background:  url(images/contact-la-tomillo.jpg) no-repeat top right;

	margin-left:30px;
	height: 300px;
	z-index: 3;
	}		

div#contact-index2 .h3 {	
padding-top:20px;
}
		
		
#tof2   {
	visibility: visible;
	position: absolute;
	top: 209px;
	left: 28px;
	width: 100px;
	height: 100px
}


#tof3  {

}

#tof4  {
	visibility: visible;
	position: absolute;
	top: 362px;
	left: 12px;
	width: 144px;
	height: 134px
}

#photo-flamenco  { 
	visibility: visible; 
	position: absolute; 
	z-index: 3; 
	top: 62px; 
	left: 408px; 
	width: 100px; 
	height: 100px }

#apDiv1 {
	position:absolute;
	left:518px;
	top:4px;
	width:322px;
	z-index:1;
}
.Style1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #F1DD7A;
	margin: 0;
	padding: 0;
}
.Style2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #F1DD7A;
	margin: 0;
	padding-bottom: 10px;
}