body,td,th {
	font-family:"Comic sans MS";
	font-size: 12px;
	color: #efefef;
	background-color:#000000;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	scrollbar-3d-light-color:#000000;
    scrollbar-arrow-color:#958256;
    scrollbar-base-color:#958256;
    scrollbar-dark-shadow-color:#000000;
    scrollbar-face-color:#000000;
    scrollbar-highlight-color:#958256;
    scrollbar-shadow-color:#958256;
}
a:link {
	color: #af1040;
	text-decoration:none;
}
a:visited {
	color: #af1040;
	text-decoration:none;
}
a:hover {
	color: #e4b748;
	text-decoration:none;
}

h1 {
	font-size: 24px;
	color:#958256;
}
h2 {
	font-size: 20px;
	color:#AF1040;
	font-family:"Comic sans Ms";
	margin-top:-0px;
}
h3 {
	font-size: 20px;
	color:#ffcc00;
}
h4 {
	font-size: 16px;
	color:#958256;
}
h5 {
	font-size: 14px;
	color:#958256;
}
h6 {
	font-size: 12px;
	color:#958256;
}

#page {
width:1000px;
height:780px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
z-index:1;
background-color:#70223c;
}
#header {
position:absolute;
z-index:2;
width:990px;
height:175px;
margin-top:5px;
margin-left:5px;
margin-right:5px;
background-color:#000000;
border:1px solid #958256;
}
#logo {
position:absolute;
z-index:21;
width:150px;
height:100px;
}
#titre {
position:absolute;
z-index:22;
width:540px;
height:100px;
margin-left:150px;
}
#titre-accueil {
position:absolute;
z-index:220;
width:71px;
height:69px;
margin-left:14px;
margin-top:15px;
}
#flag-fr {
position:absolute;
z-index:221;
width:29px;
height:18px;
margin-left:100px;
margin-top:3px;
}
#flag-en {
position:absolute;
z-index:222;
width:29px;
height:18px;
margin-left:138px;
margin-top:3px;
}
#flag-us {
position:absolute;
z-index:223;
width:29px;
height:18px;
margin-left:176px;
margin-top:3px;
}
#titre-menu {
position:absolute;
z-index:224;
width:325px;
height:18px;
margin-left:214px;
margin-top:3px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
#titre-menu a {color:#efefef;}
#titre-titre {
position:absolute;
z-index:22;
width:469px;
height:40px;
margin-left:71px;
margin-top:23px;
}
#titre-texte {
position:absolute;
z-index:22;
width:469px;
height:37px;
margin-left:71px;
margin-top:63px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
#compte {
position:absolute;
z-index:24;
width:150px;
height:100px;
margin-left:690px;
}
#panier {
position:absolute;
z-index:24;
width:150px;
height:100px;
margin-left:840px;
}
#conteneur {
position:absolute;
z-index:3;
width:990px;
height:540px;
margin-top:190px;
margin-left:5px;
border:1px solid #958256;
}
#menu-top {
position:absolute;
z-index:31;
width:990px;
height:40px;
margin-top:0px;
margin-left:0px;
}
#ariane {
position:absolute;
z-index:35;
width:970px;
height:22px;
margin-top:45px;
margin-left:10px;
}
#menu-left {
position:absolute;
z-index:32;
width: 200px;
height: 462px;
margin-left:10px;
margin-top:67px;
background-color:#000000;
border:1px solid #958256;
font-size:16px;
color:#958256;
}
#menu-left ul { list-style:none; margin-top:2px; margin-left:1px; }
#menu-left li { background-image:url(../mdm-images/mdm-graphisme/puce-menu.gif); background-repeat:no-repeat; margin-left:2px; padding-left:18px;}
#menu-left-aloe {
position:absolute;
z-index:32;
width: 200px;
height: 462px;
margin-left:10px;
margin-top:67px;
background-color:#000000;
border:1px solid #958256;
font-size:16px;
color:#958256;
}
#menu-left-aloe ul { list-style:none; margin-top:2px; margin-left:1px; }
#menu-left-aloe li { margin-left:2px; padding-left:0px;}


