body {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: white;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
    
div#content { 
    position: relative;
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    top: 10px;
    background-color: white;
    background-repeat: no-repeat;
    display: block;
}


div#title {
    margin-top: 0px;
    margin-left : auto;
    margin-right: auto;
    height: 155px;
    width: 950px;
    background-image:url(banniere.png);
    background-repeat: no-repeat;
}

div#title img{
    border: 0px;
    margin-top: 5px;
    margin-left: 20px;
    }

div#index {
    background-image:url(banniere.png);
    background-repeat: no-repeat;
    background-position: 0 -152px;
    margin-top: 0px;
    margin-left: 0px;
    width: 950px;
    height: 52px;
    padding-top: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color : #A2A2A2;
}

div#index ul {
    list-style-type: none;
    }
    
div#index h1 {
    font: 20px Optima, sans-serif;
    margin-top: 10px;
    margin-bottom: 0px; 
    margin-left: 10px;
    }
    
div#index h2 {
    font: 16px Optima, sans-serif;
    margin-top: 0px;
    margin-bottom: 0px; 
    margin-left: 20px;
    }

div#index p {
    font: 12px Optima, sans-serif; 
    margin-top: 0px;
    margin-bottom: 0px; 
    margin-left: 5px;
    margin-right: 5px;
    text-align: left;
    vertical-align: center;
}

div#index .central {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div#index td {
    width: 90px;
    font: 10px Optima, Helvetica, sans-serif;
    }


div#index a:link {
    border: none;
    text-decoration: none;
    color: #000000;
}
     
div#index a:visited {
    border: none;
    text-decoration: none;
    color: #000000;
}     
     
div#index a:hover {
    border: none;
    text-decoration: none;
    color: #F91530;
}

    
div#index img{
    width: 25px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
}

div#index .menu-reseau{
    width: 160px;
    margin-right: 5px;
    text-align: center;
    float: right;
    color: #000000;
    margin-top: 5px;
    font: 12px Optima, Helvetica, sans-serif; 
}

div#index .td-reseau-up{
    background-image: url(banniere-transpa.png);
    background-repeat: no-repeat;
    background-position: -787px -163px;
    text-align: center;
    font: 12px Optima, Helvetica, sans-serif;
}

div#index .td-reseau-down{
    background-image: url(banniere-transpa.png);
    background-repeat: no-repeat;
    background-position: -787px -176px;
    text-align: center;
    font: 12px Optima, Helvetica, sans-serif;
}

div#gauche {
    background-color: white;
    width: 200px;
    height: 100%;
    margin-left: 5px;
    margin-top: 10px;
    float: left;
}    

div#gauche p{
    font: 18px Gilsans, sans-serif;
    font-weight: bold;
    color: #D6462D;
}

div#liste_activ {
    font: 12px Gilsans, sans-serif;
    text-align: left;
    padding-left: 0px;
    line-height: 16px;
    color: #3D3D3D;
    border-style: none;
}

div#liste_activ a:link{
    text-decoration: none;
    color: #3D3D3D;
    }

div#liste_activ a:visited{
    text-decoration: none;
    font-weight: bold;
    color: #3D3D3D;
    }

div#liste_activ a:hover{
    text-decoration: underline;
    color: #075DA3;
    }
    
div#liste_news {
    font: 12px Gilsans, sans-serif;
    text-align: left;
    padding-left: 0px;
    line-height: 16px;
    color: #3D3D3D;
    border-style: none;
}

div#liste_news a:link{
    text-decoration: none;
    color: #3D3D3D;
    }

div#liste_news a:visited{
    text-decoration: none;
    font-weight: bold;
    color: #3D3D3D;
    }

div#liste_news a:hover{
    text-decoration: underline;
    color: #075DA3;
    }
    
div#menu_news {
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 180px;
    height: 75px;
    border-style: none;
    text-align: center;
}

div#menu_news h2 {
    font: 14px Gilsans, sans-serif;
    padding-top: 12px;
    text-align: left;
    margin-left: 15px;
    color: #D6462D;
    font-weight: bold;
}

div#menu_news p {
    font: 12px Gilsans, sans-serif;
    text-align: center;
}

div#menu_news .formcat {
    width:150px;
    background-color:#FFFFFF;
    font:9pt Gilsans,sans-serif;
}

div#title_sponsor{
    background-color: #C6C6C6;
    margin-top: 20px;
    width: 200px;
    height: 25px;
    color: #494949;
    text-align: center;
}

div#title_sponsor h1 {
    font: 16px Gilsans, sans-serif;
    font-weight: bold;
    color: #3D3D3D;
    padding-top: 5px;
}

