/*=================================*/
/*             General             */
/*=================================*/

* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background-color: #BBBBBB;
    color: #000000;
    font-size: 12px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: normal;
    text-align: justify;
}

a {
    color: #3C3CB7;
    font-weight: bold;
    border-bottom: 1px solid #82acee;
    text-decoration: none;
}

a:hover {
    color: #FF0000;
    font-weight: bold;
    text-decoration: none;
    background-color: #CCCCCC;
}

/*=================================*/
/*       Bordures du sites         */
/*=================================*/

#bordure_haut {
    margin: 0 auto 0 auto;
    width: 1000px;
    height: 20px;
    background-image: url(../images/fonds/bordure_haut.jpg);
}

#bordure {
    margin: 0 auto 0 auto;
    padding: 0 20px 0 20px;
    width: 960px;
    background-image: url(../images/fonds/bordure_centre.jpg);
}

#bordure_bas {
    margin: 0 auto 0 auto;
    width: 1000px;
    height: 20px;
    background-image: url(../images/fonds/bordure_bas.jpg);
}

/*=================================*/
/*          Mise en page           */
/*=================================*/

#page {
    margin: 0 auto 0 auto;
    width: 960px;
    background-color: #666699;
}

#entete {
    height: 150px;
    background-color: #F6F6F6;
}

#entete img {
    width: 961px;
}

#menu {
    float: left;
    width: 220px;
    margin-bottom: 20px;
    padding-bottom: 24px;
    background: url(../images/fonds/menu_bas.jpg) no-repeat bottom;
}

#menu_interieur {
    width: 200px;
    padding: 70px 10px 20px 10px;
    background: url(../images/fonds/menu.jpg) no-repeat #F6F6F6;
}

#corps {
    margin-left: 220px;
    padding: 20px 20px 20px 20px;
    background: url(../images/fonds/corps.jpg) no-repeat;
}

#contenu {
    padding: 5px 15px 15px 15px !important;
    padding: 20px 15px 15px 15px;
    background: url(../images/fonds/contenu.jpg) #FFFFFF scroll;
    width: 670px !important;
    width: 667px;
    overflow: auto;
    max-height: 575px;
}

#pied_de_page {
    clear: both;
    background: url(../images/fonds/pied_de_page.png) #E5E5E5;
    padding: 8px 0 8px 0;
    height: 14px;
    text-align: center;
    border-top: 1px inset #000080;
    border-bottom: 1px outset #000080;
}

#liens {
    width: 960px;
    margin: 0 auto 12px auto;
    text-align: center;
    font-size: 10px;
}

/*=================================*/
/*              Menu               */
/*=================================*/

#menu ul {
    list-style: inside url(../images/icones/menu_fleche.png) !important;
    list-style: inside url(../images/icones/menu_fleche.gif);
}

#menu li {
    padding: 8px 0 8px 30px;
}

#menu li:first-letter {
    font-weight: bold;
    color: #FF3322;
}

#menu a {
    color: #000080;
    font-weight: normal;
    border: 0;
}

#menu a:first-letter {
    font-weight: bold;
    color: #FF3322;
}

#menu a:hover {
    border-bottom: 1px solid #0000FF;
    padding-bottom: 3px;
    color: #6666FF;
    background: none;
}

/*=================================*/
/*             Liens               */
/*=================================*/

#liens a {
    font-weight: normal;
    white-space: nowrap;
}

/*=================================*/
/*             Titres              */
/*=================================*/

#contenu h1 {
    font: 22px Georgia,'Times New Roman',Times,serif;
    font-style: italic;
    border-bottom: 3px double #EFB7B7;
    color: #5E5ED9;
    margin: 8px 0 16px 0;
    background: url(../images/icones/titre_h1.png) bottom left no-repeat;
    padding-left: 26px;
    letter-spacing: 1px;

}

#contenu h1:first-letter {
    font-size: 28px;
    font-style: italic;
    color: #FF3322;
}

#contenu h2 {
    font-size: 12px;
    font-weight: bold;
    color: #5E5ED9;
    margin: 8px 0 8px 0;
}

#contenu h2:first-letter {
    font-size: 20px;
    font-weight: normal;
    color: #CB1111;
}

#contenu h3 {
    text-indent: 20px;
    border-left: 5px solid #EFB7B7;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    margin: 0 0 0 8px;
    padding: 6px 0 0 12px;
    color: #000080;
}

/*=================================*/
/*             Textes             */
/*=================================*/

#contenu p {
    text-indent: 20px;
    border-left: 5px solid #EFB7B7;
    margin: 0 0 0 8px;
    padding: 6px 0 0 12px;
}

#contenu em {
    font-weight: normal;
    font-style: italic;
    color: #FF0000;
}

#pied_de_page p {
    font-size: 10px;
}

#pied_de_page strong {
    font-weight: bold;
    font-style: normal;
}

/*=================================*/
/*             Cadres              */
/*=================================*/

#depannage {
    float: left;
    width: 330px;
    margin: 0 auto 0 auto;
}

#maintenance {
    float: right;
    width: 330px;
    margin: 0 auto 0 auto;
}

#installation {
    clear: left;
    float: left;
    width: 330px;
    margin: 0 auto 0 auto;
}

#formation {
    clear: right;
    float: right;
    width: 330px;
}

/*=================================*/
/*             Listes              */
/*=================================*/

#contenu ul {
    list-style: square inside;
    border-top: 1px solid #999999;
}

#contenu li {
    padding: 10px 10px 6px 10px;
    color: #000080;
    margin: 0 0 0 10px;
    background: url(../images/fonds/cadre.png) !important;
    background: #FFFFFF;
}

#contenu li:first-letter  {
    font-weight: bold;
    color: #CB1111;
}

/*=================================*/
/*       Messages d'erreurs        */
/*=================================*/

#contenu .erreur {
    padding: 15px 15px 15px 60px;
    background: url(../images/icones/erreur.gif) left no-repeat;
}

#contenu .valider {
    padding: 15px 15px 15px 60px;
    background: url(../images/icones/valider.gif) left no-repeat;
}