/*CSS*/

* {
margin:0;
padding:0;
border:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

body{ 
background-color: #ffffff;
}

/*Code concernant le menu*/

#menu {
display:block;
float:left;
background-image: url(logo-kamala.gif);
background-repeat:no-repeat;
width:178px;
height:auto;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
text-align:left;
color:#336699;
padding: 10px 0px 0px 0px;
}

#menu ul {
padding:0px 0px 15px 10px;
margin:0;
}

#menu li {
list-style:none;
padding: 0px 0px 12px 15px;
margin:0;
}

#menu li.menu-panier {
list-style:none;
padding: 0px 0px 12px 35px;
margin:0;
font-size:11px;
}

#menu .image {
color:#336699;
background:none;
text-decoration:none;
padding: 0;
margin:0;
}

#menu .image:hover {
color:#336699;
background:none;
text-decoration:none;
padding: 0;
margin:0;
}

#menu a {
list-style:none;
background: url(lim.gif) -4px 2px no-repeat;
color:#336699;
text-decoration:none;
padding: 0px 0px 0px 15px;
}

#menu a:hover {
list-style:none;
background: url(lima.gif) -4px 2px no-repeat;
color:#fc8333;
text-decoration:underline;
padding: 0px 0px 0px 15px;
}

#menu a.actif {
list-style:none;
background: url(lima.gif) -4px 2px no-repeat;
color:#fc8333;
}

#menu a.actif:hover {
list-style:none;
background: url(lima.gif) -4px 2px no-repeat;
color:#fc8333;
}

/*Code concernant le placement général des fenêtres*/

#fleur {
display:block;
width:286px;
height:266px;
background-image: url(fleur.gif);
background-repeat:no-repeat;
position:absolute;
top:400px;
left:0px;
padding: 10px 0px 0px 0px;
margin:0;
}

#entete {
width:759px;
height:auto;
position:absolute;
left:0px;
top:95px;
margin:0;
}

#contenu {
width:759px;
height:auto;
position:absolute;
left:0px;
top:180px;
margin:0;
}

#texte {
display:block;
width:759px;
height:auto;
position:absolute;
left:178px;
padding: 10px 0px 0px 0px;
margin:0;
}

.line {
position:relative;
bottom:10px;
}

/*Code concernant le texte*/

#texte p, #texte li, #pop p {
font-size: 8pt;
color: #333399;
text-align: justify;
font-family: Verdana, Arial, sans;
line-height:12pt;
word-spacing:0.5px;
padding:0px 0px 12px 0px;
margin:0;
}

#texte a {
color: #f27f2c;
text-decoration:none;
font-size: 8pt;
}

#texte a:hover {
color: #bf4525;
text-decoration:underline;
font-size: 8pt;
}

#texte .grasi { 
font-size: 8pt;
color: #993366;
line-height:12pt;
word-spacing:0.5px;
font-weight:bold;
font-style:italic;
}

#texte .grasic { 
font-size: 8pt;
text-align:center;
color: #993366;
line-height:12pt;
word-spacing:0.5px;
font-weight:bold;
font-style:italic;
}

#texte .i { 
font-size: 8pt;
color: #000000;
line-height:12pt;
word-spacing:0.5px;
letter-spacing:0.5px;
font-style:italic;
}

#texte .petit { 
font-size: 7pt;
color: #333399;
line-height:10pt;
}

#texte p.center, #texte li.center  { 
text-align: center;
}

#texte h1 {
padding:0px 0px 10px 0px;
font-size: 12pt;
color: #333399;
text-align: left;
font-weight:bold;
font-family: Verdana, Arial, sans;
}

#texte h2 { 
margin:0;
padding:3px 0px 5px 0px;
font-size: 9pt;
color: #993366;
text-align: left;
font-weight:bold;
font-style:italic;
font-family: Verdana, Arial, sans;
text-align:justify;
}

#texte ul {
padding:0px 0px 12px 20px;
margin:0;
}

#texte li {
list-style:none;
background: url(li.gif) -2px 4px no-repeat;
padding: 0px 0px 7px 15px;
margin:0;
}

/*Code concernant l'entête du texte*/

#texte p.entete {
color:#993366;
font-size:10pt;
font-style:italic;
padding:12px 0px 12px 0px;
}

#texte a.menu1,#texte a.menu2,#texte a.menu3 {
font-size:10pt;
list-style:none;
background: url('lim.gif') -4px 3px no-repeat;
color:#336699;
text-decoration:none;
padding: 0px 0px 0px 15px;
}

#texte a.menu1:hover, #texte a.menu2:hover, #texte a.menu3:hover {
font-size:10pt;
list-style:none;
background: url('lima.gif') -4px 3px no-repeat;
color:#fc8333;
text-decoration:underline;
}