div#liste_sponsor{
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 180px;
    border-style: none;
    text-align: center;
}

div#liste_sponsor p{
    font: 12px Gilsans, sans-serif;
    color: #3D3D3D;
}

div#liste_sponsor img{
    width: 60px;
    margin-left: 15px;
    margin-top: 0px;
    margin-right: 15px;
    margin-bottom: 15px;
}

div#liste_sponsor a:link{
    font: 12px Gilsans, sans-serif;
    text-decoration: none;
    color: #3D3D3D;
}
    
div#liste_sponsor a:visited{
    font: 12px Gilsans, sans-serif;
    text-decoration: none;
    color: #8C060D;
}

div#liste_sponsor a:hover{
    font: 12px Gilsans, sans-serif;
    text-decoration: underline;
    color: #075DA3;
    }

div#fonctions {
    background-color: white;
    margin-top: 10px;
    margin-left: 0px;
    margin-bottom: 10px;
    width: 200px;
    font: 12px Gilsans, sans-serif;   
    padding-top: 0px;
    padding-bottom: 10px;
    color: #3D3D3D;
}
    
div#fonctions p {
    font: 12px Gilsans, sans-serif;
    margin-top: 10px;
    margin-bottom: 0px; 
    margin-left: 25px;
    }

div#fonctions a:link{
    text-decoration: none;
    color: #3D3D3D;
    }

div#fonctions a:visited{
    text-decoration: none;
    font-weight: bold;
    color: #3D3D3D;
    }

div#fonctions a:hover{
    text-decoration: underline;
    color: #075DA3;
    }

div#fonctions img{
    border-style: none;
}

div#recherche {
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 180px;
    height: 40px;
    border-style: none;
    text-align: center;
}
        
div#recherche h2 {
    font: 14px Gilsans, sans-serif;
    padding-top: 12px;
    text-align: center;
    color: #white;
    font-weight: bold;
}

div#recherche p {
    font: 12px Gilsans, sans-serif;
    text-align: center;
}

div#news-science{
    background-color: white;
    margin-top: 10px;
    margin-left: 10px;
    width: 326px;
    border-style: solid;
    border-width: 1px;
    border-color : #A2A2A2;
    font: 12px Gilsans, sans-serif;
    padding-left: 6px;
    padding-right: 6px;
    color: #3D3D3D;
    float: left;
}

div#news-science p {
    text-indent: 0px;
    text-align: justify;
    font: 13px Gilsans ,sans-serif;
    line-height: 4px;
    }
    
div#news-science h1 {
    font: 24px Gilsans, sans-serif;
    font-weight: bold;
    font-style: normal;
}
    
div#news-asso{
    background-color: white;
    margin-top: 10px;
    margin-left: 10px;
    width: 326px;
    border-style: solid;
    border-width: 1px;
    border-color : #A2A2A2;
    font: 12px Gilsans, sans-serif;
    padding-left: 6px;
    padding-right: 6px;
    color: #3D3D3D;
    line-height: 4px;
    float: left;
}

div#news-asso p {
    text-indent: 0px;
    text-align: justify;
    font: 13px Gilsans ,sans-serif;
    line-height: 4px;
    }

div#news-asso h1 {
    font: 24px Gilsans, sans-serif;
    font-weight: bold;
    font-style: normal;
}

div#periodique{
    background-color: none;
    margin-top: 10px;
    margin-right: 10px;
    width: 195px;
    border-style: solid;
    border-width: 1px;
    border-color : #A2A2A2;
    padding-left: 6px;
    padding-right: 6px;
    color: #3D3D3D;
    line-height: 4px;
    float: right;
}

div#periodique p {
    text-indent: 0px;
    text-align: justify;
    font: 12px Gilsans, sans-serif;
    }

div#periodique h1 {
    font: 24px Gilsans, sans-serif;
    font-weight: bold;
    font-style: normal;
}

.title_menu{
    background-color: #D6462D;
    width: 234px;
    color: white;
    text-align: center;
    padding-bottom: 1px;
}

.title_menu h1 {
    font: 14px Gilsans, sans-serif;
    font-weight: bold;
    padding-top: 4px;
    margin-top: 0px;
}

.menu{
    background-color: white;
    margin-top: 10px;
    margin-left: 10px;
    width: 234px;
    border-style: solid;
    border-width: 1px;
    border-color : #A2A2A2;
    font: 12px Gilsans, sans-serif;
    color: #3D3D3D;
    float: left;
}

.menu p {
    text-indent: 0px;
    text-align: left;
    font: 12px Gilsans ,sans-serif;
    padding-left: 3px;
}

