/* Mise en forme générale */
body {
 margin:0;
 padding:0;
 font-family:Verdana,Arial,Sans Serif;
 font-size:12px;
 color:#3A3A3A;
 text-align:justify;
 background-color:#2B4C00;
}

img {
 border:0;
 padding:0;
 margin:0;
}

a {
 text-decoration:none;
 color:#3A3A3A;
}

a:visited {
 color:#3A3A3A;
}

a:hover {
 color:#3A3A3A;
 text-decoration:none;
}

.br {
   clear:both;
}

/* Fin Mise en forme générale */

/* Positionnement global */
#conteneur {
   position:absolute;
   width:1000px;
   top:0px;
   left:0px;
   /*left:50%;
   margin-left: -500px;*/
   background-color:#2B4C00;
}

/* Pour le bandeau */
.bandeau {
   width:1000px;
   height:101px;
   background-image:url('../../../img/subway/bandeau.gif');   
   background-repeat:no-repeat;
   background-color:#2B4C00;
   color:#FFFFFF;
}

.bandeau a {
   color:#FFFFFF;
}

.ident {
   float:right;
   margin-top:10px;
   width:226px;
}

.ident .ligne {
   width:226px;
   height:20px;
   margin-left:0px;   
}

.ident input {
   border: 1px solid #2B4C00;
}

.ident div.colonne1 {
   width:226px;
   margin-top:0px;
}

.ident div.colonne1 img {
   float:left;
}

.ident div.colonne1 .label {
   width:93px;
}

.ident div.colonne1 .champ {
   width:133px;
}

#login  {
   width:112px;
}

#password  {
   width:93px;
}

.ident input.image {
   display:inline;
   vertical-align:middle;
   width:auto;
   border:0px;
}
/* Fin pour le bandeau */

/* Menu Gauche */

.gauche {
   float:left;
   width:143px;
   height:415px;
   background-color:#2B4C00;
   background-image:url('../../../img/subway/menugauche.gif');   
   background-repeat:no-repeat;   
   
}

.gauche ul {
   padding:0px;  
   margin:0px;   
   margin-left:14px;
   list-style-type:none;
   text-align:left;  
   line-height:16px;     
}

.gauche ul li {
   float:left;
   width:129px; 
   background-image:url(../../../img/subway/fleche_menu.gif);   
   background-repeat:no-repeat;
   background-position:0px 2px; 
   margin-bottom:13px;   
}

.gauche ul a {
   display:block;
   color:#FFFFFF;
   padding-left:13px;
}

.gauche ul a:hover {
 color:#FFFFFF;
}

.gauche ul a:visited {
 color:#FFFFFF;
}

/* Fin Menu gauche */

/* Contenu du site */
.contenu {
   float:left;
   width:631px;
   min-height:415px;
   background-color:#FFFFFF;
}

.contenu a {
 color:#80A026;
}

.contenu a:hover {
 color:#3A3A3A;
 text-decoration:underline overline;
}
/* Fin contenu du site */

/* Bandeau droite */
.droite {
   float:left;
   width:226px;   
   background-color:#2B4C00; 
   color:#FFFFFF;
   text-align:center;
}

.droite a {
   color:#FFFFFF;   
}

.droite a:hover {
   color:#FFFFFF;   
}

.droite a:visited {
   color:#FFFFFF;   
}

.droite .p {
   font-family:Verdana,Arial,Sans Serif;
   font-size:11px;
   font-weight:bold;
   color:#FFFFFF;   
}

.droite .commander {
   display:block;
   width:205px;
   height:123px;
   margin-left:11px;
   background-image:url(../../../img/subway/commander.gif);   
   background-repeat:no-repeat;   
}

/* Fin bandeau droite */

/* Promotions */

#promos {
   width:205px;
   margin-left:11px;
   margin-top:3px;
   background-color:#80A026;
   padding-bottom:10px;
}

#promos .titre {
   width:205px;
   height:48px;
   background-image:url(../../../img/subway/bandeau_promos.gif);   
   background-repeat:no-repeat;      
}

