html, body, ol, ul, li, dl, dt, dd, img {
  margin: 0; 
  padding: 0;
  border: 0;
  list-style: none;
}


body {
  padding: 0;/* the critical side padding that sets the natural min-width! */ 
	background-color:#48487A;
	color: #000; 
  font-family: "arial", serif; 
  font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */ 
  text-align: center; /* centers the #sizer element in IE5.x/win */
 
}


#wrapper1 {
margin: 10px auto;
	background-color:#fff;

  font-size: .9em; /* set global font-size here */ 
  position: relative;
  width:940px;
  text-align: center;
} /* this positioning may be needed for IEwin if page is to contain positioned elements */
#resa{
margin: 10px auto 0 auto;
	background-color:#fff;
  font-size: .9em; /* set global font-size here */ 
  position: relative;
  width:940px;
  text-align: center;
} /* this positioning may be needed for IEwin if page is to contain positioned elements */


.outer {
  background-color:#48487A; 
	 /* this BG tiles the center column */
  margin-left: 460px;    /*** Critical left col width value ***/
}


.float-wrap {
  float: left;
  width: 480px;
  margin: 0 -1px 0 0;
}


.center {
  float: right;
  width: 480px;
  position: relative; /* Needed for IE/win */
    background-color:#48487A;
}


.left {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 460px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
  margin-left: -460px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
}




.centerbox {
  font-weight: bold;
  overflow: visible;
  width: 98%;
  margin-left:2%;
}




