#bloc {
width: 200px;
}

#menu_gauche {
float: left;
width: 200px;
padding-top: 20px;
}

#contenu {
float: left;
padding: 1.5em;
width: 200px;
}

#liste {
margin: 0;
list-style-type: none;
padding: 0.3em 0.5em;
width: 100%;
}

#liste li {
list-style-type: none;
margin: 0.5em 0;
}

#liste li a {
	text-align: left;
	display: block;
	border-width: 1px;
	border-color: #E2CEB3 #6C533A #6C533A #E2CEB3;
	border-style: solid;
	text-decoration: none;
	background: transparent;
	COLOR: #291200;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	font-style: Arial, Times New Roman, Times, serif;
	font-weight: bold;
}

#liste li.solde a {
	text-align: left;
	display: block;
	border-width: 1px;
	border-color: #E2CEB3 #6C533A #6C533A #E2CEB3;
	border-style: solid;
	text-decoration: none;
	background: #ff8253;
	COLOR: #291200;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	font-style: Arial, Times New Roman, Times, serif;
	font-weight: bold;
}

#liste li a:hover {
color: #fff;
background: #953800;
border-color: #E2CEB3 #6C533A #6C533A #E2CEB3;
}

#smenu1 li a, #smenu2 li a, #smenu3 li a, #smenu4 li a{
	background: #FFDAB9;
	FONT-SIZE: 12px;
	margin-left: -30;
}



SELECT {
	BACKGROUND-COLOR:#FDEAD6;
	BORDER-BOTTOM:#0000001px;
	BORDER-LEFT: #0000001px;
	BORDER-RIGHT:#0000001px;
	BORDER-TOP:#0000001px;
	COLOR:#501010;
	CURSOR:e-resize;
	FILTER:Alpha(Opacity=30);
	TEXT-ALIGN:left;
	font-family:Arial, Times New Roman, Times, serif;
}

TEXTAREA {
	BACKGROUND-COLOR:#ebebeb; BORDER-BOTTOM:#0000001px solid;BORDER-LEFT:#0000001px solid;BORDER-RIGHT:#0000001px solid; BORDER-TOP:#0000001px solid; COLOR:#501010;FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; FONT-SIZE:11px
}

INPUT {
	BACKGROUND-COLOR:#ebebeb;  COLOR:#501010;
}

.option1 {
	color:#FFCC99;
	background-color:#660000;
}

.select1 {
	BACKGROUND-COLOR: #660000;
	BORDER-BOTTOM: #0000001px solid;
	BORDER-LEFT: #0000001px solid;
	BORDER-RIGHT: #0000001px solid;
	BORDER-TOP: #0000001px solid;
	COLOR: #FFCC99;
	CURSOR: e-resize;
	FILTER: Alpha(Opacity=30);
	TEXT-ALIGN: left;
	font-family: Arial, Times New Roman, Times, serif;
	font-size:11;
}

.input1 {
	BACKGROUND-COLOR:#900000;
	BORDER-BOTTOM:#0000001px solid;
	BORDER-LEFT:#0000001px solid;
	BORDER-RIGHT:#0000001px solid;
	BORDER-TOP:#0000001px solid;
	COLOR:#FFCC99;
	FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE:12px;
	font-style:Arial, Times New Roman, Times, serif;
	font-weight:bold;
}

.input2 {
	BACKGROUND-COLOR:#FFE4C4;
	BORDER-BOTTOM:#0000001px solid;
	BORDER-LEFT:#0000001px solid;
	BORDER-RIGHT:#0000001px solid;
	BORDER-TOP:#0000001px solid;
	COLOR:Black;
	FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE:12px;
	font-style:Arial, Times New Roman, Times, serif;
	font-weight:bold;
}