.menu a:link{
    text-decoration: none;
    color: #3D3D3D;
    }

.menu a:visited{
    text-decoration: none;
    font-weight: bold;
    color: #3D3D3D;
    }

.menu a:hover{
    text-decoration: underline;
    color: #8C060D;
    }

.intro_news {
    background-color: white;
    margin-top: 10px;
    margin-left: 10px;
    width: 544px;
    border-style: solid;
    border-width: 1px;
    border-color : #A2A2A2;
    font: 12px Gilsans, sans-serif;
    color: #3D3D3D;
    float: left;
}

.intro_news p {
    text-indent: 6px;
    text-align: justify;
    font: 12px Gilsans ,sans-serif;
}

.intro_news h1 {
    text-indent: 6px;
    text-align: justify;
    font: 18px Gilsans ,sans-serif;
}

div#carte{
    position: absolute;
    background-image:url(carte-japon.png);
    background-repeat: no-repeat;
    background-position: 50px 110px;
    margin-top: 40px;
    margin-left: 232px;
    width: 730px;
    height: 930px;
    border-style: none;
}

div#hokkaido{
    position: absolute;
    background-color: white;
    margin-top: 100px;
    margin-left: 540px;
    border-style: solid;
    border-width: 1px;
    border-color: #A2A2A2;
    font: 10px Gilsans, sans-serif;
    padding-left: 6px;
    padding-right: 6px;
    color: #3D3D3D;
    line-height: 3px;
}

div#tohoku{
    position: absolute;
    background-color: white;
    margin-top: 245px;
    margin-left: 563px;
    border-style: solid;
    border-width: 1px;
    border-color: #A2A2A2;
    font: 10px Gilsans, sans-serif;
    padding-left: 6px;
    padding-right: 6px;
    color: #3D3D3D;
    line-height: 3px;
}

div#chugoku{
    position: absolute;
    background-color: white;
    margin-top: 360px;
    margin-left: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #A2A2A2;
    font: 10px Gilsans, sans-serif;
    padding-left: 6px;
    padding-right: 6px;
    color: #3D3D3D;
    line-height: 3px;
}

div#kanto{
    position: absolute;
    background-color: white;
    margin-top: 390px;
    margin-left: 478px;
    border-style: solid;
    border-width: 1px;
    border-color: #A2A2A2;
    font: 10px Gilsans, sans-serif;
    padding-left: 6px;
    padding-right: 6px;
    color: #3D3D3D;
    line-height: 3px;
}

div#chubu{
    position: absolute;
    background-color: white;
    margin-top: 0px;
    margin-left: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #A2A2A2;
    font: 10px Gilsans, sans-serif;
    padding-left: 6px;
    padding-right: 6px;
    color: #3D3D3D;
    line-height: 3px;
}


div#kinki{
    position: absolute;
    background-color: white;
    margin-top: 550px;
    margin-left: 250px;
    border-style: solid;
    border-width: 1px;
    border-color: #A2A2A2;
    font: 10px Gilsans, sans-serif;
    padding-left: 6px;
    padding-right: 6px;
    color: #3D3D3D;
    line-height: 3px;
}

div#shikoku{
    position: absolute;
    background-color: white;
    margin-top: 590px;
    margin-left: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #A2A2A2;
    font: 10px Gilsans, sans-serif;
    padding-left: 6px;
    padding-right: 6px;
    color: #3D3D3D;
    line-height: 3px;
}

div#kyushu{
    position: absolute;
    background-color: white;
    margin-top: 700px;
    margin-left: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #A2A2A2;
    font: 10px Gilsans, sans-serif;
    padding-left: 6px;
    padding-right: 6px;
    color: #3D3D3D;
    line-height: 3px;
}

div#hokkaido a:link{
    text-decoration: none;
    color: #8C060D;
    }
    
div#hokkaido a:visited{
    text-decoration: none;
    font-weight: bold;
    color: #8C060D;
    }

div#hokkaido a:hover{
    text-decoration: underline;
    color: #8C060D;
    }

div#tohoku a:link{
    text-decoration: none;
    color: #8C060D;
    }
    
div#tohoku a:visited{
    text-decoration: none;
    font-weight: bold;
    color: #8C060D;
    }

div#tohoku a:hover{
    text-decoration: underline;
    color: #8C060D;
    }
    
div#chugoku a:link{
    text-decoration: none;
    color: #8C060D;
    }
    
div#chugoku a:visited{
    text-decoration: none;
    font-weight: bold;
    color: #8C060D;
    }

div#chugoku a:hover{
    text-decoration: underline;
    color: #8C060D;
    }    

