body {
	margin:0px; 
	text-align:center;
	background:#f9f9f9;
	color:#333;
	font-family: arial, verdana, lucida, helvetica, sans-serif; 
	text-align: center; 
	}
	
body.anim {
background:#FFFFF9;
}
	
.arabe{
	direction:rtl;
	text-align:right;
}	

#top{
	width:660px;
	margin:0px auto;
	margin-top:10px;
	padding:0px;
	background:url(../images/top.gif);
	text-align:left; 
	color: #000066;
}

#bottom{
	width:660px;
	margin:0px auto;
	margin-bottom:10px;
	background:url(../images/bottom.gif);
	text-align:left; 
	color: #000066;
	height:30px
}

#container {
	width:660px;
	margin:0px auto;
	background:url(../images/fond.gif);
	color: #000066;

}

#logo{
	float:left;
	padding:10px 0px 0px 20px;
}

#topsection {
	padding-right: 0px;
	padding-left: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px;
	color: #000; 
	margin:0px 6px;
	margin-top:-3px;
	height:110px;
}

.hometop{
	background:#fff url(../images/bg/homebgtop.jpg) right bottom no-repeat;
}
.presentationtop{
	background:#fff url(../images/bg/congelebgtop.jpg) right bottom no-repeat;
}
.cremetop{
	background:#fff url(../images/bg/cremebgtop.jpg) right bottom no-repeat;
}

.cafetop{
	background:#fff url(../images/bg/cafebgtop.jpg) right bottom no-repeat;
}
.restotop{
	background:#fff url(../images/bg/restobgtop.jpg) right bottom no-repeat;
}
.boucherietop{
	background:#fff url(../images/bg/boucheriebgtop.jpg) right bottom no-repeat;
}
.pizzatop{
	background:#fff url(../images/bg/pizzabgtop.jpg) right bottom no-repeat;
}
.alimentationtop{
	background:#fff url(../images/bg/alimentationbgtop.jpg) right bottom no-repeat;
}
.supermarchetop{
	background:#fff url(../images/bg/supermarchebgtop.jpg) right bottom no-repeat;
}

.congeletop{
	background:#fff url(../images/bg/congelebgtop.jpg) right bottom no-repeat;
}
.contactstop{
	background:#fff url(../images/bg/contactbgtop.jpg) right bottom no-repeat;
}

#contents {
	padding:40px 30px 20px 20px; 
	margin-top:0px;
	margin-left: 183px;
}


#pcontents {
	padding:220px 30px 20px 20px; 
	margin-top:0px;
	margin-left: 183px;
}		

.homebottom{
	background: url(../images/bg/homebgbottom.jpg) top left no-repeat;	text-align:left;
}
.presentationbottom{
	background: url(../images/bg/congelebgbottom.jpg) top left no-repeat;	
	text-align:left;
}
.cremebottom{
	background: url(../images/bg/cremebgbottom.jpg) top left no-repeat;	
	text-align:left;
}
.cafebottom{
	background: url(../images/bg/cafebgbottom.jpg) top left no-repeat;	
	text-align:left;
}

.restobottom{
	background: url(../images/bg/restobgbottom.jpg) top left no-repeat;	
	text-align:left;
}
.boucheriebottom{
	background: url(../images/bg/boucheriebgbottom.jpg) top left no-repeat;	
	text-align:left;
}
.pizzabottom{
	background: url(../images/bg/pizzabgbottom.jpg) top left no-repeat;
	text-align:left;
}
.alimentationbottom{
	background: url(../images/bg/alimentationbgbottom.jpg) top left no-repeat;
	text-align:left;
}
.supermarchebottom{
	background: url(../images/bg/supermarchebgbottom.jpg) top left no-repeat;
	text-align:left;
}
.congelebottom{
	background: url(../images/bg/congelebgbottom.jpg) top left no-repeat;
	text-align:left;
}
.contactsbottom{
	background: url(../images/bg/contactbgbottom.jpg) top left no-repeat;
	text-align:left;
}

#leftnav {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 10px;
	padding-top: 0px;
	float: left;  
	width: 182px; 
}


/*enlever les points qui entourent le menu au focus */
a:active
{
outline: none;
}
a:focus
{
-moz-outline-style: none;
}

/*les liens du corps */
p a{
	background:#ffffd6;
	padding:2px;
}

p a:hover{
	color:#ff5500;
	border-bottom:1px dotted #ff5500;
}



p {
	font-size: 12px; 
	color: #333; 
	background-color: transparent;
	text-align:justify;
	line-height:120%;
}

