/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

h1,h2,h3,h4 {margin:0;}

.titre{
        margin:0 0 13px 0;
        padding:0;
}
#contenu
        {
        float:left;
        margin:0;
        padding:0;
        width:620px;
       /* border:1px red solid; */
        }

#contenu h1
        {
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
        font-size:1.5em;
        text-indent:30px;
        line-height:10px;
        color: #F61321;
        background: url(../images/charte/puce-h1.gif) no-repeat scroll left top;
        }
#contenu h3
        {
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
        font-size:0.8em;
        color: #FF3A26;
        text-align:left;
        letter-spacing:0.1em;
        margin:0 0 0 0;
        padding:0;
        }
#contenu p
        {
        font-family:Arial, Helvetica, sans-serif;
        font-weight:500;
        font-size:0.8em;
        color: #486C83;
        text-align:justify;
        line-height:16px;
        letter-spacing:0.1em;
        margin:0 0 15px 0;
        padding:0;
        }
#contenu p b
        {
        font-size:1.05em;
        color: #486C83;
        }
#contenu p.puce01
        {
        background: url(../images/charte/puce01.gif) no-repeat 0 4px;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:500;
        font-size:0.8em;
        color: #486C83;
        text-align:justify;
        line-height:16px;
        letter-spacing:0.1em;
        margin:0 0 15px 0;
        padding:0 0 0 19px;
        }
#contenu ul.puce01
        {
       /*  list-style-type:disc;
       list-style:outside;
        text-align:left;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:500;
        font-size:0.8em;
        color:#486C83;
        letter-spacing:0.04em;
        margin:0 0 15px 10px;
        padding:0 0 0 5px; */
        list-style-image: url("../images/charte/puce01.gif");
       /* list-style: outside; */
         /*border:1px red solid; */
         margin:0 0 15px 9px;
         padding:0;
        }
#contenu ul.puce01 li
        {
        text-align:left;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:500;
        font-size:0.8em;
        color:#486C83;
        line-height:1em;
        letter-spacing:0.04em;
        padding:0 0 0 0;
        margin:0 0 5px 18px;
       /* border:1px blue solid;*/
        }
#contenu #img-right
        {
         float:right;
         width:90px;
         height:auto;
        }
#contenu #img-right img
        {
         margin:0 0 10px 8px;
         padding:0 0 0 5px;
         border-left:4px #D3D8DC solid;
        }
#contenu #img-bottom
        {
         float:left;
         width:620px;
         margin:0;
         padding:0;
         height:auto;
        }
#contenu #img-bottom img
        {
         margin:0 5px 5px 0;
         padding:0;
         border:1px #9CACB6 solid;
        }
#contenu a, a:visited {
        font-family:Arial, Helvetica, sans-serif;;
        font-weight:bold;
        color:#486C83;
        text-decoration:none;
}
#contenu a:hover {

        font-weight:bold;
        color:#486C83;
        text-decoration:underline;
}
#contenu #mode-emploi-col-left
        {
        float:left;
        height:auto;
        width:121px;
        margin:0 4px 0 0;
       /* border:1px blue solid; */
        }
#contenu #mode-emploi-col-right
        {
        float:right;
        width:124px;
        margin:0 0 0 4px;
       /* border:1px blue solid; */
        }
#contenu #mode-emploi-col-left p,
#contenu #mode-emploi-col-right p,
#contenu #references-col-left p
        {
        font-family:Arial, Helvetica, sans-serif;
        font-weight:500;
        font-size:0.75em;
        color: #486C83;
        text-align:left;
       /* line-height:16px; */
        letter-spacing:0.0em;
        margin:0 0 15px 0;
        padding:0;
        }
#contenu #references-col-left
        {
        float:left;
        height:auto;
        width:50px;
        margin:0 4px 0 0;
       /* border:1px blue solid; */
        }
#contenu #references-col-left p
        {
         text-align:center;
        }
/* STYLE DE LA PAGE CONTACT
#contactTxt{
        width:45%;
        float:left;
}
#contactPlan{
        width:45%;
        float:right;
}
#formContact input,textarea{
        width:100%;
        border:1px solid #000;
        font-size:12px;
}
#formContact input:focus,textarea:focus{
        border-color:#FF0000;
}
#formContact .champRequis{
        color:#FF0000;
} */
/************* form *********************/
label
        {
        font-family:Arial, Helvetica, sans-serif;
        font-weight:500;
        font-size:0.8em;
        color: #486C83;
        text-align:left;
        line-height:16px;
        letter-spacing:0.1em;
        margin:0 0 0 0;
        padding:0;
        }
.forminput,
.formtextareadress,
.formtextareacomment
        {
        border:1px #486C83 solid;
        padding:0;
        margin:2px;
        font-family: Arial, Helvetica, sans-serif;
        font-size:13px;
        color: #486C83;
        background-color:#F3F4F6;
        text-align:justify;
        }
.forminput
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:20px;
        width:180px;
       }
.formtextareadress
        {
        padding:0 3px 0 3px;
        height:75px;
        width:255px;
        }
.formtextareacomment
        {
        padding:0 3px 0 3px;
        height:110px;
        width:600px;
        }
.formbt
        {
       border:1px #486C83 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:#486C83;
        background-color:#F3F4F6;
        }