/* 
* MAISONS MAROCAINES 
*/

/* RESET
--------------------------------------------------------------------------------------- */
*{margin:0;padding:0;}
html,body {height: 100%; }
ul {list-style:none; margin:0; padding:0;}
a img, fieldset{border:0;}
fieldset{margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}
abbr, acronym{border:0}
a:focus:hover{border:0}
a:hover{text-decoration:none;}

/* TOP
--------------------------------------------------------------------------------------- */
html,body{ margin:0px auto 0px auto; text-align:center; font:Tahoma, Geneva, sans-serif; background-color:#ba9f68;
font-family:Arial, Helvetica, sans-serif; }
.clearboth{ clear:both; margin:0px; padding:0px; font-size:1px; height:1px; }


/* CONTENU
--------------------------------------------------------------------------------------- */
#conteneur { background:url(../_images/fond.jpg) top left no-repeat #ba9f68; }
#contenu { width:762px;  margin: 0 auto;  }
.no-margin {margin: 0;}

/* HEADER
--------------------------------------------------------------------------------------- */
#entete{ width:762px;  height:114px; background:url(../_images/header.jpg) top left no-repeat; border-left: solid 1px #8e8779; border-right: solid 1px #8e8779; }
#logo { }
#logo h1{ font-size: 14px; }
#logo h1 a{ display: block; width:320px; height:80px; line-height:30px; text-decoration: none; }
#logo h1 a span{ visibility: hidden;}


/* MENU
--------------------------------------------------------------------------------------- */
#menu { height: 34px; width: 762px; background:url(../_images/fond-menu.jpg) top left repeat-x; font-size:14px; border-left: solid 1px #8e8779; border-right: solid 1px #8e8779;   }
#menu ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 0 13px;}
#menu ul li { clear:none; color:#232931; float:left; height:34px; line-height:34px; list-style-type:none; background:url(../_images/separateur.gif) top left no-repeat; }
#menu ul li img { float: left;  }
#menu ul li a { display: block; float: left; height: 34px; border: solid 0px red; margin: 0 0px; padding:0 20px; font-weight:bold; color:#4c2804; text-decoration:none; }
#menu ul li a:hover{ background:url(../_images/fond-menu-over.jpg) top left repeat-x; }


/* CONTENU
--------------------------------------------------------------------------------------- */
#contenu-global{ color:#4c2804; font-size:11px; background-color:#fff; width: 762px; border-left: solid 1px #8e8779; border-right: solid 1px #8e8779;  border-bottom: solid 1px #8e8779; /* height: 662px; */ }
#contenu-global a{ color:#e29023; text-decoration: underline;}
#contenu-global a:hover{ text-decoration: none; }
#contenu-global h2{ font-size: 15px; margin: 0px 0 0px 0;}
#contenu-global h3{ font-size: 15px; margin: 10px 0 0px 0;}

#colonne-nouveautes{ float: left; margin: 12px 0 0 12px;}
#nouveautes-achat { width: 170px; /* height: 310px; */ border: 1px solid #e2d9c9; background-color:#f3eee3; }
#nouveautes-achat img{ border: 2px solid #f0b427;}
#nouveautes-achat img:hover{ border: 2px solid #bea77a;}
#nouveautes-achat ul { margin: 0px 0 0 0; }
#nouveautes-achat ul li{ margin: 18px 0 0 0;}

#nouveautes-location { width: 170px; /* height: 310px; */  border: 1px solid #e2d9c9; background-color:#f3eee3; margin: 12px 0 0 0; }
#nouveautes-location img{ border: 2px solid #f0b427;}
#nouveautes-location img:hover{ border: 2px solid #bea77a;}
#nouveautes-location ul { margin: 0px 0 0 0; }
#nouveautes-location ul li{ margin: 18px 0 0 0;}

#special-marrakech { width: 170px; /* height: 310px; */  border: 1px solid #e2d9c9; background-color:#f3eee3; margin: 12px 0 0 0; }
#special-marrakech img{ border: 2px solid #f0b427;}
#special-marrakech img:hover{ border: 2px solid #bea77a;}
#special-marrakech ul { margin: 0px 0 0 0; }
#special-marrakech ul li{ margin: 18px 0 0 0;}

