/* 
Styles for Coste-Rouge.com
Olle Jonsson
*/
html, body { 
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.footer { color:gray; font:normal 0.75em Verdana,sans-serif; clear:both;}

/* Flags */
#flaglist li{
	list-style-type:none;margin:0;padding-right:20px; display:inline;
}
/* Layout */
body {
		margin:20px 20px 0px 20px;
}

#topbar
{
background: url(../images/topbar.jpg) no-repeat;
height:100px;
clear:both;
}	
#printtopbar
{
display:none;	
}


#main 
{
border:1px solid #000; 
background:#fff url(../images/perso-light.jpg);
}
h1 { font:bold 1.5em Arial,Verdana,sans-serif; letter-spacing:-1px; color:#c60;}
h2 { font:bold 1.2em Arial,Verdana,sans-serif; letter-spacing:-1px;}
h3,h4 { font-family:Arial,Verdana,sans-serif; letter-spacing:-1px;}
p {font: 0.8em Verdana,sans-serif; }
ul li {
	font: 0.8em Verdana,sans-serif;
}
a img { border:0; }

#main #menu {
border-left:1px solid #000; 
border-bottom:1px solid #000;
float:right;
width:230px;
background:#eee;
margin:0px 0px 10px 10px;
}
		
p,h1,h2,h3,h4,h5,h6,blockquote,pre {
	margin:0px 10px 10px 10px;
}


/* Navigation */
#navcontainer
{
width: 100%;
float: left;
background-color: #c60;

}

#navcontainer 
{
/* padding:0 0 0 20px ;*/ 
/* margin-bottom:20px;*/
}
#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }
 
#navcontainer ul
{
 margin: 0;
 padding: 0 0 0 0;
 color: #fff;
 font-size: .85em;
 letter-spacing: 0px;
 font-weight: bold;
}
 
#navcontainer ul li a
 {
 padding: 0.2em 12px;
 background-color: #c60;
 color: #fff;
 text-decoration: none;
 float: left;
 border-right: 1px solid #94B473;
}

#navcontainer ul li.last a
 {
 border-right: 0;
}

#navcontainer ul li a:hover
 {
 background-color: orange;
 color: #fff;
}
#navcontainer ul li a:hover img
{
 background-color: #c60;
}

 
 #navlist li a:hover, #navlist li a:active
 {
 color: #fff;
 text-decoration: none;
 background: #C33;
 text-align: left;
}



#menu  { margin: 0; }
#menu p { font-size:70%; text-align:center; }

/*  Onion skin -- photo gallery */

.picture {float:left; padding:0 10px 10px 10px;}
.piclabel {clear:left; font-size:0.65em;width:180px;}



.wrap1, .wrap2, .wrap3 {
display:inline-table;
/* \*/display:block;/**/
}
.wrap1 {
float:left;
background:url(../images/photo_shadow.gif) right bottom no-repeat;
}
.wrap2 {
background:url(../images/photo_corner_bl.gif) left bottom no-repeat;
}
.wrap3 {
padding:0 10px 10px 0;
background:url(../images/photo_corner_tr.gif) right top no-repeat;
}
.wrap3 img {
display:block;
}

/* For the vacancy.php colored list */
.closed { color:#f00;}
.vacant { color:#090;}
.booked { color:#f90;}