/* commented backslash hides from ie5mac \*/
#wrapper {
margin: 0px auto 0px auto;
padding: 0px;
width: 960px;
}

#outer{
	height:99.9%;
    background-color: #FFFFFF;
	min-height:100%;
	width:960px;
	text-align:left;
	margin:auto;
	position:relative;
	overflow:visible;
}
/* mac hide \*/
* html #outer{
	width:960px;
}
/* end hide*/

html>body #outer{
	height:auto;
} /*for mozilla as IE treats height as min-height anyway*/

#inner{
	width:100%;
	padding-top:215px;/*needed to make room for header*/
    background:  url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/body_topbg.gif) repeat-x left top;
} 

#banner {
	position:absolute;
    display: block;
    width: 261px;
    height: 74px;
    right: 30px;
    top: 39px;
    z-index:300;
	padding: 0;
	margin: 0;
}

a#banner img {
border: none;
}
/* mac hide \*/
* html #outer, * html #header {width:990px}
/* end hide*/

div,p  {
	margin-top:0px;
}/*clear top margin for mozilla*/

#right {
	width:168px;
	float:left;
	z-index: 55;
}
#right-inner {
	width: 160px;
	padding-left: 9px;
	text-align: left;
}
#right-inner h2 {
	font-size: 15px;
}
#right-left {
float: right;
	width:295px;
	z-index: 55;
}
#right-inner-left {
	padding: 15px 6px 4px 6px;
}
#right-inner-left p {
	padding: 10px 15px 4px 15px;
}
#right-inner-left h2 {
	font-size: 15px;
}
#left {
	position:relative;/*ie needs this to show float */
	width:490px;
	float:left;
	padding-left: 5px;
	z-index: 56;
}
#left-inner {
	padding-left: 9px;
	padding-right: 9px;
	text-align: left;
}
#left_wide {
	position:relative;/*ie needs this to show float */
	width:760px;
	float:left;
	padding-left: 5px;
	z-index: 56;
   /*	margin-top: -39px;   */
}
#left_wide-inner {
	padding-left: 9px;
	padding-right: 9px;
	text-align: left;
}
#clearfooter {
	width:100%;
	height:114px;
	clear:both;
} /* to clear footer */

html>body #minHeight{
	float:left;
	width:0px;
	height:100%;
	margin-bottom:-114px;
} /*safari wrapper */
#content {
	z-index: 300;
	padding-bottom: 7px;
}


#content h2 {
	color: #cfd900;
	/*background:  url(images/bullet.gif) no-repeat left top; */
	padding-left: 33px;
	position: relative;
	z-index: 999;
	text-transform: uppercase;
	font: bold 20px/20px Arial;
	padding-bottom: 15px;
	margin: 0;
	padding-top: 15px;
}

h3#post-  {
	font-size: 12px;
	color: #618200;
	background:  url() no-repeat left top;
	padding-left: 0px;
}

#content p {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
    text-align: justify;
}

#content p a {
	color: #5e5e5e;
}

#content p a:hover {
	background-color: #618200;
	color: #ffffff;
}

.FSF_searchResults {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
}

.FSF_extract {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
}

.FSF_resultLink {
	color: #618200;
}

.FSF_extract {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
}

.highlight {
	font-size: 12px;
	background-color: #f2f2f2;
	color: #618200;
	font-weight: bold;
	line-height: 18px;
}

#content ul li{
	list-style-image: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/tictac_green.gif);
	margin-bottom: 0.2em;
}
#content ul.LSM_0{
	margin: 0;
	width: 180px;
	display: block;
	position: relative;
	float: left;
	list-style-position: inside;
	padding: 0px;
}
#content ul.LSM_1{
	margin: 0;
	padding: 0 0 0 15px;

}

#listMap {
	width: 175px;
	display: block;
	float: left;
	position: relative;
	border: 1px dotted silver;
	margin: 2px;
}
#listMap h3 {
	display: block;
	line-height: 22px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding-bottom: 8px;
	text-align: center;
	background-color: silver;
}