.container-left {
  margin: 7px; /*** Critical left divider dimension value ***/ 
  color: #fff;}


.expl {width:465px; background-color:#D0D9C6; font-size:0.9em; text-align:left; padding:5px; font-weight:normal; margin:0;}
p {margin:15px 0 5px 7px; padding:0 5px 2px 0;}
p#txt {margin:15px 5px 5px 5px; padding:0; text-align:left; color:#fff; font-size:14px;}
#txt p {color:#fff; font-weight:bold; font-size:1em; margin:10px 0 0 0; padding:0;}
#nour {text-align:center; background-image:url("/images/fond_tr.png"); background-repeat:repeat; color:#fff; letter-spacing:1px; width:80px; line-height:20px; position:absolute; left:50%; margin-left:-160px; margin-top:175px; padding:0; z-index:10;}
#jihane {text-align:center; background-image:url("/images/fond_tr.png"); background-repeat:repeat; color:#fff; letter-spacing:1px; width:80px; line-height:20px; position:absolute; left:50%; margin-left:70px; margin-top:175px; padding:0; z-index:10;}
#patio {text-align:center; background-image:url("/images/fond_tr.png"); background-repeat:repeat; color:#fff; letter-spacing:1px; width:80px; line-height:20px; position:absolute; left:50%; margin-left:-130px; margin-top:550px; padding:0; z-index:11;}
#salon {text-align:center; background-image:url("/images/fond_tr.png"); background-repeat:repeat; color:#fff; letter-spacing:1px; width:80px; line-height:20px; position:absolute; left:50%; margin-left:100px; margin-top:550px; padding:0; z-index:11;}
#nour a, #jihane a, #patio a, #salon a {text-align:center; text-decoration:none; color:#fff; letter-spacing:1px; font-size:0.8em; font-weight:bold;}
#nour a:hover, #jihane a:hover, #patio a:hover, #salon a:hover  {text-align:center; text-decoration:none; color:#000;}
.terrasse {background-color:#D0D9C6; width:470px; padding:30px 0 0 0; margin:0; height:125px;}
.terrasse2 {background-color:#D0D9C6; width:455px; padding:25px 5px 0 10px; margin:0; height:130px; text-align:left; line-height:20px;}
.terrasse3 {background-color:#D0D9C6; width:457px; padding:10px 5px 0 10px; margin:0; height:130px; text-align:left;}


/*\*/
* html .terrasse {width:473px;}
* html .terrasse2 {width:458px;}
* html .terrasse3 {width:458px;}
/* */


.plan {margin: 0 0 0 5px; padding:0;}
.prix{margin: 0; padding:0; width:99%; background-color:#fff; border:#D0D9C6 solid 1px;}
.saison{margin:5px 0 0 5px; width:99%; background-color:#fff; border:#D0D9C6 solid 1px;}
.prix_res{margin: 0 2px 5px 1%; padding:0; width:98%; background-color:#fff; border:#D0D9C6 solid 1px;}


td.nom {width:50%; border:#D0D9C6 solid 1px;}
td.centree {text-align:center; border:#D0D9C6 solid 1px;}
td.centreeb {text-align:center; font-weight:bold; border:#D0D9C6 solid 1px; font-family:verdana; font-size:90%;}
td.centreeh {background-color:#ef6136; text-align:center; border:#D0D9C6 solid 1px;}
td.centrmoy {background-color:#B2AEAE; text-align:center; border:#D0D9C6 solid 1px;}
td.centrbas {background-color:#b4d8eb; text-align:center; border:#D0D9C6 solid 1px;}


td.riad {text-align:center; font-weight:bold; border:#D0D9C6 solid 1px; font-family:verdana; font-size:90%; background-color:#D0D9C6; letter-spacing:1px;} 


td.vert {border:#D0D9C6 solid 1px;}
td.vert2 {background-color:#D0D9C6;}
tr.white {background-color:#fff;}
.bleu {background-color:#48487a;}
.page_resa {margin:0; padding:0; color:#000; width:99%;}
.page_resa2 {margin:5px 0 0 5px; padding:0; background-color:#D0D9C6; width:99%;}
.page_resa3 {margin:5px 0 0 10px; padding:0 0 10px 0; background-color:#D0D9C6; text-align:center; width:99%;}
/*\*/
* html .page_resa {margin: 5px 10px 0 0;}
* html .page_resa2 {margin: 5px 0 0 0;}
* html .saison {margin: 5px 0 0 0;}


/* */


.infos {background-color:#fff; width:100%;}
.heavy {font-weight:bold;}
td.border {border-left:2px dotted #D0D9C6;}
.oblig {font-size:85%; color:#000; font-style:italic;} 




td.txtlft {text-align:left;}
td.txtrgt {text-align:right;}




#reserver, #reserver1 {background:#fff; width:465px; text-align:center; margin:0; padding:5px;}
#reserver ul {list-style-type:none; margin:0; padding:0; float:left; width:145px; margin:5px; padding:0;}
#reserver a{margin:5px 0 0 0; padding:0 5px; display:block; color:#000; text-decoration: none; font-size:12px;
  text-align:left; height:30px; background-color:#D0D9C6; font-weight:normal;}
#reserver a:hover, #reserver1 a:hover{color:#000; text-decoration:none; background-color:#E3E3E3;}
#reserver a.midd{padding:0 5px; height:30px; font-size:12px; font-weight:normal; line-height:30px;}


#reserver1 {list-style-type:none; margin:0; padding:0; float:left; width:230px; margin:5px; padding:0;}
#reserver1 a{margin:5px 0 10px 0; padding:0 15px; display:block; color:#000; text-decoration: none; font-size:13px;
  text-align:left; background-color:#D0D9C6; line-height:20px;}
#reserver1 a:hover{color:#f00; text-decoration:none;}


#lesa {width:472px; background-color:#fff; padding:7px 0 0 0; margin:0; height:293px;}
#lestxt {width:472px; background-color:#fff; padding:0; margin:0; height:50px; text-align:center; color:#f00;}
/*\*/
* html #lestxt {height:1%;}
/* */


#vignettes {width:472px; background-color:#fff; padding:10px 0 0 0; margin:0; height:465px; text-align:center;}
#pvignette {width:472px; background-color:#fff; padding:5px 0 0 0; margin:0; height:465px; text-align:center;}
#vignettes a img {margin:6px; padding:0; display:inline;}
#pvignette a img {margin:3px; padding:0; display:inline;}


#vignettes img.sd {margin:5px; padding:0;}




a#jih_txt {text-decoration:none; line-height:20px; font-size:90%; width:104px; background-color:#fff; float:left; border:2px solid #D0D9C6; margin:8px 8px 7px 8px; padding:0; text-align:center; color:#f60;}


a#naj_txt {text-decoration:none; color:#f60; line-height:20px; font-size:90%; width:104px; background-color:#fff; float:left; border:2px solid #D0D9C6; margin:8px 0 0 0; padding:0; text-align:center;}
a#nour_txt, a#kam_txt { text-decoration:none; color:#f60; line-height:20px; font-size:90%; width:104px; background-color:#fff; float:left; border:2px solid #D0D9C6; margin:8px 7px 0 0; padding:0; text-align:center;}
a#jih_txt:visited, a#kam_txt:visited, a#nour_txt:visited, a#naj_txt:visited {text-decoration:none; color:#f00;}
a#jih_txt:hover, a#kam_txt:hover, a#nour_txt:hover, a#naj_txt:hover {text-decoration:none; color:#000;}
a#jih_txt:active, a#kam_txt:active, a#nour_txt:active, a#naj_txt:active {text-decoration:none; color:#f00;}


a#index_jih {width:109px; height:232px; float:left; background-color:#fff; background-image:url("/images/jihane.jpg"); margin:0 7px 0 7px; padding:0;}
a#index_jih:hover {background-image:url("/images/jihane_up.jpg"); width:109px; height:232px;}
a#index_nour {width:109px; height:232px; float:left; background-color:#fff; background-image:url("/images/nour.jpg"); margin:0 7px 0 0; padding:0;}
a#index_nour:hover {background-image:url("/images/nour_up.jpg"); width:109px; height:232px;}
a#index_naj {width:109px; height:232px; float:left; background-color:#fff; background-image:url("/images/najma.jpg"); margin:0; padding:0;}
a#index_naj:hover {background-image:url("/images/najma_up.jpg"); width:109px; height:232px;}
a#index_kam {width:109px; height:232px; float:left; background-color:#fff; background-image:url("/images/kamar.jpg"); margin:0 7px 0 0; padding:0;}
a#index_kam:hover {background-image:url("/images/kamar_up.jpg"); width:109px; height:232px;}


a#nour_planjih {position: absolute; width :100px; height:50px; left:50%; margin-top:115px; margin-left:30px; background-color:transparent;}
a#nour_planjih:hover {background-image:url("/images/txt_nourplan.gif"); width:100px; height:50px;}
a#najma_plankam {position: absolute; width :100px; height:50px; left:50%; margin-top:205px; margin-left:3px; background-color:transparent;}
a#najma_plankam:hover {background-image:url("/images/txt_kamarplan.gif"); width:100px; height:50px;}
a#jihane_plannour {position: absolute; width :100px; height:50px; left:50%; margin-top:205px; margin-left:-90px; background-color:transparent; z-index:10;}
a#jihane_plannour:hover {background-image:url("/images/txt_jihaneplan.gif"); width:100px; height:50px;}
a#kamar_plannaj {position: absolute; width :100px; height:50px; left:50%; margin-top:155px; margin-left:80px; background-color:transparent; z-index:10;}
a#kamar_plannaj:hover {background-image:url("/images/txt_kamar.gif"); width:100px; height:50px;}


a#kamar_planplans {position: absolute; width :100px; height:50px; left:50%; margin-top:55px; margin-left:-40px; background-color:transparent; z-index:10;}
a#kamar_planplans:hover {background-image:url("/images/txt_kamar.gif"); width:100px; height:50px;}
a#najma_planplans {position: absolute; width :100px; height:50px; left:50%; margin-top:155px; margin-left:-105px; background-color:transparent; z-index:10;}
a#najma_planplans:hover {background-image:url("/images/txt_kamarplan.gif"); width:100px; height:50px;}
a#nour_planplans {position: absolute; width :100px; height:50px; left:50%; margin-top:202px; margin-left:-50px; background-color:transparent; z-index:10;}
a#nour_planplans:hover {background-image:url("/images/txt_nourplan.gif"); width:100px; height:50px;}
a#jihane_planplans {position: absolute; width :100px; height:50px; left:50%; margin-top:295px; margin-left:-170px; background-color:transparent; z-index:10;}
a#jihane_planplans:hover {background-image:url("/images/txt_jihaneplan.gif"); width:100px; height:50px;}
a#patio_planplans {position: absolute; width :100px; height:50px; left:50%; margin-top:265px; margin-left:-55px; background-color:transparent; z-index:10;}
a#patio_planplans:hover {background-image:url("/images/txt_patioplan.gif"); width:100px; height:50px;}
a#salon_planplans {position: absolute; width :100px; height:50px; left:50%; margin-top:330px; margin-left:70px; background-color:transparent; z-index:10;}
a#salon_planplans:hover {background-image:url("/images/txt_salonplan.gif"); width:100px; height:50px;}




span.titre {font-weight:bold;}


.photos {background-color:#fff; margin:0; padding:0;}
.premier {width:100%; margin:0; padding:0;}


.bordl {border-left: 6px solid #fff;}
.bordu {border-top: 6px solid #fff;}
.flbord {float:left; border-top: 6px solid #fff;}
.flbord2 {float:left; border-top: 6px solid #fff; border-left: 7px solid #fff;}
.bord3{border-bottom: 9px solid #fff;}


.bord2 {border-top: 6px solid #fff; border-left: 6px solid #fff;}
a.brique {color:#BC562E; font-weight:bold; margin: 20px 0 20px 0; padding:0; text-decoration:none; height:40px; line-height:40px;}
a.brique:hover {color:#000; font-weight:bold; text-decoration:none;}
p.no {margin:0; padding:5px; font-weight:normal; background-color:#D0D9C6; width:465px; font-size:0.9em; text-align:left;}

p.noi {margin:0; padding:5px; font-weight:bold; background-color:#D0D9C6; width:462px; font-size:0.9em; text-align:left;}
#pds {margin:0; padding:5px; font-weight:bold; color:#48487A; background-color:#fff; width:460px; font-size:0.9em; text-align:left;}
#pds a:link, #pds a:visited {margin:0;  padding:5px; color:#ef6136; font-weight:bold; font-size:0.9em; text-decoration:none;}
#pds a:hover {margin:0;  padding:5px; color:#48487A; font-weight:bold; font-size:0.9em; text-decoration:none;}
p.de {margin:15px 0 0 0; padding:10px; font-weight:bold; width:455px; font-size:0.9em; text-align:left; color:#48487A;}
.plandus {position:absolute; margin:5px 0 0 -380px; width:100px; padding:0; color:#ccc; font-size:0.7em; text-decoration:none;}
.plandus2 {position:absolute; margin:5px 0 0 -50px; left:50%; width:100px; padding:0; color:#ccc; font-size:0.7em; text-decoration:none;}


#lesa {width:472px; background-color:#fff; padding:7px 0 0 0; margin:0; height:293px;}


a.retour {position:absolute; width:200px; left:50%; margin:15px 0 0 -240px; padding:0; text-decoration:none; color:#ef6136; font-size:80%; font-weight:bold;}
a.retour:hover {text-decoration:none; color:#ccc;}
/*\*/
* html p.noi {width:461px;}
/* */


.lang {color:#fff; font-family: arial, sans-serif; font-size: 75%; letter-spacing:1px; font-weight:bold;}
#drap {height:30px; margin:0; padding:0; background-color:#fff;}
#drap img {margin:2px 0 0 10px; float:left;}
#drap2 {position:absolute; width:943px; height:30px; left:50%; margin-left:-470px; margin-top:5px; background-color:#fff; padding:0;}
#drap2 img {margin:5px 0 0 10px; float:left;}
/*\*/
* html #drap2 {width:942px; margin-top:0; margin-left:-476px;}
/* */


#pub {position:absolute; width:418px; padding:0; margin:5px 0 0 20px; left:50%;}


#desc{margin:0; padding:0; width:447px; height:573px;}








.footer {
  width: 100%;
  font-size: 1.8em;
  font-weight: bold;
  color: #944;
  clear: both;
  padding: 5px 0 15px;
  position: relative;
}


.footer p {margin: 10px 0 0 20px; color: #383;}


.footer hr {
  color: #944;
	margin: 0;
	background: #944;
	height: 5px;
}








.alignright {margin: 0 10px 10px 0; text-align: right;}


.small {font-size: .8em;}


ul {
	width:475px;
	line-height:20px;
	height:30px;
	list-style: none;
	padding: 0;
	margin: 0 0 0 10px;
}


#nav a {
	font-weight: bold;
	font-family:verdana;
	font-size:12px;
	color: #fff;
}


#nav a {
	text-decoration: none;
}
#nav a:hover {
	text-decoration: none;
	color:#D0D9C6;
}
#nav li li a:hover {
	padding: 0;
	margin:0;
	color:#000;
	background-color:#E3E3E3;
}




li {
	float: left;
	position: relative;
	width: 3.8em;
	text-align: center;
	background-color: #48487A;
}
li.ph{
	float: left;
	position: relative;
	width: 6em;
	text-align: center;
	background-color: #48487A;
}
li.esp {
	float: left;
	position: relative;
	width: 5em;
	text-align: center;
	background-color: #48487A;
}


li.res{
	float: left;
	position: relative;
	width: 8em;
	text-align: center;
	background-color: #48487A;
}
li.vil{
	float: left;
	position: relative;
	width: 3.5em;
	text-align: center;
	background-color: #48487A;
}


li ul, li.esp ul {
	display: none;
	position: absolute;
	top: 95%;
	left:-5px;
	width:6em;
	z-index:3;
	height:80px;


}
li>ul {
	top: 95%;
	left: -5px;
}
li.esp>ul {
	top: 95%;
	left: -5px;
}




#nav li li a {
	display: block;
	font-weight: bold;
	color:#fff;
	width:6em;
	line-height:20px;
	padding: 0;
	margin:0;
	font-size:12px;

	letter-spacing:0px;
	background-color:#ef6136;
	border: 1px solid #D0D9C6;
}


li li {
	display: block;
	float: none;
	background :transparent;
	border: 0;
	z-index:3;
}


li:hover ul, li.over ul {
	display: block;
	
}




.nav li.on, .nav_resa li.on, .nav_sp li.on {color:#D0D9C6; padding:0 8px 0 8px; float:left; line-height:25px; text-align:left; font-family: arial, sans-serif; font-size: 14px; font-weight: bold;}
.nav_sp li.on, .nav_resa li.on {font-size: 13px;
  position:relative;
  border-bottom:1px dashed #808080; 
  text-decoration: none; 
  font-weight: bold;
}
a:hover.info {
  text-decoration: none; 
  background: none;
}
a.info span {display: none;}
a:hover.info span {
  display: inline; 
  position: absolute;  
  top:2.1em; 
  left:0.5em; 
  z-index: 20; 
  background: #ef6136; 
  color: #fff; 
  border:1px solid #ccc; 
  width:100px; 
  text-align:center;
 font-weight: bold;
color:#fff;
font-size:12px;
  line-height:12px;
  padding:4px;
}


/************** Special Fixes *************/






img {max-width: 100%; display:block;} 
.float {float:left;}
/* prevents oversize images from breaking layout in browsers that support max-width */


/* \*/
* html #wrapper1,
* html .outer a, 
* html .container-left, 
* html .outer,
* html h2,
* html .nav li a 
{height: 1%;}
/* Holly hack */




/*** Variance fixes for IEwin ***/


/*\*/
* html .outer p {margin-right: -4px;}
/* */


.left {margin-right: -1px;}


 
/*\*/
* html .left {margin-right: -2px;}
/* */


/*\*/
* html .nav li a {padding:0; display:inline; float:left;}
/* */






/**************** Utility Rules *******************/


/*\*/ /*/
.nav a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other browsers */




.brclear { /* Use a break with this class to clear float containers */
  clear:both;
  height:0;
  margin:0;
  font-size: 1px;
  line-height: 0;
}


.clicker {
  display: block;
  text-align: center; 
  padding: 3px; 
  background: #833; 
  cursor: pointer;
	margin: 5px;   
}


.hide {display: none;}

-->
/* Feuille de style pour le formulaire de contact -Captcha v.1*/



#formu

{

   width:500px;

   font-family:verdana,sans-serif;

   font-size:0.8em;

   margin: auto;
   

}


legend /* On met un peu plus en valeur les titres des fieldset */

{

   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;

   color: #0B7DAE;

   background-color: #000;

   font-weight: bold;

} 

.imgs {width:125px; }
.imgs img {display:inline;}
label

{

   display:block;

   width:150px;

   float:left;

   color: #0B7DAE;

   background-color: #000;


}

.captcha { color:#990000;}

.captcha p {width:125px; }


.info

{

   font-family: "Trebuchet MS", Arial, Georgia, "Times New Roman", Times, serif;

   font-size:0.9em;

   color: #008000;

   background-color: #000;

   font-style: italic;

}

.info-bis

{

   font-family: verdana, Arial, Georgia, "Times New Roman", Times, serif;

   font-size:0.9em;

   color: #008000;

   background-color: #000;

   font-style:normal;

}

.asterisque

{

  color: red;

  background-color: #000;

}

.signature

{

   text-align: right; 

   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;

   color: #222;

   background-color: #000;

   font-size: 80%;

   text-decoration:none;

}

.signature a:hover

{color: #222;}


td.txtlft2 {text-align:left; margin-top:-10px;}
td.txtrgt2 {text-align:right;margin-top:-10px;}

.input {margin-top:-30px;}