.gauche{
	margin:0;
	color:#828282; 
	font-size:10px;
	float:left;
	text-align:left;
	padding:10px;
	padding-right:0px;
	padding-top:0px;
	width:300px;
}
.gauche a:hover{
	color:#555;
	background:#caf5f6;
	border-bottom:1px dotted #40ced0;
}
.droite{
	margin:0;
	color:#828282; 
	font-size:10px;
	float:right;
	text-align:right;
	padding:10px;
	padding-top:0px;
	padding-right:0px;
	width:200px;
}

.droite a{
	color:#828282;
	font-size:10px;
}
.droite a:hover{
	color:#555;
	text-decoration:none;
	background:#caf5f6;
	border-bottom:1px dotted #40ced0;
}

em{
	color:#6b84b1;
	font-style:normal;
}

.clearall{clear:both}

#footer{
	position:relative;
	clear:both; 
	background: #f7f7f7 url(../images/bgf.gif) top left repeat-x;
	color:#cacaca; 
	padding-top:10px;
	padding-right:20px;
	padding-bottom:5px;
	margin:0px 6px;
	font-size:10pt;
	text-align:right;
	height:40px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:25px;
}

html > body #footer {
	height:25px;
}

#minimenu {
	text-align:right;
	background:transparent;
	font-size: 10pt; 
	padding-bottom: 13px; 
	padding-right:10px;
	margin: 0px 6px; 
	line-height: 1em; 
	padding-top: 2px; 
}

#mininav {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-top: 0px;
	padding-bottom: 0px; 
	background: url(../images/langues.jpg) bottom right no-repeat;
	float: right;
	width:230px;
	margin: 0px; 
	margin-top:0px;
	}
	
	
#mininav li {
	margin:1px;
	padding-right: 0px; 
	padding-bottom: 0px;
	padding-top: 0px;  
	display: inline; 
	padding-left: 0px; 
	float: right; 
	margin: 0px; 
	list-style-type: none
}

#mininav a {
	padding-right: 10px; 
	padding-top: 0px;
	padding-bottom: 6px; 
	padding-left: 10px; 
	font-weight: normal; 
	font-size: 85%; 
	float: left; 
	color:#000; 
	line-height: 19px;  
	text-decoration: none
}

#mininav a#current {
	color: #0897bf;
	border-top:3px solid #08b9db;
	border-bottom:0px;
	padding-bottom: 3px; 
}

#mininav a:hover { 
	color: #0897bf;
	border-top:3px solid #08b9db;
	border-bottom:0px;
	padding-bottom: 3px; 
}

#mininav a.active { 
	color: #f60; 
}

/*typography */
h1{ 
	font-size: 1.05em; 
	color: #2973A1; 
	background-color: transparent;
	text-transform:uppercase;
}

h2{
	color: #09405d;/*#dcdcdc;*/
	font-size:22px;
	font-weight: bolder;
	margin-top:20px;
	text-align:inherit;
	}

h3, h4, h5,h6{
	margin:10px 10px 5px 0px;
	padding:0px;
	line-height:15px;
	font-size : 16px;
	color: #535151 ;
	font-weight:bold;
	text-transform:uppercase;
	}
p,a {
	color:#535151;
	text-decoration: none;
	line-height:180%;
	font-size:inherit;
	text-align:justify;
   }

code {
    color:green;
	text-decoration: none;
	line-height:120%;
	font-size:inherit;
}
body {
  font-size: small;
  voice-family: "\"}\"",inherit;
  font-size: medium;
  }
html>body { font-size: medium; }

p { font-size: 0.8em; }
td, th { font-size: 0.7em; }
h1 { font-size: 200%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
h4 { font-size: 120%; }
	
img {border-width: 0px;}

/* =-=-=-=-=-=-=-[menu pricipal]-=-=-=-=-=-=-=- */
#menu {
	width:183px;
	margin: 0px;
	padding-top:0px;
	padding-left:6px;
	padding-bottom:30px;
	background: url(../images/menu/undermenu.gif)right bottom no-repeat;
	}

#menu ul{
	padding-top:1px;
	margin-top:3px;
	margin-bottom:0px;
	margin-right:0px;
	padding-right:0px;
	border-top:1px #eee solid;
	background: url(../images/menu/menubg.gif) right top no-repeat;
}

#menu ul,li{
	list-style-type:none;
	margin-left:0;
	padding-left:0px;
	}	


#menu li a {
	font-size:12px;
  	height: 32px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
html > body #menu li a {
  	height: 24px;
}
	
#menu li a:link, #menu li a:visited {
	color: #777;
	display: block;
	background: url(../images/menu/menu.gif) right 0px;
	padding: 8px 35px 0 10px;
	text-align: right;
	}
	