#content ul.LSM_0 li{
	margin: 0;
	padding-top: 1px;
	padding-left: 4px;
}
#content ul.LSM_0 li a{
	font: 12px Arial;
	text-decoration: none;
	color: #225445;
}
.LIn_shortMode {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.LIn_desc {
	display: none;
}
.LIn_date {
	font-style: italic;
	margin-left: 5px;
}
#dropcap {
float: left;
padding: 0;
display: block;
font-family: Georgia, Times, serif;
font-size: 50px;
line-height: 40px;
	text-transform: uppercase;
	margin-right: -13px;
    margin-top: 6px;
	color: #5e5e5e;
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/caps.gif) no-repeat 0 bottom;
    width: 40px;
	margin-bottom: 0px;
}
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #008CBA; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #008CBA; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: black;
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}
div.module-green h3,
div.module-orange h3,
div.module-sticky h3,
div.module h3{
	padding: 0;
	color: #444;
    text-decoration: none;
	font-size: 110%;
	margin: 0 0 5px 110px;
	text-align: center;
}
span.paragr {
	font-size: 12px;
	color: #5e5e5e;
	line-height: 18px;
    text-align: justify;
	display: block;
	margin: 0 0 0 115px;
}
span.more a{
	color: #529100;
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/arrow-1.png) no-repeat left center;
	text-decoration: none;
	display: block;
	width: 80px;
	text-align: right;
	margin-left: 140px;
	padding: 0 0 0 15px;
	font: 13px Arial;
}
span.more a:hover{
	color: #F28A27;
}
a span.precedent{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/precedent.gif) no-repeat 0 0;
	text-decoration: none;
	display: inline;
	width: 27px;
	height: 27px;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
a span.precedent:hover{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/precedent.gif) no-repeat 0 -27px;
}
a span.suivant{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/suivant.gif) no-repeat 0 0;
	text-decoration: none;
	display: inline;
	width: 27px;
	height: 27px;
	float: left;
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
}
a span.suivant:hover{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/suivant.gif) no-repeat 0 -27px;
}
a.precedent{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/precedent.gif) no-repeat 0 0;
	text-decoration: none;
	display: inline;
	width: 27px;
	height: 27px;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
a.precedent:hover{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/precedent.gif) no-repeat 0 -27px;
}
a.suivant{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/suivant.gif) no-repeat 0 0;
	text-decoration: none;
	display: inline;
	width: 27px;
	height: 27px;
	float: left;
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
}
a.suivant:hover{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/suivant.gif) no-repeat 0 -27px;
}
a.commander{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/_commander.gif) no-repeat 0 0;
	text-decoration: none;
	display: inline;
	width: 130px;
	height: 27px;
	float: left;
	position: relative;
	margin-right: 310px;
	margin-left: 310px;
}
a.commander:hover{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/_commander.gif) no-repeat 0 -27px;
}
a.retour{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/_retour.gif) no-repeat 0 0;
	text-decoration: none;
	display: inline;
	width: 130px;
	height: 27px;
	float: left;
	position:absolute;
	margin-right: 10px;
	margin-left: 600px;
}
a.retour:hover{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/_retour.gif) no-repeat 0 -27px;
}
a.produit{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/_produits.gif) no-repeat 0 0;
	text-decoration: none;
	display: inline;
	width: 130px;
	height: 27px;
	float: left;
	position:absolute;
	margin-right: 25px;
	margin-left: 25px;
}
a.produit:hover{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/_produits.gif) no-repeat 0 -27px;
}
a.aloe{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/_aloe.gif) no-repeat 0 0;
	text-decoration: none;
	display: inline;
	width: 130px;
	height: 27px;
	float: left;
	position:absolute;
	margin-right: 25px;
	margin-left: 25px;
}
a.aloe:hover{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/_aloe.gif) no-repeat 0 -27px;
}

