/* CSS Document Creat by Marrakech-media.com */
*{
	margin: 0;
	padding: 0;
	color:#3F0F00;
    font-family: Arial, Helvetica, sans-serif;
}
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFCC99;
font-weight:normal;
margin:0px auto;
padding:0px;
width:976px;
height:auto;
}
h1 a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFCC99;
font-weight:normal;
text-decoration:none;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #CF5833;
font-weight:normal;
margin:0px auto;
padding:0px;
width:400px;
text-align: left;
height:auto;
}
h2 a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CF5833;
font-weight:normal;
text-decoration:none;
}
h3{
}
h4{
margin:5px;
font-size:14px;
font-weight:bold;
color:#e4c7a2;
}
h5{
margin:0px;
padding:3px 0px 0px 5px ;
width:201px;
height:22px;
text-align:left;
font-size:10px;
color:#FFCC99;
clear:both;
}
h6{
margin:10px 0px 10px 0px;
padding:8px 0px 0px 0px;
width:535px;
height:20px;
font-size:14px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
border-bottom:dashed 1px #CC3300;
border-top:dashed 1px #CC3300;
text-align:center;
background:#EFDBA4;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
background: #660000;
}
#corps{
margin:0px auto;
padding:0px;
width:976px;
height:auto;
border:1px solid #4B0A01;
background:#7E1101;
}

#lien-top{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFCC99;
font-weight:normal;
margin:5px auto;
padding:0px;
width:976px;
height:auto;
}
#lien-top a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFCC99;
font-weight:normal;
text-decoration:none;
}


/*background:url(images/all.jpg);*/
/* style top */

#top{
width:976px;
height:162px;
clear:both;
}

.header{
background:url(../images/header.jpg) no-repeat;
width:976px;
height:132px;
border-bottom:1px dashed #C72514;
clear:both;
}
ul{
margin:0px;
padding:0px;
clear:both;
}
li{
margin:1px 0px 0px 0px;
padding:5px 30px 5px 0px;
width:174px;
height:15px;
background: url(../images/bt-link.jpg) no-repeat;
color:#e4c7a2;
font-size:12px;
font-weight:bold;
text-align:right;
list-style:none;
}
li a{
color:#e4c7a2;
text-decoration:none;
}
li a:hover{
color:#220901;
}
.bold{
font-weight:bold;
font-size:14px;
}
.bold-centre{
font-weight:bold;
font-size:14px;
text-align:center;
}
.paragraph{
margin:5px 0px 0px 0px;
padding:0px;
text-align:justify;
font-size:12px;
}
.sign{
margin:0px 0px 0px 0px;
font-weight:bold;
text-align:right;}
.linkr{
background: url(../images/bt-linkr.jpg) no-repeat;
margin:10px 0px 0px 0px;
padding:5px 30px 5px 0px;
width:174px;
height:15px;
color:#e4c7a2;
font-size:12px;
font-weight:bold;
text-align:right;
list-style:none;
}
.linkr2{
background: url(../images/bt-linkr2.jpg) no-repeat;
margin:1px 0px 0px 0px;
padding:5px 30px 5px 0px;
width:174px;
height:15px;
color:#e4c7a2;
font-size:12px;
font-weight:bold;
text-align:right;
list-style:none;
}
.btloc2{
background: url(../images/bt-loc2.jpg) no-repeat;
margin:1px 0px 0px 0px;
padding:3px 0px 0px 20px;
width:186px;
height:22px;
color:#e4c7a2;
font-size:12px;
font-weight:bold;
text-align:left;
list-style:none;
}
.btloc3{
background: url(../images/bt-loc3.jpg) no-repeat;
margin:1px 0px 0px 0px;
padding:3px 0px 0px 20px;
width:186px;
height:22px;
color:#e4c7a2;
font-size:12px;
font-weight:bold;
text-align:left;
list-style:none;
}

.link{
background: #830A00;
width:976px;
height:30px;
border-bottom: dashed 1px #C72514;
clear:both;
}
.azur{
margin:5px 0px 0px 5px;
float:left;
color:#FFCC99;
width:204px;
font-size:12px;
font-weight:bold;
}
.azur img{
float:left;
margin:0px;
padding:0px;
width:204px;
height:21px;
}
.slogan{
margin:5px 0px 0px 0px;
width:350px;
color:#FFCC99;
font-size:12px;
font-weight:bold;
float:right;
}
/* end*/
#contenu{
margin:2px 0px 0px 0px;
padding-left:5px;
background:#801201;
width:971px;
height:1305px;
clear:both;
}
/* style left */
#left{
width:204px;
margin:5px 5px 0px 0px;
padding:0px;
height:auto;
float:left;
}
#search{
margin:0px;
padding:0px;
width:204px;
height:111px;
background:#e4c7a2;
}
.top-search{
margin:0px;
padding:3px 0px 0px 0px;
background: url(../images/top-search.jpg) no-repeat;
width:204px;
height:22px;
font-size:14px;
font-weight:bold;
text-align:center;
color:#220901;
clear:both;
}
.contenu-search{
margin:1px 0px 0px 0px;
padding:5px;
background: #AA320D;
width:194px;
height:85px;
text-align:left;
}
.serch{
width:194px;
font-size:12px;
}
.serch label{
margin:10px 0px 0px 0px;
position:absolute;
font-size:12px;
color:#e4c7a2;
}
.serch input{
font-size:12px;
color:#e4c7a2;
margin:5px 0px 0px 90px;

}
.serch select{
margin:5px 0px 0px 80px;
width:100px;
}
.img-excursion{
margin:1px 0px 0px 0px;
width:204px;
height:150px;
clear:both;
}
.img-golf{
margin:1px 0px 0px 0px;
clear:both;
}
.img-transport{
margin:10px 0px 0px 0px;
clear:both;
}
/* end */
/* style milieu */

