@charset "utf-8";

/* Universal */
body {margin:0px; padding:0px; background:url(../images/bg.gif) repeat;}
a {color:#FFFFFF; text-decoration:underline;}
img{border:0px;}
.img_border{ border-style:solid; border-width:1px;border-color:black;}
.lang_style{ border-style:solid; border-width:0px;border-color:white; }
.lang_style:hover{ border-style:solid; border-width:0px;border-color:white; }

.wrapper {vertical-align:top; width:700px; background:url(../images/wbg.gif) repeat; padding-bottom:60px;}
.wrapper2 {vertical-align:top; width:700px; background:url(../images/w2bg.gif) repeat; padding-bottom:60px;}
.orange {color:#ffa91c;}

/* navigation */
.nav {margin:0px; padding:0px; margin-top:5px; width:100%; height:29px; background:url(../images/nbg.gif) repeat-x; text-align:center; font-family:arial; font-size:16px; color:#a1a1a1; padding-top:7px;}
.nlink {color:#a1a1a1; text-decoration:none; margin-right:26px;}
.nlink:hover {color:#a1a1a1; text-decoration:none; margin-right:26px;}
.n2link {color:#FFFFFF; text-decoration:none; font-weight:bold; margin-right:26px;}

/* accueil */
.accueil {position:static; margin:0px; padding:0px; width:700px; height:765px; background:url(../images/image-1.gif) no-repeat;}
.contact {position:relative; top:460px; left:290px; z-index:auto; text-align:center; font-family:Arial; font-size:14px; color:#FFFFFF; width:200px; line-height:18px;}
.intro {position:relative; top:520px; left:15px; z-index:auto; font-family:Times New Roman; font-size:18px; color:#FFFFFF; line-height:24px;}
.liens { position:static; margin:0px; padding:0px; margin-top:31px; float:left; width:499px; height:479px; background:url(../images/lbg.gif) no-repeat; margin-bottom:10px;}
.liens2 {position:relative; top:125px; left:19px; z-index:auto; margin-bottom:10px;}
.img2 {position:static; margin:0px; padding:0px; margin-top:31px; float:right;}


/* visite */
.visite {position:static; margin:0px; padding:0px; width:700px; height:460px; background:url(../images/image-3.jpg) no-repeat;}
.visite-link {position:relative; top:256px; left:10px; z-index:auto;}
.visite-line {margin-top:32px; margin-bottom:14px;}
.visite-images {margin-left:14px;}
.visite-msg {font-family:Times New Roman; font-size:20px; color:#FFFFFF; line-height:26px; padding:0px; margin-top:11px; margin-left:17px; margin-bottom:7px; margin-right:26px;}
.visite-1 {position:static; margin:0px; padding:0px; margin-left:14px; width:686px; height:194px; background:url(../images/visite-image1.gif) no-repeat;}
.visite-1-msg {position:relative; top:0px; left:200px; z-index:auto; font-family:Times New Roman; font-size:18px; color:#FFFFFF; line-height:24px;}
.visite-2 {position:static; margin:0px; padding:0px; margin-left:14px; width:686px; height:289px; background:url(../images/visite-image2.gif) no-repeat;}
.visite-2-msg {position:relative; top:20px; left:290px; z-index:auto; font-family:Times New Roman; font-size:18px; color:#FFFFFF; line-height:24px;}
.visite-2b-msg {position:relative; top:75px; left:160px; z-index:auto; font-family:Times New Roman; font-size:18px; color:#FFFFFF; line-height:24px;}
.visite-3 {position:static; margin:0px; padding:0px; margin-left:14px; width:686px; height:285px; background:url(../images/visite-image3.gif) no-repeat;}
.visite-3-msg {position:relative; top:30px; left:305px; z-index:auto; font-family:Times New Roman; font-size:18px; color:#FFFFFF; line-height:24px;}
.visite-3b-msg {position:relative; top:105px; left:160px; z-index:auto; font-family:Times New Roman; font-size:18px; color:#FFFFFF; line-height:24px;}

/* reservation */
.reservation {position:static; margin:0px; padding:0px; width:700px; height:340px; background:url(../images/image-4.jpg) no-repeat;}
.reservation-contact {position:relative; top:190px; left:150px; z-index:auto;}
.reservation-middle-title {
	text-shadow: 3px 3px 2px #000000;
	color: #CE0018;
    font-family: 'Lucida Bright';
    font-size: 17px;
    font-style: italic;
    font-variant: normal;
    font-weight: bold;
    letter-spacing:    -0.04em;
    line-height: 60px;
    
    opacity: 1.00;
    
    text-align: center;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
	}
.reservation-text-l1{
	text-shadow: 3px 3px 2px #000000;
	color: #FF9608;
    font-family: 'Lucida Bright';
    font-size: 17px;
    font-style: italic;
    font-variant: normal;
    font-weight: 800;
    letter-spacing:    -0.04em;
    line-height: 15px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: justify;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
    }
    
.reservation-text-left {
	text-shadow: 3px 3px 2px #000000;
	color: #FF9608;
    font-family: 'Lucida Bright';
    font-size: 17px;
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
    letter-spacing:    -0.04em;
    line-height: 25px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: justify;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
	}
.jp-text-left {
	text-shadow: 3px 3px 2px #000000;
	color: #FF9608;
    font-family: 'MS Gothic Bold'; 
    font-size: 17px;
    
    font-variant: normal;
    font-weight: normal;
    letter-spacing:    -0.04em;
    line-height: 25px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: justify;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
	}
.reservation-text-right {
	text-shadow: 3px 3px 2px #000000;
	color: #FFffff;
    font-family: 'Lucida Bright';
    font-size: 17px;
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
    letter-spacing:    -0.04em;
    line-height: 25px;
    margin-bottom: 0px;
    margin-left: 60px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: justify;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
	}
.jp_font{
	font-family: 'MS Gothic Bold'; 
	font-weight: bold; 
	
	font-size: 17px; 
	color: rgb(255, 255, 255);
}

.jp-text-right {
	text-shadow: 3px 3px 2px #000000;
	color: #FFffff;
    font-family: 'MS Gothic Bold'; 
    font-size: 17px;
    
    font-variant: normal;
    font-weight: 600;
    letter-spacing:    -0.04em;
    line-height: 25px;
    margin-bottom: 0px;
    margin-left: 60px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: justify;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
	}
	
/* acces */
.acces {position:static; margin:0px; padding:0px; width:700px; height:257px; background:url(../images/acces.gif) no-repeat; margin-bottom:113px;}

/* la maison */
.maison {position:static; margin:0px; padding:0px; width:700px; height:435px; background:url(../images/maison.gif) no-repeat;}
.maison-text {position:relative; top:246px; left:18px; z-index:auto; font-family:Times New Roman; font-size:17px; line-height:25px; font-weight:bold; color:#FFFFFF;}

/* chambres */
.chambres {position:static; margin:0px; padding:0px; width:700px; height:422px; background:url(../images/chambre.jpg) no-repeat;}
.chambres-text {position:relative; top:346px; left:80px; z-index:auto; font-family:Times New Roman; font-size:17px; line-height:25px; font-weight:bold; color:#FFFFFF;}

/* marrakech */
.marrakech {position:static; margin:0px; padding:0px; width:700px; height:385px; background:url(../images/marrakech.jpg) no-repeat;}
.marrakech-text {position:relative; top:300px; left:80px; z-index:auto; font-family:Times New Roman; font-size:17px; line-height:25px; font-weight:bold; color:#FFFFFF;}

/* livre */
.livre {position:static; margin:0px; padding:0px; width:700px; height:315px; background:url(../images/livre.jpg) no-repeat;}
.livre-text {position:relative; top:210px; left:550px; z-index:auto;}