/*
*
* CSS STYLE SHEET - OGASE
* author : Reyep
* theme : default
* version : 1.0
* Festival : Japan Expo 2008, 9ème impact
*
* ### ARTICLE ###
*
*/

#article {
margin: 0px 0px 10px 10px;
padding: 0px 0px 0px 0px;
width: 780px;
float: left;
}

#article a {
color: #C00;
font-weight: bold;
text-decoration: none;
}

#article a:hover {
color: #F00;
text-decoration: underline;
}

#article img {
border: 0px;
}

#article table {
border-collapse: collapse;
border: 0px outset #FFF;
}

#article th {
border-collapse: collapse;
border: 0px outset #FFF;
}

#article tr {
border-collapse: collapse;
border: 0px outset #FFF;
}

#article td {
border-collapse: collapse;
border: 0px outset #FFF;
background-color: #ffffff;
}

/*
#article table {
border-collapse: collapse;
border: 2px  inset #C00;
}

#article th {
border-collapse: collapse;
border: 2px inset #C00;
background-color: #C00;
color: #FFF; 
}

#article tr {
border-collapse: collapse;
border: 2px inset #C00;
}

#article td {
border-collapse: collapse;
border: 2px inset #C00;
background-color: #ffdd88;
}
*/

#article h2 {
margin: 15px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
font-size: 14px;
line-height: 18px;
border-bottom: 2px solid #F90;
color: #c30431;
}

#article #image {
margin: 10px 10px 10px 0px;
padding: 0px;
float: left;
}

#article .copyright {
margin: 0px;
padding: 0px;
font-size: 10px;
}

#article .intro {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
font-style: italic;
font-size: 13px;
text-align: justify;
}

#article .textes {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
text-align: justify;
}

#article .textes a {
/* color: #9a141b; */
color: #C00;
text-decoration: none;
}

#article .textes a:hover {
color: #F00;
text-decoration: underline;
}

#article div#col525left {
    float: left;
    width: 525px;
}

#article div#col450left {
    float: left;
    width: 450px;
}

#article div#col425left {
    float: left;
    width: 425px;
}

#article div#col400left {
    float: left;
    width: 400px;
}

#article div#col375left {
    float: left;
    width: 375px;
}

#article div#col350left {
    float: left;
    width: 350px;
}

#article div#col250left {
    float: left;
    width: 250px;
}

#article div#col215left {
    float: left;
    width: 215px;
}

#article div#col215right {
    float: right;
    width: 215px;
}

#article div#col325right {
    float: right;
    width: 325px;
}

#article div#col300right {
    float: left;
    width: 300px;
}

#article div#col375right {
    float: left;
    width: 375px;
}

#article div#col400right {
    float: right;
    width: 400px;
}

#article div#col535right {
    float: right;
    width: 535px;
}

#article div#colfooter {
    clear: both;
    
}

/* LISTE */

#liste {
margin: 0px;
padding: 0px 5px 20px 25px;
width: 560px;
float: left;
}

#liste .element {
margin: 10px 0px 20px 0px;
padding: 10px 0px 0px 0px;
border-top: 1px solid #EEE;
clear: left;
}

#liste h3 {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
font-size: 14px;
line-height: 18px;
/*text-transform: uppercase;*/ 
}

#liste h4 {
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
/*text-transform: uppercase;*/ 
}

#liste .image {
margin: 0px 40px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}

#liste img  {
margin: 0px;
padding: 0px;
border: 0px;
}

#liste .copyright {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
font-size: 8px;
line-height: 10px;
}

#liste .readmore  {
margin: 0px 0px 0px 0px;
padding: 5px 20px 0px 0px;
text-align: right;
font-style: italic;
}

#liste .arrow  {
margin: 0px 0px -3px 0px;
padding: 0px 10px 0px 0px;
}