body {
       background-color: #fff;
       text-align: justify;
       margin-top: 0px;
       margin-left: 0px;
       margin-right: 0px;
       font-family: Arial, Geneva, Verdana;
       voice-family: "\"}\""; /* for ie5 */
}

.page {
        text-align: left;
        width:90%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        padding-bottom: 0px;
        border: 1px solid #ccc;
        border-right: 2px solid #ccc;
        border-bottom: 2px solid #ccc;
        background-color: #fff;
}

.consumer_banner {
           -moz-border-radius: 7px;
	text-align: center;
	padding-bottom: 20px;
}
.version {
           text-align: right;
           font-size: xx-small;
           padding: 0.5ex;
}

.header {
          height: 82px;
          font-size: xx-small;
          clear: both;
          background-image: url(/images/banner.png);
}

h1 { font-size: x-large; text-align: center; }

.navigation{
             width:100%;
             background-image: url(/images/tile.gif);
             float: right;
             display: inline;
             margin-bottom: 0px;
}

.onglet { margin:0; padding:0; }

.onglet li {
             list-style:none;
             float:left;
             margin:0px;
             font-size:13px;
             line-height:25px;
             white-space:nowrap;
             }

.onglet a {
            display:block;
            float:left;
            padding:0 15px 0 15px;
            text-decoration:none;
            font-weight:bold;
            border: 1px solid;
            border-top:0px;
            border-color:#FFF #bbb #bbb #FFF;
            color: #8e8e8e !important;
            background:#CCC url(/images/tile.gif);
            font-family: Arial, Geneva, Verdana;
}

.onglet a:hover {
                  background-image:url(/images/tile_on.gif);
                  color: #FFF !important;
                  }
.legal {
         font-family: Arial, Helvetica, sans-serif;
         font-size: x-small;
         width: 600px;
         color: #333333;
         text-align: center;
         margin-top: 30px;
         margin-left: auto;
         margin-right: auto;
         }

.content {
           margin-top: 10px;
           margin-left:20px;
           padding-left:0px;
           padding-top:2px;
           padding-right:20px;
           padding-bottom:20px;
           }

body, p, ol, ul, td {
    font-family: verdana, arial, helvetica, sans-serif;
}

ul {
    padding-left: 1em;
    margin-top: 0em;
    margin-bottom: 0em;
}

ul li {
    list-style-image: url(/images/x.png);
}

pre {
      background-color: #eee;
      padding: 10px;
      font-size: 11px;
}

a { color: #000; }
a:visited { color: #666; }
a:hover { color: #a33; }

.fieldWithErrors { padding: 2px; background-color: red; display: table; }

#ErrorExplanation {
                    border: 2px solid red;
                    padding: 7px;
                    padding-bottom: 12px;
                    margin-bottom: 20px;
                    background-color: #f0f0f0;
}

#ErrorExplanation h2 {
                       text-align: left;
                       font-weight: bold;
                       padding: 5px 5px 5px 15px;
                       font-size: 12px;
                       margin: -7px;
                       background-color: #c00;
                       color: #fff;
}

#ErrorExplanation p {
                      color: #333;
                      margin-bottom: 0;
                      padding: 5px;
}

#ErrorExplanation ul li { font-size: 12px; list-style: square; }

div.consumer-notice {
             font-size: 12px;
             background-color: #eee;
             color: #070;
             border: 1px solid black;
             text-align: center;
             margin-top: 5px;
             margin-bottom: 10px;
             margin-left: 50px;
             margin-right: 50px;
}

div.error {
            font-size: 12px;
            background-color: #eee;
            color: #700;
            border: 2px solid red;
            text-align: center;
            margin-top: 5px;
            margin-bottom: 10px;
            margin-left: 50px;
            margin-right: 50px;
}

div.shopset_selector { white-space: nowrap; }

div.credit { margin-top: 3px; }
th { text-align: left; }

.user_header { width: 100%; }
.user_header tr td { padding-left: 7px; padding-right: 7px;
                     padding-top: 0px; padding-bottom: 0px;
                     margin-bottom: 0px; margin-top: 0px; }
.user_header tr td * { padding: 0px; }

