body {
 margin : 0;
 padding : 0 ;
 text-align : center ;
 background-color : #e5e5e5;
 font-family : arial ; 
 font-size : 11px ;
}


#cont {
text-align : left ; 
margin : 10px auto 40px auto; 
width : 885px ; 
background : transparent}

.top_left {
 background : url("images/top_left.gif") repeat-y;	
}
.top_right {
 background : url("images/top_right.gif") repeat-y right;	
}

.bottom {
 background : url("images/bottom.gif") repeat-x top;	
}

.content {
background-color : #FFFFFF;
padding-top:10px;
}

.ariane {
background-color : #660000;
}

.ariane h1{
color : #FFFFFF;
font-size:12px;
margin:0;
padding:0;
padding-left:10px;
margin-bottom:10px;
text-transform :uppercase ;
}
 
 #top {
 float : left ;
 width : 699px  ; 
 height : 179px ;
 background : url(images/imgaccueil.gif) bottom no-repeat ;
 }

#menu {
 text-align : left ; 
 margin : 0 0 0 0px;
 padding-right:20px;
 float : left ; 
 background : transparent;
}

#menu ul{
width : 110px; 
 margin : 0 0 0 14px !important; 
  margin : 0 0 0 8px; 
 padding : 0;
 list-style : none ; }
 
#menu li{
 list-style : none ;
}
 
 #menu li a{
 text-indent : 10px ; 
display : block ;
 margin : 0 0 5px 0 ; 
 padding : 0 ;
 line-height : 20px; 
text-decoration : none ; 
color : #fff ;
height : 20px ;
background-color : #cfb556;
}

#menu li a:hover{
color : #fff ;  
background-color : #660000;
}

#menu li a.active {
color : #fff ;  
background-color : #660000;
}

 #gauche{
  margin : 0px 0 0 45px !important; 
    margin : 0px 0 0 25px ;
 float : left ; 
width : 400px  ; 
background : transparent;
padding : 0 0 10px 0}

 #content_accueil {
 text-align : left ; 
 margin : 0 0 0 0px;
 margin-top:10px;
 margin-bottom:40px;
 padding-right:20px;
 padding-left:40px;
 float : left ;
 width:65%;
 background : transparent;
}

 #content {
 text-align : left ; 
 margin : 0 0 0 0px;
 padding-top:10px;
 margin-bottom:40px;
 padding-right:20px;
 padding-left:20px;
}

.descriptif_appart td {
vertical-align:top;
}

#encars_right {
	 float : left ;
 width:25%;
 margin-top:10px;
border: 1px solid #b1b0af;	
}

.image {
float: right;
margin-left: 20px;
}

.imageleft {
float: left;
margin-right: 20px;
}


 #droite {
 margin : 0px 0 0 25px; 
 float : left ; 
width : 380px  ; 
background : transparent ;
padding : 0 0 10px 0}

h2 {
text-transform : uppercase ; 
color : orange ;
 font-size : 150%;
 font-family : times ; 
 margin : 0 0 0 0;
 padding : 0 ;
 text-indent : 40px ; 
}

.name_appart {
 text-transform : uppercase ; 
 color : #660000;
 font-size : 150%;
 text-indent : 40px ; 
}

.mef_appart {
padding : 0px;
}
 
 h4 { 
 margin : 10px 0 0 10px;
 padding : 0 ;
 color : #000 ;
 font-size : 100% }
 
 
h2#titr_couch  { 
height : 37px ;
 line-height : 35px ;
 color :  #F99300 ;
 margin-top : 10px ;
 background : url(images/couchage.gif) no-repeat left ;
 }

h2#titr_descrip  { 
 height : 37px ;
 line-height : 35px ;
 color :  #F99300 ;
 margin-top : 10px ;
 background : url(images/descriptif.jpg) no-repeat left ;
}

h2#titr_situ  {
 height : 37px ;
 line-height : 35px ;
 color :  #F99300 ;
 margin-top : 10px ;
 background : url(images/boussole1.gif) no-repeat left ;
}

h2#titr_tarif  {
 height : 37px ;
 line-height : 35px ;
 color :  #F99300 ;
 margin-top : 10px ;
 background : url(images/tarif.gif) no-repeat left ;
}

.img_apparts {
list-style-type:none;
margin:0px 0px 0px 5px;
padding:0px;
text-align:left;
width:100%;	
}

.img_apparts li{
display:inline;
float:left;
padding:5px;
text-align:center;
}

img {
border:0;	
}

a {
	color : #F99300;
	text-decoration : underline ;
}
a:hover  {color : #660000 ; text-decoration : underline ; }

.reserver {
background-color:#CFB556;
color:#FFFFFF;
display:block;
width:100px;
line-height:20px;
padding-left:5px;
padding-right:5px;
text-decoration:none;
text-align:center;
}

.reserver:hover {
color : #fff ;  
background-color : #660000;
display:block;
width:100px;
line-height:20px;
padding-left:5px;
padding-right:5px;
text-decoration:none;
text-align:center;
}

/* SOUS MENU */

#submenu {
 text-align : left ; 
 margin : 0 0 0 0px;
 padding:0px;
 padding-right:20px;
 background : transparent;
}

 
#submenu li{
 float:left;
 margin-left:10px;
 list-style : none ;
}
 
#submenu li a{
	display : block ;
	padding-right:5px;
	padding-left:5px;
	line-height : 20px; 
	text-decoration : none ; 
	color : #fff ;
	background-color : #cfb556;
}

#submenu li a:hover{
color : #fff ;  
background-color : #660000;
}

#submenu li a.active {
color : #fff ;  
background-color : #660000;
}

/* FIN SOUS MENU */

.error {
text-align:center;
color:RED;
padding-bottom:10px;
font-weight:bold;	
}