body , html
{
        font: 8pt/16pt arial; 
        color: #395997; 
        margin : 0px 0px 0px 0px;
        height:100%;
        scrollbar-base-color: #DC352B;
}

#container
{        
        width:100%;
        height:100%;
        text-align:center;
        background-color:#fff;
}

#table_charte
{
        height:100%;
        min-height:100%;
        border-left: 0px solid #fff;
        border-right: 0px solid #fff;
        width:957px;
        background-color:#fff;
        margin-left:auto;
        margin-right:auto;
}

#td_charte        
        {
        text-align:left;
        background-repeat: no-repeat;
        padding-left:0px;
        padding-right:0px;
        }

a:link { 
        font-weight: bold; 
        text-decoration: none; 
        color: #DC352B;
        }
a:visited { 
        font-weight: bold; 
        text-decoration: none; 
        color: #DC352B;
        }
a:hover, a:active { 
        text-decoration: underline; 
        color: #DC352B;
        }
#contenu
        {
         float:left;
         min-height:335px;
         height:auto !important;
         height:335px;
         width:95%;
         background-color:#fff;
         padding:0;
         margin:0 0 0 10px;
        /* border:1px red solid; */
        }
/******** page convois except. ********/
#contenu #convois
        {
         float:left;
         width:909px;
         height:auto;
         margin:0 0 0 0;
         padding:0;
        }
#contenu #convois img
        {
         float:left;
         margin:0 6px 15px 5px;
         padding:0;
         border:1px #003748 solid;
        }
/******** page actu ***********/
#contenu .actu
        {
         float:left;
         width:909px;
         height:auto;
         margin:0 0 15px 0;
         padding:0;
         border-bottom:1px dashed #C3CFD5;
        }
#contenu .actu p
        {
         font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        font-weight:500;
        text-align:justify;
       /* color:#00485f; */
        color: #395997;
        padding:0;
        }
#contenu .actu img
        {
         float:right;
         margin:0 6px 15px 20px;
         padding:0;
         border:1px #003748 solid;
        }
#contenu-left
        {
         float:left;
         width:40%;
         height:auto;
         background-color:#fff;
         margin:0 10px 0 10px;
         padding:0;
        /* border:1px red solid; */
        }
#contenu-right
        {
         float:right;
         width:55%;
         height:auto;
         background-color:#fff;
         margin:0 10px 0 0;
         padding:0;
        }
#contenu-right .equipements
        {
        float:left;
        margin:0 6px 15px 5px;
        padding:0;
        border:1px #003748 solid;
        }
#contenu-right .vieux-camion
        {
        /*float:left; */
        margin:0 auto 5px auto;
        padding:0;
        border:1px #003748 solid;
        }
h1
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
font-style:normal;
/*line-height:35px; */
line-height:30px;
height:29px !important;
color:#00485F;
background:transparent url(images/charte/bt_h1.png) no-repeat 0 0;
/*padding:0 0 17px 55px; */
padding:0 0 0 55px;
margin:0;
border-bottom:1px dashed #C3CFD5;
}

h2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
font-style:normal;
color:#fff;
}

h3
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
font-style:normal;
margin:0;
padding:0;
}
#contenu-left p,
#contenu-left p.puce01,
#contenu-right p,
#contenu p
        {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        font-weight:500;
        text-align:justify;
       /* color:#00485f; */
        color: #395997;
        padding:0;
        margin:0 0 15px 0;
        }
#contenu-left p.puce01
        {
        background:#fff url(images/charte/puce-02.png) no-repeat 0 5px;
        padding:0 0 0 13px;
        margin:0 0 0 0;
        }
#contenu-left ul,
#contenu-right ul
        {
        padding:0;
        margin:0 0 10px 28px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        font-weight:500;
        color:#395997;
        list-style-position:outside;
        list-style-type:square;
        text-align:left;
        }
#contenu-left ul.avec-puce
        {
        padding:0;
        margin:0 0 20px 28px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        font-weight:500;
        color:#395997;
        list-style-position:outside;
       /* list-style-type:square; */
       list-style-image: url("images/charte/puce-02.png");
       /* text-align:left; */
        }
#contenu-left ul.avec-puce li
        {
         text-align:justify;
         line-height:11px;
         margin:0 0 5px 0;
        /* border:1px red solid; */
        }
#contenu-left ul.avec-puce li b.la-date
        {
        color:#bf0c08;
        }
#basdepage
        {
        width:100%;
        height:29px;
        text-align:center;
        background-color:#fff;
        }
/************* form *********************/
label
        {
        font-family:Arial, Helvetica, sans-serif;
        font-weight:500;
        font-size:11px;
        color:#395997;
        text-align:left;
        line-height:16px;
        letter-spacing:0.1em;
        margin:0 0 0 0;
        padding:0;
        }
.forminput,
.formtextareadress,
.formtextareacomment
        {
        border:1px #395997 solid;
        padding:0;
        margin:2px;
        font-family: Arial, Helvetica, sans-serif;
        font-size:13px;
        color:#395997;
        background-color:#fff;
        text-align:justify;
        }
.forminput
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:20px;
        width:230px;
       }
.formtextareadress
        {
        padding:0 3px 0 3px;
        height:75px;
        width:340px;
        }
.formtextareacomment
        {
        padding:0 3px 0 3px;
        height:110px;
        width:795px;
        }
.formbt
        {
       border:1px #395997 solid;
        height:25px;
        width:100px;
        text-align:center;
        padding:0;
        /*margin:2px; */
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        line-height:18px;
        font-weight:bold;
        letter-spacing:0.1em;
        color:#395997;
        background-color:#fff;
        }