body , html
        {
        font: 8pt/16pt arial; 
        color: #555753; 
        margin : 0px 0px 0px 0px;
        height:100%;
        scrollbar-base-color: #021C68;
        background-color:#021C68;
        }
#container
        {
        width:100%;
        height:100%;
        text-align:center;
        background-color:#021C68;
        background-image:url(images/charte/fdpage.gif);
        }
#table_charte
        {
        /*height:100%;
        min-height:100%; */
        width:900px;
        margin-left:auto;
        margin-right:auto;
        background-color:#021C68;
        }
#td_charte        
        {
        height:100%;
        width:100%;
        background-color:#021C68;
        background-image:url(images/charte/fond.jpg);
        background-repeat: no-repeat;
        padding-left:0px;
        padding-right:0px;
        background-attachment: scroll;
        background-position: left top;
        }
/*
#content
        {
         float:right;
         width:650px;
         height:285px;
         margin-right:10px;
         overflow:auto;
         /*border:1px red solid; * /
        }
*/
#content
        {
         float:right;
         width:650px;
         height:auto;
         margin-right:10px;
         /*overflow:auto; */
        /* border:1px red solid; */
        }
#content p,
#content h2 span
        {
        text-align:left;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        color:#fff;
        line-height:1.3em;
        margin:0 0 10px 0;
        }
#content p b
        {
         color:#fc0;
        }
#content ol.chiffres,
#content ol.chiffres li
        {
        text-align:left;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        color:#fff;
        list-style-type:decimal;
        }
#content ol.lettress li
        {
        text-align:left;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        color:#fff;
        list-style-type:lower-alpha;
        line-height:1.9em;
        margin-right:10px;
        }
/****
#content ol.lettress
        {
        counter-reset: compteur;
        }
#content ol.lettress li
        {
        display: block;
        text-align:left;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        color:#fff;
        list-style-type:lower-alpha;
        }
/ *
#content ol.lettress li:before { content: counter(compteur) ". "; counter-increment: compteur; }
* /
#content ol.lettress li:before
        {
        display: marker;
        content: counter(compteur, lower-alpha) ")";
        counter-increment: compteur;
        }
*/
#content ol.chiffres li b,
#content ol.lettress li b
        {
        color:#fc0;
        }
#content h1
        {
        color:#768bb3;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:18px;
        font-weight:bold;
        text-align:left;
        height:30px;
        padding:20px 0 0 0;
        width: 90%;
        border-bottom:1px #768bb3 solid;
        }
#content h2
        {
        color:#fff;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:14px;
        font-weight:bold;
        text-align:left;
        }
#content h3
        {
        color:#fc0;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:13px;
        font-weight:bold;
        text-align:left;
        border-left:4px #768bb3 solid;
        padding:0 0 0 5px;
        }
#content p a,
#content h2 span a,
#content ol li a
        {
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        text-decoration: none;
        color: #fc0;
        }
#content p a:hover,
#content h2 span a:hover,
#content ol li a:hover
        {
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        text-decoration:underline;
        color: #fc0;
        }
#basdepage
        {
       /* position:absolute;
        left:4px;
        bottom:4px; */
        width:200px;
        height:20px;
        text-align:left;
        background-color:#021C68;
        }
/**************************** form *******************************/
form
        {
         border:none;
         background:none;
         width:620px;
         height:auto;
         padding:0;
         margin:0;
        /* border:1px red solid; */
         }
fieldset
        {
        border:none;
        background:none;
        padding:0;
        margin:0 0 15px 0;
        padding:0 0 10px 5px;
        border:1px #fff solid;
        }
* html form fieldset
        {
        background:transparent;
        }
legend
        {
        text-align:left;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:bold;
        color:#fff;
        height:25px;
        padding:0 0 15px 0;
        }
label
        {
        clear:both;
        float:left;
        padding:0;
        margin:0 5px 0 0;
        text-align:left;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        color:#fff;
        line-height:1.5em;
        margin:0;
        padding:0;
        height:20px;
        cursor:pointer;
      /* border:1px red solid; */
        }
label:hover
        {
        color:#fc0;
        }
label.textpetit
        {
        font-size:11px;
        }
#content textarea.formtextareadress
        {
        overflow:auto;
        height:100px;
        width:300px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        color:#000;
        line-height:1.5em;
        font-weight:normal;
        padding:5px;
        background-color:#c5d2e7;
        }
.forminput
       {
        padding:0 3px 0 3px;
        height:20px;
        line-height:18px;
        width:300px;
        background-color:#c5d2e7;
       }
.forminput2
       {
        padding:0 3px 0 3px;
        height:20px;
        line-height:18px;
        width:125px;
        background-color:#c5d2e7;
       }
.forminput3
       {
        padding:0 3px 0 3px;
        height:20px;
        line-height:18px;
        width:95px;
        background-color:#c5d2e7;
       }
input:focus,
textarea:focus,
select:focus
        {
        background-color:#c5d2e7;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        color:#000;
        outline:none;
        border:1px #fff solid;
        padding-left:4px;
        height:20px;
        }
input:hover,
textarea:hover,
select:hover
        {
        height:20px;
        color:#000;
        background-color:#fff;
        }
.formbt,
.formbt:focus
        {
        border:1px #fff solid;
        height:25px;
        width:100px;
        text-align:center;
        padding:0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:bold;
        color:#021C68;
        line-height:18px;
        letter-spacing:0.1em;
        background-color:#c5d2e7;
        }
.formbt:hover
        {
        border:1px #fff solid;
        height:25px;
        width:100px;
        text-align:center;
        padding:0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:bold;
        color:#021C68;
        line-height:18px;
        letter-spacing:0.1em;
        background-color:#fff;
        }