#promos .listepromo {
   width:197px;
   height:88px;
   margin-left:4px;
   background-color:#FFFFFF;
}

#AutoScrollContainer {
   position:absolute;
   z-index:1;
   left:50%;
   margin-left : 285px;
   top:345px;   
   width:197px;
   height:88px;
   clip:rect(0,100,25,0); 
   overflow:hidden; 
}

#AutoScrollContent {
 position:absolute;
 top:0px;
 left:1px;
 width:197px;
 height: 88px;
}  

#AutoScrollContent ul {  
   padding:0px;
   margin:0px;
   padding-bottom:5px;
   list-style-type:none;
}

#AutoScrollContent ul li {
   list-style:none;
   margin:0px;
   padding:0px;    
}

#AutoScrollContent a {
   margin:0px;
   padding:0px;
   font-size:11px;
   font-style:italic;
   font-weight:bold;
   margin-top:2px;
   color:#000000;
}
/* Fin promotions */

/* Caddy */

#caddy {
   margin-top:3px;
   width:205px;
   background-color:#80A026;
   margin-left:11px;
}

#caddy .bandeau {
   width:202px;   
   height:19px;
   margin-left:2px;
   background-color:#80A026;   
   background-image:url(../../../img/subway/bandeau_panier.gif);   
   background-repeat:no-repeat;   
   border-bottom:1px solid  #FFFFFF;
}

#caddy .titre {
   float:left;
   width:205px;
   margin-top:5px;   
   color:#055546;
   font-family:Verdana,Arial,Sans Serif; 
   font-weight:bold;   
}

#caddy .ligne {
   width:205px; 
   color:#323232;
   text-align:left;   
   font-family:Verdana,Arial,Sans Serif; 
   font-weight:bold;   
   font-size:10px;
   margin-left:4px;   
   min-height:18px;    
   margin-bottom:2px;   
}

#caddy .plateau {
   color:#323232;
}

#caddy .colonne1 {
   width:201px;  
   margin-left:0px;   
}

#caddy .colonne1 .label {
   width:161px;  
   text-align:left;  
   vertical-align:bottom;   
   padding-top:2px;
}

#caddy .colonne1 .champ {
   width:40px; 
}

#caddy .ligne a.right {
   float:right;
   margin-right:10px;
}

#caddy input.image {
   float:left;   
   width:auto;
   border:0px;
}

/* Fin Caddy */

/* Bas de page */
.bas {
   clear: both;
   width:1000px;
   height:30px;
   background-color:#2B4C00;   
   color:#FFFFFF;
   text-align:center;   
}

.bas p {
   padding-top:10px;
}
.bas a {
   color:#FFFFFF;
}

.bas a:hover {
   color:#FFFFFF;
}

.bas a:visited {
   color:#FFFFFF;
}

/* Fin base de page */

.img_plateau {
   position:absolute;
   width:190px;
   text-align:right;
   top:105px;
   left:580px;
   z-index:2;
   /*border:1px solid  black;*/
}

.ligne {
   float:left;
   width:616px;
}

.ligne2 {
   float:left;
   width:308px;
}

.ligne3 {
   float:left;
   width:200px;
   background-color:#ff0000;
   /*margin-right:3px;*/
}

.ligne4 {
   float:left;
   width:45px;
   /*background-color:#00ff00;*/   
}

/*
.texte .ligne {
   width:600px;
}
*/


.saut_ligne {
   float:left;
   width:616px;
   height:20px;
}

/*
.texte .saut_ligne {
   width:600px;
}
*/

.ligne input , .ligne textarea, .ligne select {
   font-size:11px;
   font-family :  Arial, Helvetica, sans-serif,Verdana,;
}


div.colonne1 {
   float:left;
   margin-top:5px;
   width:616px;
   /*background-color:#FF0000;*/
}

div.colonne_droite {
   float:left;
   margin-top:5px;
   width:616px;
   text-align:right;
}

div.colonne_center {
   float:left;
   margin-top:5px;
   width:616px;
   text-align:center;
}