#milieu{
margin:5px 5px 0px 0px;
padding:0px;
width:545px;
height:auto;
float:left;
}
#milieu-top{
margin:0px;
padding:3px 0px 0px 20px;
width:525px;
height:22px;
background:url(../images/top-milieu.jpg) no-repeat;
font-size:12px;
font-weight:bold;
color:#210900;
clear:both;
}
#milieu-top a{
color:#D78369;
text-decoration:none;
}
#milieu-contenu{
margin:1px 0px 0px 0px;
padding:5px;
width:535px;
height:406px;
background:#962502;
font-size:12px;
color:#3B0E01;
text-align:justify;
clear:both;
}
#form-contact{
margin:5px 0px 0px 0px;
padding:0px;
width:525px;
font-size:12px;
color:#3B0E01;
text-align:left;
clear:both;
}
#form-contact input, textarea{
background: #EFDBA4;
border:none;
color: #631F1F;
height:22px;
margin:2px 0px;
width:150px;
}
#milieu-contenu p{
margin:5px;
clear:both;
}
#contenu-bas{
background:url(../images/milieu-bas.jpg) no-repeat;
width:545px;
height:10px;
clear:both;
}
#riad{
width:545px;
height:130px;
margin:10px 0px 0px 0px;
clear:both;
}
.img-riad{
margin:1px 0px 0px 0px;
width:206px;
height:129px;
clear:both;
}

#spry{
width:545px;
height:295px;
margin:0px 0px 0px 0px;
padding:0px;
clear:both;
}
#circuit{
width:545px;
height:20px;
background:url(../images/circuit-maroc.jpg) no-repeat;
margin:2px 0px 0px 0px;
padding:60px 0px 0px 0px;
clear:both;
top:1px;
}
.link-circuit{
width:535px;
height:10px;
margin:0px;
padding:0px 5px;
font-size:11px;
font-weight:bold;
clear:both;
}
.link-circuit a{
text-decoration:none;
margin:0px;
padding:0px 12px 0 12px;
background:url(../images/flech.gif) 0px 2px no-repeat;
}
#reference{
width:535px;
background:url(../images/fond-edito.jpg) no-repeat;
height:227px;
margin:0px 0px 0px 0px;
padding:5px;
clear:both;
}
.contenu-ref{
width:535px;
height:206px;
margin:0px;
padding:5px;
background: #AA320D;
clear:both;
}
.reftop{
margin:0px;
width:545px;
height:10px;
clear:both;
}
.devis a{
margin:10px 0px 0px 400px;
padding:0px;
font-weight:bold;
font-size:14px;
color:#660000;
clear:both;
text-decoration:none;
}
.devis-circuit a{
margin:10px 0px 0px 200px;
padding:0px;
font-weight:bold;
font-size:16px;
color:#EBA207;
clear:both;
text-decoration:none;
}
/* end */
/* style right */
#right{
margin:5px 0px 0px 0px;
padding:0px;
width:206px;
height:auto;
float:left;
}
dl{
margin:1px 0px 0px 0px;
clear:both;
}
dt{
margin:0px;
padding:5px 10px 5px 20px;
background:url(../images/bt-hotel.jpg) no-repeat;
width:176px;
height:18px;
color:#e4c7a2;
font-size:12px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
border-bottom:dashed 1px #CC3300;
border-top:dashed 1px #CC3300;
}
dt a{
color:#e4c7a2;
text-decoration:none;
}
dt a:hover{
color:#220901;
}
dd{
padding:0px;
margin:0px;
background: #AA320D;
width:206px;
height:152px;
color:#e4c7a2;
font-size:12px;
}
.titre{
margin:0px;
padding:0px;
font-size:14px;
font-weight:bold;
clear:both;
}
#right-top{
margin:0px;
padding:0px;
width:206px;
background: url(../images/coup-hotels.jpg) no-repeat;
height:25px;
clear:both;
}
#coup-coeur{
margin:0px;
padding:0px;
width:206px;
height:auto;
clear:both;
}
.imghotel{
margin:0px 10px;
padding:0px;
width:186px;
height:55px;
clear:both;
}
.descript{
margin:0px 10px;
padding:0px;
width:186px;
height:55px;
text-align:justify;
font-size:10px;
color:#3B0E01;
clear:both;
}
.visitez{
margin:0px;
padding:0px;
width:186px;
height:10px;
text-align:right;
font-size:10px;
font-weight:bold;
color:#FFCC99;
clear:both;
}
#bas-right{
margin:0px;
background:url(../images/bas-right.jpg) no-repeat;
width:206px;
height:10px;
clear:both;
}
.icon-riad{
 margin:0px;
 padding:0px;
 clear:both; 
 }