#texte a.menu1a,#texte a.menu2a,#texte a.menu3a {
font-size:10pt;
list-style:none;
background: url('lima.gif') -4px 3px no-repeat;
color:#fc8333;
text-decoration:none;
padding: 0px 0px 0px 15px;
}

#texte a.menu1a:hover, #texte a.menu2a:hover, #texte a.menu3a:hover {
font-size:10pt;
list-style:none;
background: url('lima.gif') -4px 3px no-repeat;
color:#fc8333;
text-decoration:underline;
}

#texte a.menu1, #texte a.menu1a {
position:relative;
left:50px;
}

#texte a.menu2, #texte a.menu2a {
position:relative;
left:220px;
}

#texte a.menu3, #texte a.menu3a {
position:relative;
left:390px;
}

.menub1 {
position:absolute;
left:0px;
}

.menub2 {
position:absolute;
left:224px;
}

.menub3 {
position:absolute;
left:467px;
}

/*Code concernant les tableaux*/

tr.entete td, td.entete {
  background-color: #666699;
  border: 1px solid #ffffff;
  color:#ffffff;
}

tr.dark td, td.dark {
  background-color: #d8d6e4;
  border: 1px solid #ffffff;
}

tr.light td, td.light {
  background-color: #ffffff;
  border: 1px solid #d8d6e4;
}

tr.lightf td, td.lightf {
   border: 0px solid #d8d6e4;
   padding: 2px 0px 2px 0px;
}

tr.dark td, tr.light td, tr.lightf td, tr.entete td {
  padding: .3em .3em;
}

td {
padding:2px;
}

table {
border-collapse: collapse;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #333399;
text-align: justify;
padding-left: 40px;
padding-right: 40px;
}

/*Code concernant le bas (copyright)*/

#bas {
width:759px;
height:auto;
padding:0;
margin:0;
}

#bas p {
font-size: 8pt;
color: #333399;
text-align: center;
font-family: Verdana, Arial, sans;
}

/*Code concernant la page index*/

#index p {
font-size: 12pt;
color: #333399;
text-align: center;
font-family: Verdana, Arial, sans;
line-height:12pt;
word-spacing:0.5px;
padding:10px 0px 10px 0px;
margin:0;
}

#index .orange {
color: #f27f2c;
}

#index .coord {
font-size: 10pt;
}

#index a {
color: #f27f2c;
text-decoration:none;
}

#index a:hover {
color: #bf4525;
text-decoration:underline;
}

/*Code concernant les formulaires*/

.formulaire {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:12px;
text-align: left;
line-height:13pt;
padding:3px 10px 3px 0px;
margin:0;
border: 1px solid #d8d6e4;
}

.formulaire2 {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:12px;
text-align: center;
padding:3px 3px 3px 3px;
margin:0;
color:#333399;
background-color: #d8d6e4;
border: 1px solid #333399;
}

h3 {
font-size:12px;
padding: 6px 10px 6px 0px;
font-weight:normal;
letter-spacing:0.5px;
}

h3.back {
font-size:12px;
padding: 6px 10px 6px 0px;
background-color:#d8d6e4;
color: #993366;
line-height:12pt;
word-spacing:0.5px;
font-weight:bold;
font-style:italic;
}

h4 {
font-size:12px;
padding: 6px 10px 6px 0px;
font-weight:normal;
letter-spacing:0.5px;
text-align:left;
padding: 4px 5px 4px 5px; 
}
#texte a.commande, #texte a.actif.commande {
	display:block;
	text-align:center;
	color:#ffffff;
	letter-spacing:0;
	font-size:10px;
	font-variant:normal;
	text-decoration:none;
	height:17px;
	background:url(commande1.gif) 0px 0px no-repeat;
	background-position:center;
	width:127px;
	padding:6px 6px 3px 6px;
	margin:0;
}
#texte a:hover.commande, #texte a.actif:hover.commande {
	background: url(commande2.gif) 4px 4px no-repeat;
	margin:0;

}

input.text, textarea {
border:1px solid #666699;
margin:1px;
padding:1px;
 font-size:10px;
}
input.commande {
	display:block;
	text-align:center;
	color:#ffffff;
    font-size:10px;
	font-variant:normal;
	letter-spacing:0;
	text-decoration:none;
	height:17px;
	background:url(commande1.gif) no-repeat;
	background-position:center;
	width:127px;
	padding:0px 6px 3px 6px;
	margin:0;
}

input:hover.commande {
    background:url(commande2.gif) no-repeat;
}
input.button_moins, input.button_plus, input.button_supp {
	width:18px;
	height:18px;
	padding:0px;
	margin:1px;
}
input.button_moins {
    background:url(button_moins.gif) no-repeat;
}
input.button_plus {
    background:url(button_plus.gif) no-repeat;
}
input.button_supp {
    background:url(button_supp.gif) no-repeat;
}