div.colonne2 {
   float:left;
   margin-top:5px;
   width:308px;
   /*background-color:#FF0000;*/
}

div.colonne3 {
   float:left;
   margin-top:5px;
   width:300px;
   /*background-color:#FF0000;*/
}

div.colonne2 .label {
   float:left;
   text-align:right;
   vertical-align:top;
   /*background-color:#000ff; */
}

div.colonne2 .champ {
   float:right;
   text-align:left;
   /*background-color:#00ff00; */  
}

div.colonne3 .label {
   float:left;
   text-align:right;
   vertical-align:top;
   /*background-color:#000ff; */
}

div.colonne3 .champ {
   float:left;
   text-align:left;
   /*margin-left:1px;*/
   /*ackground-color:#0000ff;  */
}


div.colonne1 .label {
   float:left;
   text-align:right;
   vertical-align:top;
   width:250px;
   /*background-color:#000ff; */
}

div.colonne1 .champ {
   float:right;
   text-align:left;
   width:300px;
   /*background-color:#00ff00; */  
}


div.colonne1 .champ input , div.colonne1 .champ textarea, div.colonne1 .champ select {
   width:180px;
}


div.colonne1 .champ input  {
   width:177px;
}

div.colonne1 input.numeric {
   width:50px;
}

div.colonne3 input.numeric {
   width:50px;
}

div.colonne2 input.numeric {
   width:50px;
}

div.colonne1 input.numeric_court {
   width:30px;
}

div.colonne1 input.numeric_ligne {
   width:50px;
   float:left;
}
div.colonne1 .champ input.check {
   width:auto;
}

div.colonne1 input.image {
   display:inline;
   vertical-align:middle;   
   width:auto;   
   border:0px;

}

div.colonne1 input.image_float {
   width:auto;   
   border:0px;
   float:left;
}


div.colonne1 select.jour {
   width:50px;
}

div.colonne1 select.mois {
   width:85px;
}

div.colonne1 select.annee {
   width:55px;
}

/* ¨Page d'accueil */

.contenu .texte {
   padding:3px;
   background-image:url('../../../img/subway/background.jpg');   
   background-repeat:no-repeat;    
   min-height:415px;   
}

.contenu .fond_plateau {
   padding:3px;
   background-image:url('../../../img/subway/background1.jpg');   
   background-repeat:no-repeat;    
   min-height:415px;   
}

.texte2 {
   padding:2px;    
   border:1px solid #346F4A;
   min-height:415px;     
}

.contenu .contenugauche {
   float:left;
   width:188px;
}

.contenu .contenucentre {
   float:left;
   width:250px;
}

#flash {
   width:247px;
   height:213px;
   margin-top:8px;
}

*.contenu .contenucentre .text {
   margin-top:8px;   
   width:239px;
   text-align:justify;
   padding-left:4px;
   padding-right:4px;
}

.contenu .contenudroit {
   float:left;
   width:191px;
}
.contenu .photo {
   width:185px;
   background-image:url(../../../img/subway/cadre_gauche.gif);   
   background-repeat:repeat-y; 
}

.contenu .photo .cadrehaut {
   width:185px;
   height:8px;
   background-image:url(../../../img/subway/cadre_haut.gif);   
   background-repeat:no-repeat;      
}

.contenu .photo .cadredroit {
    background-image:url('../../../img/subway/cadre_droit.gif');
    background-repeat: repeat-y;
    background-position: right;    
}

.contenu .photo .interieur {
   margin-left:5px;
   width:5px;
}

.contenu .photo .cadrebas {
   width:185px;
   height:8px;
   background-image:url(../../../img/subway/cadre_bas.gif);   
   background-repeat:no-repeat;      
   
}

/* Fin page d'accueil */

/* Mise en forme texte contenu */

h1 {
 float:left;
 display:block;
 width:616px; 
 font-family:Verdana,Arial,Sans Serif;
 font-size:14px;
 color:#3A3A3A;
 text-align:left;  
 padding:0px;
 margin:0px;
 margin-top:5px; 
 margin-bottom:5px;
}