.form {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #E8EDF2;
        -moz-border-radius: 10px;
        color: #444;
        font-weight: bold;
        font-family: "Arial Narrow", Geneva, Arial;
        font-size: small;
        margin-bottom: 5px;
}

.listing {
           padding-top: 5px;
           padding-bottom: 5px;
           padding-left: 5px;
           padding-right: 5px;
           background-color: #DDDDDD;
           -moz-border-radius: 7px;
           color: #3A0144;
           font-family: "Arial Narrow", Geneva, Arial;
           border-spacing: 2px;
           margin-top: 5px;
           margin-bottom: 10px;
           margin-left: auto;
           margin-right: auto;
}

.listing tr th {
                 font-weight: bold;
                 font-size: large;
                 background-color: #d2dce6;
                 padding: 3px;
}
.listing tbody tr th {
                       font-weight: bold;
                       font-size: inherit;
                       background-color: #d2dce6;
                       padding: 3px;
}
.listing tr td {
                 font-size: small;
                 padding: 3px;
                 background-color: #EEEEEE;
}
.listing tr td.button {
                        font-size: small;
                        padding: 3px;
                        background-color:#E8EDF2;
}

.formcaption {
               font-size: 12px;
               text-align: right;
               background-color: #d2dce6;
}

.forminput {
             background-color:#d2dce6;
}

form { margin-bottom: 0px; }

form input, form textarea, form select {
                                        border: 1px solid #3A0144;
                                        background-color: white;
                                        font-size: x-small;
                                        font-weight: bold;
                                        color: #5D0375;
}


form input:focus, form textarea:focus {
                                        border: 1px solid black;
                                        background-color: #EEEEEE;
}

form input[type="submit"] {
                            background-color: #DDDDDD;
                            border: 1px solid #3A0144;
}

form input.large-button[type="submit"] {
                                         font-size: large;
                                         background-color: #e8edf2;
                                         border: 1px solid #999;
}

.managed_object { font-weight: bold; font-size: large; }
.op_name { font-weight: bold; }

a.link_button {
                color: #5e80a3;
                display: block;
                padding: 2px 7px 2px 7px;
                text-decoration: none;
                font-size: 11px;
                font-weight: bold;
                background-color: #e8edf2;
                border: 1px solid #999;
                text-align: center;
}

a.large-button {
                color: #5e80a3;
                display: block;
                padding: 2px 7px 2px 7px;
                text-decoration: none;
                font-size: large;
                font-weight: bold;
                background-color: #e8edf2;
                border: 1px solid #999;
                text-align: center;
}
/*.cell_a {
	background-color: #FFFFFF;
	width: 10px;
}
.cell_b {
	background-color: #FFFFFF;
	width: 1px;
}*/
a img {
        border: none;
}
.txt_creer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	color: #5D0375;
	background-color: #EEEEEE;
	text-align: left;
	padding: 10px;
	font-weight: bold;
}
.txt_creer_b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	color: #333333;
	text-align: left;
	font-weight: normal;
}
.txt_bienv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
	background-color: #EEEEEE;
	text-align: left;
	padding: 10px;
}

.consumer-info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	color: #3A0144;
	background-color: #EEEEEE;
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
.welcome {
           background-color: #FFFFFF;
           padding-left: 10px;
           padding-right: 4px;
           margin-bottom: 20px;
           text-align: center;
           width: 600px;
           margin-left: auto;
           margin-right: auto;
}
.welcome-inner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: ;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	padding: 7px;
	font-weight: normal;
 }
.consumer-error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	color: #FF0000;
	background-color: #EEEEEE;
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
.help {
	margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        background-color: #DDD;
}
 #navcontainer ul
{
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0;
        margin-left: auto;
        margin-right: auto;
	margin-top: 0;
	/* cancels gap caused by top padding in Opera 7.54 */
	background-color: #ae81ba;
	color: white;
	width: 800px;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 10px;
	font-size: x-small;
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #5D0375;
color: white;
}

#navcontainer #active { border-left: 1px solid #fff; }
.menu {
	/* pb : m^^e si le pading top=0, il y a quand même un espace entre l'image et labarre de menu*/ }
.button-to{
	text-align: center;
}