body {
	background-color: #fffdee;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#infos {
	position:relative;
	left:13px;
	top:0px;
	width:760px;
	height:400px;
	z-index:1;
	overflow: auto;
}

#hotel_bastide {
	position:absolute;
	left:327px;
	top:282px;
	width:380px;
	height:265px;
	z-index:2;
	visibility: visible;
}

.bouton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #696967;
	text-decoration: none;
	text-align: center;
	border:1px solid #A09889;
}


.bouton:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	background: #A09889;
	border:1px solid #A09889;
}




.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #333333;
}

.menu_r {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #696967;
	font-weight: bold;
	text-decoration: none;
	
}

.menu_r:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #696967;
	font-weight: bold;
	background-color: #FFFFFF;
	text-decoration: none;
}



.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	
}

.menu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #696967;
	font-weight: normal;
	background-color: #FFFFFF;
	text-decoration: none;
}

.menu_choix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	
}

.lien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #696967;
	text-decoration: none;
}

.lien:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #696967;
	text-decoration: underline;
}



.lettrine2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 180%;
	font-weight: 600;
	color: #ffffff;
	text-decoration: none;
	float:left;
	background-color:#333333;
}

.lettrine1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 180%;
	font-weight: 600;
	color: #ffffff;
	text-decoration: none;
	float:left;
	background-color:#dc0024;
}

.aikan {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: 500;
	text-decoration: none;
}

.aikan:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: 500;
	text-decoration: underline;
}
.texte_11p {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	color: #333333;
	text-decoration: none;
}

.texte_11p:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	color: #666666;
	text-decoration: none;
}

.texte_12p333 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #333333;
	text-decoration: none;
}

.texte_contact {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	color: #993300;
	text-decoration: none;
}

.texte_contact:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	color: #666666;
	text-decoration: none;
}

.texte_contact2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #993300;
	text-decoration: none;
}

.texte_contact2:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #666666;
	text-decoration: underline;
}



.texte_12p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #696967;
	text-decoration: none;
}

.texte_11p_loisirs{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	color: #696967;
	text-decoration: none;
}


.texte_12p:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #666666;
	text-decoration: none;
}


.puce1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #DC0024;	
	border: thin Aucune;
}

.texte_13p {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
}
.texte_10p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	color: #333333;
	text-decoration: none;
}

.texte_10p:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	color: #666666;
	text-decoration: none;
}
.puce2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #999999;
	border: thin Aucune;
}

hr {
	color:#cccccc;
	border:1px #cccccc;
}

.vctitre_18p {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #DC0024;
}

.titreville {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bolder;
	color: #DC0024;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DC0024;
	font-style: italic;
}


#global2 {
	position:absolute;
	left: 50%;
	top: 10px;
	width: 1000px;
	height: 660px;
	margin-left: -500px;
	z-index: 1;
	visibility: visible;
}

#global {
	position:absolute;
	left: 50%;
	width: 1000px;
	height: 660px;
	margin-left: -500px;
	z-index: 1;
	visibility: visible;
}

.bordure_a {
	border-style:solid;
	border-color:#696967;
	border-width:1px;
	padding:2px;
} 

		 
.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #333333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #696967;
}

.titre2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}

.titre3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #333333;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}



.scrol_div
{
    scrollbar-face-color : #a09889;
    SCROLLBAR-HIGHLIGHT-COLOR : #696967;
    SCROLLBAR-SHADOW-COLOR : #696967;
    SCROLLBAR-3DLIGHT-COLOR : #FFFdee;
    SCROLLBAR-ARROW-COLOR : #696967;
    SCROLLBAR-TRACK-COLOR : #fffdee;
    SCROLLBAR-DARKSHADOW-COLOR : #fffdee;
}	

.main 
{
CURSOR:POINTER; 
}
.brochure {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993300;
	text-decoration: none;
}
.brochure:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}


CSS:

  
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
 opacity:.80;
filter: alpha(opacity=30);
}

.white_content {
display: none;
position: absolute;
top: 24%;
left: 23%;
width: 540px;
height: 390px;
padding: 0px;
border: 0px solid #A09889;
background-color: #FFFDEE;
z-index:1002;
overflow: auto;
/*-moz-opacity: 0.99;
opacity:.99;
filter: alpha(opacity=100);
*/
}