.disblock           {   display:        block;      }
.disline            {   display:        inline;     }
.disnone            {   display:        none;       }
.posclear           {   clear:          both;       }
.posright           {   float:          right;      }
.posleft            {   float:          left;       }
.textcenter         {   text-align:     center;     }
.textright          {   text-align:     right;      }
.textleft           {   text-align:     left;       }
.textjustify        {   text-align:     justify;    }
.texthidden         {   text-indent:    -2000em;    }

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

body {
    background:         #333;
    font-size:          16px;
    font-family:        sans-serif;
    text-align:         center;
    color:              #333;
}

a {
    color:              #963;
    text-decoration:    none;
}
a:hover {
    background:         #963;/*#393;*/
    color:              #FFF;
    padding:            1em;
    font-weight:        bold;
}

#page {
    background:         #CCC;
    width:              900px;
    margin:             auto;
}
#tith1 {
    background:         url(/html/img/logo.png) no-repeat;
    width:              960px;
    height:             231px;
    margin:             auto;
}
.rosash {
    border:             #316F24 dashed 1px;
    border-right:       none;
    border-left:        none;
}
#tith2 {
    background:         url(titre.png) no-repeat;
    width:              320px;
    height:             268px;
    margin:             auto;
}
#map {
    background:         #DFE;
    font-size:          0.7em;
    font-family:        monospace;
    width:              566px;
    height:             268px;
    padding-left:       1.2em;
}
#map h3, #map ul, #map p {
    margin-right:       218px;
}
#map h3 {
    margin:             .6em 218px .4em auto;
    font-size:          1.2em;
}
#map li {
    margin:             auto 1em;
}
#prevente {
    background:         #FC9;
    border:             #555 solid 1px;
    border-left:        none;    
    border-right:       none;    
    padding:            0.6em;
    font-size:          0.6em;
}
#prevente h3 {
    font-size:          1em;
}
#prevente dt, dd {
    display:            inline;
}
#prevente dt {
    font-weight:        bold;
}
#contenu {
    text-align:         justify;
}
#contenu p {
    padding:            0.4em 3em;    
}
#contenu #h3_1 {
    background:         transparent url(/html/heading.php?ttf=journal.ttf&size=64&fgc=393&bgc=CCC&text=En%20Ptit%20Art) no-repeat scroll 50% 0%;
}
#contenu #h3_2 {
    background:         transparent url(/html/heading.php?ttf=journal.ttf&size=64&fgc=393&bgc=CCC&text=Y%20a%20du%20Soleil%20en%20Brousse) no-repeat scroll 50% 0%;
}
#contenu #h3_3 {
    background:         transparent url(/html/heading.php?ttf=journal.ttf&size=64&fgc=393&bgc=CCC&text=Il%20va%20faire%20Bio) no-repeat scroll 50% 0%;
}
#contenu #h3_4 {
    background:         transparent url(/html/heading.php?ttf=journal.ttf&size=64&fgc=393&bgc=CCC&text=Tiens%20voil%C3%A0%20du%20Bourrin) no-repeat scroll 50% 0%;
}
#contenu #h3_5 {
    background:         transparent url(/html/heading.php?ttf=journal.ttf&size=64&fgc=393&bgc=CCC&text=ChapiD%C3%A9tente) no-repeat scroll 50% 0%;
}
#contenu h3 {
    color:              #639;
    border:             #F9C dashed 0px;
    border-bottom:      none;   
    text-align:         center;
    font-size:          2.4em;
    font-family:        serif;
    margin:             0.6em -24px;
    margin-bottom:      0.2em;
    padding:            0;
    height:             75px;
}
#contenu h4 {
    background:         #393 url(/html/img/txt/titre.png);
    clear:              both;
    margin-left:        -24px;
    color:              white;
    font-size:          1.4em;
    padding:            0.4em;
}
#contenu h5 {
    margin:             1.2em auto 0.6em 2em;
    font-size:          1.2em;
}
#contenu .date {
    float:              left;
    margin:             1em;
    margin-bottom:      0;
    border:             #393 solid 1px;
    border-bottom:      none;
    padding:            0.4em 0.6em;
    font-size:          0.8em;
    font-style:         italic;
}
#footer p, #menu p {
    display:            inline;
    font-size:          0.6em;
    font-weight:        bold;
    color:              #66C;
}
#menu a:hover, #footer a:hover {
    background:         #390;
    font-size:          1em;    
    margin-right:       -0.4em;
    padding-left:       0.8em;
    color:              #FFF;
}
#menu a:hover {
    padding-top:        0.8em;
}
#footer a:hover {
    padding-bottom:     0.8em;
}
#footer a, #menu a {
    border-left:        #390 solid 1px;
    padding-left:       0.4em;
    color:              #6C3;    
}
.last {
    border-right:       #390 solid 1px;
    padding-right:      0.4em;
}
#map iframe {
    width:              218px;
    height:             268px;
}
.myspace {
    padding:            0.2em;
}