/***********************************************************************************/
/************************ KIPLAMA***************************************/
/***********************************************************************************/


body {
	margin: 0px;
}

div#conteneur {
	width: 980px;
	color:#000000;
	padding: 0;
	margin: auto;
	font: 12px  Arial, Helvetica, sans-serif;
}

img {
	border: 0;
}

form {
	margin:0;
	padding:0
}


ul.compte {
	padding: 5px;
	border: 1px solid #ccc;
	list-style: none
}

p.centre {
	text-align: center;
	margin: 10px
}

p.erreur { color: #c00; font-weight: bold; text-align: center }
span.erreur { font-size: 11px; color: #c00 }
span.rouge { color: #c00 }

div#banniere{
	width: 980px;
	height: 458px;
	background:  url('../../images/banniere.jpg') no-repeat  ;
}

div#logo{
	width: 250x;
	height: 75px;
	margin-left:76px;
	position:absolute;
}


#menu_haut {
	list-style: none;
	padding:0;
	margin:0;
	position:absolute;
	height:15px;
	width:420px;
	margin: 35px 0 0 490px;
}

#menu_haut li {
	float: left;
	font-size:11px;
	background:   url('../../images/plus.gif') no-repeat left ;
	font-family:Arial, Helvetica, sans-serif;
}

#menu_haut li a {
	color: #ffffff;
	text-decoration: none;
	margin-right:15px;
	margin-left: 12px;
}

#menu_haut li a:hover {
	color: #623822;
	text-decoration:underline;
}

.champs3{
	position:absolute;
	width:136px;
	margin:0;
	padding:0;
	height:17px;
	border:none;
	background-color:#ffffff;
	border:0;
	margin-left: 700px;
	margin-top: 430px;
	color:#000000;
}

.b_ok3{
	position:absolute;
	margin:0;
	padding:0;
	margin-left:847px;
	margin-top:429px;
}

#drapeau{
margin-top: 16px;
position:absolute;
margin-left: 815px
}

#drapeau a{
display: block;
margin-left: 4px;
margin-right: 5px;
float: left
}

#menu_bas {
	position:absolute;
	margin-left:427px;
	margin-top: 78px;
	width:467px;
	height:27px;
}

div#accueil{
	width: 101px;
	height:27px;
	margin-left: 2px;
	float:left;
	display:inline;
	text-align:center;
	background: url('../../images/bg_menu_bas.jpg') repeat-x ;
	
}

div#accueil a{
	text-decoration:none;
	font-weight:bold;
	height:21px;
	padding-top: 6px;
	display:block;
	color:#202424;
}

div#accueil a:hover{
	text-decoration:underline;
	background: url('../../images/marron.jpg') repeat-x ;
	color:#F4AD09;
}








div#presentation{
	width: 131px;
	height:27px;
	margin-left:2px;
	float:left;
	display:inline;
	text-align:center;
	background: url('../../images/bg_menu_bas.jpg') repeat-x ;
	
}

div#presentation a{
	text-decoration:none;
	height:21px;
	padding-top: 6px;
	font-weight:bold;
	display:block;
	color:#202424;
}

div#presentation a:hover{
	text-decoration:underline;
	background: url('../../images/marron.jpg') repeat-x ;
	color:#F4AD09;
}




div#contact{
	width: 101px;
	height:27px;
	margin-left: 2px;
	float:left;
	display:inline;
	text-align:center;
	background: url('../../images/bg_menu_bas.jpg') repeat-x ;
	
}

div#contact a{
	text-decoration:none;
	font-weight:bold;
	height:21px;
	padding-top: 6px;
	display:block;
	color:#202424;
}

div#contact a:hover{
	text-decoration:underline;
	background: url('../../images/marron.jpg') repeat-x ;
	color:#F4AD09;
}

div#plan{
	width: 126px;
	height:27px;
	margin-left: 2px;
	float:left;
	display:inline;
	text-align:center;
	background: url('../../images/bg_menu_bas.jpg') repeat-x ;
	
}

div#plan a{
	text-decoration:none;
	font-weight:bold;
	height:21px;
	padding-top: 6px;
	display:block;
	color:#202424;
}

div#plan a:hover{
	text-decoration:underline;
	color:#F4AD09;
	background: url('../../images/marron.jpg') repeat-x ;
}


#contenu {
	width: 980px;
	background: #FCE548 url('../../images/bg_tableau.jpg') repeat-x  ;
	}

table#contenu td {
	vertical-align: top;
}

td.left {
	width: 77px;
	background: url('../../images/left.jpg')  ;
}
td.right {
	width: 86px;
	background: url('../../images/right.jpg')  ;
}

td#gauche {
	width: 159px;
	background: url('../../images/canard.png') no-repeat bottom  ;
	
}

td#centre {
	width: 490px;
	
}

td#droite {
	width: 168px;
}

