/* Feuille de style Bodegon colonial */

@import "reset.css";

body {
	background-color: #461F00;
}

.img
{
border: 1px solid #461F00;
} 

h1 {
 text-align: center;
 font: 12px Arial, Helvetica, sans-serif;
 color: #C88301;
}

h2 {
 text-align: center;
 font: 12px Arial, Helvetica, sans-serif;
 color: #C88301;
}

a {
 color: #C88301;
 font: 12px Arial, Helvetica, sans-serif;
 text-decoration: none;
}

a:hover {
  color: #FFFFFF;
  font: 12px Arial, Helvetica, sans-serif;
 text-decoration: none;
 font-weight: bold;
}

#Tableau_01 {
	position:relative;
	margin:auto;
	margin-top: 15px;
	left:0px;
	top:0px;
	width:1024px;
	height:746px;
}

#index-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:156px;
}

#index-02_ {
	position:absolute;
	left:0px;
	top:156px;
	width:219px;
	height:590px;
}

#index-03_ {
	position:absolute;
	left:219px;
	top:156px;
	width:210px;
	height:1px;
}

#index-04_ {
	position:absolute;
	left:429px;
	top:156px;
	width:595px;
	height:50px;
}

#index-photos {
	position:absolute;
	left:219px;
	top:156px;
	width:210px;
	height:432px;
	background-image:url(images/index_05.jpg);
}

#index-photos p {
   margin-bottom: 3px;
}

#index-06_ {
	position:absolute;
	left:429px;
	top:206px;
	width:21px;
	height:540px;
}

#index-texte {
	position:absolute;
	left:450px;
	top:206px;
	width:503px;
	height:382px;
	padding: 8px;
	background-image:url(images/index_07.jpg);
}

#index-texte p {
	text-align: justify;
	margin-bottom: 12px;
	padding-right: 8px;
	margin-right: 8px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white; 
}

#liens {
	text-align:center;
}

#liens a {
  color: #C88301;
  font: 12px Arial, Helvetica, sans-serif;
 text-decoration: none;
 font-weight: bold;
}

#liens a:hover {
  color: #FFFFFF;
  font: 12px Arial, Helvetica, sans-serif;
 text-decoration: none;
 font-weight: bold;
}


#index-08_ {
	position:absolute;
	left:953px;
	top:206px;
	width:71px;
	height:540px;
}

#index-09_ {
	position:absolute;
	left:219px;
	top:588px;
	width:210px;
	height:158px;
}

#index-10_ {
	position:absolute;
	left:450px;
	top:588px;
	width:503px;
	height:81px;
	background-image:url(images/index_10.jpg);
}

#index-10_ p {
	text-align: justify;
	margin-bottom: 12px;
	padding-right: 8px;
	margin-right: 8px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white; 
}


#index-11_ {
	position:absolute;
	left:450px;
	top:669px;
	width:273px;
	height:77px;
	background-image:url(images/index_11.jpg);
}

#index-11_ p {
	text-align: justify;
	/*margin-bottom: 20px;*/
	padding-left: 8px;
	margin-left: 50px;

	font: 10px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white; 
}

#index-11_ a {
	text-align: justify;
	/*margin-bottom: 20px;*/
	font: 10px Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-weight: bold;
	color: white; 
}


#index-plan {
	position:absolute;
	left:723px;
	top:669px;
	width:94px;
	height:38px;
	background-image:url(images/index_12.jpg);
}

#index-13_ {
	position:absolute;
	left:817px;
	top:669px;
	width:136px;
	height:77px;
}

#index-14_ {
	position:absolute;
	left:723px;
	top:707px;
	width:94px;
	height:39px;
}