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

body {
	color: #666666;
	margin:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", "Verdana", "Lucida Grande", "Tahoma, Helvetica", "Sans-Serif";
	font-size: 90%;
}
html>body .menufixe {
	position: fixed;
}
#listepointb {
	background-image: url(../images/bouleb.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#listepointr {
	background-image: url(../images/bouler.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}


/* ----------------------------- */
/*          ALSA V 3.0           */
/* ----------------------------- */

a img {
  border: 0;
}

html, ol, ul, form, fieldset {
  margin: 0;
  padding: 0;
}
p{
	left:inherit;
	text-align:left;

}
hr{
	border: 0.5px ridge #999999;
}
.fieldset {
	border: 2px solid #666666;
	padding:8px;

}
.img{
border: 2px solid #666666;
margin:4px;
}
.imgform{
border: 0px ;
}
legend {
	color: #FFFFFF;
	font-size: 16px;
}
legend a {
	font-weight: bold;
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
select, input, textarea  {
	color: #da3879;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	margin: 2px;
	padding: 2px;
	/*	background-color: #C8DCFD;*/
	letter-spacing: 1px;
	text-transform: capitalize;

	border: 1px solid #666666;
	font-style: italic;
}
.inputbutton{
	border:none;

}
.buttonnoir {
	list-style:none;
	background-color: #6a6a6a;
	border: 2px groove #000000;
	color: #FFFFFF;
}
.buttonorange {
	background-color: #FF6600;
	color: #FFFFFF;
	height:18px;
}
.buttonbleu {
	list-style:none;
	background-color: #28acff;
	border: 2px groove #00CCFF;
	color: #FFFFFF;
	margin: 2px;
}
.buttonvert {
	list-style:none;
	background-color: #339933;
	border: 2px groove #00CCFF;
	color: #FFFFFF;
	margin: 2px;
}
.buttonactif {
	list-style:none;
	background-color: #FF6600;
	border: 2px groove #FF0000;
	color: #FFFFFF;
	margin: 2px;
	width:138px;
	height:100px;
}
.inputtexte{
width:65px;
}
.inputlist{
width:650px;
height:100px;
}


#print {
  display:none;
}

/* ----------------------------- */
/*    Typographie globale        */
/* ----------------------------- */




h5 {
	font-size: 1em;
	/*font-style: italic;
	font-weight: normal;*/
	margin: 1.5em 0 1em 0;
}

a {
	color: #28acff;
	text-decoration: none;
	font-size: 12px;
}

a:visited {
  }


a:hover, a:focus, a:active {
  text-decoration: underline;
}

#lien2 a{
	color: #d63777;
	text-decoration: none;
	font-size: 14px;
}
#lien2 a:hover{
	color: #d63777;
	text-decoration: underline;
}

h2 a {
  color: #FF7800;
  font-size: 12px;
  /*font-family:Sans-serif;*/
}
h2 a:visited {
  color: #EAA515;
}
h2 a:hover, h2 a:focus, h2 a:active {
  text-decoration: none;
  color: #eb5800;
}


h2 span.hometype {
  color:#999;
}

/*les div*/

.textepblan {
	color: #FFFFFF;
	font-size: 12px;
}
.textepnoir {
	color: #333;
	font-size: 12px;
}
.titre {
	color: #D2334C;
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
}
.titreblan {
	color: #FFFFFF;
	text-align: left;
}
.titrenoir {
	color: #000000;
	font-size: 12px;
}
.titrevert {
	color: #00FF33;
}
.titrebleu {
	color: #0066CC;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}
.titreorange {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}
.titrerouge {
	color: #CC0000;
}
.erreur {
	font-size: 10px;
	color: #CC3366;
	text-decoration: blink;
	font-weight: bold;
}

#site {

}
#bodys {
	left: 50%;
	width: 980px;
	/*	height: 990px;*/
	margin-left: -490px; /* moitié de la largeur */
	margin-top: 0px;
	margin-bottom: 0px;
	position: absolute;
	padding-left:10px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
}

#bodys #banniere-haut {
	float: left;
	width:960px;
/*	height: 300px;*/
	text-align:center;
	
}
#bodys #banniere-centre {
	display:inline-block;
	width:950px;
	height: 200px;
	text-align:center;
	background-color: #F4C6D9;
	border: 1px solid #999999;
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
}
#bodys #banniere-centre .gauche {
	float: left;
	width:630px;
	height: 100%;
	text-align:center;
	padding:4px;

}
#bodys #banniere-centre .droite {
	float: right;
	width:300px;
	height: 100%;
	text-align:center;

}
#bodys #topban {
	float: left;
	width:500px;
	height: 70px;
	background-image: url(../images/logo-riad-marrakech.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-bottom:10px;
	margin-left:20px;
}
#bodys #banpub {
margin-left:20px;
	width:960px;
	padding-bottom:10px;
	padding-top:10px;

}
#bodys #banpub .itempub {
display:inline;
width:185px;
padding:1px;
}
#bodys #bancoeur {

	padding-bottom:4px;
	padding-top:4px;
	margin-left:20px;
	width:950px;
	height:180px;
	
}


#bodys #bancoeur .itempubcoeur {
	float:left;
	margin-left:2px;
	margin-right:2px;

	height:170px;
	width:140px;
	padding:4px;
	border: 1px solid #CCCCCC;
}
#bodys #bancoeur .itempubcoeur img {
border: 1px solid #CCCCCC;
}

