html {
    font-size:          100%;
}
body { 
    background-color:   #CCCCCC;
    color:              #000000;
    padding:            0;
    margin:             0;
    text-align:         center; 
    font-family:        Verdana; 
    font-style:         normal; 
    font-variant:       normal; 
    font-weight:        normal; 
    font-size:          0.7em; 
}

td { 
    color:              #000000;
    padding:            0;
    margin:             0;
    text-align:         left; 
    font-family:        Verdana; 
    font-style:         normal; 
    font-variant:       normal; 
    font-weight:        normal; 
    font-size:          1em; 
}

a:link, a:visited, a:active {
    margin-bottom:      2px;
    color:              #000000;
    text-decoration:    none;
    border-bottom:      1px dotted #FF0000;
}

img {
    border:             none;
}

a img {
    border:             none;
}

p {
    color:              #000000;
    text-align:         left;
    margin-left:        1em;
}

p.centre {
    text-align:         center;
    margin-left:        0;
}

p.annotation {
    text-align:         right;
    font-style:         italic;
    text-decoration:    underline;
}

h1 {
    height:             25px;
    margin:             1.2em 0em 0.8em 0em;
    padding-left:       30px;
    font-size:          1.3em;
    color:              #FF0000;
    font-weight:        bold;
    background-image:   url(images/icone_rj45.gif);
    background-position:left;
    background-repeat:  no-repeat;
}

h2 {
    font-size:          1.1em;
    color:              #FF0000;
    font-weight:        bold;
    margin:             1.2em 0em 0.8em 0.5em;
}

#container {
    width:              800px;
    margin-left:        auto;
    margin-right:       auto;
    text-align:         left;
}

#entete {
    width:              500px;
    height:             51px;
    padding-top:        99px;
    padding-left:       150px;
    padding-right:      150px;
    background-image:   url(images/entete.jpg);
    background-repeat:  no-repeat;
    background-position:left;
}

#corps {
    width:              775px;
    padding:            10px 15px 10px 10px;
    background-image:   url(images/corps.jpg);
    background-repeat:  repeat-y;
    background-position:left;
}

#pied {
    width:              690px;
    height:             100px;
    margin:             0px;
    padding:            40px 55px 20px 55px;
    background-image:   url(images/pied.jpg);
    background-repeat:  no-repeat;
    background-position:left;
}

.menu_hidden {
    float:              left;
    width:              100px;
    height:             22px;
}

.menu_demi_hidden {
    float:              left;
    width:              50px;
    height:             22px;
}

.menu {
    float:              left;
    width:              100px;
    height:             22px;
    padding-top:        8px;
    background-image:   url(images/bouton_menu.gif);
    background-repeat:  no-repeat;
    background-position:center;
    color:              #FFFFFF;
    text-align:         center;
    font-weight:        bold;
    font-size:          0.9em;
}

.menu a:link, .menu a:active, .menu a:visited {
    color:              #FFFFFF;
    text-decoration:    none;
    text-align:         center;
    font-weight:        bold;
    font-size:          0.9em;
    border:             none;
}

.cadreSimple {
    margin:             5px 0px 5px 0px;
    padding:            5px;
    border:             1px dotted #FF0000;
    background-color:   #FFFFFF;
}

.cadreTriple_gauche, .cadreTriple_centre, .cadreTriple_droite {
    float:              left;
    width:              242px;
    height:             500px;
    padding:            5px;
    border:             1px dotted #FF0000;
    background-color:   #FFFFFF;
}

.cadreTriple_gauche {
    margin:             5px 5px 5px 0px;
}

.cadreTriple_centre {
    width:              243px;
    margin:             5px 1px 5px 1px;
}

.cadreTriple_droite {
    margin:             5px 0px 5px 5px;
}

.clear {
    clear:              both;
}

.bouton {
    height:             22px;
    padding-top:        8px;
    background-image:   url(images/bouton_vierge.gif);
    background-repeat:  no-repeat;
    background-position:center;
    color:              #FFFFFF;
    text-align:         center;
    font-weight:        bold;
    font-size:          0.9em;
}

.bouton a:link, .bouton a:active, .bouton a:visited {
    color:              #FFFFFF;
    text-align:         center;
    font-weight:        bold;
    font-size:          0.9em;
    text-decoration:    none;
    border:             none;
}

#recherche_google {
    text-align:         center;
    border:             1px dotted #FF0000;
}