#menu li a:hover {
	color: #000;
	background: url(../images/menu/menu.gif) right -32px;
	padding: 8px 35px 0 10px;
	text-align: right;
	border-bottom:0px;
	}
	
#menu li a:active {
	color: #000;
	overflow: hidden;
	background: url(../images/menu/menu.gif) right -64px;
	padding: 8px 35px 0 10px;
	text-align: right;
	}

/* sub menu */
.hidden{display:none;}
.visible{display:block;}

#submenu {
	font-size:12px;
	width:100%;
	margin: 0px;
	margin-top:0px;
	padding-top:0px;
}


#submenu ul,li{
	list-style-type:none;
	margin-left:0;
	margin-top:0px;
	padding-left:0px;
	}	


#submenu li a {
  	height: 32px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
html > body #submenu li a {
  	height: 24px;
}
	
#submenu li a:link, #submenu li a:visited {
	color: #777;
	display: block;
	background: url(../images/menu/submenu.gif) right 0px;
	padding: 8px 35px 0 10px;
	text-align: right;
	}
	
#submenu li a:hover {
	color: #000;
	background: url(../images/menu/submenu.gif) right -32px;
	padding: 8px 35px 0 10px;
	text-align: right;
	border-bottom:0px;
	}
	
#submenu li a:active {
	color: #000;
	background: url(../images/menu/submenu.gif) right 0px;
	padding: 8px 35px 0 10px;
	text-align: right;
	}

#submenu li #actuel {
	color: #000;
	background: url(../images/menu/submenu.gif) right -32px;
	padding: 8px 35px 0 10px;
	text-align: right;
	}

#undermenu{
	height:40px;
}

#present{
	padding-top:30px;
	text-align:inherit;
}
p.arabe{
	font-size:100%;
	font-weight:bold;
}

#prods{
	padding-bottom:40px;
}

#prods.arabp{
	text-align:right;
}	

.imgright{
	float:right;
	padding:0px;
	margin:6px;
	margin-left:15px;
	padding-right:0px;
}

.prodimg{
border:1px #eee solid;
}
.prodimghover{
border:1px #ddd solid;
}

#prods ul{
	position:relative;
	font-size:12px;
}



#prods li, #prods ul{
	margin-left:0;
	margin-right:0;
	padding-left:0; 
	padding-right:0; 
}

#prods li a {
  	height: 18px;
  	width:186px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 12px;
	width:150px;	
	text-decoration: none;
	}	
	
html > body #prods li a {
  	height: 12px;
	width:150px;
}

#prods li a{
	background:url(../images/okli.gif) left 0px  no-repeat;
	padding:0px 18px 6px 18px;
}

#prods li a:hover{
	color:#ff5500;
	background:url(../images/okli.gif) left -36px  no-repeat;
	padding:0px 18px 6px 18px;
	border-bottom:0px;
}

#prods li.arabli a{
	text-align:right;
	display:block;
	background:url(../images/okli.gif) right 0px  no-repeat;
	padding:0px 18px 6px 18px;
}

#prods li.arabli a:hover{
	color:#ff5500;
	background:url(../images/okli.gif) right -36px  no-repeat;
	padding:0px 18px 6px 18px;
	border-bottom:0px;
}

#prodsdetails {
	color:#000;
	text-align:left;
	position:absolute;
	top:40px;
	left:240px;
	width:158px;
	height:158px;
	padding:20px;
	border:1px #eee solid;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 116px;
	width:116px;
}

html > body #prodsdetails {
  	height: 116px;
	width:116px;
}

/*afficher l'explicvation du lien */
#prods li a:hover span{
	z-index:99;
 	display:block;
	top:0px;
	left:240px;
	border:1px #efffa6 solid;
	background:#fffdf1 url(../images/prodspan.jpg);
	background-repeat: no-repeat;
}

#prods li a span{
	z-index:0;
	color:#000;
	font-size:10px;
	text-align:left;
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:158px;
	height:158px;
	padding:20px;
	padding-top:45px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 91px;
	width:116px;
}

html > body #prods li a span {
  	height: 91px;
	width:116px;
}


#prods{
	position:relative;
}	

#prods li a:hover span.alimentationpos{
	background-position: 0px top ;
}
#prods li a:hover span.boucheriepos{
	background-position:  -159px top;
}
#prods li a:hover span.cremepos{
	background-position:  -318px top;
}
#prods li a:hover span.congelepos{
	background-position:  -476px top;
}
#prods li a:hover span.supermarchepos{
	background-position:  -634px top;
}
#prods li a:hover span.pizzapos{
	background-position:  -792px top;
}
#prods li a:hover span.restopos{
	background-position:  -950px top;
}
#prods li a:hover span.cafepos{
	background-position:  -1108px top;
}


