body {
        margin:0;
        padding:0;
        background: #fff;
}

/* -------------------------------------------------------------------  */
/* --------------- Positionnement des blocs de la page ---------------- */
/* -------------------------------------------------------------------  */
#global {
    width:900px;
    margin:0 auto 0 auto;
    padding:0;
    border:0px;
    background: #fff;	
}

#head {
        width:100%;
        height:144px;
        margin:auto;
        padding: 0;
        background: #fff url(/images/titre/fond-head.png) repeat-x top left;
}





#navigation {
width: 550px;
height:30px;
font-size:11px;
background: #fff;
color:#7b7c7e;
padding-top:11px;
float:left;

}

#navigation a {
font-weight: 7b7c7e;
font-weight:bold
}

#navigation a:hover {
        color: black;
}

/* -------------------------------------------------------------------  */
/* ---------------                              Styles                             ---------------- */
/* -------------------------------------------------------------------  */
/* Liste de choix du site */
select, option {
        color: #E26A00;
        background-color:#e6ecf2;
        border:1px solid #cacaca;
}

.form_error {
        padding-left: 10px;
        color: #d8732f;
}

/* --------------- MENU ADMIN      ------------------------------------ */
#admin-bar {
        background: #eee; padding: 5px; border: 1px dashed #ccc; position:relative;
        padding: 4px 16px 4px 4px; overflow: hidden; font-size:9px;
}

#admin-bar a { color: #444; font-size: 9px; }

#admin-bar a:hover { color: #e33; }

#admin-bar img { vertical-align: middle; display: inline-block; }

#admin-bar select, #admin-bar option { padding: 0; margin: 0; width: 115px; font-size: 9px; }

/* -------------------------------------------------------------------  */
/* --------------- MENU ET CONCEPTION DES PAGES      ------------------ */
/* -------------------------------------------------------------------  */
/* Boite de confirmation centr¦~C¦~R¦~B©e sur la page */
#center-box {
        width: 400px;
        height: 170px;
        text-align: center;
        margin: 50px auto 50px auto;
        padding: 40px;
        border: 1px solid #ccc;
        background: #c7d2d6 url(/images/fond-center-box.gif) repeat-x top;
}

div.contact {
        width:170px;
        text-align:center;
        padding:25px 0 15px 0;
        border-bottom: 1px solid white;
}

#distribue-kelcom {
font-weight:bold;
font-size:11px;
font-weight:bold;
padding:18px 0 0 76px;
float:left;
color:#b8840c;
width:220px;
height:27px;
background:url('/images/crayon-publicitaire/crayon-publicitaire-cfc-fabricant-bas.jpg') no-repeat;
}


#menu {
float:left;
vertical-align:top;
width:900px;
font-size:10px;
margin:0;
padding:0;
margin-bottom:20px;
background: #fff;
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
color:#142866;
}

#menu div {
margin-left:5px;
margin-right:5px;
}

#menu div.thermocontact-1  {
margin: 1px 0 1px 0;
width:130px;
height:21px;
font-size:11px;
font-weight:bold;
color:#142866;
display:inline;
text-align:center;
float:left;
text-transform:uppercase;
padding-top:8px;
}


#menu div.thermocontact-1-a {
margin: 1px 0 1px 0;
width:130px;
height:21px;
font-size:11px;
font-weight:bold;
color:#950102;
display:inline;
text-align:center;
background:url('/images/titre/fond-menu.png') no-repeat 0 2px;
float:left;
text-transform:uppercase;
padding-top:8px;
}

#menu div.thermocontact-1-a a{
color: #950102;
text-transform:uppercase;
}


#menu div.thermocontact-1 a{
color: #142866;
text-transform:uppercase;
}

#menu div.thermocontact-1 a:hover{
text-transform:uppercase;
}

/* -------------------------------------------------------------------  */
/* --------------- PIED DE PAGE ------------------------------------ */
/* -------------------------------------------------------------------  */
#footer {
background:#fff;
width: 900px;
font-size: 10px;
color: #737373;
margin:0px auto 0px auto;
padding:3px 0 3px 0;

height:44px;
border-top:1px solid #dfdfdf;
border-bottom:1px solid #dfdfdf;

}

#coordonnees {

width: 550px;
text-align:center;
padding-top:10px;
background:#dfdfdf;
height:34px;
}

#footer_bas {
width: 900px;
margin: 8px auto 8px auto;
padding:10px 0 10px 0;
text-align: center;
color:white;
font-size:10px;
background:#838383;
}
#footer_bas a {
color:white;
}

div.kelcom {
float:right;
color:#cacaca;;
font-size:9px;

}

/* -------------------------------------------------------------------  */
/* ---------------   STYLE DU CONTENU DES PAGES      ------------------ */
/* -------------------------------------------------------------------  */
#contenant {
background: #f2e9cc;
width:900px;
padding:0;
margin:auto;
}

div.bigContenu {
        background: #f2e9cc;
        width:620px;
        padding:25px;
        vertical-align:top;
        margin: 0;
        float:right;
}

#contenu {
color:#7b7c7e;
float:left;
margin-left:165px;
}

#contenu li {
list-style-image: url(/images/titre/puce.gif);
        font-size:11px;
        color:#7b7c7e;
        line-height:17px;
        text-align:justify;
}

#contenu a {
        text-decoration:underline;
        color:#b38937;
        font-size:12px;
}

d#contenu table.accueil tr td a, table.liste_familles tr td a {
        text-decoration:none;
        color:#6a4c05;
        font-size:11px;
        font-weight:bold;
}

#contenu a:hover {
        color:#ffb84d;
        
}

#contenu p {
        
        font-size:11px;
        color:#7b7c7e;
        line-height:17px;
        text-align:justify;
}

/* -------------------------------------------------------------------  */
/* FORMULAIRE
/* -------------------------------------------------------------------  */
table.formulaire_contact {
color:#777;
border:none;
margin-left:18px;
}

table.formulaire_contact td.inputLabel {
padding:5px 0px 5px 10px;
font-weight: bold;
font-size:11px;
background:#dadada;
border:none;
color:#777;
}

table.formulaire_contact td.inputValue {
padding:0 3px 0 6px;
background:#cacaca;
border:none;
color:#777;
font-size:11px;
}

table.formulaire_contact td.inputValue input {
padding: 0px 0px 0px 3px;
color:#777;
}

/* -------------------------------------------------------------------  */
/* FORMULAIRE DEVIS
/* -------------------------------------------------------------------  */
.petit { font-size: 8px; font-weight: bold }

.champ { padding:2px 0 2px 0px; }

.champRadio { clear:both; padding:4px 0 4px 0px; }

.champ label {
        float:left;
        width:150px;
}

.champ table { margin-left:150px; }

.champ input {
        color: #E26A00;
        background-color:#e6ecf2;
        border: 1px solid;
        padding:1px 2px 1px 2px;
        width: 300px;
}

.champ select { border: 1px solid; padding:1px 2px 1px 2px; width: 306px; }

.champ textarea {
        color: #E26A00;
        background-color:#e6ecf2;
        border: 1px solid;
        padding:1px 2px 1px 2px;
        width: 300px;
}

.champ input.promotion { width:50px }

.cadre {
        border:1px solid;
        padding:2px;
        margin-bottom:5px;
        width:470px
}

.cadre div.title { padding-bottom:10px; text-decoration:underline }