#diaporama {
position:absolute;
z-index:33;
width:550px;
height:299px;
margin-top:67px;
margin-left:220px;
border:1px solid #958256;
}
#texte {
position:absolute;
z-index:34;
width:196px;
height:458px;
margin-top:67px;
margin-left:780px;
padding:2px;
border:1px solid #958256;
background-color:#000000;
overflow:auto;
}
#texte a {color:#efefef; font-style:italic; }
#texte a:hover {color:#af1040;}

#point-fort {
position:absolute;
z-index:35;
width:550px;
height:153px;
margin-top:376px;
margin-left:220px;
border:1px solid #958256;
background-color:#000000;
font-size:14px;
}
#point-fort ul { list-style:none; margin-left:0px; margin-top:-4px;}
#point-fort li { background-image:url(../mdm-images/mdm-graphisme/puce.jpg); background-repeat:no-repeat; padding-left:15px;}

#boutique {
position:absolute;
z-index:34;
width:760px;
height:458px;
margin-top:67px;
margin-left:220px;
padding:2px;
border:1px solid #958256;
background-color:#000000;
overflow:auto;
}
#description a{
color:#000000; }

#boutique2 {
position:absolute;
z-index:34;
width:970px;
height:480px;
margin-top:45px;
margin-left:10px;
padding:2px;
border:1px solid #958256;
background-color:#000000;
overflow:auto;
}

#footer {
position:absolute;
z-index:4;
width:990px;
height:35px;
margin-top:740px;
border:1px solid #958256;
background-color:#000000;
margin-left:5px;
margin-right:5px;
}
#copyright {
position:absolute;
z-index:54;
width:990px;
height:35px;
margin-top:785px;
background-color:#000000;
margin-left:5px;
margin-right:5px;
}
#btn_boutique {
position:absolute;
z-index:20;
width:290px;
height:40px;
margin-left:680px;
margin-top:460px;
border:2px solid #958256;
}
#sous_diaporama {
position:absolute;
z-index:21;
width:650px;
height:40px;
margin-left:20px;
margin-top:460px;
filter:alpha(opacity=70);
background-color:#000000;
-moz-opacity: 0.8;
border:2px solid #958256;
}
#lien {
position:absolute;
z-index:22;
width:985px;
height:30px;
margin-top:700px;
}
#cadre-a {
	position:absolute;
	z-index:36;
	width:650px;
	height:354px;
	margin-left:8px;
	margin-top:49px;
	border:3px solid #958256;
	background-image:url(http://www.merveilles-du-maroc.com/artisanat-marocain/mdm-diaporama/accueil/01-farnientes_001.jpg);
}
#texte-a {
	position:absolute;
	z-index:42;
	width:640px;
	height:40px;
	margin-left:15px;
	margin-top:358px;
	filter:alpha(opacity=60);
	background-color:#ffffff;
	-moz-opacity: 0.6;
	border:1px solid #ffffff;
	color:#000000;
	font-family:"Monotype Corsiva";
	font-size:28px;
}
#texte-a a{color:#000000;}

