/*
	Theme Name: Mobile Riad Karmela Marrakech 
	Theme URI: http://www.tourismologic.com
	Author: Abdelmounaim chacha
	Version: 1.0
*/
/* Page */
html {
    font-size: 100%;
}
body {
	padding:0px;
	margin:0px;
       font-family: 'Rajdhani', sans-serif;
    font-size: 12px; 
    color: #000;
    background:#F9EDE1;

}
*{
    margin:0px;
    padding:0px;
}
/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin:0; 
    padding:0px;
    color:#000;
     font-family: 'Julius Sans One', sans-serif;

}

a, a:active, a:visited {
color: #3f1d40;
text-decoration: none;
}
a:hover {
color: #000;
}
/* Listes */
ul, ol,li{
    margin:0;
    padding: 0;
	list-style-type:none;
}

/* Paragraphes */
p {
    margin:0px;
	padding:0px;	
color:#000;
}
address {
    margin: .75em 0;
    font-style: normal;
}
h1{font-family: 'Rajdhani', sans-serif; font-weight:700;}
h2{font-family: 'Rajdhani', sans-serif; font-weight:400;}
a img {
    border: none;
}

em {
    font-style: italic;
}
strong {
    font-weight: bold;
}

/* Formulaires */
    form, fieldset {
    margin: 0;
    padding: 0;
    border: none;

}
input, button, select {
    vertical-align: middle;
}
br{
    margin:0;
    padding: 0;
}

#Page{
	width:100%;
	margin:0 auto;
}
#HautPage{
	width:100%;
	text-align:center; 
	height:69px;
        background-color: #fff;
margin-bottom:5px;
}
#HautPage .logo{margin-left:40px;}
#Contenu{width:96.3%; position:absolute; top:118px; left:0px; z-index:10; padding:2%; background-color: rgba(249, 237, 225, 0.9); margin:0 auto; margin-top:5px;}

#Contenu strong{
color:#3f1d40;
}
#Contenu p{
margin: 0 0 15px 0;
text-align:justify;
padding: 0;
color: #000;
font-size:12px;
}
#Contenu h1{font-size:18px; font-weight:normal;}
#Contenu h2{font-size:14px; font-weight:normal;}

#Contenu .Bloc1 img{width: 100%; margin:0px;}
.Bloc1{ width:100%; border-top:1px solid #664903; border-bottom:1px solid #752b10; text-align:center;}
.Bloc1 a:hover img{opacity:0.4;}
.Bloc1 h1{ height:42px; background:#fff; color:#190e08; text-align:center; font-size:30px; font-weight:normal; text-transform:uppercase; line-height:40px; letter-spacing:3px;}
.Bloc2{ width:303px; height:550px; border:1px solid #a87002; padding:10px; float:left; background:url(images/massage-marrakech2.jpg) no-repeat 10px 10px; margin-left:20px; margin-right:20px;}
.texte-services{padding:80px  10px 0 10px;}
.texte-services p{text-align:center; font-size:20px; letter-spacing:1px; line-height:30px; color:#b0a79e;}
.texte-services span{color:#c38202; font-weight:bold;}
#Menu{margin-top:30px;}
#Menu li{background:url(images/fleur-tiare.png) no-repeat left; padding-left:30px;}
#Menu li a{  text-transform:uppercase;  line-height:60px; font-size:14px; letter-spacing:1px; }

.Copyright{ width:600px; color:#5c5855; font-style:italic; float:left; font-size:10px;}
.Lienbas{ width:300px; float:right; font-size:11px;}
.Lienbas ul li{list-style-type:none; float:right; display:inline; }
.Lienbas ul li a{padding:0 0px 0 10px; border-left:1px solid #fff; margin:0 0 0 10px; color:#000;}
.Lienbas ul li a:hover{color:#fca93d;}
.Relaisation{width:200px; float:right; text-align:right; font-size:10px;  color:#fca93d;}
.Relaisation a{color:#fca93d;}
.Relaisation a:hover{color:#fff;}
#Footer a{display: block;}
#Footer h5{display:none;}

	#nav#full {
		display:none
	}

	nav#mobile {
		background-color:#fff;
		
		display:block;
		position:absolute; 
		z-index:999;
width:250px;
		
	}

	/*
	Top black bar that holds the toggle button
	*/

	nav#mobile #toggle-bar {
		line-height:70px;
		height:70px;
	}

	/*
	Toggle button #1 ("Menu")
	*/

	nav#mobile strong a {
		margin-left:30px;
		border:1px solid #fff;
		padding:10px;
	}

	/*
	Toggle button #2 ("Navicon")
	*/

	
	nav#mobile .navicon {
float:left;
		margin-top:-40px;
		margin-left: 10px;
	}

	/*
	The dropdown menu
	*/

	nav#mobile ul li {
		clear:both;
		list-style:none;
	}

	nav#mobile ul li a {
		display:block;
		background-color:#fff;
		text-transform:uppercase;
		letter-spacing:.2em;
		margin:2px 0;
		padding:6px 0 6px 8px;
		text-align:left;
		width: 180px;
	}
	nav#mobile h5{display: none;}

	nav#mobile ul ul {
		font-size:small;
                margin-left:10px;
	}
nav#mobile ul li a br{display: none;}
	nav#mobile ul ul li {
		
	}

	nav#mobile ul ul a {
		background-color:#fff;
		padding-left:8px;

	}

	nav#mobile ul ul a:before {
		
	}

.Chambre{
width:100%;
}
.image-chambre{
width:100%;

}
.image-chambre img{width:100%; height: auto;}
.texte-chambre{
width:100%;
color:#000;
text-align:justify;
}
.texte-chambre span{
color:#3f1d40;
font-weight:bold;
line-height:30px;
}
.texte-chambre strong{
color:#3f1d40;
line-height:20px;
}

.Tab_tarif strong{
color:#3f1d40;
}
.Tab_tarifs{
margin:10px;
width:300px !important;
}
.Tab_tarifs td{
line-height:30px;
color:#000;
width:25% !important;

}
.Tab_tarifs table{width:100% !important}
.panel2,.panel3,.panel4,.panel5,.panel6,.panel7,.panel8,.panel9,.panel10{display:none;}
a#trigger1{

display: block;
vertical-align: middle;
background:#F9EDE1;
cursor: pointer;
padding:8px 0 0 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color:#290000;
text-transform:uppercase;
text-align:center;
display:none;
font-weight:bold;
font-weight:normal;
line-height:14px;
font-size:14px;
}
a#trigger1:hover{
}
.panel1 {
position: fixed;
bottom: 93px;
left:0%;
width:100%px;
min-height:368px;
padding:10px 10px 10px 10px;
margin-left:-459px;
z-index:999;
background:url(images/bg-60.png) repeat;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.panel1 h1{
line-height:35px;
color:#000;
font-size:18px;
}
.panel1 strong{
color:#3f1d40;
}
.panel1 p{
margin: 0 0 15px 0;
text-align:justify;
padding: 0;
color: #000;
  font-size: 15px;
  line-height: 22px;
}
a.active#trigger1 {
}
.mtoggle1{font-size:36px; background:#3f1d40; color:#000; padding:5px 10px 5px 10px; }


footer#home {
width: 100%;
height:auto;
position:relative;

}
#Tab_tarifs{}