#bodys #bancoeur .itempubcoeur .itempubcoeurimg {
display:inline;

text-align:center;
}
#bodys #bancoeur .itempubcoeur .itempubcoeurnom {
	height:35px;
	color:#da3879;
	text-align:center;
	overflow: hidden;
}
#bodys #bancoeur .itempubcoeur .itempubcoeurnom a {
color:#da3879;
font-size: 14px;
}
#bodys #bancoeur .itempubcoeur .itempubcoeurapartir {
	float:left;
	text-align:left;
	color:#999999;
	width:80px;

}
#bodys #bancoeur .itempubcoeur .itempubcoeurprix {
	float:right;
	
	background-color:#28acff;
	padding-left:4px;
	padding-right:4px;
	width:50px;
	color: #FFFFFF;
}

#bodys #top10 {
display:inline-block;
	padding-bottom:10px;
	padding:4px;
	margin-bottom:6px;

}
#bodys #top10 .champ {
	float: left;
	padding:2px;
	margin:6px;
	width:460px;
	border: 1px solid #da3879;
}

#bodys  .champdisp {
	float: left;
	padding:2px;
	margin:6px;
	width:720px;
	border: 1px solid #da3879;
}
#bodys  .champdisp2 {
	float: left;
	padding:2px;
	margin:6px;
	width:680px;
	border: 1px solid #da3879;
}

#bodys #colon-droite {
	float: right;
	padding:2px;
	margin:4px;
	margin-right:15px;
	width:200px;
	height:100%;

}
#bodys #colon-droite a {
	color:#da3879;


}

.titreprerouge{
	display:inline-block;
	width:960px;
	font-size: 16px;
	color: #da3879;
	text-align:left;
	font-weight: bold;
	margin-bottom:10px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #da3879;

}
.titreprebleu{
	display:inline-block;
	width:960px;
	font-size: 16px;
	color: #28acff;
	text-align:left;
	font-weight: bold;
	margin-bottom:10px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #28acff;
}
.lienrouge {
color: #DE377C;
font-size:14px;
}
.liengris {
color: #666666;
font-size:14px;
}

.apartire{
	font-size: 12px;
	color: #d63a79;
}
.raison{
	font-size: 12px;
	color: #666666;
	text-align:justify;
	font-style: italic;
}
.raison a{
	font-size: 12px;
	color: #28acff;
}
.raisondisp {
font-size: 18px;
color: #666666;
text-align:justify;
}
.raisondisp a {
font-size: 18px;
color: #da3879;
}
.bassesaison{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #35fa26;
	width:200px;
	height:25px;
	float:left;
	margin:4px;
}
.moyensaison{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2ba8fa;
	width:200px;
	height:25px;
	float:left;
	margin:4px;
}
.hautesaison{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #d93979;
	width:200px;
	height:25px;
	float:left;
	margin:4px;
}
.saison{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width:400px;
	height:25px;
	float:right;
	margin:4px;
}
.photo-chambre{
	width:600px;
}

.fieldsetb{
	border: 1px solid #77BBFF;
	width:650px;

}
#site  .photo-chambre2 {
	float:right;
	width: 150px;
	border: 2px solid #333333;
	margin:2px;
	background-color: #333333;
}
#site  .descr-chambre {
	float:left;
	width: 400px;
	height:128px;
	margin:2px;
	text-align: justify;
	overflow: hidden;
}
#site .prix-hautesaison {
	float:right;
	width: 40px;
	height:20px;
	text-align: center;
	margin:6px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #d93979;
}
#site .prix-moyensaison {
	float:right;
	width: 40px;
	height:20px;
	text-align: center;
	margin:6px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #2ba8fa;
}
#site .prix-bassesaison {
	float:right;
	width: 40px;
	height:20px;
	text-align: center;
	margin:6px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #35fa26;
}

#bodys .pagination {
display:inline-block;
width:900px;
text-align:center;
}
#bodys  .langues {
	float: right;
	width:400px;
	padding-right:10px;


}
#bodys #menu {

display:inline-block;
width: 960px;
height: 30px;
margin-top:10px;
font-size: 14px;
border-bottom-width: 6px;
border-bottom-style: solid;
border-bottom-color: #da3879;
}


#bodys #menu .item {
float:left;
display:inline;
padding-left:4px;
}

#bodys #menu .item a{


width:80px;

	padding:4px;
	font-size: 14px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #dadada;

	color: #da3879;
	font-size: 16px;
}
#bodys #menu .item :hover{

	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #da3879;
	text-decoration:none;

}

#bodys #menu .itemactif {
	float: left;
	padding:4px;
	font-size: 14px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #da3879;
	margin-left:10px;
	background-color: #da3879;
}

#bodys #menu .itemactif a{
	color: #FFFFFF;
	font-size: 16px;
}
#bodys #menu .itemactif a:hover{
text-decoration:none;
}


#bodys .footlien {
display:block;
	width:950px;
	height: 20px;
	text-align:center;
	background-color: #6a6a6a;
	border: 1px solid #999999;
	margin:4px;
	color: #FFFFFF;
}
#bodys .copy {
display:inline-block;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
	width:960px;
	font-size: 10px;
	height:30px;
	color: #333333;
	background-color: #28acff;
}
#bodys .xiti {
display:inline-block;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
	width:960px;
	font-size: 10px;
}
.tablebleu {
	background-color:#B0EFFF;
	border: 1px solid #0066CC;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.invisible {
display: none;
}


#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}