html {
    font-size:          100%;
}
body { 
    background-color:   #66CCFF;
    color:              black;
    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:              black;
    padding:            0;
    margin:             0;
    text-align:         left; 
    font-family:        Verdana; 
    font-style:         normal; 
    font-variant:       normal; 
    font-weight:        normal; 
    font-size:          1em; 
}

a:hover, a:link, a:visited, a:active {
    color:              #6600FF;
    text-decoration:    none;
}

img {
    border:             none;
}

a img {
    border:             none;
}

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

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

h1 {
    background-image:   url('images/icone_globe.jpg');
    background-position:left;
    background-repeat:  no-repeat;
    padding-left:       50px;
    padding-top:        5px;
    height:             35px;
    font-size:          1.5em;
    color:              #0000FF;
}

#zoneCentre h1 {
    background-image:   url('images/barre_titre_globe_600_40.jpg');
    background-repeat:  none;
    margin-left:        10px;
    padding-top:        9px;
    height:             31px;
}

h2 {
    padding-left:       25px;
    font-size:          1.3em;
    color:              #0000FF;
}

h3 {
    padding-left:       25px;
    font-size:          1em;
    font-weight:        bold;
    color:              #0000FF;
}

#zoneGauche li, #zoneDroite li {
    list-style-image:   url('images/liste_clair.gif');
    list-style-position:left;
}

#zoneCentre li {
    list-style-image:   url('images/liste_foncee.gif');
    list-style-position:left;
}

#zoneCentre ul {
    line-height:        1.2em;
}

input, textarea {
    background-color:   #6699FF;
    border:             1px solid #000000;
    color:              #FFFFFF;
}

.clear {
    clear:              both;
}

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

#header {
    width:              1000px;
    height:             300px;
    background-image:   url('images/header.jpg');
    background-position:top left;
    background-repeat:  no-repeat;
}

#header_language {
    float:              right;
    margin-top:         260px;
    height:             40px;
}

#center {
    width:              1000px;
    min-height:         500px;
    background-color:   #6666FF;
    background-image:   url('images/bg.jpg');
    background-repeat:  repeat-y;
}

#zoneGauche h1, #zoneDroite h1 {
    background-image:   url('images/icone_globe_clair.jpg');
    padding-left:       35px;
    padding-top:        10px;
    height:             29px;
    font-size:          1.2em;
    border-top:         1px dotted #6666FF;
}

#zoneGauche, #zoneDroite, #zoneCentre {
    float:              left;
}

#zoneGauche {
    width:              165px;
    margin:             5px 10px 5px 5px;
}

#zoneDroite {
    width:              165px;
    margin:             5px 5px 5px 10px;
}

#zoneCentre {
    width:              620px;
    margin:             5px 10px;
}

#footer {
    padding:            5px;
    background-color:   #6666FF;
    /*height:             60px;*/
}

img {
    margin:             5px;
}

.imgFloatLeft {
    float:              left;
}

.imgFloatRight {
    float:              right;
}

.pCentre {
    text-align:         center;
}

.triptique {
    float:              left;
    background-color:   #6699FF;
    width:              190px;
    height:             100px;
    border:             1px dotted black;
    padding:            2px;
    margin:             5px;
    overflow:           auto;
}

.biptique {
    float:              left;
    background-color:   #6699FF;
    width:              294px;
    height:             125px;
    border:             1px dotted black;
    padding:            2px;
    margin:             5px;
    overflow:           auto;
}

.cadreInfo {
    float:              right;
    width:              250px;
    background-color:   #6666FF;
    border:             1px dotted black;
    padding:            0.5em;
    margin:             0.5em;
}

.cadreSimple {
    background-color:   #6699FF;
    width:              604px;
    border:             1px dotted black;
    padding:            2px;
    margin:             5px;
}