div#kanto a:link{
    text-decoration: none;
    color: #8C060D;
    }
    
div#kanto a:visited{
    text-decoration: none;
    font-weight: bold;
    color: #8C060D;
    }

div#kanto a:hover{
    text-decoration: underline;
    color: #8C060D;
    }
    
div#chubu a:link{
    text-decoration: none;
    color: #8C060D;
    }
    
div#chubu a:visited{
    text-decoration: none;
    font-weight: bold;
    color: #8C060D;
    }

div#chubu a:hover{
    text-decoration: underline;
    color: #8C060D;
    }
    
div#kinki a:link{
    text-decoration: none;
    color: #8C060D;
    }
    
div#kinki a:visited{
    text-decoration: none;
    font-weight: bold;
    color: #8C060D;
    }

div#kinki a:hover{
    text-decoration: underline;
    color: #8C060D;
    }

div#shikoku a:link{
    text-decoration: none;
    color: #8C060D;
    }
    
div#shikoku a:visited{
    text-decoration: none;
    font-weight: bold;
    color: #8C060D;
    }

div#shikoku a:hover{
    text-decoration: underline;
    color: #8C060D;
    }

div#kyushu a:link{
    text-decoration: none;
    color: #8C060D;
    }
    
div#kyushu a:visited{
    text-decoration: none;
    font-weight: bold;
    color: #8C060D;
    }

div#kyushu a:hover{
    text-decoration: underline;
    color: #8C060D;
    }
    
div#corps{
    background-color: white;
    width: 546px;
    margin-top: 0px;
    margin-left: 235px;
    color: #3D3D3D;
    text-align: justify;
}

div#corps p{
    font: 13px Gilsans, sans-serif;
}

div#corps li {
    font: 13px Gilsans,sans-serif;
    }

div#corps h1 {
    font: 24px Gilsans, sans-serif;
    font-weight: bold;
    font-style: normal;
    }
    
div#corps h2 {
    font: 20px Gilsans, sans-serif;
    font-weight: bold;
    }

div#corps h3 {
    font: 16px Gilsans, sans-serif;
    font-weight: bold;
    }

div#corps a:link{
    text-decoration: none;
    color: #8C060D;
    }

div#corps a:hover{
    text-decoration: underline;
    color: #8C060D;
    }
    
div#corps a:visited{
    text-decoration: none;
    font-weight: bold;
    color: #8C060D;
    }

div#chemin{
    background-color: white;
    margin-top: 10px;
    margin-left: 10px;
    height: 20px;
    width: 544px;
    padding-top: 5px;
    border-style: none;
    color: #3D3D3D;
    float: left;
    line-height:18px;
}

div#chemin p {
    text-indent: 0px;
    text-align: justify;
    font: 13px Gilsans ,sans-serif;
    line-height: 4px;
    }
    
div#chemin h1 {
    text-indent: 0px;
    text-align: center;
    font: 24px Gilsans ,sans-serif;
    }
    
div#chemin a:link{
    text-decoration: none;
    color: #8C060D;
    }

div#chemin a:visited{
    text-decoration: none;
    font-weight: bold;
    color: #8C060D;
    }

div#chemin a:hover{
    text-decoration: underline;
    color: #8C060D;
    }
    
.entete{
    background-color: white;
    margin-top: 20px;
    margin-left: 10px;
    width: 350px;
    font: 12px Gilsans, sans-serif;
    color: #3D3D3D;
    border-style: solid;
    border-width: 1px;
    border-color : #A2A2A2;
    float: left;
}

.entete p {
    padding-left: 10px;
    padding-right: 10px;
}

.entete h1 {
    font: 24px Gilsans, sans-serif;
    font-weight: bold;
    font-style: normal;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    color: #D6462D;
}

.entete h2 {
    font: 16px Gilsans, sans-serif;
    font-weight: bold;
    font-style: normal;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}

.entete a:link{
    border: none;
    text-decoration: none;
    color: #8C060D;
}

.entete a:visited{
    border: none;
    text-decoration: none;
    font-weight: bold;
    color: #8C060D;
}

.entete a:hover{
    border: none;
    text-decoration: underline;
    color: #8C060D;
}

.entete img{
    border-style: none;
    margin-left:15px;
    float:left;
}

.bandeau a:link{
    border-style: none;
    text-decoration:none;
}

.bandeau a:visited{
    border-style: none;
    text-decoration:none;
}

.bandeau a:hover{
    border-style: none;
    text-decoration:none;
}