a.contact_b{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/contact_button.gif) no-repeat 0 0;
	text-decoration: none;
	display: inline;
	width: 127px;
	height: 30px;
	float: left;
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
}
a.contact_b:hover{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/contact_button.gif) no-repeat 0 -30px;
}
a.rappel_b{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/rappel_button.gif) no-repeat 0 0;
	text-decoration: none;
	display: inline;
	width: 147px;
	height: 30px;
	float: left;
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
}
a.rappel_b:hover{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/rappel_button.gif) no-repeat 0 -30px;
}
a.newsletter_b{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/newsletter_button.gif) no-repeat 0 0;
	text-decoration: none;
	display: inline;
	width: 127px;
	height: 30px;
	float: left;
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
}
a.newsletter_b:hover{
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/newsletter_button.gif) no-repeat 0 -30px;
}
div.module-green,
div.module-orange,
div.module-sticky,
div.module {
	margin: 0 5px 5px 0px;
	padding: 0;
	float: left;
	width: 360px;
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/box-br.gif) no-repeat bottom right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div.module-green div,
div.module-orange div,
div.module-sticky div,
div.module div {
	padding: 0;
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/box-bl.gif) no-repeat bottom left;
}

div.module-green div div,
div.module-orange div div,
div.module-sticky div div,
div.module div div {
	padding: 0;
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/box-tr.gif) no-repeat top right;
}

div.module-green div div div,
div.module-orange div div div,
div.module-sticky div div div,
div.module div div div {
	padding: 8px 10px 10px;
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/box-tl.gif) no-repeat top left;
}

div.module-green div div div div,
div.module-orange div div div div,
div.module div div div div {
	margin: 0;
	padding: 0;
	float: none;
	background: none;
}

div.module-green h3,
div.module-orange h3 {
	color: #FFFFFF;
}

div.module-green,
div.module-orange {
	color: #FFFFFF;
}

div.module-orange {
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/orange-br.gif) no-repeat bottom right;
}

div.module-orange div {
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/orange-bl.gif) no-repeat bottom left;
}

div.module-orange div div {
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/orange-tr.gif) no-repeat top right;
}

div.module-orange div div div {
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/orange-tl.gif) no-repeat top left;
}

div.module-green {
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/green-br.gif) no-repeat bottom right;
}

div.module-green div {
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/green-bl.gif) no-repeat bottom left;
}

div.module-green div div {
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/green-tr.gif) no-repeat top right;
}

div.module-green div div div {
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/green-tl.gif) no-repeat top left;
}

div.moduletable h3 {
	margin: 0 0 5px;
	padding: 0;
	color: #D78807;
	font-size: 115%;
}

div.moduletable {
	margin: 0;
	padding: 10px 1px;
}

#ja-col1 div.moduletable {
	margin: 0 10px;
}

#ja-col2 div.moduletable {
	margin-left: 10px;
}
#clear {
clear: both;
}
blockquote {
margin: 0 200px 10px 10px;
	padding: 15px 40px 15px 40px;
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/open_quotes.gif)no-repeat;
	font: 1.2em/1.4 Georgia, Times, serif;
}
p.quote {
	margin: 0;
	padding: 0px 40px 0px 0px;
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/close_quotes.gif) bottom right no-repeat;
}

/* Quote hilight */
div.quote-grey {
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/q1_std.gif) no-repeat 20px 10px #F8F8F8;
	padding : 0;
	margin: 0;
	border: 1px dotted #929292;
}

div.quote-grey blockquote {
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/q2_std.gif) no-repeat right bottom;
	margin: 0;
}

div.quote-hilite {
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/q1_std2.gif) no-repeat 20px 10px #EBF4E2;
	padding : 0;
	margin-top: 20px;
	border:1px dotted #92BF68;
}

div.quote-hilite blockquote {
	color: #609133;
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/images/q2_std2.gif) no-repeat right bottom;
	margin: 0;
}
#sidebar,#sidebar p {
text-align:center;
	font-size: 12px;
	color: #444444;
	line-height: 18px;
}

#sidebar-left,#sidebar-left p,#sidebar-left p a {
text-align:center;
	font-size: 12px;
	color: #444444;
	line-height: 18px;
}
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 500px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(http://www.merveilles-du-maroc.com/aloe-vera/assets/templates/asn/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}