.input3 {
	BACKGROUND-COLOR:#D2FFAE;
	BORDER-BOTTOM:#0000001px solid;
	BORDER-LEFT:#0000001px solid;
	BORDER-RIGHT:#0000001px solid;
	BORDER-TOP:#0000001px solid;
	COLOR:#004900;
	FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE:12px;
	font-style:Arial, Times New Roman, Times, serif;
	font-weight:bold;
}

.input4 {
	BACKGROUND-COLOR:White;
	BORDER-BOTTOM:#0000001px solid;
	BORDER-LEFT:#0000001px solid;
	BORDER-RIGHT:#0000001px solid;
	BORDER-TOP:#0000001px solid;
	COLOR:#333333;
	FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE:12px;
	font-style:Arial, Times New Roman, Times, serif;
	font-weight:bold;
}

.access {
	font-family:Arial, Times New Roman, Times, serif;
	font-size:12px;
	font-weight:bold;
	color:#FFCC99;
	background-color:transparent;
}
a.access:link {
	color:#891300;
	text-decoration:none
}
a.access:visited {
	color:#891300;
	text-decoration:none
}
a.access:hover {
	color:#FFF29D;
	text-decoration:none
}

.skip {
	font-family:Arial, Times New Roman, Times, serif;
	font-size:16px;
	font-weight:bold;
	color:#FFCC99;
	background-color:transparent;
}
a.skip:link {
	color: #ffffdf;
	text-decoration: none;
}
a.skip:visited {
	color: #ffffdf;
	text-decoration: none;
}
a.skip:hover {
	color:#FFF29D;
	text-decoration:none
}

.catal {
	font-family: Arial, Times New Roman, Times, serif;
	font-size: 14px;
	font-weight: bold;
	background-color: transparent;
}
a.catal:link {
	color:#891300;
	text-decoration:none
}
a.catal:visited {
	color:#891300;
	text-decoration:none
}
a.catal:hover {
	color:#FFF29D;
	text-decoration:none
}

.objet {
   width:800px;
   height: 430px;
   overflow:auto;
   border: 3px solid #6C2900;
/*   background-color: #D6CAC4; */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}

.catalogue {
   width:800px;
   height: 110px;
   overflow:auto;
   border: 3px solid #A8511C;
/*   background-color: #D6CAC4; */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}

.offre {
   width:800px;
   height: 110px;
   overflow:auto;
   border: 3px solid #A8511C;
/*   background-color: #D6CAC4; */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}

.presentation1 {
   width:350px;
   height: 550px;
   overflow:hidden;
   border: 3px solid #A8511C;
/*   background-color: #D6CAC4; */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left; 
}

.presentation2 {
   width:430px;
   height: 150px;
   overflow:auto;
   border: 3px solid #542911;
/*   background-color: #D6CAC4; */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}

.presentation3 {
   width:430px;
   height: 370px;
   overflow:auto;
   border: 3px solid #542911;
/*   background-color: #D6CAC4; */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}

.shadowImage
{
  /* On met notre span en bloque */
  display:block;
 
  /* On lui applique un float left, il sort ainsi du flux standard
  et n'occupera pas toute la largeur disponible comme il l'aurait
  fait normalement */
  float:left;
 
  /* On place notre ombre en arrière plan en bas à droite */
  background: url('images/shadowAlpha-mini.png') no-repeat bottom right;
 
  /* Quelques marges pour le style... */
  margin: 10px 0 0 10px;
}
 
.shadowImage img
{
  /* On fixe notre image en format bloque */
  display: block;
 
  /* On définit sa position à relative pour plus de liberté */
  position: relative;
 
  /* Son fond est blanc pour obtenir une bordure de cette couleur*/
  background-color: #ffffff;
 
  /* Une autre bordure */
  border: 1px solid #a9a9a9;
 
  /* Les marges positives servent à aficher les ombres,
     les marges négative sortent l'image de son coteneur */
  margin: -6px 6px 6px -6px;
 
  /* Marge interne pour la bordure blanche */
  padding: 2px;
 
}