div#texte{
    background-color: white;
    margin-top: 10px;
    margin-left: 10px;
    width: 716px;
    border-style: solid;
    border-width: 1px;
    border-color : #A2A2A2;
    font: 12px Gilsans, sans-serif;
    padding-left: 6px;
    padding-right: 6px;
    color: #3D3D3D;
    float: left;
}

div#texte p {
    text-indent: 0px;
    text-align: justify;
    font: 13px Gilsans ,sans-serif;
    }

div#texte h1 {
    font: 24px Gilsans, sans-serif;
    font-weight: bold;
    font-style: normal;
}

div#texte p{
    font: 13px Gilsans, sans-serif;
}

div#texte li {
    font: 13px Gilsans,sans-serif;
    }
    
div#texte h2 {
    font: 20px Gilsans, sans-serif;
    font-weight: bold;
    }

div#texte h3 {
    font: 16px Gilsans, sans-serif;
    font-weight: bold;
    }

div#texte a:link{
    text-decoration: none;
    color: #8C060D;
    }
    
div#texte a:visited{
    text-decoration: none;
    font-weight: bold;
    color: #8C060D;
    }

div#texte a:hover{
    text-decoration: underline;
    color: #8C060D;
    }

div#texte-news {
    background-color: white;
    margin-top: 10px;
    margin-left: 10px;
    width: 716px;
    border-style: none;
    font: 12px Gilsans, sans-serif;
    padding-left: 6px;
    padding-right: 6px;
    color: #3D3D3D;
    float: left;
}

div#texte-news p {
    text-indent: 0px;
    text-align: justify;
    font: 13px Gilsans ,sans-serif;
    }

div#texte-news h1 {
    font: 24px Gilsans, sans-serif;
    font-weight: bold;
    font-style: normal;
}

div#texte-news p{
    font: 13px Gilsans, sans-serif;
}

div#texte-news li {
    font: 13px Gilsans,sans-serif;
    }
    
div#texte-news h2 {
    font: 20px Gilsans, sans-serif;
    font-weight: bold;
    }

div#texte-news h3 {
    font: 16px Gilsans, sans-serif;
    font-weight: bold;
    }

div#texte-news a:link{
    text-decoration: none;
    color: #8C060D;
    }

div#texte-news a:hover{
    text-decoration: underline;
    color: #8C060D;
    }
    
div#texte-news a:visited{
    text-decoration: none;
    font-weight: bold;
    color: #8C060D;
    }

div#texte-news .tabnews{
    border-style: solid;
    border-width: 1px;
    border-color: #A2A2A2;
    padding: 10px;
}


div#droite{
    margin-right: 0px;
    width: 100px;
    height: 500px;
    background-image:url(lac.png);
    background-repeat: no-repeat;
    float: right;
}

div#optimise {
    width: 544px;
    height: 25px;
    background-color: white;
    float: right;
    font: 12px Gilsans, sans-serif;
    text-align: right;
    padding-right: 10px;
    color: #3D3D3D;
    }


div#basdepage {
    width: 952px;
    height: 25px;
    background-color: white;
    clear: both;
    }
    
    
div#wiki{
    background-color: white;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width:935px;
    border-style: solid;
    border-width: 1px;
    border-color : #A2A2A2;
    font: 12px Gilsans, sans-serif;
    padding-left: 6px;
    padding-right: 6px;
    color: #3D3D3D;
    line-height: 4px;
    float: left;
}

div#wiki p {
    text-indent: 0px;
    text-align: justify;
    font: 13px Gilsans ,sans-serif;
    }

div#wiki h1 {
    font: 24px Gilsans, sans-serif;
    font-weight: bold;
    font-style: normal;
}

div#wiki p{
    font: 13px Gilsans, sans-serif;
}

div#wiki ul, ol {
    font: 13px Gilsans,sans-serif;
    line-height: 20px;
    }
    
div#wiki h2 {
    font: 20px Gilsans, sans-serif;
    font-weight: bold;
    }

div#wiki h3 {
    font: 16px Gilsans, sans-serif;
    font-weight: bold;
    }

div#wiki a:link{
    text-decoration: none;
    color: #BA3A2A;
    }
    
div#wiki a:visited{
    text-decoration: none;
    font-weight: bold;
    color: #BA3A2A;
    }

div#wiki a:hover{
    text-decoration: underline;
    color: #BA3A2A;
    }    
    
div#wiki blockquote {  border-left:#cccccc 3px solid; padding:5px; color: #999999; line-height:18px;}
div#wiki blockquote p {  padding:0px;  margin: 5px 0px; }
div#wiki .indent {  margin-left: 40px; line-height:18px;}

div#wiki .comment{
    font: 13px Gilsans, sans-serif;
    line-height: 16px;
}