div#categorie{
	width: 125px;
	background: url('../../images/categorie.gif') no-repeat ;
	height:26px;
	margin-left: 10px;
	margin-top:11px;
	font-size:17px;
	color:#FFFFFF;
	text-align:center;
	padding-top: 6px;

	
}
div#menu {
	width: 159px;
	margin-bottom:190px;
	margin-top: 15px;
}


div#page {
	width: 450px;
	color:#859B2B;
	text-align:justify;
	color:#432D14;
	float:left;
	height: 450px;
	padding: 10px 20px 10px 20px;
}


html>body #page {
	height: auto;
	min-height: 450px;
}

h1.titre{
	font-size:15px;
	font-weight:bold;
	padding:0;
	margin:0;
	padding-top:6px;
	padding-bottom: 11px;
	width:440px;
	color:#432D14;
	font-weight:bold;
	padding-left:30px;
	background: url('../../images/titre.png') no-repeat bottom left  ;
	margin-bottom:5px;
}

h2.titre{
	font-size:15px;
	font-weight:bold;
	padding:0;
	margin:0;
	color:#432D14;
	font-weight:bold;
	height:30px;
	padding-left:30px;
	background: url('../../images/titre.png') no-repeat bottom left ;
	margin-bottom:5px;
}

div#horaires{
	width: 107px;
	background: url('../../images/categorie.gif') no-repeat ;
	height:26px;
	margin-top:11px;
	margin-left:10px;
	font-size:17px;
	color:#FFFFFF;
	padding-top: 6px;
	padding-left:18px;
}

div#heures{
	width: 140px;
	height: 130px;
	margin-left:5px;
	margin-top: 10px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#6F4026;
}

span.heure{
color:#A05B36;}

p.lundi{
margin:0;
padding:0;
margin-top: 5px;}

p.heures{
margin:0;
padding:0;
margin-top: 5px;}

p.vendredi{
margin:0;
padding:0;
margin-top: 10px;}

p.heures1{
margin:0;
padding:0;
margin-top: 5px;}

div#haut_flash{
	width: 95px;
	background: url('../../images/categorie.gif') no-repeat ;
	height:26px;
	margin-top:11px;
	margin-left:10px;
	font-size:17px;
	color:#FFFFFF;
	padding-top: 6px;
	padding-left:30px;
}

div#flash_infos{
	width: 140px;
	margin-left: 5px;
	height: 125px;
}


#fin {
	width: 980px;
}
	


table#fin td {
	vertical-align: top;
}

td#test{
	background: #ff0000 url('../../images/bas.jpg') no-repeat top ;
	width:816px;
	height:116px;
}


div#adresse{
	width: 600px;
	font-size:13px;
	margin-left:178px;
	height:45px;
	color:#623822;
	padding-top: 5px;
	position:absolute;
	padding-bottom: 5px;
	font-weight:bold;
	text-align:center;
}


div#cat{
	font-size:13px;
	padding-top: 10px;
	margin-left:178px;
	padding-bottom:10px;
	margin-top:58px;
	font-size:11px;
	position:absolute;
	height:35px;
	color:#336600;
	text-align:left;
	width: 600px;
}

div#cat a{
	text-decoration:none;
	font-size:11px;
	margin-left:10px;
	margin-right:10px;
	color:#3E2B27;
}

div#cat a:hover{
	text-decoration:underline;
}

td.left {
	width: 77px;
	background: url('../../images/left.jpg')  ;
}
td.right {
	width: 86px;
	background: url('../../images/right.jpg')  ;
}


div#ekinoxe{
	width: 77px;
	height: 74px;
	margin-left:20px;
	margin-top: 20px;
}


/**********************MENU ***********************************/
#menu h2{
	width:140px;
	display:block;
	margin:0;
	padding:0;
	padding-left:13px;
	margin-left: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-decoration:none;
	background: url('../../images/menu2.gif') no-repeat bottom  left;
}

#menu h2 a{
	color: #5F3221;
	font-size:14px;
	text-decoration:none;
}

#menu h2 a:hover{
	color: #23120C;

}
	


h2.menutitre {
	font-size:14px;
	color:#5F3221;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
}

h2.menutitre::hover {
	color: #23120C;
}


	
#menu ul {
	margin: 0 ;
	padding: 0;
	list-style: none;
	
}

#menu li {
	width:120px;
	margin-left: 30px;
}

#menu li a {
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
	display:block;
	padding: 3px 0 3px 0;
	margin-bottom:2px;
	margin-top: 2px;
	color:#000000;
}

#menu li a:hover {
text-decoration:underline;}


/***************************************GESTION DES PRODUITS*****************************************/

.leproduit {
	width: 420px;
	height:163px;
	float:left;
	display:inline;
	margin-bottom: 25px;
	background: url('../../images/trait.gif') no-repeat bottom  ;
}

table.leproduit td {
	vertical-align: top;
}

td.letitre{
	width: 420px;
	height:20px;
}

td.letitre h1 {
	margin:0;
	padding:0;
	position:absolute;
	text-align:left;
	width:400px;
	padding-top: 3px;
	padding-left:20px;
}