h2 {
 float:left;
 display:block;
 width:616px; 
 font-family:Verdana,Arial,Sans Serif;
 font-size:13px;
 color:#3A3A3A;
 text-align:left;  
 padding:0px;
 margin:0px;
 margin-top:5px; 
 margin-bottom:5px;
}

.lien {
   background-image:url(../../../img/subway/fleche_lien.gif);   
   background-repeat:no-repeat;
   background-position:0px 4px; 
   padding-left:8px;   
   font-family:Verdana,Arial,Sans Serif;
   font-size:13px;
   font-weight:bold;
   color:#80A026;
   text-align:left;
 
}

/* Tables */

.contenu table {
   width:616px;
   padding:0px;
   margin:0px;
   border-collapse:collapse;
   text-align:center; 
   vertical-align: middle;
}

.contenu table .th {
   background-color:#055546;
   color:#FFFFFF;
}

.contenu table.border .th td {
   border:1px solid #FFFFFF; 
   vertical-align:middle;
}

.contenu table.border {
   border:3px solid #055546; 
}

.contenu table.border .th td {
   border:1px solid #FFFFFF; 
   vertical-align:middle;   
}

.contenu table.border td {
   border-left:1px solid #055546; 
   border-right:1px solid #055546; 
   vertical-align:middle;
}

/* No border */

.contenu table.no_border {
   border:0px; 
}

.contenu table.no_border tr {
   height:30px;
}

.contenu table.no_border .th {
   border-left:2px solid #055546; 
   border-right:2px solid #055546; 
   height:auto;   
}

.contenu table.no_border .th td {
   border-left:1px solid #FFFFFF; 
   border-right:1px solid #FFFFFF; 
}

.contenu table.no_border .tr {
   border-left:2px solid #055546; 
   border-right:2px solid #055546; 
   height:auto;    
}

.contenu table.no_border .tr td {
   border:1px solid #055546; 
}


.alternate {
   background-color: #e5e3d3;
}

/* Fin Tables */

.produit {
   margin-right:10px;
   float:left;
   width:100px;
   height:100px;
   /*border:1px solid black;*/
   text-align:center;
}


.viande {
   float:left;
}

#plateau {
   float:left;
   margin-top:10px;
   padding-top:10px;
   padding-bottom:10px;
   border: 1px solid #00FF00;
   width: 616px;
   min-height: 130px; 
   text-align:center;   
}

#poubelle {
   float:left;
   margin-top:10px; 
   padding-top:10px;
   padding-bottom:10px;    
   border: 1px solid #FF0000;
   width: 616px;
   height: 130px;
   text-align:center;
   font-size:18px;   
}



#panel1, #panel2, #panel3, #panel4, #panel5,  #panel6 {
    margin: 0;
    padding-bottom: 0;
    border: none;
}

.body_panel {
   padding-top:10px;
   padding-bottom:10px;
   /* height:150px;*/
   min-height:100px;
}

/* Onglets composition */

#header {
background:#FFFFFF url(../../../img/subway/bg.gif) repeat-x bottom;
line-height:normal;
height:24px;
clear:both;
/*border-bottom:1px solid #055546;*/
}

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

#header li {
float:left;
background:url(../../../img/subway/left.gif) no-repeat left top;
margin:0;
padding:0 0 0 5px;
}

#header a {
float:left;
display:block;
background:url(../../../img/subway/right.gif) no-repeat right top;
padding:5px 5px 4px 3px;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
/*width:87px;*/
}
/* Commented Backslash Hack
 hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
color:#FFFFFF;
}

#header #current {
background-image:url(../../../img/subway/left_on.gif);
border-width:0;
}
#header #current a {
background-image:url(../../../img/subway/right_on.gif);
color:#333;
padding-bottom:5px;
}

#plateau_txt {
   font-size:18px;
}
.error {
   color:#FF0000;
   font-size:14px;
   font-weight:bold;
}