#cadre-b {
	position:absolute;
	z-index:37;
	width:310px;
	height:111px;
	margin-left:670px;
	margin-top:49px;
	border:2px solid #958256;
}
#cadre-c {
	position:absolute;
	z-index:38;
	width:310px;
	height:111px;
	margin-left:670px;
	margin-top:171px;
	border:2px solid #958256;
}
#cadre-d {
	position:absolute;
	z-index:39;
	width:310px;
	height:111px;
	margin-left:670px;
	margin-top:294px;
	border:2px solid #958256;
}
#affaire {
	position:absolute;
	z-index:40;
	width:200px;
	height:115px;
	margin-left:8px;
	margin-top:415px;
	border:2px solid #958256;
}
#texte-accueil {
	position:absolute;
	z-index:41;
	width:552px;
	height:115px;
	margin-left:428px;
	margin-top:415px;
	border:2px solid #958256;
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}
#texte-accueil a{color:#958256;}
#video {
	position:absolute;
	z-index:42;
	width:200px;
	height:115px;
	margin-left:218px;
	margin-top:415px;
	border:2px solid #958256;
}
.marquee {font-size:10px; color:#efefef; font-family:arial;}

.titre      { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 17px; font-weight: bold; color: #ffffe5; }
.titre:link { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 17px; font-weight: bold; color:#990000; }
.titre:visited { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 17px; font-weight: bold; color:#990000; }
.titre:hover { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 17px; font-weight: bold; color:#333333; }

.label { font-size: 13px; color: #FFFFe5; font-weight: bold;}
.label:link { font-size: 13px; color: #e4b748; font-weight: bold;}
.label:visited { font-size: 13px; color: #e4b748; font-weight: bold;}
.label:hover { font-size: 13px; color: #FFFFe5; font-weight: bold;}

.label1 { font-size: 13px; color: #990000; font-weight: bold;}
.label2 { font-size: 12px; color: #000000;}
.label3 { font-size: 40px; color: #FFFFe5; font-weight: bold; font-family:Monotype Corsiva;}
.label4 { font-size: 24px; color: #FFFFe5; font-weight: bold; font-family:Monotype Corsiva;}
.label5 { font-size: 13px; color:#ffffe5; font-weight: bold;}
.label6 { font-size: 13px; color: #FFFFe5; font-weight: bold;}
.label6:link { font-size: 13px; color: #af1050; font-weight: bold;}
.label6:visited { font-size: 13px; color: #af1050; font-weight: bold;}
.label6:hover { font-size: 13px; color: #FFFFe5; font-weight: bold;}
.label7 { font-size: 11px; color: #FFFFe5;}
.label7:link { font-size: 11px; color: #af1050;}
.label7:visited { font-size: 11px; color: #af1050;}
.label7:hover { font-size: 11px; color: #FFFFe5;}
.normal { font-family: Verdana, Arial , sans-serif; font-size: 11px; color: #e4b748;}

.normal1 { font-family: Verdana, Arial , sans-serif; font-size: 11px; color: #e4b748; border-top: 1px solid #e4b748; border-left: 1px solid #e4b748; border-bottom: 1px solid #e4b748; border-right: 1px solid #e4b748;}

.normal2 { font-family: Verdana, Arial , sans-serif; font-size: 12px; color: #e4b748;}
.normal2:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#6b477e; }
.normal2:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#6b477e; }
.normal2:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#e4b748; }

.normal3 { font-family: Verdana, Arial , sans-serif; font-size: 11px; color: #000000;}
.normal3:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#e4b748; }
.normal3:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#e4b748; }
.normal3:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#7D0239; }

.petit { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #e4b748;}
.petit:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#990000; }
.petit:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#990000; }
.petit:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#333333; }

.petit1 { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #e4b748;}
.petit1:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#990000; }
.petit1:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#990000; }
.petit1:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#333333; }

.formulaire1 {
color:#af1040;
border: solid 1px #000000;
background-color:#ded7cd;
font-size:12px;
text-align:center;
height:20px;
width:98%;
}
.formulaire2 {
color:#af1040;
border: solid 1px #000000;
background-color:#ded7cd;
font-size:12px;
font-weight: bold;
width:100%;
text-align:center;
height:22px;
}
.formulaire3 {
color:#af1040;
border: solid 1px #000000;
background-color:#000000;
font-size:18px;
text-align:right;
}
.formulaire4 {
color:#af1040;
border: solid 1px #000000;
background-color:#000000;
font-size:12px;
text-align:left;
height:20px;
}

.formulaireprix {
color:#efefef;
border: solid 1px #000000;
background-color:#000000;
font-size:18px;
font-weight: bold;
width:50%;
text-align:right;
height:22px;
}

.bouton {
	border: 1px solid #e4b748;
	padding: 2px;
	background: #6b477e;
	font-size: 11px;
	color:#ffffff; cursor:pointer;
	
}	
.bouton2 {
	border: 2px solid #e4b748;
	padding: 4px;
	background: #6b477e;
	font-size: 14px;
	color:#ffffe5; 
	cursor:pointer;
	font-weight:bold;
	
}	
.right {
width:35%;
border:0px solid #ffffff;
font-size:12px;
}
.middle {
width:45%;
}
.left {
width:20%;
}