/* 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";

/* STYLE CONTENU */
#contenu
        {
        float:left;
        margin:0;
        padding:50px 30px 0 30px;
        width:706px;
        height:auto;
        }
#contenu h1{
        margin:0 0 20px 0;
        padding:0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:2.4em;
        font-weight:bold;
        text-align:left;
        text-transform:uppercase;
        letter-spacing:-2px;
        color: #666;
        border-bottom:3px solid #C0BFBF;
}
#contenu h2{
        margin:0 0 5px 0;
        padding:0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.4em;
        font-weight:bold;
        text-align:left;
        color: #666;
        border-bottom:1px solid #C0BFBF;
        }
#contenu h3
        {
        margin:10px 0 0 0;
        padding:0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.35em;
        font-weight:bold;
        text-align:left;
        color:#ab0612;
        }
#contenu p,
#contenu p.premier,
#contenu p.contact
        {
        margin:15px 0 5px 0;
        padding:0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.25em;
        line-height:1.2em;
        text-align:justify;
        color: #ab0612;
        }
#contenu p.premier:first-letter
        {
        font-family:Arial, Helvetica, sans-serif;
        font-size:2.5em;
        font-weight:bold;
       /* line-height:1.2em; */
        color:#666;
        }
#contenu p.contact:first-letter
        {
        font-family:Arial, Helvetica, sans-serif;
        font-size:2.5em;
        font-weight:bold;
       /* line-height:1.2em; */
        color: #ab0612;
        }
#contenu p.contact span.le-s
        {
         font-family:Arial, Helvetica, sans-serif;
        font-size:2em;
        font-weight:bold;
       /* line-height:1.2em; */
        color:#080808;
        }
#contenu ul.ul-puce1
        {
        margin:10px 0 15px 20px;
        padding:0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.25em;
        text-align:left;
        color: #ab0612;
        }
#contenu ul.ul-puce1 li
        {
        line-height:1em;
        margin:0 0 5px 0;
        list-style-image: url(../images/charte/puce-ul.gif);
        }
#contenu p b
        {
        color: #ab0612;
        font-size:1.25em;
        }
#contenu a:link,
#contenu a:visited
        {
        font-weight:bold;
        text-decoration:underline;
        color: #AB0612;
        }
#contenu a:hover,
#contenu a:active
        {
        font-weight:bold;
        text-decoration:none;
        color: #000;
        }
#realisations
        {
        float:left;
        margin:15px 0;
        padding:0px;
        width:704px;
        height:auto;
       /* border:1px red solid; */
        }
#realisations img.alternate1
        {
        float:left;
        margin:0 5px 5px 0;
        padding:0;
        border-left:1px #ab0612 solid;
        border-top:1px #ab0612 solid;
        border-right:1px #ab0612 solid;
        border-bottom:3px #ab0612 solid;
        }
#realisations img.alternate2
        {
        float:left;
        margin:0 5px 5px 0;
        padding:0;
        border-left:1px #666 solid;
        border-top:1px #666 solid;
        border-right:1px #666 solid;
        border-bottom:3px #666 solid;
        }
#footerMenu p{
        margin:0;
        padding:0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:1em;
        line-height: 32px;
        word-spacing: 1.2em;
        letter-spacing:0.1em;
        color: #C0BFBF;
        text-align:center;
}
#footerMenu a:link, #footerMenu a:visited{
        font-weight:normal;
        text-decoration:none;
        color: #C0BFBF;
}
#footerMenu a:hover, #footerMenu a:active{
        font-weight:normal;
        border-bottom:3px solid #AB0612;
        color: #666;
}
.gris{
font-weight:bold;
color:#333;
}
.blanc{
color:#fff;
}
/************* form *********************/
label
        {
        font-family:Arial, Helvetica, sans-serif;
        font-weight:500;
        font-size:1.25em;
        color:#AB0612;
        text-align:left;
        line-height:16px;
        letter-spacing:0.1em;
        margin:0 0 0 0;
        padding:0;
        }
.forminput,
.formtextareadress,
.formtextareacomment
        {
        border:1px #AB0612 solid;
        padding:0;
        margin:2px;
        font-family: Arial, Helvetica, sans-serif;
        font-size:13px;
        color:#080808;
        background-color:#F8F8F8;
        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 #AB0612 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:#AB0612;
        background-color:#F8F8F8;
        }