/* defaults ************************************************************/

/* Idees Couleurs COLOURlovers

Aviation field:
HEX: #EAE9DE
HEX: #D9D398
HEX: #BFBE69
HEX: #92A641
HEX: #628C3B

Dr House:
HEX: #3A2020
HEX: #50423B
HEX: #7D7B6A 
HEX: #E2D8A8
HEX: #FFF3BD
*/

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
        color: #333333;
        background-color: #B6B5AC;
	margin: 0;
	padding: 0;
}

body a img {
	border: none;
}

body a:link, body a:visited, body a:active , body a:hover{
	text-decoration: none;
}

body a {
	color: #000000;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin:1em 0;
}

ul, li {
list-style-type: none;
margin: 0 0 0 0;
padding: 0;
}


hr {
       clear: both;
       visibility: hidden;  
}

/********************************************/
/* Alignement pour IE5 et inférieurs */
body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
     }

#page {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	text-align: left; /* on rétablit l'alignement normal du texte */
        background-image: url("http://www.chambresatillac.com/images/page.png");
        background-repeat: repeat;
        margin-top: 0px;
        margin-bottom: 0px;
}

#top {
	position: relative;
        margin-left: auto;
	margin-right: auto;
	width: 950px;
        text-align: left; /* on rétablit l'alignement normal du texte */
	background-image: url("http://www.chambresatillac.com/images/top.png");
	height: 150px;
        margin-top: 0px;
        margin-bottom: 0px;
}

#content {
        width: 900px;
        margin-left: 20px;
        margin-right: 20px;
        padding-bottom: 10px;
}

#bottom{
	position: relative;
        margin-left: auto;
	margin-right: auto;
	width: 950px;
	background-image: url("http://www.chambresatillac.com/images/bottom.png");
	height: 80px;
        margin-top: 0px;
        margin-bottom: 0px;
}

#maison {
        height: 650px;
        margin-left: 20px;
        margin-right: 10px;
        border-bottom-color: #556270;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}

#chambres {
        height: 650px;
        margin-left: 20px;
        margin-right: 10px;
        border-bottom-color: #4ECDC4;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}

#weekend {
        height: 650px;
        margin-left: 20px;
        margin-right: 10px;
        border-bottom-color: #C7F464;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}

#contacts {
        height: 650px;
        margin-left: 20px;
        margin-right: 10px;
        border-bottom-color: #FF6B6B;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}

#liens {
        height: 650px;
        margin-left: 20px;
        margin-right: 10px;
        border-bottom-color: #C44D58;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}


/********************************************/

    


#logo {
	position: absolute;
        top: 30px;
        left: 30px;
}

#menu {
	list-style-type: none;
	position: absolute;
	right: 40px;
	top: 40px;
}

#menu  li {
	display: inline;
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
}

#menu  li {
	font-size: 14px;
	color: #333333;
	text-align: center;
	font-weight: 500;
	font-style: oblique;
}

#menu_item1 {
	border-bottom-color: #556270;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}
#menu_item2 {
	border-bottom-color: #4ECDC4;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}
#menu_item3 {
	border-bottom-color: #C7F464;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}
#menu_item4 {
	border-bottom-color: #FF6B6B;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}
#menu_item5 {
	border-bottom-color: #C44D58;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}

#menu_item1:hover {
	background-color: #A9B0B7;
}

#menu_item2:hover {
	background-color: #A6E5E1;
}

#menu_item3:hover {
	background-color: #E2F9B1;
}

#menu_item4:hover {
	background-color: #FFB4B4;
}

#menu_item5:hover {
	background-color: #E1A5AB;
}

.label {
        float: right;
        margin-right: 40px;
        
}


/* ------------------------------------------------------------------------------------*/
/*				Kwick pour selection des chambes		*/



#kwicks_container { 
	background-color: #F3F3F3;
	height: 300px;
	width: 850px;
	position: relative;
        margin-top: 20px;
        margin-left: 20px;
}

#kwicks {
	position: relative;
        height: 300px;
}
#kwicks li{
        display: inline; 
 }
 
#kwicks .kwick {
	float: left;
	display: block;
	width: 280px;
	height: 300px;
        margin: 0px;
        padding: 0px;
}
 
#kwick_red {background-image: url("http://www.chambresatillac.com/images/kwick/chambre1_kwick.png");}
#kwick_orange {background-image: url("http://www.chambresatillac.com/images/kwick/chambre2_kwick.png");}
#kwick_violet {background-image: url("http://www.chambresatillac.com/images/kwick/chambre3_kwick.png");}

/* ------------------------------------------------------------------------------------*/
/*				Section weekend                        		*/

#weekend_images {
        margin: 10px;
}


/* ------------------------------------------------------------------------------------*/
/*				Bouton réserver une chambre			*/

#reservation_button {
	padding-left: 800px;
	width: 140px;
	height: 49px;
	font-size: 14px;
	color: #333333;
	text-align: center;
	font-weight: 500;
	font-style: oblique;
	background-image: url("http://www.chambresatillac.com/images/button.png");
}

#maison #bouton_reserver {
        float: none;
        margin-top: 50px;
        margin-left: 650px;
}

#chambres #bouton_reserver {
        float: none;
        margin-top: 0px;
        margin-left: 650px;
}

#weekend #bouton_reserver {
        float: none;
        margin-top: 43px;
        margin-left: 650px;
}

/* ------------------------------------------------------------------------------------*/
/*				Slideshow			*/

#show {
     float: left;
     margin: 10px;
     margin-top: 50px;
        
}

/* ------------------------------------------------------------------------------------*/
/*				Textes			*/

#maison .texte {
     float: right;
     margin-right: 0px;
     margin-top: 30px;
     width: 430px;
}

#chambres .texte {
     margin-right: 30px;
     margin-left: 40px;
     margin-top: 30px;
     margin-bottom: 0px;
}

#contacts .texte {
     margin-right: 30px;
     margin-left: 40px;
     margin-top: 40px;
     margin-bottom: 30px;
}

#weekend .texte {
     margin-right: 30px;
     margin-left: 40px;
     margin-top: 30px;
     margin-bottom: 0px;
}

#liens .texte {
     margin-right: 30px;
     margin-left: 40px;
     margin-top: 40px;
     margin-bottom: 30px;   
}

#liens .texte a:link {
	text-decoration: underline;
}

#liens .texte a:visited {
        text-decoration: underline;
        color: purple;
}

#liens .texte a:hover {
        text-decoration: underline;
	color: blue;
}

#map {
      float: right;      
}

#coordonnees {
        float: left;
}

/* ------------------------------------------------------------------------------------*/
/*				SŽparateur			*/


.separateur {
        font-size: 16px;
	color: #333333;
	text-align: right;
	font-weight: 500;
	font-style: oblique;
        border-bottom-color: #556270;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}

#maison .separateur {
      border-bottom-color: #556270;

}

#chambres .separateur {
        border-bottom-color: #4ECDC4;
}

#weekend .separateur {
        border-bottom-color: #C7F464;
}

#contacts .separateur {
        border-bottom-color: #FF6B6B;
}

#liens .separateur {
        border-bottom-color: #C44D58;
}