@charset "utf-8";
/* CSS Document */

html {
	height:100%;
}

body {
	background-image: url(images/Home_mockup-B.jpg);
	height:100%;
}
a {
text-decoration:none;
}
a:hover{
text-decoration:none;
}

h1{
margin:0;
padding:0;
width:756px;
height:10px;
margin:30px auto 10px;
color:#FFFFFF;
text-align:center;
}

h2 { font-size: 130%; font-weight: bold; margin: 1em 0 0.3em 0; color: black; }
h3 { font-size: 115%; font-weight: bold; margin: 1em 0 0.3em 0; color: black; }

p { margin: 0.7em 0 }
  
a { color: #101010; text-decoration: none }
  a:hover { background-color: #505050; color: white; }
  
#logo{
margin-top:5px;
}
.contner{
width:756px;
margin:0 auto 10px auto;
padding:7px 4px;
background:#FFFFFF;
border:1px solid #CCCCCC;

}
.top{
width:746px;
background:#dddace;
height:290px;
margin:auto auto;
}
.logo{
height:61px;
width:100%;
line-height:-25px;
}
.topimg{
height:229px;
width:100%;
background:url(images/riad-alksar-marrakech_11.jpg);
}
.centre{
width:746px;

padding-bottom:30px;
margin:7px auto;

}
.gauche{
float:left;
width:176px;
height:100%;
}
.droit{
width:562px;
min-height:1060px;
margin-left:3px;
background:#ebe9e2;
float:right;

}
.droit2{
width:562px;
min-height:600px;
margin-left:3px;
background:#ebe9e2;
float:right;

}
.reservation{

background:url(images/riad-al-ksar_15.jpg) no-repeat;
background-color:#666867;

width:176px;
height:240px;
margin-bottom:10px;
}
.module1{
background:#c6c1af;
width:176px;
padding-bottom:5px;
margin-bottom:5px;
text-align:center;
vertical-align:top;
}
.module1 img{
border:1px solid #000000;
}
.footer{
width:756px;
margin:15px auto;

text-align:center;

}
.txtbas{
color:#ebe9e2;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.txtbas a:link{
color:#FFFFFF;

}
.txtbas a:visited{
color:#FFFFFF;
}
.copyrights{
color:#000000;
text-align:center;
font-family:Tahoma;
font-size:10px;
}

.menu_or{
height:24px;
/*background:url(images/riad-al-ksar-marrakech_05.jpg) repeat-y;background:#d07e15;background:url(images/back_menu.jpg);*/
background:#6F5E4E; color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
padding-left:5px;
border-top:1px solid #000000;
}

.rech_body{
width:172px;

text-align:left;
line-height:15px;
font-family:Tahoma;
font-size:11px;
color:#ebe9e2;
padding-left:8px;
padding-top:35px;


}
.rech_body input{
border:1px solid #a9a9a5;
background:#666867;
font-family:Tahoma;
font-size:11px;
color:#FFFFFF;
margin-top:4px;
}

.toptext{
float:left;

width:400px;
font-family:Tahoma;
font-size:11px;
color:#000000;
line-height:17px;
letter-spacing:0px;
padding:5px 6px 10px 5px;
text-align:justify;
}
.indeximg{
margin: 5px 6px 0 0;
padding:2px ;
border:1px solid #CCCCCC;
background:#FFFFFF;
}
.toptext1{
float:left;
background:url(images/btmlinge.png) top center no-repeat;
height:322px;
width:540px;
font-family:Tahoma;
font-size:11px;
color:#000000;
line-height:17px;
letter-spacing:0px;
padding:5px 6px 10px 5px;
text-align:justify;
margin:0px auto;
}
.services{
float:left;
background:url(images/btmlinge.png) bottom center no-repeat;
width:536px;
height:540px;
overflow:auto;
font-family:Tahoma;
font-size:11px;
color:#000000;
line-height:17px;
letter-spacing:0px;
padding:5px 11px 10px 15px;
text-align:justify;
margin-top:20px;
}
.services img{
padding:2px ;
border:1px solid #CCCCCC;
background:#FFFFFF;
}
.services span{
color:#a67f54;
font-weight:bold;
}
.services td{
padding:4px;
}
.titretarif{
color:#CC6600;
font-weight:bold;
font-family:Tahoma;
font-size:11px
}
.trtarifs{
height:20px;
background:#F3F3F3;
padding-left:6px;
border-bottom:1px solid #E9E9E9;
}
.les_jours_fr{
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
background-color:#352210;
color:#ff9c00;
text-align:center;
width:10px;

}
.les_jours_fr1{
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
background-color:#352210;
color:#f0ebd5;
text-align:center;
width:10px;
}
.les_jours_num{
font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
  background-color:#F6F6F6; 
   text-align:center;
   width:10px;
}
.les_jours_prix{
background:#7f7b6b;
font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
  text-align:center;
  width:10px;
}
.les_jours_valide{
/*background:#00CC66;*/
background-color:#F6F6F6; 
font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 text-align:center;
 width:10px;
}
.nbr_nuits{
border:1px solid #aea39b;
background:#BCB69D;
width:40px;
height:20px;
}
.nbrs{
border:1px solid #aea39b;
width:33px;
height:16px;
font-size:9px;
font-weight:bold;
}
.procedure{
font-family:Tahoma;
font-size:11px;
text-align:justify;
line-height:10px;
margin-left:5px;
}
/********************************************************/

.error{

padding:100px 0px;
color:#990000;
text-align:center;
line-height:17px;
}
.valerror{
font-weight:bold;
color:#000000;
}
/*******************  cacher le DIV  ********************/
.clicTitre
  {
  border-color: #000000;
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 2px dashed;
  background-color: #eeeeee;
  }

.clicCacher
  {
  top: -20px;
  position: relative;
  text-align:right;
  }

.contenant
  {
  display : block;
  border: 1px solid #000000;
  }
  
/***************************page 2 Reservation*****/

.tetupe{
color:#009999;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-bottom:4px;
}
.image{
border:1px solid #333333;
margin:3px 8px 2px 1px;
padding:2px ;
background-color:#FFFFFF;
}
.typedesc{
font-family:Tahoma;
color:#000000;
font-size:11px;
line-height:15px;
text-align:justify;
}
.plusdetail{
vertical-align:bottom;
margin-left:0px; 
text-decoration:none; 
font-size:11px;
font-weight:bold;
text-align:justify;
margin-bottom:5px;
}
/******************************************
/*************tete forfait*****/
.tetforfait{
color:#CC0099;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-bottom:4px;
margin-top:-10px;
}
.tetfordetail{
color:#CC3300;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-bottom:4px;
margin-top:-10px;
}
/************tol tip  */

.thdrcell {
            background:#F3F0E7;
            font-family:arial;
            font-size:12px;
            font-weight:bold;
            padding:5px;
            border-bottom:1px solid #C8BA92;
         }
         
         .tdatacell {
            font-family:arial;
            font-size:12px;
            padding:5px;
            background:#FFFFFF
         }
         
         .dvhdr1 {
            background:#F3F0E7;
            font-family:arial;
            font-size:12px;
            font-weight:bold;
            border:1px solid #C8BA92;
            padding:5px;
            width:200px;
         }
         
         .dvbdy1 {
            background:#FFFFFF;
            font-family:arial;
            font-size:12px;
            border-left:1px solid #C8BA92;
            border-right:1px solid #C8BA92;
            border-bottom:1px solid #C8BA92;
            padding:5px;
            width:200px;
         }
         
         p {
         margin-top:20px;
         }
         
         h1 {
         font-size:13px;
         }
         
         .dogvdvhdr {
            width:300px;
            background:#C4D5E3;
            border:1px solid #C4D5E3;
            font-weight:bold;
            padding:10px;
         }
         
         .dogvdvbdy {
            width:300px;
            background:#FFFFFF;
            border-left:1px solid #C4D5E3;
            border-right:1px solid #C4D5E3;
            border-bottom:1px solid #C4D5E3;
            padding:10px;
         }
         
         .pgdiv {
         width:320px;
         height:250px;
         background:#E9EFF4;
         border:1px solid #C4D5E3;
         padding:10px;
         margin-bottom:20px;
         font-family:arial;
         font-size:12px;
         }
		 
		 /******************/
		
		.dhtmlgoodies_contentBox{
		border:1px solid #317082;
		height:0px;
		visibility:hidden;
		position:absolute;
		background-color:#E2EBED;
		overflow:hidden;
		padding:2px;
		z-index:9999px;
		
				
	}
	.dhtmlgoodies_content{
		position:relative;		
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		
		font-size:0.8em;
		
	}
	
#tel
	{
		text-align:center;
		width:100%;
		height:30px;
		margin:0;
	}
	
/*formulaire de contact*/
.adresse
	{
		text-align:center;
		font:20px bold;
	}
.tel
	{
		margin-left:20px;
		float:left;
		font-weight:bold;
	}
.fax
	{
		margin-left:350px;
		clear:right;
		font-weight:bold;
	}
.contact_glob
	{
		width:320px;
		margin-top:20px;
		margin-left:100px;
		float:left;
	}
.contact_element
	{
		display:inline;
		float:left;
		width:100px;
	}
#input
	{
		height:30px;
		
	}
.input_element
	{
		
		border:1px solid #CCC;
	}
.champ_oblgatoire
	{
		float:left;
	}
.btn
	{
		margin-left:320px;
		clear:right;
	}
.btn_submit
	{
		font-weight:bold;
		border:2px solid #CCC;
		background:#999;
	}
.map
	{
		text-align:center;
		margin-top:400px;
	}