.icon-location{
 margin:0px;
 padding:0px;
 clear:both; 
 }
 .icon-immo{
 margin:0px;
 padding:0px;
width:206px;
height:150px;
 clear:both; 
 }
 .icon-transport{
 margin:0px;
 padding:0px;
 clear:both; 
 }
#location{
background:url(../images/immobilier-marrakech.jpg) no-repeat;
margin:10px 0px 0px 0px;
padding:0px;
clear:both;

}
/* histoire Marrakech */
#milieu-contenu2{
margin:1px 0px 0px 0px;
padding:0px;
width:545px;
height:1250px;
background:#962502;
font-size:12px;
text-align:justify;
clear:both;
}
#milieu-contenu2 p{
margin:5px;
padding:0px;
width:535px;
height:auto;
clear:both;
color: #e4c7a2;
}
.infolink{
margin:5px 5px 0px 5px;
font-weight:bold;
font-size:11px;
color: #3F0F00;
text-align:right;

}
.infolink a{
text-decoration:none;
color: #3F0F00;

}.infolink a:hover{
text-decoration:none;
color: #FFCC99;
}
#milieu-meteo{
background:url(../images/fond-meteo.jpg) no-repeat;
margin:1px 0px 0px 0px;
padding:300px 0px 0px 10px;
width:535px;
height:352px;
font-size:12px;
text-align:justify;
clear:both;
}
#meteo-bas{
background: url(../images/bas-meteo.jpg) no-repeat;
width:545px;
height:10px;
margin:0px;
padding:0px;
clear:both;
}
#meteo{
width:525px;
height:200px;
margin:0px;
padding:0px;
clear:both;
}

.histoire-img{
margin:0px;
padding:0px;
width:545px;
height:210px;
clear:both;
}
.table-car{
width:545px;
height:auto;
margin:0px;
padding:0px;
}

.td1{
background:#fff;
width:110px;
height:30px;
text-align:center;
font-weight:bold;

}
.td{
margin:0px;
padding:0px;
height:30px;
width:110px;
text-align:center;
background: #fff;
font-weight:bold;
}
.img-aapart{
float:left;
margin:0px 5px 0px 5px;
padding:0px;
width:150px;
height:100px;
}
.descript-appart{
margin:0px;
padding:0px;
width:350px;
height:auto;
float:left;
}
#centre{
margin:0px;
padding:0px;
clear:both;
}
/* end */
#footer{
margin:10px 0px 0px 0px;
padding:5px;
background:#491202;
border-top:dashed 1px #FF7D63;
font-size:10px;
color:#CEBAB3;
width:966px;
height:50px;
clear:both;
text-align:center;
}
#footer a{
font-size:10px;
color:#CEBAB3;
text-decoration:none;
}
#mm{
background:url(../images/mm.jpg) no-repeat;
margin:10px 0px 0px 0px;
width:204px;
height:80px;
clear:both;
}
#cadre-excursion{
width:530px; 
height:180px; 
padding:6px;
}
.img-excursion{
float:left; 
}
.txt-excursion{
float:left; 
width:300px;  
margin:0px 0px 0px 10px;
color: #FFCC99;
}
#promotion{
background:#FF9900;
margin:0px;
padding:0px;
width:204px; 
height:190px;
clear:both;

}
#resultat{
width:540px; 
height:180px; 
margin:10px 0px; 
clear:both;
}
.images-resultat{
margin:0px 5px 0px 0px;
width:200px; 
height:160px; 
float:left;
}
.img-resultat{
width:200px; 
height:160px; 
border:1px solid #C46B0B; margin:6px 0px 6px 6px; 
float:left;

}
.img-resultat a{
border: none; 
width:200px; 
height:160px; 
}
.result-disc{
width:310px; 
height:160px; 
margin:4px 6px;
float:left;
}
.bt-visite{
font-size:12px; 
font-weight:bold ;
color:#220901;
clear:both;
}
.bt-visite a{
text-decoration:none;
color: #3F0F00;

}
.bt-visite a:hover{
text-decoration:none;
color: #FFCC99;
}
.parag-result{
width:250px; 
height:160px;
clear:both;
}

#video{
margin:5px 0px 0px 100px;
clear:both;

}