#contenu-central { width: 366px; /* height:555px; */ border: solid 1px #ebe7e7; float: left; margin: 12px 0 0 12px;}
#contenu-central-article { width: 536px; border: solid 1px #ebe7e7; float: left; margin: 12px 0 0 12px; text-align: left;}
#contenu-central-article-marge { width: 512px; margin: 12px 0 0 12px;}
#contenu-central-article p { margin: 9px 9px 9px 0; font-size:12px; text-align: justify;}
#contenu-central-article p img { border: 2px solid #f0b427; margin: 10px; }
#contenu-central-article h2 { font-size: 17px; clear: both; height: 35px; line-height: 20px; margin:12px 0 0 0;}
#contenu-central-article h3 { font-size: 15px; color:#E29023; clear: both; height: 25px; line-height: 25px;}
#contenu-central-article h4 { font-size: 13px; clear: both; height:20px; line-height: 20px;}


#bienvenue{}
#bienvenue img{ float: right; margin: 12px 12px 0 12px;}
#bienvenue p{ text-align: justify; margin: 12px 0 0 12px;}

#separateur { width: 330px; height: 1px; background-color: #cabfaa; font-size:1px; clear: both; margin: 22px auto 0 auto;}
#separateur4 { width: 514px; height: 1px; background-color: #cabfaa; font-size:1px; clear: both; margin: 12px auto 0 auto;}
#visite{ width: 350px; margin: 12px 0 0 0; text-align: left;}
#visite img{ float: left; margin: 12px 12px 0 12px;}
#visite p{float: left; margin: 0 0 0 0; text-align: left;}
.visite { margin: 32px 0 0 0;}
#visite h3{ margin: 0 0 0 12px}

#separateur2 { width: 330px; height: 20px; background-color: #fff; font-size:1px; clear: both;}
#infos{ width: 360px; height: 140px; clear: both; margin: 0px 0 0 0; text-align: left;}
#infos ul{ margin: 12px 0 0 7px; text-align: center; width: 350px;}
#infos ul li{ float: left; margin: 8px 0 0 8px;}
#infos h3{ margin: 0 0 0 12px}

#equipe{ width: 170px; height:555px; margin: 12px 0 0 12px; float: left; border: solid 1px #ebe7e7; text-align: center; }
#equipe img{ margin: 10px 0 10px 2px;}
#equipe p{ text-align: justify; width: 146px; margin: 12px 0 0 12px;}
#equipe h3{ margin: 12px 0 0 12px}

/* FOOTER
--------------------------------------------------------------------------------------- */
#separateur2 { width: 330px; height: 20px; font-size:1px; clear: both;}
#footer{ clear: both; color:#4c2804; font-size:11px; background-color:#fff; width: 762px; height: 200px; margin: 12px 0 0 0; text-align: left; border: solid 1px #8e8779; }
#footer h4{ font-size: 11px; margin: 0 0 5px 0; }
#footer a{ color:#df9027; text-decoration: underline;}
#footer a:hover{ text-decoration: none; }

#footer-zone1{ width: 190px; float: left; margin: 12px 0 0 12px;}
#footer-zone1 ul{}
#footer-zone1 ul li{ height:14px; line-height:14px; }

#footer-zone2{ width: 200px; float: left; margin: 12px 0 0 12px;}
#footer-zone2 ul{}
#footer-zone2 ul li{ height:14px; line-height:14px;}

#footer-zone3{ width: 310px; float: left; margin: 12px 0 0 12px;}
#footer-zone3 p{}



/* CONTENU ARTICLE
--------------------------------------------------------------------------------------- */
#clearer { clear: both; }
#liens{ width: 185px; margin: 12px 0 0 12px; float: left; border: solid 1px #ebe7e7; text-align: left; }
#liens p{ text-align: justify; width: 146px; margin: 12px 0 0 12px;}
#liens h3{ margin: 12px 0 0 0}
#liens-contenu { margin: 0 0 0 12px;}

#pub{ width: 185px; margin: 12px 0 0 12px; float: left; border: solid 1px #ebe7e7; text-align: center; }


#bien{ width: 510px; margin: 0 0 0 12px;}
.bien-detail{ width: 140px; height:145px; float: left; margin: 0 12px 0 12px;}
.bien-detail img{ width: 150px; display: block; border: 2px solid #f0b427 }
.h3-titre-rub { height:40px; line-height:40px;}

#separation-bien { clear: both; width: 500px; height: 5px;}
#separation-bien img{ border: 2px solid #f0b427;}
#separation-bien img:hover{ border: 2px solid #bea77a;}


#bien-immo { width: 510px; margin: 0 0 0 12px; }
#galerie-immo {  width: 510px; margin: 12px 0 0 12px;}
#galerie-immo h3 {  margin: 0 0 12px 0;}
#galerie-immo a {  margin: 0 0 12px 12px; display: block; width:150px; float: left; border: 2px solid #f0b427 }
#galerie-immo a:hover{border: 2px solid #bea77a;}