@charset "utf-8";
/* CSS Document */

H1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: bold;
    color: #FFFFFF;
}

H2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
}
H3 {
    font-family: Arial, Helvetica, sans-serif;    font-size: 14px;    font-weight: normal;    color: #FFFFFF;    line-height:18px;}




.header {
    position: relative;
    height: 247px;  
    width: 1024px;
}
.logo {
    float: left;
    background-image: url("images/logo.jpg");
    background-repeat: no-repeat;
    width: 540px;
    height: 149px;
    top: 0px;
}

.clear {
    clear: both;   
}
.animation {
    position: relative;
    background-image: url("images/animation.gif");
    background-repeat: no-repeat;
    left: 200px;
    width: 520px;
    height: 198px;
    top: 0px;
}
.page {
    float: none;
    position: relative;
    margin: auto;
    background-color: black;
    
    width : 1024px;
    height: 880px;
    
}

.fond_accueil {
    background-image: url("images/fond_accueil.jpg");
    background-position: bottom right;
    background-repeat: no-repeat;
}
.fond_edition {
    background-image: url("images/fond_edition.jpg");
    background-position: bottom right;
    background-repeat: no-repeat;
}
.fond_objets {
    background-image: url("images/fond_objets_publicitaires.jpg");
    background-position: bottom right;
    background-repeat: no-repeat;
}

.fond_web {
    background-image: url("images/fond_web_internet.jpg");
    background-position: bottom right;
    background-repeat: no-repeat;
}
.fond_plv {
    background-image: url("images/fond_plv_marquage.jpg");
    background-position: bottom right;
    background-repeat: no-repeat;
}

.content {
    float: none;
    width : 100%;
    height: 700px;
}

.menu {
    float: left;
    width: 366px;
    position: relative;
    height: 327px;
}

.cadre {
    position: relative;
    float: left;
    width: 400px;
    height: 634px;
}

.dbboutons a {
    background-image: url("images/puce.jpg");
    background-position: center left;
    background-repeat: no-repeat;
    text-align: left;
    padding: 0px;
    display: block;
    margin: 15px;
    width: 320px;
    line-height: 40px;
    float: none;
    text-indent: 20px;
    color: #FFFFFF;
    font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
}

.dbboutons a:hover {
    font-variant: small-caps;
    color: #F6A800;
}

.dbboutons2 a {
/*
    background-image: url("images/puce.jpg");
    background-position: center left;
    background-repeat: no-repeat;
*/
    text-align: left;
    padding: 0px;
    display: block;
    margin: 15px;
    width: 480px;
    line-height: 32px;
    float: none;
    color: #FFFFFF;
    font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

.dbboutons2 a:hover {
    font-variant: small-caps;
    color: #F6A800;
}

.coordonnees {
    float: right;
    width: 484px;
    height: 149px;
    color: #FFFFFF;
    font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
.coordonnees a:link        {color: #FFFFFF; font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; text-decoration: none;}
.coordonnees a:visited     {color: #FFFFFF; font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; }
.coordonnees a:hover       {color: #F6A800; font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; font-variant: small-caps;}
.coordonnees a:active      {color: #FFFFFF; font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; }


body {
    background-color: #6e6e6e;
    color: white;
}

.dbs a {
    top: 880px;
    right: 0px;
    color: #ddecfe;
    float: right;
    position: absolute;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    font-variant: small-caps;
}

.dbs a:hover       {color: #ffffc8; }