/* CSS Document */

/****** balise par defaut *******/

* { 
	margin:0px;
}

body {
	padding:0px;
	background:url(images/bg2.gif);
	background-repeat:repeat-x;
	font-family:"Comic Sans MS", cursive;
	color:#333;
	font: 12px/22px verdana, arial, sans-serif;
}

h2{
	color:#3a6d8c;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:inherit;
}


p{
	font-size:14px;
	text-align:justify;
	font-family:"Comic Sans MS", cursive;
}

h1 {
	color:#FFF;
	font-size:14px;
	line-height:40px;
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	padding:0;
}

h3 {
	color:#3a6d8c;
	font-size:20px;
	line-height:26px;
	font-weight:normal;
	margin:0 0 8px 0;
}

/******* design *******/

.palmier{
	background:url(images/bg-right.gif);
	width:520px;
	height:800px;
	position:absolute;
	top:0px;
	right:0px;
}

.big-div{
	width:800px;
	height:900px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
}

/******* header *******/

.header{
	width:800px;
	height:350px;
	position:relative;
}

/******* menu *******/

#menu{
	width:200px;
	height:400px;
	padding-left:35px;
	position:relative;
	float:left;
}

#menu ul li{
	float:left;
	list-style-type:none;
	padding:0;
	margin:0;
}

#menu ul{
	padding:0;
}

/******* content *******/

.content{
	width:565px;
	height:400px;
	position:relative;
	float:right;
	padding-top:10px;
}

.content-right{
	background:url(images/content-right.gif);
	width:10px;
	height:390px;
	float:right;
}

.content-middle{
	background:url(images/content-middle.gif);
	background-repeat:repeat-x;
	width:545px;
	height:390px;
	float:right;
	padding-top:10px;
}

.content-left{
	background:url(images/content-left.gif);
	width:10px;
	height:390px;
	float:left;
}

/******* footer *******/

.footer{
	width:800px;
	height:150px;
	position:relative;
	float:left;
}

/******* errors formulaire *******/

#errors{
	color:#F00;
	float:right;
	position:relative;
}

/******* logement *******/

#logement ul li{
	font-size:12px;
	color:#F00;
}

#logement a{
	padding:20px;
	text-decoration:none;
	color:#F00;
	font-family:"Comic Sans MS", cursive;
}

/******* style des liens du menu en les survolants *******/

#logement a:hover{
	color:#FFF;
}

#logement ul li p{
	font-size:12px;
	color:#000;
	text-align:justify;
}

/******* appartement *******/

#tarifs tr td{
	font-size:16px;
	text-align:center;
}

.app{
	color:#000;
}

#tarifs a{
	text-decoration:none;
	color:#000;
}

#tarifs a:hover{
	color:#FFF;
}






/******* jquery marrakech *******/

a:link, a:visited {
color : #fff;
text-decoration : none;
}
a img {
border : 0;
}
div.wrap {
width : 400px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 400px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 300px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 300px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 299px;
background : url(images/header-bg.gif) no-repeat 50% 0;
}
div#header div#slide-holder {
z-index : 40;
width : 400px;
height : 299px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 380px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 400px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}