/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
    color               : #78434A;
    background-color    : #EDE7E9;
    text-decoration     : none;
    margin              : 6px 0px 0px;
    padding             : 0px;
}

a, a:visited, a:link {
    color               : #E50001;
    background-color    : inherit;
    text-decoration     : none;
}
a:hover, a:active {
    text-decoration     : underline;
}

p {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
    margin-top          : 5px;
    margin-bottom       : 5px;
}

h1 {
    background          : url(images/h1.gif) no-repeat;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 18px;
    font-style          : italic;
    font-weight         : normal;
    color               : #570C15;
    background-color    : inherit;
    margin              : 2px 0px 10px;
    padding             : 10px 0px 0px 38px;
}
h2 {
    background          : url(images/h2.gif) no-repeat 0px 2px;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
    font-weight         : bold;
    color               : #78434A;
    background-color    : inherit;
    margin              : 5px 0px 10px;
    padding             : 0px 0px 0px 12px;
}
h3 {
    background          : url(images/h3.gif) no-repeat;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
    font-weight         : bold;
    color               : #FB7C11;
    background-color    : inherit;
    margin              : 5px 0px 10px;
    padding             : 1px 0px 0px 15px;
}
td {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
}
ul {
    margin              : 0px 0px 0px 0px;
    padding             : 0px;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
}
ol {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    margin              : 0px 0px 0px 7px;
    padding             : 0px;
}
li {
    margin              : 0px 0px 0px 16px;
    padding             : 0px;
    list-style-type     : square;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
}
form {
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}
blockquote {
    margin-left         : 12px;
    line-height         : 20px;
}
input, select, textarea {
    color               : #757575;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
    vertical-align      : middle;
    border              : 1px solid #C3BB9F;
}
input, textarea {
    padding             : 1px 3px;
}
label {
    margin-right        : 10px;
    white-space         : nowrap;
}

/*----------------------------------------------------------------*/
/*                          SPECIFIQUE                            */
/*----------------------------------------------------------------*/
div#site {
    width               : 964px;
    margin              : 0px auto;
}
table#entete {
    height              : 132px;
    background          : url(images/interieur/fond-top.gif) no-repeat;
}
td#logo {
    width               : 394px;
}
td#logo img {
    padding             : 15px 30px;
}
td#menu {
    width               : 570px;
    padding-top         : 70px;
}
div#contenu {
    background          : url(images/interieur/fond-contenu.gif) repeat-y;
    padding             : 15px 30px;
    position            : relative;
}
div#copyright {
    background-color    : inherit;
    padding             : 5px;
}
div#copyright a, div#copyright a:visited, div#copyright a:active, div#copyright a:hover, div#copyright a:link {
    text-decoration     : none;
}
div#copyright img {
    vertical-align      : middle;
}

/* Menu */
td#menu img {
    vertical-align      : middle;
}
td#menu a, td#menu a:visited, td#menu a:link, td#menu a:active, td#menu a:hover,
td#menu a.on, td#menu a.on:visited, td#menu a.on:link, td#menu a.on:active, td#menu a.on:hover {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    padding             : 0px 10px;
    color               : #663A3F;
    background-color    : inherit;
    text-decoration     : none;
}
td#menu a:hover {
    color               : #FEBC5E;
}
td#menu a.on, td#menu a.on:visited, td#menu a.on:link, td#menu a.on:active, td#menu a.on:hover {
    color               : #FFFFFF;
}


/* Devis */
table#devis-bandeau td {
    padding-right        : 20px;
}
input.button {
    border               : 0px;
}
div#devis {
    background           : url(images/devis/sep-fondu.gif) no-repeat 0px 5px;
    padding              : 30px 20px 10px;
}
.erreur {
    color                : #E4010A;
    font-weight          : bold;
    font-size            : 12px;
    text-align           : center;
    margin               : 10px;
}

div#video_step1 {
    position : absolute;
    left     : 700px;
    top      : 90px;
}


div#video_step2 {
    position : absolute;
    left     : 700px;
    top      : 120px;
}

div#video_step3 {
    position : absolute;
    left     : 700px;
    top      : 190px;
}
