body {
    font-family: Arial;
    font-size: 11px;
    margin: 0;
    padding: 0;
    border: 0;
    color: #000
    }
img {
    border: 0
    }
a {
    font-size: 11px;
    color: #000
    }
#site {
    width: 988px
    }
/* ----- TETIERE ----- */
#t00 {
    width: 988px;
    height: 107px;
    background: url(images/t00.png)
    }
#t00 a {
    width: 988px;
    height: 107px;
    display: block
    }
#t20 {
    float: left;
    display: block;
    width: 988px;
    height: 20px;
    background: url(images/t_20.png)
    }
#t30 {
    float: left;
    background: url(images/t30_bgd.png);
    display: block;
    height: 24px;
    width: 988px
    }
/* --- RECHERCHE --- */
#search {
    /* position: relative;
    			top: 3px; */
    float: left;
    width: 140px;
    height: 19px;
    background: url(images/_search_bgd.png) no-repeat 0 0;
    text-align: left;
    margin: 3px 0 0 50px;
    _margin: 3px 0 0 25px;
    padding: 1px 0 0 0;
    _padding: 0;
    border: 0
    }
#search form {
    margin: 0;
    padding: 0;
    border: 0
    }
#search input.text {
    color: #7BA9D6;
    font-size: 10px;
    width: 103px;
    height: 14px;
    padding: 1px 0 0 7px;
    margin: 1px 1px 1px 1px;
    border: 0
    }
#search input.button {
    width: 17px;
    height: 15px;
    background: url(images/espace.png);
    margin: 0;
    padding: 0;
    border: 0
    }
/* spécifique safari */
#search_safari {
    float: left;
    width: 150px;
    height: 19px;
    text-align: left;
    padding: 0;
    border: 0;
    margin: 3px 0 0 40px
    }
#search_safari form {
    margin: 0;
    padding: 0;
    border: 0
    }
#search_safari input.text {
    color: #fff;
    font-size: 10px;
    width: 103px;
    height: 14px;
    padding: 1px 0 0 7px;
    margin: 0 1px 1px 1px;
    border: 2px;
    background: #06C
    }
#search_safari input.button {
    width: 40px;
    margin-top: 0
    }
/* recherche */
#t30 a {
    float: left;
    height: 24px
    }
#accueil {
    display: block;
    width: 92px;
    background: url(images/_accueil.png);
    border-left: 1px solid #fff
    }
a#accueil:hover {
    background: url(images/_accueilo.png)
    }
#actualites {
    display: block;
    width: 92px;
    background: url(images/_actualites.png)
    }
a#actualites:hover {
    background: url(images/_actualiteso.png)
    }
#agenda {
    display: block;
    width: 92px;
    background: url(images/_agenda.png)
    }
a#agenda:hover {
    background: url(images/_agendao.png)
    }
#newsletter {
    display: block;
    width: 92px;
    background: url(images/_newsletter.png)
    }
a#newsletter:hover {
    background: url(images/_newslettero.png)
    }
#plan {
    display: block;
    width: 92px;
    background: url(images/_plan.png)
    }
a#plan:hover {
    background: url(images/_plano.png)
    }
#diaporama {
    display: block;
    width: 92px;
    background: url(images/_diaporama.png)
    }
a#diaporama:hover {
    background: url(images/_diaporamao.png)
    }
#galerie {
    display: block;
    width: 92px;
    background: url(images/_galerie.png)
    }
a#galerie:hover {
    background: url(images/_galerieo.png)
    }
#t40 {
    clear: both;
    display: block;
    width: 988px
    }
#t40 div {
    float: left
    }
#date {
    display: block;
    width: 180px;
    text-align: right;
    padding: 10px 10px 10px 0;
    margin: 0 0 0 0;
    font-size: 7pt;
    color: #3770B8;
    border-right: 1px solid #5D97DC
    }
#marquee {
    font-size: 8pt;
    padding: 10px 0 6px 20px;
    width: 534px;
    color: #5D97DC
    }
/* point sensible */
#page {
    /* ie mac */
    float: left;
    display: block;
    width: 988px;
    clear: both;
    padding: 0;
    margin: 0;
    border: 0;
    text-align: left;
    background: url(images/page_bgd.png)
    }
#gauche {
    width: 190px;
    padding-bottom: 20px
    }
#gauche2 {
    height: 96px;
    background: url(images/g2_bgd.html)
    }
#ale_infos {
    padding: 10px 0 10px 10px;
    _padding: 10px 0 10px 10px;
    border-top: 1px solid #5D97DC;
    border-bottom: 1px solid #5D97DC;
    background: url(images/ale_infos_bgd.png)
    }
#ale_infos a {
    display: block;
    height: 100%;
    width: 174px;
    border: 1px solid #fff
    }
#ale_infos a:hover {
    background: url(images/ale_infoso.png) no-repeat 82px 80px;
    _background: url(images/ale_infoso.png) no-repeat 82px 80px
    }
#ale_infos .image_accueil {
    /* border: 1px solid #5D97DC; */
    }
#ale_infos .titre_article {
    display: none
    }
#ale_infos .legende_photo {
    display: none
    }
#ale_infos .article_intro {
    display: none
    }
#ale_infos a.lire_la_suite {
    display: none
    }
#ale_infos .auteur {
    display: none
    }
#ale_infos .date_article {
    display: none
    }
#gauche3 {
    height: 96px;
    background: url(images/g3_bgd.png)
    }
#gauche3 a {
    display: block;
    height: 96px
    }
#gauche3 a:hover {
    background: url(images/g3_over.png)
    }
#contenu {
    display: block;
    width: 573px;
    margin: 0 1px 0 0;
    border-top: 1px solid #5D97DC
    }
#droite {
    display: block;
    width: 223px;
    height: 534px;
    background: url(../../design/style/images/d_bgd.png) no-repeat 0 1px;
    margin: 0;
    padding: 0;
    border: 0
    }
#bas {
    clear: both;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 978px;
    background: #000;
    color: #97BDE8;
    padding: 6px 0 6px 10px;
    font-size: 7pt
    }
#bas span {
    margin-left: 150px
    }
#bas a {
    text-decoration: none;
    color: #3770B8
    }
#bas a:hover {
    color: #fff
    }
#bas a.a2 {
    font-size: 7pt;
    text-decoration: none;
    color: #fff
    }
#bas a.a2:hover {
    color: #B8B8B8
    }