.notice{
	color:#000;
	text-align:inherit;
	border:1px #ffe88c solid;
	background:#fffef2;
	padding:6px;
	margin:20px 0;
}

.slogan{
color:#000;
border:1px #ffe88c solid;
background:#fffef2;
padding:6px;
margin:20px 0;
text-align:center;
font-size:120%;
font-weight:bold;
}

.skip{
color:#000;
background:#fffef2;
padding:6px;
margin:20px 20px 0px 0px;
text-align:center;
font-size:120%;
font-weight:bold;
}

.notice a:hover, .slogan a:hover, .skip a:hover{
	color:#555;
	background:#caf5f6;
	border-bottom:1px dotted #40ced0;
}

.cat{
	text-transform:uppercase;
	font-weight:normal;
	padding-left:20px;
	border-left:10px #ddd double;
}

.catar{
	text-transform:uppercase;
	font-weight:normal;
	padding-right:20px;
	border-right:10px #ddd double;
}

.galerytitle{
	margin-bottom:0;
	font-weight:normal;
}
/* Galeries d'images */
	a.gal{
	width:425px;
	padding:0px;
}

.stick em{
	color:#000;
}
ul.galery .stick{
	font-size:12px;
	position:absolute;
	top:0;
	left:0;
	display:none;
	z-index:59;
	line-height:150%;
}


a:hover .stick{
	color:#000;
	width:220px;
	border:1px #b0e181 solid;
	border-width:0 1px 1px 0;
	padding:4px;
	background:#efffa6  url(../images/stickstar.gif) 5px 5px no-repeat;
	padding-left:25px;
	display:block;
	opacity:0.7;
	-moz-opacity: 0.7;
	filter : alpha(opacity:"70");
}
a:hover ul.galery span.stick em{
	font-style:normal;
	text-decoration:underline;
	color:#ff3300;
	cursor:hand;
}

.galery li{
	float:left;
	font-size:10px;
	padding-bottom:0;
	padding:3px;
	text-align:center;
}

.galery li span {
	width:100px;
	line-height:100%;
	display:block;
	text-align:center;
}

.galery{
	position:relative;
	display:block;
	float:left;
	list-style-type: none;
	padding:3px;
	border-width:1px;
	border-style:solid;
	border-color:#eee;
	margin:20px 0;
	width:425px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:417px;
	background: url(../images/galerybg.gif) right bottom no-repeat;
}

html>body .galery{
	width:417px;
}	

a:hover ul.galery, .ghover{
	border-color: #b0e181;
	
}

/*------------------------------------*/
/* MISC DIVs
/*------------------------------------*/
#present{
	padding-right:10px;
}

#left2{
	margin-top:200px;
	font-family:georgia,"times new roman", serif;
	font-style:italic;
	border-right:1px #eee dotted;
	padding:20px;
	display:none;
}

#indexcontact{
	position:absolute;
	z-index:10;
	top:0px;
	left:240px;
	padding:15px;
	background:#fff url(../images/contactmini.jpg) left top no-repeat;
	width:158px;
	height:158px;
	padding:20px;
	padding-top:54px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 84px;
	width:118px;
}

html > body #indexcontact  {
  	height: 84px;
	width:118px;
}



/*version arabe de ce div*/

#indexcontact p{
line-height:140%;
}
	
#indexcontact a:hover, #indexcontactar a:hover{
	color:#555;
	background:#caf5f6;
	border-bottom:1px dotted #40ced0;
}
.rightfloat{float:right;padding:5px}
.right{text-align:right}
.arabic{
	text-align:right;
}

/* menu page d'accueil avec anim */

#animnav {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-top: 0px;
	padding-bottom: 0px; 
	float: right;
	width:230px;
	margin: 0px; 
	margin-top:0px;
	}
	
	
#animnav li {
	margin:1px;
	padding-right: 0px; 
	padding-bottom: 0px;
	padding-top: 0px;  
	display: inline; 
	padding-left: 0px; 
	float: right; 
	margin: 0px; 
	list-style-type: none
}

#animnav a {
	padding-right: 10px; 
	padding-top: 0px;
	padding-bottom: 6px; 
	padding-left: 10px; 
	font-weight: normal; 
	font-size: 85%; 
	float: left; 
	color:#000; 
	line-height: 19px;  
	text-decoration: none
}

#animnav a#current {
	color: #0897bf;
	border-top:3px solid #08b9db;
	border-bottom:0px;
	padding-bottom: 3px; 
}

#animnav a:hover { 
	color: #0897bf;
	border-bottom:3px solid #08b9db;
	border-top:0px;
	padding-bottom: 3px; 
}

#animnav a.active { 
	color: #f60; 
}