td.letitre h1 a {
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	color:#422D0C;
}

td.limage{
	width: 180px;
	text-align: center;
	height:123px;
	
}

.laphoto{
	border: 2px solid #42230F;
}

td.ladescription{
	width: 240px;
	height:123px;
}

div.texte_description{
	font-size:11px;
	width:220px;
	height:90px;
	color:#42230F;
	text-align:left;
	line-height: 15px;
	padding-left:8px;
	padding-right:8px;
}

div.fiche{
	width: 50px;
	margin-top: 7px;
	margin-left: 8px;
	float:left;
	height: 16px;
	padding-left:18px;
	background: url('../../images/fiche.jpg') no-repeat ;
}

div.fiche a{
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

div.fiche a:hover{
	text-decoration:underline;

}






.produit_categorie{
font-size: 13px;
margin:0;
padding:0;
margin-bottom: 10px;
font-style:italic;
text-decoration:underline;
color:#42230F;
font-weight:bold;}

h2.produit_nom{
font-size: 16px;
text-transform:uppercase;
color:#42230F;
margin:0;
padding:0;
margin-bottom: 10px;
font-weight:bold;}



div.produit_le_descriptif{
width: 440px;
text-align:justify;

}


#page #zoom{
    position            : absolute;
    text-align          : center;
	background          : #fff;
    z-index             : 100;
}
#page #zoom img{
    margin              : 2px;
    border-top          : 1px dotted #ccc;
    border-left         : 1px dotted #ccc;
    border-right        : 1px dotted #ccc;
    padding             : 5px;
}

.page_zoom{
margin-top: 5px;
}

#page #zoom #zoom_close{
    clear               : left;
    margin              : -1px 2px 2px 2px;
    border-bottom       : 1px dotted #ccc;
    border-left         : 1px dotted #ccc;
    border-right        : 1px dotted #ccc;
    padding             : 3px;
}

#page #zoom a{
    color               : #243545;
    text-decoration     : none;
}

#page p.boutton{
    float               : left;
    margin              : 0;
    width               : 200px;
    padding             : 15px 0 0 15px;
  	 font-family         : arial;
}

#page p.boutton img{
    margin              : 0;
    padding             : 0;
}

#page .boutton a{
    color               : #42230F;
    text-decoration     : none;
}

#page .boutton a:hover{
    color               : #42230F;
    text-decoration     : underline;
}

#page .produit_achat{
    margin              : 0;
    padding             : 40px 10px 0 0;
    border-left         : 2px solid #44637f;
    text-align          : right;
    color               : #43627e;
}



table#assoc td {
	vertical-align: middle;
	text-align:center;
	color:#42230F;
}


table#assoc td img {
	border: 1px solid #42230F;
}

.miniature{
border: 2px solid #666666;}

div.description{
	font-size:13px;
	text-decoration:underline;
	color:#42230F;
	font-weight:bold;
	clear:both;
	height: 24px;
	width: 170px;
	margin-top:20px;
}

img.bordure{
	border: 2px solid #42230F;
	margin-left:15px;
	margin-top:10px;
}

.page_zoom{
	padding:0;
	margin:0;
	margin-top: 5px;
	text-align:left;
	font-weight:bold;
	color:#42230F;
	text-decoration:none;
	display:block;
}

.page_zoom:hover{
	text-decoration:underline;
}

marquee{
	position:absolute;
	height: 120px;
	font-size:11px;
	text-align:left;
	color:#42230F;
	width:135px;
}

marquee h2{
	font-size:13px;
	font-weight:bold;
	color:#80482B;
}

marquee h2 a{
	color: #80482B;
	text-decoration:underline;
}

/*********************SITEMAP*************************************/

#page h2.rub  {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 30px;	
}

#page h2.rub a {
	text-decoration: none;
	color: #623822;
	background:  url('../../images/puce3.jpg') no-repeat 0 5px;
	font-size:13px;
	padding-left: 15px;
	text-transform:lowercase;
}

#page h2.rub a:hover {
	/*color:#568243;*/
	text-decoration:underline;
}

#page ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 50px;
}

#page li a {
	margin: 0;
	font-weight:bold;
	padding-top: 2px;
	background:  url('../../images/puce4.jpg') no-repeat 0 5px;
	padding-bottom: 2px;
	padding-left: 15px;
	text-decoration: none;
	color: #337700;
}

#page li {
	padding-top: 2px;
	padding-bottom: 2px;
}

#page li a:hover {
	text-decoration:underline;
}

a.retour{
font-weight:bold;
color:#000000;
text-decoration:none;}


a.retour:hover{
text-decoration:underline;}


div#select img{
	margin-left:8px;
	margin-right: 8px;
	margin-top: 12px;
	width:70px;
	float:left;
	height:70px;
	border: 1px solid #CCCCCC; 
}

div#select {
	width: 445px;
	margin:0;
	padding:0;
	margin-top: 10px;
	float:left;
	display:inline;
	margin-bottom: 15px;
}

h1
{
	font-size: 10px;
}